html, body, p, ul, ol, dd, dl { margin: 0; } body { font: 14px/1.5 'Microsoft Yahei', Arial, Verdara, '宋體'; color: #333333; } ol, ul { padding: 0; } li { list-style: none; } img { border: 0; } font, h1, h2, h3, h4, h5, h6 { font-size: inherit; margin: 0; font-weight: normal; } table { border-collapse: collapse; border-spacing: 0; } button, input, select, textarea { font: 14px/1 'Microsoft Yahei', Arial, Verdara, '宋體'; color: #555; outline: 0; } input { padding: 0; } textarea { resize: none; } a { color: inherit; text-decoration: none; } a[href="javascript:void(0)"] { cursor: default; } /** * Swiper 6.1.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://swiperjs.com * * Copyright 2014-2020 Vladimir Kharlampidi * * Released under the MIT License * * Released on: August 17, 2020 */ @font-face { font-family: swiper-icons; src: url('data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff'); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .swiper-container-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; } .swiper-container-multirow-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-container-3d { perspective: 1200px; } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } :root { --swiper-navigation-size: 44px; } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size)/44 * 27); height: var(--swiper-navigation-size); margin-top: calc(-1 * var(--swiper-navigation-size)/2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none!important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto; } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: 'prev'; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: 'next'; } .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white { --swiper-navigation-color: #ffffff; } .swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black { --swiper-navigation-color: #000000; } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; transition: 0.3s opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 0.2s transform, 0.2s top; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 0.2s transform, 0.2s left; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 0.2s transform, 0.2s right; } .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white { --swiper-pagination-color: #ffffff; } .swiper-pagination-black { --swiper-pagination-color: #000000; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; animation: swiper-preloader-spin 1s infinite linear; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .main { margin: 0 auto; } .ui-column-1 { width: 100%; } .ui-column-2 { width: 50%; } .ui-column-3 { width: 33.33%; } .ui-column-4 { width: 25%; } .ui-column-5 { width: 20%; } .ui-column-6 { width: 16.66%; } .ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mutiple-ellipsis { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } .text-center { text-align: center; } /* input[type=checkbox], input[type=radio] { vertical-align: -2px; margin-right: 5px; } */ .clearfix:after { content: ""; display: block; clear: both; width: 100%; height: 0; font-size: 0; } /* 有些組件在非絕對定位的情況下，有默認寬度，因此需要重置寬度 */ body > .ui-form, body > .ui-collapse, body > .ui-search-panel, body > .ui-product-center, body > .ui-tabedy, body > .ui-tabedx, body > .ui-richtext, body > .ui-button, body > .ui-article-list, body > .ui-image-text, body > .ui-product-list { position: relative; width: auto; height: auto; left: 0; right: 0; } body > .ui-picture { position: relative; width: auto; left: 0; right: 0; } .ui-container > .main, .ui-search-panel > .main, .ui-ui-product-center > .main, .ui-product-list > .main, .ui-collapse > .main, .ui-tabedy > .main, .ui-tabedx > .main, .ui-richtext > .main, .ui-button > .main, .ui-form > .main, .ui-article-list > .main { width: auto; position: relative; } /************************ ** jw-dialog & .jw-offer-dialog ************************/ .jw-dialog, .jw-offer-dialog { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 2000; text-align: center; display: flex; align-items: center; justify-content: center; } .jw-dialog:after { content: ""; display: inline-block; height: 100%; width: 0; vertical-align: middle; } .jw-dialog .wrapper { width: 420px; min-height: 140px; display: inline-block; vertical-align: middle; background-color: #fff; border-radius: 4px; border: 1px solid #ebeef5; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); backface-visibility: hidden; box-sizing: border-box; transition: transform 0.3s ease-in-out 0s; transform: translate(0, -300%); } .jw-dialog .wrapper.in { transform: translate(0, 0); } .jw-dialog .wrapper .content { position: relative; width: 100%; height: 100%; box-sizing: border-box; padding: 80px 40px 20px; display: flex; justify-content: center; align-items: center; } .jw-dialog .wrapper .content .right-icon { position: absolute; height: 50px; width: 50px; border-radius: 50%; border: 1px solid #40cf6f; top: 20px; transform: translate(-50%, 0); left: 50%; display: flex; justify-content: center; align-items: center; } .jw-dialog .wrapper .content .right-icon .check-style-icon { width: 14px; height: 24px; border-color: #40cf6f; border-style: solid; border-width: 0 4px 4px 0; transform: rotate(45deg); transform-origin: 12px 12px; } .jw-dialog .wrapper .content .title { box-sizing: border-box; overflow: hidden; max-height: 100%; font-size: 18px; word-break: break-word; color: #888888; } .jw-offer-dialog .offer-modal { width: 565px; height: 430px; background: url(https://saas-image.jingwxcx.com/upload_files/2020/10/14/0ac3bed1ad341d77e4dcfc8cc1677b05.png); background-size: cover; position: relative; box-sizing: border-box; padding: 130px 120px 109px; text-align: center; transition: transform 0.3s ease-in-out 0s; transform: translate(0, -200%); } .jw-offer-dialog .offer-modal.in { transform: translate(0, 0); } .jw-offer-dialog .offer-modal .container { width: 100%; height: 100%; padding: 5px; box-sizing: border-box; overflow: hidden; display: flex; flex-direction: column; justify-content: center; } .jw-offer-dialog .offer-modal .container .main { font-size: 18px; white-space: nowrap; width: auto; } .jw-offer-dialog .offer-modal .container .main .price { color: #ce2626; } .jw-offer-dialog .offer-modal .container .main .price .number { font-size: 28px; font-weight: bold; } .jw-offer-dialog .offer-modal .container .content { margin-top: 8px; font-size: 16px; white-space: nowrap; flex: 1; justify-content: space-around; flex-direction: column; display: flex; } .jw-offer-dialog .offer-modal .container .content .detail { margin-bottom: 0px; } .jw-offer-dialog .offer-modal .close-button { margin-top: 10px; line-height: 1; width: 150px; color: #fff; background-color: #ce2626; border-radius: 20px; padding: 10px 23px; cursor: pointer; border: 1px solid #ce2626; text-align: center; box-sizing: border-box; outline: none; transition: 0.1s; font-weight: 500; font-size: 20px; } .jw-offer-dialog:after { content: ""; display: inline-block; height: 100%; width: 0; vertical-align: middle; } .jw-modal { z-index: 1999; opacity: 0; background: #000; position: fixed; top: 0; left: 0; width: 100%; height: 100%; transition: opacity 0.3s ease-in-out 0s; } .jw-modal.in { opacity: 0.5; } /* jw-dialog & .jw-offer-dialog end */ /**************************** ** showToast ****************************/ .ui-toast { position: fixed; left: 50%; top: 10px; transform: translateX(-50%); z-index: 3000; } .ui-toast .inner { position: relative; padding: 10px; overflow: hidden; background: #fef0f0; min-width: 100px; max-width: 320px; border-radius: 5px; animation: fadeInDown 0.3s ease; } .ui-toast .inner .icon { float: left; width: 20px; height: 20px; } .ui-toast .inner .text { display: block; margin: 0 0 0 25px; line-height: 20px; color: #fa5555; } .ui-toast .inner .close { display: none; } .ui-layer { position: fixed; z-index: 99999; } .ui-layer, .ui-layer .shadow { left: 0; top: 0; right: 0; bottom: 0; } .ui-layer .shadow { position: absolute; z-index: 0; background: #000; filter: alpha(opacity=70); background: rgba(0, 0, 0, 0.7); } .ui-layer .inner { position: absolute; left: 50%; top: 50%; margin: -100px 0 0 -210px; z-index: 2; width: 420px; background: #fff; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); animation: slowInDown 0.5s ease; } .ui-layer .head { padding: 0 20px; height: 50px; line-height: 50px; overflow: hidden; white-space: nowrap; position: relative; } .ui-layer .head h3 { font-size: 18px; font-weight: 400; } .ui-layer .close { position: absolute; right: 0; top: 0; bottom: 0; width: 50px; overflow: hidden; text-indent: -99em; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALBAMAAABbgmoVAAAAGFBMVEUAAADh5ubj4+Oxs7e5ur7k5ebf4OKTlZvfjGABAAAAA3RSTlMAM1xswLwxAAAAMUlEQVQI12OAghABBgaRBAZhQwZGYwEQBrIYGISNjAWAFKM5kAOhYIJQJTANKSDtAQDHzAWzR5UX5QAAAABJRU5ErkJggg==) 50% no-repeat; } .ui-layer .close:hover { opacity: 0.6; } .ui-layer .main { padding: 5px 20px; color: #666; } .ui-layer .foot { padding: 10px 20px 15px; } .ui-layer .button { position: relative; text-align: right; } .ui-layer .confirm { height: 32px; padding: 0 15px; background: #409eff; border: 0; border-radius: 3px; color: #fff; cursor: pointer; } .ui-layer .confirm:hover { opacity: 0.8; } .video-player-dialog { position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 1000; background: rgba(0, 0, 0, 0.5); display: none; } .video-player-inner { position: absolute; left: 50%; top: 50%; margin: -300px 0 0 -500px; width: 1000px; height: 600px; } .video-player-close { position: absolute; right: 10px; top: 10px; z-index: 10; width: 40px; height: 40px; line-height: 40px; text-align: center; background: rgba(0, 0, 0, 0.5); border-radius: 50%; cursor: pointer; transition: all 0.3s ease; } .video-player-close:hover { background: rgba(0, 0, 0, 0.4); } .video-player-close i { font-size: 24px; color: #fff; } .video-player-wrap { position: relative; width: 100%; height: 100%; z-index: 0; background: #000; } .video-iframe, .video-player { position: relative; width: 100%; height: 100%; display: none; } .video-iframe iframe { width: 100%; height: 100%; } .video-player .video-js { position: relative; width: 100%; height: 100%; } .iconyun { background: url(data:image/png;base64,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) 0 0 no-repeat; background-size: 120px; } .icon-doc, .icon-docx, .icon-gif, .icon-jpeg, .icon-jpg, .icon-mp4, .icon-pdf, .icon-png, .icon-ppt, .icon-rar, .icon-unkown, .icon-xls, .icon-xlsx, .icon-zip { width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin: 0 5px 0 0; background-position: 0 0; } .icon-unkown { background-position: -20px 0; } .icon-jpeg, .icon-jpg { background-position: -40px 0; } .icon-gif { background-position: -60px 0; } .icon-png { background-position: -80px 0; } .icon-doc { background-position: 0 -20px; } .icon-docx { background-position: -20px -20px; } .icon-xls, .icon-xlsx { background-position: -40px -20px; } .icon-ppt { background-position: -60px -20px; } .icon-pdf { background-position: -80px -20px; } .icon-zip { background-position: 0 -40px; } .icon-rar { background-position: -20px -40px; } .dialog-ui { position: relative; display: none; } .dialog-ui .dialog-ui-shadow { position: fixed; z-index: 10000000000; top: 0; left: 0; bottom: 0; right: 0; opacity: 0.5; background: #555; } .dialog-ui .dialog-ui-layout { position: fixed; z-index: 10000000001; background: #f2f2f2; width: 520px; left: 50%; margin-left: -200px; top: 30%; border-radius: 3px; border: #ccc 1px solid; } .dialog-ui .dialog-ui-layout .du-layout { padding: 40px 60px; } .dialog-ui .dialog-ui-layout .du-layout .du-caption { font-size: 14px; color: #777; padding-bottom: 8px; } .dialog-ui .dialog-ui-layout .du-layout .du-input { overflow: hidden; width: 400px; position: relative; } .dialog-ui .dialog-ui-layout .du-layout .du-input .du-password { background: #fff; height: 46px; margin: 0; padding: 0; width: 350px; border: #ccc 1px solid; border-radius: 2px; font-size: 16px; text-indent: 12px; color: #999; } .dialog-ui .dialog-ui-layout .du-layout .du-input .du-button { position: absolute; top: 0; right: 0; height: 48px; width: 80px; border: none; border-radius: 2px; color: #fff; font-size: 16px; text-align: center; background: #409EFF; cursor: pointer; } .dialog-ui .dialog-ui-layout .du-layout .du-err { height: 30px; color: #c00; font-size: 12px; line-height: 30px; width: 100%; visibility: hidden; } .auto-img-box { position: relative; overflow: hidden; } .auto-img-box:after { padding-bottom: 100%; content: ''; display: block; } .auto-img-box.img-size-1:after { padding-bottom: 75%; } .auto-img-box.img-size-2:after { padding-bottom: 133%; } .auto-img-box.img-size-3:after { padding-bottom: 56%; } .auto-img-box.img-size-4:after { padding-bottom: 180%; } .auto-img-box .auto-img { position: absolute; width: 100%; height: 100%; transition: all 0.3s ease; object-fit: cover; background: #f9f9f9; } .qrcode-box { position: absolute; background: rgba(0, 0, 0, 0.5); left: 0; right: 0; top: 0; bottom: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; visibility: hidden; } .qrcode-box .qrcode-img { width: 120px; height: 120px; padding: 5px; background: #fff; border-radius: 5px; animation: zoomIn 0.5s ease; display: block; } .qrcode-box .qrcode-text { color: #fff; font-size: 16px; } .carousel-list-box, .carousel-thumb-list-box { font-size: 0; } .carousel-list-box .carousel-item-box, .carousel-thumb-list-box .carousel-thumb-item-box { display: inline-block; vertical-align: top; overflow: hidden; } .breadcrumb-box { font-size: 15px; line-height: 2em; margin-bottom: 20px; } .breadcrumb-box .breadcrumb-title { display: none; float: left; font-size: larger; } .breadcrumb-box .breadcrumb-item { padding: 0 5px; } .breadcrumb-box .breadcrumb-arrow:first-child { display: none; } .breadcrumb-box.layout-1 { text-align: right; padding-bottom: 10px; border-bottom: 1px solid #ddd; } .breadcrumb-box.layout-1 .breadcrumb-item-box { opacity: 0.8; } .breadcrumb-box.layout-1 .breadcrumb-title { display: block; } .category-box { padding: 15px 30px; background: #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); margin: 20px 0 30px; border-radius: 3px; } .category-box .category-item { display: inline-block; vertical-align: middle; margin: 0 15px 0 0; line-height: 34px; padding: 0 15px; border-radius: 3px; } .category-box .category-item.active { color: #fff; background: #666; } .category-aside-box .category-aside-title { line-height: 60px; padding-left: 30px; font-size: 18px; color: #fff; font-weight: bold; margin-bottom: 10px; } .category-aside-box .category-aside-item { display: block; background: #fff; margin-top: 1px; font-size: 15px; } .category-aside-box .category-aside-item + .category-aside-item { margin-top: 1px; } .category-aside-box .category-aside-phone { background: #fff; margin-top: 10px; padding: 20px; font-size: 18px; } .category-aside-box .category-aside-phone-number { white-space: nowrap; font-weight: bold; font-size: 24px; } .category-aside-box .category-aside-item.active .category-aside-icon-arrow { transform: rotate(180deg); } .category-aside-box .category-aside-item.active .category-aside-second-item-box { display: block; } .category-aside-box .category-aside-icon-arrow { width: 50px; height: 50px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAKlBMVEUAAACfn5+ZmZmYmJiZmZmXl5eZmZmZmZmZmZmampqYmJiZmZmXl5eXl5duTdEFAAAADnRSTlMAEKDQwGDggFAwn3BAIJE2kqYAAAA7SURBVAjXYyAbCIAIRhDJ6whisjSAyGaQgDpYAasBAwO7AkRxEANDCFQf0wIeQ5gZ2tMEYEymTAZqAwA04ATLsj7rigAAAABJRU5ErkJggg==) center center no-repeat; cursor: pointer; float: right; } .category-aside-box .category-aside-item-link { display: block; padding: 15px 30px 15px 30px ; line-height: 20px; word-break: break-all; } .category-aside-box .category-aside-item-link.active { color: #fff; } .category-aside-box .category-aside-second-item-box { display: none; } .category-aside-box .category-aside-second-item-box.active { display: block; } .category-aside-box .category-aside-second-item-box .category-aside-item-link { line-height: 20px; padding: 10px 30px 10px 60px; } .condition-filter-box { border-top: 1px dashed #d7d7d7; border-bottom: 1px dashed #d7d7d7; background: #fff; } .condition-filter-box .condition-filter-item-box + .condition-filter-item-box { border-top: 1px solid #d7d7d7; } .condition-filter-box .condition-filter-item-box { display: flex; } .condition-filter-box .condition-filter-item-title { display: flex; justify-content: center; align-items: center; background: #eee; padding: 0 20px; flex: 0 0 80px; } .condition-filter-box .condition-filter-item-content-box { padding: 0 0 10px; } .condition-filter-box .condition-filter-item-link { padding: 8px 16px; border-radius: 8px; transition: background 0.2s, color 0.2s; display: inline-block; margin-left: 24px; margin-top: 10px; } .condition-filter-box .condition-filter-item-link.active, .condition-filter-box .condition-filter-item-link:hover { color: #fff; } .no-data { position: relative; padding: 50px 0 100px; background: #fff; text-align: center; } .no-data .no-data-img { max-width: 100%; display: none; } .no-data .no-data-null { max-width: 100%; } .no-data .no-data-text { font-size: 30px; text-transform: uppercase; color: #999999; } .layout-column-2 { padding-top: 20px; overflow: hidden; } .layout-column-2 .layout-column-box1 { display: none; float: left; width: 260px; } .layout-column-2.layout-1 .layout-column-box1 { display: block; } .layout-column-2.layout-1 .layout-column-box2 { margin-left: 300px; } .layout-column-2.layout-1 .category-box { display: none; } .layout-column-2 .layout-column-box2 { min-height: 600px; } .ui-navigation { position: relative; margin: 0 auto; z-index: 9; } .ui-navigation .ui-navigation-wrap { position: absolute; left: 0; right: 0; } .ui-navigation .ui-navigation-wrap.fixed { position: fixed; top: 0 !important; } .ui-navigation .ui-navigation-item-link { display: block; white-space: nowrap; overflow: hidden; } .ui-navigation .ui-navigation-wrap .separate { display: inline-block; vertical-align: middle; } .ui-navigation .ui-navigation-wrap .separate:first-child { display: none; } .ui-navigation .icon { display: inline-block; vertical-align: middle; margin: 0 5px 0 0; overflow: hidden; width: 20px; height: 20px; } .ui-navigation .icon img { display: block; width: 100%; height: 100%; object-fit: cover; } .ui-navigation .icon img.act { display: none; } .ui-navigation .second-level, .ui-navigation .third-level { position: absolute; line-height: 40px; min-width: 100%; display: none; } .ui-navigation .second-level .ui-navigation-item, .ui-navigation .third-level .ui-navigation-item { position: relative; } .ui-navigation .second-level .ui-navigation-item-link, .ui-navigation .third-level .ui-navigation-item-link { padding: 0 1em; text-align: left; } .ui-navigation .first-level { font-size: 0; line-height: 0; } .ui-navigation .first-level > .ui-navigation-item { display: inline-block; text-align: center; vertical-align: middle; position: relative; } .ui-navigation .first-level > .ui-navigation-item:hover .second-level { display: block; } .ui-navigation .first-level > .ui-navigation-item:hover > .ui-navigation-item-link .icon img { display: none; } .ui-navigation .first-level > .ui-navigation-item:hover > .ui-navigation-item-link .icon img.act { display: block; } .ui-navigation .second-level > .ui-navigation-item:hover .third-level { display: block; } .ui-navigation .second-level > .ui-navigation-item:hover > .ui-navigation-item-link .icon img { display: none; } .ui-navigation .second-level > .ui-navigation-item:hover > .ui-navigation-item-link .icon img.act { display: block; } .ui-navigation .third-level { left: 100%; padding-left: 10px; top: 0; } .ui-navigation .third-level::before { content: ''; position: absolute; border: 5px solid transparent; top: 14px; } .ui-navigation .third-level > .ui-navigation-item:hover > .ui-navigation-item-link .icon img { display: none; } .ui-navigation .third-level > .ui-navigation-item:hover > .ui-navigation-item-link .icon img.act { display: block; } .ui-navigation-container .ui-navigation-drop { position: absolute; left: 0; right: 0; top: 100%; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2); } .ui-navigation-container .ui-navigation-drop .gi { position: relative; display: none; } .ui-navigation-container .ui-navigation-drop .main { position: relative; } body > .ui-search-panel .ui-search .ui-search-recommand { position: static; display: inline-block; } .ui-search-panel { position: absolute; padding: 1px 0; } .ui-search-panel .ui-search { display: inline-block; } .ui-search-panel .ui-search .ui-search-box { position: relative; z-index: 1; display: inline-block; } .ui-search-panel .ui-search .ui-search-box .ui-search-keyword { box-sizing: border-box; background: #fff; line-height: 20px; padding: 0 10px; } .ui-search-panel .ui-search .ui-search-box.type .ui-search-keyword { padding-left: 90px; } .ui-search-panel .ui-search .ui-search-box.layout-0 .ui-search-keyword { border-radius: 0; margin-right: 0; } .ui-search-panel .ui-search .ui-search-box.layout-0.type .ui-search-keyword { padding-left: 90px; } .ui-search-panel.EN .ui-search .ui-search-box.layout-0.type .ui-search-keyword { padding-left: 120px; } .ui-search-panel .ui-search .ui-search-box.layout-1 .ui-search-keyword { outline: 0; border: 1px solid #ddd; border-radius: 3px; padding-left: 40px; } .ui-search-panel .ui-search .ui-search-box.layout-1.type .ui-search-keyword { padding-right: 90px; } .ui-search-panel .ui-search .ui-search-type-box { position: absolute; width: 75px; cursor: pointer; display: none; } .ui-search-panel.EN .ui-search .ui-search-type-box { width: 120px; } .ui-search-panel .ui-search .ui-search-box.layout-0 .ui-search-type-box { border-right: 1px solid #ddd; } .ui-search-panel .ui-search .ui-search-box.layout-1 .ui-search-type-box { right: 0; border-left: 1px solid #ddd; } .ui-search-panel .ui-search .ui-search-box.type .ui-search-type-box { display: block; } .ui-search-panel .ui-search .ui-search-type-box .cms-icon { float: right; margin-right: 8px; transition: all 0.2s ease; } .ui-search-panel .ui-search .ui-search-type-box:hover .cms-icon { transform: rotate(180deg); } .ui-search-panel .ui-search .ui-search-type-box .ui-search-type-current { padding: 0 10px; font-size: 14px; } .ui-search-panel .ui-search .ui-search-type-box .ui-search-type-item-box { background: #fff; margin: -1px 0 0 0; box-sizing: border-box; position: absolute; display: none; left: 0; } .ui-search-panel .ui-search .ui-search-box.layout-0 .ui-search-type-box .ui-search-type-item-box { left: -2px; right: -1px; } .ui-search-panel .ui-search .ui-search-box.layout-1 .ui-search-type-item-box { border: 1px solid #ddd; border-top: none; right: 0; } .ui-search-panel .ui-search .ui-search-type-box .ui-search-type-item { padding: 0 10px; line-height: 36px; white-space: nowrap; overflow: hidden; cursor: pointer; font-size: 14px; display: none; } .ui-search-panel .ui-search .ui-search-type-box:hover .ui-search-type-item { display: block; } .ui-search-panel .ui-search .ui-search-icon-wrap { position: absolute; top: 0; text-align: center; cursor: pointer; } .ui-search-panel .ui-search .ui-search-box.layout-0 .ui-search-icon-wrap { right: 0; width: 70px; } .ui-search-panel .ui-search .ui-search-box.layout-1 .ui-search-icon-wrap { width: 40px; } .ui-search-panel .ui-search .ui-search-icon-wrap .cms-icon { font-size: 20px; } .ui-search-panel .ui-search .ui-search-box.layout-0 .ui-search-icon-wrap .cms-icon { color: #fff; } .ui-search-panel .ui-search .ui-search-recommand { position: absolute; line-height: 20px; margin-top: 5px; } .ui-search-panel .ui-search .ui-search-recommand .ui-search-recommand-item { color: #666; margin-right: 10px; line-height: 24px; display: inline-block; cursor: pointer; } .ui-many-image { position: relative; overflow: hidden; } .ui-many-image .carousel-item-box { text-align: center; } .ui-many-image .ui-many-image-img-box { display: inline-block; position: relative; } .ui-many-image .ui-many-image-img { vertical-align: top; max-width: 100%; } .ui-many-image .ui-many-image-title { position: absolute; left: 0; right: 0; bottom: 0; padding: 15px; line-height: 20px; background: #000; background: rgba(0, 0, 0, 0.6); color: #fff; text-align: center; font-size: 16px; } .ui-many-image.layout-0 .ui-many-image-title, .ui-many-image.layout-1 .cms-icon, .ui-many-image.layout-1 .ui-many-image-title { display: none; } .ui-many-image.layout-0 .cms-icon { position: absolute; left: 20px; color: #fff; z-index: 1; font-size: 60px; top: 50%; margin-top: -45px; display: none; } .ui-many-image.layout-0 .next { right: 20px; left: auto; } .ui-many-image.layout-0 .carousel-item-box, .ui-many-image.layout-1 .carousel-item-box { display: block; } .ui-many-image.layout-0 .ui-many-image-img-box, .ui-many-image.layout-1 .ui-many-image-img-box { overflow: hidden; display: block; } .ui-many-image.layout-0 .ui-many-image-img, .ui-many-image.layout-1 .ui-many-image-img { display: block; width: 1920px; margin-left: -960px; left: 50%; height: auto; position: relative; max-width: none; } .ui-many-image.layout-0:hover .cms-icon { display: block; } .ui-many-image.layout-0 .ui-many-image-img-box { display: block; } .ui-many-image.layout-0 .dots li + li, .ui-many-image.layout-1 .dots li + li, .ui-many-image.layout-3 .dots li + li { margin-left: 10px; } .ui-many-image.layout-0 .dots, .ui-many-image.layout-1 .dots, .ui-many-image.layout-3 .dots { position: absolute; left: 0; right: 0; bottom: 20px; z-index: 10; padding: 20px 0; text-align: center; line-height: 0; } .ui-many-image.layout-0 .dots li, .ui-many-image.layout-1 .dots li, .ui-many-image.layout-3 .dots li { display: inline-block; vertical-align: middle; cursor: pointer; margin: 0 5px; width: 15px; height: 15px; border-radius: 50%; background: #fff; text-indent: -9999em; opacity: 0.6; } .ui-many-image.layout-0 .dots li.active, .ui-many-image.layout-1 .dots li.active, .ui-many-image.layout-3 .dots li.active { opacity: 1; } .ui-many-image.layout-1 .dots li { background: none; border: 2px solid #fff; opacity: 1; } .ui-many-image.layout-4 .dots { position: absolute; left: 0; right: 5px; bottom: 0; z-index: 10; padding: 10px 0; text-align: right; } .ui-many-image.layout-4 .dots li { display: inline-block; vertical-align: middle; cursor: pointer; margin: 0 3px; width: 28px; height: 28px; line-height: 28px; background: #fff; text-align: center; } .ui-many-image.layout-4 .dots li.active { background: #000; color: #fff; } .ui-many-image .ui-many-image-thumb-box { overflow: hidden; display: none; } .ui-many-image .ui-many-image-thumb-box .carousel-thumb-list-box { white-space: nowrap; font-size: 0; width: 1000%; } .ui-many-image .carousel-thumb-item-box { display: inline-block; width: 2%; height: 100px; padding: 0 8px; box-sizing: border-box; } .ui-many-image .carousel-thumb-item-box .ui-many-image-thumb-img { display: block; width: 100%; height: 100%; border: 2px solid transparent; } .ui-many-image .carousel-thumb-item-box .ui-many-image-thumb-img:hover { border-color: #ddd; } .ui-many-image .carousel-thumb-item-box.active .ui-many-image-thumb-img { border-color: red; } .ui-many-image.layout-5 .ui-many-image-thumb-box { display: block; } .ui-many-image.layout-5 .carousel-list-box { white-space: nowrap; position: relative; } .ui-many-image.layout-5 .ui-many-image-carousel-list-wrap, .ui-many-image.layout-6 .ui-many-image-carousel-list-wrap { position: relative; overflow: hidden; } .ui-many-image.layout-5 .cms-icon, .ui-many-image.layout-6 .cms-icon { cursor: pointer; position: absolute; top: 50%; width: 40px; height: 40px; color: #fff; font-size: 50px; line-height: 40px; margin-top: -20px; left: 20px; text-align: center; z-index: 1; } .ui-many-image.layout-5 .next, .ui-many-image.layout-6 .next { left: auto; right: 20px; } .ui-many-image.layout-6 .carousel-list-box { position: relative; width: 1000%; } .ui-many-image.layout-6 .carousel-item-box { width: 3.3333%; transition: all 0.3s ease; } .ui-many-image.layout-6 .carousel-item-box.prevs, .ui-many-image.layout-6 .carousel-item-box.nexts { transform: scaleY(0.8); } .ui-many-image.layout-6 .carousel-item-box.active { position: relative; z-index: 2; } .ui-page { padding: 40px 0; text-align: center; } .ui-page .ui-page-item { display: inline-block; vertical-align: middle; line-height: 32px; border: 1px solid #aaa; padding: 0 15px; background: #fff; color: #666; border-radius: 3px; } .ui-page .ui-page-item.active { color: #fff; } .ui-page .ui-page-item + .ui-page-item { margin-left: 10px; } .ui-page-article-detail .ui-article-detail { padding: 30px; background: #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); margin: 0 0 30px; } .ui-page-article-detail .ui-article-detail .ui-article-title { line-height: 1.5; font-size: 26px; margin: 0 0 20px; text-align: center; } .ui-page-article-detail .ui-article-detail .ui-article-info-box { text-align: center; line-height: 30px; color: #999; padding-bottom: 30px; } .ui-page-article-detail .ui-article-detail .ui-article-info-item { display: inline-block; } .ui-page-article-detail .ui-article-detail .ui-article-info-item + .ui-article-info-item { margin-left: 40px; } .ui-page-article-detail .ui-article-detail .ui-article-field-box { background: #f2f2f2; margin: 0 0 20px; padding: 10px; font-size: 0; } .ui-page-article-detail .ui-article-detail .ui-article-field-item { display: inline-block; width: 33.33%; font-size: 14px; vertical-align: top; padding: 5px; box-sizing: border-box; } .ui-page-article-detail .ui-article-detail .ui-article-content { margin-bottom: 40px; word-break: break-all; line-height: 1.8; /* 太緊湊改 */ font-size: 16px; } .ui-page-article-detail .ui-article-detail .ui-article-content img { max-width: 100%; } .ui-page-article-detail .ui-article-detail .ui-article-content table td { border: 1px solid #000000; } .ui-page-article-detail .ui-article-detail .ui-article-content ul, .ui-page-article-detail .ui-article-detail .ui-article-content ol { padding: revert; } .ui-page-article-detail .ui-article-detail .ui-article-content ul li, .ui-page-article-detail .ui-article-detail .ui-article-content ol li { list-style: inherit; } .ui-page-article-detail .ui-article-detail .ui-article-attachment-box { margin-bottom: 40px; } .ui-page-article-detail .ui-article-detail .ui-article-attachment-tittle { font-weight: bold; } .ui-page-article-detail .ui-article-detail .ui-article-attachment-item { line-height: 20px; display: block; margin-top: 10px; font-size: 16px; } .ui-page-article-detail .ui-article-detail .ui-article-attachment-item-img { width: 20px; height: 20px; vertical-align: middle; margin-right: 5px; } .ui-page-article-detail .ui-article-detail .ui-article-foot { padding-top: 30px; text-align: right; border-top: 1px solid #ddd; overflow: hidden; } .ui-page-article-detail .ui-article-detail .ui-article-foot .ui-article-prev, .ui-page-article-detail .ui-article-detail .ui-article-foot .ui-article-next { max-width: 45%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ui-page-article-detail .ui-article-detail .ui-article-foot .ui-article-prev { float: left; } .ui-page-article-detail .ui-article-detail .ui-article-foot .ui-article-next { float: right; } .ui-top-box { position: relative; z-index: 3; } .ui-top-box .ui-top-wrap { left: 0; right: 0; top: 0; height: 100%; z-index: 10; } .ui-top-box .ui-top-wrap .ui-top { height: 100%; position: relative; } .ui-top-box .ui-top-wrap .ui-top > .main { position: relative; } .ui-top-box .ui-top-wrap .ui-top.new > .main { width: auto; } .ui-header { position: relative; z-index: 1; } .ui-header .ui-header-logo-box .main { height: 100px; } .ui-header .ui-header-logo-box .ui-header-contact-box { float: right; } .ui-header .ui-header-logo-box .ui-header-logo-link { height: 100%; display: inline-block; vertical-align: top; margin-right: 20px; } .ui-header .ui-header-logo-box .ui-header-logo-img { height: 100%; vertical-align: top; } .ui-header .ui-header-logo-box .ui-header-tag-link { height: 60px; margin-top: 20px; display: inline-block; } .ui-header .ui-header-logo-box .ui-header-tag-img { height: 100%; vertical-align: top; } .ui-header .ui-header-logo-box .ui-header-contact-box { line-height: 30px; text-align: right; margin-top: 20px; font-size: 18px; } .ui-header .ui-header-logo-box .ui-header-contact-img { width: 30px; height: 30px; vertical-align: middle; } .ui-header .ui-header-logo-box .ui-header-contact-phone { font-size: 28px; font-weight: bold; } .ui-header .ui-header-content-box { line-height: 60px; height: 60px; text-align: center; } .ui-header .ui-header-content-box .ui-header-navigation-box { font-size: 0; } .ui-header .ui-header-content-box .ui-header-navigation-item-wrap { display: inline-block; position: relative; vertical-align: top; } .ui-header .ui-header-content-box .ui-header-navigation-item-wrap:after { content: ''; border-top: 2px solid red; position: absolute; bottom: 0; width: 0; left: 50%; margin-left: 0; transition: all 0.3s ease; } .ui-header .ui-header-content-box .ui-header-navigation-item-wrap + .ui-header-navigation-item-wrap:before { content: ''; position: absolute; left: 0; height: 14px; border-left: 1px solid #ddd; margin-top: 24px; } .ui-header .ui-header-content-box .ui-header-navigation-item-wrap:hover:after { width: 50px; margin-left: -25px; } .ui-header .ui-header-content-box .ui-header-navigation-item { color: inherit; font-size: 16px; display: block; } .ui-header .ui-header-navigation-item-wrap.width5 { width: 20%; } .ui-header .ui-header-navigation-item-wrap.width6 { width: 16.66%; } .ui-header .ui-header-navigation-item-wrap.width7 { width: 14.28%; } .ui-header .ui-header-navigation-item-wrap.width8 { width: 12.5%; } .ui-header .ui-header-navigation-item-wrap.width9 { width: 11.11%; } .ui-header .ui-header-navigation-item-wrap.width10 { width: 10%; } .ui-header .ui-header-navigation-item-wrap.width11 { width: 9.09%; } .ui-header .ui-header-navigation-item-wrap.width12 { width: 8.33%; } .ui-header .ui-header-content-box .ui-header-seconed-navigation-box { position: absolute; left: 0; right: 0; line-height: 40px; display: none; background: #666; color: #fff; } .ui-header .ui-header-content-box .ui-header-second-navigation-item { display: block; font-size: 14px; } .ui-header .ui-header-content-box .ui-header-navigation-item-wrap:hover .ui-header-seconed-navigation-box { display: block; } .ui-header .ui-header-content-box .ui-header-second-navigation-item:hover { background: #0001; color: inherit; } .ui-header .ui-header-content-box .ui-header-contact-box { float: right; } .ui-header .ui-header-content-box .ui-header-contact-img { width: 30px; height: 30px; vertical-align: middle; } .ui-header .ui-header-content-box .ui-header-logo-link { height: 60px; display: inline-block; vertical-align: top; } .ui-header .ui-header-content-box .ui-header-logo-img { height: 100%; display: block; } .ui-header.layout-0 .ui-header-content-box .ui-header-contact-box, .ui-header.layout-0 .ui-header-content-box .ui-header-logo-link { display: none; } .ui-header.layout-1 .ui-header-content-box .ui-header-logo-link, .ui-header.layout-1 .ui-header-content-box .ui-header-contact-box { display: none; } .ui-header.layout-1 .ui-header-logo-box .ui-header-logo-link { position: absolute; left: 50%; top: 0; width: 140px; height: 200px; padding: 0 10px; margin: 0 0 0 -80px; } .ui-header.layout-1 .ui-header-logo-box .ui-header-contact-box { font-size: 16px; } .ui-header.layout-1 .ui-header-logo-box .ui-header-contact-phone { font-size: 22px; } .ui-header.layout-1 .ui-header-content-box { border-top: 1px solid #eee; } .ui-header.layout-1 .ui-header-content-box .ui-header-navigation-item-wrap:first-child + .ui-header-navigation-item-wrap + .ui-header-navigation-item-wrap + .ui-header-navigation-item-wrap { margin-right: 160px; } .ui-header.layout-1 .ui-header-content-box .ui-header-navigation-item-wrap { width: 104px; } .ui-header.layout-1 .ui-header-content-box .ui-header-navigation-item-wrap:first-child, .ui-header.layout-1 .ui-header-content-box .ui-header-navigation-item-wrap:first-child + .ui-header-navigation-item-wrap, .ui-header.layout-1 .ui-header-content-box .ui-header-navigation-item-wrap:first-child + .ui-header-navigation-item-wrap + .ui-header-navigation-item-wrap, .ui-header.layout-1 .ui-header-content-box .ui-header-navigation-item-wrap:first-child + .ui-header-navigation-item-wrap + .ui-header-navigation-item-wrap + .ui-header-navigation-item-wrap { width: 130px; } .ui-header.layout-1 .ui-header-content-box .ui-header-navigation-item-wrap:after, .ui-header.layout-2 .ui-header-content-box .ui-header-navigation-item-wrap:after, .ui-header.layout-3 .ui-header-content-box .ui-header-navigation-item-wrap:after { display: none; } .ui-header.layout-2 .ui-header-logo-box, .ui-header.layout-3 .ui-header-logo-box { display: none; } .ui-header.layout-2 .ui-header-navigation-box, .ui-header.layout-3 .ui-header-navigation-box { display: inline-block; vertical-align: top; } .ui-header.layout-2 .ui-header-logo-link { margin-top: 10px; margin-right: 40px; max-width: 150px; } .ui-header.layout-2 .ui-header-content-box .ui-header-navigation-item-wrap, .ui-header.layout-3 .ui-header-content-box .ui-header-navigation-item-wrap { padding: 0 15px; } .ui-header.layout-2 .ui-header-content-box .ui-header-navigation-item, .ui-header.layout-3 .ui-header-content-box .ui-header-navigation-item { font-size: 15px; } .ui-header.layout-1 .ui-header-content-box .ui-header-navigation-item-wrap::before, .ui-header.layout-2 .ui-header-content-box .ui-header-navigation-item-wrap::before, .ui-header.layout-3 .ui-header-content-box .ui-header-navigation-item-wrap::before { display: none; } .ui-header.layout-2 .ui-header-content-box .ui-header-contact-box { font-size: 20px; font-weight: bold; } .ui-header.layout-2 .ui-header-content-box, .ui-header.layout-3 .ui-header-content-box { line-height: 80px; text-align: left; height: 80px; } .ui-header.layout-3 .ui-header-content-box .ui-header-contact-box { display: none; } .ui-header.layout-3 .ui-header-navigation-box { float: right; } .ui-header.layout-3 .ui-header-content-box .ui-header-logo-link { height: 40px; margin-top: 20px; } .ui-header.layout-2 .ui-header-content-box .ui-header-navigation-item-wrap, .ui-header.layout-3 .ui-header-content-box .ui-header-navigation-item-wrap { width: auto; } .ui-header.layout-2 .ui-header-content-box .ui-header-seconed-navigation-box, .ui-header.layout-3 .ui-header-content-box .ui-header-seconed-navigation-box { color: #fff; text-align: center; } .ui-container { overflow: hidden; } .ui-container .main { position: relative; } .ui-picture { position: absolute; } .ui-picture.layout-0.fill .ui-picture-img { width: 1920px; display: block; left: 50%; margin-left: -960px; position: relative; } .ui-picture .ui-picture-img-wrap { display: block; height: 100%; overflow: hidden; } .ui-picture .ui-picture-img { display: block; height: 100%; width: 100%; transition: all 0.3s ease; } .ui-picture .icon-wrap { position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.1); display: none; } .ui-picture .icon-wrap .icon-loupe { position: absolute; width: 90px; height: 60px; padding-top: 30px; left: 50%; top: 50%; margin: -45px 0 0 -45px; background: rgba(0, 0, 0, 0.5); border-radius: 50%; cursor: pointer; animation: zoomIn 0.2s ease; text-align: center; } .ui-picture .icon-wrap .icon-loupe::before { content: ''; display: inline-block; width: 30px; height: 30px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAOVBMVEUAAAD///////////////////////////////////////////////////////////////////////8KOjVvAAAAEnRSTlMAoPAQ0IBgIJAwQMBQ4HC/r28TlvgTAAAA2klEQVQoz42T2xKDMAhEhQTjrTf+/2NLXZlKBjvlRYcDLBvj8H8sLxHZWspmYkVUKT0stBOueIxdK1tumvfC8VNJQdToaeJSTeFLGytvYRqd+63Y5vbc9UfVe2BouR1qN12TM/CeWRXCMdZju0m5Iy7ZUEYZLqoLlpAhi0NcLzAjz5fdAu0pxzgYgoPE+OwOIgl+i2bOCnuWsnZBEoW1dHRTLHyoPyJvjA/ma2htcW0f6FzJCzYzRJGPrJaYRORpb87DTfaAbOC4wat5WPf7DP4Y0nDOv/+5NrwBHPULUomZ44YAAAAASUVORK5CYII=) center center no-repeat; background-size: 30px; animation: zoomInDown 0.3s ease; } .ui-picture.animate-1:hover .ui-picture-img { transform: scale(1.1); } .ui-picture.animate-2:hover .icon-wrap { display: block; } .ui-picture.animate-3:hover .ui-picture-img { animation: flip 1s ease; } .ui-picture.animate-4:hover .ui-picture-img { animation: fadeInRight 0.5s ease; } .ui-picture .ui-picture-animate-img { position: absolute; left: 0; top: 0; animation-duration: 0.5s; animation-timing-function: ease; display: none; } .ui-picture .ui-picture-animate-img.animate-0 { width: 100%; height: 100%; } .ui-picture .ui-picture-animate-img.animate-1 { animation-name: fadeInUp; top: auto; bottom: 100%; left: 50%; } .ui-picture .ui-picture-animate-img.animate-2 { animation-name: fadeInDown; top: 100%; left: 50%; } .ui-picture .ui-picture-animate-img.animate-3 { animation-name: fadeInLeft; left: auto; right: 100%; top: 50%; } .ui-picture .ui-picture-animate-img.animate-4 { animation-name: fadeInRight; left: 100%; top: 50%; } .ui-picture:hover .ui-picture-animate-img { display: block; } .ui-richtext { position: absolute; min-height: 30px; box-sizing: border-box; } .ql-container { background: 0 0; outline: 0; color: #333; word-break: normal; white-space: pre-wrap; word-wrap: break-word; clear: both; overflow: hidden; font-size: 20px; line-height: 1; /* 13期因bug由1.2改為1 */ font-family: Microsoft YaHei; -webkit-text-size-adjust: 100%; border: 0; min-height: 28px; /* 13期因bug由40改為28 */ min-width: 20px; max-width: 1200px; box-sizing: border-box; } .ql-container.ui-richtext-content { font-family: Microsoft YaHei; font-size: 20px; padding: 0; } .ql-container .ql-editor { padding: 0; overflow: hidden; line-height: 1; } .ql-container .ql-editor p { word-break: break-all; margin: 0; line-height: 1; } .ql-container .ql-clipboard { display: none; } .ql-container.vertical-lr { writing-mode: tb-lr; -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; } .ql-container.vertical-lr, .ql-container.vertical-rl { height: 100%; word-break: break-all; max-width: 1000px; min-width: 40px; min-height: 10px; } .ql-container.vertical-rl { writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; } .ui-button { position: absolute; text-align: center; } .ui-button .ui-button-link { transition: all 0.5s ease; cursor: pointer; display: inline-block; } .ui-button.layout-2 .ui-button-link { padding: 0 40px; } .ui-button.old.layout-2 .ui-button-link { font-size: 16px; padding: 0 40px; } .ui-button.old.layout-2 .ui-button-link:hover { color: #fff; } .ui-button.version .ui-button-link { padding: 0; } .ui-button.layout-1 .ui-button-link { font-size: 16px; border: 1px solid #aaa; padding: 0 40px; background: none; } .ui-button.old.layout-1 .ui-button-link { padding: 0 40px; background: none; color: inherit; } .ui-button .ui-button-link:hover { opacity: 0.8; } .ui-button.version .ui-button-link:hover { opacity: 1; } .ui-product-list { position: absolute; box-sizing: border-box; font-size: 0; } .ui-product-list.layout-1 > .main { padding-top: 15px; } .ui-product-list.layout-1 > .main .carousel-item-box { margin: 0 0 -8px 0; } .ui-product-list .ui-product-btn { display: none; line-height: 36px; padding: 0 25px; background: #666; color: #fff; border-radius: 3px; float: right; margin: 5px 0px 0 0; } .ui-product-list .carousel-item-box { display: inline-block; vertical-align: top; font-size: 14px; box-sizing: border-box; padding: 15px; } .ui-product-list .ui-product-item-wrap { overflow: hidden; position: relative; display: block; } .ui-product-list .auto-img { position: absolute; width: 100%; height: 100%; transition: all 0.3s ease; object-fit: cover; } .ui-product-list .ui-product-title { color: #333; line-height: 50px; font-size: 16px; padding: 0 20px; } .ui-product-list .ui-product-remark { line-height: 20px; font-size: 14px; color: #999; display: none; } .ui-product-list .ui-product-info-box { background: none; } .ui-product-list .ui-product-zoom-box { position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-align: center; background: rgba(0, 0, 0, 0.3); display: none; } .ui-product-list .ui-product-zoom-box .icon-loupe { position: absolute; width: 30px; height: 30px; left: 50%; top: 50%; padding: 30px; margin: -45px 0 0 -45px; background: rgba(0, 0, 0, 0.5); border-radius: 50%; -webkit-animation: zoomIn 0.2s ease; animation: zoomIn 0.2s ease; cursor: pointer; } .ui-product-list .ui-product-zoom-box .icon-loupe:before { content: ''; display: block; width: 30px; height: 30px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAOVBMVEUAAAD///////////////////////////////////////////////////////////////////////8KOjVvAAAAEnRSTlMAoPAQ0IBgIJAwQMBQ4HC/r28TlvgTAAAA2klEQVQoz42T2xKDMAhEhQTjrTf+/2NLXZlKBjvlRYcDLBvj8H8sLxHZWspmYkVUKT0stBOueIxdK1tumvfC8VNJQdToaeJSTeFLGytvYRqd+63Y5vbc9UfVe2BouR1qN12TM/CeWRXCMdZju0m5Iy7ZUEYZLqoLlpAhi0NcLzAjz5fdAu0pxzgYgoPE+OwOIgl+i2bOCnuWsnZBEoW1dHRTLHyoPyJvjA/ma2htcW0f6FzJCzYzRJGPrJaYRORpb87DTfaAbOC4wat5WPf7DP4Y0nDOv/+5NrwBHPULUomZ44YAAAAASUVORK5CYII=) 50% no-repeat; background-size: 30px; animation: zoomInDown 0.3s ease; } .ui-product-list .qrcode-box .qrcode-img { width: 90px; height: 90px; } .ui-product-list .qrcode-box .qrcode-text { line-height: 30px; } .ui-product-list .auto-img-box.animate-2:hover .ui-product-zoom-box { display: block; } .ui-product-list .auto-img-box.animate-3:hover .qrcode-box { visibility: visible; } .ui-product-list .prev, .ui-product-list .next { position: absolute; top: 50%; margin: -30px 0 0; z-index: 10; cursor: pointer; width: 40px; height: 40px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAXVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9RKvvlAAAAHnRSTlMA8dOlCu3kBgPIw7yykTUvJBoUD9uqnZaLhXpqZ0FDA/87AAAAcElEQVQoz7WRSRKDMBADsY3NHhLIntD/fyYf6BNV6Kg+SKOpjupZLg4CYVbwg3JV8oH7TckL4mqgTdDXRpoBxsZI3UHSmCXCW8kMwfw1wmQZPTxa6TvCYK0SdHbHBHER/wvFtvpD1nUzwT+V8ladph3frgZgRZrWAwAAAABJRU5ErkJggg==) 50% no-repeat rgba(0, 0, 0, 0.5); border-radius: 3px; display: none; } .ui-product-list .prev { left: 10px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAXVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9RKvvlAAAAHnRSTlMA8KUK5dKPBgPryMO7smg9MiQaEw/129Srn5aEei2WyF41AAAAcUlEQVQoz62RORKEMBDEjG2wuc9dbv3/mQSEdAYKpeqaYMxL2txK3yUkyvc5NMIPHg7hxxky4V0B6nKooI5PHxconRhkkE5G8INO6HsxymKhcCqEGqqgiivBRlWmFDajGP6wy9J7aGQ5738IWr+a77kAw5EGcMHKnaoAAAAASUVORK5CYII=); } .ui-product-list .next { right: 10px; } .ui-product-list .dots { display: none; position: absolute; left: 0; right: 0; text-align: center; bottom: 50px; } .ui-product-list .dots li { display: inline-block; vertical-align: middle; width: 16px; height: 16px; border-radius: 50%; cursor: pointer; overflow: hidden; text-indent: -99em; background: #000; margin: 0 6px; opacity: 0.3; } .ui-product-list .dots li.active { background: #007aff; opacity: 1; } .ui-product-list .swiper-button-prev, .ui-product-list .swiper-pagination, .ui-product-list .swiper-button-next { display: none; } .ui-product-list.layout-0 .carousel-item-box.ui-column-1 { width: 25%; } .ui-product-list.layout-0 .auto-video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; } .ui-product-list.layout-0 .auto-video video { display: block; width: 100%; height: 100%; background: #000000; } .ui-product-list.layout-0 .auto-video .play { position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 5; } .ui-product-list.layout-0 .auto-video .play.active .icon { opacity: 0; } .ui-product-list.layout-0 .auto-video .play .icon { position: absolute; left: 50%; top: 50%; z-index: 1; width: 60px; height: 60px; line-height: 60px; margin: -30px 0 0 -30px; text-align: center; background: rgba(255, 255, 255, 0.7); border-radius: 50%; cursor: pointer; transition: all 0.3s ease; font-size: 30px; color: #ffffff; opacity: 0.9; } .ui-product-list.layout-0 .auto-video .play .icon:hover { transform: scale(1.05); background: rgba(255, 255, 255, 0.8); } .ui-product-list.layout-0 .auto-video .play .icon .icon-bofang { font-size: 40px; color: #333333; } .ui-product-list.layout-1 .ui-product-item-wrap { background: #fff; border: 1px solid #ddd; } .ui-product-list.layout-1 .auto-img-box { margin: 5px; } .ui-product-list.layout-1 .carousel-item-box.ui-column-4 { width: 25%; } .ui-product-list.layout-1 .carousel-item-box.ui-column-3 { width: 33%; } .ui-product-list.layout-1 .carousel-item-box:hover .qrcode-box { display: block; } .ui-product-list.layout-2 .ui-product-item-wrap { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .ui-product-list.layout-2 .ui-product-title { text-align: center; } .ui-product-list.layout-3 .ui-product-info-box { background: none; } .ui-product-list.layout-5 .ui-product-item-wrap { padding: 10px; box-shadow: none; } .ui-product-list.layout-5 .ui-product-info-box { margin-left: 200px; } .ui-product-list.layout-5 .auto-img-box { width: 200px; float: left; } .ui-product-list.layout-6 .carousel-item-box { position: absolute; width: 25%; padding: 8px; } .ui-product-list.layout-6 .number0 { left: 0; top: 0; } .ui-product-list.layout-6 .number1 { width: 50%; left: 25%; top: 0; } .ui-product-list.layout-6 .number2 { left: 75%; top: 0; } .ui-product-list.layout-6 .number3 { left: 0; top: 50%; } .ui-product-list.layout-6 .number4 { left: 75%; top: 50%; } .ui-product-list.layout-6 .ui-product-info-box { position: absolute; left: 0; right: 0; bottom: 0; background: #fff; padding: 5px 15px; } .ui-product-list.layout-6 .carousel-list-box.size-0:before { padding-bottom: 50%; } .ui-product-list.layout-6 .carousel-list-box.size-1:before { padding-bottom: 37.5%; } .ui-product-list.layout-6 .carousel-list-box { position: relative; } .ui-product-list.layout-6 .carousel-list-box:before { content: ''; display: block; } .ui-product-list.layout-6 .ui-product-title { line-height: 30px; padding: 0; } .ui-product-list.layout-6 .number1 .ui-product-remark { display: block; } .ui-product-list.layout-1 .auto-img-box:hover .auto-img, .ui-product-list.layout-6 .auto-img-box:hover .auto-img, .ui-product-list .auto-img-box.animate-1:hover .auto-img { transform: scale(1.1); } .ui-product-list.layout-7 .auto-img-box { display: none; } .ui-product-list.layout-7 .ui-product-title { padding: 0; border-bottom: 1px solid #eee; } .ui-product-list.layout-7 .carousel-item-box { padding: 0 10px; } .ui-product-list.layout-5 .ui-product-info-box, .ui-product-list.layout-7 .ui-product-info-box { background: none; } .ui-product-list.layout-8 { padding: 0; } .ui-product-list.layout-8 .carousel-item-box:first-child .ui-product-btn { display: block; } .ui-product-list.layout-8 .carousel-item-box:first-child .ui-product-title { text-align: left; padding: 10px 0; } .ui-product-list.layout-8 .carousel-item-box { width: 23.3%; float: left; padding: 8px; } .ui-product-list.layout-8 .carousel-list-box { background: #fff; overflow: hidden; padding: 10px; } .ui-product-list.layout-8 .carousel-item-box:first-child { width: 53.4%; } .ui-product-list.layout-8 .ui-product-title { line-height: 30px; padding-top: 10px; text-align: center; } .ui-product-list.layout-8 .auto-img-box:hover .auto-img { opacity: 0.8; } .ui-product-list.layout-9 { padding: 0; } .ui-product-list.layout-9 .carousel-item-box { padding: 0; width: 100%; } .ui-product-list.layout-9 .ui-product-info-box { background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; right: 0; bottom: 0; padding: 0 20px; } .ui-product-list.layout-9 .ui-product-title { line-height: 40px; } .ui-product-list.layout-9 .prev, .ui-product-list.layout-9 .next { border-radius: 50%; background-color: rgba(0, 0, 0, 0.2); } .ui-product-list.layout-9 .dots { display: block; bottom: 50px; } .ui-product-list.layout-3 .carousel-item-box, .ui-product-list.layout-4 .carousel-item-box, .ui-product-list.layout-9 .carousel-item-box { width: 25%; padding: 0; } .ui-product-list.layout-3 .ui-product-item-wrap, .ui-product-list.layout-4 .ui-product-item-wrap { margin: 10px; } .ui-product-list.layout-3 .ui-product-swiper-box, .ui-product-list.layout-4 .ui-product-swiper-box, .ui-product-list.layout-9 .ui-product-swiper-box { position: relative; height: 100%; } .ui-product-list.layout-3 .carousel-list-box, .ui-product-list.layout-4 .carousel-list-box, .ui-product-list.layout-9 .carousel-list-box { overflow: hidden; white-space: nowrap; } .ui-product-list.layout-4:hover .prev, .ui-product-list.layout-4:hover .next, .ui-product-list.layout-9:hover .prev, .ui-product-list.layout-9:hover .next { display: block; } .ui-product-list.layout-10 .main { height: 100%; } .ui-product-list.layout-10 .carousel-item-box { width: 50%; padding: 0 10px; } .ui-product-list.layout-10 .ui-product-swiper-box { margin: 0 50px; } .ui-product-list.layout-10 .ui-product-title { line-height: 60px; } .ui-product-list.layout-10 .swiper-button-prev, .ui-product-list.layout-10 .swiper-pagination, .ui-product-list.layout-10 .swiper-button-next { display: block; } .ui-product-list.layout-10:hover .swiper-button-prev, .ui-product-list.layout-10:hover .swiper-button-next { visibility: visible; } .ui-product-list.layout-10 .swiper-button-prev::after, .ui-product-list.layout-10 .swiper-button-next::after { content: none; } .ui-product-list.layout-10 .swiper-button-prev, .ui-product-list.layout-10 .swiper-button-next { top: 50%; z-index: 10; margin-top: -45px; width: 45px; height: 45px; visibility: hidden; } .ui-product-list.layout-10 .swiper-button-prev:hover, .ui-product-list.layout-10 .swiper-button-next:hover { opacity: 0.8; } .ui-product-list.layout-10 .swiper-button-prev { left: 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAAA/CAMAAABggeDtAAAAP1BMVEUAAACZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmVMmLXAAAAFXRSTlMAgHMnb0V4aRQOXS0zBh9YTD5UZBsspaBFAAABwElEQVRIx61X25KDIAxFo4AX8NL9/2/dDZRu63iITpqXzhRyOSckJgbJtDvbZLFun8wdGda2OUq7Dhe1p645l266om3L7WUjH0zwtC3FopUseJcvjnQ4oDEfOF9T7zPU+fRwzqT0UDu4pE3wAiULLoDYbTYvBmhPMcRE2iClNlEZgfpiZFlODfgSuywbXz1ACIx9M+ayAftJogPeMYvu8AfAjjnoP8G35o60HxRwToZ7Fcq5fpUMAC9RMJVgQPQSAvvvnm7r0yuADriXA+gKFXPt4mhPj+cn6evfbzXXiFzbNGuOY6x5h9GNCXdg9gR1zGBIMKrq2HgibmcakTw4R0g4cbtxGD6fUZ0axyz22DsJb9gyCILeo/gEWd8jdN5U5eepH87VbbxQxAalj2mVpPgH4B6S/yr+uUQg4idI70Pmn/OPz52U/+r7i2yg/v7w+5cN8Psv9Ycp6qr1J9W/5yZRqX+x/3AEEfYfuf/xK1kr/U/uv3E1sP/q+7/++2Os4vun+f7Oyu+/dv5Qzj/q+Us//+nnz/vz784Xo3L+Vs7/yv1Du//o9y8sU/u2//Hl9/2vnYwsBPdP+v7+q92/fwE7Ow1ZrtjiVAAAAABJRU5ErkJggg==) center / cover no-repeat; } .ui-product-list.layout-10 .swiper-button-next { right: 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAAA/CAMAAABggeDtAAAAP1BMVEUAAACZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmVMmLXAAAAFXRSTlMAgHMnb0V4aRQOXS0zBh9YTD5UZBsspaBFAAABvklEQVRIx61XW7aDIAxEUEAUfLT7X+u9QKm1hyF60nwCQ5IJCYlAMu1Gd1m02SdxR8ZVdt8i1/Eieuq7uvTTFbQup5dNWS+8VdtSbtTUDdbkg059bSiXN4xtwYfs6lzdnDMpA0R7k9AKHlAymeCB7TpfTxqoqz6ERNpIhTZRGQB8EbQs1QtsXN0o7OHDlwteH3BStsjBmUQDmMMWmNMC9B1zMJydl+KOyBMFMSbjvQyNsX6nDHCeoqAkkwbWUx7IQ726jVdvA3qgnjagL1TM1XzVroWfX6SvXacBRe038Y9fsx0OamhZ4JLf/mAPXoAZ9MkNfKR5QSJujzQCSbF9gK0UuD1mnmuH2UAC4p4m3q7CFgwxcuTjC1ELJDDin8SfghiyCU+nbtD1C/wLLyhx4MxF/Q9AkS/+k9rnpv+K1I75J+NvEhzHv7w/DA+t95fePw3H7z/nHz7xJPIv5T8ucZbKf1x/wqEd1h9Y//LGSNc/XH/FGsj6y6z/3P+H9//p4gnj/+X8/9z+g9//8Psvfv/H7z+P/ne/3P8y+29m/8+cP7jzD3/+wjLJj/kvHv6c/+R0JbPh/Kl+P/9y5+8/RDENWZvZmwUAAAAASUVORK5CYII=) center / cover no-repeat; } .ui-product-list.layout-10 .swiper-pagination { width: 100%; text-align: center; bottom: 10px; } .ui-product-list.layout-10 .swiper-pagination-bullet { vertical-align: middle; margin: 0 5px; background: #d5d5d5; border: 0; width: 10px; height: 10px; opacity: 1; } .ui-product-list.layout-10 .swiper-pagination-bullet-active { background: none; border: 3px solid #00aadc; } .ui-article-list { position: absolute; box-sizing: border-box; font-size: 0; } .ui-article-list > .main { height: 100%; padding: 10px; } .ui-article-list .carousel-item-box { font-size: 14px; box-sizing: border-box; padding: 10px; } .ui-article-list .ui-article-item-wrap { overflow: hidden; position: relative; } .ui-article-list .ui-article-info-box { padding: 20px; } .ui-article-list .ui-article-title { line-height: 1.5; font-size: 16px; color: #333; } .ui-article-list .ui-article-remark-wrap { padding: 10px 0; line-height: 20px; text-align: justify; } .ui-article-list .ui-article-remark { color: #888; -webkit-line-clamp: 2; height: 40px; } .ui-article-list .ui-article-time { color: #999; padding: 10px 0; height: 40px; line-height: 20px; text-align: justify; } .ui-article-list .ui-article-time1 { display: none; float: right; } .ui-article-list .ui-article-time2 { display: none; float: left; color: #666; border-right: 1px solid #eee; padding: 0 24px 0 10px; margin-top: 10px; } .ui-article-list .ui-article-time2 .ui-article-time2-year { font-size: 24px; } .ui-article-list .ui-article-time3 { display: none; float: left; color: #fff; padding: 5px 10px; background: #bebebe; border-radius: 5px; text-align: center; line-height: 30px; width: 70px; } .ui-article-list .ui-article-time3 .ui-article-time3-day { border-bottom: 1px solid; line-height: 40px; font-size: 24px; font-weight: 700; } .ui-article-list .ui-article-time4 { display: none; float: left; color: #666; padding: 5px 10px; line-height: 30px; } .ui-article-list .ui-article-time4:before { content: ''; border-right: 1px solid #eee; height: 100px; position: absolute; left: 100px; top: 0; } .ui-article-list .ui-article-time4:after { content: ""; position: absolute; left: 92px; top: 5px; width: 7px; height: 7px; background: #b2b2b2; border-radius: 50%; border: 5px solid #e8e8e8; } .ui-article-list .ui-article-time4 .ui-article-time4-day { font-size: 24px; } .ui-article-list .ui-article-time5 { float: left; color: #666; padding: 5px 10px; line-height: 30px; text-align: right; } .ui-article-list .ui-article-time5 .ui-article-time5-day { font-size: 18px; font-weight: bold; line-height: 24px; } .ui-article-list .ui-article-time6 { float: left; width: 70px; padding: 15px; text-align: center; color: #fff; display: none; } .ui-article-list .ui-article-time6 .ui-article-time6-day { line-height: 30px; font-size: 24px; font-weight: 700; } .ui-article-list .ui-article-title1 { line-height: 3; font-size: 16px; display: none; } .ui-article-list .ui-article-btn { display: none; line-height: 36px; padding: 0 25px; color: #fff; border-radius: 3px; float: right; margin: -7px -20px 0 0; } .ui-article-list .dots { display: none; position: absolute; left: 0; right: 0; text-align: center; bottom: 55px; } .ui-article-list .dots li { display: inline-block; vertical-align: middle; width: 12px; height: 12px; border-radius: 50%; cursor: pointer; overflow: hidden; text-indent: -99em; background: #000; margin: 0 6px; opacity: 0.3; } .ui-article-list .dots li.active { background: #000000; opacity: 1; } .ui-article-list .prev, .ui-article-list .next { position: absolute; top: 50%; margin: -30px 0 0; z-index: 10; cursor: pointer; width: 40px; height: 40px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAXVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9RKvvlAAAAHnRSTlMA8dOlCu3kBgPIw7yykTUvJBoUD9uqnZaLhXpqZ0FDA/87AAAAcElEQVQoz7WRSRKDMBADsY3NHhLIntD/fyYf6BNV6Kg+SKOpjupZLg4CYVbwg3JV8oH7TckL4mqgTdDXRpoBxsZI3UHSmCXCW8kMwfw1wmQZPTxa6TvCYK0SdHbHBHER/wvFtvpD1nUzwT+V8ladph3frgZgRZrWAwAAAABJRU5ErkJggg==) 50% no-repeat rgba(0, 0, 0, 0.5); border-radius: 3px; display: none; } .ui-article-list .prev { left: 10px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAXVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9RKvvlAAAAHnRSTlMA8KUK5dKPBgPryMO7smg9MiQaEw/129Srn5aEei2WyF41AAAAcUlEQVQoz62RORKEMBDEjG2wuc9dbv3/mQSEdAYKpeqaYMxL2txK3yUkyvc5NMIPHg7hxxky4V0B6nKooI5PHxconRhkkE5G8INO6HsxymKhcCqEGqqgiivBRlWmFDajGP6wy9J7aGQ5738IWr+a77kAw5EGcMHKnaoAAAAASUVORK5CYII=); } .ui-article-list .next { right: 10px; } .ui-article-list .swiper-button-prev, .ui-article-list .swiper-pagination, .ui-article-list .swiper-button-next { display: none; } .ui-article-list.layout-0 .ui-article-remark-wrap, .ui-article-list.layout-0 .ui-article-time { display: none; } .ui-article-list.layout-0 .ui-article-info-box { padding: 20px 20px 5px; } .ui-article-list.layout-0 .carousel-item-box:hover .auto-img { transform: scale(1.05); } .ui-article-list.layout-0 .carousel-item-box.ui-column-0, .ui-article-list.layout-0 .carousel-item-box.ui-column-1, .ui-article-list.layout-0 .carousel-item-box.ui-column-2, .ui-article-list.layout-1 .carousel-item-box.ui-column-0, .ui-article-list.layout-1 .carousel-item-box.ui-column-1 { width: 25%; } .ui-article-list.layout-1 .ui-article-item-wrap { background: #fff; } .ui-article-list.layout-2 .carousel-item-box { width: 50%; } .ui-article-list.layout-2 .auto-img-box { width: 160px; float: left; } .ui-article-list.layout-2 .ui-article-time { display: none; } .ui-article-list.layout-2 .ui-article-info-box { margin-left: 160px; } .ui-article-list.layout-3 .ui-article-info-box { margin-left: 110px; padding: 0; } .ui-article-list.layout-3 .carousel-item-box { width: 50%; } .ui-article-list.layout-3 .ui-article-item-wrap { padding: 10px 10px 0; } .ui-article-list.layout-3 .ui-article-remark-wrap { line-height: 24px; padding: 0; } .ui-article-list.layout-3 .ui-article-remark { height: 48px; } .ui-article-list.layout-4 .carousel-item-box:first-child .auto-img-box::after { padding-bottom: 75%; } .ui-article-list.layout-4 .carousel-item-box:first-child .ui-article-title { padding-top: 10px; } .ui-article-list.layout-4 .carousel-item-box:first-child .ui-article-remark { color: #999; } .ui-article-list.layout-4 .carousel-item-box:first-child, .ui-article-list.layout-5 .carousel-item-box:first-child { float: left; width: 440px; margin-left: 0; border-bottom: 0; padding: 10px 0 0; } .ui-article-list.layout-5 .carousel-item-box:first-child { width: 600px; } .ui-article-list.layout-4 .carousel-item-box, .ui-article-list.layout-5 .carousel-item-box { margin-left: 480px; display: block; border-bottom: 1px solid #ddd; } .ui-article-list.layout-5 .carousel-item-box { margin-left: 630px; padding: 15px 10px; } .ui-article-list.layout-5 .ui-article-time6 { display: block; } .ui-article-list.layout-5 .carousel-item-box:first-child .ui-article-info-box { display: none; } .ui-article-list.layout-5 .carousel-item-box { padding: 8; } .ui-article-list.layout-5 .ui-article-item-wrap .auto-img-box img { object-fit: unset; } .ui-article-list.layout-4 .ui-article-title, .ui-article-list.layout-5 .ui-article-title { font-weight: bold; } .ui-article-list.layout-4 .carousel-item-box:first-child .ui-article-info-box, .ui-article-list.layout-5 .carousel-item-box:first-child .ui-article-info-box { margin-left: 0; } .ui-article-list.layout-4 .carousel-item-box:last-child, .ui-article-list.layout-5 .carousel-item-box:last-child { border-bottom: 0; } .ui-article-list.layout-6 .carousel-list-box { position: relative; } .ui-article-list.layout-6 .carousel-list-box:before { content: ''; display: block; } /* .ui-article-list.layout-6 .ui-article-remark-wrap{ display: none; } */ .ui-article-list.layout-6 .carousel-list-box.size-0:before { padding-bottom: 50%; } /* .ui-article-list.layout-6 .carousel-list-box.size-1:before{ padding-bottom: 50%; } */ .ui-article-list.layout-6 .carousel-list-box.size-1:before { padding-bottom: 37.5%; } .ui-article-list.layout-6 .carousel-item-box { position: absolute; width: 25%; } .ui-article-list.layout-6 .ui-article-item-wrap { border: 1px solid #eee; } .ui-article-list.layout-6 .ui-article-remark-wrap { padding: 0; } .ui-article-list.layout-6 .ui-article-remark { -webkit-line-clamp: 1; height: 20px; } .ui-article-list.layout-6 .number0 { left: 0; top: 0; } .ui-article-list.layout-6 .number1 { width: 50%; left: 25%; top: 0; } .ui-article-list.layout-6 .number2 { left: 75%; top: 0; } .ui-article-list.layout-6 .number3 { left: 0; top: 50%; } .ui-article-list.layout-6 .number4 { left: 75%; top: 50%; } .ui-article-list.layout-6 .ui-article-info-box { position: absolute; left: 0; right: 0; bottom: 0; background: #fff; padding: 5px 15px; } .ui-article-list.layout-6 .ui-article-info-box .ui-article-title { line-height: 30px; } .ui-article-list.layout-6 .auto-img-box:after { padding-bottom: 100%; } .ui-article-list.layout-6 .auto-img-box.img-size-1:after { padding-bottom: 75%; } .ui-article-list.layout-7 { padding: 40px 0 20px; } .ui-article-list.layout-7 .carousel-item-box { width: 25%; background: #fff; padding: 20px 20px 10px; outline: 1px solid #ddd; } .ui-article-list.layout-7 .ui-article-remark-wrap { display: none; } .ui-article-list.layout-7 .ui-article-info-box { padding: 0; } .ui-article-list.layout-7 .ui-article-info-box .ui-article-title { line-height: 40px; text-align: center; } .ui-article-list.layout-8 .carousel-item-box { width: 23.3%; float: left; } .ui-article-list.layout-8 .ui-article-info-box { padding-bottom: 0; } .ui-article-list.layout-8 .carousel-list-box { background: #fff; overflow: hidden; } .ui-article-list.layout-8 .carousel-item-box:first-child { width: 53.4%; } .ui-article-list.layout-8 .carousel-item-box:first-child .ui-article-title { text-align: left; } .ui-article-list.layout-8 .ui-article-title { text-align: center; } .ui-article-list.layout-8 .carousel-item-box:first-child .ui-article-btn { display: block; } .ui-article-list.layout-7 .carousel-item-box:hover .auto-img, .ui-article-list.layout-8 .carousel-item-box:hover .auto-img { opacity: 0.8; } .ui-article-list.layout-9 .carousel-item-box { padding: 0 10px; } .ui-article-list.layout-9 .ui-article-info-box { padding: 10px; border-bottom: 1px solid #eee; } .ui-article-list.layout-9 .ui-article-title { margin-right: 9em; } .ui-article-list.layout-9 .ui-article-remark { -webkit-line-clamp: 1; height: 20px; } .ui-article-list.layout-9 .ui-column-2 .ui-article-remark { -webkit-line-clamp: 2; height: 40px; } .ui-article-list.layout-9 .ui-column-3 .ui-article-remark { -webkit-line-clamp: 3; height: 60px; } .ui-article-list.layout-9 .ui-article-remark-wrap { padding: 5px 0 0 0; } .ui-article-list.layout-10 .ui-article-item-wrap { padding: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .ui-article-list.layout-10 .ui-article-info-box { margin-left: 200px; } .ui-article-list.layout-11 .carousel-item-box:hover .ui-article-title { color: #333; } .ui-article-list.layout-12 .ui-article-info-box { padding: 15px 0 0; } .ui-article-list.layout-12 .ui-article-item-wrap { border-bottom: 1px solid #eee; padding-bottom: 15px; } .ui-article-list.layout-12 .carousel-item-box { padding: 0 10px 6px; } .ui-article-list.layout-12 .carousel-item-box.ui-column-1 { display: block; } .ui-article-list.layout-12 .card .ui-article-time1 { display: none; } .ui-article-list.layout-12 .card .ui-article-time { position: relative; top: 0; } .ui-article-list.layout-12 .ui-article-time { position: absolute; right: 0; top: 20px; padding: 0; } .ui-article-list.layout-12 .ui-article-remark-wrap { display: none; } .ui-article-list.layout-12 .ui-article-time1 { display: none; color: #999; } .ui-article-list.layout-12 .card .auto-img-box { display: block; } .ui-article-list.layout-12 .card .ui-article-info-box { margin-left: 220px; } .ui-article-list.layout-12 .card .ui-article-remark-wrap { display: block; } .ui-article-list.layout-13 > .main { padding-left: 0; padding-right: 0; } .ui-article-list.layout-13 > .main .ui-article-swiper-box { margin: 0 -10px; } .ui-article-list.layout-13 > .main .carousel-item-box { padding: 0; width: 25%; } .ui-article-list.layout-13 > .main .carousel-item-box:hover .ui-article-title { color: #333; } .ui-article-list.layout-13 > .main .ui-article-item-wrap { margin: 10px; } .ui-article-list.layout-13 > .main .ui-article-item-wrap .ui-article-time { height: 20px; } .ui-article-list.layout-13 > .main .ui-article-info-box { white-space: normal; } .ui-article-list.layout-11 .ui-article-item-wrap { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .ui-article-list.layout-4 .carousel-item-box:hover .auto-img, .ui-article-list.layout-5 .carousel-item-box:hover .auto-img, .ui-article-list.layout-6 .carousel-item-box:hover .auto-img, .ui-article-list.layout-10 .carousel-item-box:hover .auto-img, .ui-article-list.layout-11 .carousel-item-box:hover .auto-img, .ui-article-list.layout-13 .carousel-item-box:hover .auto-img { transform: scale(1.1); } .ui-article-list.layout-14 .ui-article-item-wrap { border-bottom: 1px solid #eee; padding-bottom: 10px; } .ui-article-list.layout-15 .carousel-item-box { padding: 0 0 10px 0; } .ui-article-list.layout-15 .ui-article-item-wrap { overflow: visible; } .ui-article-list.layout-4 .ui-article-info-box, .ui-article-list.layout-5 .ui-article-info-box, .ui-article-list.layout-14 .ui-article-info-box, .ui-article-list.layout-15 .ui-article-info-box { padding: 0; margin-left: 120px; } .ui-article-list.layout-3 .auto-img-box, .ui-article-list.layout-9 .auto-img-box, .ui-article-list.layout-12 .auto-img-box, .ui-article-list.layout-14 .auto-img-box, .ui-article-list.layout-15 .auto-img-box { display: none; } .ui-article-list.layout-3 .ui-article-time3, .ui-article-list.layout-9 .ui-article-time1, .ui-article-list.layout-14 .ui-article-time2, .ui-article-list.layout-15 .ui-article-time4 { display: block; } .ui-article-list.layout-16 .ui-article-title { display: none; } .ui-article-list.layout-16 .ui-article-title1 { display: block; } .ui-article-list.layout-16 .carousel-item-box { padding: 0 10px 20px; } .ui-article-list.layout-10 .auto-img-box, .ui-article-list.layout-12 .card .auto-img-box, .ui-article-list.layout-16 .auto-img-box { width: 200px; float: left; } .ui-article-list.layout-16 .ui-article-info-box { margin-left: 200px; } .ui-article-list.layout-17, .ui-article-list.layout-17 > .main, .ui-article-list.layout-17 .carousel-item-box { padding: 0; } .ui-article-list.layout-17 .ui-article-remark-wrap { display: none; } .ui-article-list.layout-17 .ui-article-info-box { background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; right: 0; bottom: 0; padding: 0 20px; } .ui-article-list.layout-17 .ui-article-title { line-height: 40px; } .ui-article-list.layout-17 .prev, .ui-article-list.layout-17 .next { border-radius: 50%; background-color: rgba(0, 0, 0, 0.2); } .ui-article-list.layout-17 .dots { display: block; bottom: 50px; } .ui-article-list.layout-3 .ui-article-time, .ui-article-list.layout-5 .ui-article-time5, .ui-article-list.layout-7 .ui-article-time, .ui-article-list.layout-9 .ui-article-time, .ui-article-list.layout-14 .ui-article-time, .ui-article-list.layout-15 .ui-article-time, .ui-article-list.layout-17 .ui-article-time { display: none; } .ui-article-list.layout-13 .ui-article-swiper-box, .ui-article-list.layout-17 .ui-article-swiper-box { position: relative; height: 100%; } .ui-article-list.layout-13 .carousel-list-box, .ui-article-list.layout-17 .carousel-list-box { overflow: hidden; white-space: nowrap; } .ui-article-list.layout-13:hover .prev, .ui-article-list.layout-13:hover .next, .ui-article-list.layout-17:hover .prev, .ui-article-list.layout-17:hover .next { display: block; } .ui-article-list.layout-18 > .main { padding: 0; } .ui-article-list.layout-18 .ui-article-remark-wrap, .ui-article-list.layout-18 .ui-article-time { display: none; } .ui-article-list.layout-18 .carousel-item-box { width: 50%; padding: 0 10px; } .ui-article-list.layout-18 .ui-article-swiper-box { margin: 0 50px; } .ui-article-list.layout-18 .swiper-button-prev, .ui-article-list.layout-18 .swiper-pagination, .ui-article-list.layout-18 .swiper-button-next { display: block; } .ui-article-list.layout-18:hover .swiper-button-prev, .ui-article-list.layout-18:hover .swiper-button-next { visibility: visible; } .ui-article-list.layout-18 .swiper-button-prev::after, .ui-article-list.layout-18 .swiper-button-next::after { content: none; } .ui-article-list.layout-18 .swiper-button-prev, .ui-article-list.layout-18 .swiper-button-next { top: 50%; z-index: 10; margin-top: -45px; width: 45px; height: 45px; visibility: hidden; } .ui-article-list.layout-18 .swiper-button-prev:hover, .ui-article-list.layout-18 .swiper-button-next:hover { opacity: 0.8; } .ui-article-list.layout-18 .swiper-button-prev { left: 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAAA/CAMAAABggeDtAAAAP1BMVEUAAACZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmVMmLXAAAAFXRSTlMAgHMnb0V4aRQOXS0zBh9YTD5UZBsspaBFAAABwElEQVRIx61X25KDIAxFo4AX8NL9/2/dDZRu63iITpqXzhRyOSckJgbJtDvbZLFun8wdGda2OUq7Dhe1p645l266om3L7WUjH0zwtC3FopUseJcvjnQ4oDEfOF9T7zPU+fRwzqT0UDu4pE3wAiULLoDYbTYvBmhPMcRE2iClNlEZgfpiZFlODfgSuywbXz1ACIx9M+ayAftJogPeMYvu8AfAjjnoP8G35o60HxRwToZ7Fcq5fpUMAC9RMJVgQPQSAvvvnm7r0yuADriXA+gKFXPt4mhPj+cn6evfbzXXiFzbNGuOY6x5h9GNCXdg9gR1zGBIMKrq2HgibmcakTw4R0g4cbtxGD6fUZ0axyz22DsJb9gyCILeo/gEWd8jdN5U5eepH87VbbxQxAalj2mVpPgH4B6S/yr+uUQg4idI70Pmn/OPz52U/+r7i2yg/v7w+5cN8Psv9Ycp6qr1J9W/5yZRqX+x/3AEEfYfuf/xK1kr/U/uv3E1sP/q+7/++2Os4vun+f7Oyu+/dv5Qzj/q+Us//+nnz/vz784Xo3L+Vs7/yv1Du//o9y8sU/u2//Hl9/2vnYwsBPdP+v7+q92/fwE7Ow1ZrtjiVAAAAABJRU5ErkJggg==) center / cover no-repeat; } .ui-article-list.layout-18 .swiper-button-next { right: 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAAA/CAMAAABggeDtAAAAP1BMVEUAAACZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmVMmLXAAAAFXRSTlMAgHMnb0V4aRQOXS0zBh9YTD5UZBsspaBFAAABvklEQVRIx61XW7aDIAxEUEAUfLT7X+u9QKm1hyF60nwCQ5IJCYlAMu1Gd1m02SdxR8ZVdt8i1/Eieuq7uvTTFbQup5dNWS+8VdtSbtTUDdbkg059bSiXN4xtwYfs6lzdnDMpA0R7k9AKHlAymeCB7TpfTxqoqz6ERNpIhTZRGQB8EbQs1QtsXN0o7OHDlwteH3BStsjBmUQDmMMWmNMC9B1zMJydl+KOyBMFMSbjvQyNsX6nDHCeoqAkkwbWUx7IQ726jVdvA3qgnjagL1TM1XzVroWfX6SvXacBRe038Y9fsx0OamhZ4JLf/mAPXoAZ9MkNfKR5QSJujzQCSbF9gK0UuD1mnmuH2UAC4p4m3q7CFgwxcuTjC1ELJDDin8SfghiyCU+nbtD1C/wLLyhx4MxF/Q9AkS/+k9rnpv+K1I75J+NvEhzHv7w/DA+t95fePw3H7z/nHz7xJPIv5T8ucZbKf1x/wqEd1h9Y//LGSNc/XH/FGsj6y6z/3P+H9//p4gnj/+X8/9z+g9//8Psvfv/H7z+P/ne/3P8y+29m/8+cP7jzD3/+wjLJj/kvHv6c/+R0JbPh/Kl+P/9y5+8/RDENWZvZmwUAAAAASUVORK5CYII=) center / cover no-repeat; } .ui-article-list.layout-18 .swiper-pagination { width: 100%; text-align: center; bottom: 10px; } .ui-article-list.layout-18 .swiper-pagination-bullet { vertical-align: middle; margin: 0 5px; background: #d5d5d5; border: 0; width: 10px; height: 10px; opacity: 1; } .ui-article-list.layout-18 .swiper-pagination-bullet-active { background: none; border: 3px solid #00aadc; } .ui-article-list.layout-4 .carousel-list-box { padding: 0 10px; } .ui-form { padding: 20px; box-sizing: border-box; position: absolute; } .ui-form .form-item-content { position: relative; } .ui-form .form-item + .form-item { margin-top: 10px; } .ui-form .form-item-name { line-height: 40px; white-space: nowrap; } .ui-form .form-item.required .form-item-name:after, .ui-form .form-inner.required .form-item-name:after { content: '*'; font-style: normal; color: red; margin-left: 10px; } .ui-form .form-input, .ui-form .form-textarea, .ui-form .form-select { width: 100%; box-sizing: border-box; border: 1px solid transparent; padding: 5px 20px; height: 38px; background: none; } .ui-form .form-input { line-height: 30px; } .ui-form .form-textarea { height: 120px; padding: 20px; } .ui-form .form-radio, .ui-form .form-checkbox { display: inline-block; vertical-align: top; width: 23%; padding: 8px 0; cursor: pointer; } .ui-form .form-sms-code { text-align: center; background: #fff; position: absolute; right: 1px; top: 0; padding: 0 20px; line-height: 38px; } .ui-form .form-sms-code:hover { background: rgba(255, 255, 255, 0.95); } .ui-form .form-submit-btn { margin: 0 auto; display: block; color: #fff; border: none; height: 40px; background: red; cursor: pointer; } .ui-form .form-huxing { position: relative; height: 38px; padding: 0 40px 0 20px; overflow: hidden; border: 1px solid transparent; line-height: 38px; } .ui-form .form-huxing .arrow { position: absolute; right: 0; top: 0; width: 40px; height: 40px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAIVBMVEUAAABwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBra2ucbZClAAAAC3RSTlMAEDBQcmCQgKAgH0MJP0cAAABASURBVAjXYyAXTEAwTSGUMhAzK4BYTAYg0ghEqIKlWIHCjAUQZYkMDCJQjSwCjA4wQxw5BGBMtkK40YwLGMgHAN2PBGYPwYYEAAAAAElFTkSuQmCC) center center no-repeat; } .ui-form .form-huxing .form-huxing-item-box { white-space: nowrap; } .ui-form .form-huxing .form-huxing-item { min-width: 20%; text-align: center; display: inline-block; white-space: nowrap; } .ui-form.layout-1 .main { width: auto; } .ui-form.layout-0 .form-input, .ui-form.layout-0 .form-textarea, .ui-form.layout-0 .form-select, .ui-form.layout-0 .form-huxing { background: #f5f5f5; } .ui-form.layout-1 .form-input, .ui-form.layout-2 .form-input, .ui-form.layout-1 .form-textarea, .ui-form.layout-2 .form-textarea, .ui-form.layout-1 .form-huxing, .ui-form.layout-2 .form-huxing, .ui-form.layout-1 .form-select, .ui-form.layout-2 .form-select { border-color: #ddd; font-size: 14px; } .ui-form.layout-2 .form-item { margin-bottom: 20px; } .ui-form.layout-2 .form-item-name { display: none; } .ui-form.free-layout { padding: 0; } .ui-form.free-layout .form-item { position: absolute; } .ui-form.free-layout .form-item + .form-item { margin-top: 0; } .ui-form.free-layout .form-item-name { position: absolute; margin-top: -40px; } .ui-video { position: absolute; } .ui-video .iframe, .ui-video .jplayer { position: relative; z-index: 1; height: 100%; background: #000; } .ui-video .iframe iframe, .ui-video .video-js { width: 100%; height: 100%; background: #000000; } .ui-video .cover { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; } .ui-video .cover .play { position: absolute; left: 50%; top: 50%; width: 60px; height: 60px; margin: -30px 0 0 -30px; line-height: 60px; text-align: center; background: rgba(0, 0, 0, 0.2); border-radius: 50%; cursor: pointer; transition: all 0.3s ease; font-size: 30px; color: #fff; } .ui-video .cover .play:hover { transform: scale(1.05); background: rgba(0, 0, 0, 0.25); } .ui-video .cover .play .icon-bofang { font-size: 30px; } .ui-image-text { position: absolute; } .ui-image-text .main { display: block; padding: 30px 0; overflow: hidden; } .ui-image-text .ui-image-text-img { float: left; width: 600px; height: 340px; } .ui-image-text .ui-image-text-info-box { margin-left: 640px; } .ui-image-text .ui-image-text-title { line-height: 1.3; font-size: 24px; padding: 30px 0 20px; } .ui-image-text .ui-image-text-content { font-size: 16px; text-align: justify; margin: 0 0 20px; } .ui-image-text .ui-image-text-btn { display: inline-block; line-height: 40px; font-size: 16px; padding: 0 40px; color: #fff; border-radius: 5px; transition: all 0.6s ease; } .ui-image-text .ui-image-text-btn:hover { padding: 0 45px; opacity: 0.9; } .ui-image-text:hover .main { color: currentColor; } .ui-image-text.layout-0 .ui-image-text-content { line-height: 30px; } .ui-image-text.layout-1 .ui-image-text-img { float: none; height: 300px; width: 100%; } .ui-image-text.layout-1 .ui-image-text-info-box { margin-left: 0; } .ui-image-text.layout-1 .ui-image-text-title { padding-top: 20px; text-align: center; } .ui-image-text.layout-1 .ui-image-text-content { font-size: 18px; } .ui-fullmeasure, .ui-fullmeasure > .main { position: relative; } .ui-fullmeasure > .main { overflow: hidden; } .ui-fullmeasure .dots { position: absolute; bottom: 10px; left: 0; right: 0; text-align: center; z-index: 1; } .ui-fullmeasure > .dots li { display: inline-block; font-size: 0; border-top: 4px solid #e3e3e3; width: 30px; } .ui-fullmeasure .dots li.active { border-color: #444; } .ui-fullmeasure .dots li + li { margin-left: 10px; } .ui-fullmeasure > .prev, .ui-fullmeasure > .next { position: absolute; top: 50%; margin: -49px 0 0; z-index: 10; cursor: pointer; left: 16px; width: 68px; height: 98px; background: url(https://saas-image.jingwxcx.com/upload_files/2020/11/07/d7163323c5621208ed21d1ff2e8e77fc.png); display: none; } .ui-fullmeasure > .next { background: url(https://saas-image.jingwxcx.com/upload_files/2020/11/07/167920d27c6f127633af4301b514a786.png); right: 16px; left: auto; } .ui-fullmeasure .ui-fullmeasure-main-box { position: relative; height: 100%; } .ui-fullmeasure.carousel-0:hover > .prev, .ui-fullmeasure.carousel-0:hover > .next, .ui-fullmeasure.carousel-1:hover > .prev, .ui-fullmeasure.carousel-1:hover > .next, .ui-fullmeasure.carousel-2:hover > .prev, .ui-fullmeasure.carousel-2:hover > .next, .ui-fullmeasure.carousel-3:hover > .prev, .ui-fullmeasure.carousel-3:hover > .next, .ui-fullmeasure.carousel-4:hover > .prev, .ui-fullmeasure.carousel-4:hover > .next { display: block; } .ui-fullmeasure.carousel-2 .dots li { width: 16px; height: 16px; border-radius: 50%; border: none; background: #e3e3e3; } .ui-fullmeasure.carousel-2 .dots li.active { background: #444; } .ui-fullmeasure.carousel-2 .ui-fullmeasure-main-box { height: 100%; } .ui-fullmeasure.carousel-3 .dots { display: none; } .ui-fullmeasure.carousel-4 .dots li { width: 16px; height: 16px; border: none; background: #e3e3e3; } .ui-fullmeasure.carousel-4 .dots li.active { background: #444; } .ui-fullmeasure.carousel-5 .carousel-list-box { width: 1000%; height: 100%; position: relative; } .ui-fullmeasure.carousel-5 .carousel-item-box { height: 100%; width: 3.3333%; display: inline-block; transition: all 0.3s ease; } .ui-fullmeasure.carousel-5 .carousel-item-box.active { position: relative; z-index: 2; } .ui-fullmeasure.carousel-5 .carousel-item-box.prevs, .ui-fullmeasure.carousel-5 .carousel-item-box.nexts { transform: scaleY(0.8); } .ui-collapse { position: absolute; overflow: hidden; } .ui-collapse .ui-collapse-head { cursor: pointer; position: relative; } .ui-collapse .ui-collapse-head .cms-icon { position: absolute; left: 10px; display: none; color: #303133; } .ui-collapse .ui-collapse-head .icon-xiala { left: auto; right: 10px; transition: all 0.3s; transform: rotate(-90deg); } .ui-collapse .ui-collapse-body { position: relative; overflow: hidden; height: 0; transition: height 0.3s; } .ui-collapse .ui-collapse-item.layout-0 .icon-xiala, .ui-collapse .ui-collapse-item.layout-1 .icon-tianjia { display: block; } .ui-collapse .ui-collapse-item.layout-0.active .icon-xiala { transform: rotate(0deg); } .ui-collapse .ui-collapse-item.layout-1.active .icon-tianjia { display: none; } .ui-collapse .ui-collapse-item.layout-1.active .icon-plus-minus { display: block; } .ui-tabedy .ui-tabedy-head { float: left; z-index: 1; position: relative; padding: 0 6px 12px 0; height: 100%; overflow-y: auto; overflow-x: hidden; box-sizing: border-box; } .ui-tabedy.position-1 .ui-tabedy-head { float: right; padding: 0 0 12px 6px; } .ui-tabedy .ui-tabedy-head .ui-tabedy-head-item { line-height: 1; padding: 12px 20px; display: block; box-sizing: border-box; position: relative; cursor: pointer; } .ui-tabedy .ui-tabedy-head .ui-tabedy-head-item.active:after { content: ''; position: absolute; top: 50%; margin-top: -6px; border: 6px solid transparent; display: none; } .ui-tabedy.position-1 .ui-tabedy-head .ui-tabedy-head-item.active:after { border-left-color: transparent; right: auto; } .ui-tabedy.layout-1 .ui-tabedy-head .ui-tabedy-head-item.active:after { display: block; } .ui-tabedy .ui-tabedy-body { position: relative; height: 100%; margin-left: 170px; overflow: hidden; } .ui-tabedy.position-1 .ui-tabedy-body { margin: 0 170px 0 0; } .ui-tabedy .ui-tabedy-item { position: absolute; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; } .ui-tabedy .ui-tabedy-item.active { z-index: 1; opacity: 1; animation: slideInTabed ease 0.5s; } .ui-tabedx .ui-tabedx-head { font-size: 0; padding: 0 0 17px 0; overflow: hidden; box-sizing: border-box; } .ui-tabedx .wrap { position: relative; height: 100%; display: flex; align-items: center; justify-content: center; } .ui-tabedx .wrap .img { position: absolute; width: 100%; height: 100%; object-fit: cover; } .ui-tabedx .wrap .caption { z-index: 1; white-space: nowrap; } .ui-tabedx.label-0 .wrap .img { display: none; } .ui-tabedx.label-1.layout-0 .wrap { flex-direction: column; } .ui-tabedx.label-1.layout-0 .wrap .caption { margin-top: 8px; } .ui-tabedx.label-1.layout-1 .wrap { flex-direction: row; } .ui-tabedx.label-1.layout-1 .wrap .caption { margin-left: 8px; } .ui-tabedx.label-2 .wrap .caption { display: none; } .ui-tabedx.position-1 .ui-tabedx-head { text-align: center; } .ui-tabedx .ui-tabedx-head .ui-tabedx-head-item { box-sizing: border-box; position: relative; display: inline-block; cursor: pointer; } .ui-tabedx.label-0 .ui-tabedx-head .ui-tabedx-head-item.active:after { content: ''; position: absolute; left: 50%; margin-left: -6px; border: 6px solid transparent; } .ui-tabedx.label-0.layout-0 .ui-tabedx-head .ui-tabedx-head-item.active:after { display: none; } .ui-tabedx .ui-tabedx-body { position: relative; overflow: hidden; } .ui-tabedx .ui-tabedx-item { position: absolute; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; } .ui-tabedx .ui-tabedx-item:first-child { z-index: 1; } .ui-tabedx .ui-tabedx-item.active { z-index: 2; animation: slideInTabed ease 0.5s; opacity: 1; } .ui-page-article-list { overflow: hidden; } .ui-page-article-list .auto-img-box { float: left; width: 300px; } .ui-page-article-list .data-list-box { margin-top: 20px; } .ui-page-article-list .data-item-box { display: block; overflow: hidden; background: #fff; } .ui-page-article-list .data-item-box + .data-item-box { margin-top: 20px; } .ui-page-article-list .data-item-info-box { margin: 0 160px 0 330px; padding-top: 30px; } .ui-page-article-list .data-item-remark { -webkit-line-clamp: 2; color: #999; line-height: 24px; height: 48px; } .ui-page-article-list .data-item-title { font-size: 20px; font-weight: bold; word-break: break-word; -webkit-transition: all 0.3s ease; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all 0.3s ease; } .ui-page-article-list .data-item-box:hover .data-item-title { text-indent: 5px; } .ui-page-article-list .data-item-time { float: right; width: 150px; color: #999; padding-top: 30px; } .ui-page-article-list .data-item-time .data-item-time-day { font-size: 40px; line-height: 45px; } .ui-page-article-list .data-item-time .data-item-time-date { font-size: 20px; } .ui-page-article-list .data-item-time1 { display: none; color: #999; } .ui-page-article-list .data-item-box:hover { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); } .ui-page-article-list .data-list-box.layout-1 { font-size: 0; } .ui-page-article-list .data-list-box.layout-1 .data-item-time, .ui-page-article-list .data-list-box.layout-1 .data-item-remark { display: none; } .ui-page-article-list .data-list-box.layout-1 .data-item-info-box { margin: 0; padding: 0 15px; } .ui-page-article-list .data-list-box.layout-1 .auto-img-box { float: none; width: auto; } .ui-page-article-list .data-list-box.layout-1 .data-item-box { width: 25%; display: inline-block; vertical-align: top; padding: 0 10px; box-sizing: border-box; background: none; } .ui-page-article-list .data-list-box.layout-1 .data-item-title { line-height: 60px; font-size: 16px; text-align: center; font-weight: 400; } .ui-page-article-list .data-list-box.layout-1 .data-item-box + .data-item-box { margin: 0; } .ui-page-article-list .data-list-box.layout-1 .data-item-box:hover { box-shadow: none; } .ui-page-article-list .data-list-box.layout-1 .data-item-box:hover .auto-img { transform: scale(1.05); } .ui-page-article-list .data-list-box.layout-1 .data-item-box:hover .data-item-title { text-indent: 0; } .ui-page-article-list .data-list-box.layout-2 .auto-img-box, .ui-page-article-list .data-list-box.layout-2 .data-item-time { display: none; } .ui-page-article-list .data-list-box.layout-2 .data-item-info-box { margin: 0; padding: 30px; } .ui-page-article-list .data-list-box.layout-2 .data-item-remark { -webkit-line-clamp: 1; height: 30px; line-height: 30px; } .ui-page-article-list .data-list-box.layout-2 .data-item-title { font-weight: normal; } .ui-page-article-list .data-list-box.layout-2 .data-item-time1 { display: block; } .ui-page-article-list .main.layout-0 .data-item-remark { margin-right: 120px; } .ui-page-article-list .center-3 { position: relative; background: #ffffff; } .ui-page-article-list .center-3 .list { padding: 20px 50px; overflow: hidden; } .ui-page-article-list .center-3 .list .item { width: 100%; height: auto; border-bottom: 1px solid #f0f0f0; -webkit-transition: all 0.3s ease; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all 0.3s ease; background: #fff; } .ui-page-article-list .center-3 .list .item:hover h3 { transform: translateX(6px); } .ui-page-article-list .center-3 .list .item .cell { position: relative; padding: 20px 150px 20px 0; } .ui-page-article-list .center-3 .list .item .cell h3 { padding: 0 0 0 30px; line-height: 30px; font-weight: normal; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 0.3s ease; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOBAMAAADtZjDiAAAAJFBMVEUAAAB4eHh1dXVsbGxnZ2dVVVVgYGB0dHRwcHA2NjYAAAB0dHTDQoYqAAAADHRSTlMAcmY8NCEoXEkTBFYtakUAAAAANUlEQVQI12OAAeYACM0q5ABhKAp2gmlHQcEyEM0oKCiovICBgVsQCMRgfIg8VD1UP8I8TAAAl4UG0GfevHIAAAAASUVORK5CYII=) 0 8px no-repeat; } .ui-page-article-list .center-3 .list .item .cell .time { position: absolute; right: 0; top: 20px; color: #aaaaaa; line-height: 30px; } .ui-page-article-list .center-3 .list .item .cell .time span { font-size: 16px; } .ui-page-product-list { overflow: hidden; } .ui-page-product-list .data-list-box { margin-top: 20px; font-size: 0; } .ui-page-product-list .data-list-box .data-item-info-box { padding: 0 15px; } .ui-page-product-list .ui-control-column-0 .data-item-box, .ui-page-product-list .ui-control-column-4 .data-item-box { width: 25% !important; } .ui-page-product-list .ui-control-column-3 .data-item-box { width: 33.33% !important; } .ui-page-product-list .ui-control-column-5 .data-item-box { width: 20% !important; } .ui-page-product-list .ui-control-layout-0 .data-item-box { overflow: hidden; width: 25%; display: inline-block; vertical-align: top; padding: 0 10px; box-sizing: border-box; margin-bottom: 20px; } .ui-page-product-list .ui-control-layout-0 .data-item-box:hover .data-item-qrcode-box { display: block; } .ui-page-product-list .ui-control-layout-0 .data-item-title { line-height: 50px; font-size: 16px; text-align: center; } .ui-page-product-list .ui-control-layout-0 .auto-img-box { position: relative; } .ui-page-product-list .ui-control-layout-0 .auto-img-box .auto-video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; } .ui-page-product-list .ui-control-layout-0 .auto-img-box .auto-video video { display: block; width: 100%; height: 100%; background: #000000; } .ui-page-product-list .ui-control-layout-0 .auto-img-box .auto-video .play { position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 5; } .ui-page-product-list .ui-control-layout-0 .auto-img-box .auto-video .play.active .icon { opacity: 0; } .ui-page-product-list .ui-control-layout-0 .auto-img-box .auto-video .play .icon { position: absolute; left: 50%; top: 50%; z-index: 1; width: 60px; height: 60px; line-height: 60px; margin: -30px 0 0 -30px; text-align: center; background: rgba(255, 255, 255, 0.7); border-radius: 50%; cursor: pointer; transition: all 0.3s ease; font-size: 30px; color: #ffffff; opacity: 0.9; } .ui-page-product-list .ui-control-layout-0 .auto-img-box .auto-video .play .icon:hover { transform: scale(1.05); background: rgba(255, 255, 255, 0.8); } .ui-page-product-list .ui-control-layout-0 .auto-img-box .auto-video .play .icon .icon-bofang { font-size: 40px; color: #333333; } .ui-page-product-list .ui-control-layout-0 .data-item-qrcode-box { position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-align: center; background: #000; filter: alpha(opacity=60); background: rgba(0, 0, 0, 0.6); line-height: 30px; font-size: 14px; color: #fff; display: none; } .ui-page-product-list .ui-control-layout-0 .data-item-qrcode { display: block; position: absolute; left: 50%; top: 50%; margin: -65px 0 0 -50px; animation: zoomIn 0.3s ease; } .ui-page-product-list .ui-control-layout-0 .data-item-qrcode-img { width: 90px; height: 90px; padding: 5px; background: #fff; border-radius: 5px; animation: zoomIn 0.5s ease; display: block; } .ui-page-product-list .ui-control-layout-1 .data-item-box { overflow: hidden; width: 25%; display: inline-block; vertical-align: top; padding: 0 10px; box-sizing: border-box; margin-bottom: 20px; position: relative; } .ui-page-product-list .ui-control-layout-1 .data-item-box:hover .data-item-qrcode-box { display: block; } .ui-page-product-list .ui-control-layout-1 .data-item-box:hover .data-item-shadow { display: block; } .ui-page-product-list .ui-control-layout-1 .data-item-title { line-height: 50px; font-size: 16px; text-align: center; } .ui-page-product-list .ui-control-layout-1 .auto-img-box { position: relative; } .ui-page-product-list .ui-control-layout-1 .data-item-qrcode-box { position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-align: center; background: #000; filter: alpha(opacity=60); background: rgba(0, 0, 0, 0.6); line-height: 30px; font-size: 14px; color: #fff; display: none; } .ui-page-product-list .ui-control-layout-1 .data-item-qrcode { display: block; position: absolute; left: 50%; top: 50%; margin: -65px 0 0 -50px; animation: zoomIn 0.3s ease; } .ui-page-product-list .ui-control-layout-1 .data-item-qrcode-img { width: 90px; height: 90px; padding: 5px; background: #fff; border-radius: 5px; animation: zoomIn 0.5s ease; display: block; } .ui-page-product-list .ui-control-layout-1 .data-item-shadow { position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 10; display: none; } .ui-page-product-list .ui-control-layout-1 .data-item-shadow .hl { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; opacity: 0.8; } .ui-page-product-list .ui-control-layout-1 .data-item-shadow .icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .ui-page-product-list .ui-control-layout-1 .data-item-shadow .icon i { display: block; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; text-align: center; font-style: normal; background: #ffffff; animation: zoomIn 0.3s ease; } .ui-page-product-list .ui-control-layout-1 .data-item-shadow .icon i::before { content: '＋'; font-size: 30px; } .ui-page-product-detail { padding-bottom: 40px; } .ui-page-product-detail .ui-product-detail { background: #fff; padding: 30px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); margin-top: 20px; position: relative; } .ui-page-product-detail .ui-product-detail .ui-product-album-box { position: relative; width: 470px; overflow: hidden; box-shadow: 0 0 0 1px #eee; float: left; } .ui-page-product-detail .ui-product-detail .ui-product-album-box:hover .cms-icon { display: block; } .ui-page-product-detail .ui-product-detail .ui-product-album-box .cms-icon { position: absolute; color: #dfdfdf; font-size: 35px; font-weight: bold; cursor: pointer; display: none; } .ui-page-product-detail .ui-product-detail .ui-product-album-box .cms-icon.prev { top: 50%; transform: translate(-50%, -50%); left: 32.5px; } .ui-page-product-detail .ui-product-detail .ui-product-album-box .cms-icon.next { top: 50%; transform: translate(50%, -50%); right: 32.5px; } .ui-page-product-detail .ui-product-detail .ui-product-album-box .cms-icon:hover { color: #888888; } .ui-page-product-detail .ui-product-detail .ui-product-album { font-size: 0; white-space: nowrap; position: relative; } .ui-page-product-detail .ui-product-detail .ui-product-album .auto-img-box { display: inline-block; width: 100%; } .ui-page-product-detail .ui-product-detail .ui-product-album .auto-img-box video { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: #000000; } .ui-page-product-detail .ui-product-detail .thumbnail-wraps { position: relative; } .ui-page-product-detail .ui-product-detail .cms-icon + .dots-wrap { margin: 0 65px; } .ui-page-product-detail .ui-product-detail .dots-wrap { overflow: hidden; } .ui-page-product-detail .ui-product-detail .dots-wrap .dots { overflow: hidden; z-index: 5; padding: 10px 0; width: 1000%; position: relative; } .ui-page-product-detail .ui-product-detail .dots-wrap .dots .auto-img-box { float: left; width: 60px; margin: 0 0 0 7px; cursor: pointer; } .ui-page-product-detail .ui-product-detail .dots-wrap .dots .auto-img-box.active { outline: 2px solid red; } .ui-page-product-detail .ui-product-detail .dots-wrap .dots .auto-img-box .auto-img { object-fit: cover; } .ui-page-product-detail .ui-product-detail .dots-wrap .dots .auto-img-box video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; background: #000000; } .ui-page-product-detail .ui-product-detail .dots-wrap .dots .auto-img-box .play { position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 5; background: rgba(255, 255, 255, 0.5); } .ui-page-product-detail .ui-product-detail .dots-wrap .dots .auto-img-box .play em { display: block; position: absolute; left: 50%; top: 50%; width: 28px; height: 28px; line-height: 28px; border-radius: 28px; text-align: center; margin: -15px 0 0 -15px; background: rgba(0, 0, 0, 0.5); border: 3px solid #ffffff; font-size: 16px; color: #ffffff; } .ui-page-product-detail .ui-product-detail .dots-wrap .dots .auto-img-box .play em::before { position: relative; left: 2px; } .ui-page-product-detail .ui-product-detail .ui-product-info-box { padding: 30px 0 0 0; margin-left: 500px; } .ui-page-product-detail .ui-product-detail .ui-product-title { font-size: 20px; margin: 0 0 20px; } .ui-page-product-detail .ui-product-detail .auto-img { object-fit: contain; } .ui-page-product-detail .ui-product-detail .ui-product-summary { position: relative; overflow: hidden; margin: 0 0 20px; } .ui-page-product-detail .ui-product-detail .ui-product-summary-rich { position: relative; margin: 0 -12px 20px 0; padding: 0 20px 0 0; line-height: 1.8; font-size: 16px; max-height: 200px; overflow: hidden; overflow-y: auto; } .ui-page-product-detail .ui-product-detail .ui-product-summary-et { position: relative; } .ui-page-product-detail .ui-product-detail .ui-product-summary-et dd { line-height: 1.8; } .ui-page-product-detail .ui-product-detail .ui-product-qrcode-box { width: 200px; margin: 0 0 60px; background: #fff; border: 1px solid #ddd; border-radius: 5px; text-align: center; } .ui-page-product-detail .ui-product-detail .ui-product-qrcode-box .ui-product-qrcode-img { width: 160px; height: 160px; padding: 20px; } .ui-page-product-detail .ui-product-detail .ui-product-qrcode-box .ui-product-qrcode-text { line-height: 50px; font-size: 16px; border-top: 1px solid #ddd; } .ui-page-product-detail .ui-product-detail .ui-product-phone { line-height: 40px; font-size: 24px; } .ui-page-product-detail .ui-product-detail .ui-product-content-box { margin: 20px 0 0 0; padding-bottom: 30px; } .ui-page-product-detail .ui-product-detail .ui-product-content-head { line-height: 55px; margin: 0 0 20px; border: 1px solid #eaeaea; } .ui-page-product-detail .ui-product-detail .ui-product-content-head-item { border-right: 1px solid #eaeaea; display: inline-block; min-width: 115px; text-align: center; } .ui-page-product-detail .ui-product-detail .ui-product-content-body { position: relative; line-height: 1.8; font-size: 16px; } .ui-page-product-detail .ui-product-detail .ui-product-content-body img { max-width: 100%; } .ui-page-product-detail .ui-product-detail .ui-product-content-body .table { max-width: 100%; overflow: hidden; overflow-x: auto; } .ui-page-product-detail .ui-product-detail .ui-product-content-body table { position: relative; max-width: 100%; } .ui-page-product-detail .ui-product-detail .ui-product-content-body table td { padding: 5px 8px; border: 1px solid #dddddd; } .ui-page-product-detail .ui-product-detail .ui-product-foot { padding-top: 30px; border-top: 1px solid #ddd; overflow: hidden; } .ui-page-product-detail .ui-product-detail .ui-product-prev { float: left; max-width: 40%; } .ui-page-product-detail .ui-product-detail .ui-product-next { max-width: 40%; text-align: right; float: right; } .ui-page-product-detail .ui-product-detail .ui-product-next { max-width: 40%; text-align: right; float: right; } .ui-page-product-detail .ui-product-detail .ui-product-detail-preview { display: none; width: 45px; height: 45px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAP1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////9Du/pqAAAAFHRSTlMAgMDwQBBgIDCgUODQn5DfsHCvf4uR6E4AAADfSURBVDjLvZJbjsMgDEUNJuadR+fuf61DRTT1QMVX1fMDkY+d6Mb0cUJYFF1lNI79vRQs8i7OSWTUba4LZ3ndeRqSYFXXVkbDc+mnfdzG8f8tlvuzAVw3YXQ94CIl9JsesYNGwUOUkM9JoHIqAeaZQ+MASjueOZx2EHYoLiLDg5BUPXuiqCdwnL/BaiHyJGy4lCBwoyDwpMjHIGxsh39V+0rgzjz2ATrLn95Jd11oIOLx1+MtDE1cjJqa46UCKDSzxYwX5v1eJmMk9ExX623ROBeCR8PSAgMg0Qoxjr7GLxm5DAmShGUOAAAAAElFTkSuQmCC) center center no-repeat #b2b2b2; border-radius: 5px; left: 450px; position: absolute; z-index: 1; margin-top: 5px; cursor: pointer; } .ui-page-product-detail .ui-product-detail .fullscreen-preview { position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 500; background: #000000; } .ui-page-product-detail .ui-product-phone-box { width: 180px; color: #fff; padding: 15px 20px; border-radius: 5px; white-space: nowrap; line-height: 20px; font-size: 16px; } .ui-page-product-detail .ui-product-phone-box2 { position: relative; white-space: nowrap; } .ui-page-product-detail .ui-product-phone-box2 .hotline { display: inline-block; vertical-align: middle; position: relative; padding: 5px 15px; border-radius: 5px; margin: 0 0 0 -20px; overflow: hidden; } .ui-page-product-detail .ui-product-phone-box2 .hotline i { float: left; width: 50px; height: 50px; line-height: 50px; font-size: 45px; margin: 0 5px 0 0; color: #aaaaaa; } .ui-page-product-detail .ui-product-phone-box2 .hotline dl { float: left; padding: 2px 0 0; line-height: 20px; } .ui-page-product-detail .ui-product-phone-box2 .hotline dl dt { font-size: 15px; } .ui-page-product-detail .ui-product-phone-box2 .hotline dl dd { font-size: 18px; } .ui-page-product-detail .ui-product-phone-box2 .order { display: inline-block; vertical-align: middle; position: relative; } .ui-page-product-detail .ui-product-phone-box2 .order a { display: block; overflow: hidden; padding: 5px 15px 5px 10px; border-radius: 5px; background: #aaaaaa; color: #ffffff; } .ui-page-product-detail .ui-product-phone-box2 .order i { float: left; width: 36px; height: 36px; line-height: 33px; text-align: center; font-size: 22px; border-radius: 50%; color: #ffffff !important; border: 2px solid #ffffff; box-sizing: border-box; margin: 0 10px 0 0; } .ui-page-product-detail .ui-product-phone-box2 .order span { float: left; line-height: 36px; font-size: 16px; } .ui-page-product-detail .ui-product-album-bog { position: relative; float: left; } .ui-page-product-detail .ui-product-orign-box { position: absolute; left: 472px; top: 0; width: 545px; height: 545px; border: 1px solid #dddddd; background: #ffffff; } .ui-page-product-detail .ui-product-orign { position: relative; overflow: hidden; width: 100%; height: 100%; } .ui-page-product-detail .ui-product-orign-img { position: relative; width: 1880px; height: 1880px; } .ui-page-product-detail .ui-product-orign-img img { display: block; width: 100%; height: 100%; } .ui-page-product-detail .ui-product-album-scroll { position: relative; overflow: hidden; } .ui-page-product-detail .loop-item .zoom-icon { visibility: hidden; width: 50%; height: 50%; position: absolute; left: 0; top: 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAMAAABFaP0WAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAGUExURT1uzv///62t27cAAAACdFJOU/8A5bcwSgAAABBJREFUeNpiYGBkYGQECDAAAA0ABMZIs2EAAAAASUVORK5CYII=) repeat scroll 0 0 transparent; cursor: move; z-index: 1; } .ui-page-product-detail .img-zoom-viewer { z-index: 999; display: none; border: 1px solid #eee; background: #ffffff; width: 470px; height: 470px; position: absolute; left: 478px; overflow: hidden; } .ui-page-product-detail .ui-proudct-recommand-box { margin-top: 40px; padding: 0 30px 20px; background: #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); } .ui-page-product-detail .ui-proudct-recommand-box .ui-proudct-recommand-title { height: 60px; line-height: 60px; font-size: 18px; } .ui-page-product-detail .ui-proudct-recommand-box .ui-proudct-recommand-wrap { overflow: hidden; } .ui-page-product-detail .ui-proudct-recommand-box .ui-proudct-recommand-item { float: left; width: 25%; } .ui-page-product-detail .ui-proudct-recommand-box .auto-img-box { margin: 0 20px; background: #fff; } .ui-page-product-detail .ui-proudct-recommand-box .ui-proudct-recommand-item-title { line-height: 60px; height: 60px; font-size: 16px; text-align: center; } .ui-page-ly .ui-page-form-box { background: #fff; padding: 60px; margin-bottom: 50px; } .ui-page-ly .ui-page-ly-title { line-height: 50px; font-size: 28px; text-align: center; } .ui-page-ly .ui-page-ly-remark { line-height: 24px; font-size: 16px; color: #999; text-align: center; } .ui-page-ly .ui-page-ly-phone { font-weight: bold; } .ui-page-ly .ui-form { position: relative; margin-top: 30px; } .ui-page-ly .ui-form .form-submit-btn { width: 100%; background: red; } .ui-page-ly .ui-form input::-webkit-input-placeholder, .ui-page-ly .ui-form textarea::-webkit-input-placeholder { color: #ddd; } .ui-page-ly .ui-form input:-moz-placeholder, .ui-page-ly .ui-form input::-moz-placeholder, .ui-page-ly .ui-form textarea:-moz-placeholder, .ui-page-ly .ui-form textarea::-moz-placeholder { color: #ddd; } .ui-page-ly .ui-form input:-ms-input-placeholder, .ui-page-ly .ui-form textarea:-ms-input-placeholder { color: #ddd; } .ui-page-contact { padding-bottom: 40px; } .ui-page-contact .ui-page-contact-content { background: #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); } .ui-page-contact .ui-control-layout-0 { padding: 60px 80px; } .ui-page-contact .ui-control-layout-0 .ui-page-contact-info-box { margin-bottom: 40px; } .ui-page-contact .ui-control-layout-0 .ui-page-contact-item { text-align: center; display: inline-block; width: 49%; vertical-align: top; } .ui-page-contact .ui-control-layout-0 .ui-page-contact-item:first-child { border-right: 1px solid #ddd; } .ui-page-contact .ui-control-layout-0 .page-contact-item-img { width: 40px; height: 40px; } .ui-page-contact .ui-control-layout-0 .ui-page-contact-item-title { line-height: 50px; font-size: 18px; font-weight: bold; } .ui-page-contact .ui-control-layout-0 .ui-page-contact-map { height: 400px; background: #eeeeee; } .ui-page-contact .ui-control-layout-0 .ui-page-contact-item-text, .ui-page-contact .ui-control-layout-0 .ui-page-contact-item-phone { padding: 0 20px; line-height: 24px; font-size: 16px; color: #666; word-break: break-all; } .ui-page-contact .ui-control-layout-1 { padding: 60px 50px; overflow: hidden; } .ui-page-contact .ui-control-layout-1 .ui-page-contact-head { text-align: center; margin: 0 0 40px; } .ui-page-contact .ui-control-layout-1 .ui-page-contact-head .inner::after { content: ''; width: 100px; height: 6px; display: block; margin: 0 auto; border-bottom: 1px solid #dddddd; } .ui-page-contact .ui-control-layout-1 .ui-page-contact-head h2 { display: inline-block; vertical-align: middle; font-size: 24px; } .ui-page-contact .ui-control-layout-1 .ui-page-contact-head h3 { display: inline-block; vertical-align: middle; font-size: 14px; margin: 0 0 0 5px; color: #999999; } .ui-page-contact .ui-control-layout-1 .ui-page-contact-info-list { height: 600px; float: right; overflow: hidden; border: 1px solid #eeeeee; } .ui-page-contact .ui-control-layout-1 .ui-page-contact-info-scroll { overflow: hidden; overflow-y: scroll; margin: 0 -13px 0 0; height: 100%; } .ui-page-contact .ui-control-layout-1 .ui-page-contact-info-scroll .item { border: 1px solid #eeeeee; margin: -1px; width: 300px; padding: 20px 20px; } .ui-page-contact .ui-control-layout-1 .ui-page-contact-info-scroll .item_nobar { border: 1px solid #eeeeee; margin: -1px; width: 300px; padding: 20px 20px; } .ui-page-contact .ui-control-layout-1 .ui-page-contact-info-scroll .name { line-height: 20px; margin: 0 0 10px; font-size: 18px; color: #333333; } .ui-page-contact .ui-control-layout-1 .ui-page-contact-info-scroll .items { position: relative; min-height: 20px; line-height: 20px; margin: 0 0 5px; font-size: 14px; color: #666666; padding: 0 0 0 20px; } .ui-page-contact .ui-control-layout-1 .ui-page-contact-info-scroll .items i { position: absolute; left: 0; top: 0; color: #aaaaaa; } .ui-page-contact .ui-control-layout-1 .ui-page-contact-map { height: 600px; margin: 0 360px 0 0; background: #eeeeee; } .ui-page-about { padding-bottom: 30px; } .ui-page-about .ui-page-about-content { padding: 60px 80px; background: #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); overflow: hidden; line-height: 1.8; font-size: 16px; } .ui-page-about .ui-page-about-content p { text-align: justify; } .ui-page-about .ui-page-about-content p[style^="text-align"] img { display: inline-block; } .ui-page-about .ui-page-about-content img { max-width: 100%; display: block; margin: 0 auto; } .ui-page-about .ui-page-about-content table td { border: 1px solid #000000; } .ui-page-webmap { background: #f5f5f5; padding-bottom: 30px; } .ui-page-webmap .ui-webmap-menus-box { padding: 50px; background: #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); } .ui-page-webmap .ui-webmap-title { text-align: center; margin: 0 0 50px; line-height: 2; font-size: 28px; font-weight: normal; } .ui-page-webmap .ui-webmap-first-menu { background: #f7f7f7; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; margin: 0 0 20px; display: block; padding: 0 0 0 20px; line-height: 44px; font-size: 16px; } .ui-page-webmap .ui-webmap-sub-menu-box { padding: 10px 0 0 20px; } .ui-page-webmap .ui-webmap-third-menu-box { margin-left: 100px; } .ui-page-webmap .ui-webmap-second-menu-wrap { overflow: hidden; } .ui-page-webmap .ui-webmap-second-menu-wrap + .ui-webmap-second-menu-wrap { margin-top: 10px; } .ui-page-webmap .ui-webmap-sub-menu-box + .ui-webmap-first-menu { margin: 20px 0 0; } .ui-page-webmap .ui-webmap-second-menu { line-height: 38px; padding: 0 20px; border: 1px solid #dddddd; float: left; } .ui-page-webmap .ui-webmap-second-menu + .ui-webmap-sub-menu-box { padding-left: 20px; } .ui-page-webmap .ui-webmap-third-menu { display: inline-block; line-height: 38px; padding: 0 20px; } .ui-product-center { overflow: hidden; padding: 40px 0; } .ui-product-center .ui-product-category-box { float: left; width: 240px; border: 1px solid #eee; background: #fff; } .ui-product-center .ui-product-category-title { text-align: center; padding: 20px 0; font-size: 28px; font-weight: bold; color: #fff; } .ui-product-center .ui-product-category-item-box { padding: 10px 15px; min-height: 370px; } .ui-product-center .ui-product-category-item { display: block; line-height: 40px; font-size: 16px; padding: 0 0 0 20px; } .ui-product-center .ui-product-category-item:hover { background-color: #eee; } .ui-product-center .ui-product-category-footer-img { width: 172px; height: 172px; margin: 10px auto 0; display: none; } .ui-product-center .ui-product-category-item-footer { padding: 10px 20px 20px; white-space: nowrap; text-align: center; border-top: 1px solid #eee; } .ui-product-center.layout-1 .ui-product-category-item-box { padding: 0; text-align: center; font-size: 16px; font-weight: bold; } .ui-product-center.layout-1 .ui-product-category-item { background: #f4f4f4; margin-top: 4px; line-height: 49px; border-bottom: 1px solid #eaeaea; } .ui-product-center.layout-1 .ui-product-category-item-footer, .ui-product-center.layout-1 .ui-product-contact-phone { color: #fff; } .ui-product-center.layout-1 .ui-product-category-footer-img { display: block; } .ui-product-center .ui-product-contact-title { line-height: 30px; font-size: 20px; } .ui-product-center .ui-product-contact-phone { line-height: 40px; font-size: 24px; font-weight: bold; } .ui-product-center .ui-product-center-product-box { margin-left: 260px; font-size: 0; } .ui-product-center .ui-product-center-product-item { display: inline-block; box-sizing: border-box; margin-bottom: 20px; width: 33%; } .ui-product-center .ui-product-center-product-item-wrap { background: #fff; border: 1px solid #ddd; margin: 0 10px; position: relative; } .ui-product-center .ui-product-center-product-title { line-height: 60px; font-size: 16px; font-weight: 400; padding: 0 20px; } .ui-product-center .ui-product-center-qrcode-box { position: absolute; background: rgba(0, 0, 0, 0.5); left: 0; right: 0; top: 0; bottom: 0; display: none; } .ui-product-center .ui-product-center-product-item-wrap:hover .ui-product-center-product-title { background: #eee; } .ui-product-center .ui-product-center-product-item-wrap:hover .ui-product-center-qrcode-box { display: block; } .ui-product-center .ui-product-center-qrcode { position: absolute; left: 50%; top: 50%; line-height: 40px; font-size: 16px; text-align: center; color: #fff; margin: -85px 0 0 -65px; } .ui-product-center .ui-product-center-qrcode-img { width: 120px; height: 120px; padding: 5px; background: #fff; border-radius: 5px; animation: zoomIn 0.5s ease; display: block; } .ui-product-scroll-pack { padding: 20px 0 10px; } .ui-product-scroll-pack .ui-product-swiper-box { position: relative; } .ui-product-scroll-pack .carousel-list-box { font-size: 0; white-space: nowrap; overflow: hidden; } .ui-product-scroll-pack .carousel-item-box { display: inline-block; position: relative; } .ui-product-scroll-pack .ui-product-swiper-item-wrap { margin: 0 15px; border: 1px solid #ddd; overflow: hidden; } .ui-product-scroll-pack .ui-product-swiper-title { padding: 0 20px; line-height: 50px; font-size: 16px; } .ui-product-scroll-pack .ui-product-swiper-btn { float: right; padding: 0 20px; line-height: 34px; color: #fff; border-radius: 36px; font-size: 14px; margin-top: 10px; display: none; } .ui-product-scroll-pack .prev, .ui-product-scroll-pack .next { position: absolute; top: 50%; margin: -20px 0 0; cursor: pointer; width: 40px; height: 40px; border: 3px solid #e4e4e4; border-radius: 50%; left: -40px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAAPBAMAAACy3Eq1AAAALVBMVEUAAADk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OR/D+THAAAADnRSTlMA+CpeaFAw8uni0n5V25NVFJ0AAABqSURBVBjTYwACjw0MGGCHA4RmebcAU3LdEwht91wBU1L9nQGIYn4nxIAJmOQeg6hzD4EaMYHiuwMMDKzvxBiwATa5pwwMcS8TGLCCzHcBDPceY5GAuOUCXp347MTrWnz+xBtCBMIWb6wAAKj9KMclUTyCAAAAAElFTkSuQmCC) no-repeat 13px; } .ui-product-scroll-pack .next { background-position: -31px; right: -40px; left: auto; } .ui-product-scroll-pack .prev.layout-1 { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAKlBMVEUAAADd3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d23Hp7dAAAADXRSTlMA9UIKvAOmwq9EQLMsm09nXwAAAFFJREFUKM9joCZgasYiqHjFAFOh7N0GTIV3LypgUSg07BVOwKJQEkMhy927rhiCzLV3rwVgiJrfvZuKqdQXm1KT4ar04gEsSqUYMIH1AmokfQBaijzdsJ7szwAAAABJRU5ErkJggg==) 50% no-repeat; border: none; } .ui-product-scroll-pack .next.layout-1 { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAALVBMVEUAAADd3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d0meFZpAAAADnRSTlMAQ/UJvKaw9MK5pz8MLGhuGSsAAABUSURBVCjPY6AK4E7GIrj9iQGGGG/dO2dMlXHvsChlfTcslXK9e9eDqXTduxcHMARZ3r2bgCEo9O6RALoYo947xVGFYMCGRSED8zyEQgQwQyikHAAAO2I+TgjzVJcAAAAASUVORK5CYII=) 50% no-repeat; border: none; } .ui-product-scroll-pack .ui-product-swiper-box.layout-1 .ui-product-swiper-item-wrap { background: #fff; padding: 5px; box-sizing: border-box; } .ui-product-scroll-pack .ui-product-swiper-box.layout-1 .ui-product-swiper-btn { display: block; } .ui-product-scroll-pack .ui-product-swiper-box.layout-0 .carousel-item-box:hover .auto-img, .ui-product-scroll-pack .ui-product-swiper-box.layout-1 .carousel-item-box:hover .auto-img { transform: scale(1.05); } .ui-product-scroll-pack .ui-product-swiper-item-wrap:hover .qrcode-box { display: block; } .ui-article-scroll-pack { padding: 20px 0 10px; } .ui-article-scroll-pack .ui-article-swiper-box { position: relative; } .ui-article-scroll-pack .carousel-list-box { font-size: 0; white-space: nowrap; overflow: hidden; } .ui-article-scroll-pack .ui-article-swiper-item-wrap { margin: 0 15px; background: #fff; overflow: hidden; } .ui-article-scroll-pack .carousel-item-box { transition: all 0.5s ease; } .ui-article-scroll-pack .ui-article-swiper-info-box { padding: 15px; } .ui-article-scroll-pack .ui-article-swiper-title { font-size: 16px; } .ui-article-scroll-pack .ui-article-swiper-remark { height: 50px; line-height: 24px; color: #999; -webkit-line-clamp: 2; font-size: 14px; white-space: normal; } .ui-article-scroll-pack .ui-article-swiper-time { display: none; font-size: 14px; color: #333; line-height: 24px; } .ui-article-scroll-pack .prev, .ui-article-scroll-pack .next { position: absolute; top: 50%; margin: -20px 0 0; cursor: pointer; width: 40px; height: 40px; left: -40px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAKlBMVEUAAADd3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d23Hp7dAAAADXRSTlMA9UIKvAOmwq9EQLMsm09nXwAAAFFJREFUKM9joCZgasYiqHjFAFOh7N0GTIV3LypgUSg07BVOwKJQEkMhy927rhiCzLV3rwVgiJrfvZuKqdQXm1KT4ar04gEsSqUYMIH1AmokfQBaijzdsJ7szwAAAABJRU5ErkJggg==) 50% no-repeat; } .ui-article-scroll-pack .next { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAALVBMVEUAAADd3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d0meFZpAAAADnRSTlMAQ/UJvKaw9MK5pz8MLGhuGSsAAABUSURBVCjPY6AK4E7GIrj9iQGGGG/dO2dMlXHvsChlfTcslXK9e9eDqXTduxcHMARZ3r2bgCEo9O6RALoYo947xVGFYMCGRSED8zyEQgQwQyikHAAAO2I+TgjzVJcAAAAASUVORK5CYII=) 50% no-repeat; right: -40px; left: auto; } .ui-article-scroll-pack .ui-article-swiper-box.layout-0 .ui-article-swiper-info-box { text-align: center; } .ui-article-scroll-pack .ui-article-swiper-box.layout-0 .ui-article-swiper-remark { display: none; } .ui-article-scroll-pack .ui-article-swiper-box.layout-1 .ui-article-swiper-item-wrap { background: #fff; padding: 5px; box-sizing: border-box; } .ui-article-scroll-pack .ui-article-swiper-box.layout-1 .ui-article-swiper-remark { display: none; } .ui-article-scroll-pack .ui-article-swiper-box.layout-1 .ui-article-swiper-item-wrap { border: 1px solid #ddd; } .ui-article-scroll-pack .ui-article-swiper-box.layout-1 .ui-article-swiper-title { text-align: center; } .ui-article-scroll-pack .ui-article-swiper-box.layout-0 .carousel-item-box:hover, .ui-article-scroll-pack .ui-article-swiper-box.layout-1 .carousel-item-box:hover { transform: translateY(-5px); } .ui-article-scroll-pack .ui-article-swiper-box.layout-2 .ui-article-swiper-time { display: block; } .ui-article-scroll-pack .ui-article-swiper-box.layout-2 .ui-article-swiper-remark { display: -webkit-box; } .ui-center-navigation-link .main { text-align: center; } .ui-center-navigation-link .ui-center-navigation-link-item { line-height: 40px; padding: 0 30px; background: #fff; box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); display: inline-block; margin-bottom: 20px; } .ui-center-navigation-link .ui-center-navigation-link-item + .ui-center-navigation-link-item { margin-left: 20px; } .ui-center-navigation-link .ui-center-navigation-link-item:hover { color: #fff; } .ui-footer > .main { position: relative; } .ui-copy-right { position: relative; display: flex; align-items: center; justify-content: center; } .ui-copy-right .ui-copy-right-flex { position: relative; word-break: break-word; padding: 10px 0; } .ui-copy-right .ui-copy-right-item { opacity: 0.8; } .ui-copy-right .ui-copy-right-item.ui-copy-right-block { display: block; padding: 20px 0 0; } .ui-copy-right .ui-copy-right-item + .ui-copy-right-item { margin-left: 1em; } .ui-copy-right .ui-copy-right-item-link:hover { opacity: 0.9; color: inherit; } .ui-bottom .ui-bottom-naviagtion-item.width5 { width: 20%; } .ui-bottom .ui-bottom-naviagtion-item.width6 { width: 16.66%; } .ui-bottom .ui-bottom-naviagtion-item.width7 { width: 14.28%; } .ui-bottom .ui-bottom-naviagtion-item.width8 { width: 12.5%; } .ui-bottom .ui-bottom-naviagtion-item.width9 { width: 11.11%; } .ui-bottom .ui-bottom-naviagtion-item.width10 { width: 10%; } .ui-bottom .ui-bottom-naviagtion-item.width11 { width: 9.09%; } .ui-bottom .ui-bottom-naviagtion-item.width12 { width: 8.33%; } .ui-bottom .ui-bottom-naviagtion-box { text-align: center; border-bottom: 1px solid hsla(0, 0%, 100%, 0.3); font-size: 16px; font-size: 0; line-height: 70px; } .ui-bottom .ui-bottom-naviagtion-box .ui-bottom-naviagtion-item { display: inline-block; font-size: 16px; vertical-align: top; } .ui-bottom .ui-bottom-info-box { padding: 40px 0; } .ui-bottom .ui-bottom-info-title { line-height: 40px; font-size: 16px; font-weight: bold; } .ui-bottom .ui-bottom-info-item-box { display: inline-block; vertical-align: top; width: 33%; } .ui-bottom .ui-bottom-link-box { display: none; line-height: 30px; } .ui-bottom .ui-bottom-link-box .ui-bottom-link-item { display: inline-block; width: 100px; } .ui-bottom .ui-botom-friend-link-item { display: block; line-height: 24px; } .ui-bottom .ui-bottom-qrcode-box .ui-bottom-info-title { display: none; } .ui-bottom .ui-bottom-qrcode-item-box { display: inline-block; padding: 0 8px; text-align: center; } .ui-bottom .ui-bottom-qrcode-item-text { line-height: 30px; } .ui-bottom .ui-bottom-qrcode-item-img { width: 100px; height: 100px; } .ui-bottom .ui-bottom-copy-right { line-height: 50px; text-align: center; border-top: 1px solid hsla(0, 0%, 100%, 0.3); padding: 0 20px; } .ui-bottom .ui-bottom-service-box { display: none; } .ui-bottom .ui-bottom-contact-box { line-height: 30px; } .ui-bottom .ui-bottom-copy-right .ui-bottom-copy-right-item-link:hover { opacity: 0.8; color: currentColor; } .ui-bottom .ui-bottom-copy-right .ui-bottom-copy-right-item + .ui-bottom-copy-right-item { margin-left: 1em; } .ui-bottom.layout-0 .ui-bottom-friend-link-box { box-sizing: border-box; padding-left: 110px; } .ui-bottom.layout-0 .ui-bottom-contact-box .ui-bottom-info-title:after, .ui-bottom.layout-0 .ui-bottom-friend-link-box .ui-bottom-info-title:after { content: ''; display: block; width: 40px; border-top: 1px solid #fff; height: 10px; } .ui-bottom.layout-0 .ui-bottom-naviagtion-item:hover { color: inherit; opacity: 0.8; } .ui-bottom.layout-1 .ui-bottom-naviagtion-box { display: none; } .ui-bottom.layout-1 .ui-bottom-info-title { font-size: 24px; line-height: 30px; padding-bottom: 30px; font-weight: normal; } .ui-bottom.layout-1 .ui-bottom-info-item-box { width: 33%; } .ui-bottom.layout-1 .ui-bottom-contact-box .ui-bottom-info-title:before, .ui-bottom.layout-1 .ui-bottom-link-box .ui-bottom-info-title:before { content: '—'; margin-right: 5px; } .ui-bottom.layout-1 .ui-bottom-friend-link-box { display: none; } .ui-bottom.layout-1 .ui-bottom-link-box { display: block; float: right; width: 210px; } .ui-bottom.layout-1 .ui-bottom-link-box .ui-bottom-info-title, .ui-bottom.layout-1 .ui-bottom-link-box .ui-bottom-link-item { text-align: right; color: #ffffff; } .ui-bottom.layout-1 .ui-bottom-link-box .ui-bottom-link-item:hover { opacity: 0.8; } .ui-bottom.layout-1 .ui-bottom-qrcode-box { text-align: center; width: 35%; } .ui-bottom.layout-1 .ui-bottom-qrcode-box .ui-bottom-qrcode-item-img { padding: 10px; background: #fff; border-radius: 5px; } .ui-bottom.layout-1 .ui-bottom-qrcode-box .ui-bottom-info-title { display: block; } .ui-bottom.layout-1 .ui-bottom-copy-right { text-align: left; } .ui-bottom.layout-2 { padding-bottom: 40px; } .ui-bottom.layout-2 .ui-bottom-copy-right { border: 1px solid; text-align: left; } .ui-bottom.layout-2 .ui-bottom-naviagtion-box, .ui-bottom.layout-2 .ui-bottom-contact-box { display: none; } .ui-bottom.layout-2 .ui-bottom-link-box, .ui-bottom.layout-2 .ui-bottom-service-box { display: inline-block; } .ui-bottom.layout-2 .ui-bottom-info-item-box { width: auto; } .ui-bottom.layout-2 .ui-bottom-info-item-box + .ui-bottom-info-item-box { margin-left: 40px; } .ui-bottom.layout-2 .ui-bottom-link-box .ui-bottom-link-item { display: block; width: auto; } .ui-bottom.layout-2 .ui-bottom-link-box .ui-bottom-link-item:hover { color: inherit; opacity: 0.8; } .ui-bottom.layout-2 .ui-bottom-info-title { font-weight: normal; } .ui-bottom.layout-2 .ui-bottom-service-item { font-weight: normal; font-size: 32px; } .ui-bottom.layout-2 .ui-bottom-qrcode-box { float: right; } .ui-bottom.layout-2 .ui-bottom-qrcode-item-box { border: 1px solid; padding: 10px; } .ui-bottom.layout-2 .ui-bottom-qrcode-item-img { width: 110px; height: 110px; } .ui-bottom.layout-2 .ui-bottom-qrcode-item-box + .ui-bottom-qrcode-item-box { margin-left: 20px; } #jwTongjLabel img { display: block; margin: 0 auto; height: 60px; } .ui-toolbar { position: fixed; right: 5px; top: 350px; z-index: 10; } .ui-toolbar .ui-toolbar-item-aside { padding: 5px; position: absolute; right: 100%; margin-right: 6px; bottom: 0; background: #fff; font-size: 18px; border-radius: 3px; display: none; } .ui-toolbar .ui-toolbar-item-aside::after { content: ''; position: absolute; width: 6px; right: -6px; top: 0; bottom: 0; } .ui-toolbar .ui-toolbar-item-aside-text { text-align: center; padding: 0 10px; white-space: nowrap; } .ui-toolbar .ui-toolbar-item-text { white-space: nowrap; } .ui-toolbar .ui-toolbar-item-aside-img { width: 90px; } .ui-toolbar .ui-toolbar-wrap.layout-0 .ui-toolbar-item-wrap { background: #fff; border: 1px solid #ddd; border-radius: 3px; padding: 5px; position: relative; } .ui-toolbar .ui-toolbar-wrap.layout-0 .ui-toolbar-item-wrap.layout-2:hover .ui-toolbar-item-aside, .ui-toolbar .ui-toolbar-wrap.layout-0 .ui-toolbar-item-wrap.layout-3:hover .ui-toolbar-item-aside, .ui-toolbar .ui-toolbar-wrap.layout-1 .ui-toolbar-item-wrap.layout-2:hover .ui-toolbar-item-aside, .ui-toolbar .ui-toolbar-wrap.layout-1 .ui-toolbar-item-wrap.layout-3:hover .ui-toolbar-item-aside, .ui-toolbar .ui-toolbar-wrap.layout-2 .ui-toolbar-item-wrap.layout-2:hover .ui-toolbar-item-aside, .ui-toolbar .ui-toolbar-wrap.layout-2 .ui-toolbar-item-wrap.layout-3:hover .ui-toolbar-item-aside { display: block; } .ui-toolbar .ui-toolbar-wrap.layout-0 .ui-toolbar-item-wrap + .ui-toolbar-item-wrap, .ui-toolbar .ui-toolbar-wrap.layout-1 .ui-toolbar-item-wrap + .ui-toolbar-item-wrap, .ui-toolbar .ui-toolbar-wrap.layout-2 .ui-toolbar-item-wrap + .ui-toolbar-item-wrap { margin-top: 5px; } .ui-toolbar .ui-toolbar-wrap.layout-0 .ui-toolbar-item { display: block; width: 26px; height: 26px; } .ui-toolbar .ui-toolbar-wrap .ui-toolbar-item-img { height: 100%; width: 100%; vertical-align: top; } .ui-toolbar .ui-toolbar-item-wrap.layout-3 .ui-toolbar-item-aside-text { font-size: 14px; line-height: 20px !important; color: #999 !important; } .ui-toolbar .ui-toolbar-wrap.layout-1 .ui-toolbar-item-wrap { border-radius: 5px; position: relative; } .ui-toolbar .ui-toolbar-wrap.layout-1 .ui-toolbar-item { display: block; width: 50px; height: 50px; } .ui-toolbar .ui-toolbar-wrap.layout-1 .ui-toolbar-item-aside { padding: 15px 15px; border: 1px solid #ddd; border-radius: 3px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .ui-toolbar .ui-toolbar-wrap.layout-1 .ui-toolbar-item-aside-text { line-height: 48px; color: #333; } .ui-toolbar .ui-toolbar-wrap.layout-2 .ui-toolbar-item { display: block; } .ui-toolbar .ui-toolbar-wrap.layout-2 .ui-toolbar-item-wrap { position: relative; padding: 10px; width: 110px; } .ui-toolbar .ui-toolbar-wrap.layout-2 .ui-toolbar-item-img { float: left; width: 26px; height: 26px; } .ui-toolbar .ui-toolbar-wrap.layout-2 .ui-toolbar-item-text { display: inline-block; line-height: 26px; margin-left: 10px; color: #fff; } .ui-toolbar .ui-toolbar-wrap.layout-2 .ui-toolbar-item-wrap + .ui-toolbar-item-wrap { margin-top: 10px; } .ui-toolbar .ui-toolbar-wrap.layout-2 .ui-toolbar-item-wrap + .ui-toolbar-item-wrap:before, .ui-toolbar .ui-toolbar-wrap.layout-2 .ui-toolbar-item-wrap + .ui-toolbar-item-wrap:after { content: ''; position: absolute; height: 10px; bottom: 100%; left: 10px; right: 10px; transform: skewX(-60deg); } .ui-toolbar .ui-toolbar-wrap.layout-2 .ui-toolbar-item-wrap + .ui-toolbar-item-wrap:after { background: #000; opacity: 0.4; } .ui-toolbar .ui-toolbar-wrap.layout-3 .ui-toolbar-head { display: block; width: 130px; padding-top: 10px; height: 55px; border-radius: 65px 65px 0 0; line-height: 55px; text-align: center; font-size: 20px; font-weight: bold; margin-left: 10px; } .ui-toolbar.EN .ui-toolbar-wrap.layout-3 .ui-toolbar-head { font-size: 16px; } .ui-toolbar .ui-toolbar-wrap.layout-3 .ui-toolbar-item-wrap { text-align: center; width: 150px; } .ui-toolbar .ui-toolbar-wrap.layout-3 .ui-toolbar-item-wrap .ui-toolbar-item { background: hsla(0, 0%, 100%, 0.5); display: block; margin-top: 10px; position: relative; font-size: 18px; padding: 5px; } .ui-toolbar .ui-toolbar-wrap.layout-3 .ui-toolbar-item-wrap .ui-toolbar-item::before { content: ''; border-left: 10px solid transparent; border-right: 10px solid transparent; width: 130px; position: absolute; bottom: 100%; left: 0; } .ui-toolbar .ui-toolbar-wrap.layout-3 .ui-toolbar-item-wrap.layout-3 .ui-toolbar-item { padding: 15px 5px; } .ui-toolbar .ui-toolbar-wrap.layout-3 .ui-toolbar-item-wrap.layout-2 .ui-toolbar-item-img { display: none; } .ui-toolbar .ui-toolbar-wrap.layout-3 .ui-toolbar-item-wrap.layout-3 .ui-toolbar-item-img { width: 110px; height: 110px; } .ui-toolbar .ui-toolbar-wrap.layout-3 .ui-toolbar-item-wrap.layout-1 .ui-toolbar-item-img { width: 32px; height: 32px; float: left; margin-left: 5px; } .ui-toolbar .ui-toolbar-wrap.layout-3 .ui-toolbar-item-wrap.layout-1 .ui-toolbar-item-text { line-height: 32px; text-align: left; margin-left: 45px; } .ui-toolbar .ui-toolbar-wrap.layout-3 .ui-toolbar-item-wrap.layout-0 { background: none; } .ui-toolbar .ui-toolbar-wrap.layout-3 .ui-toolbar-item-wrap.layout-0 .ui-toolbar-item { margin-top: 0; background: none; border-left: 75px solid transparent; padding: 0; border-right: 75px solid transparent; } .ui-toolbar .ui-toolbar-wrap.layout-3 .ui-toolbar-item-wrap.layout-0 .ui-toolbar-item-img { position: absolute; width: 32px; height: 32px; margin-left: -16px; margin-top: -62px; } .ui-toolbar .ui-toolbar-wrap.layout-3 .ui-toolbar-item-wrap.layout-0 .ui-toolbar-item:before { display: none; } .ui-toolbar .ui-toolbar-wrap.layout-4 { padding-right: 15px; } .ui-toolbar .ui-toolbar-wrap.layout-4 .ui-toolbar-head { height: 20px; border-radius: 20px; overflow: hidden; margin: 0 -15px; } .ui-toolbar .ui-toolbar-wrap.layout-4 .ui-toolbar-head:before { content: ''; height: 20px; background: rgba(0, 0, 0, 0.2); display: block; height: 100%; } .ui-toolbar .ui-toolbar-wrap.layout-4 .ui-toolbar-body { margin-top: -10px; } .ui-toolbar .ui-toolbar-wrap.layout-4 .ui-toolbar-item-wrap { text-align: center; width: 150px; } .ui-toolbar .ui-toolbar-wrap.layout-4 .ui-toolbar-item-wrap .ui-toolbar-item { display: block; position: relative; font-size: 18px; padding: 5px; } .ui-toolbar .ui-toolbar-wrap.layout-4 .ui-toolbar-item-wrap + .ui-toolbar-item-wrap:before { content: ''; display: block; border-top: 1px solid hsla(0, 0%, 100%, 0.3); margin: 0 15px; } .ui-toolbar .ui-toolbar-wrap.layout-4 .ui-toolbar-item-wrap.layout-3 .ui-toolbar-item-img { width: 110px; height: 110px; } .ui-toolbar .ui-toolbar-wrap.layout-4 .ui-toolbar-item-wrap.layout-1 .ui-toolbar-item-img { width: 32px; height: 32px; float: left; margin-left: 5px; } .ui-toolbar .ui-toolbar-wrap.layout-4 .ui-toolbar-item-wrap.layout-1 .ui-toolbar-item-text { line-height: 32px; text-align: left; margin-left: 45px; } .ui-toolbar .ui-toolbar-wrap.layout-4 .ui-toolbar-item-wrap.layout-0 { background: none; } .ui-toolbar .ui-toolbar-wrap.layout-4 .ui-toolbar-item-wrap.layout-0:before { display: none; } .ui-toolbar .ui-toolbar-wrap.layout-4 .ui-toolbar-item-wrap.layout-0 .ui-toolbar-item { padding: 0; } .ui-toolbar .ui-toolbar-wrap.layout-4 .ui-toolbar-item-wrap.layout-0 .ui-toolbar-item:before { content: ''; position: absolute; left: 0; border-bottom: 75px solid transparent; } .ui-toolbar .ui-toolbar-wrap.layout-4 .ui-toolbar-item-wrap.layout-0 .ui-toolbar-item-text { padding: 10px 20px; border-radius: 20px; font-size: 14px; display: inline-block; margin-top: 55px; } @keyframes ui-float-light { 0% { height: 25px; } 50% { height: 50px; } 100% { height: 25px; } } .ui-float { z-index: 999; position: fixed; bottom: 0; left: 0; right: 0; height: 0; } .ui-float .main { position: relative; } .ui-float .ui-float-open-box { position: absolute; left: 0; right: 0; bottom: 0; transition: all 0.3s; } .ui-float.close .ui-float-open-box { margin-right: 100%; opacity: 0; overflow: hidden; } .ui-float .ui-float-close-box { position: absolute; left: 0; bottom: 20px; opacity: 0; transition: all 0.3s; } .ui-float.close .ui-float-close-box { margin-left: 0; opacity: 1; } .ui-float .ui-float-icon { position: absolute; top: 0; right: 15px; color: #fff; } .ui-float .ui-float-icon:before { content: ''; display: block; border-left: 2px solid; height: 25px; margin-left: 21px; } .ui-float .ui-float-icon.active::before { animation: 0.5s ease-in-out 0s ui-float-light; } .ui-float .icon-guanbi { display: block; border-radius: 50%; border: 2px solid; height: 40px; width: 40px; line-height: 40px; text-align: center; font-size: 32px; } .huxing-picker { position: absolute; width: 450px; z-index: 2000; display: none; } .huxing-picker .list { position: relative; background: #ffffff; border: 1px solid #eeeeee; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); overflow: hidden; padding: 20px; animation: fadeUp 0.3s ease; } .huxing-picker .list dl { float: left; width: 20%; } .huxing-picker .list dl dd:hover span { background: rgba(255, 135, 18, 0.2); } .huxing-picker .list dl dd.active span { background: #ff8712; color: #ffffff; } .huxing-picker .list dl dd span { display: block; margin: 5px; height: 30px; line-height: 30px; border-radius: 3px; text-align: center; cursor: pointer; } .ui-random .center-0 { padding: 0 30px 20px; background: #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); margin: 0 0 40px; } .ui-random .center-0 .head { height: 60px; line-height: 60px; } .ui-random .center-0 .head h2 { font-size: 18px; font-weight: 400; } .ui-random .center-0 .list, .ui-random .center-0 .scroll { position: relative; overflow: hidden; } .ui-random .center-0 .list { width: 100%; } .ui-random .center-0 .item { float: left; width: 25%; } .ui-random .center-0 .cell { margin: 0 20px; } .ui-random .center-0 .img, .ui-random .center-0 .mack { position: relative; } .ui-random .center-0 .img img { display: block; width: 100%; object-fit: cover; } .ui-random .center-0 .exp { position: relative; text-align: center; } .ui-random .center-0 .exp h3 { line-height: 60px; font-size: 16px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /********************** * ui-download-container *********************/ .ui-download-container { height: 56px; display: none; } .ui-download { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999; height: 56px; background: #ffffff; border-top: 1px solid #dadce0; } .ui-download .list { position: relative; overflow: hidden; } .ui-download .item { float: left; position: relative; padding: 6px 20px; } .ui-download .item::before { content: ''; position: absolute; right: 0; top: 50%; margin: -22px 0 0 0; height: 44px; border-right: 1px solid #ced0d1; } .ui-download .item:hover { background: #f5f5f5; } .ui-download .cell { position: relative; padding: 0 50px 0 30px; } .ui-download .cell i.iconyun { position: absolute; left: 0; top: 50%; margin: -10px 0 0 0; } .ui-download .cell h3 { height: 44px; line-height: 44px; font-weight: normal; } .ui-download .cell i.load { position: absolute; right: 0; top: 50%; margin: -10px 0 0 0; width: 20px; height: 20px; background: url(//saas-image.jingwxcx.com/upload_files/2021/01/20/fe7bde1b1d3cc4e13aecf1bf360fb16a.gif) center center no-repeat; background-size: 20px; } body > a[href^="https://www.#"] { display: none; } /**************** * 百度地圖 ***************/ .jio-bdmap-winfo h3 { line-height: 1.1; margin: 0 0 6px 0; font-weight: bold; color: #000000; } .jio-bdmap-winfo p { line-height: 1.1; margin: 0 0 6px 0; color: #666666; } .ui-design-team { margin: 0 auto; width: 1200px; padding: 8px 16px; min-height: 80px; display: flex; flex-wrap: wrap; } .ui-design-team .avatar-wrap { display: inline-block; position: relative; box-sizing: border-box; transition: width 1s, padding-bottom 1s; } .ui-design-team .avatar-wrap .avatar { border: 3px solid #fff; position: absolute; width: 100%; height: 100%; box-sizing: border-box; object-fit: cover; } .ui-design-team .avatar-wrap .details { display: flex; flex-direction: column; align-items: center; position: absolute; justify-content: space-around; width: 100%; height: 0; background: salmon; transition: height 0.3s ease; bottom: 0; opacity: 0.8; overflow: hidden; color: #f2f2f2; } .ui-design-team .avatar-wrap .details .name { font-size: 22px; } .ui-design-team .avatar-wrap .details .title { font-size: 16px; text-align: center; } .ui-design-team .avatar-wrap .details .detail-btn { padding: 8px 48px; border: 1px solid #f2f2f2; background: none; border-radius: 20px; color: #f2f2f2; cursor: pointer; } .ui-design-team .avatar-wrap:hover .details { height: 100%; } .ui-renova-example { margin: 0 auto; width: 1200px; min-height: 80px; padding: 8px 16px; display: flex; flex-wrap: wrap; } .ui-renova-example .renova-wrap { display: inline-block; position: relative; box-sizing: border-box; transition: width 1s, padding-bottom 1s; } .ui-renova-example .renova-wrap .renova { border: 3px solid #fff; position: absolute; width: 100%; height: 100%; box-sizing: border-box; object-fit: cover; } .ui-renova-example .renova-wrap .details { display: flex; align-items: center; justify-content: center; position: absolute; width: 100%; height: 0; transition: height 0.3s ease; bottom: 0; opacity: 0.8; overflow: hidden; color: #fff; background: #333; border: 3px solid #fff; box-sizing: border-box; border-top: none; } .ui-renova-example .renova-wrap .details .title { font-size: 14px; cursor: pointer; } .ui-renova-example .renova-wrap:hover .details { height: 50px; } .ui-pagination { margin: 36px 0; display: flex; justify-content: center; } .ui-pagination .page-block { padding: 0 15px; display: inline-block; font-size: 16px; height: 36px; line-height: 36px; cursor: pointer; box-sizing: border-box; text-align: center; margin: 0 5px; min-width: 30px; border-radius: 2px; } .ui-pagination .page-block:hover, .ui-pagination .page-block.active { color: #fff; } .saas-dialog { position: fixed; z-index: 100; display: none; } .saas-dialog.p0 { left: 0; top: 0; right: 0; bottom: 0; } .saas-dialog.p0 .saas-dialog-layer { position: absolute; left: 50%; top: 50%; z-index: 2; transform: translate(-50%, -50%); } .saas-dialog.p0 .saas-dialog-animation { animation: zoomIn 0.3s ease; } .saas-dialog.p0 .saas-dialog-shadow { position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 0; background: rgba(0, 0, 0, 0.6); } .saas-dialog.p1 { left: 0; bottom: 0; } .saas-dialog.p1 .saas-dialog-animation { animation: fadeInUp 0.5s ease; } .saas-dialog.p2 { right: 0; bottom: 0; } .saas-dialog.p2 .saas-dialog-animation { animation: fadeInUp 0.5s ease; } .saas-dialog .saas-dialog-head { display: none; } .saas-dialog .saas-dialog-main { position: relative; } .saas-dialog .saas-dialog-container { position: relative; overflow: hidden; } .saas-dialog .saas-dialog-close { position: absolute; right: 0; top: -45px; padding: 10px; z-index: 999; } .saas-dialog .saas-dialog-close i { display: block; width: 24px; height: 24px; border: 1px solid #d7d7d7; border-radius: 50%; cursor: pointer; transform: rotate(45deg); transition: all 0.3s ease; } .saas-dialog .saas-dialog-close i:hover { transform: rotate(225deg); } .saas-dialog .saas-dialog-close i::before { content: ''; position: absolute; left: 6px; right: 6px; top: 50%; border-bottom: 1px solid #d7d7d7; } .saas-dialog .saas-dialog-close i::after { content: ''; position: absolute; top: 6px; bottom: 6px; left: 50%; border-left: 1px solid #d7d7d7; } /** * ui-effect-number */ .ui-effect-number { position: absolute; } .ui-effect-number .inner { position: relative; overflow: hidden; } .ui-effect-number .inner .number.is-animate { display: none; } .ui-effect-number .inner .number span { display: block; } .ui-effect-number .inner .dynamic { position: absolute; left: 0; right: 0; top: 0; display: none; } .ui-effect-number .inner .dynamic.is-animate { display: block; animation: scroll-y ease both; } /** * 統計代碼邏輯調整 */ #jwTongji { display: none; } /*# sourceMappingURL=pc.css.map */一级黄色片免费_国产精品视频免费_国产精品无码久久久久久免费_91美女秘 片黄在线观看
<ruby id="i8zpm"></ruby>
<rp id="i8zpm"><menu id="i8zpm"></menu></rp>

    • 

      • <source id="i8zpm"></source>