.page-404 { height: 440px; } .page-404 .wrapper { text-align: center; } .page-404 .wrapper .c1 { color: #226ce7; font-size: 130px; font-weight: bold; height: 90px; margin-top: 150px; } .page-404 .wrapper .c2 { font-size: 18px; height: 30px; } .page-404 .wrapper .c3 { font-size: 15px; } .page-404 .wrapper .btn { margin-top: 20px; } @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; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-multirow-column > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-container-pointer-events { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-container-pointer-events.swiper-container-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } /* 3D Effects */ .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .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-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .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-slide-shadow-bottom { 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: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); 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: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); 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: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); 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: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .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 { -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; } .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } .homepage-box { min-width: 1357px; } .homepage-box .homepage-container .homepage-banner-box { width: 100%; height: 355px; background: url("/static/images/homepage/bannerBg.png") no-repeat center / auto; margin-bottom: 45px; -webkit-box-sizing: border-box; box-sizing: border-box; } .homepage-box .homepage-container .homepage-banner-box .homepage-banner-container { height: 100%; } .homepage-box .homepage-container .homepage-banner-box .homepage-banner-container .homepage-banner-content { max-width: 1152px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 45px; } .homepage-box .homepage-container .homepage-banner-box .homepage-banner-container .homepage-banner-content .homepage-banner-left > h2 { font-size: 40px; font-weight: 600; color: #33363b; line-height: 56px; opacity: 0; } .homepage-box .homepage-container .homepage-banner-box .homepage-banner-container .homepage-banner-content .homepage-banner-left > p { font-size: 24px; font-weight: 400; color: #6d747f; line-height: 33px; margin: 16px 0 28px; opacity: 0; } .homepage-box .homepage-container .homepage-banner-box .homepage-banner-container .homepage-banner-content .homepage-banner-left .advert-list { display: -webkit-box; display: -ms-flexbox; display: flex; width: 620px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .homepage-box .homepage-container .homepage-banner-box .homepage-banner-container .homepage-banner-content .homepage-banner-left .advert-list .advert-item { width: 294px; height: 90px; background: #ffffff; -webkit-box-shadow: 0px 10px 15px 0px rgba(216, 226, 240, 0.3); box-shadow: 0px 10px 15px 0px rgba(216, 226, 240, 0.3); border-radius: 4px; margin-right: 16px; margin-top: 16px; padding: 22px 16px; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 0; background-size: cover; background-repeat: no-repeat; } .homepage-box .homepage-container .homepage-banner-box .homepage-banner-container .homepage-banner-content .homepage-banner-left .advert-list .advert-item:hover { background: url("/static/images/homepage/advertBg.png") no-repeat center / 100% 100%; } .homepage-box .homepage-container .homepage-banner-box .homepage-banner-container .homepage-banner-content .homepage-banner-left .advert-list .advert-item > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .homepage-box .homepage-container .homepage-banner-box .homepage-banner-container .homepage-banner-content .homepage-banner-left .advert-list .advert-item > a > img { display: inline-block; width: 46px; } .homepage-box .homepage-container .homepage-banner-box .homepage-banner-container .homepage-banner-content .homepage-banner-left .advert-list .advert-item > a .banner-left-content { padding-left: 16px; } .homepage-box .homepage-container .homepage-banner-box .homepage-banner-container .homepage-banner-content .homepage-banner-left .advert-list .advert-item > a .banner-left-content > h4 { font-size: 16px; font-weight: 600; color: #33363b; line-height: 22px; height: 22px; overflow: hidden; } .homepage-box .homepage-container .homepage-banner-box .homepage-banner-container .homepage-banner-content .homepage-banner-left .advert-list .advert-item > a .banner-left-content > p { font-size: 14px; font-weight: 400; color: #33363b; line-height: 20px; height: 20px; overflow: hidden; } .homepage-box .homepage-container .homepage-banner-box .homepage-banner-container .homepage-banner-content .homepage-banner-right { width: 486px; height: 361px; overflow: hidden; opacity: 0; } .homepage-box .homepage-container .homepage-banner-box .homepage-banner-container .homepage-banner-content .homepage-banner-right .banner-swiper { height: 2924px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .homepage-box .homepage-container .homepage-banner-box .homepage-banner-container .homepage-banner-content .homepage-banner-right img { display: inline-block; width: 446px; } .homepage-box .homepage-container .homepage-banner-box .homepage-banner-container .homepage-banner-content .homepage-banner-right .swiper-container-vertical > .swiper-pagination-bullets { top: 120px !important; position: absolute; right: 0px; } .homepage-box .homepage-container .homepage-banner-box .homepage-banner-container .homepage-banner-content .homepage-banner-right .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { width: 6px; height: 28px; background: #e0e8f7; opacity: 1; border-radius: 0; display: block; margin-bottom: 5px; } .homepage-box .homepage-container .homepage-banner-box .homepage-banner-container .homepage-banner-content .homepage-banner-right .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet-active { background: #3e94f9; } .homepage-box .homepage-container .homepage-product-box { background: #ffffff; } .homepage-box .homepage-container .homepage-product-box .homepage-product-container { padding-top: 64px; } .homepage-box .homepage-container .homepage-product-box .homepage-product-container .homepage-product-content { max-width: 1152px; margin: 0 auto; } .homepage-box .homepage-container .homepage-product-box .homepage-product-container .homepage-product-content .product-title { font-size: 32px; font-weight: 600; color: #33363b; line-height: 45px; --animate-delay: 0.5s; opacity: 0; } .homepage-box .homepage-container .homepage-product-box .homepage-product-container .homepage-product-content .product-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 32px 0 64px; --animate-delay: 1s; opacity: 0; } .homepage-box .homepage-container .homepage-product-box .homepage-product-container .homepage-product-content .product-list .product-item { width: calc((100% - 24px)/2); position: relative; border-radius: 4px; background: #f7f9fc; border: 1px solid transparent; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px 30px 24px 30px; } .homepage-box .homepage-container .homepage-product-box .homepage-product-container .homepage-product-content .product-list .product-item::before { content: ""; display: block; position: absolute; width: 50px; height: 1px; right: 24px; top: 54px; background-color: #999ea8; } .homepage-box .homepage-container .homepage-product-box .homepage-product-container .homepage-product-content .product-list .product-item::after { content: ""; display: block; position: absolute; right: 25px; top: 52px; width: 8px; height: 8px; margin-top: -2px; border-color: hsla(0, 0%, 100%, 0.8); border-bottom: 1px solid #999ea8; border-right: 1px solid #999ea8; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(-45deg); } .homepage-box .homepage-container .homepage-product-box .homepage-product-container .homepage-product-content .product-list .product-item:hover { background: #fff url("/static/images/homepage/proBg.png") no-repeat center / auto; -webkit-box-shadow: 0px 10px 15px 0px rgba(216, 226, 240, 0.3); box-shadow: 0px 10px 15px 0px rgba(216, 226, 240, 0.3); border-radius: 4px; border: 1px solid rgba(230, 234, 239, 0.3); } .homepage-box .homepage-container .homepage-product-box .homepage-product-container .homepage-product-content .product-list .product-item:hover::before { background-color: #0b6fd6; } .homepage-box .homepage-container .homepage-product-box .homepage-product-container .homepage-product-content .product-list .product-item:hover::after { border-color: #0b6fd6; } .homepage-box .homepage-container .homepage-product-box .homepage-product-container .homepage-product-content .product-list .product-item:nth-child(2) ~ .product-item { margin-top: 24px; } .homepage-box .homepage-container .homepage-product-box .homepage-product-container .homepage-product-content .product-list .product-item:nth-child(odd) { margin-right: 24px; } .homepage-box .homepage-container .homepage-product-box .homepage-product-container .homepage-product-content .product-list .product-item > a { display: block; } .homepage-box .homepage-container .homepage-product-box .homepage-product-container .homepage-product-content .product-list .product-item > a > h4 { font-size: 24px; font-weight: 600; color: #33363b; line-height: 33px; } .homepage-box .homepage-container .homepage-product-box .homepage-product-container .homepage-product-content .product-list .product-item > a > p { font-size: 14px; font-weight: 400; color: #686c78; line-height: 20px; padding: 8px 0 10px; max-width: 392px; } .homepage-box .homepage-container .homepage-product-box .homepage-product-container .homepage-product-content .product-list .product-item > a .product-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .homepage-box .homepage-container .homepage-product-box .homepage-product-container .homepage-product-content .product-list .product-item > a .product-bottom .product-bottom-left .product-data { font-size: 72px; font-weight: bold; color: #0b6fd6; line-height: 78px; font-family: "BebasKai-Regular"; } @font-face { font-family: "BebasKai-Regular"; /* */ src: url("/static/fonts/BebasKai-Regular.otf"); /* IE9 Compat Modes */ /*这里以及下面的src后面的地址填的都是自己本地的相对地址*/ font-style: normal; } .homepage-box .homepage-container .homepage-product-box .homepage-product-container .homepage-product-content .product-list .product-item > a .product-bottom .product-bottom-left .product-data .unit { font-size: 22px; font-weight: 600; color: #0b6fd6; line-height: 28px; display: inline-block; vertical-align: 34px; padding-left: 9px; } .homepage-box .homepage-container .homepage-product-box .homepage-product-container .homepage-product-content .product-list .product-item > a .product-bottom .product-bottom-left .product-intro { font-size: 14px; font-weight: 400; color: #686c78; line-height: 20px; max-width: 187px; margin-top: 16px; } .homepage-box .homepage-container .homepage-product-box .homepage-product-container .homepage-product-content .product-list .product-item > a .product-bottom .product-bottom-right { width: 240px; } .homepage-box .homepage-container .homepage-product-box .homepage-product-container .homepage-product-content .product-list .product-item > a .product-bottom .product-bottom-right > img { display: inline-block; width: 100%; } .homepage-box .homepage-container .homepage-platform-box { background: #f7f9fc; padding: 48px 0 56px; } .homepage-box .homepage-container .homepage-platform-box .homepage-platform-container { opacity: 0; } .homepage-box .homepage-container .homepage-platform-box .homepage-platform-container .homepage-platform-content { max-width: 1152px; margin: 0 auto; } .homepage-box .homepage-container .homepage-platform-box .homepage-platform-container .homepage-platform-content > h2 { font-size: 32px; font-weight: 600; color: #33363b; line-height: 45px; opacity: 0; } .homepage-box .homepage-container .homepage-platform-box .homepage-platform-container .homepage-platform-content .platform-tab { padding-top: 32px; } .homepage-box .homepage-container .homepage-platform-box .homepage-platform-container .homepage-platform-content .platform-tab .platform-tab-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 544px; } .homepage-box .homepage-container .homepage-platform-box .homepage-platform-container .homepage-platform-content .platform-tab .platform-tab-head .tab-head-item { display: inline-block; font-size: 16px; font-weight: 400; color: #686c78; line-height: 24px; position: relative; cursor: pointer; } .homepage-box .homepage-container .homepage-platform-box .homepage-platform-container .homepage-platform-content .platform-tab .platform-tab-head .tab-head-item:hover { color: #0b6fd6; } .homepage-box .homepage-container .homepage-platform-box .homepage-platform-container .homepage-platform-content .platform-tab .platform-tab-head .tab-head-item::after { content: ""; position: absolute; left: 0; right: 0; bottom: -8px; width: 0; height: 3px; background-color: #0b6fd6; margin: auto; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .homepage-box .homepage-container .homepage-platform-box .homepage-platform-container .homepage-platform-content .platform-tab .platform-tab-head .active { font-weight: 600; color: #0b6fd6; } .homepage-box .homepage-container .homepage-platform-box .homepage-platform-container .homepage-platform-content .platform-tab .platform-tab-head .active::after { width: 100%; } .homepage-box .homepage-container .homepage-platform-box .homepage-platform-container .homepage-platform-content .platform-tab .platform-tab-body { margin-top: 24px; background: #ffffff; } .homepage-box .homepage-container .homepage-platform-box .homepage-platform-container .homepage-platform-content .platform-tab .platform-tab-body .tab-body-container { width: 100%; padding: 0 67px 0 57px; -webkit-box-sizing: border-box; box-sizing: border-box; display: none; } .homepage-box .homepage-container .homepage-platform-box .homepage-platform-container .homepage-platform-content .platform-tab .platform-tab-body .tab-body-container .tab-body-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 184px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .homepage-box .homepage-container .homepage-platform-box .homepage-platform-container .homepage-platform-content .platform-tab .platform-tab-body .tab-body-container .tab-body-content .tab-body-content-left { width: 441px; padding-right: 100px; -webkit-box-sizing: border-box; box-sizing: border-box; } .homepage-box .homepage-container .homepage-platform-box .homepage-platform-container .homepage-platform-content .platform-tab .platform-tab-body .tab-body-container .tab-body-content .tab-body-content-left > h4 { font-size: 18px; font-weight: 600; color: #33363b; line-height: 25px; margin-bottom: 21px; } .homepage-box .homepage-container .homepage-platform-box .homepage-platform-container .homepage-platform-content .platform-tab .platform-tab-body .tab-body-container .tab-body-content .tab-body-content-left > p { max-width: 376px; font-size: 14px; font-weight: 400; color: #686c78; line-height: 20px; } .homepage-box .homepage-container .homepage-platform-box .homepage-platform-container .homepage-platform-content .platform-tab .platform-tab-body .tab-body-container .tab-body-content .tab-body-content-right { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .homepage-box .homepage-container .homepage-platform-box .homepage-platform-container .homepage-platform-content .platform-tab .platform-tab-body .tab-body-container .tab-body-content .tab-body-content-right .product-item > a { display: block; } .homepage-box .homepage-container .homepage-platform-box .homepage-platform-container .homepage-platform-content .platform-tab .platform-tab-body .tab-body-container .tab-body-content .tab-body-content-right .product-item > a .product-item-img { width: 70px; height: 70px; background-image: url("/static/images/homepage/platform-product-icon.png"); background-size: 403px 320px; background-repeat: no-repeat; background-position: center; margin: 0 auto; border-radius: 50%; } .homepage-box .homepage-container .homepage-platform-box .homepage-platform-container .homepage-platform-content .platform-tab .platform-tab-body .tab-body-container .tab-body-content .tab-body-content-right .product-item > a .product-item-name { font-size: 14px; font-weight: 400; color: #33363b; line-height: 20px; padding-top: 3px; } .homepage-box .homepage-container .homepage-platform-box .homepage-platform-container .homepage-platform-content .platform-tab .platform-tab-body .show { display: block !important; } @-webkit-keyframes fadeIn { 0% { -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @keyframes fadeIn { 0% { -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } .homepage-box .homepage-container .homepage-platform-box .homepage-platform-container .homepage-platform-content .platform-fadeIn { opacity: 1 !important; -webkit-transition: 4s; -o-transition: 4s; transition: 4s; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .homepage-box .homepage-container .homepage-zhongbao-box { background: #fff; min-height: 430px; } .homepage-box .homepage-container .homepage-zhongbao-box .homepage-zhongbao-container { max-width: 1152px; margin: 0 auto; background: url("/static/images/homepage/zhongbao.png") no-repeat left center / 460px auto; } .homepage-box .homepage-container .homepage-zhongbao-box .homepage-zhongbao-container .homepage-zhongbao-content { padding: 64px 0 91px 480px; } .homepage-box .homepage-container .homepage-zhongbao-box .homepage-zhongbao-container .homepage-zhongbao-content > h2 { font-size: 32px; font-weight: 600; color: #33363b; line-height: 45px; opacity: 0; } .homepage-box .homepage-container .homepage-zhongbao-box .homepage-zhongbao-container .homepage-zhongbao-content .des { height: 48px; font-size: 16px; font-weight: 400; color: #686c78; line-height: 24px; padding: 24px 0 16px; opacity: 0; } .homepage-box .homepage-container .homepage-zhongbao-box .homepage-zhongbao-container .homepage-zhongbao-content .goTo { font-size: 16px; font-weight: 600; color: #0b6fd6; line-height: 22px; padding-bottom: 42px; opacity: 0; } .homepage-box .homepage-container .homepage-zhongbao-box .homepage-zhongbao-container .homepage-zhongbao-content .zhongbao-datalist { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .homepage-box .homepage-container .homepage-zhongbao-box .homepage-zhongbao-container .homepage-zhongbao-content .zhongbao-datalist .data-content .data { font-size: 40px; font-weight: 600; color: #33363b; line-height: 56px; } .homepage-box .homepage-container .homepage-zhongbao-box .homepage-zhongbao-container .homepage-zhongbao-content .zhongbao-datalist .data-content .data-des { font-size: 16px; font-weight: 400; color: #33363b; line-height: 22px; } .homepage-box .homepage-container .homepage-industry-box { background: url("/static/images/homepage/industrybg.png") no-repeat center / cover; min-height: 539px; } .homepage-box .homepage-container .homepage-industry-box .homepage-industry-container { max-width: 1152px; margin: 0 auto; padding: 66px 0 64px; } .homepage-box .homepage-container .homepage-industry-box .homepage-industry-container .homepage-industry-content .industry-top-container { background: url(/static/images/homepage/pic.png) no-repeat right center / 526px 226px; } .homepage-box .homepage-container .homepage-industry-box .homepage-industry-container .homepage-industry-content .industry-top-container .industry-header { margin-bottom: 62px; } .homepage-box .homepage-container .homepage-industry-box .homepage-industry-container .homepage-industry-content .industry-top-container .industry-header > h2 { font-size: 32px; font-weight: 600; color: #ffffff; line-height: 45px; } .homepage-box .homepage-container .homepage-industry-box .homepage-industry-container .homepage-industry-content .industry-top-container .industry-header .industry-des { font-size: 16px; font-weight: 400; color: #ffffff; line-height: 22px; padding: 8px 0 16px; } .homepage-box .homepage-container .homepage-industry-box .homepage-industry-container .homepage-industry-content .industry-top-container .industry-header .goto-customer { font-size: 16px; font-weight: 600; color: #0b6fd6; line-height: 22px; } .homepage-box .homepage-container .homepage-industry-box .homepage-industry-container .homepage-industry-content .industry-top-container .industry-tab { display: -webkit-box; display: -ms-flexbox; display: flex; width: 396px; margin-left: -10px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .homepage-box .homepage-container .homepage-industry-box .homepage-industry-container .homepage-industry-content .industry-top-container .industry-tab .active { width: 88px !important; height: 94px !important; background: url("/static/images/homepage/industryhover.png") no-repeat center bottom / 84px 88px !important; } .homepage-box .homepage-container .homepage-industry-box .homepage-industry-container .homepage-industry-content .industry-top-container .industry-tab .industry-tab-item { width: 80px; height: 92px; background: url("/static/images/homepage/industry.png") no-repeat center / contain; border-radius: 2px; text-align: center; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .homepage-box .homepage-container .homepage-industry-box .homepage-industry-container .homepage-industry-content .industry-top-container .industry-tab .industry-tab-item .industry-tab-icon { display: inline-block; width: 32px; height: 32px; background-size: cover; background-repeat: no-repeat; background-position: center; } .homepage-box .homepage-container .homepage-industry-box .homepage-industry-container .homepage-industry-content .industry-top-container .industry-tab .industry-tab-item .industry-name { font-size: 14px; font-weight: 400; color: #ffffff; line-height: 20px; } .homepage-box .homepage-container .homepage-industry-box .homepage-industry-container .homepage-industry-content .industry-bottom-right { padding-top: 40px; } .homepage-box .homepage-container .homepage-industry-box .homepage-industry-container .homepage-industry-content .industry-bottom-right .show { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .homepage-box .homepage-container .homepage-industry-box .homepage-industry-container .homepage-industry-content .industry-bottom-right .industry-bottom-content { display: none; } .homepage-box .homepage-container .homepage-industry-box .homepage-industry-container .homepage-industry-content .industry-bottom-right .industry-bottom-content .industry-bottom-imglist { height: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; padding: 20px 16px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background: #ffffff; } .homepage-box .homepage-container .homepage-industry-box .homepage-industry-container .homepage-industry-content .industry-bottom-right .industry-bottom-content .industry-bottom-imglist > div { width: 30%; border: 1px solid #e6eaef; -webkit-box-sizing: border-box; box-sizing: border-box; height: 56px; margin: 8px; position: relative; } .homepage-box .homepage-container .homepage-industry-box .homepage-industry-container .homepage-industry-content .industry-bottom-right .industry-bottom-content .industry-bottom-imglist > div > img { display: inline-block; width: 80%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .homepage-box .homepage-container .homepage-industry-box .homepage-industry-container .homepage-industry-content .industry-bottom-right .industry-bottom-content .industry-bottom-text { padding-left: 44px; position: relative; } .homepage-box .homepage-container .homepage-industry-box .homepage-industry-container .homepage-industry-content .industry-bottom-right .industry-bottom-content .industry-bottom-text .case-content { font-size: 14px; font-weight: 400; color: #ffffff; line-height: 20px; padding-top: 24px; } .homepage-box .homepage-container .homepage-industry-box .homepage-industry-container .homepage-industry-content .industry-bottom-right .industry-bottom-content .industry-bottom-text .case-title { font-size: 14px; font-weight: 400; color: #ffffff; line-height: 20px; position: absolute; right: 0; bottom: 0; } .homepage-box .homepage-container .homepage-industry-box .homepage-industry-container .homepage-industry-content .industry-bottom-right .industry-bottom-content .industry-bottom-text .case-title::before { content: ""; display: inline-block; width: 30px; height: 1px; background-color: #fff; vertical-align: middle; margin-right: 8px; } .homepage-box .homepage-container .homepage-reason-box { padding: 64px 0; background: url("/static/images/homepage/reasonbg.png") no-repeat center / cover; min-height: 878px; } .homepage-box .homepage-container .homepage-reason-box .homepage-reason-container { max-width: 1152px; margin: 0 auto; } .homepage-box .homepage-container .homepage-reason-box .homepage-reason-container .homepage-reason-content .homepage-reason-part > h2 { font-size: 32px; font-weight: 600; color: #33363b; line-height: 45px; } .homepage-box .homepage-container .homepage-reason-box .homepage-reason-container .homepage-reason-content .homepage-reason-part .reason-des { font-size: 16px; font-weight: 400; color: #686c78; line-height: 24px; padding: 8px 0 32px; } .homepage-box .homepage-container .homepage-reason-box .homepage-reason-container .homepage-reason-content .homepage-reason-part .homepage-reason-list-container { background: #ffffff; border-radius: 4px; width: 100%; padding: 56px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .homepage-box .homepage-container .homepage-reason-box .homepage-reason-container .homepage-reason-content .homepage-reason-part .homepage-reason-list-container .homepage-reason-list-tab { width: 306px; } .homepage-box .homepage-container .homepage-reason-box .homepage-reason-container .homepage-reason-content .homepage-reason-part .homepage-reason-list-container .homepage-reason-list-tab .reason-list-tab-item { padding-bottom: 32px; font-size: 16px; font-weight: 400; color: #686c78; line-height: 24px; cursor: pointer; } .homepage-box .homepage-container .homepage-reason-box .homepage-reason-container .homepage-reason-content .homepage-reason-part .homepage-reason-list-container .homepage-reason-list-tab .reason-list-tab-item:last-child { padding-bottom: 0; } .homepage-box .homepage-container .homepage-reason-box .homepage-reason-container .homepage-reason-content .homepage-reason-part .homepage-reason-list-container .homepage-reason-list-tab .active { color: #0b6fd6; } .homepage-box .homepage-container .homepage-reason-box .homepage-reason-container .homepage-reason-content .homepage-reason-part .homepage-reason-list-container .homepage-reason-list-tab .active > i { width: 32px; height: 32px; display: inline-block; background-position: center; background-repeat: no-repeat; background-size: contain; margin-right: 8px; } .homepage-box .homepage-container .homepage-reason-box .homepage-reason-container .homepage-reason-content .homepage-reason-part .homepage-reason-list-container .homepage-reason-list-tab .active::after { content: ""; display: inline-block; height: 1px; width: 146px; background-color: #0b6fd6; vertical-align: 6px; margin-left: 8px; } .homepage-box .homepage-container .homepage-reason-box .homepage-reason-container .homepage-reason-content .homepage-reason-part .homepage-reason-list-container .homepage-reason-list { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 226px; } .homepage-box .homepage-container .homepage-reason-box .homepage-reason-container .homepage-reason-content .homepage-reason-part .homepage-reason-list-container .homepage-reason-list .show { display: block !important; } .homepage-box .homepage-container .homepage-reason-box .homepage-reason-container .homepage-reason-content .homepage-reason-part .homepage-reason-list-container .homepage-reason-list .reason-list-item { display: none; } .homepage-box .homepage-container .homepage-reason-box .homepage-reason-container .homepage-reason-content .homepage-reason-part .homepage-reason-list-container .homepage-reason-list .reason-list-item > h2 { font-size: 24px; font-weight: 600; color: #33363b; line-height: 33px; padding-bottom: 22px; } .homepage-box .homepage-container .homepage-reason-box .homepage-reason-container .homepage-reason-content .homepage-reason-part .homepage-reason-list-container .homepage-reason-list .reason-list-item > h2 > a { display: inline-block; vertical-align: bottom; padding: 6px 9px; border-radius: 2px; border: 1px solid #e6eaef; font-size: 12px; font-weight: 400; color: #686c78; line-height: 20px; margin-left: 25px; } .homepage-box .homepage-container .homepage-reason-box .homepage-reason-container .homepage-reason-content .homepage-reason-part .homepage-reason-list-container .homepage-reason-list .reason-list-item .intro-list { height: 200px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .homepage-box .homepage-container .homepage-reason-box .homepage-reason-container .homepage-reason-content .homepage-reason-part .homepage-reason-list-container .homepage-reason-list .reason-list-item .intro-list .intro-item > i { width: 38px; height: 38px; display: inline-block; vertical-align: middle; background-position: center; background-repeat: no-repeat; background-size: 193px 192px; margin-right: 12px; background-image: url("/static/images/homepage/reasonListIcon.png"); } .homepage-box .homepage-container .homepage-reason-box .homepage-reason-container .homepage-reason-content .homepage-reason-part .homepage-reason-list-container .homepage-reason-list .reason-list-item .intro-list .intro-item > span { display: inline-block; max-width: 320px; vertical-align: middle; } .homepage-box .homepage-container .homepage-reason-box .homepage-reason-container .homepage-reason-content .homepage-system-part { padding-top: 64px; } .homepage-box .homepage-container .homepage-reason-box .homepage-reason-container .homepage-reason-content .homepage-system-part > h2 { font-size: 32px; font-weight: 600; color: #33363b; line-height: 45px; padding-bottom: 48px; } .homepage-box .homepage-container .homepage-reason-box .homepage-reason-container .homepage-reason-content .homepage-system-part .system-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .homepage-box .homepage-container .homepage-reason-box .homepage-reason-container .homepage-reason-content .homepage-system-part .system-list .system-item { background: url("/static/images/homepage/systemIcon.png") no-repeat; width: 212px; height: 244px; background-size: 666px 508px; background-repeat: no-repeat; } .homepage-box .homepage-container .homepage-reason-box .homepage-reason-container .homepage-reason-content .homepage-system-part .system-list .system-item:hover { -webkit-box-shadow: 0px 10px 15px 0px #d8e2f04d; box-shadow: 0px 10px 15px 0px #d8e2f04d; border-color: rgba(230, 234, 239, 0.3); } .homepage-box .homepage-container .homepage-reason-box .homepage-reason-container .homepage-reason-content .homepage-system-part .system-list .system-item > p { text-align: center; padding-top: 167px; font-size: 14px; font-weight: 600; color: #33363b; line-height: 20px; } .homepage-box .homepage-container .homepage-database-box { background: #ffffff; height: 671px; width: 100%; overflow-y: hidden; } .homepage-box .homepage-container .homepage-database-box .homepage-database-container { background-position-y: bottom; height: 100%; width: 100%; background-size: auto 100%; } .homepage-box .homepage-container .homepage-database-box .homepage-database-container .homepage-database-content { width: 100%; text-align: right; } .homepage-box .homepage-container .homepage-database-box .homepage-database-container .homepage-database-content .homepage-database-data { width: 1152px; margin: 0 auto; position: relative; } .homepage-box .homepage-container .homepage-database-box .homepage-database-container .homepage-database-content .homepage-database-data .homepage-database-earth-container { width: 1000px; margin: 0 auto; position: absolute; left: -240px; top: 140px; } .homepage-box .homepage-container .homepage-database-box .homepage-database-container .homepage-database-content .homepage-database-data .homepage-database-earth-container .earth-shadow { width: 1000px; height: 671px; background-image: url("/static/images/homepage/earthshadow1.png"); background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; left: 0; top: 0; } .homepage-box .homepage-container .homepage-database-box .homepage-database-container .homepage-database-content .homepage-database-data .homepage-database-earth-container .earth-shadow1 { width: 1050px; height: 1050px; background-image: url("/static/images/homepage/earthShadow.png"); background-repeat: no-repeat; background-size: auto 100%; background-position: center; position: absolute; left: -54px; top: -160px; } .homepage-box .homepage-container .homepage-database-box .homepage-database-container .homepage-database-content .homepage-database-data .homepage-database-data-container { position: absolute; right: 0; top: 0; z-index: 1; } .homepage-box .homepage-container .homepage-database-box .homepage-database-container .homepage-database-content .homepage-database-data .homepage-database-data-container > h2 { font-size: 32px; font-weight: 600; color: #33363b; line-height: 45px; padding-top: 105px; } .homepage-box .homepage-container .homepage-database-box .homepage-database-container .homepage-database-content .homepage-database-data .homepage-database-data-container .homepage-database-dataList { display: -webkit-box; display: -ms-flexbox; display: flex; width: 450px; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 101px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .homepage-box .homepage-container .homepage-database-box .homepage-database-container .homepage-database-content .homepage-database-data .homepage-database-data-container .homepage-database-dataList .homepage-database-item { width: 150px; text-align: left; padding-bottom: 46px; } .homepage-box .homepage-container .homepage-database-box .homepage-database-container .homepage-database-content .homepage-database-data .homepage-database-data-container .homepage-database-dataList .homepage-database-item .data { font-size: 48px; font-family: "BebasKai-Regular"; color: #0b6fd6; line-height: 58px; } @font-face { font-family: "BebasKai-Regular"; /* */ src: url("/static/fonts/BebasKai-Regular.otf"); /* IE9 Compat Modes */ /*这里以及下面的src后面的地址填的都是自己本地的相对地址*/ font-style: normal; } .homepage-box .homepage-container .homepage-database-box .homepage-database-container .homepage-database-content .homepage-database-data .homepage-database-data-container .homepage-database-dataList .homepage-database-item .data .spe { font-size: 40px; display: inline-block; vertical-align: bottom; } .homepage-box .homepage-container .homepage-database-box .homepage-database-container .homepage-database-content .homepage-database-data .homepage-database-data-container .homepage-database-dataList .homepage-database-item .text { font-size: 16px; font-weight: 400; color: #1e1f23; line-height: 24px; } .homepage-box .homepage-container .homepage-publicity-box { background: #0b6fd6 url("/static/images/homepage/publicitybg.png") no-repeat center / cover; min-height: 201px; line-height: 201px; } .homepage-box .homepage-container .homepage-publicity-box .homepage-publicity-content { width: 1152px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .homepage-box .homepage-container .homepage-publicity-box .homepage-publicity-content .homepage-publicity-context > h2 { font-size: 32px; font-weight: 600; color: #ffffff; line-height: 45px; padding-bottom: 16px; } .homepage-box .homepage-container .homepage-publicity-box .homepage-publicity-content .homepage-publicity-context > p { font-size: 14px; font-weight: 400; color: #ffffff; line-height: 20px; } .homepage-box .homepage-container .homepage-publicity-box .homepage-publicity-content .homepage-publicity-btn > a { display: inline-block; width: 222px; height: 56px; line-height: 56px; text-align: center; background: #ffffff; border-radius: 2px; font-size: 14px; font-weight: 400; color: #0b6fd6; } .homepage-box .homepage-container .homepage-news-box .homepage-news-container .homepage-news-content { width: 1152px; margin: 0 auto; padding: 64px 0; } .homepage-box .homepage-container .homepage-news-box .homepage-news-container .homepage-news-content > h2 { font-size: 32px; font-weight: 600; color: #33363b; line-height: 45px; } .homepage-box .homepage-container .homepage-news-box .homepage-news-container .homepage-news-content > h2 > a { font-size: 14px; font-weight: 400; color: #0b6fd6; line-height: 20px; padding-left: 16px; } .homepage-box .homepage-container .homepage-news-box .homepage-news-container .homepage-news-content .news-list { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 24px; } .homepage-box .homepage-container .homepage-news-box .homepage-news-container .homepage-news-content .news-list .news-item { background: url("/static/images/homepage/newsBg.png") no-repeat center / cover; padding: 48px 40px; border: 1px solid transparent; width: 368px; -webkit-box-sizing: border-box; box-sizing: border-box; } .homepage-box .homepage-container .homepage-news-box .homepage-news-container .homepage-news-content .news-list .news-item:nth-child(2) { margin: 0 24px; } .homepage-box .homepage-container .homepage-news-box .homepage-news-container .homepage-news-content .news-list .news-item:hover { -webkit-box-shadow: 0px 10px 15px 0px rgba(216, 226, 240, 0.3); box-shadow: 0px 10px 15px 0px rgba(216, 226, 240, 0.3); border-color: rgba(230, 234, 239, 0.3); } .homepage-box .homepage-container .homepage-news-box .homepage-news-container .homepage-news-content .news-list .news-item > h4 { font-size: 16px; font-weight: 600; color: #33363b; line-height: 22px; } .homepage-box .homepage-container .homepage-news-box .homepage-news-container .homepage-news-content .news-list .news-item .content { font-size: 14px; font-weight: 400; color: #33363b; line-height: 20px; height: 120px; margin: 24px 0 13px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .homepage-box .swiper-pagination { text-align: center; -webkit-transition: 300ms opacity; -o-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; cursor: pointer; } /* Icon classes can be used entirely standalone. They are named after their original file names. Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ .icon-pro18 { background-image: url(/static/images/sprite.png); background-position: 0px 0px; width: 18px; height: 15px; } .icon-pro1 { background-image: url(/static/images/sprite.png); background-position: 0px -15px; width: 19px; height: 18px; } .icon-pro10 { background-image: url(/static/images/sprite.png); background-position: 0px -33px; width: 18px; height: 18px; } .icon-pro14 { background-image: url(/static/images/sprite.png); background-position: 0px -51px; width: 18px; height: 18px; } .icon-pro15 { background-image: url(/static/images/sprite.png); background-position: 0px -69px; width: 18px; height: 18px; } .icon-pro19 { background-image: url(/static/images/sprite.png); background-position: 0px -87px; width: 19px; height: 18px; } .icon-pro3 { background-image: url(/static/images/sprite.png); background-position: 0px -105px; width: 18px; height: 18px; } .icon-pro8 { background-image: url(/static/images/sprite.png); background-position: 0px -123px; width: 18px; height: 18px; } .icon-pro9 { background-image: url(/static/images/sprite.png); background-position: 0px -141px; width: 18px; height: 18px; } .icon-pro11 { background-image: url(/static/images/sprite.png); background-position: 0px -159px; width: 19px; height: 19px; } .icon-pro13 { background-image: url(/static/images/sprite.png); background-position: 0px -178px; width: 17px; height: 19px; } .icon-pro6 { background-image: url(/static/images/sprite.png); background-position: 0px -197px; width: 18px; height: 19px; } .icon-pro21 { background-image: url(/static/images/sprite.png); background-position: 0px -216px; width: 20px; height: 20px; } .icon-pro2 { background-image: url(/static/images/sprite.png); background-position: 0px -236px; width: 20px; height: 20px; } .icon-pro20 { background-image: url(/static/images/sprite.png); background-position: 0px -256px; width: 16px; height: 20px; } .icon-pro4 { background-image: url(/static/images/sprite.png); background-position: 0px -276px; width: 18px; height: 20px; } .icon-pro5 { background-image: url(/static/images/sprite.png); background-position: 0px -296px; width: 20px; height: 20px; } .icon-pro12 { background-image: url(/static/images/sprite.png); background-position: 0px -316px; width: 19px; height: 21px; } .icon-hot { background-image: url(/static/images/sprite.png); background-position: 0px -337px; width: 54px; height: 22px; } .icon-pro7 { background-image: url(/static/images/sprite.png); background-position: 0px -359px; width: 22px; height: 22px; } .icon-ikon0 { background-image: url(/static/images/sprite.png); background-position: 0px -381px; width: 78px; height: 78px; } .icon-ikon1 { background-image: url(/static/images/sprite.png); background-position: 0px -459px; width: 78px; height: 78px; } .icon-ikon2 { background-image: url(/static/images/sprite.png); background-position: 0px -537px; width: 78px; height: 78px; } .icon-ikon3 { background-image: url(/static/images/sprite.png); background-position: 0px -615px; width: 78px; height: 78px; } .icon-ikon4 { background-image: url(/static/images/sprite.png); background-position: 0px -693px; width: 78px; height: 78px; } .icon-ikon5 { background-image: url(/static/images/sprite.png); background-position: 0px -771px; width: 78px; height: 78px; } .icon-case0 { background-image: url(/static/images/sprite.png); background-position: 0px -849px; width: 80px; height: 80px; } .icon-case1 { background-image: url(/static/images/sprite.png); background-position: 0px -929px; width: 80px; height: 80px; } .icon-case10 { background-image: url(/static/images/sprite.png); background-position: 0px -1009px; width: 80px; height: 80px; } .icon-case11 { background-image: url(/static/images/sprite.png); background-position: 0px -1089px; width: 80px; height: 80px; } .icon-case13 { background-image: url(/static/images/sprite.png); background-position: 0px -1169px; width: 80px; height: 80px; } .icon-case14 { background-image: url(/static/images/sprite.png); background-position: 0px -3392px; width: 18px; height: 18px; } .icon-case2 { background-image: url(/static/images/sprite.png); background-position: 0px -1249px; width: 80px; height: 80px; } .icon-case3 { background-image: url(/static/images/sprite.png); background-position: 0px -1329px; width: 80px; height: 80px; } .icon-case4 { background-image: url(/static/images/sprite.png); background-position: 0px -1409px; width: 80px; height: 80px; } .icon-case5 { background-image: url(/static/images/sprite.png); background-position: 0px -1489px; width: 80px; height: 80px; } .icon-case6 { background-image: url(/static/images/sprite.png); background-position: 0px -1569px; width: 80px; height: 80px; } .icon-case7 { background-image: url(/static/images/sprite.png); background-position: 0px -1649px; width: 80px; height: 80px; } .icon-case8 { background-image: url(/static/images/sprite.png); background-position: 0px -1729px; width: 80px; height: 80px; } .icon-case9 { background-image: url(/static/images/sprite.png); background-position: 0px -1809px; width: 80px; height: 80px; } .icon-icon1 { background-image: url(/static/images/sprite.png); background-position: 0px -1889px; width: 94px; height: 94px; } .icon-icon10 { background-image: url(/static/images/sprite.png); background-position: 0px -1983px; width: 94px; height: 94px; } .icon-icon11 { background-image: url(/static/images/sprite.png); background-position: 0px -2077px; width: 94px; height: 94px; } .icon-icon12 { background-image: url(/static/images/sprite.png); background-position: 0px -2171px; width: 94px; height: 94px; } .icon-icon13 { background-image: url(/static/images/sprite.png); background-position: 0px -2265px; width: 94px; height: 94px; } .icon-icon14 { background-image: url(/static/images/sprite.png); background-position: 0px -2359px; width: 94px; height: 94px; } .icon-icon15 { background-image: url(/static/images/sprite.png); background-position: 0px -2453px; width: 94px; height: 94px; } .icon-icon16 { background-image: url(/static/images/sprite.png); background-position: 0px -2547px; width: 94px; height: 94px; } .icon-icon2 { background-image: url(/static/images/sprite.png); background-position: 0px -2641px; width: 94px; height: 94px; } .icon-icon3 { background-image: url(/static/images/sprite.png); background-position: 0px -2735px; width: 94px; height: 94px; } .icon-icon4 { background-image: url(/static/images/sprite.png); background-position: 0px -2829px; width: 94px; height: 94px; } .icon-icon5 { background-image: url(/static/images/sprite.png); background-position: 0px -2923px; width: 94px; height: 94px; } .icon-icon6 { background-image: url(/static/images/sprite.png); background-position: 0px -3017px; width: 94px; height: 94px; } .icon-icon7 { background-image: url(/static/images/sprite.png); background-position: 0px -3111px; width: 94px; height: 94px; } .icon-icon8 { background-image: url(/static/images/sprite.png); background-position: 0px -3205px; width: 94px; height: 94px; } .icon-icon9 { background-image: url(/static/images/sprite.png); background-position: 0px -3299px; width: 94px; height: 94px; } .ai-page .main-container { position: relative; color: rgba(0, 0, 0, 0.8); text-align: center; } .ai-page .main-container .main { display: inline-block; width: 100%; text-align: center; } .ai-page .main-container .main .banner { background-image: url(/static/images/ai/banner.jpeg); background-size: cover; } .ai-page .main-container .main .banner .banner-inner { display: inline-block; width: 1120px; height: 451px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; background-size: 60%; background-repeat: no-repeat; background-position: 105% -130%; position: relative; padding-top: 98px; font-family: PingFangSC-Medium; } .ai-page .main-container .main .banner .banner-inner h2 { color: #fff; font-size: 32px; line-height: 40px; margin-bottom: 20px; } .ai-page .main-container .main .banner .banner-inner h3 { color: #fff; font-size: 24px; margin-bottom: 15px; } .ai-page .main-container .main .banner .banner-inner p { font-size: 16px; width: 503px; color: #fff; text-align: justify; margin-bottom: 30px; } .ai-page .main-container .main .content { background: #f8f9fd; padding: 40px 0px 48px; width: 100%; } .ai-page .main-container .main .content .title { font-size: 24px; line-height: 24px; color: #02040e; font-family: PingFangSC-Regular; } .ai-page .main-container .main .content .box { height: 300px; } .ai-page .main-container .main .content .box p:nth-child(even) { margin-top: 10px; font-family: PingFangSC-Semibold !important; } .ai-page .main-container .main .content .intro { text-align: justify; } .ai-page .main-container .main .content .intro .row { width: 1100px; } .ai-page .main-container .main .content .intro .intro-server { background: url('/static/images/ai/content1.png') left center no-repeat; background-color: #e7eef9; height: 100%; background-size: 50%; margin-top: 40px; } .ai-page .main-container .main .content .intro .intro-server h3 { padding-top: 45px; } .ai-page .main-container .main .content .intro .intro-server h3 span { padding-left: 30px; display: inline-block; background: url('/static/images/ai/title1.png') left center no-repeat; } .ai-page .main-container .main .content .intro .intro-ecology { background: url('/static/images/ai/content2.png') right center no-repeat; background-color: #e7eef9; height: 100%; background-size: 50%; margin-top: 40px; } .ai-page .main-container .main .content .intro .intro-ecology h3 { padding-top: 55px; } .ai-page .main-container .main .content .intro .intro-ecology h3 span { padding-left: 30px; display: inline-block; background: url('/static/images/ai/title2.png') left center no-repeat; } .ai-page .main-container .main .content .intro .intro-defense { background: url('/static/images/ai/content3.png') left center no-repeat; background-color: #e7eef9; height: 100%; background-size: 50%; margin-top: 40px; } .ai-page .main-container .main .content .intro .intro-defense h3 { padding-top: 55px; } .ai-page .main-container .main .content .intro .intro-defense h3 span { padding-left: 30px; display: inline-block; background: url('/static/images/ai/title3.png') left center no-repeat; } .ai-page .main-container .main .content .intro .intro-content { background: url('/static/images/ai/content4.png') right center no-repeat; background-color: #e7eef9; height: 100%; background-size: 50%; margin-top: 40px; } .ai-page .main-container .main .content .intro .intro-content h3 { padding-top: 55px; } .ai-page .main-container .main .content .intro .intro-content h3 span { padding-left: 30px; display: inline-block; background: url('/static/images/ai/title4.png') left center no-repeat; } .ai-page .main-container .main .content .intro div:nth-child(odd) h3 { padding-left: 628px; color: #0b6fd6; font-size: 16px; font-family: PingFangSC-Regular; } .ai-page .main-container .main .content .intro div:nth-child(odd) p { padding-left: 628px; font-family: "PingFangSC-Regular"; font-size: 14px; } .ai-page .main-container .main .content .intro div:nth-child(even) h3 { padding-left: 68px; font-family: "PingFangSC-Regular"; color: #0b6fd6; font-size: 16px; } .ai-page .main-container .main .content .intro div:nth-child(even) p { padding-left: 68px; font-family: "PingFangSC-Regular"; font-size: 14px; } .ai-page .main-container .main .authentication { background-color: #fff; padding: 40px 0px 48px; width: 100%; } .ai-page .main-container .main .authentication .title { font-size: 24px; line-height: 24px; color: #02040e; } .ai-page .main-container .main .authentication .auth-info { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 30px auto; width: 1100px; -ms-flex-pack: distribute; justify-content: space-around; } .activity-index-page * { -webkit-box-sizing: border-box; box-sizing: border-box; } .activity-index-page .banner { background-repeat: no-repeat; background-position: center; background-size: cover; } .activity-index-page .banner > a { display: block; height: 314px; width: 1152px; margin: 0 auto; color: #fff; } .activity-index-page .banner > a > h2 { font-size: 32px; color: #fff; padding-top: 92px; margin-bottom: 26px; line-height: 46px; text-align: left; } .activity-index-page .banner > a > p { font-size: 16px; color: #fff; line-height: 21px; margin-bottom: 40px; width: 626px; } .activity-index-page .banner > a > a { border-radius: 2px; border: 1px solid #fff; color: #fff; font-size: 18px; width: 144px; line-height: 40px; display: inline-block; text-align: center; } .activity-index-page .main .tab { text-align: center; } .activity-index-page .main .tab > .tab-item { color: #555; display: inline-block; width: 192px; height: 48px; line-height: 48px; text-align: center; border: 1px solid #ccc; font-size: 16px; vertical-align: middle; cursor: pointer; } .activity-index-page .main .tab > .tab-item.active { background: #0B6FD6; border: #0B6FD6; color: #fff; } .activity-index-page .main .tab > .tab-item:hover { opacity: 0.85; } .activity-index-page .main .flex-between { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .activity-index-page .main .content .content-block { padding: 40px 0; } .activity-index-page .main .content .content-block > h3 { text-align: center; font-size: 24px; padding: 24px; color: #222; } .activity-index-page .main .content .content-block > h3 * { vertical-align: middle; padding: 0 6px; } .activity-index-page .prod-card-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 40px; } .activity-index-page .prod-card-wrapper > li { display: block; width: 352px; height: 217px; margin: 16px 0; border: 1px solid #ccc; vertical-align: middle; padding: 32px; color: #eee; } .activity-index-page .prod-card-wrapper > li:nth-child(3n-1) { margin: 16px 24px; } .activity-index-page .prod-card-wrapper > li > h4 { font-size: 18px; height: 32px; } .activity-index-page .prod-card-wrapper > li > p { height: 92px; line-height: 23px; } .activity-index-page .prod-card-wrapper > li > a { display: inline-block; border: 1px solid #eee; width: 96px; height: 32px; line-height: 32px; text-align: center; color: #eee; border-radius: 2px; } .activity-index-page .prod-card-wrapper > li > a:hover { opacity: 0.9; } .activity-index-page .kcsc-introduce .intro-p { text-align: center; line-height: 24px; } .activity-index-page .kcsc-introduce .kcsc-intro-main > .kcsc-left, .activity-index-page .kcsc-introduce .kcsc-intro-main .kcsc-right { width: 560px; } .activity-index-page .kcsc-introduce .kcsc-intro-main .kcsc-cover { position: relative; overflow: hidden; } .activity-index-page .kcsc-introduce .kcsc-intro-main .kcsc-cover > img { width: 100%; } .activity-index-page .kcsc-introduce .kcsc-intro-main .kcsc-cover > .cover-title { position: absolute; top: 8px; left: -7px; background: rgba(82, 82, 82, 0.7); color: #eee; padding: 2px 12px; border-radius: 12px; font-size: 12px; } .activity-index-page .kcsc-introduce .kcsc-intro-main .kcsc-right h5 { margin-top: 3px; font-size: 15px; color: #222; } .activity-index-page .kcsc-introduce .kcsc-intro-main .kcsc-right article { margin: 16px 0; font-size: 14px; color: #555; height: 110px; } .activity-index-page .kcsc-introduce .kcsc-intro-main .kcsc-right > ul > li { line-height: 30px; } .activity-index-page .kcsc-introduce .kcsc-intro-main .kcsc-right > ul > li img { width: 16px; vertical-align: middle; } .activity-index-page .kcsc-introduce .kcsc-intro-main .kcsc-right > ul > li span { color: #222; margin-left: 8px; vertical-align: middle; } .activity-index-page .kcsc-introduce .kcsc-intro-main .kcsc-right > .btn { margin-top: 30px; } .activity-index-page .kcsc-news .news-wrapper .news-item { border: 1px solid #eee; height: 340px; background: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; margin-left: 20px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .activity-index-page .kcsc-news .news-wrapper .news-item:first-child { margin-left: 0px; } .activity-index-page .kcsc-news .news-wrapper .news-item:hover { -webkit-box-shadow: 0 0 8px 2px #aaa; box-shadow: 0 0 8px 2px #aaa; } .activity-index-page .kcsc-news .news-wrapper .news-item img { width: 100%; } .activity-index-page .kcsc-news .news-wrapper .news-item p { display: block; padding: 24px 32px; color: #222; } .activity-index-page .kcsc-news .news-wrapper .news-item p:hover { color: #555; } .activity-index-page .kcsc-recent-review .item { display: block; } .activity-index-page .kcsc-recent-review .item img { padding: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border-radius: 3px; } .activity-index-page .kcsc-recent-review .item img:hover { -webkit-box-shadow: 0 0 8px 2px #aaa; box-shadow: 0 0 8px 2px #aaa; } .activity-index-page .download-block { text-align: left; padding: 56px 0; } .activity-index-page .download-block h3 { font-size: 22px; color: #222; } .activity-index-page .download-block .content-wrapper { padding: 24px 0; } .activity-index-page .download-block .content-wrapper .resource-lists { line-height: 40px; } .activity-index-page .download-block .content-wrapper .resource-lists li a { color: #555; background: url(/static/images/activity/index/kcsc/download-icon.png) no-repeat center right; width: 220px; display: inline-block; } .activity-index-page .download-block .content-wrapper .resource-lists li a:hover { opacity: 0.85; } .activity-index-page .download-block .content-wrapper .kcsc-wx-w { width: 250px; border-left: 1px solid #e0e0e0; padding-left: 80px; } .contact-page { /*主列表*/ /*分享*/ } .contact-page .con-l { color: #666; line-height: 1.5; } .contact-page .con-l h3 { color: #333; font-weight: bold; } .contact-page .con-l li { margin-bottom: 20px; } .contact-page .con-l .s_em { font-size: 18px; } .contact-page .con-add .con-add-bj, .contact-page .con-add .con-add-cd { margin-bottom: 20px; } .contact-page .con-add-bj img, .contact-page .con-add-cd img { border: 1px solid #ddd; border-radius: 2px; -webkit-border-radius: 2px; } .contact-page .con-add-bj:hover img, .contact-page .con-add-cd:hover img { border-color: #007aff; } .contact-page .con-shares { font-size: 0; border: 1px solid #ddd; float: left; border-radius: 3px; -webkit-border-radius: 3px; } .contact-page .con-share { font-size: 14px; color: #666; float: left; display: inline; border-left: 1px dashed #ddd; padding: 7px 20px; } .contact-page .con-share i { margin-right: 0.5em; border-radius: 5px; -webkit-border-radius: 5px; } .contact-page .con-share:hover { text-decoration: underline; color: #007aff; background-color: #eee; } .contact-page .con-share-wx { position: relative; border-left: none 0; } .contact-page .con-share-wx:hover img { visibility: visible; opacity: 1; margin-left: -65px; } .contact-page .con-share-wx img { position: absolute; top: -135px; left: 50%; margin-left: -45px; border: 5px solid #000; visibility: hidden; opacity: 0; } .contact-page .i_wx, .contact-page .i_sina, .contact-page .i_tx { background-image: url('/static/images/contact/i.png'); width: 29px; height: 26px; } .contact-page .i_wx { background-position: 0 0; } .contact-page .i_tx { background-position: -30px 0; } .contact-page .i_sina { background-position: -60px 0; } .cyd-page body { position: relative; background-color: #fff; color: #666; } .cyd-page .c-title { font-size: 24px; line-height: 24px; margin-top: 56px; text-align: center; color: #333333; } .cyd-page .banner { background: -webkit-gradient(linear, left top, right top, from(#111834), to(#323a63)); background: -o-linear-gradient(left, #111834, #323a63); background: linear-gradient(to right, #111834, #323a63); height: 400px; } .cyd-page .banner .con { width: 1120px; margin: 0 auto; overflow: hidden; } .cyd-page .banner .con h2 { font-size: 32px; line-height: 32px; color: #fff; margin-top: 96px; } .cyd-page .banner .con p { font-size: 14px; color: #fff; width: 496px; margin-top: 24px; } .cyd-page .banner .con a { display: block; width: 136px; height: 40px; color: #fff; background: #2370e7; text-align: center; line-height: 40px; margin-top: 24px; margin-bottom: 120px; border-radius: 2px; } .cyd-page .banner .con .banner_bg { position: absolute; top: 20px; right: 0; } .cyd-page .banner .con .circle { position: absolute; top: 75px; right: 158px; -webkit-animation: rotateImg 6s linear infinite; animation: rotateImg 6s linear infinite; } .cyd-page .banner .con .icon1 { position: absolute; top: -30px; right: 429px; -webkit-animation: translateImg 2s linear infinite; animation: translateImg 2s linear infinite; } .cyd-page .banner .con .icon2 { position: absolute; top: -20px; right: 20px; -webkit-animation: translateImg 3s linear infinite; animation: translateImg 3s linear infinite; } .cyd-page .banner .con .icon3 { position: absolute; top: -20px; right: 22px; -webkit-animation: translateImg 4s linear infinite; animation: translateImg 4s linear infinite; } .cyd-page .banner .con .icon4 { position: absolute; top: -20px; right: 330px; -webkit-animation: translateImg 4s linear infinite; animation: translateImg 4s linear infinite; } .cyd-page .banner .con .icon5 { position: absolute; top: -20px; right: 362px; -webkit-animation: translateImg 3s linear infinite; animation: translateImg 3s linear infinite; } .cyd-page .banner .con .icon6 { position: absolute; top: -20px; right: 95px; -webkit-animation: translateImg 2s linear infinite; animation: translateImg 2s linear infinite; } @-webkit-keyframes rotateImg { from { -webkit-transform: rotate(360deg); transform: rotate(360deg); } to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes rotateImg { from { -webkit-transform: rotate(360deg); transform: rotate(360deg); } to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @-webkit-keyframes translateImg { from { -webkit-transform: translate(0px, 400px); transform: translate(0px, 400px); } to { -webkit-transform: translate(0px, 10px); transform: translate(0px, 10px); } } @keyframes translateImg { from { -webkit-transform: translate(0px, 400px); transform: translate(0px, 400px); } to { -webkit-transform: translate(0px, 10px); transform: translate(0px, 10px); } } .cyd-page .prosum .con { width: 1120px; margin: 0 auto; overflow: hidden; } .cyd-page .prosum .con .Prosum_ex { text-align: center; margin-top: 32px; margin-bottom: 56px; overflow: hidden; } .cyd-page .prosum .con .Prosum_ex li { float: left; width: 350px; height: 345px; border: 1px solid #e8e8e8; } .cyd-page .prosum .con .Prosum_ex li:nth-child(1) div { background: url(/static/images/cyd/pro_ex1.png) no-repeat center; } .cyd-page .prosum .con .Prosum_ex li:nth-child(2) { margin-left: 32px; } .cyd-page .prosum .con .Prosum_ex li:nth-child(2) div { background: url(/static/images/cyd/pro_ex2.png) no-repeat center; } .cyd-page .prosum .con .Prosum_ex li:nth-child(3) { margin-left: 32px; } .cyd-page .prosum .con .Prosum_ex li:nth-child(3) div { background: url(/static/images/cyd/pro_ex3.png) no-repeat center; } .cyd-page .prosum .con .Prosum_ex li div { width: 96px; height: 96px; margin: 32px auto 24px; } .cyd-page .prosum .con .Prosum_ex li h3 { font-size: 16px; line-height: 16px; color: #444444; font-weight: bolder; margin-bottom: 16px; } .cyd-page .prosum .con .Prosum_ex li p { font-size: 14px; color: #666666; margin-top: 24px; width: 288px; margin-left: auto; margin-right: auto; margin-bottom: 32px; text-align: left; word-break: break-all; } .cyd-page .Profeat { background: #f9f8fd; } .cyd-page .Profeat .con { width: 1120px; margin: 0 auto; overflow: hidden; } .cyd-page .Profeat .con .Profeat_sec { font-size: 16px; line-height: 16px; color: #666666; margin-top: 16px; text-align: center; } .cyd-page .Profeat .con .Profeat_ex { text-align: center; margin-top: 32px; margin-bottom: 56px; overflow: hidden; } .cyd-page .Profeat .con .Profeat_ex li { float: left; width: 254px; height: 250px; background: #fff; } .cyd-page .Profeat .con .Profeat_ex li:nth-child(1) div { background: url(/static/images/cyd/Pro_sum1.png) no-repeat center #ecf2ff; } .cyd-page .Profeat .con .Profeat_ex li:nth-child(2) div { background: url(/static/images/cyd/Pro_sum2.png) no-repeat center #ecf2ff; } .cyd-page .Profeat .con .Profeat_ex li:nth-child(3) div { background: url(/static/images/cyd/Pro_sum3.png) no-repeat center #ecf2ff; } .cyd-page .Profeat .con .Profeat_ex li:nth-child(4) div { background: url(/static/images/cyd/Pro_sum4.png) no-repeat center #ecf2ff; } .cyd-page .Profeat .con .Profeat_ex li:nth-child(5) div { background: url(/static/images/cyd/Pro_sum5.png) no-repeat center #ecf2ff; } .cyd-page .Profeat .con .Profeat_ex li:nth-child(6) div { background: url(/static/images/cyd/Pro_sum6.png) no-repeat center #ecf2ff; } .cyd-page .Profeat .con .Profeat_ex li:nth-child(7) div { background: url(/static/images/cyd/Pro_sum7.png) no-repeat center #ecf2ff; } .cyd-page .Profeat .con .Profeat_ex li:nth-child(8) div { background: url(/static/images/cyd/Pro_sum8.png) no-repeat center #ecf2ff; } .cyd-page .Profeat .con .Profeat_ex li div { width: 112px; height: 112px; margin: 32px auto 16px; border-radius: 100%; } .cyd-page .Profeat .con .Profeat_ex li h2 { font-size: 14px; line-height: 24px; width: 192px; margin: 0 auto; color: #666666; text-align: left; } .cyd-page .Profeat .con .Profeat_ex .ml32 { margin-left: 32px; } .cyd-page .Proprice .con { width: 1120px; margin: 0 auto; overflow: hidden; } .cyd-page .Proprice .con table { width: 100%; border: 1px solid #ddd; margin-top: 32px; text-align: center; color: #333333; margin-bottom: 55px; } .cyd-page .Proprice .con table tr { border-bottom: 1px solid #ddd; } .cyd-page .Proprice .con table th { border-right: 1px solid #ddd; } .cyd-page .Proprice .con table td { border-right: 1px solid #ddd; } .cyd-page .Proprice .con table td a { width: 114px; height: 32px; margin: 0 auto; margin-bottom: 30px; line-height: 32px; } .cyd-page .Proprice .con table strong { font-size: 16px; line-height: 16px; color: #333333; margin-top: 30px; } .cyd-page .Proprice .con table em { font-size: 14px; color: #444444; margin-top: 22px; display: block; } .cyd-page .Proprice .con table em span { font-size: 24px; } .cyd-page .Proprice .con table i { font-size: 14px; color: #444444; margin-top: 12px; display: block; } .cyd-page .Proprice .con table thead tr td:nth-child(3) a { background: #18b25c; color: #fff; border-radius: 32px; margin-top: 35px; } .cyd-page .Proprice .con table thead tr td:nth-child(n+3) { width: 216px; } .cyd-page .Proprice .con table thead tr td:nth-child(n+4) a { background: #2370e7; color: #fff; border-radius: 32px; margin-top: 23px; } .cyd-page .Proprice .con table thead a { margin-top: 16px; margin-bottom: 32px; } .cyd-page .Proprice .con table tbody th { height: 48px; line-height: 48px; } .cyd-page .Proprice .con table tbody td { height: 48px; } .cyd-page .Proprice .con table tbody td a { width: 114px; height: 32px; margin: 0 auto; margin-bottom: 30px; line-height: 32px; } .cyd-page .Proprice .con table tbody tr:first-child p { padding: 0 24px; text-align: left; } .cyd-page .Proprice .con table tbody tr:last-child td a { background: #18b25c; color: #fff; border-radius: 32px; margin-top: 35px; } .cyd-page .Proprice .con table tbody tr:last-child td:nth-child(n+4) a { background: #2370e7; color: #fff; border-radius: 32px; margin-top: 23px; } .cyd-page .Proprice .con .abroad { color: #ff9800; } .cyd-page .Proprice .con .support { display: inline-block; width: 24px; height: 24px; border-radius: 24px; background: url(/static/images/cyd/support.png) no-repeat center #18b25c; margin: 0 auto; } .cyd-page .cases { width: 1120px; margin: 0 auto; overflow: hidden; margin-bottom: 55px; } .cyd-page .cases .cases_title { color: #333333; font-size: 24px; line-height: 24px; } .cyd-page .cases .cases_logo { margin-top: 30px; } .cyd-page .cases .cases_logo li { width: 192px; height: 80px; line-height: 80px; float: left; border: 1px solid #e8e8e8; position: relative; } .cyd-page .cases .cases_logo li:nth-child(5n+1) { margin-left: 0; } .cyd-page .cases .cases_logo li:nth-child(n+2) { margin-left: 37px; } .cyd-page .cases .cases_logo li span { display: block; margin: 0 auto; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .cyd-page .cases .cases_logo li .bg-cases6 { width: 142px; height: 44px; background: url(/static/images/cyd/cyd_cases.png) -10px -138px; } .cyd-page .cases .cases_logo li .bg-cases7 { width: 126px; height: 37px; background: url(/static/images/cyd/cyd_cases.png) -186px -79px; } .cyd-page .cases .cases_logo li .bg-cases8 { width: 155px; height: 21px; background: url(/static/images/cyd/cyd_cases.png) -142px -319px; } .cyd-page .cases .cases_logo li .bg-cases10 { width: 58px; height: 45px; background: url(/static/images/cyd/cyd_cases.png) -338px -196px; } .cyd-page .cases .cases_logo li .bg-cases11 { width: 154px; height: 43px; background: url(/static/images/cyd/cyd_cases.png) -10px -75px; } .feedback-page .feedback-banner { height: 278px; width: 100%; background: #F7F9FC; text-align: center; padding: 96px 0 88px 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .feedback-page .feedback-banner .title { font-size: 32px; color: #444444; line-height: 45px; } .feedback-page .feedback-banner .text { font-size: 18px; color: #666666; line-height: 25px; margin-top: 24px; } .feedback-page .feedback-wrap { padding-bottom: 100px; width: 100%; text-align: center; } .feedback-page .feedback-wrap .feedback-content { width: 608px; margin: 0 auto; text-align: left; } .feedback-page .feedback-wrap .feedback-content .require:before { content: "*"; color: #ff4949; margin-right: 4px; } .feedback-page .feedback-wrap .feedback-content .feedback-text { margin-top: 56px; width: 100%; } .feedback-page .feedback-wrap .feedback-content .feedback-text .title { text-align: left; font-size: 16px; color: #444444; line-height: 22px; margin-bottom: 24px; } .feedback-page .feedback-wrap .feedback-content .feedback-text textarea { width: 100%; height: 140px; padding: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; resize: none; border: 1px solid #CBD1DA; border-radius: 2px; } .feedback-page .feedback-wrap .feedback-content .feedback-text textarea:focus { outline: none; } .feedback-page .feedback-wrap .feedback-content .feedback-text input { padding: 0 12px; height: 48px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .feedback-page .feedback-wrap .feedback-content .feedback-text input:focus { outline: none; } .feedback-page .feedback-wrap .feedback-content .feedback-text .svgCode { display: inline-block; vertical-align: middle; margin-left: 10px; cursor: pointer; } .feedback-page .feedback-wrap .feedback-content .feedback-text .error { margin-top: 10px; display: inline-block; color: red; font-size: 14px; } .feedback-page .feedback-wrap .feedback-content .feedback-text .code-ipt { width: 246px; } .feedback-page .feedback-wrap .feedback-content .feedback-text .code-img { width: 118px; height: 49px; margin-left: 16px; vertical-align: middle; } .feedback-page .feedback-wrap .feedback-content .feedback-text input::-webkit-input-placeholder { color: #CBD1DA; font-size: 14px; } .feedback-page .feedback-wrap .feedback-content .feedback-text input::-moz-placeholder { color: #CBD1DA; font-size: 14px; } .feedback-page .feedback-wrap .feedback-content .feedback-text input::-ms-input-placeholder { color: #CBD1DA; font-size: 14px; } .feedback-page .feedback-wrap .feedback-content .feedback-text textarea::-webkit-input-placeholder { color: #CBD1DA; font-size: 14px; } .feedback-page .feedback-wrap .feedback-content .feedback-text textarea::-moz-placeholder { color: #CBD1DA; font-size: 14px; } .feedback-page .feedback-wrap .feedback-content .feedback-text textarea::-ms-input-placeholder { color: #CBD1DA; font-size: 14px; } .feedback-page .feedback-wrap .feedback-content .feedback-btn { width: 191px; height: 56px; text-align: center; margin-top: 40px; } .feedback-page .feedback-wrap .feedback-content .feedback-btn a { display: inline-block; width: 100%; height: 100%; line-height: 56px; font-size: 24px; color: #FFFFFF; background: #0A6FD6; border-radius: 2px; text-decoration: none; } .feedback-page .login-tip-modal { z-index: 9999; width: 420px !important; padding: 40px 32px !important; border-radius: 8px; -webkit-box-shadow: 0 26px 129px 0 rgba(21, 27, 73, 0.52); box-shadow: 0 26px 129px 0 rgba(21, 27, 73, 0.52); text-align: center; left: 50% !important; -webkit-transform: translateX(-50%) !important; -ms-transform: translateX(-50%) !important; transform: translateX(-50%) !important; opacity: 1 !important; } .feedback-page .login-tip-modal img { display: inline-block; width: 80px; height: 80px; } .feedback-page .login-tip-modal p { line-height: 22px; margin-bottom: 16px; } .feedback-page .login-tip-modal h3 { font-size: 26px; color: #222; line-height: 44px; } .feedback-page .login-tip-modal .sub_close { color: #2370e7; border: 1px solid #2370e7; width: 140px; } .dzu-dropzone { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; min-height: 120px; overflow: scroll; margin: 0 auto; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .15s linear; -o-transition: all .15s linear; transition: all .15s linear; border: 2px solid #d9d9d9; border-radius: 4px; } .dzu-dropzoneActive { background-color: #DEEBFF; border-color: #2484FF; } .dzu-dropzoneDisabled { opacity: 0.5; } .dzu-dropzoneDisabled *:hover { cursor: unset; } .dzu-input { display: none; } .dzu-inputLabel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; font-family: 'Helvetica', sans-serif; font-size: 20px; font-weight: 600; color: #2484FF; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; cursor: pointer; } .dzu-inputLabelWithFiles { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: start; align-self: flex-start; padding: 0 14px; min-height: 32px; background-color: #E6E6E6; color: #2484FF; border: none; font-family: 'Helvetica', sans-serif; border-radius: 4px; font-size: 14px; font-weight: 600; margin-top: 20px; margin-left: 3%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; cursor: pointer; } .dzu-previewContainer { padding: 40px 3%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; width: 100%; min-height: 60px; z-index: 1; border-bottom: 1px solid #ECECEC; -webkit-box-sizing: border-box; box-sizing: border-box; } .dzu-previewStatusContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .dzu-previewFileName { font-family: 'Helvetica', sans-serif; font-size: 14px; font-weight: 400; color: #333333; } .dzu-previewImage { width: auto; max-height: 40px; max-width: 140px; border-radius: 4px; } .dzu-previewButton { background-size: 14px 14px; background-position: center; background-repeat: no-repeat; width: 14px; height: 14px; cursor: pointer; opacity: 0.9; margin: 0 0 2px 10px; } .dzu-submitButtonContainer { margin: 24px 0; z-index: 1; } .dzu-submitButton { padding: 0 14px; min-height: 32px; background-color: #2484FF; border: none; border-radius: 4px; font-family: 'Helvetica', sans-serif; font-size: 14px; font-weight: 600; color: #FFF; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; cursor: pointer; } .dzu-submitButton:disabled { background-color: #E6E6E6; color: #333333; cursor: unset; } .dzu-dropzone { display: table; text-align: center; vertical-align: top; background-color: #fafafa; border: 1px dashed #d9d9d9; border-radius: 4px; cursor: pointer; overflow: auto; min-height: 100px; margin: unset; margin-bottom: 8px; margin-right: 8px; width: 100px; height: 100px; padding: 4px; } .dzu-dropzone label { background-color: #fff; color: #999; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: unset; } .dzu-previewContainer { float: left; width: 104px; height: 104px; margin: 0 8px 8px 0; position: relative; padding: 8px; border: 1px solid #d9d9d9; border-radius: 4px; } .wrap-progress { display: inline-block; height: 90px; width: 90px; position: absolute; z-index: 2; cursor: pointer; background: #fff; } .wrap-progress .progress-text { margin-top: 10px; color: #999; } .wrap-progress .progress { width: 100%; height: 4px; position: absolute; top: 50%; -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); } .wrap-progress .progress .progressbar-progress { height: 4px !important; } .wrap-error { height: 98px; width: 98px; position: absolute; z-index: 2; background: #fff; border: 1px solid red; top: 0; left: 0; border-radius: 4px; color: red; } .wrap-error::before { position: absolute; z-index: 1; width: 90px; height: 90px; background-color: rgba(0, 0, 0, 0.5); opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; content: ' '; -webkit-transform: translate(-45%, -45%); -ms-transform: translate(-45%, -45%); transform: translate(-45%, -45%); top: 45px; left: 45px; } .wrap-error:hover::before { opacity: 1; } .wrap-error:hover .delete { opacity: 1; } .wrap-error p { text-align: center; margin-top: 39px; } .wrap-error .delete { background: url('/static/images/common/delete.png') no-repeat center / 16px; display: inline-block; height: 16px; width: 16px; position: absolute; z-index: 2; opacity: 0; cursor: pointer; top: 50%; left: 50%; -webkit-transform: translate(-8px, -8px); -ms-transform: translate(-8px, -8px); transform: translate(-8px, -8px); } .previews { float: left; } .imgUploader { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 10px; height: 108px; } .thumb { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border-radius: 2px; border: 1px solid #eaeaea; margin-bottom: 8px; margin-right: 8px; width: 100px; height: 100px; padding: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .thumbInner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; overflow: hidden; position: relative; } .thumbInner::before { position: absolute; z-index: 1; width: 90px; height: 90px; background-color: rgba(0, 0, 0, 0.5); opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; content: ' '; } .thumbInner:hover::before { opacity: 1; } .thumbInner:hover .delete { opacity: 1; } .thumbInner img { display: block; width: auto; height: 100%; width: 100%; } .thumbInner .delete { background: url('/static/images/common/delete.png') no-repeat center / 16px; display: inline-block; height: 16px; width: 16px; position: absolute; z-index: 2; opacity: 0; cursor: pointer; top: 50%; left: 50%; -webkit-transform: translate(-8px, -8px); -ms-transform: translate(-8px, -8px); transform: translate(-8px, -8px); } .friendlink-page .fl_title { height: 136px; background: -webkit-gradient(linear, left top, right top, from(#111834), to(#323a63)); background: -o-linear-gradient(left, #111834, #323a63); background: linear-gradient(to right, #111834, #323a63); overflow: hidden; color: #fff; } .friendlink-page .fl_title h1 { font-size: 31px; line-height: 31px; margin-top: 40px; } .friendlink-page .fl_title p { font-size: 17px; line-height: 17px; margin-top: 15px; } .friendlink-page .fl_group { width: 765px; margin: 100px auto; } .friendlink-page .fl_group:after { content: "."; height: 0; visibility: hidden; display: block; clear: both; } .friendlink-page .fl_group li { width: 150px; height: 50px; line-height: 50px; background: #d6d6d6; float: left; border-radius: 3px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .friendlink-page .fl_group li:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } .friendlink-page .fl_group li a { display: block; color: #333333; } .friendlink-page .fl_group li:nth-child(n+2) { margin-left: 52px; } .friendlink-page .fl_group li:nth-child(4n+1) { margin-left: 0; } .friendlink-page .fl_group li:nth-child(n+5) { margin-top: 20px; } .friendlink-page .spr { width: 820px; height: 1px; background: #d0cdc7; margin: 0 auto; margin-top: 120px; margin-bottom: 45px; border: none; } .friendlink-page .fl_kf { font-size: 18px; color: #333; height: 25px; line-height: 25px; margin-bottom: 50px; } .friendlink-page .fl_kf i { display: inline-block; width: 125px; margin-left: 20px; text-indent: 30px; background: url(/static/common/images/i/kf_qq.png) no-repeat left center; } .gpt-page .banner { height: 380px; background-image: -webkit-gradient(linear, right top, left top, color-stop(1%, #303238), color-stop(31%, #454750), color-stop(63%, #2b2d35), color-stop(95%, #15171d)); background-image: -o-linear-gradient(right, #303238 1%, #454750 31%, #2b2d35 63%, #15171d 95%); background-image: linear-gradient(-90deg, #303238 1%, #454750 31%, #2b2d35 63%, #15171d 95%); } .gpt-page .banner .banner_box { width: 1150px; height: 100%; margin: 0 auto; background: url(/static/images/gpt/banner.png) right no-repeat; } .gpt-page .banner .banner_box h2 { font-size: 32px; color: #fff; padding-top: 69px; margin-bottom: 20px; line-height: 45px; } .gpt-page .banner .banner_box p { font-size: 14px; color: #fff; line-height: 24px; margin-bottom: 35px; width: 495px; } .gpt-page .banner .banner_box a { cursor: pointer; text-decoration: none; background-image: -o-linear-gradient(72deg, #63daf7 0, #12a1e2 98%); background-image: linear-gradient(18deg, #63daf7 0, #12a1e2 98%); border-radius: 2px; padding: 11.5px 23.5px; color: #fff; font-size: 14px; } .gpt-page .banner .banner_box a:hover { background-image: -o-linear-gradient(72deg, #43caf7 0, #1181e2 98%); background-image: linear-gradient(18deg, #43caf7 0, #1181e2 98%); } .gpt-page .banner .banner_box .banner_p { width: 110px; height: 120px; -webkit-transform: skew(-7deg, -10deg); -ms-transform: skew(-7deg, -10deg); transform: skew(-7deg, -10deg); position: relative; overflow: hidden; right: -803px; top: -159px; } .gpt-page .banner .banner_box .banner_p .banner_i { -webkit-animation: 6s rowup linear infinite normal; animation: 6s rowup linear infinite normal; height: 140px; } .gpt-page .problem { height: 558px; } .gpt-page .problem .problem_box { width: 1150px; height: 100%; margin: 0 auto; } .gpt-page .problem .problem_box h2 { font-size: 22px; color: #333; line-height: 30px; padding-top: 56px; text-align: center; } .gpt-page .problem .problem_box ul { margin-top: 30px; padding: 0; } .gpt-page .problem .problem_box ul li { width: 300px; height: 268px; border: 1px solid #e0e0e0; border-radius: 2px; margin-right: 50px; float: left; padding: 40px 24px; -webkit-box-shadow: 0 2px 35px 0 rgba(0, 0, 0, 0.13); box-shadow: 0 2px 35px 0 rgba(0, 0, 0, 0.13); list-style: none; -webkit-box-sizing: content-box; box-sizing: content-box; } .gpt-page .problem .problem_box ul li:nth-child(1) { background: url(/static/images/gpt/pro1.png) center 40px no-repeat; } .gpt-page .problem .problem_box ul li:nth-child(2) { background: url(/static/images/gpt/pro2.png) center 40px no-repeat; } .gpt-page .problem .problem_box ul li:nth-child(3) { background: url(/static/images/gpt/pro3.png) center 40px no-repeat; margin-right: 0; } .gpt-page .problem .problem_box ul li h3 { font-size: 18px; color: #333; padding-top: 147px; line-height: 25px; text-align: center; margin-bottom: 24px; } .gpt-page .problem .problem_box ul li p { font-size: 14px; color: #333; letter-spacing: 0; text-align: justify; line-height: 24px; } .gpt-page .information { height: 664px; border-top: 1px solid #e0e0e0; } .gpt-page .information .infor_title { height: 281px; } .gpt-page .information .infor_title .infor_box { width: 1150px; height: 100%; margin: 0 auto; } .gpt-page .information .infor_title .infor_box h2 { font-size: 22px; color: #333; line-height: 40px; text-align: center; padding-top: 60px; } .gpt-page .information .infor_title .infor_box ul { padding: 0; height: 84px; margin-top: 77px; } .gpt-page .information .infor_title .infor_box ul .infor_t { height: 84px; width: 150px; float: left; margin: 0 115px; cursor: pointer; } .gpt-page .information .infor_title .infor_box ul .infor_t:nth-child(1) .infor_p { background: url(/static/images/gpt/infor.png) 0 -48px no-repeat; } .gpt-page .information .infor_title .infor_box ul .infor_t:nth-child(1) .infor_p.on { background: url(/static/images/gpt/infor.png) 0 0 no-repeat; } .gpt-page .information .infor_title .infor_box ul .infor_t:nth-child(2) .infor_p { background: url(/static/images/gpt/infor.png) -54px -48px no-repeat; } .gpt-page .information .infor_title .infor_box ul .infor_t:nth-child(2) .infor_p.on { background: url(/static/images/gpt/infor.png) -54px 0 no-repeat; } .gpt-page .information .infor_title .infor_box ul .infor_t:nth-child(3) .infor_p { background: url(/static/images/gpt/infor.png) -104px -48px no-repeat; } .gpt-page .information .infor_title .infor_box ul .infor_t:nth-child(3) .infor_p.on { background: url(/static/images/gpt/infor.png) -104px 0 no-repeat; } .gpt-page .information .infor_title .infor_box ul .infor_t .img_box { height: 40px; } .gpt-page .information .infor_title .infor_box ul .infor_t .img_box .infor_p { width: 40px; height: 40px; position: relative; left: 50px; } .gpt-page .information .infor_title .infor_box ul p { font-size: 18px; color: #333; line-height: 24px; text-align: center; margin-top: 18px; } .gpt-page .information .infor_content { height: 382px; background: #f9f9f9; } .gpt-page .information .infor_content .infor_box { width: 1152px; height: 100%; margin: 0 auto; } .gpt-page .information .infor_content .infor_box .infor_con { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .gpt-page .information .infor_content .infor_box .infor_con .infor_img { background-color: #fff; width: 588px; height: 290px; float: left; margin-top: 46px; -webkit-box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.1); border-radius: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .gpt-page .information .infor_content .infor_box .infor_con img { max-width: 100%; } .gpt-page .information .infor_content .infor_box .infor_con .infor_text { width: 470px; height: 100%; background: #f9f9f9; } .gpt-page .information .infor_content .infor_box .infor_con .infor_text h3 { font-size: 16px; color: #333; line-height: 22px; } .gpt-page .information .infor_content .infor_box .infor_con .infor_text h3:first-child { padding-top: 70px; } .gpt-page .information .infor_content .infor_box .infor_con .infor_text p { font-size: 14px; color: #333; line-height: 24px; margin-top: 10px; margin-bottom: 17px; } .gpt-page .strength { height: 510px; border-bottom: 1px solid #e0e0e0; } .gpt-page .strength .strength_box { width: 1150px; height: 100%; margin: 0 auto; } .gpt-page .strength .strength_box h2 { font-size: 22px; color: #333; line-height: 30px; padding-top: 80px; text-align: center; } .gpt-page .strength .strength_box ul { padding: 0; margin-top: 70px; } .gpt-page .strength .strength_box ul li { width: 285px; height: 260px; border-right: 1px solid #e0e0e0; float: left; padding: 0 71px; -webkit-box-sizing: content-box; box-sizing: content-box; } .gpt-page .strength .strength_box ul li:nth-child(1) { background: url(/static/images/gpt/str1.png) 98px 0 no-repeat; padding-left: 0; } .gpt-page .strength .strength_box ul li:nth-child(2) { background: url(/static/images/gpt/str2.png) 180px 0 no-repeat; } .gpt-page .strength .strength_box ul li:nth-child(3) { background: url(/static/images/gpt/str3.png) 175px 0 no-repeat; border-right: none; padding-right: 0; } .gpt-page .strength .strength_box ul li h3 { font-size: 18px; color: #333; padding-top: 117px; line-height: 25px; text-align: center; margin-bottom: 24px; } .gpt-page .strength .strength_box ul li p { font-size: 14px; color: #333; letter-spacing: 0; text-align: justify; line-height: 24px; } .gpt-page .cases { height: 450px; } .gpt-page .cases h2 { font-size: 22px; color: #333; line-height: 30px; padding-top: 56px; text-align: center; } .gpt-page .cases .cases_box { width: 1152px; height: 100%; margin: 0 auto; background: url(/static/images/gpt/cases.png) center 60px no-repeat; } .gpt-page .contact { height: 118px; background: url(/static/images/gpt/contact.jpg) center no-repeat; text-align: center; } .gpt-page .contact div { padding-top: 50px; } .gpt-page .contact a { background: #2278b8; border-radius: 2px; padding: 15.5px 50px; color: #fff; cursor: pointer; font-size: 16px; } .gpt-page .contact a:hover { background-color: #1d5bbb; } .honour-page { background-color: #f7f9fc; } .honour-page .banner { height: 250px; overflow: hidden; position: relative; background: url(/static/images/overview/about.jpg) no-repeat; background-size: cover; } .honour-page .banner > p { color: #fff; font-size: 25px; text-align: center; width: 900px; margin: 0 auto; line-height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 90px; } .honour-page .honour-content { margin: 0 auto; } .honour-page .honour-content h2 { color: #1e1f23; font-size: 32px; line-height: 32px; text-align: center; padding: 40px 0 20px 0; } .honour-page .honour-content .partOne { padding-bottom: 40px; } .honour-page .honour-content .partOne .honour-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; width: 1000px; margin: 0 auto; } .honour-page .honour-content .partOne .honour-list > li { width: 30%; text-align: center; background: #fff; height: 320px; margin: 20px 10px; -webkit-box-shadow: 0 4px 16px 0 #b2b2b259; box-shadow: 0 4px 16px 0 #b2b2b259; -webkit-box-sizing: border-box; box-sizing: border-box; } .honour-page .honour-content .partOne .honour-list > li > img { display: inline-block; width: 266px; height: 200px; margin: 20px auto; } .honour-page .honour-content .partOne .honour-list > li > p { padding: 0 20px; } .honour-page .honour-content .partTwo { padding-bottom: 40px; background-color: #fff; } .honour-page .honour-content .partTwo > ul { display: -webkit-box; display: -ms-flexbox; display: flex; width: 1000px; margin: 0 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; } .honour-page .honour-content .partTwo > ul > li { width: 30%; text-align: center; background: #fff; margin: 20px 10px; -webkit-box-shadow: 0 4px 16px 0 #b2b2b259; box-shadow: 0 4px 16px 0 #b2b2b259; -webkit-box-sizing: border-box; box-sizing: border-box; } .honour-page .honour-content .partTwo > ul > li > img { display: inline-block; width: 200px; height: 249px; padding: 20px 0; } .honour-page .honour-content .partTwo > ul > li > p { margin-top: 15px; padding: 20px 20px; } .jzfw h2 { font-size: 22px; color: #333; line-height: 30px; padding-top: 50px; text-align: center; } .jzfw .banner-box { height: 435px; background: url(/static/images/product/jzfw/banner.png) no-repeat top center / cover; } .jzfw .banner-box .banner { width: 1152px; height: 100%; margin: 0 auto; position: relative; background: url(/static/images/product/jzfw/banner_icon.png) no-repeat right -62px / auto; } .jzfw .banner-box .banner .banner-top h2 { font-size: 32px; color: #fff; padding-top: 96px; margin-bottom: 13px; line-height: 46px; text-align: left; } .jzfw .banner-box .banner .banner-top p { font-size: 14px; color: #fffc; line-height: 24px; margin-bottom: 55px; width: 520px; letter-spacing: 1px; } .jzfw .banner-box .banner .banner-top a { background: #fff; border-radius: 2px; padding: 10px 32px; color: #2661d8; font-size: 14px; } .jzfw .banner-box .banner .banner-bottom { width: 1026px; height: 76px; display: -webkit-box; display: -ms-flexbox; display: flex; color: #e7e9ef; background-color: #4f5d7152; position: absolute; bottom: 0; left: 50%; margin-left: -513px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 40px; -webkit-box-sizing: border-box; box-sizing: border-box; } .jzfw .banner-box .banner .banner-bottom li { font-size: 16px; color: #fff; margin: 0 74px; line-height: 76px; list-style: disc; } .jzfw .banner-box .banner .banner-bottom li a { color: #fff; } .jzfw .containerone-box { background: #f7f9fc; width: 100%; } .jzfw .containerone-box .containerone { width: 1066px; margin: 0 auto; } .jzfw .containerone-box .containerone .content { margin-top: 56px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .jzfw .containerone-box .containerone .content li { margin-bottom: 72px; } .jzfw .containerone-box .containerone .content li:nth-child(odd) { margin-right: 80px; } .jzfw .containerone-box .containerone .content li .item-content { width: 416px; margin-left: 30px; display: inline-block; vertical-align: top; } .jzfw .containerone-box .containerone .content li .item-content .title { color: #444; padding-bottom: 16px; font-size: 16px; } .jzfw .containerone-box .containerone .content li .item-content .text { font-size: 14px; color: #686c78; text-align: justify; line-height: 24px; } .jzfw .containertwo-box { background: #fff; width: 100%; } .jzfw .containertwo-box .containertwo { width: 960px; margin: 0 auto; } .jzfw .containertwo-box .containertwo .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 50px 0 88px 0; } .jzfw .containertwo-box .containertwo .content .item-content { margin-left: 90px; width: 1063px; } .jzfw .containertwo-box .containertwo .content .item-content li { list-style: disc; color: #196bf0; } .jzfw .containertwo-box .containertwo .content .item-content li:first-child .title { padding-top: 0; } .jzfw .containertwo-box .containertwo .content .item-content li .title { font-size: 16px; color: #1e1f23; line-height: 30px; padding: 20px 0; } .jzfw .containertwo-box .containertwo .content .item-content li .text { font-size: 14px; color: #686c78; text-align: justify; line-height: 24px; } .jzfw .containertwo-box .containertwo .content .img { margin-top: 20px; } .jzfw .containerthree-box { background: #f7f9fc; width: 100%; } .jzfw .containerthree-box .containerthree { width: 1152px; margin: 0 auto; } .jzfw .containerthree-box .containerthree .img { padding: 48px 0 88px 76px; } .jzfw .containerthree-box .containerthree .content { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 40px 0 60px 0; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .jzfw .containerthree-box .containerthree .content li { -webkit-box-flex: 0; -ms-flex: 0 0 232px; flex: 0 0 232px; padding-bottom: 32px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; border-radius: 2px; } .jzfw .containerthree-box .containerthree .content li p { font-size: 14px; color: #1e1f23; margin-top: 16px; } .jzfw .containerfour-box .containerfour .content { width: 1152px; margin: 48px auto 88px auto; display: -webkit-box; display: -ms-flexbox; display: flex; } .jzfw .containerfour-box .containerfour .content > li { -webkit-box-flex: 0; -ms-flex: 0 0 353px; flex: 0 0 353px; margin-right: 48px; background: #ffffff; -webkit-box-shadow: 0 4px 12px 0 rgba(197, 197, 197, 0.5); box-shadow: 0 4px 12px 0 rgba(197, 197, 197, 0.5); } .jzfw .containerfour-box .containerfour .content > li:last-child { margin-right: none; } .jzfw .containerfour-box .containerfour .content > li .top { width: 100%; height: 93px; color: #fff; padding: 19px 0 0 32px; -webkit-box-sizing: border-box; box-sizing: border-box; } .jzfw .containerfour-box .containerfour .content > li .top .title { font-size: 21px; text-align: justify; } .jzfw .containerfour-box .containerfour .content > li .top .des { font-size: 14px; padding-top: 9px; } .jzfw .containerfour-box .containerfour .content > li .center { padding: 24px 32px; } .jzfw .containerfour-box .containerfour .content > li .center .protitle { font-size: 16px; color: #1e1f23; text-align: justify; } .jzfw .containerfour-box .containerfour .content > li .center .introList { padding: 16px 0 24px 0; min-height: 153px; border-bottom: 1px solid #e7eaef; } .jzfw .containerfour-box .containerfour .content > li .center .introList li { text-indent: 20px; position: relative; margin-top: 8px; } .jzfw .containerfour-box .containerfour .content > li .center .introList li::before { position: absolute; left: 0; content: ""; display: inline-block; width: 13px; height: 13px; top: 3px; background: url(/static/images/product/jzfw/check.png) no-repeat center / auto; } .jzfw .containerfour-box .containerfour .content > li .center .priceInfo { padding-top: 24px; position: relative; } .jzfw .containerfour-box .containerfour .content > li .center .priceInfo p { color: #686C78; } .jzfw .containerfour-box .containerfour .content > li .center .priceInfo p .price { font-size: 24px; } .jzfw .containerfour-box .containerfour .content > li .center .priceInfo .four-btn { background: #e58829; border-radius: 2px; font-size: 14px; color: #ffffff; text-align: center; width: 96px; height: 32px; line-height: 32px; position: absolute; right: 0; top: 19px; } .mall-page .banner { width: 100%; height: 480px; background: url("/static/images/mall/banner.png") no-repeat center; } .mall-page .mall-content { background-color: #fff; border-bottom: 1px solid #cbd1da; } .mall-page .mall-content .title { font-size: 32px; color: #000; letter-spacing: 0; text-align: center; line-height: 32px; } .mall-page .mall-content .e-title { opacity: 0.4; font-size: 16px; color: #999ea8; letter-spacing: 0; text-align: center; line-height: 20px; padding: 16px 0 36px 0; } .mall-page .mall-content .mt48 { margin-top: 116px !important; } .mall-page .mall-content img { cursor: pointer; } .mall-page .mall-content .wrap-design { margin-top: 10px; } .mall-page .mall-content .wrap-design .line { height: 7px; width: 35px; background: #0b6fd6; margin-top: 16px; } .mall-page .mall-content .wrap-design .de-title { font-size: 16px; color: #2a2b31; letter-spacing: 0; text-align: left; } .mall-page .mall-content .wrap-design .de-theme { margin-top: 8px; font-size: 16px; color: #686c78; letter-spacing: 0; } .mall-page .mall-content .wrap-design .mt20 { margin-top: 20px; } .mall-page .mall-content .goods-title { text-align: left; margin-top: -42px; cursor: default; } .mall-page .mall-content .goods-title span { font-size: 24px; color: #1e1f23; letter-spacing: 0; text-align: center; line-height: 28px; position: relative; } .mall-page .mall-content .goods-title span::before { content: ""; display: inline-block; background: url("/static/images/mall/icon.png") no-repeat left; width: 60px; height: 88px; vertical-align: middle; position: absolute; top: 22%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); left: -48px; } .mall-page .mall-content .de-content { font-size: 14px; color: #999ea8; letter-spacing: 0; text-align: justify; line-height: 24px; margin-top: 24px; } .mall-page .mall-content .content { width: 736px; font-size: 14px; color: #686c78; letter-spacing: 0; text-align: justify; margin: 0 auto; } .mall-page .mall-content .btn-wrap { width: 384px; margin: 0 auto; margin-top: 32px; } .mall-page .mall-content .btn-wrap .buy-btn { display: inline-block; background: #fff; border: 1px solid #0b6fd6; border-radius: 2px; color: #0b6fd6; letter-spacing: 0; text-align: center; font-size: 18px; line-height: 48px; width: 160px; } .mall-page .mall-content .btn-wrap .first-btn { margin-right: 50px; background: #0b6fd6; color: #fff; } .mall-page .mall-content .intro { padding: 80px 0 71px 0; border-bottom: 1px solid #e7eaef; } .mall-page .mall-content .story { padding-top: 63px; } .mall-page .mall-content .story .part-title { font-size: 32px; color: #000; text-align: center; } .mall-page .mall-content .story .flex-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .mall-page .mall-content .story .l-content { margin-right: 60px; } .mall-page .mall-content .story .part-two { padding: 100px 0; background: #f7f9fc; } .mall-page .mall-content .story .part-three { padding: 100px 0; } .mall-page .mall-content .story .goods-one { margin-top: 66px; } .mall-page .mall-content .story .goods-one .de-content { width: 420px; } .mall-page .mall-content .story .goods-one .t-shirt-two { margin-top: 32px; } .mall-page .mall-content .story .goods-one .t-shirt-one { height: 493px; } .mall-page .mall-content .story .goods-two { margin-top: 100px; } .mall-page .mall-content .story .goods-two .note-book { font-size: 48px; color: #1e1f23; letter-spacing: 0; text-align: center; line-height: 64px; margin: 40px 0 28px 0; text-align: left; } .mall-page .mall-content .story .goods-three { background: #fff; padding-bottom: 70px; } .mall-page .mall-content .story .goods-three .de-content { width: 417px; } .mall-page .mall-content .story .goods-three .t-shirt-four { margin-top: 32px; } .mall-page .mall-content .story .goods-four { margin-top: 116px; } .mall-page .mall-content .story .goods-four .four-content { height: 583px; width: 898px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .mall-page .mall-content .story .goods-four .four-content::before { content: ""; display: block; height: 583px; width: 898px; position: absolute; background: url("/static/images/mall/t-shirt5.png") no-repeat center; cursor: pointer; } .mall-page .mall-content .story .goods-four .four-content .w418 { width: 418px; } .mall-page .mall-content .story .goods-four .four-content .de-content { width: 292px; } .mall-page .mall-content .story .goods-four .four-content .btn { padding-top: 484px; position: absolute; right: 0; width: 450px; bottom: 14px; } .mall-page .mall-content .story .goods-five { height: 490px; width: 928px; margin: 0 auto; margin-top: 100px; cursor: pointer; background: url("/static/images/mall/zoom_eye.png") no-repeat center; } .mall-page .mall-content .story .goods-five .five-content { float: right; } .mall-page .mall-content .story .goods-five .btn { margin-top: 354px; margin-right: -16px; } .mall-page .mall-content .story .goods-five .goods-title { text-align: right; margin-top: 12px; } .mall-page .mall-content .story .goods-six .de-content { width: 450px; } .mall-page .mall-content .story .goods-six .goods-title { margin-top: 0px; } .mall-page .mall-content .story .goods-six .polo-two { margin-top: 72px; } .mall-page .mall-content .story .goods-seven { height: 490px; width: 928px; margin: 0 auto; margin-top: 100px; cursor: pointer; background: url("/static/images/mall/bag.png") no-repeat center; } .mall-page .mall-content .story .goods-seven .seven-content { float: right; } .mall-page .mall-content .story .goods-seven .btn { margin-top: 372px; margin-right: -11px; } .mall-page .mall-content .story .goods-seven .goods-title { text-align: right; margin-top: 0px; } .mall-page .mall-content .story .goods-eight { height: 418px; width: 928px; margin: 0 auto; margin-top: 100px; background: url("/static/images/mall/sound_box.png") no-repeat center; cursor: pointer; } .mall-page .mall-content .story .goods-eight .btn { text-align: center; margin-top: 340px; width: 100%; } .mall-page .mall-content .story .goods-eight .btn .btn-wrap { width: 100%; } .mall-page .mall-content .tip { font-size: 16px; color: #686c78; letter-spacing: 0; text-align: center; margin-top: 107px; margin-bottom: 48px; } .mall-page .bottom-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 60px 0 75px 0; } .mall-page .bottom-wrap li { width: 220px; margin-right: 70px; } .mall-page .bottom-wrap li:last-child { margin-right: 0px; } .mall-page .bottom-wrap li .inline { display: inline-block; vertical-align: middle; } .mall-page .bottom-wrap li img { display: inline-block; height: 54px; width: 50px; margin-right: 16px; } .mall-page .bottom-wrap li .title { font-size: 16px; color: #1e1f23; letter-spacing: 0; } .mall-page .bottom-wrap li .content { font-size: 14px; color: #686c78; letter-spacing: 0; } .code-modal { width: 510px; height: 391px; } .code-modal .code-img { width: 200px; margin: 0 auto; padding-top: 64px; } .code-modal .code-img img { display: inline-block; width: 100%; } .code-modal .code-tip { font-size: 18px; color: #4d4d4d; letter-spacing: 0.6px; line-height: 25px; text-align: center; margin-top: 25px; } .overview-page .overview-banner-container { height: 400px; width: 100%; background: url(/static/images/overview/banner.png) no-repeat center / cover; } .overview-page .overview-banner-container .overview-banner-content { width: 1152px; margin: 0 auto; text-align: center; } .overview-page .overview-banner-container .overview-banner-content > img { display: inline-block; width: 299px; margin: 65px 0; } .overview-page .overview-banner-container .overview-banner-content .content { font-size: 14px; font-weight: 400; color: #ffffff; line-height: 25px; width: 785px; margin: 0 auto; text-align: justify; } .overview-page .overview-mainbody-container .overview-mainbody-content { opacity: 0; } .overview-page .overview-mainbody-container .overview-mainbody-content .intro-content { width: 1152px; margin: 0 auto; } .overview-page .overview-mainbody-container .overview-mainbody-content .intro-content > h4 { font-size: 32px; margin: 66px 0 34px; font-weight: 600; color: #33363b; } .overview-page .overview-mainbody-container .overview-mainbody-content .intro-content .intro-txt { font-size: 20px; font-weight: 400; color: #686c78; text-align: justify; line-height: 36px; margin-bottom: 60px; } .overview-page .overview-mainbody-container .overview-mainbody-content .intro-content .intro-txt > p { margin-bottom: 40px; } .overview-page .overview-mainbody-container .overview-mainbody-content .intro-content .intro-tab { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .overview-page .overview-mainbody-container .overview-mainbody-content .intro-content .intro-tab .intro-tab-item { width: 270px; height: 190px; background: url("/static/images/overview/pic.png") no-repeat center / cover; padding: 30px 0 30px 36px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .overview-page .overview-mainbody-container .overview-mainbody-content .intro-content .intro-tab .intro-tab-item:hover { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); background: url("/static/images/overview/pic1.png") no-repeat center / cover; } .overview-page .overview-mainbody-container .overview-mainbody-content .intro-content .intro-tab .intro-tab-item:hover .num { color: #ffffff; } .overview-page .overview-mainbody-container .overview-mainbody-content .intro-content .intro-tab .intro-tab-item:hover .num > span { color: #ffffff; } .overview-page .overview-mainbody-container .overview-mainbody-content .intro-content .intro-tab .intro-tab-item:hover .txt { color: rgba(255, 255, 255, 0.7); } .overview-page .overview-mainbody-container .overview-mainbody-content .intro-content .intro-tab .intro-tab-item .num { font-size: 72px; font-weight: 500; color: #0b6fd6; position: relative; line-height: 86px; font-family: BarlowSemiCondensed-Medium, BarlowSemiCondensed; } .overview-page .overview-mainbody-container .overview-mainbody-content .intro-content .intro-tab .intro-tab-item .num > span { position: absolute; font-size: 20px; font-weight: 600; color: #0b6fd6; top: -30px; padding-left: 5px; } .overview-page .overview-mainbody-container .overview-mainbody-content .intro-content .intro-tab .intro-tab-item .txt { font-size: 24px; font-weight: 600; color: #33363b; line-height: 33px; } .overview-page .overview-idea-container { opacity: 0; width: 1152px; margin: 70px auto; display: -webkit-box; display: -ms-flexbox; display: flex; height: 590px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .overview-page .overview-idea-container .idea-content { -webkit-box-flex: 0; -ms-flex: 0 0 576px; flex: 0 0 576px; height: 441px; border-left: 6px solid #277fda; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 45px; } .overview-page .overview-idea-container .idea-content > h4 { font-size: 32px; font-weight: 600; color: #33363b; line-height: 45px; margin-bottom: 64px; } .overview-page .overview-idea-container .idea-content .idea-content-list .title { font-size: 20px; font-weight: 600; color: #33363b; line-height: 28px; margin-bottom: 10px; } .overview-page .overview-idea-container .idea-content .idea-content-list .centent { font-size: 16px; font-weight: 400; color: #686c78; line-height: 24px; margin-bottom: 28px; } .overview-page .overview-idea-container .idea-img { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100vw / 2); flex: 0 0 calc(100vw / 2); } .overview-page .overview-idea-container .idea-img > img { display: inline-block; width: 100%; height: 590px; } .overview-page .overview-course-container { height: 701px; } .overview-page .overview-course-container .overview-course-content { position: relative; background: #f7f9fc url(/static/images/overview/course.png) no-repeat center top / auto; } .overview-page .overview-course-container .overview-course-content::before { content: ""; display: block; position: absolute; width: 100%; border: 1px solid #aed4ff; top: 297px; } .overview-page .overview-course-container .overview-course-content::after { content: ""; display: block; position: absolute; width: 80px; height: 100%; background: -webkit-gradient(linear, right top, left top, from(#ffffff), to(rgba(255, 255, 255, 0))); background: -o-linear-gradient(right, #ffffff 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%); top: 0; right: 0; } .overview-page .overview-course-container .overview-course-content > h2 { font-size: 32px; font-weight: 600; color: #33363b; line-height: 45px; width: 1152px; margin: 0 auto; padding: 70px 0 64px; } .overview-page .overview-course-container .overview-course-content .course-swiper-wrapper { overflow: auto; height: 461px; } .overview-page .overview-course-container .overview-course-content .course-swiper-wrapper::-webkit-scrollbar { height: 2px; } .overview-page .overview-course-container .overview-course-content .course-swiper-wrapper::-webkit-scrollbar-thumb:horizontal { border-radius: 10px; background: #f7f9fc; } .overview-page .overview-course-container .overview-course-content .course-swiper-wrapper .course-swiper-box { width: 1152px; margin: 0 auto; position: relative; } .overview-page .overview-course-container .overview-course-content .course-swiper-wrapper .course-swiper-box .course-swiper { position: absolute; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: left 1s ease 0s; -o-transition: left 1s ease 0s; transition: left 1s ease 0s; } .overview-page .overview-course-container .overview-course-content .course-swiper-wrapper .course-swiper-box .course-swiper .course-swiper-item { width: 370px !important; margin-right: 56px; } .overview-page .overview-course-container .overview-course-content .course-swiper-wrapper .course-swiper-box .course-swiper .course-swiper-item .year { font-size: 40px; font-weight: 600; color: #33363b; line-height: 56px; margin-bottom: 31px; } .overview-page .overview-course-container .overview-course-content .course-swiper-wrapper .course-swiper-box .course-swiper .course-swiper-item .year::after { content: ""; display: block; width: 48px; height: 48px; margin-top: 39px; background: url(/static/images/overview/robot.png) no-repeat center / 100%; } .overview-page .overview-course-container .overview-course-content .course-swiper-wrapper .course-swiper-box .course-swiper .course-swiper-item > div { width: 370px; background: #ffffff; border-radius: 0px 8px 8px 8px; padding: 24px 24px 36px 16px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 16px; font-weight: 400; color: #686c78; line-height: 24px; text-align: justify; } .overview-page .overview-course-container .overview-course-content .course-swiper-wrapper .course-swiper-box .course-swiper .course-swiper-item > div > p { margin-bottom: 16px; } .overview-page .overview-course-container .overview-course-content .course-navigation { width: 1152px; margin: 0 auto; padding-bottom: 26px; } .overview-page .overview-course-container .overview-course-content .course-navigation > span { display: inline-block; width: 30px; height: 30px; margin-right: 16px; } .overview-page .overview-course-container .overview-course-content .course-navigation > span:first-child { background: url(/static/images/overview/ic_disabled_left.png) no-repeat center / 100%; } .overview-page .overview-course-container .overview-course-content .course-navigation > span:last-child { background: url(/static/images/overview/ic_disabled_right.png) no-repeat center / 100%; } .overview-page .overview-course-container .overview-course-content .course-navigation > span:hover:first-child { background: url(/static/images/overview/ic_active_hover_left.png) no-repeat center / 100%; } .overview-page .overview-course-container .overview-course-content .course-navigation > span:hover:last-child { background: url(/static/images/overview/ic_active_hover_right.png) no-repeat center / 100%; } .overview-page .overview-course-container .overview-course-content .course-navigation .active:first-child { background: url(/static/images/overview/ic_normal_left.png) no-repeat center / 100%; } .overview-page .overview-course-container .overview-course-content .course-navigation .active:last-child { background: url(/static/images/overview/ic_normal_right.png) no-repeat center / 100%; } .overview-page .overview-team-container { height: 1069px; } .overview-page .overview-team-container .overview-team-content { width: 1152px; margin: 0 auto; } .overview-page .overview-team-container .overview-team-content > h4 { font-size: 32px; font-weight: 600; color: #33363b; line-height: 45px; margin: 100px 0 54px; } .overview-page .overview-team-container .overview-team-content .team-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .overview-page .overview-team-container .overview-team-content .team-list .team-item { padding-bottom: 62px; padding-right: 44px; -webkit-box-sizing: border-box; box-sizing: border-box; } .overview-page .overview-team-container .overview-team-content .team-list .team-item > img { display: inline-block; width: 340px; } .overview-page .overview-team-container .overview-team-content .team-list .team-item .name { padding: 20px 0 11px; font-size: 24px; font-weight: 600; color: #33363b; line-height: 33px; } .overview-page .overview-team-container .overview-team-content .team-list .team-item .position { font-size: 20px; font-weight: 400; color: #686c78; line-height: 24px; } .overview-page .overview-vision-container { height: 582px; } .overview-page .overview-vision-container .overview-vision-content { width: 1152px; margin: 0 auto; } .overview-page .overview-vision-container .overview-vision-content > h4 { font-size: 32px; font-weight: 600; color: #33363b; line-height: 45px; margin-bottom: 60px; } .overview-page .overview-vision-container .overview-vision-content .vision-content { width: 100%; height: 477px; background: #f7f9fc; display: -webkit-box; display: -ms-flexbox; display: flex; } .overview-page .overview-vision-container .overview-vision-content .vision-content::before { content: ""; display: inline-block; width: 520px; height: 477px; background: url(/static/images/overview/pic3.png) no-repeat left center / 100%; } .overview-page .overview-vision-container .overview-vision-content .vision-content > div { padding: 46px 0 0 56px; position: relative; } .overview-page .overview-vision-container .overview-vision-content .vision-content > div::after { content: ""; display: block; width: 116px; height: 116px; background: url(/static/images/overview/ic_logo.png) no-repeat center / 100%; position: absolute; bottom: 0; right: -70px; } .overview-page .overview-vision-container .overview-vision-content .vision-content > div .part:first-child { margin-bottom: 70px; } .overview-page .overview-vision-container .overview-vision-content .vision-content > div .part .title { font-size: 24px; font-weight: 400; color: #33363b; line-height: 33px; margin-bottom: 12px; } .overview-page .overview-vision-container .overview-vision-content .vision-content > div .part .en-title { font-size: 18px; font-weight: 500; color: #0b6fd6; line-height: 22px; margin-bottom: 40px; } .overview-page .overview-vision-container .overview-vision-content .vision-content > div .part .txt { font-size: 36px; font-weight: 600; color: #33363b; line-height: 50px; } .overview-page .overview-future-container { height: 201px; margin-top: 100px; background: url(/static/images/overview/bg3.png) no-repeat center / cover; } .overview-page .overview-future-container .overview-future-content { width: 1152px; margin: 0 auto; padding: 60px 0; } .overview-page .overview-future-container .overview-future-content > h4 { font-size: 32px; font-weight: 600; color: #ffffff; line-height: 45px; margin-bottom: 14px; } .overview-page .overview-future-container .overview-future-content > p { font-size: 16px; font-weight: 400; color: #ffffff; line-height: 22px; } .product-wrap h2 { font-size: 22px; color: #333; line-height: 30px; padding-top: 50px; text-align: center; } .product-wrap .lf-h2 { text-align: left; } .product-wrap .banner { height: 400px; background-position: center; background-repeat: no-repeat; background-size: cover; } .product-wrap .banner .banner_box { width: 1152px; height: 100%; margin: 0 auto; } .product-wrap .banner .banner_box > h2 { font-size: 32px; color: #fff; padding-top: 90px; margin-bottom: 24px; line-height: 46px; text-align: left; } .product-wrap .banner .banner_box > h2 > span { color: #f5a623; font-size: 14px; margin-left: 10px; } .product-wrap .banner .banner_box > p { font-size: 14px; color: #fff; line-height: 21px; margin-bottom: 29px; width: 496px; } .product-wrap .banner .banner_box .product-btn-wrap > a { border: 1px solid; border-radius: 2px; padding: 9px 26px; color: #fff; font-size: 14px; } .product-wrap .banner .banner_box .product-btn-wrap > a:nth-child(2) { margin-left: 16px; } .product-wrap .banner .banner_box .product-btn-wrap .purchase-btn { background: #056cf1; border-color: #056cf1; } .product-wrap .banner .banner_box .product-btn-wrap .purchase-btn:hover { background: #0260e7; } .product-wrap .banner .banner_box .product-btn-wrap .dashborad-btn { border-color: #fff; -webkit-box-sizing: content-box; box-sizing: content-box; } .product-wrap .content-wrap { width: 1152px; margin: 0 auto; } .product-wrap .content-wrap .product_box { padding-top: 50px; } .product-wrap .content-wrap .product_box img { display: inline-block; width: 1152px; } .product-wrap .content-wrap .afterSaleService_box .afterSaleService-content { margin: 24px 0 48px 0; } .product-wrap .content-wrap .afterSaleService_box .afterSaleService-content > pre { white-space: pre-wrap; word-wrap: break-word; } .product-wrap .content-wrap .help_box .help-content { margin: 24px 0 56px 0; } .qkldz-page .banner { width: 100%; height: 400px; background: -webkit-gradient(linear, left top, right top, from(#111834), to(#323a63)); background: -o-linear-gradient(left, #111834, #323a63); background: linear-gradient(90deg, #111834, #323a63); color: #fff; } .qkldz-page .banner .content { height: 100%; width: 1120px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .qkldz-page .banner .content .title { font-size: 32px; } .qkldz-page .banner .content .detail { font-size: 14px; width: 496px; margin-top: 23px; } .qkldz-page .banner .content .button { font-size: 16px; width: 136px; height: 40px; line-height: 40px; text-align: center; margin-top: 30px; color: #fff; background-color: #2370e7; border-radius: 2px; border: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; } .qkldz-page .banner .content .button:hover { background-color: #1d5bbb; } .qkldz-page .page-content .title { text-align: center; font-size: 24px; margin-bottom: 32px; } .qkldz-page .page-content .content-one { width: 1120px; margin: 0 auto; padding: 56px 0; } .qkldz-page .page-content .content-one ul { display: grid; grid-gap: 32px; grid-template-columns: repeat(3, 1fr); grid-auto-rows: 296px; } .qkldz-page .page-content .content-one ul li { padding: 0 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; -webkit-transition: -webkit-box-shadow 0.3s; transition: -webkit-box-shadow 0.3s; -o-transition: box-shadow 0.3s; transition: box-shadow 0.3s; transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; border: 1px solid #e8e8e8; padding-top: 32px; } .qkldz-page .page-content .content-one ul li .title { margin-top: 28px; font-size: 16px; color: #444; font-weight: 700; margin-bottom: 0; } .qkldz-page .page-content .content-one ul li .text { color: #666; font-size: 14px; margin-top: 22px; } .qkldz-page .page-content .content-two { width: 1120px; margin: 0 auto; padding: 56px 0; } .qkldz-page .page-content .content-two ul { display: grid; grid-gap: 32px; grid-template-columns: repeat(2, 1fr); grid-auto-rows: 236px; } .qkldz-page .page-content .content-two ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; border: 1px solid #e8e8e8; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 32px; -webkit-transition: -webkit-box-shadow 0.3s; transition: -webkit-box-shadow 0.3s; -o-transition: box-shadow 0.3s; transition: box-shadow 0.3s; transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; } .qkldz-page .page-content .content-two ul li .info { width: 304px; } .qkldz-page .page-content .content-two ul li .info .title { font-size: 16px; color: #444; margin-bottom: 24px; font-weight: 700; text-align: left; } .qkldz-page .page-content .content-two ul li .info .text { font-size: 14px; color: #666; margin-bottom: 24px; } .qkldz-page .page-content .content-two ul li .info a { font-size: 16px; color: #2370e7; text-decoration: none; } .qkldz-page .page-content .content-three { width: 100%; background-color: #fff; } .qkldz-page .page-content .content-three .flow-img { width: 1120px; height: 781px; margin: 0 auto 56px; margin-top: 56px; display: block; background-image: url(/static/images/qkldz/flow.png); background-position: 50%; background-repeat: no-repeat; } .qkldz-page .page-content .content-five { width: 1120px; margin: 0 auto; padding: 56px 0; } .qkldz-page .page-content .content-five ul { display: grid; grid-gap: 32px; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 318px; } .qkldz-page .page-content .content-five ul li { padding: 0 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; -webkit-transition: -webkit-box-shadow 0.3s; transition: -webkit-box-shadow 0.3s; -o-transition: box-shadow 0.3s; transition: box-shadow 0.3s; transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; padding-top: 32px; } .qkldz-page .page-content .content-five ul li:hover { -webkit-box-shadow: 0 1px 16px 0 rgba(232, 232, 233, 0.9); box-shadow: 0 1px 16px 0 rgba(232, 232, 233, 0.9); } .qkldz-page .page-content .content-five ul li .icon { display: inline-block; width: 100%; height: 90px; background-repeat: no-repeat; background-position: 50%; } .qkldz-page .page-content .content-five ul li .title { margin-top: 28px; font-size: 16px; color: #444; font-weight: 700; } .qkldz-page .page-content .content-five ul li .text { color: #666; font-size: 14px; margin-top: 22px; } .qkldz-page .page-content .common-footer { height: 160px; background: -webkit-gradient(linear, left bottom, left top, from(#222833), to(#1f2939)); background: -o-linear-gradient(bottom, #222833, #1f2939); background: linear-gradient(0deg, #222833, #1f2939); } .qkldz-page .page-content .common-footer .content { height: 100%; background-image: url(/static/images/qkldz/bg.png); background-position: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .qkldz-page .page-content .common-footer .content .get-more { width: 240px; height: 64px; line-height: 64px; text-align: center; border: none; background-color: #2370e7; color: #fff; font-size: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; } .safetyAwareness-wrap .banner { height: 379px; background: #030d2a url(/static/images/product/safetyawareness/banner.jpg) center no-repeat; } .safetyAwareness-wrap .banner .banner_box { width: 1152px; height: 100%; margin: 0 auto; } .safetyAwareness-wrap .banner .banner_box h2 { font-size: 32px; color: #fff; padding-top: 121px; margin-bottom: 20px; line-height: 32px; } .safetyAwareness-wrap .banner .banner_box p { font-size: 14px; color: #fff; line-height: 24px; width: 495px; margin-bottom: 35px; } .safetyAwareness-wrap .banner .banner_box a { background: #056cf1; border-radius: 2px; padding: 11.5px 26px; color: #fff; font-size: 14px; } .safetyAwareness-wrap .banner .banner_box a:hover { background: #0260e7; } .safetyAwareness-wrap .Policy { height: 486px; } .safetyAwareness-wrap .Policy .Policy_box { width: 1156px; height: 100%; margin: 0 auto; background: url(/static/images/product/safetyawareness/policy_bg.png) left no-repeat; } .safetyAwareness-wrap .Policy .Policy_box .Policy_text { width: 654px; height: 100%; padding-top: 150px; margin-left: 470px; } .safetyAwareness-wrap .Policy .Policy_box .Policy_text h2 { font-size: 22px; color: #333; line-height: 30px; } .safetyAwareness-wrap .Policy .Policy_box .Policy_text .line { width: 20px; height: 4px; background-color: #2470e8; border-radius: 2px; margin-top: 8px; margin-bottom: 26px; } .safetyAwareness-wrap .Policy .Policy_box .Policy_text p { width: 654px; font-size: 16px; line-height: 24px; color: #333; text-align: justify; } .safetyAwareness-wrap .Iimportance { height: 594px; background: url(/static/images/product/safetyawareness/importance.jpg) center no-repeat; } .safetyAwareness-wrap .Iimportance .Iimportance_box { width: 1152px; height: 100%; margin: 0 auto; } .safetyAwareness-wrap .Iimportance .Iimportance_box h2 { font-size: 24px; color: #fff; line-height: 24px; padding-top: 130px; } .safetyAwareness-wrap .Iimportance .Iimportance_box .line { width: 20px; height: 4px; background-color: #fff; border-radius: 2px; margin-top: 8px; margin-bottom: 26px; } .safetyAwareness-wrap .Iimportance .Iimportance_box p { width: 623px; font-size: 16px; line-height: 24px; color: #fff; } .safetyAwareness-wrap .Value { height: 460px; } .safetyAwareness-wrap .Value .Value_box { width: 1152px; height: 529px; margin: 0 auto; background-color: #fff; -webkit-box-shadow: 0 23px 27px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 23px 27px 0 rgba(0, 0, 0, 0.05); position: relative; top: -127px; } .safetyAwareness-wrap .Value .Value_box h2 { font-size: 24px; line-height: 24px; color: #333; text-align: center; padding-top: 50px; } .safetyAwareness-wrap .Value .Value_box .line { width: 20px; height: 4px; background-color: #2470e8; border-radius: 2px; margin: auto; margin-top: 8px; margin-bottom: 26px; } .safetyAwareness-wrap .Value .Value_box ul { width: 890px; height: 330px; padding-left: 150px; } .safetyAwareness-wrap .Value .Value_box ul li { width: 647px; height: 75px; padding-left: 243px; padding-top: 45px; } .safetyAwareness-wrap .Value .Value_box ul li:nth-child(1) { background: url(/static/images/product/safetyawareness/value1.png) left no-repeat; } .safetyAwareness-wrap .Value .Value_box ul li:nth-child(2) { background: url(/static/images/product/safetyawareness/value2.png) left no-repeat; } .safetyAwareness-wrap .Value .Value_box ul li:nth-child(3) { background: url(/static/images/product/safetyawareness/value3.png) left no-repeat; } .safetyAwareness-wrap .Process { height: 580px; } .safetyAwareness-wrap .Process .Process_box { width: 1152px; height: 100%; margin: 0 auto; } .safetyAwareness-wrap .Process .Process_box h2 { font-size: 24px; line-height: 24px; color: #333; text-align: center; } .safetyAwareness-wrap .Process .Process_box .line { width: 20px; height: 4px; background-color: #2470e8; border-radius: 2px; margin: auto; margin-top: 8px; margin-bottom: 26px; } .safetyAwareness-wrap .Process .Process_box ul { width: 100%; height: 410px; } .safetyAwareness-wrap .Process .Process_box ul li { height: 100%; width: 220px; border-right: dashed 1px rgba(36, 112, 232, 0.2); float: left; } .safetyAwareness-wrap .Process .Process_box ul li h3 { font-size: 16px; line-height: 24px; color: #2470e8; padding-top: 157px; text-align: center; } .safetyAwareness-wrap .Process .Process_box ul li p { font-size: 14px; line-height: 24px; color: #333; width: 139px; margin: auto; margin-top: 45px; text-align: justify; } .safetyAwareness-wrap .Process .Process_box ul li:nth-child(1) { background: url(/static/images/product/safetyawareness/process1.png) center 25px no-repeat; } .safetyAwareness-wrap .Process .Process_box ul li:nth-child(2) { background: url(/static/images/product/safetyawareness/process2.png) center 30px no-repeat; } .safetyAwareness-wrap .Process .Process_box ul li:nth-child(3) { background: url(/static/images/product/safetyawareness/process3.png) center 30px no-repeat; } .safetyAwareness-wrap .Process .Process_box ul li:nth-child(4) { background: url(/static/images/product/safetyawareness/process4.png) center 30px no-repeat; } .safetyAwareness-wrap .Process .Process_box ul li:nth-child(5) { background: url(/static/images/product/safetyawareness/process5.png) center 10px no-repeat; border-right: none; } .safetyAwareness-wrap .Process .Process_box ul li:nth-child(5) p { width: 142px; } .safetyAwareness-wrap .Quote { height: 1580px; } .safetyAwareness-wrap .Quote .Quote_box { width: 1152px; height: 100%; margin: 0 auto; } .safetyAwareness-wrap .Quote .Quote_box h2 { font-size: 24px; line-height: 24px; color: #333; text-align: center; } .safetyAwareness-wrap .Quote .Quote_box .line { width: 20px; height: 4px; background-color: #2470e8; border-radius: 2px; margin: auto; margin-top: 8px; margin-bottom: 26px; } .safetyAwareness-wrap .Quote .Quote_box table { width: 100%; border: 1px solid #ddd; margin-top: 32px; text-align: center; font-size: 14px; color: #333; } .safetyAwareness-wrap .Quote .Quote_box table tr { border-bottom: 1px solid #ddd; } .safetyAwareness-wrap .Quote .Quote_box table td { border-right: 1px solid #ddd; } .safetyAwareness-wrap .Quote .Quote_box table th { border-right: 1px solid #ddd; } .safetyAwareness-wrap .Quote .Quote_box table strong { font-size: 16px; line-height: 16px; color: #333; position: relative; top: -10px; } .safetyAwareness-wrap .Quote .Quote_box table em { font-size: 14px; color: #444; margin-top: 22px; display: block; position: relative; top: -10px; } .safetyAwareness-wrap .Quote .Quote_box table em span { font-size: 24px; } .safetyAwareness-wrap .Quote .Quote_box table a { padding: 6px 28px; background-color: #2370e7; border-radius: 16px; color: #fff; position: relative; top: 10px; } .safetyAwareness-wrap .Quote .Quote_box table a:hover { background: #1c5bbc !important; } .safetyAwareness-wrap .Quote .Quote_box table thead tr { height: 174px; } .safetyAwareness-wrap .Quote .Quote_box table thead tr th { width: 495px; } .safetyAwareness-wrap .Quote .Quote_box table thead tr td { width: 313px; } .safetyAwareness-wrap .Quote .Quote_box table tbody tr { height: 68px; } .safetyAwareness-wrap .Quote .Quote_box table tbody tr th { width: 248px; } .safetyAwareness-wrap .Quote .Quote_box table tbody tr:last-child { height: 101px; } .safetyAwareness-wrap .Quote .Quote_box table tbody tr:last-child em { top: -20px; } .safetyAwareness-wrap .Quote .Quote_box table tbody tr:last-child a { top: -5px; } .safetyAwareness-wrap .Quote .Quote_box table i { font-size: 14px; color: #444; margin-top: 12px; display: block; } .safetyAwareness-wrap .Quote .Quote_box table .support { display: inline-block; width: 24px; height: 24px; border-radius: 24px; background: url(/static/images/product/safetyawareness/support.png) no-repeat center #18b25c; margin: 0 auto; } .safetyAwareness-wrap .Advantage { height: 600px; } .safetyAwareness-wrap .Advantage .Advantage_box { width: 1152px; height: 100%; margin: 0 auto; } .safetyAwareness-wrap .Advantage .Advantage_box h2 { font-size: 24px; line-height: 24px; color: #333; text-align: center; } .safetyAwareness-wrap .Advantage .Advantage_box .line { width: 20px; height: 4px; background-color: #2470e8; border-radius: 2px; margin: auto; margin-top: 8px; margin-bottom: 26px; } .safetyAwareness-wrap .Advantage .Advantage_box ul { height: 480px; width: 100%; } .safetyAwareness-wrap .Advantage .Advantage_box ul li { width: 250px; height: 480px; padding: 0 60px; -webkit-box-shadow: 0 10px 24px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 10px 24px 0 rgba(0, 0, 0, 0.15); float: left; margin-right: 21px; } .safetyAwareness-wrap .Advantage .Advantage_box ul li h3 { font-size: 16px; color: #333; line-height: 24px; padding-top: 222px; margin-bottom: 45px; text-align: center; } .safetyAwareness-wrap .Advantage .Advantage_box ul li p { font-size: 14px; color: #333; line-height: 24px; } .safetyAwareness-wrap .Advantage .Advantage_box ul li:nth-child(1) { background: url(/static/images/product/safetyawareness/advantage1.png) center 72px no-repeat; } .safetyAwareness-wrap .Advantage .Advantage_box ul li:nth-child(2) { background: url(/static/images/product/safetyawareness/advantage2.png) center 80px no-repeat; } .safetyAwareness-wrap .Advantage .Advantage_box ul li:nth-child(3) { background: url(/static/images/product/safetyawareness/advantage3.png) center 80px no-repeat; margin-right: 0; } .scuti_wrap h2 { font-size: 22px; color: #333; line-height: 30px; padding-top: 50px; text-align: center; } .scuti_wrap .banner { height: 379px; background: #0d122c url(/static/images/product/scuti/banner.png) center no-repeat; } .scuti_wrap .banner .banner_box { width: 1152px; height: 100%; margin: 0 auto; } .scuti_wrap .banner .banner_box h2 { font-size: 32px; color: #fff; padding-top: 69px; margin-bottom: 13px; line-height: 46px; text-align: left; } .scuti_wrap .banner .banner_box h2 span { color: #f5a623; font-size: 14px; margin-left: 10px; } .scuti_wrap .banner .banner_box p { font-size: 14px; color: #fff; line-height: 21px; margin-bottom: 55px; width: 464px; } .scuti_wrap .banner .banner_box a { background: #056cf1; border-radius: 2px; padding: 11.5px 26px; color: #fff; font-size: 14px; } .scuti_wrap .banner .banner_box a:hover { background: #0260e7; } .scuti_wrap .navigation { padding: 25px 0; height: 67px; width: 100%; border-bottom: 1px solid #f2f4f7; background: #fff; } .scuti_wrap .navigation ul { height: 100%; width: 960px; margin: auto; } .scuti_wrap .navigation ul li { float: left; font-size: 18px; font-weight: bold; line-height: 1.2; color: #333333; border: 1px solid #ddd; padding: 22px 83px; margin-left: -1px; background-color: #fff; position: relative; } .scuti_wrap .navigation ul li:first-child { border-radius: 3px 0 0 3px; } .scuti_wrap .navigation ul li:last-child { border-radius: 0 3px 3px 0; } .scuti_wrap .active { background-color: #e8edff !important; border-color: #b3c9ea !important; z-index: 1; } .scuti_wrap .active a { color: #416af3 !important; } .scuti_wrap .navigation ul li a { color: #333; } .scuti_wrap .navigation ul li a.active_tag { color: #0260e7; } .scuti_wrap #navTab[data-fixed="fixed"] { position: fixed; top: 0; left: 0; width: 100%; z-index: 1; } .scuti_wrap .client-port-list { width: 1156px; margin: 0 auto; } .scuti_wrap .client-port-list li { display: inline-block; width: 272px; text-align: center; border: 1px solid #e0e0e0; border-radius: 2px; padding: 20px 0; margin-right: 20px; cursor: pointer; } .scuti_wrap .client-port-list li:last-child { margin-right: 0; } .scuti_wrap .client-port-list li .title { font-size: 16px; color: #333; padding: 10px 0 20px 0; } .scuti_wrap .client-port-list li .icon { text-align: right; margin-top: -10px; margin-right: 10px; } .scuti_wrap .product-box { width: 1156px; height: 100%; margin: 0 auto; margin-bottom: 60px; } .scuti_wrap .product-box ul li { width: 302px; height: 216px; border: 1px solid #e0e0e0; border-radius: 2px; margin-right: 40px; display: inline-block; padding: 35px 26px; vertical-align: top; margin-top: 30px; } .scuti_wrap .product-box ul li:nth-child(3n+0) { margin-right: 0; } .scuti_wrap .product-box ul li .img-container { text-align: center; } .scuti_wrap .product-box ul li .title { text-align: center; font-size: 16px; color: #333; padding: 10px 0 20px 0; } .scuti_wrap .profeat-box { margin-bottom: 60px; } .scuti_wrap .profeat-box ul { width: 1350px; margin: 0 auto; } .scuti_wrap .profeat-box ul li { clear: both; margin-top: 30px; } .scuti_wrap .profeat-box ul li:nth-child(even) img { margin-left: 150px; } .scuti_wrap .profeat-box ul li:nth-child(even) .text-container { float: right; margin-right: 86px; } .scuti_wrap .profeat-box ul li:nth-child(odd) img { margin-left: 130px; } .scuti_wrap .profeat-box ul li:nth-child(odd) .text-container { float: left; margin-left: 80px; } .scuti_wrap .profeat-box ul li .text-container { width: 525px; margin-top: 85px; } .scuti_wrap .profeat-box ul li .title { font-size: 18px; margin-bottom: 20px; width: 210px; text-align: initial; color: rgba(0, 0, 0, 0.85); font-weight: 500; } .scuti_wrap .profeat-box ul li .text { width: 497px; font-size: 14px; line-height: 24px; font-weight: 200; text-align: left; color: rgba(41, 55, 67, 0.8); } .scuti_wrap .download-box { margin-bottom: 60px; } .scuti_wrap .download-box .tip { text-align: center; line-height: 22px; margin: 30px 0; } .scuti_wrap .purchase-box { margin-bottom: 60px; } .scuti_wrap .purchase-box table { width: 1156px; text-align: center; margin: 30px auto; } .scuti_wrap .purchase-box table tr { border-bottom: 1px solid #ddd; } .scuti_wrap .purchase-box table th { border: 1px solid #ddd; border-bottom: 0; } .scuti_wrap .purchase-box table td { height: 48px; border: 1px solid #ddd; width: 231px; } .scuti_wrap .purchase-box table .support { display: inline-block; width: 24px; height: 24px; border-radius: 24px; background: url(/static/images/product/scuti/support.png) no-repeat center #18b25c; margin: 0 auto; } .scuti_wrap .purchase-box table .strong { margin: 20px 0; font-size: 16px; color: #000; } .scuti_wrap .purchase-box table .mb20 { margin-bottom: 20px; } .scuti_wrap .standard-box { margin-bottom: 60px; } .scuti_wrap .standard-box .mt30 { margin-top: 30px; } .scuti_wrap .standard-box .tip { text-align: center; line-height: 22px; margin: 30px 0; } .scuti_wrap .standard-box .buy-btn { margin: 30px auto; width: 134px; line-height: 42px; } .scuti_wrap .standard-box .buy-btn a { background: #fff; border: 1px solid #056cf1; border-radius: 2px; padding: 10px 38px; color: #056cf1; font-size: 14px; } .scuti_wrap .standard-box .explain { width: 1159px; margin: 0 auto; } .scuti_wrap .standard-box .explain a { color: #888; } .scuti_wrap h2 { font-weight: normal; } .scuti_wrap #Product { position: absolute; top: 400px; } .scuti_wrap #Profeat { position: absolute; top: 1148px; } .scuti_wrap #Download { position: absolute; top: 2226px; } .scuti_wrap #Purchase { position: absolute; top: 2707px; } .scuti_wrap .code-modal { width: 510px; height: 391px; } .scuti_wrap .code-modal .code-img { width: 200px; margin: 0 auto; padding-top: 64px; } .scuti_wrap .code-modal .code-img img { display: inline-block; width: 100%; } .scuti_wrap .code-modal .code-tip { font-size: 18px; color: #4d4d4d; letter-spacing: 0.6px; line-height: 25px; text-align: center; margin-top: 25px; } .white-paper-page .wp-banner { height: 379px; background: #111834; } .white-paper-page .wp-banner .banner-content { width: 1152px; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; } .white-paper-page .wp-banner .banner-content .banner-info h2 { font-size: 32px; color: #fff; padding-top: 69px; margin-bottom: 13px; line-height: 46px; text-align: left; } .white-paper-page .wp-banner .banner-content .banner-info p { font-size: 14px; color: #fff; line-height: 21px; margin-bottom: 55px; width: 510px; } .white-paper-page .wp-banner .banner-content .banner-info .consult_bt { border: 1px solid #fff; border-radius: 2px; padding: 14px 48px; color: #fff; font-size: 16px; } .white-paper-page .wp-banner .banner-content .banner-img { -ms-flex-item-align: center; align-self: center; height: 250px; width: 500px; } .white-paper-page .wp-banner .banner-content .banner-img img { display: inline-block; width: 100%; height: 100%; } .white-paper-page .wp-content h2 { font-size: 28px; color: #333; line-height: 30px; padding-top: 50px; font-weight: 400; text-align: center; } .white-paper-page .wp-content .wp-part { background-color: #fff; } .white-paper-page .wp-content .wp-part:nth-child(even) { background-color: #f5f7fd; } .white-paper-page .wp-content .wp-part:nth-child(even) li { background-color: #fff !important; } .white-paper-page .wp-content .wp-part .part-content { width: 1152px; margin: 0 auto; } .white-paper-page .wp-content .wp-part .part-content .item-ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 40px 0 90px 0; } .white-paper-page .wp-content .wp-part .part-content .item-ul li { width: calc((100% - 60px) / 4); margin-right: 20px; margin-bottom: 20px; background-color: #fafafa; -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1); border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .white-paper-page .wp-content .wp-part .part-content .item-ul li:hover { background-color: #fff; } .white-paper-page .wp-content .wp-part .part-content .item-ul li:nth-child(4n + 0) { margin-right: 0; } .white-paper-page .wp-content .wp-part .part-content .item-ul li .item-img { width: 100%; height: 180px; } .white-paper-page .wp-content .wp-part .part-content .item-ul li .item-img img { display: inline-block; height: 100%; width: 100%; } .white-paper-page .wp-content .wp-part .part-content .item-ul li .item-content { padding: 26px 22px; } .white-paper-page .wp-content .wp-part .part-content .item-ul li .item-content .title { font-size: 18px; color: #333; margin: 20px 0 10px 0; } .white-paper-page .wp-content .wp-part .part-content .item-ul li .item-content .des { font-size: 14px; color: #575d6c; line-height: 22px; margin-top: 20px; min-height: 108px; } .white-paper-page .wp-content .wp-part .part-content .item-ul li .item-content .btn { background: #0b6fd6; line-height: 30px; border-radius: 2px; margin: 20px 0; } .foot-banner { background: url(/static/images/footer-banner/bg.png) center no-repeat; height: 337px; } .foot-banner .wrap { width: 1152px; } .foot-banner .f-title { padding-top: 50px; text-align: center; color: #fff; font-size: 22px; } .foot-banner .i_618 { background-image: url(/static/images/footer-banner/content.png); } .foot-banner ul { padding-bottom: 50px; margin-top: 30px; } .foot-banner ul li { float: left; width: 256px; margin-right: 40px; height: 188px; background-color: rgba(255, 255, 255, 0.2); } .foot-banner ul li .i_service_1 { background-position: -20px -222px; width: 59px; height: 59px; } .foot-banner ul li .i_service_2 { background-position: -87px -222px; width: 59px; height: 59px; } .foot-banner ul li .i_service_3 { background-position: -155px -222px; width: 59px; height: 59px; } .foot-banner ul li .i_service_4 { background-position: -223px -222px; width: 59px; height: 59px; } .foot-banner ul li.last { margin-right: 0; } .foot-banner ul li p { text-align: center; color: #fff; } .foot-banner ul li p.p1 { margin-top: 20px; } .foot-banner ul li p.p2 { margin-top: 10px; font-weight: 700; } .foot-banner ul li p.p3 { width: 180px; margin: 0 auto; text-align: left; } .policy-page .bt-consult { background-color: #59c09e; padding: 15px 53px; color: #fff; font-size: 16px; margin-top: 16px; } .policy-page .bt-consult:hover { background-color: #30797c; } .policy-page .banner { height: 379px; margin: 0 auto; background: #201a1a url(/static/images/105-policy/105_banner.png) no-repeat center; } .policy-page .banner .banner-header { color: #fff; padding-top: 54px; width: 1150px; margin: 0 auto; } .policy-page .banner .banner-header .header-t { font-size: 32px; line-height: 75px; } .policy-page .banner .banner-header .header-c { color: #fff; line-height: 23px; width: 510px; } .policy-page .policy_background { width: 1170px; margin: 0 auto; padding: 60px 0; } .policy-page .policy_background h3 { font-size: 22px; line-height: 24px; color: #333; text-align: center; margin-bottom: 88px; } .policy-page .policy_background ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .policy-page .policy_background ul li { position: relative; white-space: nowrap; -ms-flex-preferred-size: 278px; flex-basis: 278px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 288px; border-top: 2px solid #59c09e; -webkit-box-shadow: 0 2px 6px 4px rgba(6, 1, 2, 0.04); box-shadow: 0 2px 6px 4px rgba(6, 1, 2, 0.04); padding: 84px 24px 0; } .policy-page .policy_background ul li h4 { position: absolute; left: 50%; top: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; font-size: 18px; width: 100px; height: 100px; background-color: #59c09e; border-radius: 50%; line-height: 100px; text-align: center; } .policy-page .solution_container { width: 100%; background-color: #f9f9f9; padding: 60px 0; } .policy-page .solution_container .solution { width: 1170px; margin: 0 auto; } .policy-page .solution_container .solution h3 { font-size: 22px; color: #333; text-align: center; margin-bottom: 38px; } .policy-page .solution_container .solution .detail { display: inline-block; vertical-align: top; padding: 25px 0 0 30px; } .policy-page .solution_container .solution .detail .policy_detial { color: #333; margin-bottom: 40px; } .policy-page .solution_container .solution .detail .gray_text { color: #444; opacity: 0.3; font-size: 22px; margin-bottom: 21px; } .policy-page .solution_container .solution .detail .detail_box { position: relative; background-color: #fff; width: 812px; height: 220px; -webkit-box-shadow: 0 2px 6px 4px rgba(6, 1, 2, 0.04); box-shadow: 0 2px 6px 4px rgba(6, 1, 2, 0.04); padding: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; } .policy-page .solution_container .solution .detail .detail_box h4 { position: relative; color: #444; font-size: 18px; margin-bottom: 16px; } .policy-page .solution_container .solution .detail .detail_box h4::before { content: ""; display: block; position: absolute; width: 4px; height: 15px; background-color: #63cd93; top: 3px; left: -10px; } .policy-page .solution_container .solution .detail .detail_box .serve_info { vertical-align: top; display: inline-block; width: 324px; } .policy-page .solution_container .solution .detail .detail_box img { right: 70px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; vertical-align: top; } .policy-page .solution_container .section_menu { display: inline-block; width: 200px; margin-left: 63px; } .policy-page .solution_container .section_menu ul li { width: 100%; height: 60px; color: #333; font-size: 18px; background-color: #e9e9e9; padding-left: 40px; line-height: 58px; border-bottom: 1px solid #fff; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .policy-page .solution_container .section_menu ul li h4 { display: inline-block; padding-left: 5px; } .policy-page .solution_container .section_menu ul li .icon { background-image: url(/static/images/105-policy/icon_sprites.png); } .policy-page .solution_container .section_menu ul li .alert { background-image: none; width: 25px; height: 25px; border-radius: 50%; border: 1px solid #8d8d8d; text-align: center; line-height: 25px; color: #8d8d8d; } .policy-page .solution_container .section_menu ul .active { color: #fff; background-color: #59c09e; } .policy-page .solution_container .section_menu ul .active .icon { background-image: url(/static/images/105-policy/iconw_sprites.png); } .policy-page .solution_container .section_menu ul .active .alert { border: 1px solid #fff; color: #fff; } .policy-page .solution_container .section_menu ul .li1 .icon { width: 26px; height: 23px; background-position: -102px -52px; } .policy-page .solution_container .section_menu ul .li2 .icon { width: 27px; height: 26px; background-position: -10px -10px; } .policy-page .solution_container .section_menu ul .li3 .icon { width: 25px; height: 27px; background-position: -10px -56px; } .policy-page .solution_container .section_menu ul .li4 .icon { background-image: none; width: 25px; height: 25px; border-radius: 50%; border: 1px solid #8d8d8d; text-align: center; line-height: 25px; color: #8d8d8d; } .policy-page .solution_container .section_menu ul .li5 .icon { width: 24px; height: 26px; background-position: -57px -55px; } .policy-page .solution_container .section_menu ul .li6 .icon { width: 28px; height: 22px; background-position: -102px -10px; } .policy-page .framework_container { width: 100%; background: #fff; text-align: center; padding: 60px 0; } .policy-page .framework_container h3 { font-size: 22px; margin-bottom: 20px; } .policy-page .framework_container h4 { margin-bottom: 30px; } .policy-page .advantage_container { background-color: #f9f9f9; padding: 60px 0 60px; } .policy-page .advantage_container h3 { text-align: center; color: #333; font-size: 22px; margin-bottom: 36px; } .policy-page .advantage_container .flex_row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-align: center; width: 1170px; margin-bottom: 50px; } .policy-page .advantage_container .flex_row .flex_item { -ms-flex-preferred-size: 330px; flex-basis: 330px; } .policy-page .advantage_container .flex_row .flex_item h4 { color: #333; font-size: 18px; margin-bottom: 18px; } .policy-page .advantage_container .flex_row .flex_item p { text-align: left; } .policy-page .advantage_container .flex_row:nth-of-type(2) { -ms-flex-pack: distribute; justify-content: space-around; margin-bottom: 0; } .cardgame-page { background: #0c162d; } .cardgame-page .cg-header { width: 100%; height: 700px; background: url('/static/images/activity/cardgame/banner.png') no-repeat top center; text-align: center; } .cardgame-page .cg-header .cg-pos-wrapper { position: relative; height: 100%; } .cardgame-page .cg-header .cg-pos-wrapper p { position: absolute; text-align: center; width: 100%; } .cardgame-page .cg-header .cg-pos-wrapper p:nth-of-type(1) { font-size: 30px; bottom: 160px; color: #fff; } .cardgame-page .cg-header .cg-pos-wrapper p:nth-of-type(2) { font-size: 20px; bottom: 120px; color: #fff; } .cardgame-page .cg-header .cg-pos-wrapper p:nth-of-type(2) a { color: #0ca2d3; } .cardgame-page .cg-header .cg-pos-wrapper p:nth-of-type(2) a:hover { opacity: 0.9; } .cardgame-page .cg-header .cg-pos-wrapper p:nth-of-type(3) { bottom: 40px; color: #66ddfc; } .cardgame-page .cg-block .cg-block-main { position: relative; } .cardgame-page .cg-block .cg-block-main > img { display: block; overflow: hidden; } .cardgame-page .cg-block .cg-block-main .cgbm-title { position: absolute; font-size: 24px; color: #fff; } .cardgame-page .cg-block .cg-block-main .cgbm-desc { position: absolute; color: rgba(255, 255, 255, 0.8); width: 580px; line-height: 23px; } .cardgame-page .cg-block .cg-block-main .cgbm-btn { position: absolute; display: inline-block; width: 119px; height: 32px; } .cardgame-page .cg-block .cg-block-main .cgbm-btn:hover { opacity: 0.85; } .cardgame-page .cg-block .cg-detail-block { -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; height: 0; overflow: hidden; background: #061024; } .cardgame-page .cg-block .cg-detail-block .cg-detail-main { background: url(/static/images/activity/cardgame/pop-x.png) no-repeat top right; } .cardgame-page .cg-block .cg-detail-block .cg-detail-main .close-detail-btn { float: right; display: inline-block; width: 34px; height: 34px; } .cardgame-page .cg-block .cg-detail-block .cg-detail-main .close-detail-btn:hover { background: rgba(10, 158, 250, 0.2); } .cardgame-page .cg-block .cg-detail-block h4.cgd-header { margin-top: 16px; } .cardgame-page .cg-block .cg-detail-block h4.cgd-header > span { font-size: 16px; color: #79ecff; padding: 0 12px; } .cardgame-page .cg-block .cg-detail-block h4.cgd-header > img { vertical-align: middle; } .cardgame-page .cg-block .cg-detail-block .detail-jump-btn { margin: 8px; display: inline-block; width: 220px; height: 56px; background: url(/static/images/activity/cardgame/pop-btn.png) no-repeat center center; } .cardgame-page .cg-block .cg-detail-block .detail-jump-btn:hover { opacity: 0.9; } .cardgame-page .cg-block .cg-detail-block .detail-foot { margin-bottom: 24px; font-size: 12px; color: rgba(121, 236, 255, 0.7); margin-left: -32px; } .cardgame-page .cg-block .cg-detail-block .detail-foot:before, .cardgame-page .cg-block .cg-detail-block .detail-foot:after { display: inline-block; content: ''; width: 40px; height: 1px; background: #3e7ea5; margin: 3px 8px; } .cardgame-page .cg-block .cg-detail-block .cgd-banner { text-align: center; } .cardgame-page .cg-block .cg-detail-block .cgd-banner .help-tips { color: #79ecff; padding: 8px; display: inline-block; } .cardgame-page .cg-block .cg-detail-block .cgd-banner .help-tips:hover { text-decoration: underline; } .cardgame-page .cg-block .cg-detail-block .cgd-banner ul.banner-inner { display: inline-block; } .cardgame-page .cg-block .cg-detail-block .cgd-detail-tabs { text-align: center; } .cardgame-page .cg-block .cg-detail-block .cgd-detail-tabs .cgdd-tabs-item { margin: 0 16px; display: inline-block; height: 28px; padding: 0; cursor: pointer; } .cardgame-page .cg-block .cg-detail-block .cgd-detail-tabs .cgdd-tabs-item:hover { opacity: 0.8; } .cardgame-page .cg-block .cg-detail-block .cgd-detail-tabs .cgdd-tabs-item.cgdd-tabs-item_active { background: url("/static/images/activity/cardgame/pop-tab-selectd.png") no-repeat bottom center; } .cardgame-page .cg-block .cg-detail-block .cgd-detail-tabs .cgdd-tabs-content { display: none; } .cardgame-page .cg-block .cg-detail-block .cgd-detail-tabs .cgdd-tabs-content.cgdd-tabs-content_active { display: block; } .cardgame-page .cg-block .cg-detail-block .cgd-detail-tabs .cgdd-tabs-content > h5 { width: 700px; color: rgba(121, 236, 255, 0.8); line-height: 23px; margin: 12px auto; } .cardgame-page .solid-border-w { display: inline-block; margin: 8px 16px; padding: 10px; border: 1px solid #4793ba; position: relative; } .cardgame-page .solid-border-w:before { display: inline-block; content: ''; width: 18px; height: 19px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background: #0c152d; border: 1px none #4793ba; border-bottom-style: solid; position: absolute; top: -11px; right: -10px; } .cardgame-page .cg-gift-exhibition { padding-bottom: 56px; } .cardgame-page .cg-gift-exhibition ul { text-align: center; } .cardgame-page .strategy-modal { padding: 34px; text-align: left; width: 530px; } .cardgame-page .strategy-modal h3 { font-size: 24px; margin-bottom: 22px; } .cardgame-page .strategy-modal p { font-size: 15px; line-height: 28px; } .protect-page .bt-consult { background-color: #00a2ca; padding: 15px 53px; color: #fff; font-size: 16px; margin-top: 40px; } .protect-page .bt-consult:hover { background: #0B6FD6; } .protect-page .banner { height: 434px; margin: 0 auto; background: #1e2a42 url(/static/images/class-protect/banner.png) no-repeat center; } .protect-page .banner .banner-header { color: #fff; padding-top: 90px; width: 1150px; margin: 0 auto; } .protect-page .banner .banner-header .header-t { font-size: 32px; line-height: 2; } .protect-page .banner .banner-header .header-c { line-height: 24px; width: 500px; font-size: 14px; margin-top: 5px; } .protect-page .flow-container { width: 100%; background-color: #f9f9f9; } .protect-page .flow-container .wrap_row { width: 1072px; margin: 0 auto; } .protect-page .flow-container .fl-title { font-size: 32px; font-weight: 400; color: #333; padding-top: 71px; margin-bottom: 30px; } .protect-page .flow-container ul li { float: left; width: 208px; margin-bottom: 90px; margin-right: 80px; } .protect-page .flow-container ul li:last-child { margin-right: 0; } .protect-page .flow-container ul li .fl-t { font-size: 22px; color: #1e2942; padding-top: 30px; padding-bottom: 20px; } .protect-page .flow-container ul li .fl-c { font-size: 16px; line-height: 24px; color: #585858; text-align: left; } .protect-page .flow-container ul .fl-i-1 { background: url(/static/images/class-protect/flow1.png) no-repeat center; width: 50px; height: 50px; } .protect-page .flow-container ul .fl-i-2 { background: url(/static/images/class-protect/flow2.png) no-repeat center; width: 50px; height: 50px; } .protect-page .flow-container ul .fl-i-3 { background: url(/static/images/class-protect/flow3.png) no-repeat center; width: 55px; height: 50px; } .protect-page .flow-container ul .fl-i-4 { background: url(/static/images/class-protect/flow4.png) no-repeat center; width: 60px; height: 50px; } .protect-page .product { width: 100%; background-color: #fff; padding: 70px 0; padding-bottom: 40px; } .protect-page .product .wrap_row { width: 1170px; margin: 0 auto; } .protect-page .product .pro-title { font-size: 32px; font-weight: 400; color: #333; text-align: center; margin-bottom: 48px; } .protect-page .product .pro-card { width: 540px; height: 204px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #E7EAEF; border-radius: 2px; margin-left: 30px; margin-bottom: 30px; float: left; } .protect-page .product .pro-card .card-i { width: 220px; height: 100%; } .protect-page .product .pro-card .card-i i { background: url(/static/images/class-protect/pro1.png) no-repeat center; width: 100%; height: 90%; } .protect-page .product .pro-card .card-i .img_2 { background: url(/static/images/class-protect/pro2.png) no-repeat center; } .protect-page .product .pro-card .card-i .img_3 { background: url(/static/images/class-protect/pro3.png) no-repeat center; } .protect-page .product .pro-card .card-i .img_4 { background: url(/static/images/class-protect/pro4.png) no-repeat center; } .protect-page .product .pro-card .card-i .img_5 { background: url(/static/images/class-protect/pro5.png) no-repeat center; } .protect-page .product .pro-card .card-c { width: 250px; margin-top: 28px; margin-left: 25px; color: #666; } .protect-page .product .pro-card .card-c .card-t { font-size: 18px; margin-bottom: 15px; } .protect-page .product .pro-card .card-c p { line-height: 24px; } .protect-page .arc { width: 100%; height: 794px; background-color: #f9f9f9; } .protect-page .arc .wrap_row { width: 1170px; margin: 0 auto; } .protect-page .arc .frame { background: url(/static/images/class-protect/banner_arc.png) no-repeat left; height: 503px; width: 1164px; } .protect-page .arc .frame .arc-fr { width: 268px; margin-top: 80px; float: right; } .protect-page .arc .frame .arc-fr .arc-t { font-size: 22px; font-weight: 400; color: #333; padding: 20px 0; } .protect-page .arc .frame .arc-fr .arc-c { font-size: 14px; color: #585858; line-height: 24px; margin-bottom: 20px; } .protect-page .arc .frame .arc-fr .arc-c em { font-size: 16px; font-weight: 700; } .protect-page .arc .frame .arc-fr .arc-contact { padding: 16px 54px; background-color: #00a2ca; float: left; color: #fff; margin-top: 35px; font-size: 16px; } .protect-page .arc .arc-title { font-size: 32px; color: #333; padding: 71px 0; text-align: center; } .protect-page .change { height: 820px; } .protect-page .change .change-box { margin: 0 auto; text-align: center; width: 1056px; } .protect-page .change .change-box .change-title { font-size: 22px; color: #333; padding-top: 71px; margin-bottom: 30px; } .protect-page .change .change-box ul li { float: left; width: 352px; height: 284px; margin-bottom: 54px; padding: 32px; -webkit-box-sizing: border-box; box-sizing: border-box; } .protect-page .change .change-box ul li:nth-child(1) i { background: url(/static/images/class-protect/2-normal.png) no-repeat center / contain; } .protect-page .change .change-box ul li:nth-child(2) i { background: url(/static/images/class-protect/4-normal.png) no-repeat center / contain; } .protect-page .change .change-box ul li:nth-child(3) i { background: url(/static/images/class-protect/6-normal.png) no-repeat center / contain; } .protect-page .change .change-box ul li:nth-child(4) { margin-left: 207px; } .protect-page .change .change-box ul li:nth-child(4) i { background: url(/static/images/class-protect/8-normal.png) no-repeat center / contain; } .protect-page .change .change-box ul li:nth-child(5) i { background: url(/static/images/class-protect/10-normal.png) no-repeat center / contain; } .protect-page .change .change-box ul li:hover { -webkit-box-shadow: #66666657 0 4px 16px; box-shadow: #66666657 0 4px 16px; border-radius: 2px; } .protect-page .change .change-box ul li:hover:nth-child(1) i { background: url(/static/images/class-protect/1-press.png) no-repeat center / contain; } .protect-page .change .change-box ul li:hover:nth-child(2) i { background: url(/static/images/class-protect/3-press.png) no-repeat center / contain; } .protect-page .change .change-box ul li:hover:nth-child(3) i { background: url(/static/images/class-protect/5-press.png) no-repeat center / contain; } .protect-page .change .change-box ul li:hover:nth-child(4) i { background: url(/static/images/class-protect/7-press.png) no-repeat center / contain; } .protect-page .change .change-box ul li:hover:nth-child(5) i { background: url(/static/images/class-protect/9-press.png) no-repeat center / contain; } .protect-page .change .change-box ul li h2 { font-size: 18px; color: #1b2944; line-height: 22px; margin-bottom: 14px; } .protect-page .change .change-box ul li p { width: 287px; font-size: 14px; color: #585858; margin: 0 auto; text-align: left; line-height: 24px; } .protect-page .change .change-box ul li i { width: 52px; height: 45px; margin: 0 auto; margin-bottom: 30px; } .protect-page .background-container { height: 585px; background: #F7F9FC; } .protect-page .background-container .background-title { font-size: 32px; color: #333; padding-top: 71px; margin-bottom: 50px; text-align: center; } .protect-page .background-container .background-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .protect-page .background-container .background-nav li { -webkit-box-flex: 0; -ms-flex: 0 0 224px; flex: 0 0 224px; text-align: center; padding-bottom: 24px; line-height: 24px; font-size: 24px; cursor: pointer; } .protect-page .background-container .background-nav .nav-selected { color: #0B67D6; border-bottom: 4px solid #0B67D6; } .protect-page .background-container .background-item { width: 1120px; height: 320px; background-color: #fff; border: 1px solid #DCDCDC; margin: 0 auto; } .protect-page .background-container .background-item .po-c { padding: 48px 0 64px 48px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; background-color: #f9f9f9; overflow: auto; } .protect-page .background-container .background-item .po-c img { display: inline-block; width: 344px; height: 208px; } .protect-page .background-container .background-item .po-c .po-p { width: 580px; margin-left: 25px; } .protect-page .background-container .background-item .po-c .po-p p { font-size: 14px; margin: 8px 0; line-height: 24px; color: #585858; } .protect-page .background-container .background-item .po-c .item-ul { height: 158px; padding: 25px 0; } .protect-page .background-container .background-item .po-c .item-ul .p-title { font-size: 16px !important; } .protect-page .background-container .background-item .po-c .item-ul p { margin: 0 !important; padding-bottom: 4px; } .digital-page .body { min-width: 1170px !important; } .digital-page .banner { background: #020a21 url(/static/images/digital/banner.jpg) no-repeat center; height: 600px; } .digital-page .banner .banner_box { width: 882px; margin: 0 auto; } .digital-page .banner .banner_box p { font-size: 18px; color: #fff; text-align: center; line-height: 30px; padding-top: 320px; } .digital-page .solution-cards { height: 600px; } .digital-page .solution-cards .solution_box { height: 424px; width: 1083px; background: url(/static/images/digital/solution.png) no-repeat right 88px; margin: 0 auto; padding-top: 147px; } .digital-page .solution-cards .solution_box .solution-con { width: 492px; } .digital-page .solution-cards .solution_box .solution-con h2 { font-size: 36px; color: #092c7d; line-height: 36px; margin-bottom: 20px; float: left; } .digital-page .solution-cards .solution_box .solution-con p { font-size: 18px; color: #444; line-height: 30px; float: left; } .digital-page .solution-cards .solution_box .solution-con a { padding: 16px 54px; background-image: -o-linear-gradient(133deg, #0c53af 0, #3943ad 100%), -o-linear-gradient(#092c7d, #092c7d); background-image: linear-gradient(-43deg, #0c53af 0, #3943ad 100%), linear-gradient(#092c7d, #092c7d); color: #fff; margin-top: 50px; font-size: 18px; } .digital-page .solution-cards .solution_box .solution-con a:hover { background-image: -o-linear-gradient(133deg, #3353af 0, #3a346c 100%), -o-linear-gradient(#0a2f26, #0a2f26); background-image: linear-gradient(-43deg, #3353af 0, #3a346c 100%), linear-gradient(#0a2f26, #0a2f26); } .digital-page .exchange-cards { height: 600px; background-color: #f7f7f7; } .digital-page .exchange-cards .exchange_box { height: 377px; width: 1083px; background: url(/static/images/digital/exchange.png) no-repeat left 111px; margin: 0 auto; padding-top: 151px; } .digital-page .exchange-cards .exchange_box .exchange-con { width: 491px; float: right; } .digital-page .exchange-cards .exchange_box .exchange-con h2 { font-size: 36px; color: #092c7d; line-height: 36px; margin-bottom: 20px; float: left; } .digital-page .exchange-cards .exchange_box .exchange-con p { font-size: 18px; color: #444; line-height: 30px; float: left; } .digital-page .exchange-cards .exchange_box .exchange-con a { padding: 16px 54px; background-image: -o-linear-gradient(133deg, #0c53af 0, #3943ad 100%), -o-linear-gradient(#092c7d, #092c7d); background-image: linear-gradient(-43deg, #0c53af 0, #3943ad 100%), linear-gradient(#092c7d, #092c7d); color: #fff; margin-top: 50px; font-size: 18px; } .digital-page .exchange-cards .exchange_box .exchange-con a:hover { background-image: -o-linear-gradient(133deg, #3353af 0, #3a346c 100%), -o-linear-gradient(#0a2f26, #0a2f26); background-image: linear-gradient(-43deg, #3353af 0, #3a346c 100%), linear-gradient(#0a2f26, #0a2f26); } .digital-page .mill-cards { height: 600px; } .digital-page .mill-cards .mill_box { height: 325px; width: 1083px; background: url(/static/images/digital/mill.png) no-repeat right 138px; margin: 0 auto; padding-top: 150px; } .digital-page .mill-cards .mill_box .mill-con { width: 492px; } .digital-page .mill-cards .mill_box .mill-con h2 { font-size: 36px; color: #092c7d; line-height: 36px; margin-bottom: 20px; float: left; } .digital-page .mill-cards .mill_box .mill-con p { font-size: 18px; color: #444; line-height: 30px; float: left; } .digital-page .mill-cards .mill_box .mill-con a { padding: 16px 54px; background-image: -o-linear-gradient(133deg, #0c53af 0, #3943ad 100%), -o-linear-gradient(#092c7d, #092c7d); background-image: linear-gradient(-43deg, #0c53af 0, #3943ad 100%), linear-gradient(#092c7d, #092c7d); color: #fff; margin-top: 50px; font-size: 18px; } .digital-page .mill-cards .mill_box .mill-con a:hover { background-image: -o-linear-gradient(133deg, #3353af 0, #3a346c 100%), -o-linear-gradient(#0a2f26, #0a2f26); background-image: linear-gradient(-43deg, #3353af 0, #3a346c 100%), linear-gradient(#0a2f26, #0a2f26); } .digital-page .wallet-cards { height: 600px; background-color: #f7f7f7; } .digital-page .wallet-cards .wallet_box { height: 420px; width: 1083px; background: url(/static/images/digital/hardware_wallet.png) no-repeat left 170px; margin: 0 auto; padding-top: 151px; } .digital-page .wallet-cards .wallet_box .wallet-con { width: 491px; float: right; } .digital-page .wallet-cards .wallet_box .wallet-con h2 { font-size: 36px; color: #092c7d; line-height: 36px; margin-bottom: 20px; float: left; } .digital-page .wallet-cards .wallet_box .wallet-con p { font-size: 18px; color: #444; line-height: 30px; float: left; } .digital-page .wallet-cards .wallet_box .wallet-con a { padding: 16px 54px; background-image: -o-linear-gradient(133deg, #0c53af 0, #3943ad 100%), -o-linear-gradient(#092c7d, #092c7d); background-image: linear-gradient(-43deg, #0c53af 0, #3943ad 100%), linear-gradient(#092c7d, #092c7d); color: #fff; margin-top: 50px; font-size: 18px; } .digital-page .wallet-cards .wallet_box .wallet-con a:hover { background-image: -o-linear-gradient(133deg, #3353af 0, #3a346c 100%), -o-linear-gradient(#0a2f26, #0a2f26); background-image: linear-gradient(-43deg, #3353af 0, #3a346c 100%), linear-gradient(#0a2f26, #0a2f26); } .digital-page .office-cards { height: 600px; } .digital-page .office-cards .office_box { height: 420px; width: 1083px; background: url(/static/images/digital/office.png) no-repeat right 92px; margin: 0 auto; padding-top: 151px; } .digital-page .office-cards .office_box .office-con { width: 491px; } .digital-page .office-cards .office_box .office-con h2 { font-size: 36px; color: #092c7d; line-height: 36px; margin-bottom: 20px; float: left; } .digital-page .office-cards .office_box .office-con p { font-size: 18px; color: #444; line-height: 30px; float: left; } .digital-page .office-cards .office_box .office-con a { padding: 16px 54px; background-image: -o-linear-gradient(133deg, #0c53af 0, #3943ad 100%), -o-linear-gradient(#092c7d, #092c7d); background-image: linear-gradient(-43deg, #0c53af 0, #3943ad 100%), linear-gradient(#092c7d, #092c7d); color: #fff; margin-top: 50px; font-size: 18px; } .digital-page .office-cards .office_box .office-con a:hover { background-image: -o-linear-gradient(133deg, #3353af 0, #3a346c 100%), -o-linear-gradient(#0a2f26, #0a2f26); background-image: linear-gradient(-43deg, #3353af 0, #3a346c 100%), linear-gradient(#0a2f26, #0a2f26); } .digital-page .partner { height: 600px; background-image: -o-linear-gradient(133deg, #2c2e78 0, #09346c 100%), -o-linear-gradient(#000f26, #000f26); background-image: linear-gradient(-43deg, #2c2e78 0, #09346c 100%), linear-gradient(#000f26, #000f26); } .digital-page .partner p { font-size: 28px; color: #fff; text-align: center; padding-top: 55px; margin-bottom: 39px; } .digital-page .partner .partner-con { background: url(/static/images/digital/partner.png) no-repeat center; width: 1160px; height: 434px; margin: 0 auto; } .digital-page .guarantee { background: url(/static/images/digital/guarantee-bg.jpg) no-repeat center; color: #fff; font-size: 0; padding-bottom: 35px; } .digital-page .guarantee .page-t { padding-top: 40px; font-size: 22px; line-height: 60px; } .digital-page .guarantee .item { background: rgba(255, 255, 255, 0.3); display: inline-block; width: 240px; height: 180px; font-size: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px 30px 20px 30px; margin: 10px 22px; } .digital-page .guarantee .item .item-t { line-height: 30px; font-weight: 700; } .digital-page .guarantee .item .item-c { text-align: left; } .digital-page .others { height: 110px; width: 100%; background-color: #3a3a3a; color: #fff; } .digital-page .others .other-t { font-size: 22px; line-height: 110px; margin-left: 90px; } .digital-page .others a.other-i { margin-left: 85px; color: #fff; } .digital-page .others svg { vertical-align: middle; } .exchange-page .banner { background: url(/static/images/digital/banner_ex.jpg) no-repeat center / cover; height: 434px; } .exchange-page .banner .banner_box { width: 1170px; margin: 0 auto; } .exchange-page .banner .banner_box h2 { font-size: 32px; color: #fff; line-height: 32px; margin-bottom: 20px; padding-top: 100px; } .exchange-page .banner .banner_box p { font-size: 14px; color: #fff; line-height: 24px; width: 504px; } .exchange-page .banner .banner_box a { padding: 16px 54px; background-color: #00c0ff; color: #fff; margin-top: 45px; font-size: 18px; } .exchange-page .banner .banner_box a:hover { background-color: #0180ff; } .exchange-page .safety { height: 647px; border-bottom: solid 1px #ddd; } .exchange-page .safety .safety_box { width: 1016px; margin: 0 auto; text-align: center; } .exchange-page .safety .safety_box .safety-title { font-size: 22px; color: #333; padding-top: 59px; margin-bottom: 30px; } .exchange-page .safety .safety_box .safety-con li { float: left; width: 338px; height: 200px; margin-bottom: 54px; } .exchange-page .safety .safety_box .safety-con li i { width: 52px; height: 45px; margin: 0 auto; margin-bottom: 30px; } .exchange-page .safety .safety_box .safety-con li .i-1 { background: url(/static/images/digital/con1.png) no-repeat center; } .exchange-page .safety .safety_box .safety-con li .i-2 { background: url(/static/images/digital/con2.png) no-repeat center; } .exchange-page .safety .safety_box .safety-con li .i-3 { background: url(/static/images/digital/con3.png) no-repeat center; } .exchange-page .safety .safety_box .safety-con li .i-4 { background: url(/static/images/digital/con4.png) no-repeat center; } .exchange-page .safety .safety_box .safety-con li .i-5 { background: url(/static/images/digital/con5.png) no-repeat center; } .exchange-page .safety .safety_box .safety-con li .i-6 { background: url(/static/images/digital/con6.png) no-repeat center; } .exchange-page .safety .safety_box .safety-con li h2 { font-size: 22px; color: #1b2944; line-height: 22px; margin-bottom: 14px; } .exchange-page .safety .safety_box .safety-con li p { width: 256px; font-size: 14px; color: #585858; margin: 0 auto; text-align: left; line-height: 24px; } .exchange-page .product .pro-title { font-size: 22px; color: #333; margin-top: 68px; margin-bottom: 55px; text-align: center; } .exchange-page .product .pro_box { width: 1016px; margin: 0 auto; } .exchange-page .product .pro_box h2 { font-size: 20px; color: #444; margin-bottom: 25px; } .exchange-page .product .pro_box p { width: 517px; font-size: 14px; color: #666; line-height: 30px; } .exchange-page .product .pro_box .pro-con1 { height: 199px; background: url(/static/images/digital/pro1.png) no-repeat right; margin-bottom: 67px; } .exchange-page .product .pro_box .pro-text1 { width: 517px; float: left; } .exchange-page .product .pro_box .pro-text1 h2 { padding-top: 17px; } .exchange-page .product .pro_box .pro-con2 { height: 165px; background: url(/static/images/digital/pro2.png) no-repeat left; margin-bottom: 147px; } .exchange-page .product .pro_box .pro-text2 { width: 517px; float: right; } .exchange-page .product .pro_box .pro-text2 h2 { padding-top: 54px; } .exchange-page .product .pro_box .pro-con3 { height: 175px; background: url(/static/images/digital/pro3.png) no-repeat right; margin-bottom: 60px; } .exchange-page .product .pro_box .pro-con3 h2 { padding-top: 5px; } .exchange-page .product .pro_box .pro-con4 { height: 255px; background: url(/static/images/digital/pro4.png) no-repeat left; margin-bottom: 80px; } .exchange-page .product .pro_box .pro-con4 h2 { padding-top: 43px; } .exchange-page .product .pro_box .pro-con5 { height: 191px; background: url(/static/images/digital/pro5.png) no-repeat right; margin-bottom: 114px; } .exchange-page .product .pro_box .pro-con5 h2 { padding-top: 14px; } .exchange-page .product .pro_box .pro-con6 { height: 162px; background: url(/static/images/digital/pro6.png) no-repeat left; margin-bottom: 80px; } .exchange-page .product .pro_box .pro-con6 h2 { padding-top: 0; } .exchange-page .product .pro_box .pro-con7 { height: 160px; background: url(/static/images/digital/pro7.png) no-repeat right; margin-bottom: 94px; } .exchange-page .product .pro_box .pro-con7 h2 { padding-top: 38px; } .machine-page .bt-consult { background-color: #1a92a0; padding: 15px 53px; color: #fff; font-size: 16px; margin-top: 40px; } .machine-page .bt-consult:hover { background-color: #41a8ac; } .machine-page .banner { height: 434px; margin: 0 auto; background: url(/static/images/digital/banner_kj.png) no-repeat center / cover; } .machine-page .banner .banner-header { color: #fff; padding-top: 104px; width: 1170px; margin: 0 auto; } .machine-page .banner .header-t { font-size: 32px; line-height: 32px; } .machine-page .banner .header-c { margin-top: 20px; color: #fff; line-height: 24px; width: 510px; } .machine-page .page-t { color: #333; font-size: 22px; font-weight: 400; text-align: center; line-height: 22px; } .machine-page .solution-cards { font-size: 0; padding: 60px 0; margin: 0 auto; border-bottom: 1px solid #ddd; } .machine-page .solution-cards .solution-card { position: relative; margin-top: 45px; background-color: #fff; display: inline-block; width: 350px; height: 445px; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; color: #666; border-radius: 2px; margin-right: 85px; border: 1px solid #1d828d; padding: 15px; } .machine-page .solution-cards .solution-card:after { background: #fff; position: absolute; right: -16px; top: -16px; content: ''; display: block; width: 30px; height: 30px; -webkit-transform: rotate(46deg); -ms-transform: rotate(46deg); transform: rotate(46deg); border-bottom: 1px solid #1d828d; } .machine-page .solution-cards .solution-card .card-i { position: relative; margin: 0 auto; height: 200px; background-color: #e8f5f6; } .machine-page .solution-cards .solution-card .card-i i { width: 100%; height: 100%; background: url(/static/images/digital/solu_kj.png) 20px center no-repeat; } .machine-page .solution-cards .solution-card .card-i .img_2 { background-position: -410px center; } .machine-page .solution-cards .solution-card .card-t { font-size: 22px; line-height: 22px; margin: 40px 0 25px; color: #1b2944; } .machine-page .solution-cards .solution-card .card-c { font-size: 14px; line-height: 24px; padding: 0 20px; text-align: justify; text-justify: inter-word; } .machine-page .solution-cards .solution-card .card-last { margin-right: 0; } .machine-page .solution-cards .card-last { margin-right: 0; } .machine-page .wrap_row { width: 1170px; margin: 0 auto; } .machine-page .product { padding: 60px; } .machine-page .product .wrap_row { width: 1015px; } .machine-page .product .pro_wrap { height: 240px; margin-top: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 50px; background: url(/static/images/digital/product_kj.png) no-repeat left top; } .machine-page .product .pro_wrap:nth-child(even) .pro_content { float: right; } .machine-page .product .pro_wrap .pro_content { width: 515px; float: left; } .machine-page .product .pro_wrap .p_t { font-size: 20px; line-height: 20px; margin-bottom: 20px; color: #444; } .machine-page .product .pro_wrap p { line-height: 30px; } .machine-page .product .pro_1 { background-position: right 30px; } .machine-page .product .pro_2 { background-position: left -240px; } .machine-page .product .pro_3 { background-position: 774px -555px; } .machine-page .product .pro_4 { background-position: left -832px; } .wallet-page .banner { background: #202138 url(/static/images/digital/banner_wal.jpg) no-repeat center; height: 434px; } .wallet-page .banner .banner_box { width: 1170px; margin: 0 auto; } .wallet-page .banner .banner_box h2 { font-size: 32px; color: #fff; line-height: 32px; margin-bottom: 20px; padding-top: 100px; } .wallet-page .banner .banner_box p { font-size: 14px; color: #fff; line-height: 24px; width: 504px; } .wallet-page .banner .banner_box a { padding: 16px 54px; background-color: #1f60bb; color: #fff; margin-top: 45px; font-size: 18px; } .wallet-page .banner .banner_box a:hover { background-color: #1370e7; } .wallet-page .safety { height: 613px; border-bottom: solid 1px #ddd; } .wallet-page .safety .safety_box { width: 1016px; margin: 0 auto; text-align: center; } .wallet-page .safety .safety_box .safety-title { font-size: 22px; color: #333; padding-top: 59px; margin-bottom: 30px; } .wallet-page .safety .safety_box .safety-con li { float: left; width: 338px; height: 200px; margin-bottom: 54px; } .wallet-page .safety .safety_box .safety-con li:nth-child(4) { margin-left: 174px; } .wallet-page .safety .safety_box .safety-con li i { width: 52px; height: 45px; margin: 0 auto; margin-bottom: 30px; } .wallet-page .safety .safety_box .safety-con li h2 { font-size: 22px; color: #1b2944; line-height: 22px; margin-bottom: 14px; } .wallet-page .safety .safety_box .safety-con li p { width: 256px; font-size: 14px; color: #585858; margin: 0 auto; text-align: left; line-height: 24px; } .wallet-page .safety .safety_box .safety-con li .i-1 { background: url(/static/images/digital/icon1.png) no-repeat center; } .wallet-page .safety .safety_box .safety-con li .i-2 { background: url(/static/images/digital/icon2.png) no-repeat center; } .wallet-page .safety .safety_box .safety-con li .i-3 { background: url(/static/images/digital/icon3.png) no-repeat center; } .wallet-page .safety .safety_box .safety-con li .i-4 { background: url(/static/images/digital/icon4.png) no-repeat center; } .wallet-page .safety .safety_box .safety-con li .i-5 { background: url(/static/images/digital/icon5.png) no-repeat center; } .wallet-page .standard { height: 535px; border-bottom: solid 1px #ddd; } .wallet-page .standard .stan_box { width: 1016px; height: 100%; margin: 0 auto; background: url(/static/images/digital/stan_bg.png) no-repeat right top; } .wallet-page .standard .stan_box .stan-title { font-size: 22px; color: #333; margin-top: 61px; margin-bottom: 55px; text-align: center; } .wallet-page .standard .stan_box .stan-text { width: 517px; float: left; margin-top: 80px; } .wallet-page .standard .stan_box .stan-text i { width: 40px; height: 40px; background: url(/static/images/digital/stan_icon.png) no-repeat center left; float: left; } .wallet-page .standard .stan_box .stan-text h2 { font-size: 20px; color: #444; margin-top: 20px; margin-bottom: 25px; } .wallet-page .standard .stan_box .stan-text p { width: 397px; font-size: 14px; color: #666; line-height: 30px; } .wallet-page .process { height: 630px; } .wallet-page .process .process_box { width: 1016px; height: 100%; margin: 0 auto; background: url(/static/images/digital/proc_bg.png) no-repeat center; text-align: center; } .wallet-page .process .process_box .proc-title { font-size: 22px; color: #333; padding-top: 59px; margin-bottom: 30px; } .wallet-page .process .process_box a { padding: 16px 54px; background-color: #1f60bb; color: #fff; margin-top: 410px; font-size: 18px; } .wallet-page .process .process_box a:hover { background-color: #1370e7; } .net-page .banner { background: #01111c url(/static/images/digital/banner_bg.png) no-repeat center; } .net-page .bt-consult { background-color: #257ccb !important; margin-top: 40px; } .net-page .bt-consult:hover { background-color: #416af3 !important; } .net-page .solution-card { border: 1px solid #257bca !important; } .net-page .solution-card i { background: url(/static/images/digital/solu_bg.png) 20px center no-repeat !important; } .net-page .solution-card .img_2 { background-position: -410px center !important; } .net-page .product { padding-bottom: 0 !important; } .net-page .pro_wrap { height: 280px !important; background: url(/static/images/digital/product_bg.png) no-repeat left top !important; } .net-page .bg_net .pro_1 { background-position: right 15px !important; } .net-page .bg_net .pro_2 { background-position: left -390px !important; } .net-page .bg_net .pro_3 { background-position: 633px -740px !important; } .net-page .bg_net .pro_4 { background-position: left -1121px !important; } .net-page .bg_net .pro_5 { background-position: right -1495px !important; } .net-page .bg_net .btn-wrap { text-align: center; margin-bottom: 30px; } .digital-old-page .banner { background: #3a3a3a no-repeat top center; height: 433px; } .digital-old-page .banner .banner-img { width: 1150px; margin: 0 auto; height: 433px; background: url(/static/images/digital/banner.png) no-repeat right 0; } .digital-old-page .banner .banner-header { color: #fff; padding-top: 90px; width: 1150px; margin: auto; } .digital-old-page .banner .banner-header .header-t { font-size: 32px; line-height: 75px; } .digital-old-page .banner .banner-header .header-c { color: #adadad; line-height: 23px; width: 510px; } .digital-old-page .banner .banner-header .bt-consult { background-color: #ff6100; padding: 15px 53px; color: #fff; font-size: 16px; margin-top: 16px; } .digital-old-page .banner .banner-header .bt-consult:hover { background-color: #d15102; } .digital-old-page .solution-cards { font-size: 0; width: 1170px; padding-bottom: 60px; margin: 0 auto; } .digital-old-page .solution-cards .so-title { color: #333; font-size: 22px; font-weight: 400; text-align: center; line-height: 22px; padding-top: 45px; padding-bottom: 30px; } .digital-old-page .solution-cards .solution-card { background-color: #2e2e2e; display: inline-block; width: 275px; height: 337px; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; color: #fff; border-radius: 2px; margin-right: 23px; } .digital-old-page .solution-cards .solution-card img { height: 150px; } .digital-old-page .solution-cards .solution-card .card-t { font-size: 18px; line-height: 60px; margin-top: -20px; } .digital-old-page .solution-cards .solution-card .card-c { text-align: left; font-size: 14px; color: #b5b5b5; padding: 0 20px; line-height: 24px; } .digital-old-page .solution-cards .card-last { margin-right: 0; } .digital-old-page .ability-container { width: 100%; background-color: #f9f9f9; } .digital-old-page .ability-container .ability { width: 1170px; background-color: #f9f9f9; margin: 0 auto; text-align: center; } .digital-old-page .ability-container .ability .ab-title { font-size: 22px; font-weight: 400; color: #333; padding: 60px 0 40px 0; } .digital-old-page .ability-container .ability ul li { float: left; width: 389px; margin-bottom: 80px; } .digital-old-page .ability-container .ability ul li .ab-i-1 { background: url(/static/images/digital/ability.png) no-repeat top center; width: 70px; height: 53px; } .digital-old-page .ability-container .ability ul li .ab-i-2 { background: url(/static/images/digital/ability.png) no-repeat 0 -59px; width: 70px; height: 53px; } .digital-old-page .ability-container .ability ul li .ab-i-3 { background: url(/static/images/digital/ability.png) no-repeat 0 -124px; width: 70px; height: 53px; } .digital-old-page .ability-container .ability ul li .ab-i-4 { background: url(/static/images/digital/ability.png) no-repeat 0 -178px; width: 70px; height: 53px; } .digital-old-page .ability-container .ability ul li .ab-i-5 { background: url(/static/images/digital/ability.png) no-repeat 0 -237px; width: 70px; height: 53px; } .digital-old-page .ability-container .ability ul li .ab-i-6 { background: url(/static/images/digital/ability.png) no-repeat 0 -296px; width: 70px; height: 53px; } .digital-old-page .ability-container .ability ul li .ab-t { font-size: 22px; color: #263755; padding-top: 30px; padding-bottom: 20px; } .digital-old-page .ability-container .ability ul li .ab-c { font-size: 14px; line-height: 24px; color: #585858; } .digital-old-page .ability-container .ability ul .sp-line { border-right: 1px solid #d8d8d8; height: 100px; width: 0; float: left; margin-top: 70px; } .digital-old-page .arc { width: 1150px; margin: auto; width: 1170px; } .digital-old-page .arc .frame { background: url(/static/images/digital/frame.png) no-repeat center; width: 1170px; height: 702px; } .digital-old-page .arc .frame .arc-fr { width: 325px; margin-top: 160px; } .digital-old-page .arc .frame .arc-fr .arc-t { font-size: 22px; font-weight: 400; color: #333; padding: 20px 0; } .digital-old-page .arc .frame .arc-fr .arc-c { font-size: 14px; color: #585858; line-height: 24px; } .digital-old-page .arc .frame .arc-fr .arc-contact { padding: 16px 54px; background-color: #ff6100; float: left; color: #fff; margin-top: 30px; font-size: 16px; } .digital-old-page .arc .frame .arc-fr .arc-contact:hover { background-color: #d05306; } .education-page .body { position: relative; background-color: #fff; color: #666; } .education-page .banner { height: 434px; margin: 0 auto; background: url(/static/images/education/banner.png) no-repeat center / cover; } .education-page .banner-header { color: #fff; padding-top: 45px; width: 1150px; margin: 0 auto; } .education-page .header-t { font-size: 36px; line-height: 2.4; font-weight: 200; } .education-page .header-c { line-height: 1.8; width: 530px; font-size: 16px; margin-top: 10px; } .education-page .bt-consult { background-color: #2f89ff; padding: 15px 53px; color: #fff; font-size: 18px; margin-top: 40px; } .education-page .bt-consult:hover { background-color: #416af3; } .education-page .solution-cards { font-size: 0; width: 1150px; padding-bottom: 50px; margin: 0 auto; } .education-page .solution-cards .so-title { color: #333; font-size: 24px; font-weight: 400; text-align: center; line-height: 22px; padding-top: 45px; padding-bottom: 40px; } .education-page .solution-cards .solution-card { background-color: #e9f5ff; display: inline-block; width: 264px; height: 332px; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; color: #666; border-radius: 5px; margin-right: 31px; padding: 30px 0; } .education-page .solution-cards .solution-card .card-i { margin: 0 auto; height: 91px; width: 220px; } .education-page .solution-cards .solution-card .card-i i { background: url(/static/images/education/icon.png) 0 0; } .education-page .solution-cards .solution-card .card-i .img_1 { width: 218px; height: 91px; } .education-page .solution-cards .solution-card .card-i .img_2 { width: 220px; height: 91px; background-position: -291px 0; } .education-page .solution-cards .solution-card .card-i .img_3 { width: 215px; height: 91px; background-position: -590px 0; } .education-page .solution-cards .solution-card .card-i .img_4 { width: 222px; height: 91px; background-position: -886px 0; } .education-page .solution-cards .solution-card .card-t { font-size: 18px; line-height: 60px; margin-top: 20px; color: #535353; } .education-page .solution-cards .solution-card .card-c { text-align: left; font-size: 14px; padding: 0 20px; line-height: 24px; } .education-page .solution-cards .card-last { margin-right: 0; } .education-page .arc { height: 590px; background: url(/static/images/education/arc-bg.png) no-repeat center; color: #333; } .education-page .arc .frame { font-size: 14px; position: relative; margin: 0 auto; margin-top: 35px; width: 1050px; background: url(/static/images/education/frame-bg.png) no-repeat center; background-position-y: 7px; } .education-page .arc .frame .frame-list { font-size: 14px; line-height: 1.8; margin-bottom: 8px; height: 80px; position: relative; } .education-page .arc .frame .frame-list span { font-size: 14px; } .education-page .arc .frame .frame-list:nth-child(odd) { text-align: right; } .education-page .arc .frame .frame-list:nth-child(odd) span { position: absolute; left: 540px; top: 0; } .education-page .arc .frame .frame-list:nth-child(even) { text-align: left; } .education-page .arc .frame .frame-list:nth-child(even) span { position: absolute; right: 540px; top: 0; } .education-page .arc .frame .frame-list:nth-child(even) .frame-wrap { float: right; } .education-page .arc .frame .frame-list .frame-wrap { width: 48.5%; } .education-page .arc .frame .frame-list h4 { line-height: 1.8; display: inline-block; margin-right: 10px; font-size: 14px; } .education-page .arc h3 { font-size: 24px; line-height: 2.5; padding-top: 15px; } .education-page .arc h4, .education-page .arc span { font-size: 16px; line-height: 1.5; font-weight: 700; } .education-page .project { margin: 0 auto; margin-top: 30px; width: 1150px; -webkit-box-sizing: border-box; box-sizing: border-box; } .education-page .project h3 { font-size: 24px; color: #333; line-height: 2; text-align: center; margin-bottom: 30px; } .education-page .project table { border-collapse: collapse; } .education-page .project table td { font-size: 16px; border: 1px solid #ebebeb; width: 238px; } .education-page .project table thead td { height: 70px; font-weight: 700; } .education-page .project table thead td:first-child { width: 198px; background-color: #f6f6f6; font-weight: 400; } .education-page .project table thead td a { color: #333; } .education-page .project table tbody td { height: 200px; font-size: 14px; line-height: 2; text-align: left; padding: 0 10px; } .education-page .project table tbody td:first-child { width: 198px; background-color: #f6f6f6; text-align: center; font-size: 16px; } .finance-page .page-t { font-size: 22px; line-height: 60px; } .finance-page .bt-consult { margin-top: 16px; background-color: #b22933; padding: 15px 53px; color: #fff; font-size: 16px; } .finance-page .bt-consult:hover { background-color: #a12730; } .finance-page .banner { background: url(/static/images/finance/banner-bg.png) no-repeat center / cover; } .finance-page .banner .banner-header { color: #fff; padding-top: 86px; width: 1150px; margin: auto; } .finance-page .banner .banner-header .header-t { font-size: 32px; line-height: 75px; } .finance-page .banner .banner-header .header-c { color: #adc1e3; line-height: 23px; width: 510px; } .finance-page .banner .banner-header .bt-consult { margin-top: 16px; } .finance-page .solution-cards { font-size: 0; padding-bottom: 40px; width: 1152px; margin: auto; margin: 65px auto 0 auto; } .finance-page .solution-cards .solution-card { background-color: #fff; display: inline-block; width: 350px; height: 337px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px; vertical-align: middle; color: #333; border-radius: 5px; } .finance-page .solution-cards .solution-card:nth-child(2) { margin-left: 50px; margin-right: 50px; } .finance-page .solution-cards .solution-card .card-t { font-size: 18px; line-height: 60px; } .finance-page .solution-cards .solution-card .card-c { text-align: left; font-size: 14px; } .finance-page .products { border-bottom: 1px solid #ddd; color: #333; padding-top: 30px; padding-bottom: 50px; } .finance-page .products .sale-info > i { color: #b22933; font-size: 18px; font-style: italic; vertical-align: baseline; } .finance-page .products .sale-info > i span { font-size: 32px; } .finance-page .products .pr-adv { margin-top: 16px; margin-bottom: 16px; font-size: 0; } .finance-page .products .pr-adv .adv-t { display: inline-block; color: #fff; width: 185px; height: 37px; background-color: #263655; border-radius: 20px; margin-right: 10px; margin-left: 10px; font-size: 14px; line-height: 37px; } .finance-page .products .pr-table { width: 1152px; margin: auto; } .finance-page .products .pr-table tr td, .finance-page .products .pr-table tr th { border: 1px solid #ddd; padding: 20px; } .finance-page .products .pr-table tr td a, .finance-page .products .pr-table tr th a { color: #263755; font-weight: 700; } .finance-page .products .pr-table tr td.pr-type, .finance-page .products .pr-table tr th.pr-type { background-color: #f6f6f6; width: 118px; font-weight: 400; padding-left: 26px; padding-right: 26px; text-align: center; } .finance-page .products .bt-consult { margin-top: 30px; } .finance-page .arc { width: 1150px; margin: auto; margin-top: 30px; padding-bottom: 40px; } .finance-page .arc .arc-img { padding: 40px 60px; border: 1px solid #ddd; } .finance-page .arc .bps-btn { margin-top: 20px; width: 100%; text-align: left; font-size: 16px; display: inline-block; } .finance-page .guarantee { background: url(/static/images/finance/guarantee-bg.png) no-repeat center; color: #fff; font-size: 0; padding-bottom: 35px; } .finance-page .guarantee .page-t { padding-top: 40px; } .finance-page .guarantee .item-row { width: 1150px; margin: auto; } .finance-page .guarantee .item-row .item { background: rgba(255, 255, 255, 0.3); display: inline-block; width: 240px; height: 180px; font-size: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px 30px 20px 30px; margin: 10px 22px; } .finance-page .guarantee .item-row .item .item-t { line-height: 30px; font-weight: 700; } .finance-page .guarantee .item-row .item .item-c { text-align: left; } .free-page { background-color: #082358; width: 100%; } .free-page .banner { height: 3316px; width: 1273px; margin: 0 auto; background: url("/static/images/freecombo/bg.png") no-repeat; background-size: contain; background-color: #082358; position: relative; } .free-page .banner .arrows-wrap { position: absolute; left: 340px; top: 241px; width: 48px; height: 156px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 1; -webkit-animation: run 6s linear infinite; animation: run 6s linear infinite; } .free-page .banner .arrows-wrap .arrows { width: 48px; height: 156px; background: url("/static/images/freecombo/arrows.png") no-repeat; } @-webkit-keyframes run { 0% { top: 241px; left: 280px; opacity: 1; -webkit-transform: rotate(90deg); transform: rotate(90deg); } 5% { top: 241px; left: 100px; opacity: 1; -webkit-transform: rotate(90deg); transform: rotate(90deg); } 9% { top: 380px; left: 30px; opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { top: 1300px; left: 30px; opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); } 29% { top: 1426px; left: 65px; opacity: 1; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } 45% { top: 1436px; left: 1100px; opacity: 1; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } 49% { top: 1547px; left: 1193px; opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); } 65% { top: 2550px; left: 1193px; opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); } 69% { top: 2626px; left: 1038px; opacity: 1; -webkit-transform: rotate(90deg); transform: rotate(90deg); } 85% { top: 2626px; left: 100px; opacity: 1; -webkit-transform: rotate(90deg); transform: rotate(90deg); } 89% { top: 2800px; left: 40px; opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); } 95% { top: 3100px; left: 30px; opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { top: 3200px; left: 30px; opacity: 0; -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes run { 0% { top: 241px; left: 280px; opacity: 1; -webkit-transform: rotate(90deg); transform: rotate(90deg); } 5% { top: 241px; left: 100px; opacity: 1; -webkit-transform: rotate(90deg); transform: rotate(90deg); } 9% { top: 380px; left: 30px; opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { top: 1300px; left: 30px; opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); } 29% { top: 1426px; left: 65px; opacity: 1; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } 45% { top: 1436px; left: 1100px; opacity: 1; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } 49% { top: 1547px; left: 1193px; opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); } 65% { top: 2550px; left: 1193px; opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); } 69% { top: 2626px; left: 1038px; opacity: 1; -webkit-transform: rotate(90deg); transform: rotate(90deg); } 85% { top: 2626px; left: 100px; opacity: 1; -webkit-transform: rotate(90deg); transform: rotate(90deg); } 89% { top: 2800px; left: 40px; opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); } 95% { top: 3100px; left: 30px; opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { top: 3200px; left: 30px; opacity: 0; -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @-webkit-keyframes change { from { height: 86px; } to { height: 156px; } } @keyframes change { from { height: 86px; } to { height: 156px; } } .free-page .banner .container { position: relative; width: 100%; height: 100%; } .free-page .banner .leifeng { position: absolute; height: 452px; width: 1010px; right: 64px; top: 439px; } .free-page .banner .leifeng .title { font-size: 32px; color: #fff; line-height: 40px; background: #072458; margin-top: 96px; margin-left: 150px; width: 130px; } .free-page .banner .leifeng .btn { margin-left: 153px; } .free-page .banner .leifeng .more { display: inline-block; margin-top: 232px; margin-left: 20px; } .free-page .banner .leifeng img { position: absolute; left: -235px; top: -35px; -webkit-animation: show 1.5s ease-in-out infinite alternate; animation: show 1.5s ease-in-out infinite alternate; } .free-page .banner .cyd { position: absolute; height: 452px; width: 1030px; right: 80px; top: 1006px; } .free-page .banner .cyd .btn { margin-left: 420px; } .free-page .banner .cyd .more { display: inline-block; margin-top: 266px; margin-left: 20px; } .free-page .banner .cyd img { position: absolute; right: 0px; bottom: 69px; -webkit-animation: show 1.5s ease-in-out infinite alternate; animation: show 1.5s ease-in-out infinite alternate; } .free-page .banner .kdb { position: absolute; height: 437px; width: 1010px; right: 157px; top: 1572px; } .free-page .banner .kdb .btn { margin-left: 190px; } .free-page .banner .kdb .more { display: inline-block; margin-top: 373px; margin-left: 20px; } .free-page .banner .kdb img { position: absolute; left: 3px; top: -51px; -webkit-animation: show 1.5s ease-in-out infinite alternate; animation: show 1.5s ease-in-out infinite alternate; } .free-page .banner .cyjk { position: absolute; height: 510px; width: 1040px; right: 151px; top: 2138px; } .free-page .banner .cyjk .btn { margin-left: 488px; } .free-page .banner .cyjk .more { display: inline-block; margin-top: 267px; margin-left: 20px; } .free-page .banner .cyjk img { position: absolute; right: -250px; bottom: -176px; -webkit-animation: show 1.5s ease-in-out infinite alternate; animation: show 1.5s ease-in-out infinite alternate; } .free-page .banner .jsl { position: absolute; height: 480px; width: 1030px; right: 90px; bottom: 72px; } .free-page .banner .jsl .btn { margin-left: 228px; } .free-page .banner .jsl .more { display: inline-block; margin-top: 397px; margin-left: 20px; } .free-page .banner .jsl img { position: absolute; left: 1px; top: 48px; -webkit-animation: show 1.5s ease-in-out infinite alternate; animation: show 1.5s ease-in-out infinite alternate; } @-webkit-keyframes show { from { opacity: 0; } to { opacity: 1; } } @keyframes show { from { opacity: 0; } to { opacity: 1; } } .free-page .btn { display: inline-block; height: 20px; width: 64px; color: #fff; background: -webkit-gradient(linear, left top, right top, from(#1932c7), to(#296bcc)); background: -o-linear-gradient(left, #1932c7, #296bcc); background: linear-gradient(to right, #1932c7, #296bcc); font-size: 14px; text-align: center; line-height: 20px; } .is-page .is-title { font-size: 24px; color: #1e1f23; line-height: 24px; padding-bottom: 87px; text-align: center; } .is-page .banner { height: 480px; background: #1b1d27; overflow: hidden; width: 100%; } .is-page .banner .banner-content { padding: 130px 0px 180px 0; width: 1166px; margin: 0 auto; position: relative; } .is-page .banner .banner-content::after { content: ''; display: block; position: absolute; background: url("/static/images/activity/important-safeguard/bg.png") no-repeat right; width: 1130px; height: 587px; top: -64px; right: -240px; } .is-page .banner .banner-content .banner-t { font-size: 32px; line-height: 75px; color: #fff; } .is-page .banner .banner-content .banner-c { color: #fff; line-height: 24px; width: 546px; } .is-page .service-content { position: relative; height: 633px; width: 1116px; margin: 0 auto; margin-top: 98px; } .is-page .service-content .img-wrap .img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding-top: 164px; } .is-page .service-content .img-wrap .img-one { width: 563px; height: 391px; z-index: 3; } .is-page .service-content .img-wrap .img-two { z-index: 2; width: 290px; height: 290px; /* background: #ddd; */ -webkit-animation: rotateImg 8s linear infinite; animation: rotateImg 8s linear infinite; padding-top: 0; border-radius: 50%; left: 37%; top: 40%; } .is-page .service-content .img-wrap .img-three { z-index: 1; } .is-page .service-content .img-wrap .img-three img { -webkit-animation: rotateReverseImg 8s linear infinite; animation: rotateReverseImg 8s linear infinite; } .is-page .service-content .img-wrap .img-four { width: 209px; height: 209px; } .is-page .service-content .img-wrap .img-five { width: 164px; height: 164px; z-index: 4; } @-webkit-keyframes rotateImg { 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 0% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotateImg { 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 0% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes rotateReverseImg { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes rotateReverseImg { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } .is-page .service-content .service-ul .service-li { display: inline-block; } .is-page .service-content .service-ul .service-li .title { font-size: 18px; color: #1e1f23; } .is-page .service-content .service-ul .service-li .content { width: 256px; font-size: 14px; color: #686c78; line-height: 20px; margin-top: 21px; } .is-page .service-content .service-ul .service-li-left { padding-right: 265px; } .is-page .service-content .service-ul .service-li-left:nth-child(1) { padding-left: 48px; } .is-page .service-content .service-ul .service-li-left:nth-child(3) { margin-left: -12px; padding-right: 258px; } .is-page .service-content .service-ul .service-li-left:nth-child(5) { margin-left: 100px; } .is-page .service-content .service-ul .service-li-right { padding-left: 265px; } .is-page .service-content .service-ul .service-li-right:nth-child(2) { padding-left: 238px; } .is-page .service-content .service-ul .service-li-right:nth-child(4) { padding-left: 358px; } .is-page .service-content .service-ul .service-li-right:nth-child(6) { padding-left: 186px; } .is-page .service-content .service-ul .service-li-1 { padding-top: 18px; } .is-page .service-content .service-ul .service-li-2 { padding-top: 106px; } .is-page .service-content .service-ul .service-li-3 { padding-top: 138px; } .is-page .service-aptitude { margin-top: 94px; width: 100%; padding: 100px 0; background: #f7f9fc; } .is-page .service-aptitude .content { margin: 0 auto; width: 1170px; } .is-page .service-aptitude .content .img-wrap { text-align: center; } .is-page .service-aptitude .content .aptitude-ul .aptitude-li { display: inline-block; width: 234px; text-align: center; font-size: 14px; color: #1e1f23; line-height: 24px; } .is-page .service-advantage { padding-top: 158px; } .is-page .service-advantage .advantage-ul { width: 991px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; } .is-page .service-advantage .advantage-ul li { -webkit-box-flex: 0; -ms-flex: 0 0 416px; flex: 0 0 416px; width: 416px; height: 420px; border: 1px solid #e7eaef; padding: 79px 55px 0 55px; -webkit-box-sizing: border-box; box-sizing: border-box; } .is-page .service-advantage .advantage-ul li:first-child { margin-right: 159px; } .is-page .service-advantage .advantage-ul li .img-wrap { text-align: center; margin-bottom: 48px; } .is-page .service-advantage .advantage-ul li .title { color: #1e1f23; font-size: 16px; text-align: center; margin-bottom: 28px; } .is-page .service-advantage .advantage-ul li .content { color: #686c78; font-size: 14px; line-height: 20px; } .is-page .service-accept { padding-top: 232px; padding-bottom: 65px; } .is-page .service-accept .accept-ul { width: 1048px; margin: 0 auto; } .is-page .service-accept .accept-ul li { display: inline-block; width: 312px; padding: 0 56px 56px 0; cursor: pointer; } .is-page .service-accept .accept-ul li:nth-child(3) { padding-right: 0; } .is-page .service-accept .accept-ul li:nth-child(6) { padding-right: 0; } .is-page .service-accept .accept-ul li p { text-align: center; font-size: 16px; color: #1e1f23; padding-top: 34px; } .is-modal { padding: 50px; } .kbc-page { background: url("/static/images/activity/kcscblockchain/bg.png") no-repeat center; height: 5057px; width: 100%; } .kbc-page .wrap-title { text-align: center; } .kbc-page .wrap-title .title-content { position: relative; display: inline-block; height: 32px; } .kbc-page .wrap-title .title-content::before { content: ''; display: block; background: url("/static/images/activity/kcscblockchain/l-icon.png") no-repeat center; width: 41px; height: 32px; position: absolute; left: -61px; top: 16px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .kbc-page .wrap-title .title-content::after { content: ''; display: block; background: url("/static/images/activity/kcscblockchain/r-icon.png") no-repeat center; width: 41px; height: 32px; position: absolute; right: -61px; top: 16px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .kbc-page .wrap-title .title-content span { font-size: 32px; color: #fff; line-height: 32px; border: 1px solid #01A29E; padding: 0 5px; } .kbc-page .wrap-title .title-content span:first-child { background-color: #01A29E; } .kbc-page .kbc-banner { height: 614px; padding-top: 120px; -webkit-box-sizing: border-box; box-sizing: border-box; } .kbc-page .kbc-banner .abscissa { width: 536px; height: 48px; background: #0e124c; font-size: 24px; color: #fff; letter-spacing: 5px; margin: 0 auto; text-align: center; line-height: 48px; } .kbc-page .kbc-banner .host-info { color: #fff; font-size: 24px; padding-top: 150px; text-align: center; } .kbc-page .kbc-banner .host-info span { padding-left: 34px; } .kbc-page .kbc-banner .host-wrap { color: #fff; font-size: 16px; text-align: center; margin-top: 50px; } .kbc-page .kbc-banner .host-wrap img { display: inline-block; vertical-align: -3px; } .kbc-page .kbc-banner .host-wrap .host img { width: 250px; } .kbc-page .kbc-banner .host-wrap .help img { width: 400px; } .kbc-page .kbc-banner .host-wrap p:last-child { margin-top: 15px; } .kbc-page .kbc-intro .content { width: 996px; color: #fff; font-size: 16px; margin: 0 auto; margin-top: 60px; text-align: center; line-height: 34px; } .kbc-page .kbc-intro .content p:last-child { margin-top: 40px; } .kbc-page .kbc-guest { margin-top: 130px; } .kbc-page .kbc-guest .guest-show { background: url("/static/images/activity/kcscblockchain/guest.png") no-repeat center; width: 1160px; height: 1265px; margin: 0 auto; margin-top: 60px; } .kbc-page .kbc-guest .guest-show .guest-ul { display: -webkit-box; display: -ms-flexbox; display: flex; color: #fff; font-size: 16px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .kbc-page .kbc-guest .guest-show .guest-ul li { -webkit-box-flex: 0; -ms-flex: 0 0 232px; flex: 0 0 232px; text-align: center; padding-top: 148px; height: 286px; -webkit-box-sizing: border-box; box-sizing: border-box; } .kbc-page .kbc-guest .guest-show .guest-ul li .intro { color: #ffffffbd; font-size: 12px; } .kbc-page .kbc-schedule { margin-top: 180px; } .kbc-page .kbc-schedule .schedule-table { text-align: center; margin-top: 60px; } .kbc-page .kbc-schedule table { margin: 0 auto; width: 1120px; margin-top: 60px; } .kbc-page .kbc-schedule table .w140 { width: 140px; } .kbc-page .kbc-schedule table .w224 { width: 224px; } .kbc-page .kbc-schedule table .w170 { width: 170px; } .kbc-page .kbc-schedule table .noborder { border: unset !important; } .kbc-page .kbc-schedule table .btunset { border-top: unset !important; } .kbc-page .kbc-schedule table .bbunset { border-bottom: unset !important; } .kbc-page .kbc-schedule table thead .tb-title { height: 62px; text-align: center; color: #ffffffbd; font-size: 30px; background: rgba(191, 191, 191, 0.3); } .kbc-page .kbc-schedule table thead .tb-subtitle { height: 50px; color: #ffffffbd; font-size: 16px; text-align: center; } .kbc-page .kbc-schedule table thead .tb-subtitle th p { background: rgba(191, 191, 191, 0.2); padding: 13px 0; } .kbc-page .kbc-schedule table thead .tb-subtitle th .first-child { margin-left: -1px; } .kbc-page .kbc-schedule table thead .tb-subtitle th .last-child { margin-right: -1px; } .kbc-page .kbc-schedule table tbody tr { height: 46px; } .kbc-page .kbc-schedule table tbody tr td { text-align: center; color: #ffffffbd; font-size: 14px; border: 1px solid #505050; } .kbc-page .kbc-partner { margin-top: 130px; } .kbc-page .kbc-partner .partner-wall { background: url("/static/images/activity/kcscblockchain/partner.png") no-repeat center 25px; width: 1123px; height: 701px; margin: 0 auto; margin-top: 60px; font-size: 16px; color: #fff; } .kbc-page .kbc-partner .partner-wall .pt83 { padding-top: 83px; } .kbc-page .kbc-partner .partner-wall .pt84 { padding-top: 84px; } .kbc-page .kbc-partner .partner-wall .pt222 { padding-top: 222px; } .kbc-page .kbc-consult { text-align: center; margin-top: 130px; } .kbc-page .kbc-consult .consult-content { margin-top: 60px; } .kbc-page .kbc-consult .consult-content .consultant { font-size: 16px; color: #fff; } .kbc-page .kbc-consult .consult-content .join-flow { display: -webkit-box; display: -ms-flexbox; display: flex; background: rgba(219, 255, 254, 0.1); width: 1000px; margin: 0 auto; margin-top: 40px; } .kbc-page .kbc-consult .consult-content .join-flow .title { font-size: 24px; color: #fff; width: 60px; -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; margin: 40px; margin-right: 100px; } .kbc-page .kbc-consult .consult-content .join-flow .title p { border: 1px solid #01A29E; padding: 6px 0; } .kbc-page .kbc-consult .consult-content .join-flow .title p:first-child { background-color: #01A29E; } .kbc-page .kbc-consult .consult-content .join-flow .wrap-flow { color: #fff; text-align: left; font-size: 16px; } .kbc-page .kbc-consult .consult-content .join-flow .wrap-flow p:first-child { margin: 25px 0 20px 0; } .kbc-page .kbc-consult .consult-content .join-flow .wrap-flow .tip { font-size: 12px; margin-top: 20px; } .kbc-page .kbc-knownsec { margin-top: 130px; } .kbc-page .kbc-knownsec .content { color: #e8eaef; font-size: 14px; line-height: 21px; width: 1117px; margin: 0 auto; margin-top: 60px; } .kgk-content { background: url("/static/images/activity/kcscgokart/bg.png") no-repeat center / cover; height: 3119px; } .kgk-content .kgk-title { text-align: center; } .kgk-content .kgk-title .title { line-height: 61px; font-size: 32px; color: #fff; } .kgk-content .kgk-title .line { background: url("/static/images/activity/kcscgokart/icon.png") no-repeat center; width: 43px; height: 8px; padding-top: 18px; } .kgk-content .timestamp { display: inline-block; width: 141px; height: 40px; background: #613f51; font-size: 24px; color: #fff; line-height: 40px; text-align: center; } .kgk-content .banner { padding: 376px 0 120px 0; text-align: center; } .kgk-content .banner .hold-info { font-size: 24px; color: #fff; } .kgk-content .banner .host { font-size: 16px; color: #939393; margin-top: 16px; } .kgk-content .activity-intro .intro-content { background: url("/static/images/activity/kcscgokart/intro.png") no-repeat center; width: 1224px; height: 424px; margin: 0 auto; margin-top: 50px; } .kgk-content .activity-intro .intro-content p { color: #fff; font-size: 16px; height: 212px; width: 500px; line-height: 24px; } .kgk-content .activity-intro .intro-content p:first-child { padding-top: 81px; padding-left: 211px; } .kgk-content .activity-intro .intro-content p:last-child { float: right; padding-right: 71px; } .kgk-content .activity-flow .flow-content { background: url("/static/images/activity/kcscgokart/node.png") no-repeat center; height: 925px; margin-top: 50px; } .kgk-content .activity-flow .flow-content .flow-node-ul { height: 100%; } .kgk-content .activity-flow .flow-content .flow-node-ul li { width: 50%; height: 152px; position: relative; } .kgk-content .activity-flow .flow-content .flow-node-ul li .flow-item { position: absolute; top: -16px; } .kgk-content .activity-flow .flow-content .flow-node-ul .flow-text { font-size: 24px; color: #fff; } .kgk-content .activity-flow .flow-content .flow-node-ul .right-li { margin-left: 50%; text-align: left; } .kgk-content .activity-flow .flow-content .flow-node-ul .right-li .flow-text { padding-left: 20px; } .kgk-content .activity-flow .flow-content .flow-node-ul .right-li .flow-item { margin-left: 20px; } .kgk-content .activity-flow .flow-content .flow-node-ul .left-li { margin-right: 50%; text-align: right; } .kgk-content .activity-flow .flow-content .flow-node-ul .left-li .flow-item { right: 20px; } .kgk-content .activity-flow .flow-content .flow-node-ul .left-li .flow-text { padding-right: 20px; } .kgk-content .activity-flow .flow-plate-ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 124px; } .kgk-content .activity-flow .flow-plate-ul li { -webkit-box-flex: 0; -ms-flex: 0 0 332px; flex: 0 0 332px; background: url("/static/images/activity/kcscgokart/frame.png") no-repeat center; width: 332px; height: 162px; margin-right: 62px; } .kgk-content .activity-flow .flow-plate-ul li:last-child { margin-right: 0; } .kgk-content .activity-flow .flow-plate-ul li p { text-align: center; } .kgk-content .activity-flow .flow-plate-ul li .title { font-size: 24px; color: #fff; } .kgk-content .activity-flow .flow-plate-ul li .content { font-size: 16px; color: #fff; margin-top: 44px; } .kgk-content .host-intro { margin-top: 220px; } .kgk-content .host-intro .content { font-size: 16px; color: #fff; width: 1157px; margin: 0 auto; margin-top: 50px; } .kgk-content .host-intro .content p:last-child { margin-top: 20px; } .live-page .body { position: relative; background-color: #fff; color: #666; } .live-page .banner { height: 379px; margin: 0 auto; background: url(/static/images/live-video/banner-new.png) no-repeat center / cover; } .live-page .banner .banner-header { color: #fff; padding-top: 54px; width: 1150px; margin: 0 auto; } .live-page .header-t { font-size: 32px; line-height: 75px; } .live-page .header-c { color: #adadad; line-height: 23px; width: 510px; } .live-page .bt-consult { background-color: #41a8ac; padding: 15px 53px; color: #fff; font-size: 16px; margin-top: 16px; } .live-page .bt-consult:hover { background-color: #30797c; } .live-page .solution-cards { font-size: 0; width: 1170px; padding-bottom: 60px; margin: 0 auto; } .live-page .so-title { color: #333; font-size: 22px; font-weight: 400; text-align: center; line-height: 22px; padding-top: 45px; padding-bottom: 30px; } .live-page .solution-card { background-color: #fff; display: inline-block; width: 273px; height: 335px; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; color: #666; border-radius: 2px; margin-right: 23px; border: 1px solid #e5e5e5; padding: 40px 0; } .live-page .solution-cards .card-last { margin-right: 0; } .live-page .card-i { margin: 0 auto; height: 91px; width: 215px; } .live-page .card-i i { background: url(/static/images/live-video/icon.png) no-repeat 0 0; } .live-page .card-i .img_1 { width: 205px; height: 85px; background-position: 0 -361px; } .live-page .card-i .img_2 { width: 205px; height: 79px; background-position: 0 -244px; } .live-page .card-i .img_3 { width: 213px; height: 91px; background-position: 0 -119px; } .live-page .card-i .img_4 { width: 215px; height: 87px; } .live-page .card-t { font-size: 18px; line-height: 60px; margin-top: 20px; } .live-page .card-c { text-align: left; font-size: 14px; padding: 0 20px; line-height: 24px; } .live-page .ability { width: 1170px; background-color: #f9f9f9; margin: 0 auto; text-align: center; } .live-page .ability .ab-title { font-size: 22px; font-weight: 400; color: #333; padding: 60px 0 40px 0; } .live-page .ability ul li { float: left; width: 389px; margin-bottom: 80px; } .live-page .ability ul .ab-i-1 { background: url(/static/images/live-video/icon.png) -74px -501px; width: 48px; height: 45px; } .live-page .ability ul .ab-i-2 { background: url(/static/images/live-video/icon.png) -142px -501px; width: 54px; height: 43px; } .live-page .ability ul .ab-i-3 { background: url(/static/images/live-video/icon.png) 0 -501px; width: 53px; height: 45px; } .live-page .ab-t { font-size: 22px; color: #263755; padding-top: 30px; padding-bottom: 20px; } .live-page .ab-c { font-size: 14px; line-height: 24px; color: #585858; } .live-page .sp-line { border-right: 1px solid #d8d8d8; height: 100px; width: 0; float: left; margin-top: 70px; } .live-page .product-container { width: 100%; background: #fff; } .live-page .product-top { width: 1170px; margin: 0 auto; } .live-page .pro-title { color: #333; font-size: 22px; font-weight: 400; text-align: center; line-height: 22px; padding-top: 45px; padding-bottom: 30px; } .live-page .product-top ul .nav-selected { background-color: #334e64; } .live-page .product-top ul .nav-selected p { color: #fff; } .live-page .product-top ul li { float: left; text-align: center; width: 133px; height: 51px; padding: 20px 10px; background-color: #f9f9f9; border-right: 1px solid #dcdcdc; cursor: pointer; } .live-page .product-top ul li p { color: #3a3a3a; margin-top: 10px; font-size: 20px; } .live-page .product-top ul li i { background: url(/static/images/live-video/icon.png) 0 0; } .live-page .product-top ul .nav-selected .i-pro-1 { background-position: 0 -663px; } .live-page .product-top ul li .i-pro-1 { width: 36px; height: 22px; background-position: 0 -623px; } .live-page .product-top ul .nav-selected .i-pro-2 { width: 22px; height: 22px; background-position: -52px -663px; } .live-page .product-top ul li .i-pro-2 { width: 22px; height: 22px; background-position: -52px -623px; } .live-page .product-top ul .nav-selected .i-pro-3 { width: 18px; height: 22px; background-position: -98px -663px; } .live-page .product-top ul li .i-pro-3 { width: 18px; height: 22px; background-position: -98px -623px; } .live-page .product-top ul .nav-selected .i-pro-4 { width: 15px; height: 22px; background-position: -143px -663px; } .live-page .product-top ul li .i-pro-4 { width: 15px; height: 22px; background-position: -143px -623px; } .live-page .product-top ul .last-child { border: none; } .live-page .product-bottom { background: url(/static/images/live-video/pro_banner.jpg) no-repeat center; height: 615px; } .live-page .product-bottom .pro-content { width: 1170px; color: #fff; margin: 0 auto; } .live-page .product-bottom .pro-content .pro-left { width: 979px; float: left; margin: 235px 0; } .live-page .pro-left h3 { font-size: 28px; line-height: 28px; } .live-page .pro-left p { font-size: 14px; margin-top: 20px; width: 814px; line-height: 24px; } .live-page .pro-content .pro-right { width: 191px; float: left; margin-top: 142px; } .live-page .pro-right h3 { font-size: 24px; line-height: 24px; margin-bottom: 20px; } .live-page .pro-right .pro-tj { background: rgba(255, 255, 255, 0.14); width: 150px; height: 40px; margin-bottom: 10px; padding: 15px 20px; cursor: pointer; } .live-page .pro-tj .pro-tj-l { width: 38px; float: left; } .live-page .pro-tj .pro-tj-r { width: 100px; float: left; margin-left: 10px; } .live-page .pro-tj .pro-tj-l i { background: url(/static/images/live-video/tj.png) 0 0; width: 38px; height: 38px; } .live-page .pro-tj-l .i-tj-1 { background-position: 0 0 !important; } .live-page .pro-tj-l .i-tj-2 { background-position: -37px 0 !important; } .live-page .pro-tj-l .i-tj-3 { background-position: -76px 0 !important; } .live-page .pro-tj-l .i-tj-4 { background-position: -113px 0 !important; } .live-page .pro-tj-l .i-tj-5 { background-position: -150px 0 !important; } .live-page .pro-tj-l .i-tj-6 { background-position: -186px 0 !important; } .live-page .pro-tj-l .i-tj-7 { background-position: -224px 0 !important; } .live-page .pro-tj-l .i-tj-8 { background-position: -262px 0 !important; } .live-page .pro-tj-l .i-tj-9 { background-position: -300px 0 !important; } .live-page .pro-tj-l .i-tj-10 { background-position: -342px 0 !important; } .live-page .pro-content .pro-right .pro-f .p1 { margin-top: 0; } .live-page .pro-tj-r .p1 { font-size: 18px; color: #fff; margin-top: 8px; } .live-page .pro-tj-r .p2 { font-size: 14px; } .live-page .arc { width: 1170px; margin: 0 auto; } .live-page .arc .frame { background: url(/static/images/live-video/banner_arc.png) no-repeat left; height: 664px; } .live-page .arc-fr { width: 325px; margin-top: 160px; float: right; } .live-page .arc-t { font-size: 22px; font-weight: 400; color: #333; padding: 20px 0; } .live-page .arc-c { font-size: 14px; color: #585858; line-height: 24px; } .live-page .arc-contact { padding: 16px 54px; background-color: #41a8ac; float: left; color: #fff; margin-top: 30px; font-size: 16px; } .mfsv-page .bannerContainer { background: url(/static/images/activity/mfsv2022/bannerbg.png) no-repeat center / cover; height: 705px; } .mfsv-page .bannerContainer .bannerBox { display: -webkit-box; display: -ms-flexbox; display: flex; width: 1322px; height: 100%; margin: 0 auto; background: url(/static/images/activity/mfsv2022/banner.png) no-repeat center / cover; position: relative; background-position-y: 0; } .mfsv-page .bannerContainer .bannerBox .bannerLeft { position: absolute; left: 122px; bottom: 204px; } .mfsv-page .bannerContainer .bannerBox .bannerLeft > a { display: inline-block; width: 200px; height: 57px; line-height: 57px; font-size: 22px; color: #f8f8fa; background-color: #4279de; } .mfsv-page .bannerContainer .bannerBox .bannerRight { width: 419px; height: 1082px; background: url(/static/images/activity/mfsv2022/nav.png) no-repeat center / cover; position: absolute; right: 0; top: 0; } .mfsv-page .bannerContainer .bannerBox .bannerRight > ul { padding-top: 112px; } .mfsv-page .bannerContainer .bannerBox .bannerRight > ul > li { height: 148px; padding: 40px 52px 0 23px; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfsv-page .bannerContainer .bannerBox .bannerRight > ul > li:hover { background-color: #2d6eec; } .mfsv-page .bannerContainer .bannerBox .bannerRight > ul > li > a { display: inline-block; width: 100%; height: 100%; } .mfsv-page .bannerContainer .bannerBox .bannerRight > ul > li .title { color: #f2f2f2; font-size: 38px; height: 38px; line-height: 38px; } .mfsv-page .bannerContainer .bannerBox .bannerRight > ul > li .des { font-size: 24px; color: #ffffff; margin-top: 22px; } .mfsv-page .contentContainer { background: url(/static/images/activity/mfsv2022/bg.png) no-repeat center / cover; padding-top: 30px; padding-bottom: 96px; } .mfsv-page .contentContainer .oneTitle { font-size: 32px; font-weight: bold; color: #ffffff; } .mfsv-page .contentContainer .secTitle { font-size: 30px; color: #ffffff; font-weight: 500; line-height: 42px; } .mfsv-page .contentContainer .secTitle > span { position: relative; } .mfsv-page .contentContainer .secTitle > span::before { content: ""; display: block; height: 8px; width: 100%; background: #4989ee; position: absolute; bottom: -1px; } .mfsv-page .contentContainer .contentBox { width: 1185px; margin: 0 auto; } .mfsv-page .contentContainer .contentBox .featureBoard { margin: 28px auto 48px auto; height: 279px; background: -webkit-gradient(linear, right top, left top, from(#1f2377), to(#2a60dd)); background: -o-linear-gradient(right, #1f2377 0%, #2a60dd 100%); background: linear-gradient(270deg, #1f2377 0%, #2a60dd 100%); display: -webkit-box; display: -ms-flexbox; display: flex; } .mfsv-page .contentContainer .contentBox .featureBoard .operatePart { padding: 76px 40px 63px 80px; font-size: 34px; font-weight: bold; color: #ffffff; } .mfsv-page .contentContainer .contentBox .featureBoard .operatePart > a { font-size: 20px; font-weight: 500; color: #f8f8fa; display: inline-block; width: 200px; line-height: 50px; background: -o-linear-gradient(359deg, #e6b880 0%, #e28034 100%); background: linear-gradient(91deg, #e6b880 0%, #e28034 100%); text-align: center; margin-top: 54px; } .mfsv-page .contentContainer .contentBox .featureBoard .featureInfo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-weight: 400; color: #ffffff; font-size: 22px; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mfsv-page .contentContainer .contentBox .featureBoard .featureInfo > li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; position: relative; } .mfsv-page .contentContainer .contentBox .featureBoard .featureInfo > li::before { content: ""; display: block; width: 60px; height: 60px; background: url(/static/images/activity/mfsv2022/icon.png) no-repeat center / cover; margin: 0 auto; margin-bottom: 38px; } .mfsv-page .contentContainer .contentBox .featureBoard .featureInfo > li:nth-child(1)::before { background-position-x: 3px; } .mfsv-page .contentContainer .contentBox .featureBoard .featureInfo > li:nth-child(1)::after { content: ""; background: url(/static/images/activity/mfsv2022/line.png) no-repeat center / cover; width: 20px; height: 150px; position: absolute; right: 0; top: 0; } .mfsv-page .contentContainer .contentBox .featureBoard .featureInfo > li:nth-child(2)::after { content: ""; background: url(/static/images/activity/mfsv2022/line.png) no-repeat center / cover; width: 20px; height: 150px; position: absolute; right: 0; top: 0; } .mfsv-page .contentContainer .contentBox .featureBoard .featureInfo > li:nth-child(3)::before { background-position-x: -357px; } .mfsv-page .contentContainer .contentBox .featureBoard .featureInfo > li > p { margin-bottom: 10px; } .mfsv-page .contentContainer .contentBox .recommendedBoard { margin-bottom: 75px; } .mfsv-page .contentContainer .contentBox .recommendedBoard .recommendedContent { width: 100%; height: 392px; margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; background: -o-linear-gradient(178deg, #1f2377 0%, #2a60dd 100%); background: linear-gradient(272deg, #1f2377 0%, #2a60dd 100%); } .mfsv-page .contentContainer .contentBox .recommendedBoard .recommendedContent .leftPart { color: #ffffff; padding: 39px 41px 50px 81px; width: 682px; } .mfsv-page .contentContainer .contentBox .recommendedBoard .recommendedContent .leftPart .top > h4 { font-size: 28px; font-weight: bold; } .mfsv-page .contentContainer .contentBox .recommendedBoard .recommendedContent .leftPart .top > p { font-size: 17px; line-height: 26px; margin: 32px 0 42px 0; } .mfsv-page .contentContainer .contentBox .recommendedBoard .recommendedContent .leftPart .bottom > h4 { font-size: 24px; font-weight: bold; } .mfsv-page .contentContainer .contentBox .recommendedBoard .recommendedContent .leftPart .bottom > ul { display: -webkit-box; display: -ms-flexbox; display: flex; width: 410px; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 27px; margin-left: 20px; } .mfsv-page .contentContainer .contentBox .recommendedBoard .recommendedContent .leftPart .bottom > ul > li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; list-style: disc; font-size: 18px; margin-bottom: 12px; } .mfsv-page .contentContainer .contentBox .recommendedBoard .recommendedContent .leftPart .bottom > a { color: #ffe38c; } .mfsv-page .contentContainer .contentBox .recommendedBoard .recommendedContent .rightPart { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .mfsv-page .contentContainer .contentBox .recommendedBoard .recommendedContent .rightPart::before { content: ""; display: block; width: 100%; height: 342px; background: url(/static/images/activity/mfsv2022/pro.jpg); background-repeat: no-repeat; background-size: cover; } .mfsv-page .contentContainer .contentBox .recommendedBoard .recommendedContent .rightPart > a { display: inline-block; width: 385px; line-height: 50px; background: -webkit-gradient(linear, left top, right top, from(#e6b880), to(#e28034)); background: -o-linear-gradient(left, #e6b880 0%, #e28034 100%); background: linear-gradient(90deg, #e6b880 0%, #e28034 100%); font-weight: 500; color: #f8f8fa; font-size: 20px; text-align: center; } .mfsv-page .contentContainer .contentBox .proInfoContainer .proInfoTitle { margin: 77px 0 0 0; } .mfsv-page .contentContainer .contentBox .proInfoContainer .proInfoTitle .spec { color: #eea740; } .mfsv-page .contentContainer .contentBox .proInfoContainer .proInfoTitle > p { font-size: 20px; color: #fafafa; padding: 25px 0 55px 0; } .mfsv-page .contentContainer .contentBox .proInfoContainer .proInfoTitle > p > span { color: #ebcc12; } .mfsv-page .contentContainer .contentBox .proInfoContainer .proPart .title { margin-bottom: 36px; } .mfsv-page .contentContainer .contentBox .proInfoContainer .proPart .title > p { font-size: 18px; font-weight: 400; color: #e2e2e2; margin-top: 11px; } .mfsv-page .contentContainer .contentBox .proInfoContainer .proPart .proItem { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .mfsv-page .contentContainer .contentBox .proInfoContainer .proPart .proItem > li { -webkit-box-flex: 0; -ms-flex: 0 0 385px; flex: 0 0 385px; width: 385px; margin-bottom: 35px; margin-right: 10px; } .mfsv-page .contentContainer .contentBox .proInfoContainer .proPart .proItem > li .titlePart { min-height: 42px; background: #274fc0; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 21px 32px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mfsv-page .contentContainer .contentBox .proInfoContainer .proPart .proItem > li .titlePart > h4 { font-size: 25px; font-weight: bold; color: #fafafa; } .mfsv-page .contentContainer .contentBox .proInfoContainer .proPart .proItem > li .titlePart .right { text-align: right; } .mfsv-page .contentContainer .contentBox .proInfoContainer .proPart .proItem > li .titlePart .right .discountPrice { color: #f1a73b; font-size: 16px; text-align: center; } .mfsv-page .contentContainer .contentBox .proInfoContainer .proPart .proItem > li .titlePart .right .discountPrice > span { font-size: 22px; } .mfsv-page .contentContainer .contentBox .proInfoContainer .proPart .proItem > li .titlePart .right .originCost { font-size: 12px; color: #ffffff; text-align: center; text-decoration: line-through; } .mfsv-page .contentContainer .contentBox .proInfoContainer .proPart .proItem > li .contentPart { padding: 27px 32px 39px 32px; background: -webkit-gradient(linear, left top, left bottom, from(#1f2377), to(#2a60dd)); background: -o-linear-gradient(top, #1f2377 0%, #2a60dd 100%); background: linear-gradient(180deg, #1f2377 0%, #2a60dd 100%); } .mfsv-page .contentContainer .contentBox .proInfoContainer .proPart .proItem > li .contentPart .des { font-size: 16px; color: #f5f5f5; height: 85px; } .mfsv-page .contentContainer .contentBox .proInfoContainer .proPart .proItem > li .contentPart .des > a { display: inline-block; margin-top: 5px; color: #ffe38c; font-size: 14px; } .mfsv-page .contentContainer .contentBox .proInfoContainer .proPart .proItem > li .contentPart .spec { color: #ffffff; font-size: 18px; padding: 30px 0 40px; min-height: 120px; } .mfsv-page .contentContainer .contentBox .proInfoContainer .proPart .proItem > li .contentPart .spec > li { margin-bottom: 10px; } .mfsv-page .contentContainer .contentBox .proInfoContainer .proPart .proItem > li .contentPart .spec > li::before { content: ""; display: inline-block; width: 4px; height: 7px; background: #97befc; vertical-align: 4px; margin-right: 8px; } .mfsv-page .contentContainer .contentBox .proInfoContainer .proPart .proItem > li .contentPart .freeCombo > h6 { font-size: 15px; color: #a9beff; } .mfsv-page .contentContainer .contentBox .proInfoContainer .proPart .proItem > li .contentPart .freeCombo > ul { padding: 29px 0 30px; display: -webkit-box; display: -ms-flexbox; display: flex; } .mfsv-page .contentContainer .contentBox .proInfoContainer .proPart .proItem > li .contentPart .freeCombo > ul > li { font-size: 14px; color: #ffffff; background: #2d6eec; line-height: 23px; padding: 0 5px; margin-right: 5px; } .mfsv-page .contentContainer .contentBox .proInfoContainer .proPart .proItem > li .footerPart { line-height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; } .mfsv-page .contentContainer .contentBox .proInfoContainer .proPart .proItem > li .footerPart > a { display: inline-block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; font-weight: 500; color: #f8f8fa; font-size: 18px; } .mfsv-page .contentContainer .contentBox .proInfoContainer .proPart .proItem > li .footerPart > a:first-child { background: -o-linear-gradient(356deg, #e6b880 0%, #e68d48 100%); background: linear-gradient(94deg, #e6b880 0%, #e68d48 100%); } .mfsv-page .contentContainer .contentBox .proInfoContainer .proPart .proItem > li .footerPart > a:nth-child(2) { background: #e28034; } .mfsv-page .contentContainer .contentBox .hotActivityContainer .secTitle { margin: 60px 0 34px; } .mfsv-page .contentContainer .contentBox .hotActivityContainer > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; } .mfsv-page .contentContainer .contentBox .hotActivityContainer > ul > li { width: 385px; height: 188px; border: 1px solid #4989ee; text-align: center; background: -o-linear-gradient(287deg, #1f2377 0%, #2a60dd 100%); background: linear-gradient(163deg, #1f2377 0%, #2a60dd 100%); padding: 36px 32px 0 32px; } .mfsv-page .contentContainer .contentBox .hotActivityContainer > ul > li:nth-child(2) { margin: 0 15px; } .mfsv-page .contentContainer .contentBox .hotActivityContainer > ul > li > h5 { color: #ffffff; font-size: 22px; font-weight: 500; } .mfsv-page .contentContainer .contentBox .hotActivityContainer > ul > li > p { font-size: 14px; color: #f5f5f5; line-height: 21px; margin-top: 21px; text-align: left; } .mfsv-page .contentContainer .contentBox .hotActivityContainer > ul > li > p > a { font-size: 15px; color: #a9beff; } .mfsv-page .contentContainer .contentBox .contactContainer .secTitle { margin: 69px 0 34px; } .mfsv-page .contentContainer .contentBox .contactContainer .content { width: 321px; height: 134px; border: 1px solid #4989ee; text-align: center; background: -o-linear-gradient(287deg, #1f2377 0%, #2a60dd 100%); background: linear-gradient(163deg, #1f2377 0%, #2a60dd 100%); padding: 36px 32px 0 32px; color: #ffffff; font-size: 18px; } .mfsv-page .contentContainer .contentBox .contactContainer .content > p { text-align: left; line-height: 26px; } .activity-partner-page .banner { height: 398px; background: url(/static/images/activity/partner/banner.jpg) center no-repeat; } .activity-partner-page .banner .banner_box { width: 1152px; height: 100%; margin: 0 auto; text-align: center; } .activity-partner-page .banner .banner_box h2 { font-size: 40px; color: #fff; padding-top: 110px; margin-bottom: 31px; line-height: 40px; } .activity-partner-page .banner .banner_box p { font-size: 18px; color: #d9e5ff; line-height: 18px; margin-bottom: 64px; opacity: 0.3; } .activity-partner-page .banner .banner_box a { background: #2370e7; border-radius: 4px; padding: 14px 46.5px; color: #fff; font-size: 14px; } .activity-partner-page .banner .banner_box a:hover { background: #1370d7; } .activity-partner-page .title_bg { text-align: center; } .activity-partner-page .title_bg img { height: 14px; } .activity-partner-page .classify { height: 472px; } .activity-partner-page .classify .classify_box { width: 1156px; height: 100%; margin: 0 auto; } .activity-partner-page .classify .classify_box h2 { font-size: 32px; color: #353535; line-height: 32px; padding-top: 88px; text-align: center; margin-bottom: 15px; } .activity-partner-page .classify .classify_box ul { margin-top: 50px; height: 180px; } .activity-partner-page .classify .classify_box ul li { width: 360px; height: 100%; float: left; padding: 0 100px; text-align: center; } .activity-partner-page .classify .classify_box ul li h3 { font-size: 16px; color: #353535; line-height: 16px; text-align: center; margin-bottom: 24px; margin-top: 24px; } .activity-partner-page .classify .classify_box ul li p { font-size: 14px; color: #888; letter-spacing: 0; line-height: 14px; margin-bottom: 34px; } .activity-partner-page .classify .classify_box ul li:nth-child(1) .pro_bg { width: 80px; } .activity-partner-page .classify .classify_box ul li:nth-child(2) { margin-right: 0; } .activity-partner-page .classify .classify_box ul li:nth-child(2) .pro_bg { width: 80px; } .activity-partner-page .classify .classify_box ul li a { font-size: 14px; color: #2370e7; } .activity-partner-page .classify .classify_box ul li a:hover { color: #2370e7; } .activity-partner-page .classify .classify_box ul li a img { height: 9px; margin-left: 6px; position: relative; top: -1px; } .activity-partner-page .superiority { height: 2406px; background: #f8f9fb; } .activity-partner-page .superiority .sup_box { width: 1152px; height: 100%; margin: 0 auto; } .activity-partner-page .superiority .sup_box .sup_title { font-size: 32px; color: #353535; line-height: 32px; padding-top: 88px; margin-bottom: 15px; text-align: center; } .activity-partner-page .superiority .sup_box ul { margin-top: 50px; } .activity-partner-page .superiority .sup_box ul li { width: 100%; height: 510px; margin-bottom: 40px; } .activity-partner-page .superiority .sup_box ul li .prf_bg { height: 446px; } .activity-partner-page .superiority .sup_box ul li div { width: 400px; height: 100%; } .activity-partner-page .superiority .sup_box ul li div h3 { font-size: 32px; color: #353535; line-height: 32px; padding-top: 130px; margin-bottom: 16px; } .activity-partner-page .superiority .sup_box ul li div p { font-size: 18px; color: #888; letter-spacing: 0; line-height: 28px; } .activity-partner-page .superiority .sup_box ul li:nth-child(1) .prf_bg { float: left; } .activity-partner-page .superiority .sup_box ul li:nth-child(1) div { float: right; } .activity-partner-page .superiority .sup_box ul li:nth-child(2) .prf_bg { float: right; } .activity-partner-page .superiority .sup_box ul li:nth-child(2) div { float: left; } .activity-partner-page .superiority .sup_box ul li:nth-child(3) .prf_bg { float: left; } .activity-partner-page .superiority .sup_box ul li:nth-child(3) div { float: right; } .activity-partner-page .superiority .sup_box ul li:nth-child(4) .prf_bg { float: right; } .activity-partner-page .superiority .sup_box ul li:nth-child(4) div { float: left; } .activity-partner-page .process { height: 516px; } .activity-partner-page .process .prc_box { width: 1152px; height: 100%; margin: 0 auto; } .activity-partner-page .process .prc_box h2 { font-size: 32px; line-height: 32px; margin-bottom: 15px; padding-top: 88px; text-align: center; } .activity-partner-page .process .prc_box ul { margin-top: 40px; height: 170px; } .activity-partner-page .process .prc_box ul li { width: 164px; height: 100%; margin-bottom: 40px; float: left; text-align: center; } .activity-partner-page .process .prc_box ul li p { font-size: 16px; color: #353535; line-height: 16px; margin-top: 30px; } .activity-partner-page .process .prc_box ul li:nth-child(1) .prc_bg, .activity-partner-page .process .prc_box ul li:nth-child(3) .prc_bg, .activity-partner-page .process .prc_box ul li:nth-child(5) .prc_bg, .activity-partner-page .process .prc_box ul li:nth-child(7) .prc_bg { height: 90px; margin-left: -15px; } .activity-partner-page .process .prc_box ul li:nth-child(2) .prc_icon, .activity-partner-page .process .prc_box ul li:nth-child(4) .prc_icon, .activity-partner-page .process .prc_box ul li:nth-child(6) .prc_icon { height: 25px; margin-top: 40px; } .activity-partner-page .process .prc_box .prc_bt { text-align: center; } .activity-partner-page .process .prc_box .prc_bt a { font-size: 16px; border: solid 1px #2370e7; opacity: 0.5; border-radius: 4px; padding: 12px 39px; } .activity-partner-page .process .prc_box .prc_bt a:hover { color: #2370e7; } .protectionscheme-page .banner { height: 480px; background: #a81e23 url(/static/images/activity/protectionscheme/banner.png) no-repeat center; text-align: center; } .protectionscheme-page .banner .banner-text { line-height: 2; font-size: 16px; color: #fff; font-weight: 200; text-align: center; padding-top: 280px; } .protectionscheme-page .banner .consult_bt { padding: 15px 53px; color: #fff; font-size: 16px; background: #a32425; margin-top: 20px; display: inline-block; } .protectionscheme-page .protectionscheme-content .tab-list { text-align: center; } .protectionscheme-page .protectionscheme-content .tab-list li { font-size: 18px; width: 175px; height: 65px; vertical-align: middle; text-align: center; line-height: 60px; color: rgba(0, 0, 0, 0.65); display: inline-block; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; border: 1px solid #d9d9d9; border-left: 0; background: #fff; padding: 0 16px; -webkit-box-sizing: border-box; box-sizing: border-box; } .protectionscheme-page .protectionscheme-content .tab-list li:first-child { border-radius: 4px 0 0 4px; border-left: 1px solid #d9d9d9; } .protectionscheme-page .protectionscheme-content .tab-list li:last-child { border-radius: 0 4px 4px 0; border-right: 1px solid #d9d9d9; } .protectionscheme-page .protectionscheme-content .tab-list .active { background: #c0232b; border: 1 solid #c0232b; color: #fff !important; border-color: #c0232b !important; -webkit-box-shadow: -1px 0 0 0 #c0232b; box-shadow: -1px 0 0 0 #c0232b; } .protectionscheme-page .protectionscheme-content .tab-contentone-box { margin-top: 60px; } .protectionscheme-page .protectionscheme-content .tab-contentone-box .tab-contentone-title { padding-top: 46px; } .protectionscheme-page .protectionscheme-content .tab-contentone-box .tab-contentone-title h1 { position: absolute; margin-top: 12px; left: 45%; color: rgba(0, 0, 0, 0.85); font-weight: 500; font-size: 24px; } .protectionscheme-page .protectionscheme-content .tab-contentone-box .tab-contentone-title p { text-align: center; z-index: -100; font-size: 60px; color: #ededed; } .protectionscheme-page .protectionscheme-content .tab-contentone-box .card-one { margin: 0 auto; width: 1152px; margin-top: 60px; } .protectionscheme-page .protectionscheme-content .tab-contentone-box .card-one .text { font-size: 14px; float: right; font-weight: 200; line-height: 24px; text-align: left; letter-spacing: 2px; width: 663px; margin-top: 30px; } .protectionscheme-page .protectionscheme-content .tab-contentone-box .subtitle { color: rgba(0, 0, 0, 0.85); font-weight: 500; text-align: center; font-size: 22px; margin-top: 40px; } .protectionscheme-page .protectionscheme-content .tab-contentone-box .flow-container { text-align: center; padding-bottom: 70px; } .protectionscheme-page .protectionscheme-content .tab-contentone-box .flow-intro { width: 965px; font-size: 14px; font-weight: 200; line-height: 24px; text-align: left; letter-spacing: 2px; margin: 0 auto; color: rgba(41, 55, 67, 0.8); margin-top: 40px; margin-bottom: 20px; } .protectionscheme-page .protectionscheme-content .tab-contentone-box .bg-color { background-color: #f4f5f6; } .protectionscheme-page .protectionscheme-content .tab-contenttwo-box { margin: 60px 0; } .protectionscheme-page .protectionscheme-content .tab-contenttwo-box ul { width: 1134px; margin: 0 auto; } .protectionscheme-page .protectionscheme-content .tab-contenttwo-box ul li { display: inline-block; vertical-align: top; margin-right: 24px; margin-bottom: 40px; width: 360px; border: 1px solid #ddd; height: 240px; padding-top: 39px; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; border-radius: 2px; } .protectionscheme-page .protectionscheme-content .tab-contenttwo-box ul li:nth-child(3n+0) { margin-right: 0; } .protectionscheme-page .protectionscheme-content .tab-contenttwo-box ul li:hover { -webkit-box-shadow: 0 -4px 0 #c0232b; box-shadow: 0 -4px 0 #c0232b; } .protectionscheme-page .protectionscheme-content .tab-contenttwo-box ul li img { display: inline-block; height: 30px; vertical-align: middle; } .protectionscheme-page .protectionscheme-content .tab-contenttwo-box ul li .title { font-size: 20px; margin-bottom: 20px; margin-top: 10px; margin-left: 30px; color: rgba(0, 0, 0, 0.85); font-weight: 500; } .protectionscheme-page .protectionscheme-content .tab-contenttwo-box ul li .title span { margin-left: 15px; } .protectionscheme-page .protectionscheme-content .tab-contenttwo-box ul li .text { font-size: 14px; line-height: 24px; font-weight: 200; text-align: left; letter-spacing: -0.5px; color: rgba(41, 55, 67, 0.8); padding-left: 24px; padding-right: 24px; } .protectionscheme-page .protectionscheme-content .tab-contentthree-box { margin: 60px 0; } .protectionscheme-page .protectionscheme-content .tab-contentthree-box ul { width: 1150px; margin: 0 auto; } .protectionscheme-page .protectionscheme-content .tab-contentthree-box ul li { clear: both; } .protectionscheme-page .protectionscheme-content .tab-contentthree-box ul li:nth-child(odd) img { margin-left: 130px; } .protectionscheme-page .protectionscheme-content .tab-contentthree-box ul li:nth-child(odd) .text-container { float: right; } .protectionscheme-page .protectionscheme-content .tab-contentthree-box ul li:nth-child(even) img { margin-left: 130px; } .protectionscheme-page .protectionscheme-content .tab-contentthree-box ul li:nth-child(even) .text-container { float: left; margin-left: 80px; } .protectionscheme-page .protectionscheme-content .tab-contentthree-box ul li .text-container { width: 525px; margin-top: 85px; } .protectionscheme-page .protectionscheme-content .tab-contentthree-box ul li .title { font-size: 24px; margin-bottom: 20px; width: 210px; text-align: initial; color: rgba(0, 0, 0, 0.85); font-weight: 500; } .protectionscheme-page .protectionscheme-content .tab-contentthree-box ul li .text { width: 497px; font-size: 14px; line-height: 24px; font-weight: 200; text-align: left; color: rgba(41, 55, 67, 0.8); } .protectionscheme-page .protectionscheme-content .tab-contentfour-box { margin: 60px 0; } .protectionscheme-page .protectionscheme-content .tab-contentfour-box ul { width: 1152px; padding-bottom: 50px; margin: 0 auto; } .protectionscheme-page .protectionscheme-content .tab-contentfour-box ul li { text-align: center; display: inline-block; vertical-align: top; width: 360px; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; margin-right: 36px; margin-bottom: 40px; height: 295px; border-radius: 2px; } .protectionscheme-page .protectionscheme-content .tab-contentfour-box ul li:nth-child(3n+0) { margin-right: 0; } .protectionscheme-page .protectionscheme-content .tab-contentfour-box ul li .img-container { border: 1px solid #ddd; height: 254px; border-radius: 2px; } .protectionscheme-page .protectionscheme-content .tab-contentfour-box ul li .img-container img { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .protectionscheme-page .protectionscheme-content .tab-contentfour-box ul li .text { color: rgba(0, 0, 0, 0.85); font-weight: 500; margin-top: 16px; } .protectionscheme-page .protectionscheme-content .tab-contentfive-box { margin: 60px 0; } .protectionscheme-page .protectionscheme-content .tab-contentfive-box ul { text-align: center; width: 1096px; margin: 0 auto; } .protectionscheme-page .protectionscheme-content .tab-contentfive-box ul li { text-align: center; display: inline-block; vertical-align: top; margin-right: 80px; margin-bottom: 53px; width: 312px; height: 430px; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; border-radius: 2px; } .protectionscheme-page .protectionscheme-content .tab-contentfive-box ul li:nth-child(3n+0) { margin-right: 0; } .protectionscheme-page .protectionscheme-content .tab-contentfive-box ul li .text { color: rgba(0, 0, 0, 0.85); font-weight: 500; margin-top: 16px; } .protectionscheme-page #navTab[data-fixed="fixed"] { position: fixed; top: 0; left: 0; width: 100%; z-index: 1; } .protectionscheme-page #navTab { height: 155px; background: #fff; line-height: 155px; } .networkSecurityPage .bannerBox { background: -webkit-gradient(linear, left top, left bottom, from(#0b0d33), color-stop(50%, #0b1877), to(#0b0d33)); background: -o-linear-gradient(top, #0b0d33 0%, #0b1877 50%, #0b0d33 100%); background: linear-gradient(180deg, #0b0d33 0%, #0b1877 50%, #0b0d33 100%); } .networkSecurityPage .bannerBox .bannerContent { width: 1124px; background: url(/static/images/activity/networkSecurity/banner.png) no-repeat center / cover; height: 582px; margin: 0 auto; } .networkSecurityPage .bannerBox .bannerContent > h2 { color: #ffffff; font-size: 45px; padding: 255px 0 27px; } .networkSecurityPage .bannerBox .bannerContent > p { width: 491px; font-size: 18px; color: #ffffff; line-height: 24px; padding-bottom: 24px; } .networkSecurityPage .bannerBox .bannerContent > a { display: inline-block; font-weight: 500; text-align: center; color: #162e59; font-size: 18px; width: 234px; line-height: 55px; background: -webkit-gradient(linear, right top, left top, from(#23def4), to(#1d93e3)); background: -o-linear-gradient(right, #23def4 0%, #1d93e3 100%); background: linear-gradient(-90deg, #23def4 0%, #1d93e3 100%); -webkit-box-shadow: 0px 0px 12px 6px rgba(151, 0, 35, 0.2); box-shadow: 0px 0px 12px 6px rgba(151, 0, 35, 0.2); border-radius: 2px; } .networkSecurityPage .contentBox .stairTitle { font-size: 34px; font-weight: 500; color: #444444; padding: 57px 0 47px; text-align: center; } .networkSecurityPage .contentBox .ylbgPart { width: 1200px; margin: 0 auto; } .networkSecurityPage .contentBox .ylbgPart .bgPart { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .networkSecurityPage .contentBox .ylbgPart .bgPart > div { margin: 27px 25px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 33.33%; height: 382px; background: #f4f6fc; border: 1px solid #f4f6fc; border-radius: 5px; } .networkSecurityPage .contentBox .ylbgPart .bgPart > div > h4 { font-weight: 600; color: #666666; font-size: 22px; text-align: center; margin-bottom: 26px; } .networkSecurityPage .contentBox .ylbgPart .bgPart > div > h4::before { content: ""; display: block; width: 55px; height: 55px; background: url(/static/images/activity/networkSecurity/icon.png) no-repeat; background-size: 800px 100%; margin: 62px auto 29px auto; } .networkSecurityPage .contentBox .ylbgPart .bgPart > div > p { font-weight: 300; color: #878787; width: 239px; font-size: 16px; line-height: 24px; margin: 0 auto; } .networkSecurityPage .contentBox .ylbgPart .bgPart > div:nth-child(2) > h4::before { background-position-x: -369px; } .networkSecurityPage .contentBox .ylbgPart .bgPart > div:nth-child(3) > h4::before { background-position-x: -744px; } .networkSecurityPage .contentBox .problemPart { width: 1200px; margin: 0 auto; padding-bottom: 50px; } .networkSecurityPage .contentBox .flowPart { padding-bottom: 112px; background: -webkit-gradient(linear, left top, left bottom, from(#0b0d33), color-stop(50%, #0b1877), to(#0b0d33)); background: -o-linear-gradient(top, #0b0d33 0%, #0b1877 50%, #0b0d33 100%); background: linear-gradient(180deg, #0b0d33 0%, #0b1877 50%, #0b0d33 100%); } .networkSecurityPage .contentBox .flowPart .flowcontainer { background: url(/static/images/activity/networkSecurity/flowbg.png) no-repeat center / cover; } .networkSecurityPage .contentBox .flowPart .flowcontainer .stairTitle { color: #ffffff; } .networkSecurityPage .contentBox .flowPart .flowcontainer .flowContent { width: 1182px; margin: 0 auto; } .networkSecurityPage .contentBox .flowPart .flowcontainer .flowContent > div { position: relative; } .networkSecurityPage .contentBox .flowPart .flowcontainer .flowContent > div::after { content: ""; display: inline-block; width: 51px; height: 25px; background: url(/static/images/activity/networkSecurity/arrows.png) no-repeat center / cover; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); position: absolute; z-index: 2; top: -16px; left: 80px; } .networkSecurityPage .contentBox .flowPart .flowcontainer .flowContent > div:first-child::after { display: none; } .networkSecurityPage .contentBox .flowPart .flowcontainer .flowContent > div > div { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; border-radius: 5px; height: 210px; padding: 43px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #26347e; } .networkSecurityPage .contentBox .flowPart .flowcontainer .flowContent > div > div .flowheader { padding-right: 67px; width: 120px; } .networkSecurityPage .contentBox .flowPart .flowcontainer .flowContent > div > div .flowheader > h4 { height: 52px; font-weight: 600; color: rgba(151, 175, 251, 0.8); font-size: 70px; text-align: center; } .networkSecurityPage .contentBox .flowPart .flowcontainer .flowContent > div > div .flowheader > h6 { font-weight: 500; color: #ffffff; font-size: 18px; text-align: center; } .networkSecurityPage .contentBox .flowPart .flowcontainer .flowContent > div > div .flowbody { display: -webkit-box; display: -ms-flexbox; display: flex; } .networkSecurityPage .contentBox .flowPart .flowcontainer .flowContent > div > div .flowbody > div { position: relative; padding-right: 50px; } .networkSecurityPage .contentBox .flowPart .flowcontainer .flowContent > div > div .flowbody > div:last-child { padding-right: 0; } .networkSecurityPage .contentBox .flowPart .flowcontainer .flowContent > div > div .flowbody > div:last-child::after { display: none; } .networkSecurityPage .contentBox .flowPart .flowcontainer .flowContent > div > div .flowbody > div::after { content: ""; display: inline-block; width: 51px; height: 25px; background: url(/static/images/activity/networkSecurity/arrows.png) no-repeat center / cover; position: absolute; right: 20px; top: 60px; } .networkSecurityPage .contentBox .flowPart .flowcontainer .flowContent > div > div .flowbody > div > h6 { font-size: 18px; color: #ffffff; } .networkSecurityPage .contentBox .flowPart .flowcontainer .flowContent > div > div .flowbody > div > div { margin-top: 25px; position: relative; width: 143px; } .networkSecurityPage .contentBox .flowPart .flowcontainer .flowContent > div > div .flowbody > div > div > p { color: #ffffff; line-height: 23px; font-size: 13px; } .networkSecurityPage .contentBox .txPart { width: 1200px; margin: 0 auto; } .networkSecurityPage .contentBox .txPart .txContent .txTop { display: -webkit-box; display: -ms-flexbox; display: flex; } .networkSecurityPage .contentBox .txPart .txContent .txTop .title { font-weight: 500; color: #5b80cd; font-size: 16px; text-align: center; background: #e1e8f6; line-height: 50px; } .networkSecurityPage .contentBox .txPart .txContent .txTop .txList { border: 1px solid #e5e5e5; } .networkSecurityPage .contentBox .txPart .txContent .txTop .txList > p { width: 104px; line-height: 39px; background: #f4f5f9; text-align: center; margin: 0 auto; border: 1px solid #c7cfe1; } .networkSecurityPage .contentBox .txPart .txContent .txTop .flanksPart { width: 133px; } .networkSecurityPage .contentBox .txPart .txContent .txTop .flanksPart .txList { padding: 27px 0 36px; } .networkSecurityPage .contentBox .txPart .txContent .txTop .flanksPart .txList > p { margin-top: 9px; } .networkSecurityPage .contentBox .txPart .txContent .txTop .centerPart { margin: 0 22px; } .networkSecurityPage .contentBox .txPart .txContent .txTop .centerPart > div { margin-bottom: 32px; } .networkSecurityPage .contentBox .txPart .txContent .txTop .centerPart > div .txList { width: 834px; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 12px 14px; } .networkSecurityPage .contentBox .txPart .txContent .txTop .centerPart > div .txList > span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: inline-block; line-height: 39px; background: #f4f5f9; text-align: center; margin: 0 auto; border: 1px solid #c7cfe1; margin-right: 14px; } .networkSecurityPage .contentBox .txPart .txContent .txTop .centerPart > div .txList > span:last-child { margin-right: 0; } .networkSecurityPage .contentBox .servePart { padding-bottom: 103px; width: 1200px; margin: 0 auto; } .networkSecurityPage .contentBox .servePart .bgPart { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .networkSecurityPage .contentBox .servePart .bgPart > div { margin: 27px 25px; width: 28.33%; height: 350px; background: #FDFDFD; border: 1px solid #274FCA; -webkit-box-shadow: 0px 0px 17px 7px rgba(134, 188, 254, 0.2); box-shadow: 0px 0px 17px 7px rgba(134, 188, 254, 0.2); border-radius: 6px; } .networkSecurityPage .contentBox .servePart .bgPart > div > h4 { font-weight: 600; color: #4F70D4; font-size: 22px; text-align: center; margin-bottom: 26px; } .networkSecurityPage .contentBox .servePart .bgPart > div > h4::before { content: ""; display: block; width: 92px; height: 80px; background: url(/static/images/activity/networkSecurity/serve.png) no-repeat; background-size: 800px 100%; margin: 62px auto 29px auto; } .networkSecurityPage .contentBox .servePart .bgPart > div > p { font-weight: 300; color: #878787; width: 239px; font-size: 16px; line-height: 24px; margin: 0 auto; } .networkSecurityPage .contentBox .servePart .bgPart > div:nth-child(2) > h4::before { background-position-x: -185px; } .networkSecurityPage .contentBox .servePart .bgPart > div:nth-child(3) > h4::before { background-position-x: -363px; } .networkSecurityPage .contentBox .servePart .bgPart > div:nth-child(4) > h4::before { background-position-x: -551px; } .networkSecurityPage .contentBox .servePart .bgPart > div:nth-child(5) > h4::before { background-position-x: -725px; } .waxd2022Page .bannerBox { width: 100%; height: 608px; background: url(/static/images/activity/waxd2022/preBanner.png) no-repeat center / cover; } .waxd2022Page .bannerBox .bannerContent { width: 100%; max-width: 1920px; margin: 0 auto; height: 608px; background: url(/static/images/activity/waxd2022/banner.png) no-repeat center / cover; position: relative; } .waxd2022Page .bannerBox .bannerContent .btn { display: inline-block; width: 142px; height: 38px; background: url(/static/images/activity/waxd2022/bannerBtn.png) no-repeat center / cover; position: absolute; bottom: 130px; left: 50%; margin-left: -98px; } .waxd2022Page .contentBox .partOneItem { max-width: 1920px; height: 1957px; margin: 0 auto; background: url(/static/images/activity/waxd2022/partOne.png) no-repeat center / cover; position: relative; } .waxd2022Page .contentBox .partOneItem .btn { display: inline-block; width: 252px; height: 46px; background: url(/static/images/activity/waxd2022/contentBtn.png) no-repeat center / cover; position: absolute; bottom: 60px; left: 50%; margin-left: -126px; } .waxd2022Page .contentBox .partTwoItem { width: 100%; background-color: #f8f8f8; } .waxd2022Page .contentBox .partTwoItem .partTwoItemContent { max-width: 1920px; height: 1670px; margin: 0 auto; background: url(/static/images/activity/waxd2022/partTwo.png) no-repeat center / cover; position: relative; } .waxd2022Page .contentBox .partTwoItem .partTwoItemContent .btn { display: inline-block; width: 252px; height: 46px; background: url(/static/images/activity/waxd2022/contentBtn.png) no-repeat center / cover; position: absolute; bottom: 100px; left: 50%; margin-left: -126px; } .waxd2022Page .contentBox .partThreeItem { background: #fff; width: 100%; height: 391px; text-align: center; } .waxd2022Page .contentBox .partThreeItem .partThreeItemContent > h2 { margin: 79px 0 45px; font-weight: 500; color: #444444; line-height: 62px; font-size: 32px; } .waxd2022Page .contentBox .partThreeItem .partThreeItemContent .txt { width: 542px; font-weight: 500; color: #555555; line-height: 35px; font-size: 16px; margin: 0 auto; text-align: left; } .main-container { position: relative; color: rgba(0, 0, 0, 0.8); text-align: center; } .main-container .main { display: inline-block; width: 100%; text-align: center; } .main-container .main .banner { background-image: url(/static/images/product/ndr/bg.png); background-size: cover; } .main-container .main .banner .banner-inner { display: inline-block; width: 1120px; height: 451px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; background-size: 60%; background-repeat: no-repeat; background-position: 105% -130%; position: relative; padding-top: 98px; } .main-container .main .banner .banner-inner a { display: inline-block; width: 240px; line-height: 48px; background: #0b6fd6; border-radius: 2px; font-size: 16px; font-weight: 500; color: #ffffff; letter-spacing: 2px; text-align: center; } .main-container .main .banner .banner-inner h2 { color: #fff; font-size: 28px; line-height: 40px; margin-bottom: 16px; } .main-container .main .banner .banner-inner p { font-size: 16px; width: 503px; color: #adb5ee; text-align: justify; margin-bottom: 50px; } .surface-content.content-width { margin: 24px auto 48px; padding: 32px 24px 40px; min-height: calc(100% - 224px); background: #fff; line-height: 2; position: relative; } .surface-content img { max-width: none; /* 不缩放图片 */ padding: 32px 24px 40px; } .advantages-title { text-align: center; font-size: 32px; margin-bottom: 50px; position: relative; display: inline-block; background: -webkit-gradient(linear, left top, right top, from(#4a90e2), to(#4a90e2)) no-repeat; background: -o-linear-gradient(left, #4a90e2, #4a90e2) no-repeat; background: linear-gradient(to right, #4a90e2, #4a90e2) no-repeat; background-size: 100% 3px; background-position: bottom; padding-bottom: 15px; font-weight: bold; /* 加粗字体 */ } .title-container { text-align: center; } .advantages-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; } .agreement-wrap { margin: 26px auto; max-width: 1200px; color: #333; font-size: 16px; line-height: 24px; } @media only screen and (max-width: 999px) { .agreement-wrap { width: auto; word-break: break-all; width: 100%; overflow: hidden; padding: 0 16px; margin: 22px 0 32px 0; } } .agreement-wrap .agreement-content h5 { text-align: center; font-size: 16px; font-weight: 700; } .agreement-wrap .agreement-content p { margin-top: 16px; } .agreement-wrap .agreement-content .time { text-align: left; font-weight: 700; margin: 16px 0; padding-right: 15px; } .agreement-wrap .agreement-content .strong { font-weight: 700; } .agreement-wrap .agreement-content .agreement-part { line-height: 28px; margin-bottom: 10px; } .agreement-wrap .agreement-content .agreement-part h5 { font-weight: 700; margin: 16px 0 10px 0; text-align: left; } .tip-modal { z-index: 9999; width: 420px !important; padding: 40px 24px !important; border-radius: 8px; -webkit-box-shadow: 0 26px 129px 0 rgba(21, 27, 73, 0.52); box-shadow: 0 26px 129px 0 rgba(21, 27, 73, 0.52); text-align: center; left: 50% !important; -webkit-transform: translate(-180px, -180px); -ms-transform: translate(-180px, -180px); transform: translate(-180px, -180px); opacity: 1 !important; } .tip-modal img { width: 72px; height: 72px; } .tip-modal h3 { font-size: 20px; color: #222; line-height: 32px; margin: 10px 0; } .tip-modal .sub_close { color: #2370e7; border: 1px solid #2370e7; width: 140px; } .tip-modal .sub-title { color: #999ea8; margin: 10px 0; } .component-form h3.title { font-weight: 500; font-size: 18px; margin-bottom: 24px; color: #4d4d4d; padding-top: 32px; text-align: center; } .component-form .subtitle { margin-bottom: 32px; font-size: 16px; text-align: center; } .component-form .gray { background-color: #9e9e9e !important; } .component-form .form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; justify-items: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .component-form .form .label { margin-bottom: 12px; height: 40px; border: 1px solid #dce0e7; border-radius: 4px; width: 296px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .component-form .form .label label { margin-left: 16px; } .component-form .form .label label .icon { width: 24px; height: 24px; vertical-align: -0.15em; fill: currentColor; overflow: hidden; } .component-form .form .label .input { font-size: 14px; color: #3f444d; letter-spacing: 0; width: 100%; height: 30px; border-radius: 4px; border: none; background: transparent; text-indent: 5px; } .component-form .form .label .input:focus { outline: 0; -webkit-box-shadow: none; box-shadow: none; } .component-form .form .label input::-webkit-input-placeholder { color: #999ea8; font-size: 14px; } .component-form .form .label input::-moz-placeholder { color: #999ea8; font-size: 14px; } .component-form .form .label input::-ms-input-placeholder { color: #999ea8; font-size: 14px; } .component-form .form .label input.error-input::-webkit-input-placeholder { color: #f04038; } .component-form .form .label input.error-input::-moz-placeholder { color: #f04038; } .component-form .form .label input.error-input::-ms-input-placeholder { color: #f04038; } .component-form .form .label .formtips { opacity: 0.8; font-size: 14px; color: #f04038; letter-spacing: 0; text-align: justify; height: 20px; line-height: 6px; float: left; padding-left: 14px; padding-top: 15px; margin-left: 44px; position: fixed; } .component-form .form .label-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 252px; } .component-form .form .label-wrap .label { width: 150px !important; } .component-form .form .label-wrap .getCode-btn { width: 96px; height: 42px; background: #faaf2b; color: #fff; border: 0; line-height: 42px; text-align: center; border-radius: 2px; display: inline-block; -webkit-box-shadow: 6px 8px 8px -2px rgba(0, 0, 0, 0.16), -6px -8px 6px -2px rgba(255, 240, 214, 0.08); box-shadow: 6px 8px 8px -2px rgba(0, 0, 0, 0.16), -6px -8px 6px -2px rgba(255, 240, 214, 0.08); } .component-form .form .form-checkbox { width: 252px; font-size: 12px; color: #ffffffb5; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } .component-form .form .form-checkbox a { text-decoration: underline; color: #ffffffb5; } .component-form .form .form-checkbox input { display: inline-block; vertical-align: 0px; margin-right: 5px; } .component-form .form .submit { margin-top: 12px; margin-bottom: 22px; } .component-form .form .submit .info_submit { border: none; width: 296px; height: 40px; color: #fff; background: #faaf2b; font-size: 16px; -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); border-radius: 2px; -webkit-box-shadow: 6px 8px 8px -2px rgba(0, 0, 0, 0.16), -6px -8px 6px -2px rgba(255, 240, 214, 0.08); box-shadow: 6px 8px 8px -2px rgba(0, 0, 0, 0.16), -6px -8px 6px -2px rgba(255, 240, 214, 0.08); } .component-form .form .submit .info_submit:focus { outline: 0; -webkit-box-shadow: none; box-shadow: none; } .form-page { height: calc(100vh - 60px); min-height: 646px; background: url("/static/images/activity/marketing/bg.png") no-repeat center / cover; } .form-page .form-content { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form-page .form-content .from-wrap { width: 450px; background-color: #3457cf; -webkit-box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.24); box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.24); margin: 0 auto; } .form-page .form-content .from-wrap .title { font-size: 22px; color: #ffffff; letter-spacing: 0; line-height: 40px; padding: 30px 0; margin: 0; } .form-page .form-content .from-wrap .label { background: #ffffff; border-radius: 2px; width: 250px; height: 40px; } .form-page .form-content .from-wrap .label .icon { vertical-align: middle; } .form-page .form-content .from-wrap .info_submit { width: 250px; height: 40px; background: #faaf2b; -webkit-box-shadow: 6px 8px 8px -2px rgba(0, 0, 0, 0.16), -6px -8px 6px -2px rgba(255, 240, 214, 0.08); box-shadow: 6px 8px 8px -2px rgba(0, 0, 0, 0.16), -6px -8px 6px -2px rgba(255, 240, 214, 0.08); border-radius: 2px; margin: 10px 0; } .form-page .form-content .form-tip { color: #ffffffb5; font-size: 12px; text-align: center; margin-bottom: 30px; } .form-page .form-content .form-tip .white { color: #fff; } .other-form-page { background: url("/static/images/activity/marketing/bg2.png") no-repeat center / cover !important; } .other-form-page .from-wrap { margin-left: 55% !important; } .form-page { height: calc(100vh - 60px); background: url("/static/images/activity/marketing/bg.png") no-repeat center / cover; } .form-page .form-content { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form-page .form-content .from-wrap { width: 450px; background-color: #3457cf; -webkit-box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.24); box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.24); margin: 0 auto; position: relative; } .form-page .form-content .from-wrap .title { font-size: 22px; color: #ffffff; letter-spacing: 0; line-height: 40px; padding: 30px 0; margin: 0; } .form-page .form-content .from-wrap .label { background: #ffffff; border-radius: 2px; width: 250px; height: 40px; } .form-page .form-content .from-wrap .label .icon { vertical-align: middle; } .form-page .form-content .from-wrap .info_submit { width: 250px; height: 40px; background: #faaf2b; -webkit-box-shadow: 6px 8px 8px -2px rgba(0, 0, 0, 0.16), -6px -8px 6px -2px rgba(255, 240, 214, 0.08); box-shadow: 6px 8px 8px -2px rgba(0, 0, 0, 0.16), -6px -8px 6px -2px rgba(255, 240, 214, 0.08); border-radius: 2px; margin: 10px 0; } .form-page .form-content .from-wrap .sider-wrap { position: absolute; padding: 15px 0; right: 0; bottom: 0; width: 180px; height: 240px; background: #3457cf; right: -200px; -webkit-box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.24); box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.24); } .form-page .form-content .from-wrap .sider-wrap ul li { text-align: center; margin-bottom: 5px; color: #fff; } .form-page .form-content .from-wrap .sider-wrap .follow-img { text-align: center; margin-top: 15px; } .form-page .form-content .from-wrap .sider-wrap .follow-img > img { display: inline-block; width: 100px; } .form-page .form-content .form-tip { color: #ffffffb5; font-size: 12px; text-align: center; width: 60%; margin: 0 auto 30px auto; } .form-page .form-content .form-tip .white { color: #fff; } .form-page { height: calc(100vh - 60px); background: url("/static/images/activity/marketing/bg.png") no-repeat center / cover; } .form-page .form-content { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form-page .form-content .from-wrap { width: 450px; background-color: #3457cf; -webkit-box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.24); box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.24); margin: 0 auto; } .form-page .form-content .from-wrap .title { font-size: 22px; color: #ffffff; letter-spacing: 0; line-height: 40px; padding: 30px 0; margin: 0; } .form-page .form-content .from-wrap .label { background: #ffffff; border-radius: 2px; width: 250px; height: 40px; } .form-page .form-content .from-wrap .label .icon { vertical-align: middle; } .form-page .form-content .from-wrap .info_submit { width: 250px; height: 40px; background: #faaf2b; -webkit-box-shadow: 6px 8px 8px -2px rgba(0, 0, 0, 0.16), -6px -8px 6px -2px rgba(255, 240, 214, 0.08); box-shadow: 6px 8px 8px -2px rgba(0, 0, 0, 0.16), -6px -8px 6px -2px rgba(255, 240, 214, 0.08); border-radius: 2px; margin: 10px 0; } .form-page .form-content .form-tip { color: #ffffffb5; font-size: 12px; text-align: center; margin-bottom: 30px; } .form-page .form-content .form-tip .white { color: #fff; } .activity_from_modal2 { width: 450px; text-align: center; -webkit-box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.24); box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.24); background-color: #3457cf; } .activity_from_modal2 .s_close { font-size: 30px; top: 15px; right: 15px; } .activity_from_modal2 h3.title { font-weight: 500; font-size: 18px; margin-bottom: 24px; color: #fff; padding-top: 32px; } .activity_from_modal2 .subtitle { margin-bottom: 32px; font-size: 16px; color: #fff; } .activity_from_modal2 .productlabel { font-size: 18px; text-align: left; line-height: 47px; border-radius: 4px; width: 250px; position: relative; } .activity_from_modal2 .productlabel label { margin-left: 6px; } .activity_from_modal2 .productlabel label i { width: 22px; height: 22px; } .activity_from_modal2 .productlabel .input { width: 218px; height: 30px; border-radius: 4px; border: none; background: transparent; font-size: 14px; } .activity_from_modal2 .productlabel .input:focus { outline: 0; -webkit-box-shadow: none; box-shadow: none; } .activity_from_modal2 .productlabel .select { position: relative; display: block; width: 240px; color: #ccc; vertical-align: middle; text-align: left; float: right; font-size: 14px; } .activity_from_modal2 .productlabel .select .placeholder { position: relative; display: block; z-index: 1; border-radius: 2px; cursor: pointer; background: url(/static/images/activity/form-modal/icon2.png) 177px center no-repeat; color: #9da2ad; width: 208px; padding-left: 5px; } .activity_from_modal2 .productlabel .select ul { display: none; position: absolute; overflow-y: scroll; width: 250px; background: #fff; border-radius: 2px; top: 100%; left: -17px; list-style: none; margin: 5px 0 0 0; padding: 0; z-index: 100; border: 1px solid #ddd; -webkit-box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.12); height: 140px; } .activity_from_modal2 .productlabel .select ul li { display: block; text-align: left; padding: 0 15px; line-height: 47px; color: #999; cursor: pointer; } .activity_from_modal2 .productlabel .select ul li:hover { background: #4ebbf0; color: #fff; } .activity_from_modal2 .productlabel .select ul li .s_checked { display: none; float: right; font-size: 14px; } .activity_from_modal2 .productlabel .select ul li ._on { display: block; } .activity_from_modal2 .productlabel .select ul .checked { color: #4ebbf0; } .activity_from_modal2 .label { background: #ffffff; border-radius: 2px; width: 250px !important; height: 40px !important; } .activity_from_modal2 .label .icon { vertical-align: middle !important; } .activity_from_modal2 .form-checkbox { text-align: left; } .activity_from_modal2 .info_submit { width: 250px; } .activity_from_modal2 .form-tip { color: #ffffffb5; font-size: 12px; text-align: center; margin-bottom: 30px; padding: 0 40px; } .activity_from_modal2 .form-tip .white { color: #fff; } .bdm_wrap h2 { font-size: 22px; color: #333; line-height: 30px; padding-top: 50px; text-align: center; } .bdm_wrap .banner { height: 379px; background: #0d122c url(/static/images/product/bdm/banner.png) center no-repeat; } .bdm_wrap .banner .banner_box { width: 1152px; height: 100%; margin: 0 auto; } .bdm_wrap .banner .banner_box h2 { font-size: 32px; color: #fff; padding-top: 69px; margin-bottom: 13px; line-height: 46px; text-align: left; } .bdm_wrap .banner .banner_box h2 span { color: #f5a623; font-size: 14px; margin-left: 10px; } .bdm_wrap .banner .banner_box p { font-size: 14px; color: #fff; line-height: 21px; margin-bottom: 55px; width: 464px; } .bdm_wrap .banner .banner_box a { background: #056cf1; border-radius: 2px; padding: 11.5px 26px; color: #fff; font-size: 14px; } .bdm_wrap .banner .banner_box a:hover { background: #0260e7; } .bdm_wrap .navigation { padding: 25px 0; height: 67px; width: 100%; border-bottom: 1px solid #f2f4f7; background: #fff; } .bdm_wrap .navigation ul { height: 100%; width: 960px; margin: auto; } .bdm_wrap .navigation ul li { float: left; font-size: 18px; font-weight: bold; line-height: 1.2; color: #333333; border: 1px solid #ddd; padding: 22px 83px; margin-left: -1px; background-color: #fff; position: relative; } .bdm_wrap .navigation ul li:first-child { border-radius: 3px 0 0 3px; } .bdm_wrap .navigation ul li:last-child { border-radius: 0 3px 3px 0; } .bdm_wrap .active { background-color: #e8edff !important; border-color: #b3c9ea !important; z-index: 1; } .bdm_wrap .active a { color: #416af3 !important; } .bdm_wrap .navigation ul li a { color: #333; } .bdm_wrap .navigation ul li a.active_tag { color: #0260e7; } .bdm_wrap #navTab[data-fixed="fixed"] { position: fixed; top: 0; left: 0; width: 100%; z-index: 1; } .bdm_wrap .pro-btn { width: 150px; height: 40px; border: 1px solid #2370E7; line-height: 40px; font-size: 16px; color: #2370E7; letter-spacing: 0; text-align: center; margin: 0 auto; margin-top: 40px; cursor: pointer; } .bdm_wrap .product-box { background: #F9F8FD; padding-bottom: 60px; } .bdm_wrap .product-box .product-list { margin: 0 auto; width: 1124px; margin-top: 40px; } .bdm_wrap .product-box .product-list > li { background: #FFFFFF; border: 1px solid #E7EAEF; padding: 25px 0 20px 23px; margin-bottom: 12px; } .bdm_wrap .product-box .product-list > li .title { font-size: 16px; color: #1E1F23; letter-spacing: 0; text-align: left; line-height: 16px; margin-bottom: 20px; } .bdm_wrap .product-box .product-list > li .title img { display: inline-block; vertical-align: -5px; margin-right: 10px; } .bdm_wrap .product-box .product-list > li .datalist { margin-left: 20px; margin-top: 20px; } .bdm_wrap .product-box .product-list > li .datalist li { margin-bottom: 8px; font-size: 14px; color: #686C78; letter-spacing: 0; text-align: left; line-height: 24px; } .bdm_wrap .product-box .bdm-btn { margin: 0 auto; width: 1124px; font-size: 14px; color: #999EA8; letter-spacing: 0; text-align: left; cursor: pointer; } .bdm_wrap .product-box .js-wrap { margin: 0 auto; width: 1124px; background: #FFFFFF; border: 1px solid #E7EAEF; margin-top: 30px; padding: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; } .bdm_wrap .product-box .js-wrap .title { font-size: 16px; color: #1E1F23; letter-spacing: 0; text-align: left; line-height: 16px; } .bdm_wrap .Profeat-box { width: 1124px; height: 100%; margin: 0 auto; margin-bottom: 60px; } .bdm_wrap .Profeat-box ul li { width: 294px; height: 247px; border: 1px solid #e0e0e0; border-radius: 2px; margin-right: 40px; display: inline-block; padding: 35px 26px; vertical-align: top; margin-top: 30px; } .bdm_wrap .Profeat-box ul li:nth-child(3n+0) { margin-right: 0; } .bdm_wrap .Profeat-box ul li .img-container { text-align: center; } .bdm_wrap .Profeat-box ul li .title { text-align: center; font-size: 16px; color: #333; padding: 10px 0 20px 0; } .bdm_wrap .deploy { background: #060E49; padding-bottom: 55px; } .bdm_wrap .deploy .deploy-box { width: 1124px; margin: 0 auto; } .bdm_wrap .deploy .deploy-box h2 { color: #fff; margin-bottom: 38px; } .bdm_wrap .deploy .deploy-box .section { font-size: 16px; color: #CBD1DA; letter-spacing: 0; line-height: 28px; width: 1048px; margin: 0 auto; } .bdm_wrap .deploy .deploy-box .mt8 { margin-top: 8px; } .bdm_wrap .deploy .deploy-box .deploy-img { margin: 30px 0 40px 0; } .bdm_wrap .deploy .deploy-box .pro-btn { color: #fff; border-color: #fff; } .bdm_wrap .scene-box .scene-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 32px; } .bdm_wrap .scene-box .scene-nav li { -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; text-align: center; padding-bottom: 10px; font-size: 16px; color: #1E1F23; line-height: 16px; cursor: pointer; margin-right: 190px; } .bdm_wrap .scene-box .scene-nav li:last-child { margin-right: 0; } .bdm_wrap .scene-box .scene-nav .selected { color: #0B67D6; border-bottom: 4px solid #0B67D6; } .bdm_wrap .scene-box .scene-container { padding: 68px 0 62px 0; border: 1px solid #E7EAEF; margin-bottom: 60px; } .bdm_wrap .scene-box .scene-container .scene-content { width: 1142px; margin: 0 auto; } .bdm_wrap .scene-box .scene-container .scene-content > li { display: -webkit-box; display: -ms-flexbox; display: flex; } .bdm_wrap .scene-box .scene-container .scene-content > li .scene-img { -webkit-box-flex: 0; -ms-flex: 0 0 462px; flex: 0 0 462px; } .bdm_wrap .scene-box .scene-container .scene-content > li .scene-text { -webkit-box-flex: 0; -ms-flex: 0 0 572px; flex: 0 0 572px; margin-left: 90px; } .bdm_wrap .scene-box .scene-container .scene-content > li .scene-text li { margin-bottom: 40px; } .bdm_wrap .scene-box .scene-container .scene-content > li .scene-text li .title { font-size: 16px; color: #1E1F23; letter-spacing: 0; line-height: 16px; } .bdm_wrap .scene-box .scene-container .scene-content > li .scene-text li .content { font-size: 14px; color: #686C78; letter-spacing: 0; margin-top: 10px; } .bdm_wrap .scene-box .hide { display: none !important; } .bdm_wrap h2 { font-weight: normal; } .bdm_wrap #Product { position: absolute; top: 456px; } .bdm_wrap #Profeat { position: absolute; top: 1793px; } .bdm_wrap #Deploy { position: absolute; top: 2653px; } .bdm_wrap #Scene { position: absolute; top: 3644px; } .dbzx h2 { font-size: 22px; color: #333; line-height: 30px; padding-top: 50px; text-align: center; } .dbzx .banner-box { height: 499px; background: url(/static/images/product/dbzx/banner.png) no-repeat top center / cover; } .dbzx .banner-box .banner { width: 1152px; height: 100%; margin: 0 auto; position: relative; background: url(/static/images/product/dbzx/banner_icon.png) no-repeat right center / auto; } .dbzx .banner-box .banner .banner-top h2, .dbzx .banner-box .banner .banner-top h1 { font-size: 32px; color: #fff; padding-top: 69px; margin-bottom: 13px; line-height: 46px; text-align: left; } .dbzx .banner-box .banner .banner-top p { font-size: 14px; color: rgba(255, 255, 255, 0.8); line-height: 24px; margin-bottom: 55px; width: 520px; letter-spacing: 1px; } .dbzx .banner-box .banner .banner-top a { background: #fff; border-radius: 2px; padding: 10px 32px; color: #2661d8; font-size: 14px; } .dbzx .banner-box .banner .banner-bottom { width: 1026px; height: 76px; display: -webkit-box; display: -ms-flexbox; display: flex; color: #e7e9ef; background-color: #4f5d7152; position: absolute; bottom: 0; left: 50%; margin-left: -513px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 40px; -webkit-box-sizing: border-box; box-sizing: border-box; } .dbzx .banner-box .banner .banner-bottom li { font-size: 16px; color: #fff; margin: 0 74px; line-height: 76px; list-style: disc; } .dbzx .banner-box .banner .banner-bottom li a { color: #fff; } .dbzx .policy-box { background: #f7f9fc; width: 100%; } .dbzx .policy-box .policy { width: 1152px; margin: 0 auto; } .dbzx .policy-box .policy .content { padding: 60px 0 24px 0; } .dbzx .policy-box .policy .content li { margin-bottom: 48px; } .dbzx .policy-box .policy .content li:nth-child(odd) img { margin-left: 115px; } .dbzx .policy-box .policy .content li:nth-child(odd) .item-content { float: right; margin-right: 80px; } .dbzx .policy-box .policy .content li:nth-child(even) img { margin-left: 150px; } .dbzx .policy-box .policy .content li:nth-child(even) .item-content { float: left; margin-left: 86px; } .dbzx .policy-box .policy .content li .item-content { width: 442px; margin-top: 40px; } .dbzx .policy-box .policy .content li .item-content .title span { color: #444; background: url(/static/images/product/dbzx/title.png) no-repeat center 16px / contain; padding: 0 14px; padding-bottom: 20px; font-size: 16px; } .dbzx .policy-box .policy .content li .item-content .text { padding: 24px 0 0 14px; line-height: 2; color: #686c78; } .dbzx .serverContent-box { background: #fff; width: 100%; } .dbzx .serverContent-box .serverContent { width: 1152px; margin: 0 auto; } .dbzx .serverContent-box .serverContent .flow-img { margin-top: 60px; text-align: center; } .dbzx .serverContent-box .serverContent .content { margin: 0 auto; margin-bottom: 70px; width: 1063px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .dbzx .serverContent-box .serverContent .content li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; } .dbzx .serverContent-box .serverContent .content li .title { font-size: 16px; color: #333; line-height: 30px; padding: 20px 0; text-align: center; } .dbzx .serverContent-box .serverContent .content li .item-content li { line-height: 30px; color: #686c78; } .dbzx .serverAdv-box { background: #f7f9fc; width: 100%; } .dbzx .serverAdv-box .serverAdv { width: 1152px; margin: 0 auto; } .dbzx .serverAdv-box .serverAdv .content { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 40px 0 60px 0; } .dbzx .serverAdv-box .serverAdv .content li { -webkit-box-flex: 0; -ms-flex: 0 0 298px; flex: 0 0 298px; padding: 48px 40px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; border-radius: 2px; } .dbzx .serverAdv-box .serverAdv .content li:nth-child(2) { margin: 0 130px; } .dbzx .serverAdv-box .serverAdv .content li:hover { background-color: #fff; -webkit-box-shadow: 0px 4px 14px #cececeba; box-shadow: 0px 4px 14px #cececeba; cursor: pointer; } .dbzx .serverAdv-box .serverAdv .content li .title { margin: 30px 0 20px 0; color: #333; font-size: 16px; } .dbzx .serverAdv-box .serverAdv .content li .li-content { text-align: left; letter-spacing: 1px; line-height: 22px; color: #686c78; } .dbzx .case-box { background: #fff; width: 100%; } .dbzx .case-box .case { width: 1152px; margin: 0 auto; } .dbzx .case-box .case .case-img { margin: 60px 0 100px 0; } .trade-sd-wrapper { width: 29%; } .trade-sd-wrapper .news_help-search-bar input { border-color: #efefef; color: #666; padding-left: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 30px; } .trade-sd-wrapper .news_help-search-bar input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #fff inset !important; box-shadow: 0 0 0 1000px #fff inset !important; } .trade-sd-wrapper .news_help-search-bar input::-webkit-input-placeholder { color: #aaa; } .trade-sd-wrapper .news_help-search-bar input:-moz-placeholder { color: #aaa; opacity: 1; } .trade-sd-wrapper .news_help-search-bar input::-moz-placeholder { color: #aaa; opacity: 1; } .trade-sd-wrapper .news_help-search-bar input:-ms-input-placeholder { color: #aaa; } .trade-sd-wrapper .news_help-search-bar .icon-search { right: 0; top: 0; border: none; width: 30px; height: 30px; background: url(/static/images/common/i/3.png) center center no-repeat; } .trade-sd-wrapper .sd_box { margin-top: 20px; border: 1px solid #efefef; padding: 15px; border-radius: 2px; } .trade-sd-wrapper .sd_box img { vertical-align: top; } .trade-sd-wrapper .sd_box p { margin-top: 10px; color: #999; } .trade-sd-wrapper .hot h2 { line-height: 30px; border-bottom: 1px solid #efefef; padding-bottom: 10px; padding-left: 25px; background: url(/static/images/news/icon.png) left 6px no-repeat; } .trade-sd-wrapper .hot h2 a { font-size: 12px; } .trade-sd-wrapper .hot.keyword span { cursor: pointer; display: inline-block; padding: 2px 12px; border: 1px solid #efefef; color: #999; border-radius: 20px; margin-bottom: 20px; margin-right: 10px; } .trade-sd-wrapper .hot.keyword span:hover { color: #2370e7; border-color: #2370e7; } .trade-sd-wrapper .hot.keyword h2 { background-position: left -29px; } .trade-sd-wrapper .hot ul li { margin-top: 30px; } .trade-sd-wrapper .hot ul li a { color: #666; } .trade-sd-wrapper .hot ul li a:hover { color: #2370e7; } .trade-sd-wrapper .hot ul li p { font-size: 12px; } .help-page { min-height: calc(100vh - 426px); /*html,button,input,select,textarea{font-family:sans-serif}*/ /* =Responsive Grid -------------------------------------------------------------- */ /* = Core Classes -------------------------------------------------------------- */ /* Clearfix */ /* Responsive images */ /* Make sure videos and embeds fit their containers */ /* Responsive Video Container */ /* 右侧悬浮CSS*/ /* = Entry Content Styling -------------------------------------------------------------- */ /* Links + Bolg */ /* Lists */ /* Blockquotes */ /* Headings */ /* Code/Pre */ /* Tables */ /* Intro Style */ /* Images */ /* WordPress Gallery */ /* =Forms -------------------------------------------------------------- */ /* Inputs */ /* Buttons */ /* = Document Setup -------------------------------------------------------------- */ /* Headings */ /* = Page Structure -------------------------------------------------------------- */ /* = Header -------------------------------------------------------------- */ /* = Navigation -------------------------------------------------------------- */ /* Responsive Menu */ /* = Page Header -------------------------------------------------------------- */ /* Breadcrumbs */ /* = Category Page -------------------------------------------------------------- */ /* =Post Content Styles -------------------------------------------------------------- */ /* =Page Navigation & Pagination -------------------------------------------------------------- */ /* = Headings & Content Blocks -------------------------------------------------------------- */ /* = Related Styling -------------------------------------------------------------- */ /* = Article Author -------------------------------------------------------------- */ /* =Comment Styling -------------------------------------------------------------- */ /* Comment Meta */ /* Comment Actions */ /* =Respond Styling -------------------------------------------------------------- */ /* = Homepage -------------------------------------------------------------- */ /*#homepage-categories a, #homepage-categories a:visited { color:#4d4d4d; } */ /* = Live Search -------------------------------------------------------------- */ } .help-page article, .help-page aside, .help-page details, .help-page figcaption, .help-page figure, .help-page footer, .help-page header, .help-page hgroup, .help-page nav, .help-page section, .help-page summary { display: block; } .help-page audio, .help-page canvas, .help-page video { display: inline-block; *display: inline; *zoom: 1; } .help-page audio:not([controls]) { display: none; height: 0; } .help-page [hidden] { display: none; } .help-page html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } .help-page body { margin: 0; } .help-page a:focus { outline: thin dotted; } .help-page a:hover, .help-page a:active { outline: 0; } .help-page h1 { font-size: 2em; margin: 0.67em 0; } .help-page h2 { font-size: 1.5em; margin: 0.83em 0; } .help-page h3 { font-size: 1.17em; margin: 1em 0; } .help-page h4 { font-size: 1em; margin: 1.33em 0; } .help-page h5 { font-size: 0.83em; margin: 1.67em 0; } .help-page h6 { font-size: 0.75em; margin: 2.33em 0; } .help-page abbr[title] { border-bottom: 1px dotted; } .help-page b, .help-page strong { font-weight: bold; } .help-page blockquote { margin: 1em 40px; } .help-page dfn { font-style: italic; } .help-page mark { background: #ff0; color: #000; } .help-page p, .help-page pre { margin: 1em 0; } .help-page pre, .help-page code, .help-page kbd, .help-page samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } .help-page pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } .help-page q { quotes: none; } .help-page q:before, .help-page q:after { content: ''; content: none; } .help-page small { font-size: 75%; } .help-page sub, .help-page sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } .help-page sup { top: -0.5em; } .help-page sub { bottom: -0.25em; } .help-page dl, .help-page menu, .help-page ol, .help-page ul { margin: 1em 0; } .help-page dd { margin: 0 0 0 40px; } .help-page menu, .help-page ol, .help-page ul { padding: 0 0 0 40px; } .help-page nav ul, .help-page nav ol { list-style: none; list-style-image: none; } .help-page img { border: 0; -ms-interpolation-mode: bicubic; } .help-page svg:not(:root) { overflow: hidden; } .help-page figure { margin: 0; } .help-page form { margin: 0; } .help-page fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } .help-page legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; } .help-page button, .help-page input, .help-page select, .help-page textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } .help-page button, .help-page input { line-height: normal; } .help-page button, .help-page input[type='button'], .help-page input[type='reset'], .help-page input[type='submit'] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } .help-page button[disabled], .help-page input[disabled] { cursor: default; } .help-page input[type='checkbox'], .help-page input[type='radio'] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; } .help-page input[type='search'] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; } .help-page input[type='search']::-webkit-search-decoration, .help-page input[type='search']::-webkit-search-cancel-button { -webkit-appearance: none; } .help-page button::-moz-focus-inner, .help-page input::-moz-focus-inner { border: 0; padding: 0; } .help-page textarea { overflow: auto; vertical-align: top; } .help-page table { border-collapse: collapse; border-spacing: 0; } .help-page .row, .help-page .row-fixed, .help-page .row-adaptive, .help-page .row-delaybreak { width: 100%; max-width: 980px; margin: 0 auto; zoom: 1; } .help-page .row:before, .help-page .row:after, .help-page .row-fixed:before, .help-page .row-fixed:after, .help-page .row-adaptive:before, .help-page .row-adaptive:after, .help-page .row-delaybreak:before, .help-page .row-delaybreak:after { content: ''; display: table; } .help-page .row:after, .help-page .row-fixed:after, .help-page .row-adaptive:after, .help-page .row-delaybreak:after { clear: both; } .help-page .column { margin-left: 4.4%; float: left; min-height: 1px; position: relative; margin-bottom: 1.5em; } .help-page .column:first-child { margin-left: 0; } .help-page .row .col-half, .help-page .row-fixed .col-half, .help-page .row-adaptive .col-half { width: 47.78%; } .help-page .row.half-gutter .col-half:nth-child(3n + 4), .help-page .row-fixed.half-gutter .col-half:nth-child(3n + 4), .help-page .row-adaptive.half-gutter .col-half:nth-child(3n + 4), .help-page .row-delaybreak.half-gutter .col-half:nth-child(3n + 4) { margin-left: 0; clear: left; } .help-page .row .col-third, .help-page .row-fixed .col-third, .help-page .row-adaptive .col-third { width: 30.4%; } .help-page .row.half-gutter .col-third:nth-child(3n + 4), .help-page .row-fixed.half-gutter .col-third:nth-child(3n + 4), .help-page .row-adaptive.half-gutter .col-third:nth-child(3n + 4), .help-page .row-delaybreak.half-gutter .col-third:nth-child(3n + 4) { margin-left: 0; clear: left; } .help-page .row .col-fourth, .help-page .row-fixed .col-fourth, .help-page .row-adaptive .col-fourth { width: 21.7%; } .help-page .row.half-gutter .col-fourth:nth-child(4n + 5), .help-page .row-fixed.half-gutter .col-fourth:nth-child(4n + 5), .help-page .row-adaptive.half-gutter .col-fourth:nth-child(4n + 5), .help-page .row-delaybreak.half-gutter .col-fourth:nth-child(4n + 5) { margin-left: 0; clear: left; } .help-page .row .col-fifth, .help-page .row-fixed .col-fifth, .help-page .row-adaptive .col-fifth { width: 16.48%; } .help-page .row .col-sixth, .help-page .row-fixed .col-sixth, .help-page .row-adaptive .col-sixth { width: 12.98%; } .help-page .row.half-gutter .column, .help-page .row-fixed.half-gutter .column, .help-page .row-adaptive.half-gutter .column, .help-page .row-delaybreak.half-gutter .column { margin-left: 2.2%; } .help-page .row.half-gutter .column:first-child, .help-page .row-fixed.half-gutter .column:first-child, .help-page .row-adaptive.half-gutter .column:first-child, .help-page .row-delaybreak.half-gutter .column:first-child { margin-left: 0; } .help-page .row.half-gutter .col-half, .help-page .row-fixed.half-gutter .col-half, .help-page .row-adaptive.half-gutter .col-half, .help-page .row-delaybreak .col-half { width: 48.9%; } .help-page .row.half-gutter .col-third, .help-page .row-fixed.half-gutter .col-third, .help-page .row-adaptive.half-gutter .col-third, .help-page .row-delaybreak .col-third { width: 31.86%; } .help-page .row.half-gutter .col-fourth, .help-page .row-fixed.half-gutter .col-fourth, .help-page .row-adaptive.half-gutter .col-fourth, .help-page .row-delaybreak .col-fourth { width: 23.35%; } .help-page .row.half-gutter .col-fifth, .help-page .row-fixed.half-gutter .col-fifth, .help-page .row-adaptive.half-gutter .col-fifth, .help-page .row-delaybreak .col-fifth { width: 18.24%; } .help-page .row.half-gutter .col-sixth, .help-page .row-fixed.half-gutter .col-sixth, .help-page .row-adaptive.half-gutter .col-sixth, .help-page .row-delaybreak .col-sixth { width: 14.83%; } .help-page .row.no-gutter .column, .help-page .row-fixed.no-gutter .column, .help-page .row-adaptive.no-gutter .column { margin-left: 0; } .help-page .row.no-gutter .col-half, .help-page .row-fixed.no-gutter .col-half, .help-page .row-adaptive.no-gutter .col-half { width: 50%; } .help-page .row.no-gutter .col-third, .help-page .row-fixed.no-gutter .col-third, .help-page .row-adaptive.no-gutter .col-third { width: 33.333%; } .help-page .row.no-gutter .col-fourth, .help-page .row-fixed.no-gutter .col-fourth, .help-page .row-adaptive.no-gutter .col-fourth { width: 24.99%; } .help-page .row.no-gutter .col-fifth, .help-page .row-fixed.no-gutter .col-fifth, .help-page .row-adaptive.no-gutter .col-fifth { width: 20%; } .help-page .row.no-gutter .col-sixth, .help-page .row-fixed.no-gutter .col-sixth, .help-page .row-adaptive.no-gutter .col-sixth { width: 16.66%; } @media only screen and (max-width: 720px) { .help-page .row { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; } .help-page .row .row .column { padding: 0; } .help-page .row .column { width: auto !important; float: none; margin-left: 0; margin-right: 0; } .help-page .row .column:last-child { margin-right: 0; float: none; } .help-page .row .column:before, .help-page .column:after { content: ''; display: table; } .help-page .row .column:after { clear: both; } .help-page .row-adaptive .col-fourth { width: 47.8%; } .help-page .row-adaptive .col-fourth:nth-child(3) { margin-left: 0; } .help-page .row-adaptive.half-gutter .col-fourth { width: 48.9%; } .help-page .row-adaptive .col-sixth { width: 30.4%; } .help-page .row-adaptive .col-sixth:nth-child(4n + 4) { margin-left: 0; } .help-page .row.half-gutter .col-sixth, .help-page .row-fixed.half-gutter .col-sixth, .help-page .row-adaptive.half-gutter .col-sixth { width: 31.86%; } .help-page .row.no-gutter .column, .help-page .row-fixed.no-gutter .column, .help-page .row-adaptive.no-gutter .column { margin-left: 0; } .help-page .row.half-gutter .column { margin-left: 0; } .help-page .row-adaptive.hff .col-half, .help-page .row-adaptive.ffh .col-half { width: auto !important; float: none; margin-left: 0; margin-right: 0; clear: both; } .help-page .row-adaptive.hff .col-fourth:nth-child(2) { margin-left: 0; clear: left; } .help-page .row-adaptive.hff .col-fourth:nth-child(3) { margin-left: 4.4%; } .help-page .row-adaptive.hff .col-fourth:nth-child(3) { clear: inherit; } } @media only screen and (max-width: 480px) { .help-page .row-delaybreak { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; } .help-page .row-delaybreak .row .column { padding: 0; } .help-page .row-delaybreak .column { width: auto !important; float: none; margin-left: 0; margin-right: 0; } .help-page .row-delaybreak .column:last-child { margin-right: 0; float: none; } .help-page .row-delaybreak .column:before, .help-page .column:after { content: ''; display: table; } .help-page .row-delaybreak .column:after { clear: both; } .help-page .row-adaptive .col-sixth, .help-page .row-adaptive .col-fourth { width: 47.78%; } .help-page .row-adaptive .col-sixth:nth-child(4n + 4) { margin-left: 4.4%; } .help-page .row-adaptive .col-sixth:nth-child(2n + 3) { margin-left: 0; } .help-page .row-adaptive .col-fourth:nth-child(3) { margin-left: 0; clear: left; } .help-page .row-adaptive .col-fourth, .help-page .row-adaptive.half-gutter .col-fourth { width: 100%; margin-left: 0; } .help-page .row-adaptive.hff .col-fourth:nth-child(3) { margin-left: 0; } .help-page .row.half-gutter .col-sixth, .help-page .row-fixed.half-gutter .col-sixth, .help-page .row-adaptive.half-gutter .col-sixth { width: 48.9%; } .help-page .row-adaptive.half-gutter .col-sixth:nth-child(4n + 4) { margin-left: 2.2%; } } .help-page .clearfix { *zoom: 1; } .help-page .clearfix:before, .help-page .clearfix:after { display: table; content: ''; } .help-page .clearfix:after { clear: both; } .help-page .entry-content img, .help-page .comment-content img, .help-page .widget img { max-width: 100%; /* Fluid images for posts, comments, and widgets */ } .help-page img[class*='align'], .help-page img[class*='wp-image-'], .help-page img[class*='attachment-'] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } .help-page img.size-full, .help-page img.size-large, .help-page img.header-image, .help-page img.wp-post-image { max-width: 100%; height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } .help-page embed, .help-page iframe, .help-page object, .help-page video { max-width: 100%; } .help-page .entry-content .twitter-tweet-rendered { max-width: 100% !important; /* Override the Twitter embed fixed width */ } .help-page .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .help-page .video-container iframe, .help-page .video-container object, .help-page .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .help-page .entry-content > a, .help-page .entry-content > strong { font-weight: 600; } .help-page .entry-content ul, .help-page .entry-content ol { margin-left: 48px; padding: 0; } .help-page .entry-content ul li, .help-page .entry-content ol li { padding-left: 6px; margin-bottom: 12px; } .help-page .entry-content dt, .help-page .comment-content dt { font-weight: 600; } .help-page .entry-content dd, .help-page .comment-content dd { margin-bottom: 24px; } .help-page .entry-content blockquote { background: #f7f7f7; border-left: 4px solid #e5e5e5; padding: 30px 35px 30px 100px; font-style: italic; color: #404040; position: relative; } .help-page .entry-content blockquote:before { display: block; padding: 10px; font-family: FontAwesome; content: '\F10D'; position: absolute; left: 25px; top: 30px; font-style: normal; font-size: 26px; color: #ccc; border: 2px solid #ccc; border-radius: 99%; -moz-border-radius: 99%; -webkit-border-radius: 99%; } .help-page .entry-content blockquote p { margin: 0 0 20px; } .help-page .entry-content blockquote p:last-of-type { margin: 0; } .help-page .entry-content h1, .help-page .entry-content h2, .help-page .entry-content h3, .help-page .entry-content h4, .help-page .entry-content h5, .help-page .entry-content h6 { margin-top: 36px; } .help-page .entry-content h1 { font-size: 28px; line-height: 34px; } .help-page .entry-content h2 { font-size: 26px; line-height: 32px; } .help-page .entry-content h3 { font-size: 16px; line-height: 30px; } .help-page .entry-content h4 { font-size: 18px; line-height: 24px; } .help-page .entry-content h5 { font-size: 16px; line-height: 22px; } .help-page .entry-content h6 { font-size: 14px; line-height: 20px; } .help-page code, .help-page pre { display: block; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 13px; line-height: 22px; word-break: break-all; word-wrap: break-word; } .help-page pre { background: #f7f7f7; border: 1px solid #e5e5e5; padding: 20px; } .help-page .entry-content table { background: #fafafa; border: 1px solid #e5e5e5; line-height: 2; width: 100%; } .help-page .entry-content table thead, .help-page .entry-content table tfoot { background: #f2f2f2; } .help-page .entry-content table td, .help-page .entry-content table th { border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; padding: 8px; vertical-align: top; line-height: 1.42; } .help-page .entry-content table td:first-child, .help-page .entry-content table th:first-child { border-left: none; } .help-page .entry-content table tbody tr:nth-child(even) { background: #fff; } .help-page .entry-content > .intro { line-height: 28px; font-size: 20px; } .help-page .alignleft { float: left; } .help-page .alignright { float: right; } .help-page .aligncenter { display: block; margin-left: auto; margin-right: auto; } .help-page .wp-caption { max-width: 100%; /* Keep wide captions from overflowing their container. */ padding: 4px; } .help-page .wp-caption .wp-caption-text, .help-page .entry-caption { font-size: 12px; color: #595959; text-align: center; background: #f5f5f5; display: table; margin: 5px auto 0; padding: 5px 20px; border-radius: 99px; -moz-border-radius: 99px; -webkit-border-radius: 99px; } .help-page img.wp-smiley, .help-page .rsswidget img { border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; } .help-page .entry-content dl.gallery-item { margin: 0; } .help-page img.alignleft { margin-right: 24px; } .help-page img.alignright { margin-left: 24px; } .help-page .gallery-item a, .help-page .gallery-caption { width: 90%; } .help-page .gallery-item a { display: block; } .help-page .gallery-caption a { display: inline; } .help-page .gallery-columns-1 .gallery-item a { max-width: 100%; width: auto; } .help-page .gallery .gallery-icon img { height: auto; } .help-page .gallery-columns-1 .gallery-icon img { padding: 3%; } .help-page .gallery dd { margin: 0; } .help-page .gallery p { padding: 0 0 10px; } .help-page .gallery .gallery-caption { font-size: 12px; line-height: 16px; } .help-page .gallery .gallery-item { float: left; } .help-page .gallery.gallery-columns-1 .gallery-item { width: 100%; } .help-page .gallery.gallery-columns-2 .gallery-item { width: 50%; } .help-page .gallery.gallery-columns-3 .gallery-item { width: 33%; } .help-page .gallery.gallery-columns-4 .gallery-item { width: 25%; } .help-page .gallery.gallery-columns-5 .gallery-item { width: 20%; } .help-page .gallery.gallery-columns-6 .gallery-item { width: 16.5%; } .help-page .gallery.gallery-columns-7 .gallery-item { width: 14%; } .help-page .gallery.gallery-columns-8 .gallery-item { width: 12.5%; } .help-page .gallery.gallery-columns-9 .gallery-item { width: 11%; } .help-page .gallery.gallery-columns-6 .gallery-caption, .help-page .gallery.gallery-columns-7 .gallery-caption, .help-page .gallery.gallery-columns-8 .gallery-caption, .help-page .gallery.gallery-columns-9 .gallery-caption { display: none; /* Hide gallery captions when they will disturb the layout */ } .help-page textarea, .help-page select, .help-page input[type='date'], .help-page input[type='datetime'], .help-page input[type='datetime-local'], .help-page input[type='email'], .help-page input[type='month'], .help-page input[type='number'], .help-page input[type='password'], .help-page input[type='search'], .help-page input[type='tel'], .help-page input[type='text'], .help-page input[type='time'], .help-page input[type='url'], .help-page input[type='week'] { background: #fff; border: 1px solid #e5e5e5; color: #383838; padding: 1em; outline: 0; margin: 0; text-align: left; vertical-align: top; *padding-top: 2px; *padding-bottom: 1px; *height: auto; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .help-page textarea:focus, .help-page select:focus, .help-page input:focus { background: #fcfcfc; } .help-page textarea[disabled], .help-page select[disabled], .help-page input[type='date'][disabled], .help-page input[type='datetime'][disabled], .help-page input[type='datetime-local'][disabled], .help-page input[type='email'][disabled], .help-page input[type='month'][disabled], .help-page input[type='number'][disabled], .help-page input[type='password'][disabled], .help-page input[type='search'][disabled], .help-page input[type='tel'][disabled], .help-page input[type='text'][disabled], .help-page input[type='time'][disabled], .help-page input[type='url'][disabled], .help-page input[type='week'][disabled] { background-color: #eeeeee; } .help-page input[disabled], .help-page select[disabled], .help-page select[disabled] option, .help-page select[disabled] optgroup, .help-page textarea[disabled], .help-page a.button_disabled { -webkit-box-shadow: none; box-shadow: none; -moz-user-select: -moz-none; -webkit-user-select: none; -ms-user-select: none; user-select: none; color: #888888; cursor: default; } .help-page input::-webkit-input-placeholder, .help-page textarea::-webkit-input-placeholder { color: #888888; } .help-page input:-moz-placeholder, .help-page textarea:-moz-placeholder { color: #888888; } .help-page textarea { min-height: 40px; overflow: auto; resize: vertical; width: 100%; } .help-page input[type='reset'], .help-page input[type='submit'], .help-page input[type='button'] { color: #fff; border: none; -webkit-appearance: none; cursor: pointer; display: inline-block; outline: 0; overflow: visible; margin: 0; padding: 0.5em 1em; text-decoration: none; vertical-align: top; width: auto; -webkit-transition-property: background; -webkit-transition-duration: 0.12s; -webkit-transition-timing-function: ease-out; -moz-transition-property: background; -moz-transition-duration: 0.12s; -moz-transition-timing-function: ease-out; -o-transition-property: background; -o-transition-duration: 0.12s; -o-transition-timing-function: ease-out; transition-property: background; transition-duration: 0.12s; transition-timing-function: ease-out; } .help-page input[type='reset']:hover, .help-page input[type='submit']:hover, .help-page input[type='button']:hover { text-decoration: none; } .help-page input[type='reset']:active, .help-page input[type='submit']:active, .help-page input[type='button']:active { -webkit-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0; box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0; } .help-page input[type='reset']::-moz-focus-inner, .help-page input[type='submit']::-moz-focus-inner, .help-page input[type='button']::-moz-focus-inner { border: 0; padding: 0; } .help-page textarea, .help-page select[size], .help-page select[multiple] { height: auto; } .help-page input[type='search']::-webkit-search-decoration { display: none; } .help-page html { background: #fff; } .help-page body { font: 15px/24px 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif; color: #666; } .help-page a { text-decoration: none; outline: 0; -webkit-transition-property: background color; -webkit-transition-duration: 0.12s; -webkit-transition-timing-function: ease-out; -moz-transition-property: background color; -moz-transition-duration: 0.12s; -moz-transition-timing-function: ease-out; -o-transition-property: background color; -o-transition-duration: 0.12s; -o-transition-timing-function: ease-out; transition-property: background color; transition-duration: 0.12s; transition-timing-function: ease-out; } .help-page a:hover { cursor: pointer; } .help-page a:focus { outline: none; } .help-page h1, .help-page h2, .help-page h3, .help-page h4, .help-page h5, .help-page h6 { font-weight: 600; margin: 0 0 10px; color: #666; } .help-page body.site-boxed { background: #ccc; } .help-page body.site-boxed #site-container { background: #fff; } .help-page .container { padding: 0 30px; } .help-page body.site-boxed #site-container, .help-page .container { margin: 0 auto; max-width: 1040px; } .help-page #content { float: left; width: 72%; min-height: 300px; } .help-page #primary.sidebar-off #content { width: 100%; float: none; padding: 40px 0 0 0; } .help-page #primary.sidebar-left #content { float: right; padding: 40px 0 0 40px; border-left: 1px solid #e6e6e6; } .help-page #primary.sidebar-right #content { /*float:left; padding: 0px 40px 0 0; border-right:1px solid #e6e6e6; */ } .help-page #sidebar { float: left; width: 28%; font-size: 13px; line-height: 22px; padding: 40px 0 0; position: relative; } .help-page #primary.sidebar-left #sidebar { padding-right: 30px; border-right: 1px solid #e6e6e6; right: -1px; } .help-page #primary.sidebar-right #sidebar { padding-left: 30px; border-left: 1px solid #e6e6e6; left: -1px; } .help-page #site-header { padding: 35px 0; position: relative; z-index: 10; } .help-page #site-header #logo { float: left; } .help-page #site-header #logo h1 { margin: 0; font-size: 32px; } .help-page #site-header #logo, .help-page #site-header #logo a { font-size: 22px; color: #666; text-decoration: none; font-weight: bold; letter-spacing: -1px; } .help-page #site-header #logo img { max-width: 100%; } .help-page #primary-nav { float: right; position: relative; } .help-page #primary-nav ul { list-style: none; margin: 0; padding: 0; } .help-page #primary-nav ul a { color: #444; position: relative; line-height: 18px; font-size: 15px; text-decoration: none; } .help-page #primary-nav ul li:last-child { background: none; padding: 0; margin: 0; } .help-page #primary-nav ul li { float: left; z-index: 40; height: 30px; margin: 0 15px 0 0; position: relative; } .help-page #primary-nav > ul > li:after { content: '/'; color: #ccc; margin: 0 0 0 15px; } .help-page #primary-nav > ul > li:last-child:after { content: ''; } .help-page #primary-nav ul li:hover { visibility: inherit; } .help-page #primary-nav ul li:hover ul, .help-page #primary-nav ul li.sfHover ul { left: 0; top: 30px; z-index: 99; } .help-page #primary-nav ul li:hover li ul, .help-page #primary-nav ul li.sfHover li ul, .help-page #primary-nav ul li li:hover li ul, .help-page #primary-nav ul li li.sfHover li ul, .help-page #primary-nav ul li li li:hover li ul, .help-page #primary-nav ul li li li.sfHover li ul { top: -9999em; } .help-page #primary-nav ul li li:hover ul, .help-page #primary-nav ul li li.sfHover ul, .help-page #primary-nav ul li li li:hover ul, .help-page #primary-nav ul li li li.sfHover ul, .help-page #primary-nav ul li li li li:hover ul, .help-page #primary-nav ul li li li li.sfHover ul { left: 220px; top: -12px; } .help-page #primary-nav ul li a:hover, .help-page #primary-nav ul li:hover, .help-page #primary-nav ul li.sfHover a, .help-page #primary-nav ul li.current-cat a, .help-page #primary-nav ul li.current_page_item a, .help-page #primary-nav ul li.current-menu-item a { text-decoration: none; } .help-page #primary-nav ul ul { background: #fff; border: 1px solid #ccc; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); margin: 10px 0 0; padding: 10px 0; position: absolute; top: -9999em; width: 220px; border-radius: 5px; } .help-page #primary-nav ul ul:before { border-color: transparent transparent #ccc; border-style: solid; border-width: 12px; content: ''; height: 0; left: 25px; position: absolute; top: -24px; width: 0; z-index: 999; } .help-page #primary-nav ul ul:after { border-color: transparent transparent #fff; border-style: solid; border-width: 12px; content: ''; height: 0; left: 25px; position: absolute; top: -23px; width: 0; z-index: 999; } .help-page #primary-nav ul ul ul:before, .help-page #primary-nav ul ul ul:after { display: none; } .help-page #primary-nav ul ul li { float: none; width: 100%; margin: 0; padding: 0; border: none; height: auto; text-align: left; } .help-page #primary-nav ul ul li a { font-size: 13px; font-weight: normal; color: #444; padding: 5px 10px; display: block; margin: 0 10px 2px; border-left: 0; } .help-page #primary-nav ul ul li a:hover { text-decoration: none; background: #f5f5f5; border-radius: 99px; } .help-page #primary-nav ul ul li a:hover { color: #4d4d4d; } .help-page #primary-nav .sf-sub-indicator:after { display: inline-block; font-family: FontAwesome; font-weight: normal; content: '\F107'; color: #999; margin: 0 -2px 0 5px; } .help-page #primary-nav ul ul .sf-sub-indicator:after { content: '\F105'; float: right; } .help-page #primary-nav ul ul a.sf-with-ul { margin: 0 10px; padding-right: 25px; } .help-page #primary-nav ul li.sfHover ul a { color: #444 !important; } .help-page #primary-nav ul li.sfHover ul a:hover { color: #444 !important; } .help-page #primary-nav ul li.current-cat a, .help-page #primary-nav ul li.current_page_item a, .help-page #primary-nav ul li.current-menu-item a { font-weight: 600; } .help-page #primary-nav-mobile { display: none; margin: 0 0 15px; } .help-page #primary-nav-mobile .menu-toggle { background: #242526; position: relative; padding: 20px 30px; display: block; outline: none; } .help-page #primary-nav-mobile .menu-toggle i { color: #fff; font-size: 22px; float: right; } .help-page #primary-nav-mobile ul { background: #242526; list-style: none; margin: 0; padding: 0 20px 10px; display: none; } .help-page #primary-nav-mobile ul a { display: block; padding: 12px 0; outline: none; color: #cccccc; font-weight: 600; } .help-page #primary-nav-mobile ul li { border-top: 1px solid #313335; } .help-page #primary-nav-mobile ul li:first-child { border-top: none; } .help-page #primary-nav-mobile ul .sub-menu { border-top: 1px solid #313335; } .help-page #page-header { border-bottom: 1px solid #e6e6e6; margin: 0 0 15px; padding: 0 0 10px; position: relative; } .help-page .single #page-header, .help-page .single-format-video #page-header, .help-page .category #page-header { padding-left: 0px; } .help-page .single #page-header:before, .help-page .single-format-video #page-header:before, .help-page .category #page-header:before { display: inline-block; font-family: FontAwesome; font-size: 32px; font-weight: normal; position: absolute; left: 0; top: 9px; } .help-page .single-format-video #page-header:before { top: 4px; } .help-page .single #page-header:before { /*content: "\f0f6";*/ } .help-page .single-format-video #page-header:before { content: '\F008'; font-size: 22px; } .help-page .category #page-header:before { /*content: "\f07b";*/ font-size: 26px; } .help-page .error404 #page-header { margin: 60px 0 100px; border: none; text-align: center; } .help-page #page-header .page-title { font-size: 16px; line-height: 32px; margin: 10px 0 0px; } .help-page #page-header .page-title-home { font-size: 16px; line-height: 32px; margin: -32px 0 0px; } .help-page #page-header p { color: #808080; font-size: 16px; margin: 15px 0 6px; } .help-page #breadcrumbs { color: #808080; font-size: 14px; margin-top: 10px; } .help-page #breadcrumbs li { display: inline; } .help-page #breadcrumbs span { margin: 0 5px; color: #b3b3b3; } .help-page #breadcrumbs a, .help-page #breadcrumbs a:visited { color: #808080; } .help-page .category .sub-categories { list-style: none; padding: 0; margin: 0 0 30px 50px; } .help-page .category .sub-categories li { padding: 0 0 0 30px; margin: 0 0 10px; position: relative; float: left; width: 50%; } .help-page .category .sub-categories h4, .help-page .category .sub-categories a { color: #666; } .help-page .category .sub-categories li:before { display: inline-block; font-family: FontAwesome; font-size: 18px; font-weight: normal; left: 0; position: absolute; top: 0; content: '\F07B'; } .help-page .type-page { margin: 0 0 50px; } .help-page .post { border-bottom: 1px solid #e6e6e6; margin: 0 0 10px; padding: 0 0 10px 0px; position: relative; } .help-page .post:before { /*content: "\f0f6";*/ display: inline-block; font-family: FontAwesome; font-size: 30px; font-weight: normal; left: 0; position: absolute; top: 10px; } .help-page .post.format-video:before { content: '\F008'; font-size: 22px; } .help-page .search-results .st_faq:before { content: '\F059'; } .help-page .single .post { padding: 0; margin: 0 0 40px; border: none; min-height: 250px; } .help-page .single .post:before { display: none; } .help-page .entry-title { margin: 0 0 12px; } .help-page .entry-title, .help-page .entry-title a, .help-page .entry-title a:visited { font-size: 14px; color: #45454c; text-decoration: none; line-height: 32px; letter-spacing: -0.5px; } .help-page .entry-thumb { margin: 8px 0 0 20px; float: right; } .help-page .entry-thumb a { display: block; line-height: 0; } .help-page .entry-thumb img { border-radius: 5px; } .help-page .entry-video { margin: 0 0 25px; } .help-page .entry-meta { list-style: none; color: #6b6773; font-size: 12px; margin: -20px 0 30px; padding: 0 0 10px; border-bottom: 1px solid #e6e6e6; } .help-page .entry-meta a, .help-page .entry-meta a:visited, .help-page .entry-meta a:hover { color: #666; text-decoration: none; } .help-page .entry-meta a:hover { border-bottom: 1px dotted #666; } .help-page .entry-meta strong { color: #4c4c4c; } .help-page .entry-meta ul { list-style: none; margin: 0 0 24px; padding: 0; } .help-page .entry-meta li { display: inline; margin: 0 15px 0 0; } .help-page .entry-meta i { margin: 0 3px 0 0; } .help-page .tags a, .help-page .tags a:visited { display: inline-block; padding: 5px 10px 6px; position: relative; color: #fff; font-size: 11px; line-height: 10px; margin: 0 0 5px 20px; text-decoration: none; } .help-page .tags a:hover { background: #4a4a4a; color: #fff; text-decoration: none; } .help-page .tags a:before { -o-border-image: none; border-image: none; border-style: solid; border-width: 10px 8px; content: ''; height: 1px; left: -17px; position: absolute; top: 0; width: 1px; } .help-page .tags a:hover:before { border-color: transparent #4a4a4a transparent transparent; } .help-page .tags a:after { background: #fff; content: ''; height: 4px; left: -2px; position: absolute; top: 8px; width: 4px; z-index: 999; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .help-page .readmore { display: block; font-style: italic; text-decoration: none; } .help-page .page-navigation { color: #666; text-align: center; margin: -5px 0 30px; } .help-page .page-navigation a, .help-page .page-navigation a:visited { color: #666; font-size: 13px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .help-page .page-navigation .nav-next { float: right; margin: 0 0 0 15px; } .help-page .page-navigation .nav-previous { float: left; margin: 0 15px 0 0; } .help-page .page-navigation .nav-next a:hover, .help-page .page-navigation .nav-previous a:hover { text-decoration: none; } .help-page .pagination { display: inline-block; } .help-page .pagination .current, .help-page .pagination a { padding: 4px 10px; margin: 0 5px 0 0; font-size: 12px; border-radius: 99%; display: inline; } .help-page .pagination .current { color: #fff; background: #1d3fd3; display: inline; vertical-align: middle; } .help-page .pagination a { background: #f5f5f5; border: 1px solid #e6e6e6; } .help-page .page-links { margin: 0 0 15px; } .help-page .page-links strong { margin: 0 15px 0 0; } .help-page .page-links a, .help-page .page-links span { font-size: 12px; margin: 0 2px 0 0; padding: 4px 10px; border-radius: 99%; -moz-border-radius: 99%; -webkit-border-radius: 99%; } .help-page .page-links a { background: #f5f5f5; border: 1px solid #e6e6e6; color: #666; } .help-page .page-links span { color: #fff; } .help-page #entry-author, .help-page #related-posts, .help-page #comments { margin: 0 0 50px; } .help-page #entry-author-title, .help-page #related-posts-title, .help-page #comments-title { border-bottom: 1px solid #e6e6e6; margin: 0 0 25px; padding: 0 0 10px; font-size: 24px; line-height: 28px; color: #444; letter-spacing: -0.5px; } .help-page #related-posts ul { font-size: 13px; list-style: none; margin: 0; padding: 0; } .help-page #related-posts li { float: left; margin: 0 0 5px; width: 50%; } .help-page #related-posts li.standard a:before, .help-page #related-posts li.video a:before { display: inline-block; font-family: FontAwesome; font-weight: normal; font-size: 16px; margin: 0 10px 0 0; } .help-page #related-posts li.standard a:before { content: '\F0F6'; } .help-page #related-posts li.video a:before { content: '\F008'; font-size: 12px; } .help-page #related-posts a { color: #444; } .help-page #related-posts a:hover { text-decoration: none; } .help-page #related-posts .entry-title, .help-page #related-posts .entry-title a { font-size: 14px; font-weight: normal; margin: 0; letter-spacing: 0; } .help-page #entry-author .gravatar { float: left; margin: 0 25px 0 0px; } .help-page #entry-author .avatar { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .help-page #entry-author h4, .help-page #entry-author .entry-author-desc { margin: 0 0 0 95px; } .help-page #entry-author h4 a { color: #3a3a40; display: block; font-size: 18px; margin: 0 0 10px; line-height: 100%; } .help-page #comments ol { margin: 0; padding: 0; list-style: none; } .help-page #comments ol.children { padding: 0 0 0 60px; position: relative; } .help-page #comments ol.children:before { content: '\F062'; display: inline-block; font-family: FontAwesome; font-size: 20px; color: #808080; font-weight: normal; left: 15px; position: absolute; top: 10px; } .help-page #comments ol.children li:last-child .comment-content { border-bottom: 1px solid #dee0e0; } .help-page #comments .comment-content { border-bottom: 1px solid #dee0e0; margin: 0 0 30px 80px; padding: 0 0 20px; } .help-page #comments ol li:last-child .comment-content { border: none; } .help-page #comments .comment-meta { margin: 0 0 10px; } .help-page #comments .comment .avatar { float: left; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .help-page #comments .comment .comment-meta time, .help-page #comments .comment .comment-content { display: block; margin-left: 80px; } .help-page #comments .comment-meta cite { font-style: normal; font-weight: bold; font-size: 16px; color: #444; margin-left: 35px; } .help-page #comments .comment-meta cite a { color: #444; } .help-page #comments .comment-meta .author-badge { margin: 0 0 0 10px; padding: 3px 10px; color: #fff; font-size: 11px; font-weight: normal; } .help-page .comments-area .comment-meta time { font-size: 13px; color: #808080; } .help-page #comments .comment-action { float: right; font-size: 13px; } .help-page #comments .comment-action a, .help-page #comments .comment-action a:hover { color: #666; } .help-page #comments .comment-edit-link { margin: 0 10px 0 0; } .help-page #comments .comment-edit-link:before { content: '\F044'; display: inline-block; font-family: FontAwesome; font-weight: normal; margin: 0 5px 0 0; } .help-page #comments .comment-reply-link:before { content: '\F112'; display: inline-block; font-family: FontAwesome; font-weight: normal; margin: 0 5px 0 0; } .help-page #respond { margin: 0 0 30px; } .help-page #reply-title { font-size: 24px; line-height: 28px; border-bottom: 1px solid #e6e6e6; margin: 0 0 20px; padding: 0 0 10px; color: #444; letter-spacing: -0.5px; } .help-page #respond p { margin: 0 0 15px; overflow: hidden; } .help-page #respond #author, .help-page #respond #email, .help-page #respond #url { float: left; margin: 0 10px 0 0; } .help-page .comment-form-author label, .help-page .comment-form-email label, .help-page .comment-form-url label { font-size: 13px; line-height: 46px; } .help-page #respond .required { font-size: 12px; color: #a03717; position: relative; top: -5px; } .help-page #respond .comment-form-comment label { display: none; } .help-page #respond .form-allowed-tags { background: #f7f7f7; padding: 15px 20px; font-size: 13px; } .help-page #respond .form-allowed-tags code { margin: 10px 0 0; font-size: 12px; line-height: 1.4em; } .help-page #commentform #submit { color: #fff; font-size: 13px; font-weight: 600; padding: 14px 25px; border: none; text-shadow: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .help-page #commentform #submit:hover { background: #4a4a4a; } .help-page #respond #commentform #comment { width: 100%; } .help-page .home .page-title { font-size: 18px !important; } .help-page #homepage-categories { margin: 0 0 24px; } .help-page #homepage-categories .row { border-bottom: 1px solid #e6e6e6; margin: 0 0 24px; padding: 0; } .help-page #homepage-categories .row:last-child { border: none; margin: 0; padding: 0; } .help-page #homepage-categories .column { padding-left: 0px; } .help-page #homepage-categories .column:before { /*content: "\f07b";*/ display: inline-block; font-family: FontAwesome; font-size: 26px; font-weight: normal; color: #4d4d4d; position: absolute; left: 0; top: 0; } .help-page #homepage-categories h3 { font-size: 16px; margin: 0 0 15px; } .help-page #homepage-categories h3 a { color: #666; } .help-page #homepage-categories .cat-count, .help-page .category .sub-categories .cat-count { color: #999999; font-size: 12px; margin: 0 0 0 5px; } .help-page #homepage-categories ul { list-style: none; padding: 0; margin: 0; line-height: 20px; } .help-page #homepage-categories ul li { padding: 0 0 0 10px; margin: 0 0 15px; position: relative; } .help-page #homepage-categories ul li:before { display: inline-block; font-family: FontAwesome; font-weight: normal; font-size: 22px; position: absolute; top: 0; left: 0; } .help-page #homepage-categories ul li.format-video:before { content: '\F008'; font-size: 16px; } .help-page #homepage-categories .sub-categories { list-style: none; padding: 0; margin: 0; } .help-page #homepage-categories .sub-categories li { padding: 0 0 0 30px; margin: 0 0 15px; position: relative; } .help-page #homepage-categories .sub-categories li:before { content: '\F07B'; display: inline; font-family: FontAwesome; font-weight: normal; font-size: 18px; color: #4d4d4d; position: absolute; left: 0; top: 0; } .help-page #live-search { background: #f5f5f5; padding: 25px 0; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; } .help-page #live-search #searchform { width: 100%; background: #fff; border: 1px solid #d1d1d1; position: relative; border-radius: 99px; } .help-page #live-search #s { float: left; width: 80%; background: none; color: #595959; font-size: 16px; padding: 20px 25px; border: none; -webkit-box-shadow: none; box-shadow: none; position: relative; } .help-page #live-search i.live-search-loading { font-size: 24px; position: absolute; right: 160px; top: 18px; display: none; } .help-page #live-search i.help-search-icon { display: inline-block; content: ''; width: 16px; height: 16px; background: url(/static/images/help/search.png) no-repeat center center / cover; vertical-align: middle; } .help-page #live-search #s.live-search-loading + i.live-search-loading { display: inline-block; } .help-page #live-search #searchsubmit { position: absolute; right: 0; top: 0; color: #fff; margin: 12px 25px 0 0; padding: 10px 18px; text-transform: uppercase; border: none; border-radius: 99px; } .help-page #live-search #searchsubmit:hover { background-color: #4a4a4a; } .help-page #live-search #searchsubmit i { margin: 0 5px 0 0; } .help-page #live-search #searchsubmit, .help-page input[type='submit'] { background-color: #1d3fd3; } .help-page #search-wrap { position: relative; } .help-page #jquery-live-search { overflow: visible !important; } .help-page .blue_link a:link, .help-page a:visited, .help-page a:hover { color: #00a2ca; } .help-page .page-title { font-size: 18px; text-align: center; margin-bottom: 30px; } .help-page .page-title-listyaq { font-size: 14px; margin-top: 15px; } .help-page .search-hot-word { margin-right: 10px; } .help-page .search_word_imp { color: red; } .help-page .icon-search:before { content: '\F002'; } .help-page [class^='icon-']:before, .help-page [class*=' icon-']:before { text-decoration: inherit; display: inline-block; speak: none; } .help-page [class^='icon-'], .help-page [class*=' icon-'] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; *margin-right: 0.3em; } .help-page [class^='icon-'], .help-page [class*=' icon-'] { display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .braft-output-content p{min-height:1em}.braft-output-content .image-wrap img{max-width:100%;height:auto}.braft-output-content ul,.braft-output-content ol{margin:16px 0;padding:0}.braft-output-content blockquote{margin:0 0 10px 0;padding:15px 20px;background-color:#f1f2f3;border-left:solid 5px #ccc;color:#666;font-style:italic}.braft-output-content pre{max-width:100%;max-height:100%;margin:10px 0;padding:15px;overflow:auto;background-color:#f1f2f3;border-radius:3px;color:#666;font-family:monospace;font-size:14px;font-weight:normal;line-height:16px;word-wrap:break-word;white-space:pre-wrap}.braft-output-content pre pre{margin:0;padding:0} .news-page { min-height: calc(100vh - 458px); } .news-page .banner p { font-size: 32px; width: 400px; line-height: 50px; text-align: center; top: 50%; left: 50%; margin-top: -25px; margin-left: -200px; color: #fff; } .news-page .trade-menu { width: 1150px; margin: 0 auto; margin-top: 20px; } .news-page .trade-menu a { display: inline-block; padding: 0 20px; text-align: left; color: #666; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 16px; } .news-page .trade-menu a:first-child { padding-left: 0; } .news-page .trade-menu a:hover { color: #2370e7; } .news-page .trade-menu .active { color: #2370e7; position: relative; } .news-page .trade-menu span { height: 12px; margin-bottom: 4px; display: inline-block; border-left: 1px solid #ddd; } .news-page .wrap { width: 1150px; margin-top: 48px; } .news-page .wrap .trade-mn { width: 64%; } .news-page .wrap .trade-mn .article_hd { text-align: left; line-height: 1.8em; margin-bottom: 10px; border-bottom: 1px solid #efefef; } .news-page .wrap .trade-mn .article_hd h2 { color: #333; font-size: 18px; font-weight: 700; letter-spacing: 1px; word-wrap: break-word; } .news-page .wrap .trade-mn .article_hd small, .news-page .wrap .trade-mn .article_hd span { font-size: 14px; color: #999; } .news-page .wrap .trade-mn .article_hd i { margin-bottom: 2px; } .news-page .wrap .trade-mn .article_bd { font-size: 14px; line-height: 32px; word-break: break-all; word-wrap: break-word; color: #666; } .news-page .wrap .trade-mn .article_bd p { font-size: 14px; margin-bottom: 10px; } .news-page .wrap .trade-mn .article_bd img { max-width: 100% !important; height: auto !important; display: block; margin-left: auto; margin-right: auto; } .news-page .wrap .trade-mn .article_bd strong { font-weight: 700; } .news-page .wrap .trade-mn .article_bd .article_bd ul, .news-page .wrap .trade-mn .article_bd ol { padding: 0 40px; } .news-page .wrap .trade-mn .article_bd ul li { list-style-type: disc; } .news-page .wrap .trade-mn .article_bd ol li { list-style-type: decimal; } .news-page .wrap .trade-mn .article_bd blockquote { padding-left: 20px; padding-right: 8px; font-style: italic; } .news-page .wrap .trade-mn .trade-ft { text-align: left; } .news-page .wrap .trade-mn .trade-ft a { margin-bottom: 10px; display: block; } .news-page .wrap .trade-mn .trade-ft a i { font-size: 16px; } .news-page .wrap .trade-mn .trade-ft a.pre i { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .news-page .wrap .trade-mn .trade-ft a.next i { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); margin-left: -1px; margin-right: 1px; } .news-page .wrap .trade-mn .tab_list li { height: 160px; width: 736px; line-height: 30px; position: relative; border-bottom: 1px solid #efefef; } .news-page .wrap .trade-mn .tab_list li .img_left { float: left; width: 208px; height: 128px; position: relative; top: 16px; } .news-page .wrap .trade-mn .tab_list li .content_right { margin-left: 232px; height: 128px; padding: 16px 0; overflow: hidden; } .news-page .wrap .trade-mn .tab_list li a { display: block; color: #666; line-height: 32px; font-size: 16px; font-weight: 700; } .news-page .wrap .trade-mn .tab_list li a strong { color: #2370e7; } .news-page .wrap .trade-mn .tab_list li a:hover { color: #2370e7; } .news-page .wrap .trade-mn .tab_list li a:focus { text-decoration: none; } .news-page .wrap .trade-mn .tab_list li p { color: #999; line-height: 32px; height: 64px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .news-page .wrap .trade-mn .tab_list li p strong { color: #2370e7; } .news-page .wrap .trade-mn .tab_list li:first-child { padding-top: 0; } .news-page .wrap .trade-mn .tab_list li em { font-size: 12px; } .news-page .wrap .trade-mn .tab_list .i-dot { width: 4px; height: 4px; background: #888; vertical-align: middle; margin: 0 8px; border-radius: 50%; } .news-page .wrap .trade-mn .pagination { text-align: right; } .news-page .wrap .trade-mn .pagination a { text-align: center; color: #999; } .news-page .wrap .trade-mn .pagination .active a { background-color: #fff; border-color: #2370e7; color: #2370e7; } .news-page .wrap .trade-mn .no_result { margin-bottom: 30px; } .news-page .wrap .trade-mn .no_result span { color: #999; top: 33%; left: 45%; } .news-page .wrap .trade-mn .no_result h2 { padding-left: 25px; background: url(/static/images/news/icon.png) left -102px no-repeat; margin-top: 48px; } .news-page .wrap .trade-mn p.result { color: #999; padding-left: 25px; background: url(/static/images/news/icon.png) left -69px no-repeat; margin-bottom: 25px; } .news-page #comment_div { margin-top: 20px; } .news-page .add-comment-row #content { width: 100%; height: 83px; line-height: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; } .news-page hr.divider { margin: 0; border-top: 1px solid #999; border-width: 1px 0 0 0; } .news-page .modal { width: 500px; margin: 100px 0 0 -250px; } .news-page .modal-header { padding: 10px; } .news-page .modal-header h3 { line-height: 20px; } .news-page .modal-body p { font-size: 14px; } .news-page .close-modal { float: right; margin-top: -20px; } .news-detail-page { min-height: calc(100vh - 504px); } .news-detail-page .wrap { width: 1150px; margin-top: 48px; margin-bottom: 30px; margin-left: auto; margin-right: auto; position: relative; } .news-detail-page .wrap .trade-mn { width: 64%; } .news-detail-page .wrap .trade-mn .article { margin-bottom: 30px; } .news-detail-page .wrap .trade-mn .article_hd { text-align: left; line-height: 1.8em; margin-bottom: 10px; border-bottom: 1px solid #efefef; position: relative; } .news-detail-page .wrap .trade-mn .article_hd h2 { color: #333; font-size: 18px; font-weight: 700; letter-spacing: 1px; word-wrap: break-word; } .news-detail-page .wrap .trade-mn .article_hd span { font-size: 14px; color: #999; } .news-detail-page .wrap .trade-mn .article_hd small { font-size: 14px; color: #999; } .news-detail-page .wrap .trade-mn .article_hd small i { margin-bottom: 2px; } .news-detail-page .wrap .trade-mn .article_hd .pb5 { padding-bottom: 5px; } .news-detail-page .wrap .trade-mn .article_bd { font-size: 14px; line-height: 32px; word-break: break-all; word-wrap: break-word; color: #666; } .news-detail-page .wrap .trade-mn .article_bd img { max-width: 100% ; max-height: 100% ; height: auto !important; width: auto !important; display: block; margin: auto; } .news-detail-page .wrap .trade-mn .trade-ft { text-align: left; } .news-detail-page .wrap .trade-mn .trade-ft a { margin-bottom: 10px; display: block; } .news-detail-page .wrap .trade-mn .trade-ft a i { font-size: 16px; } .news-detail-page .wrap .trade-mn .trade-ft a.pre i { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .news-detail-page .wrap .trade-mn .trade-ft a.next i { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); margin-left: -1px; margin-right: 1px; } .news-detail-page .wrap .i-time { background: url(/static/images/news/icon-time.png) no-repeat left top; width: 17px; height: 17px; margin-right: 5px; vertical-align: text-bottom; } .news-detail-page .wrap .f_yaq { font-family: yaq, PingFangSC-Light, "helvetica neue", "hiragino sans gb", arial, "microsoft yahei ui", "microsoft yahei", simsun, sans-serif !important; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } .news-detail-page .wrap .cell { display: table-cell; } .news-detail-page .wrap .fl { float: left; } .news-detail-page .wrap .mb { margin-bottom: 30px; } .news-detail-page .wrap .mt30 { margin-top: 30px; } .news-detail-page img { -o-object-fit: contain; object-fit: contain; } .bwbt-page { background: #031e45; } .bwbt-page .banner { height: 626px; width: 100%; position: relative; background: #031e45 url(/static/images/activity/bwbt/banner.png) no-repeat top / cover; } .bwbt-page .banner .text { position: absolute; text-shadow: 0px 3px 2px rgba(132, 99, 26, 0.93); font-size: 16px; font-weight: 500; color: #fff; text-align: center; line-height: 26px; bottom: 184px; width: 100%; } .bwbt-page .outerContent { background: #031e45 url(/static/images/activity/bwbt/bg.png) no-repeat top / cover; max-width: 1920px; margin: 0 auto; } .bwbt-page .outerContent .partOne .titleC { text-align: center; background: url(/static/images/activity/bwbt/title1.png) no-repeat top / auto; height: 92px; } .bwbt-page .outerContent .partOne .titleC .mTitle { line-height: 32px; font-size: 32px; font-weight: 800; color: #fffeff; background: -webkit-gradient(linear, left bottom, left top, from(#e4ceac), to(#c79262)); background: -o-linear-gradient(bottom, #e4ceac 0%, #c79262 100%); background: linear-gradient(0deg, #e4ceac 0%, #c79262 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .bwbt-page .outerContent .partOne .titleC .sTitle { font-size: 24px; font-weight: 500; color: #fefefe; margin-top: 14px; } .bwbt-page .outerContent .partOne .couponList { display: -webkit-box; display: -ms-flexbox; display: flex; width: 1200px; height: 132px; margin: 0 auto; background: url(/static/images/activity/bwbt/partone1.png) no-repeat top / cover; margin-top: 26px; } .bwbt-page .outerContent .partOne .couponList > li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 16px; -o-border-image: -o-linear-gradient(bottom, #dfb07f, #c69261) 10 10; border-image: -webkit-gradient(linear, left bottom, left top, from(#dfb07f), to(#c69261)) 10 10; border-image: linear-gradient(0deg, #dfb07f, #c69261) 10 10; background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(rgba(255, 255, 255, 0.2))); background: -o-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0.2) 100%); background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0.2) 100%); -webkit-box-shadow: 2px 2px 8px 0px rgba(114, 67, 21, 0.26); box-shadow: 2px 2px 8px 0px rgba(114, 67, 21, 0.26); border-radius: 4px; padding: 0 25px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .bwbt-page .outerContent .partOne .couponList > li::after { content: ""; display: inline-block; width: 94px; height: 94px; background: url(/static/images/activity/bwbt/partone2.png) no-repeat top / cover; position: absolute; top: -20px; right: -32px; } .bwbt-page .outerContent .partOne .couponList > li .discountInfo { -ms-flex-item-align: center; align-self: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-top: 10px; } .bwbt-page .outerContent .partOne .couponList > li .discountInfo .disMoney { font-size: 48px; font-weight: 400; color: #013480; font-family: "BebasNeueRegular"; } @font-face { font-family: "BebasNeueRegular"; /* */ src: url("/static/fonts/BebasNeue Regular.eot"); /* IE9 Compat Modes */ /*这里以及下面的src后面的地址填的都是自己本地的相对地址*/ src: url("/static/fonts/BebasNeue Regular.woff") format("woff"), /* Modern Browsers */ url("/static/fonts/BebasNeue Regular.ttf") format("truetype"); /* Safari, Android, iOS */ font-weight: bold; font-style: normal; } .bwbt-page .outerContent .partOne .couponList > li .discountInfo .disMoney > span { font-size: 14px; } .bwbt-page .outerContent .partOne .couponList > li .discountInfo .disName { font-size: 14px; color: #013480; } .bwbt-page .outerContent .partOne .couponList > li .disBtn { -ms-flex-item-align: center; align-self: center; } .bwbt-page .outerContent .partOne .couponList > li .disBtn > a { display: inline-block; -webkit-box-flex: 0; -ms-flex: 0 0 104px; flex: 0 0 104px; width: 104px; line-height: 36px; text-align: center; background: -webkit-gradient(linear, left top, right top, from(#ecbf8f), to(#c69261)); background: -o-linear-gradient(left, #ecbf8f 0%, #c69261 100%); background: linear-gradient(90deg, #ecbf8f 0%, #c69261 100%); -webkit-box-shadow: 0px 1px 0px 0px #9c6835; box-shadow: 0px 1px 0px 0px #9c6835; border-radius: 4px; font-size: 14px; color: #fffeff; text-shadow: 0px 1px 0px #9c6835; } .bwbt-page .outerContent .partOne .couponRuleC .title { font-size: 24px; font-weight: 500; color: #ffffff; text-align: center; margin: 36px 0 7px 0; } .bwbt-page .outerContent .partOne .couponRuleC .sub { font-size: 14px; font-weight: 400; color: #ffffff; text-align: center; margin-bottom: 24px; } .bwbt-page .outerContent .partOne .couponRuleC .couponRuleList { display: -webkit-box; display: -ms-flexbox; display: flex; width: 1200px; height: 92px; margin: 0 auto; background: url(/static/images/activity/bwbt/partone3.png) no-repeat top / cover; margin-top: 26px; } .bwbt-page .outerContent .partOne .couponRuleC .couponRuleList > li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 25px; -webkit-box-sizing: border-box; box-sizing: border-box; } .bwbt-page .outerContent .partOne .couponRuleC .couponRuleList > li .disMoney { margin-top: 16px; background: -webkit-gradient(linear, left top, right top, from(#e4ceac), to(#c79262)); background: -o-linear-gradient(left, #e4ceac 0%, #c79262 100%); background: linear-gradient(90deg, #e4ceac 0%, #c79262 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 48px; font-size: 48px; -ms-flex-item-align: center; align-self: center; font-family: "BebasNeueRegular"; } @font-face { font-family: "BebasNeueRegular"; /* */ src: url("/static/fonts/BebasNeue Regular.eot"); /* IE9 Compat Modes */ /*这里以及下面的src后面的地址填的都是自己本地的相对地址*/ src: url("/static/fonts/BebasNeue Regular.woff") format("woff"), /* Modern Browsers */ url("/static/fonts/BebasNeue Regular.ttf") format("truetype"); /* Safari, Android, iOS */ font-weight: bold; font-style: normal; } .bwbt-page .outerContent .partOne .couponRuleC .couponRuleList > li .disMoney > span { font-size: 14px; } .bwbt-page .outerContent .partOne .couponRuleC .couponRuleList > li .discountInfo { -ms-flex-item-align: center; align-self: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: #fffeff; opacity: 0.7; font-size: 14px; text-align: right; } .bwbt-page .outerContent .partOne .couponRuleC .couponRuleList > li .discountInfo > p { letter-spacing: 2px; } .bwbt-page .outerContent .partOne .tengxCoupon > h2 { font-size: 24px; font-weight: 500; color: #ffffff; text-align: center; margin: 38px 0 25px 0; } .bwbt-page .outerContent .partOne .tengxCoupon .discountInfo { width: 1225px; height: 112px; margin: 0 auto; background: url(/static/images/activity/bwbt/partone4.png) no-repeat center / cover; background-position-x: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bwbt-page .outerContent .partOne .tengxCoupon .discountInfo .slogan { font-size: 20px; font-weight: 500; color: #ffffff; -webkit-box-flex: 0; -ms-flex: 0 0 423px; flex: 0 0 423px; text-align: center; } .bwbt-page .outerContent .partOne .tengxCoupon .discountInfo .slogan::before { display: inline-block; content: ""; width: 218px; height: 24px; background: url(/static/images/activity/bwbt/logo.png) no-repeat center / cover; margin-right: 12px; vertical-align: -5px; } .bwbt-page .outerContent .partOne .tengxCoupon .discountInfo .disPart { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .bwbt-page .outerContent .partOne .tengxCoupon .discountInfo .disPart .money { -webkit-box-flex: 0; -ms-flex: 0 0 222px; flex: 0 0 222px; text-align: right; padding-right: 34px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 16px; background: -webkit-gradient(linear, left top, right top, from(#e4ceac), to(#c79262)); background: -o-linear-gradient(left, #e4ceac 0%, #c79262 100%); background: linear-gradient(90deg, #e4ceac 0%, #c79262 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 48px; font-size: 48px; font-family: "BebasNeueRegular"; } @font-face { font-family: "BebasNeueRegular"; /* */ src: url("/static/fonts/BebasNeue Regular.eot"); /* IE9 Compat Modes */ /*这里以及下面的src后面的地址填的都是自己本地的相对地址*/ src: url("/static/fonts/BebasNeue Regular.woff") format("woff"), /* Modern Browsers */ url("/static/fonts/BebasNeue Regular.ttf") format("truetype"); /* Safari, Android, iOS */ font-weight: bold; font-style: normal; } .bwbt-page .outerContent .partOne .tengxCoupon .discountInfo .disPart .money .unit { font-size: 16px; margin-left: 5px; } .bwbt-page .outerContent .partOne .tengxCoupon .discountInfo .disPart .spec { -webkit-box-flex: 0; -ms-flex: 0 0 243px; flex: 0 0 243px; font-size: 12px; font-weight: 400; color: #c99665; line-height: 20px; opacity: 0.8; } .bwbt-page .outerContent .partOne .tengxCoupon .discountInfo .disPart .disBtn { -ms-flex-item-align: center; align-self: center; } .bwbt-page .outerContent .partOne .tengxCoupon .discountInfo .disPart .disBtn > a { display: inline-block; -webkit-box-flex: 0; -ms-flex: 0 0 104px; flex: 0 0 104px; width: 104px; line-height: 36px; text-align: center; background: -webkit-gradient(linear, left top, right top, from(#ecbf8f), to(#c69261)); background: -o-linear-gradient(left, #ecbf8f 0%, #c69261 100%); background: linear-gradient(90deg, #ecbf8f 0%, #c69261 100%); -webkit-box-shadow: 0px 1px 0px 0px #9c6835; box-shadow: 0px 1px 0px 0px #9c6835; border-radius: 4px; font-size: 14px; color: #fffeff; text-shadow: 0px 1px 0px #9c6835; } .bwbt-page .outerContent .partTwo { margin: 77px 0 0 0; } .bwbt-page .outerContent .partTwo .titleC { text-align: center; background: url(/static/images/activity/bwbt/title2.png) no-repeat top / auto; height: 92px; padding-top: 20px; } .bwbt-page .outerContent .partTwo .titleC .mTitle { height: 32px; line-height: 32px; font-size: 32px; font-weight: 800; color: #fffeff; background: -webkit-gradient(linear, left bottom, left top, from(#e4ceac), to(#c79262)); background: -o-linear-gradient(bottom, #e4ceac 0%, #c79262 100%); background: linear-gradient(0deg, #e4ceac 0%, #c79262 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .bwbt-page .outerContent .partTwo .productList { display: -webkit-box; display: -ms-flexbox; display: flex; width: 1200px; margin: 0 auto; margin-top: 54px; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; } .bwbt-page .outerContent .partTwo .productList > li { -webkit-box-flex: 0; -ms-flex: 0 0 379px; flex: 0 0 379px; width: 379px; height: 381px; margin-bottom: 33px; background: #00142a url(/static/images/activity/bwbt/parttwo1.png) no-repeat top / cover; padding: 23px; -webkit-box-sizing: border-box; box-sizing: border-box; } .bwbt-page .outerContent .partTwo .productList > li .proTop { height: 79px; } .bwbt-page .outerContent .partTwo .productList > li .proTop .name { font-size: 24px; font-weight: 500; color: #fffeff; letter-spacing: 3px; line-height: 32px; } .bwbt-page .outerContent .partTwo .productList > li .proTop .spec { font-size: 18px; font-weight: 500; color: #fffeff; opacity: 0.7; letter-spacing: 3px; margin-top: 10px; } .bwbt-page .outerContent .partTwo .productList > li .proBottom { padding-top: 31px; } .bwbt-page .outerContent .partTwo .productList > li .proBottom .top { height: 115px; } .bwbt-page .outerContent .partTwo .productList > li .proBottom .top .des { font-size: 16px; font-weight: 400; color: #fffeff; line-height: 24px; } .bwbt-page .outerContent .partTwo .productList > li .proBottom .top > a { display: inline-block; font-size: 16px; font-weight: 400; color: #eab786; margin-top: 15px; } .bwbt-page .outerContent .partTwo .productList > li .proBottom .priBox { font-size: 14px; font-weight: 400; color: #ffffff; letter-spacing: 2px; } .bwbt-page .outerContent .partTwo .productList > li .proBottom .priBox .price { background: -webkit-gradient(linear, left top, right top, from(#e4ceac), to(#c79262)); background: -o-linear-gradient(left, #e4ceac 0%, #c79262 100%); background: linear-gradient(90deg, #e4ceac 0%, #c79262 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 48px; font-size: 48px; font-family: "BebasNeueRegular"; } @font-face { font-family: "BebasNeueRegular"; /* */ src: url("/static/fonts/BebasNeue Regular.eot"); /* IE9 Compat Modes */ /*这里以及下面的src后面的地址填的都是自己本地的相对地址*/ src: url("/static/fonts/BebasNeue Regular.woff") format("woff"), /* Modern Browsers */ url("/static/fonts/BebasNeue Regular.ttf") format("truetype"); /* Safari, Android, iOS */ font-weight: bold; font-style: normal; } .bwbt-page .outerContent .partTwo .productList > li .proBottom .priBox .unit { color: #e9bb8b; } .bwbt-page .outerContent .partTwo .productList > li .proBottom .priBox .norPrice { color: #ffffff; opacity: 0.7; text-decoration: line-through; margin-left: 19px; } .bwbt-page .outerContent .partTwo .productList > li .proBottom .btn { width: 100%; height: 46px; line-height: 46px; padding: 0; margin-top: 18px; background: -webkit-gradient(linear, left top, right top, from(#ecbf8f), to(#c69261)); background: -o-linear-gradient(left, #ecbf8f 0%, #c69261 100%); background: linear-gradient(90deg, #ecbf8f 0%, #c69261 100%); -webkit-box-shadow: 0px 4px 0px 0px #9c6835; box-shadow: 0px 4px 0px 0px #9c6835; font-weight: 500; color: #fffeff; font-size: 16px; } .bwbt-page .outerContent .partThree .titleC { text-align: center; background: url(/static/images/activity/bwbt/title3.png) no-repeat top / auto; height: 92px; padding-top: 20px; } .bwbt-page .outerContent .partThree .titleC .mTitle { height: 32px; line-height: 32px; font-size: 32px; font-weight: 800; color: #fffeff; background: -webkit-gradient(linear, left bottom, left top, from(#e4ceac), to(#c79262)); background: -o-linear-gradient(bottom, #e4ceac 0%, #c79262 100%); background: linear-gradient(0deg, #e4ceac 0%, #c79262 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .bwbt-page .outerContent .partThree .productList { display: -webkit-box; display: -ms-flexbox; display: flex; width: 1200px; margin: 0 auto; margin-top: 54px; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; } .bwbt-page .outerContent .partThree .productList > li { -webkit-box-flex: 0; -ms-flex: 0 0 379px; flex: 0 0 379px; width: 379px; height: 462px; margin-bottom: 33px; background: #00142a url(/static/images/activity/bwbt/parttwo2.png) no-repeat top / cover; padding: 23px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .bwbt-page .outerContent .partThree .productList > li .proTop { height: 79px; } .bwbt-page .outerContent .partThree .productList > li .proTop .name { font-size: 24px; font-weight: 500; color: #fffeff; letter-spacing: 3px; line-height: 32px; } .bwbt-page .outerContent .partThree .productList > li .proTop .spec { font-size: 18px; font-weight: 500; color: #fffeff; opacity: 0.7; letter-spacing: 3px; margin-top: 10px; } .bwbt-page .outerContent .partThree .productList > li .proBottom { padding-top: 31px; } .bwbt-page .outerContent .partThree .productList > li .proBottom .top { height: 233px; } .bwbt-page .outerContent .partThree .productList > li .proBottom .top .des { font-size: 16px; font-weight: 400; color: #fffeff; line-height: 24px; } .bwbt-page .outerContent .partThree .productList > li .proBottom .top > a { display: inline-block; font-size: 16px; font-weight: 400; color: #eab786; margin-top: 15px; } .bwbt-page .outerContent .partThree .productList > li .proBottom .top .dis > span { display: inline-block; padding: 7px 16px; background: -webkit-gradient(linear, left top, right top, from(#ff756e), to(#f23127)); background: -o-linear-gradient(left, #ff756e 0%, #f23127 100%); background: linear-gradient(90deg, #ff756e 0%, #f23127 100%); border-radius: 2px; font-size: 14px; color: #ffffff; margin-top: 33px; } .bwbt-page .outerContent .partThree .productList > li .proBottom .top .cou .text { display: inline-block; padding: 7px 16px; border-radius: 2px 0 0 2px; font-size: 14px; color: #ffffff; background: -webkit-gradient(linear, left top, right top, from(#ecbf8f), to(#c69261)); background: -o-linear-gradient(left, #ecbf8f 0%, #c69261 100%); background: linear-gradient(90deg, #ecbf8f 0%, #c69261 100%); } .bwbt-page .outerContent .partThree .productList > li .proBottom .top .cou .money { display: inline-block; font-size: 14px; background: #fff; padding: 5px 16px; border-radius: 0 2px 2px 0; border: 2px solid #c69261; position: relative; margin-top: 10px; color: #ebbf8e; font-weight: bold; } .bwbt-page .outerContent .partThree .productList > li .proBottom .priBox { font-size: 14px; font-weight: 400; color: #ffffff; letter-spacing: 2px; } .bwbt-page .outerContent .partThree .productList > li .proBottom .priBox .price { background: -webkit-gradient(linear, left top, right top, from(#e4ceac), to(#c79262)); background: -o-linear-gradient(left, #e4ceac 0%, #c79262 100%); background: linear-gradient(90deg, #e4ceac 0%, #c79262 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 48px; font-size: 48px; font-family: "BebasNeueRegular"; } @font-face { font-family: "BebasNeueRegular"; /* */ src: url("/static/fonts/BebasNeue Regular.eot"); /* IE9 Compat Modes */ /*这里以及下面的src后面的地址填的都是自己本地的相对地址*/ src: url("/static/fonts/BebasNeue Regular.woff") format("woff"), /* Modern Browsers */ url("/static/fonts/BebasNeue Regular.ttf") format("truetype"); /* Safari, Android, iOS */ font-weight: bold; font-style: normal; } .bwbt-page .outerContent .partThree .productList > li .proBottom .priBox .unit { color: #e9bb8b; } .bwbt-page .outerContent .partThree .productList > li .proBottom .priBox .norPrice { color: #ffffff; opacity: 0.7; text-decoration: line-through; margin-left: 19px; } .bwbt-page .outerContent .partThree .productList > li .proBottom .btnBox { position: absolute; bottom: 0; left: 0; width: 100%; height: 46px; line-height: 46px; padding: 0; margin-top: 18px; font-weight: 500; color: #fffeff; font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; } .bwbt-page .outerContent .partThree .productList > li .proBottom .btnBox > a { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: inline-block; width: 100%; height: 100%; text-align: center; font-weight: 500; font-size: 16px; color: #fffeff; } .bwbt-page .outerContent .partThree .productList > li .proBottom .btnBox .getCoupon { height: 44px; border: 1px solid; -o-border-image: -o-linear-gradient(135deg, #ebbe8e, #c69261) 10 10; border-image: linear-gradient(-45deg, #ebbe8e, #c69261) 10 10; background: -webkit-gradient(linear, left bottom, left top, from(#01327b), to(#0047b0)); background: -o-linear-gradient(bottom, #01327b 0%, #0047b0 100%); background: linear-gradient(0deg, #01327b 0%, #0047b0 100%); } .bwbt-page .outerContent .partThree .productList > li .proBottom .btnBox .purchase { background: -webkit-gradient(linear, left top, right top, from(#ecbf8f), to(#c69261)); background: -o-linear-gradient(left, #ecbf8f 0%, #c69261 100%); background: linear-gradient(90deg, #ecbf8f 0%, #c69261 100%); } .bwbt-page .outerContent .partFour .titleC { text-align: center; background: url(/static/images/activity/bwbt/title4.png) no-repeat top / auto; height: 92px; margin-top: 30px; padding-top: 20px; } .bwbt-page .outerContent .partFour .titleC .mTitle { height: 32px; line-height: 32px; font-size: 32px; font-weight: 800; color: #fffeff; background: -webkit-gradient(linear, left bottom, left top, from(#e4ceac), to(#c79262)); background: -o-linear-gradient(bottom, #e4ceac 0%, #c79262 100%); background: linear-gradient(0deg, #e4ceac 0%, #c79262 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .bwbt-page .outerContent .partFour .productList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 1200px; margin: 0 auto; margin-top: 40px; } .bwbt-page .outerContent .partFour .productList > li { height: 382px; margin-bottom: 32px; padding: 39px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .bwbt-page .outerContent .partFour .productList > li::after { content: ""; display: inline-block; position: absolute; width: 173px; height: 173px; background: url(/static/images/activity/bwbt/tag.png) no-repeat center; top: -20px; right: -32px; } .bwbt-page .outerContent .partFour .productList > li > h2 { font-weight: 500; color: #fffeff; font-size: 28px; margin-bottom: 15px; } .bwbt-page .outerContent .partFour .productList > li .desInfo { height: 135px; } .bwbt-page .outerContent .partFour .productList > li .desInfo > p { color: #fffeff; line-height: 21px; opacity: 0.7; font-size: 14px; width: 679px; margin-bottom: 20px; } .bwbt-page .outerContent .partFour .productList > li .desInfo > p > a { font-weight: 400; color: #eab786; } .bwbt-page .outerContent .partFour .productList > li .iconList { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -6px; height: 91px; } .bwbt-page .outerContent .partFour .productList > li .iconList > li { -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; text-align: center; margin-right: 20px; } .bwbt-page .outerContent .partFour .productList > li .iconList > li > img { display: inline-block; width: 47px; } .bwbt-page .outerContent .partFour .productList > li .iconList > li .name { font-weight: 400; color: #fffeff; font-size: 12px; } .bwbt-page .outerContent .partFour .productList > li .btn { width: 411px; height: 48px; font-size: 18px; font-weight: 500; color: #fffeff; line-height: 48px; background: -webkit-gradient(linear, left top, right top, from(#ecbf8f), to(#c69261)); background: -o-linear-gradient(left, #ecbf8f 0%, #c69261 100%); background: linear-gradient(90deg, #ecbf8f 0%, #c69261 100%); } .bwbt-page .outerContent .partFive { text-align: center; } .bwbt-page .outerContent .partFive .titleC { text-align: center; background: url(/static/images/activity/bwbt/title5.png) no-repeat top / auto; height: 92px; margin: 40px 0 20px 0; padding-top: 20px; } .bwbt-page .outerContent .partFive .titleC .mTitle { height: 32px; line-height: 32px; font-size: 32px; font-weight: 800; color: #fffeff; background: -webkit-gradient(linear, left bottom, left top, from(#e4ceac), to(#c79262)); background: -o-linear-gradient(bottom, #e4ceac 0%, #c79262 100%); background: linear-gradient(0deg, #e4ceac 0%, #c79262 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .bwbt-page .outerContent .partFive > img { display: inline-block; width: 1200px; margin: 0 auto; } .bwbt-page .outerContent .partSix { width: 1200px; margin: 0 auto; padding: 89px 0; background: url(/static/images/activity/bwbt/rulebg.png) no-repeat right -28px / auto; } .bwbt-page .outerContent .partSix .titleC { width: 500px; text-align: center; background: url(/static/images/activity/bwbt/title6.png) no-repeat top left / auto; height: 92px; padding-top: 20px; } .bwbt-page .outerContent .partSix .titleC .mTitle { height: 32px; line-height: 32px; text-align: left; font-size: 32px; font-weight: 800; color: #fffeff; background: -webkit-gradient(linear, left bottom, left top, from(#e4ceac), to(#c79262)); background: -o-linear-gradient(bottom, #e4ceac 0%, #c79262 100%); background: linear-gradient(0deg, #e4ceac 0%, #c79262 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .bwbt-page .outerContent .partSix .content { text-align: left; font-size: 14px; font-weight: 400; color: #fffeff; line-height: 30px; letter-spacing: 2px; } .bwbt-page .bwbt-modal { background: #fff url(/static/images/activity/bwbt/modalbg.png) no-repeat center; position: relative; } .bwbt-page .bwbt-modal::after { content: ""; display: inline-block; width: 85px; height: 82px; background: url(/static/images/activity/bwbt/gold1.png) no-repeat center; position: absolute; top: -10px; left: 20px; } .bwbt-page .bwbt-modal::before { content: ""; display: inline-block; width: 132px; height: 118px; background: url(/static/images/activity/bwbt/gold2.png) no-repeat center; position: absolute; top: -30px; right: 50px; } .bwbt-page .bwbt-modal .title { color: #fff; font-size: 22px; margin: 40px 0; margin-bottom: 25px; } .bwbt-page .bwbt-modal .getCode-btn { background: -webkit-gradient(linear, left top, right top, from(#ecbf8f), to(#c69261)) !important; background: -o-linear-gradient(left, #ecbf8f 0%, #c69261 100%) !important; background: linear-gradient(90deg, #ecbf8f 0%, #c69261 100%) !important; } .bwbt-page .bwbt-modal .submit { margin-bottom: 40px; width: 250px; } .bwbt-page .bwbt-modal .submit .info_submit { background: -webkit-gradient(linear, left top, right top, from(#ecbf8f), to(#c69261)); background: -o-linear-gradient(left, #ecbf8f 0%, #c69261 100%); background: linear-gradient(90deg, #ecbf8f 0%, #c69261 100%); width: 100%; } .bwbt-page .bwbt-modal .form-tip { display: none; } .electronic-business h2 { font-size: 28px; color: #333; line-height: 30px; padding-top: 50px; font-weight: 400; text-align: center; } .electronic-business .banner { height: 379px; background: url(/static/images/activity/electron-business/banner.png) no-repeat center / cover; } .electronic-business .banner .banner_box { width: 1152px; height: 100%; margin: 0 auto; } .electronic-business .banner .banner_box h2 { font-size: 32px; color: #fff; padding-top: 69px; margin-bottom: 13px; line-height: 46px; text-align: left; } .electronic-business .banner .banner_box h2 span { color: #f5a623; font-size: 14px; margin-left: 10px; } .electronic-business .banner .banner_box p { font-size: 14px; color: #fff; line-height: 21px; margin-bottom: 55px; width: 510px; } .electronic-business .banner .banner_box a { background: #282999; border-radius: 2px; padding: 14px 48px; color: #fff; font-size: 16px; } .electronic-business .banner .banner_box a:hover { background: #0260e7; } .electronic-business .navigation { height: 67px; width: 1005px; background: #fff; margin: 0 auto; } .electronic-business .navigation ul { height: 100%; width: 1005px; margin: 0 auto; } .electronic-business .navigation ul li { width: 201px; float: left; font-size: 18px; line-height: 1.2; color: #333333; padding: 22px 0; margin-left: -1px; background-color: #fff; position: relative; text-align: center; border-bottom: 2px solid #fff; } .electronic-business .navigation ul li:first-child { border-radius: 3px 0 0 3px; } .electronic-business .navigation ul li:last-child { border-radius: 0 3px 3px 0; } .electronic-business .navigation ul li a { color: #333; } .electronic-business .navigation ul li a.active_tag { color: #0260e7; } .electronic-business .navigation ul .active { border-color: #282999; z-index: 1; } .electronic-business #navTab[data-fixed="fixed"] { position: fixed; top: 0; left: 0; width: 100%; z-index: 1; } .electronic-business .framework-part .img { margin: 40px 0 20px 0; text-align: center; } .electronic-business .framework-part .text { text-align: center; margin: 20px 0 80px 0; font-size: 14px; } .electronic-business .framework-part .follow { height: 616px; width: 100%; background: url(/static/images/activity/electron-business/banner1.png) no-repeat center / cover; } .electronic-business .framework-part .follow .container { height: 100%; width: 1170px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; padding: 60px 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .electronic-business .framework-part .follow .container .tab-list { -webkit-box-flex: 0; -ms-flex: 0 0 220px; flex: 0 0 220px; border-right: 1px solid #ffffff45; } .electronic-business .framework-part .follow .container .tab-list li { font-size: 18px; color: #fff; opacity: 0.4; margin-top: 35px; cursor: pointer; } .electronic-business .framework-part .follow .container .tab-list li:first-child { margin-top: 0; } .electronic-business .framework-part .follow .container .tab-list li img { margin-right: 20px; display: inline-block; vertical-align: -3px; } .electronic-business .framework-part .follow .container .tab-list .selected { opacity: 1; } .electronic-business .framework-part .follow .container .follow-content-div { position: relative; } .electronic-business .framework-part .follow .container .follow-content-div .e-btn { position: absolute; left: 50px; height: 50px; line-height: 50px; } .electronic-business .framework-part .follow .container .follow-content { padding-left: 50px; } .electronic-business .framework-part .follow .container .follow-content h2 { padding: 0 0 20px 0; text-align: left; color: #fff; font-size: 18px; margin-top: -4px; } .electronic-business .framework-part .follow .container .follow-content .text { color: #fff; text-align: left; height: 80px; padding-bottom: 55px; margin: 0; line-height: 24px; } .electronic-business .framework-part .follow .container .follow-content .recommend { font-size: 18px; padding-bottom: 0px; } .electronic-business .framework-part .follow .container .follow-content .recommend::before { content: ""; height: 16px; width: 4px; background-color: #0260e7; display: inline-block; vertical-align: -2px; margin-right: 10px; } .electronic-business .framework-part .follow .container .follow-content .product-list { margin-bottom: 60px; width: 800px; } .electronic-business .framework-part .follow .container .follow-content .product-list li { display: inline-block; margin-right: 20px; margin-top: 20px; } .electronic-business .framework-part .follow .container .follow-content .product-list li img { display: inline-block; vertical-align: middle; padding-right: 20px; padding-left: 20px; width: 28px; } .electronic-business .framework-part .follow .container .follow-content .product-list li a { display: inline-block; line-height: 60px; width: 152px; color: #fff; background: #ffffff2b; cursor: pointer; } .electronic-business .framework-part .follow .container .follow-content .product-list li a:hover { background: #ffffff4d; } .electronic-business .framework-part .follow .container .follow-content .product-list li .single { width: auto; padding-right: 20px; } .electronic-business .profeat-part .container { width: 1170px; } .electronic-business .profeat-part .container ul { padding-bottom: 60px; } .electronic-business .profeat-part .container ul li { border-bottom: 1px solid #ddd; padding: 70px 0 40px 0; } .electronic-business .profeat-part .container ul li > img { display: inline-block; height: 217px; margin-top: 20px; } .electronic-business .profeat-part .container ul li:last-child { border-bottom: none; } .electronic-business .profeat-part .container ul li:nth-child(odd) .profeat-content { float: left; margin-right: 52px; } .electronic-business .profeat-part .container ul li:nth-child(even) .profeat-content { margin-left: 52px; float: right; } .electronic-business .profeat-part .container ul li:nth-child(even) img { margin-left: 45px; } .electronic-business .profeat-part .container ul li .profeat-content { display: inline-block; margin-top: 20px; } .electronic-business .profeat-part .container ul li .profeat-content .title { font-size: 72px; color: #e0dfed; position: relative; top: -28px; font-style: oblique; } .electronic-business .profeat-part .container ul li .profeat-content .title .sequence { font-size: 18px; color: #333; position: absolute; top: 20px; left: 25px; font-style: initial; } .electronic-business .profeat-part .container ul li .profeat-content .text { width: 586px; height: 116px; margin: 20px 0 26px 30px; line-height: 20px; letter-spacing: 1px; } .electronic-business .profeat-part .container ul li .profeat-content .e-btn { margin-left: 12px; } .electronic-business .scene-part { background-color: #f5f7fd; } .electronic-business .scene-part .scene-content { width: 1114px; margin: 0 auto; padding: 40px 0 90px 0; } .electronic-business .scene-part .scene-content .follow { text-align: center; background-color: #fff; -webkit-box-shadow: 0 0 8px 2px #ccc2c23b; box-shadow: 0 0 8px 2px #ccc2c23b; border-radius: 2px; padding: 30px 0 25px 0; } .electronic-business .scene-part .scene-content .follow .pt20 { padding-top: 20px; } .electronic-business .scene-part .scene-content .follow .list { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 5px; } .electronic-business .scene-part .scene-content .follow .list li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; } .electronic-business .scene-part .scene-content .scene-list li { height: 162px; display: inline-block; width: 542px; vertical-align: top; -webkit-box-shadow: 0 0 8px 2px #ccc2c23b; box-shadow: 0 0 8px 2px #ccc2c23b; padding: 25px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 30px; } .electronic-business .scene-part .scene-content .scene-list li:nth-child(odd) { margin-right: 30px; } .electronic-business .scene-part .scene-content .scene-list li:nth-child(1) { background: #fff url(/static/images/activity/electron-business/scene0.png) no-repeat 349px 20px; background-size: 156px; } .electronic-business .scene-part .scene-content .scene-list li:nth-child(2) { background: #fff url(/static/images/activity/electron-business/scene1.png) no-repeat 349px 20px; background-size: 144px; } .electronic-business .scene-part .scene-content .scene-list li:nth-child(3) { background: #fff url(/static/images/activity/electron-business/scene2.png) no-repeat 349px 24px; background-size: 174px; } .electronic-business .scene-part .scene-content .scene-list li:nth-child(4) { background: #fff url(/static/images/activity/electron-business/scene3.png) no-repeat 349px 28px; background-size: 148px; } .electronic-business .scene-part .scene-content .scene-list li:nth-child(5) { background: #fff url(/static/images/activity/electron-business/scene4.png) no-repeat 349px 33px; background-size: 144px; } .electronic-business .scene-part .scene-content .scene-list li .title { font-size: 18px; color: #333; padding-bottom: 12px; } .electronic-business .scene-part .scene-content .e-btn { text-align: center; width: 100%; margin-top: 70px; } .electronic-business .case-part .case-content { width: 1170px; margin: 0 auto; text-align: center; padding: 40px 0 60px 0; } .electronic-business .case-part .case-content ul { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 40px; } .electronic-business .case-part .case-content ul li { -webkit-box-flex: 0; -ms-flex: 0 0 1; flex: 0 0 1; margin-right: 25px; border-top: 2px solid #282999; height: 302px; -webkit-box-shadow: 0 0 8px 2px #ccc2c23b; box-shadow: 0 0 8px 2px #ccc2c23b; } .electronic-business .case-part .case-content ul li:last-child { margin-right: 0px; } .electronic-business .case-part .case-content ul li .img { padding: 25px; text-align: center; height: 50px; border-bottom: 1px solid #efefef; } .electronic-business .case-part .case-content ul li .title { font-size: 22px; color: #333; text-align: center; margin-top: 20px; } .electronic-business .case-part .case-content ul li .text { padding: 20px 30px 0 30px; letter-spacing: 2px; text-align: left; } .electronic-business .case-part .case-content .more-case { color: #282999; font-size: 20px; text-align: center; } .electronic-business .explain { text-align: left; padding-bottom: 80px; background-color: #f5f7fd; margin-top: -36px; } .electronic-business .explain a { color: #888; display: block; width: 1170px; margin: 0 auto; } .electronic-business .com-btn { background: #282999; border-radius: 2px; padding: 14px 48px; color: #fff; font-size: 16px; } .electronic-business #Framework { position: absolute; } .electronic-business #Profeat { position: absolute; } .electronic-business #Scene { position: absolute; } .electronic-business #Case { position: absolute; } .electronic-business #Solution { position: absolute; top: 4658px; } .comBanner { height: 379px; background: url(/static/images/activity/electron-business/banner.png) no-repeat center / cover; } .comBanner .bannerBox { width: 1120px; height: 100%; margin: 0 auto; } .comBanner .bannerBox > h2 { font-size: 32px; color: #fff; padding-top: 69px; margin-bottom: 13px; line-height: 46px; text-align: left; } .comBanner .bannerBox > p { font-size: 14px; color: #fff; line-height: 21px; margin-bottom: 55px; width: 510px; } .comBanner .bannerBox > a { background-image: -o-linear-gradient(135deg, #0B6FD6 0%, #1485FF 100%, #017EFF 100%); background-image: linear-gradient(-45deg, #0B6FD6 0%, #1485FF 100%, #017EFF 100%); border-radius: 2px; padding: 14px 48px; color: #fff; font-size: 16px; } .hhjh-page { background: #ad1b1a; padding-bottom: 60px; } .hhjh-page .h-title { text-align: center; } .hhjh-page .h-title > span { font-size: 32px; color: #fff0d5; background: url(/static/images/activity/hhjh/line.png) no-repeat center; display: inline-block; line-height: 60px; } .hhjh-page .h-title > span::before, .hhjh-page .h-title > span::after { content: ""; display: inline-block; height: 22px; width: 22px; background: #b41c1e url(/static/images/activity/hhjh/star.png) no-repeat center / cover; margin-right: 20px; } .hhjh-page .h-title > span::after { margin-left: 20px; } .hhjh-page .h-title > span > span { display: inline-block; -webkit-box-reflect: below -28px -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(255, 255, 255, 0.1))); } .hhjh-page .s-title { text-align: center; font-size: 22px; color: #fff0ca; } .hhjh-page .s-title > span { display: inline-block; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(52%, #fff2cd), color-stop(99%, #ffca82)); background-image: -o-linear-gradient(top, #fff2cd 52%, #ffca82 99%); background-image: linear-gradient(-180deg, #fff2cd 52%, #ffca82 99%); border-radius: 2px; font-size: 22px; color: #a5231f; width: 35px; line-height: 32px; text-align: center; vertical-align: baseline; margin-right: 17px; -webkit-transform: skewX(-10deg); -ms-transform: skewX(-10deg); transform: skewX(-10deg); } .hhjh-page .s-title > span::before { content: ""; } .hhjh-page .s-title .important { font-size: 26px; color: #fff0ca; display: inline-block; vertical-align: baseline; background: url(/static/images/activity/hhjh/numbg.png) no-repeat 5px 10px / auto; height: 37px; } .hhjh-page .h-description { font-size: 16px; color: #fff0d5; max-width: 1006px; margin: 0 auto; margin-top: 28px; } .hhjh-page .banner { height: 463px; width: 100%; position: relative; background: #b41c1e url(/static/images/activity/hhjh/banner.png) no-repeat top / cover; } .hhjh-page .banner .text { position: absolute; font-size: 14px; color: #fff2cd; text-align: center; line-height: 26px; bottom: 144px; width: 100%; } .hhjh-page .outer-content .part-one { margin-bottom: 66px; } .hhjh-page .outer-content .part-one .defect-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 888px; margin: 40px auto 65px auto; } .hhjh-page .outer-content .part-one .defect-list > li { font-size: 16px; color: #ffffff; -webkit-box-flex: 0; -ms-flex: 0 0 123px; flex: 0 0 123px; text-align: center; } .hhjh-page .outer-content .part-one .defect-list > li::before { content: ""; display: block; width: 123px; height: 114px; margin-bottom: 16px; background: url(/static/images/activity/hhjh/defect.png) no-repeat center / cover; background-position-y: 0px; } .hhjh-page .outer-content .part-one .defect-list > li:nth-child(2)::before { background-position-y: -114px; } .hhjh-page .outer-content .part-one .defect-list > li:nth-child(3)::before { background-position-y: -228px; } .hhjh-page .outer-content .part-one .description { text-align: center; opacity: 0.82; font-size: 16px; color: #ffffff; margin: 44px 0 88px 0; } .hhjh-page .outer-content .part-one .specialist-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 1152px; margin: 40px auto 32px auto; } .hhjh-page .outer-content .part-one .specialist-list > li { -webkit-box-flex: 0; -ms-flex: 0 0 560px; flex: 0 0 560px; height: 235px; background: #ffffff; border-radius: 12px; position: relative; padding: 33px 0 33px 290px; -webkit-box-sizing: border-box; box-sizing: border-box; } .hhjh-page .outer-content .part-one .specialist-list > li::before { content: ""; display: block; width: 271px; height: 248px; background: url(/static/images/activity/hhjh/people.png) no-repeat center; background-position-y: 0px; position: absolute; top: -40px; left: 34px; } .hhjh-page .outer-content .part-one .specialist-list > li:last-child::before { background-position-y: -248px; } .hhjh-page .outer-content .part-one .specialist-list > li > h2 { font-size: 24px; color: #2a2b31; margin-bottom: 16px; margin-left: 9px; } .hhjh-page .outer-content .part-one .specialist-list > li .position > span { background-image: -o-linear-gradient(34deg, #ff913d 0%, #eb392b 100%); background-image: linear-gradient(56deg, #ff913d 0%, #eb392b 100%); padding: 5px 10px; border-radius: 15.5px; font-size: 14px; color: #ffffff; } .hhjh-page .outer-content .part-one .specialist-list > li .intro-list { margin-top: 14px; } .hhjh-page .outer-content .part-one .specialist-list > li .intro-list > li { margin-bottom: 8px; font-size: 14px; color: #686c78; line-height: 24px; position: relative; } .hhjh-page .outer-content .part-one .specialist-list > li .intro-list > li::before { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 8px; background-image: -o-linear-gradient(34deg, #ff913d 0%, #eb392b 100%); background-image: linear-gradient(56deg, #ff913d 0%, #eb392b 100%); margin-right: 14px; } .hhjh-page .outer-content .part-one .specialist-list > li .intro-list > li::after { content: ""; display: inline-block; position: absolute; width: 5px; height: 5px; border-radius: 5px; background-color: #fff; left: 2px; top: 11px; } .hhjh-page .outer-content .part-one .share-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 1152px; margin: 0 auto; } .hhjh-page .outer-content .part-one .share-list > li { -webkit-box-flex: 0; -ms-flex: 0 0 205px; flex: 0 0 205px; line-height: 56px; background: #ffffff; border-radius: 12px; text-align: center; } .hhjh-page .outer-content .part-one .share-list > li::before { content: ""; display: inline-block; width: 50px; height: 50px; background: url(/static/images/activity/hhjh/live.png) no-repeat center; background-position-y: 0px; vertical-align: middle; margin-right: 15px; } .hhjh-page .outer-content .part-one .share-list > li:nth-child(2)::before { background-position-y: -50px; } .hhjh-page .outer-content .part-one .share-list > li:nth-child(3)::before { background-position-y: -100px; } .hhjh-page .outer-content .part-one .share-list > li:nth-child(4)::before { background-position-y: -150px; } .hhjh-page .outer-content .part-one .share-list > li:nth-child(5)::before { background-position-y: -200px; } .hhjh-page .outer-content .part-one .join-btn { text-align: center; margin: 56px 0 68px 0; } .hhjh-page .outer-content .part-one .join-btn > a { display: inline-block; width: 240px; line-height: 48px; background: url(/static/images/activity/hhjh/btn.png) no-repeat center; -webkit-box-shadow: inset 4px 0 4px 0 rgba(255, 242, 205, 0.72); box-shadow: inset 4px 0 4px 0 rgba(255, 242, 205, 0.72); border-radius: 24px; font-size: 18px; color: #9c1b1d; letter-spacing: 1px; text-align: center; } .hhjh-page .outer-content .part-one .join-btn > a::after { content: ""; display: inline-block; width: 0; height: 0; border-top: 6px solid transparent; border-left: 8px solid #9c1b1d; border-bottom: 6px solid transparent; border-radius: 3px; margin-left: 12px; } .hhjh-page .outer-content .part-one .gift-box { margin-top: 69px; } .hhjh-page .outer-content .part-one .gift-box > ul { width: 1152px; height: 144px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ffffff; border-radius: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; padding-left: 32px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #ffffff url(/static/images/activity/hhjh/gift-bg.png) no-repeat center; background-position-x: right; background-position-y: 0; position: relative; } .hhjh-page .outer-content .part-one .gift-box > ul::before { content: "\5FC3\52A8\4E00\91CD\793C"; display: inline-block; line-height: 43px; width: 146px; background-image: -o-linear-gradient(34deg, #ff913d 0%, #eb392b 100%); background-image: linear-gradient(56deg, #ff913d 0%, #eb392b 100%); border-radius: 22px; text-align: center; font-size: 18px; color: #ffffff; position: absolute; top: -20px; left: 30px; } .hhjh-page .outer-content .part-one .gift-box > ul:nth-child(2) { background-position-y: -162px; margin-top: 54px; } .hhjh-page .outer-content .part-one .gift-box > ul:nth-child(2)::before { content: "\8C6A\534E\4E8C\91CD\793C"; background-image: -o-linear-gradient(319deg, #e5a877 0%, #c7752c 100%); background-image: linear-gradient(131deg, #e5a877 0%, #c7752c 100%); } .hhjh-page .outer-content .part-one .gift-box > ul:nth-child(2) > li:nth-child(1)::before { background-position-y: -284px; } .hhjh-page .outer-content .part-one .gift-box > ul:nth-child(2) > li:nth-child(2)::before { background-position-y: -352px; } .hhjh-page .outer-content .part-one .gift-box > ul:nth-child(2) > li:nth-child(3)::before { background-position-y: -422px; } .hhjh-page .outer-content .part-one .gift-box > ul > li { height: 66px; line-height: 66px; background: #fefaf2; font-size: 16px; color: #686c78; padding: 0 30px 0 10px; overflow: hidden; margin-right: 15px; } .hhjh-page .outer-content .part-one .gift-box > ul > li::before { content: ""; display: inline-block; width: 82px; height: 66px; background: url(/static/images/activity/hhjh/gift.png) no-repeat center; background-position-y: -2px; vertical-align: top; } .hhjh-page .outer-content .part-one .gift-box > ul > li:nth-child(2)::before { background-position-y: -72px; } .hhjh-page .outer-content .part-one .gift-box > ul > li:nth-child(3)::before { background-position-y: -142px; } .hhjh-page .outer-content .part-one .gift-box > ul > li:nth-child(4)::before { background-position-y: -212px; } .hhjh-page .outer-content .part-one .gift-box .more { text-align: center; } .hhjh-page .outer-content .part-one .gift-box .more > a { opacity: 0.82; font-size: 14px; color: #ffffff; } .hhjh-page .outer-content .part-two .h-text { font-size: 14px; color: #fff0d5; width: 1004px; text-align: left; margin: 14px auto 48px auto; } .hhjh-page .outer-content .part-two .product-list { display: -webkit-box; display: -ms-flexbox; display: flex; width: 1152px; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .hhjh-page .outer-content .part-two .product-list > li { -webkit-box-flex: 0; -ms-flex: 0 0 363px; flex: 0 0 363px; background: #ffffff; border-radius: 12px; height: 210px; margin-bottom: 32px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 32px; background: #ffffff url(/static/images/activity/hhjh/product.png) no-repeat; background-position-y: 60px; background-position-x: 210px; } .hhjh-page .outer-content .part-two .product-list > li:nth-child(2) { background-position-x: -182px; } .hhjh-page .outer-content .part-two .product-list > li:nth-child(3) { background-position-x: -580px; } .hhjh-page .outer-content .part-two .product-list > li:nth-child(4) { background-position-y: -184px; background-position-x: -182px; } .hhjh-page .outer-content .part-two .product-list > li:nth-child(5) { background-position-y: -184px; background-position-x: -580px; } .hhjh-page .outer-content .part-two .product-list > li:nth-child(6) { background-position-y: -184px; background-position-x: -580px; } .hhjh-page .outer-content .part-two .product-list > li > h2 { font-size: 18px; color: #2a2b31; line-height: 28px; } .hhjh-page .outer-content .part-two .product-list > li > h2 > span { background: #fff5e2; border-radius: 2px; font-size: 12px; color: #ff913d; padding: 2px 5px; margin-left: 10px; } .hhjh-page .outer-content .part-two .product-list > li .des { font-size: 14px; color: #686c78; line-height: 20px; margin: 18px 0 24px 0; } .hhjh-page .outer-content .part-two .product-list > li .free-btn { display: inline-block; width: 104px; line-height: 40px; text-align: center; background-image: -o-linear-gradient(279deg, #ffb644 0%, #ef633f 100%); background-image: linear-gradient(171deg, #ffb644 0%, #ef633f 100%); border-radius: 20px; font-size: 14px; color: #ffffff; } .hhjh-page .outer-content .part-two .time-part { width: 1152px; margin: 0 auto; } .hhjh-page .outer-content .part-two .time-part .l-title { font-size: 16px; color: #ffffff; line-height: 28px; } .hhjh-page .outer-content .part-two .time-part .l-title::before { content: ""; display: inline-block; width: 16px; height: 16px; background: url(/static/images/activity/hhjh/icon.png) no-repeat; background-position-y: 0; vertical-align: -2px; margin-right: 5px; } .hhjh-page .outer-content .part-two .time-part .l-text { font-size: 14px; color: #ffffff; line-height: 24px; margin: 6px 0 24px 0; } .hhjh-page .outer-content .part-two .rule-part { width: 1152px; margin: 0 auto; } .hhjh-page .outer-content .part-two .rule-part .l-title { font-size: 16px; color: #ffffff; line-height: 28px; } .hhjh-page .outer-content .part-two .rule-part .l-title::before { content: ""; display: inline-block; width: 16px; height: 16px; background: url(/static/images/activity/hhjh/icon.png) no-repeat; background-position-y: -20px; vertical-align: -2px; margin-right: 5px; } .hhjh-page .outer-content .part-two .rule-part .l-text { font-size: 14px; color: #ffffff; line-height: 24px; margin-top: 6px; } .hhjh-page .hhjh-modal { background: #fff url(/static/images/activity/hhjh/modalbg.png) no-repeat center; height: 520px; width: 560px; } .hhjh-page .hhjh-modal .title { color: #4d4d4d; font-size: 32px; margin: 40px 0; } .hhjh-page .hhjh-modal .form-checkbox #aggreeCheck { color: #4d4d4d; } .hhjh-page .hhjh-modal .form-checkbox > a { color: #4d4d4d; } .hhjh-page .hhjh-modal .submit { width: 560px; position: absolute; bottom: 0px; margin: 0; } .hhjh-page .hhjh-modal .submit .info_submit { font-size: 32px; background: #ffb644; border-radius: 0 0 5px 5px; width: 100%; height: 65px; } .hhjh-page .hhjh-modal .form-tip { display: none; } .activity-purchase-page .banner { height: 400px; margin: 0 auto; background: url(/static/images/activity/purchase/banner.png) no-repeat center; } .activity-purchase-page .banner .banner_con { width: 1120px; margin: 0 auto; height: 100%; } .activity-purchase-page .banner .banner_con h2 { padding-left: 105px; padding-top: 237px; color: #fff; font-size: 20px; } .activity-purchase-page .banner .banner_con a { padding: 10px 90px; top: 300px; position: relative; left: 104px; color: #fff; font-size: 28px; } .activity-purchase-page .banner .banner_con a:hover { color: #fff; } .activity-purchase-page .content { height: 3128px; margin: 0 auto; background: url(/static/images/activity/purchase/content.png) no-repeat center / cover; } .activity-purchase-page .content .content_con { width: 1120px; margin: 0 auto; height: 100%; text-align: center; } .activity-purchase-page .content .content_con .content_title { font-size: 32px; color: #fff; line-height: 46px; padding-top: 66px; } .activity-purchase-page .content .content_con .base_con { width: 100%; } .activity-purchase-page .content .content_con .base_con li { width: 100%; height: 373px; } .activity-purchase-page .content .content_con .base_con li img { position: relative; left: 75px; top: 30px; float: left; } .activity-purchase-page .content .content_con .base_con li .first_con { margin-left: 100px; width: 330px; height: 100%; color: #3f444d; text-align: left; float: left; } .activity-purchase-page .content .content_con .base_con li .first_con h2 { font-size: 24px; padding-top: 52px; line-height: 33px; margin-bottom: 23px; } .activity-purchase-page .content .content_con .base_con li .first_con p { font-size: 16px; line-height: 22px; margin-bottom: 24px; color: #3f444d; } .activity-purchase-page .content .content_con .base_con li .first_con p i { width: 16px; height: 16px; background: url(/static/images/activity/purchase/icon.png) no-repeat center; margin-right: 10px; position: relative; top: -1px; } .activity-purchase-page .content .content_con .base_con li .second_con { margin-left: 59px; width: 204px; height: 100%; color: #3f444d; float: left; } .activity-purchase-page .content .content_con .base_con li .second_con h3 { font-size: 16px; line-height: 22px; color: #aa590a; margin-top: 10px; margin-left: 15px; } .activity-purchase-page .content .content_con .base_con li .second_con h2 { font-size: 24px; margin-top: 56px; line-height: 37px; } .activity-purchase-page .content .content_con .base_con li .second_con h2 span { font-size: 28px; } .activity-purchase-page .content .content_con .base_con li .second_con .bt1 { font-size: 24px; color: #fff; padding: 13px 48px; position: relative; top: 44px; } .activity-purchase-page .content .content_con .base_con li .second_con .bt2 { font-size: 16px; color: #767d87; line-height: 22px; position: relative; top: 92px; } .activity-purchase-page .content .content_con .base_con li .second_con .bt2:hover { color: #767d87; } .activity-purchase-page .content .content_con .base_con li:nth-child(1) { margin-top: 37px; } .activity-purchase-page .content .content_con .base_con li:nth-child(1) .second_con h3 { margin-top: 0; } .activity-purchase-page .content .content_con .base_con li:nth-child(1) .second_con .bt1 { top: 50px; } .activity-purchase-page .content .content_con .base_con li:nth-child(1) .second_con .bt2 { top: 102px; } .activity-purchase-page .content .content_con .base_con li:nth-child(3) .first_con p { margin-bottom: 12px; } .activity-purchase-page .content .content_con .base_con li:nth-child(4) .first_con h2 { padding-top: 54px; } .activity-purchase-page .content .content_con .base_con li:nth-child(5) .first_con h2 { padding-top: 54px; } .activity-purchase-page .content .content_con .base_con li:nth-child(5) .first_con p { width: 110px; float: left; } .activity-purchase-page .content .content_con .base_con li:nth-child(5) .first_con p:nth-child(2n) { margin-right: 60px; } .activity-purchase-page .content .content_con .footer_title { font-size: 32px; color: #fff; line-height: 45px; position: relative; top: -10px; } .activity-purchase-page .content .content_con .footer_con { height: 586px; width: 100%; margin-top: 29px; } .activity-purchase-page .content .content_con .footer_con li { width: 248px; height: 100%; float: left; padding: 8px 32px; background: url(/static/images/activity/purchase/footer_bg.png) no-repeat center; margin-right: 42px; } .activity-purchase-page .content .content_con .footer_con li h2 { font-size: 24px; line-height: 33px; margin-top: 45px; margin-bottom: 32px; cursor: pointer; } .activity-purchase-page .content .content_con .footer_con li h2 a { color: #3f444d; } .activity-purchase-page .content .content_con .footer_con li .fcon1 { font-size: 12px; text-align: left; margin-top: 6px; color: #c09944; } .activity-purchase-page .content .content_con .footer_con li .fcon1 span { text-align: right; } .activity-purchase-page .content .content_con .footer_con li .fcon2 { font-size: 32px; color: #9f7722; line-height: 45px; margin-top: 3px; } .activity-purchase-page .content .content_con .footer_con li .fcon3 { font-size: 14px; color: #3f444d; line-height: 24px; margin-bottom: 15px; text-align: left; width: 240px; text-align: justify; } .activity-purchase-page .content .content_con .footer_con li .fcon4 { font-size: 16px; color: #3f444d; line-height: 22px; margin-top: 24px; text-align: left; } .activity-purchase-page .content .content_con .footer_con li .fcon4 i { width: 14px; height: 14px; background: url(/static/images/activity/purchase/icon1.png) no-repeat center; margin-right: 10px; position: relative; top: -1px; } .activity-purchase-page .content .content_con .footer_con li .btn { font-size: 24px; color: #3f444d; padding: 16px 74px; position: relative; top: 36px; } .activity-purchase-page .content .content_con .footer_con li:nth-child(1) { margin-left: 50px; } .activity-purchase-page .content .content_con .footer_con li:nth-child(1) .fcon1 span { margin-left: 62px; } .activity-purchase-page .content .content_con .footer_con li:nth-child(2) { padding: 8px 22px; width: 268px; } .activity-purchase-page .content .content_con .footer_con li:nth-child(2) .fcon1 { margin-left: 12px; } .activity-purchase-page .content .content_con .footer_con li:nth-child(2) .fcon1 span { margin-left: 13px; } .activity-purchase-page .content .content_con .footer_con li:nth-child(2) .fcon3 { margin-left: 12px; } .activity-purchase-page .content .content_con .footer_con li:nth-child(3) { margin-right: 0; } .activity-purchase-page .content .content_con .footer_con li:nth-child(3) .fcon3 { width: 255px; margin-bottom: 47px; } .activity-purchase-page .content .content_con .rule { width: 100%; height: 375px; color: #fff; text-align: left; margin-top: 112px; } .activity-purchase-page .content .content_con .rule h2 { font-size: 24px; line-height: 33px; padding-bottom: 23px; } .activity-purchase-page .content .content_con .rule p { font-size: 14px; line-height: 28px; margin-top: 18px; } .activity-purchase-page .error_modal { width: 570px; height: 342px; border-radius: 16px; -webkit-box-shadow: 0 26px 129px 0 rgba(21, 27, 73, 0.52); box-shadow: 0 26px 129px 0 rgba(21, 27, 73, 0.52); text-align: center; top: 50% !important; left: 50% !important; -webkit-transform: translate(-270px, -180px); -ms-transform: translate(-270px, -180px); transform: translate(-270px, -180px); } .activity-purchase-page .error_modal img { width: 100px; height: 100px; margin-top: 41px; } .activity-purchase-page .error_modal p { color: #767d87; font-size: 16px; line-height: 24px; margin-left: 20px; margin-top: 24px; } .activity-purchase-page .error_modal .sub_close { color: #767d87; font-size: 16px; border: solid 1px #767d87; border-radius: 4px; width: 184px; height: 46px; line-height: 46px; margin-left: 200px; margin-top: 60px; cursor: pointer; } .activity-purchase-page .activity_from_modal { height: 536px; } .activity-purchase-page .activity_from_modal h3 { background-position: 135px 42px !important; } .activity-support-page h2.local { font-size: 48px; color: #fff; text-align: center; font-family: PingFangSC-Regular; line-height: 48px; } .activity-support-page h3.local { text-align: center; font-size: 24px; color: #444; } .activity-support-page h4.local { color: #444; font-size: 16px; padding: 16px 0 22px 0; } .activity-support-page p.detail_text { display: inline-block; text-align: center; width: 800px; color: #444; padding-top: 18px; } .activity-support-page i.rightArrow { position: relative; width: 16px; height: 16px; } .activity-support-page i.rightArrow::before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); content: ""; display: block; width: 30%; height: 30%; border: 2px solid #666; border-top-color: transparent !important; border-left-color: transparent !important; } .activity-support-page .hide_force { display: none !important; } .activity-support-page .banner { height: 400px; margin: 0 auto; background: #0f0260 url(/static/images/activity/support/banner.jpg) no-repeat center; padding-top: 80px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; } .activity-support-page .banner h2 { vertical-align: middle; display: inline-block; } .activity-support-page .banner strong { color: #fff; } .activity-support-page .banner .text p { display: inline-block; text-align: center; color: #fff; font-size: 18px; width: 618px; margin-top: 27px; } .activity-support-page .banner .head_btn { display: inline-block; margin-top: 50px; background-color: transparent; color: #fff; font-size: 16px; line-height: 40px; cursor: pointer; width: 241px; height: 40px; border-radius: 2px; border: solid 1px #fff; } .activity-support-page .type_container { width: 1170px; margin: 0 auto; padding: 60px 0; } .activity-support-page .type_container .content_wrapper.fixed { height: 50px; } .activity-support-page .type_container .content_wrapper.fixed ul { width: 960px; position: fixed; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 1000; } .activity-support-page .type_container .content_wrapper.fixed ul li.active::after { opacity: 0; } .activity-support-page .type_container .content_wrapper { text-align: center; font-size: 0; padding-top: 40px; } .activity-support-page .type_container .content_wrapper ul { display: inline-block; } .activity-support-page .type_container .content_wrapper li { display: inline-block; background-color: #fff; width: 240px; height: 50px; font-size: 18px; border: solid 1px #e8e8e8; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 50px; cursor: pointer; } .activity-support-page .type_container .content_wrapper li.active { position: relative; color: #fff; background-color: #2f4fb2; border-color: #2f4fb2; } .activity-support-page .type_container .content_wrapper li.active + li { border-left-color: #2f4fb2; } .activity-support-page .type_container .content_wrapper li:not(:last-child) { border-right: none; } .activity-support-page .type_detail_container { width: 100%; background-color: #f9f8fd; padding: 60px 0; text-align: center; position: relative; } .activity-support-page .type_detail_container.active:before { position: absolute; top: -29px; left: 50%; -webkit-transform: translateX(-379px); -ms-transform: translateX(-379px); transform: translateX(-379px); content: ""; display: block; width: 0; height: 0; border-left: 17px solid transparent; border-right: 17px solid transparent; border-top: 15px solid transparent; border-bottom: 15px solid #f9f8fd; } .activity-support-page .type_detail_container#https:before { -webkit-transform: translateX(-135px); -ms-transform: translateX(-135px); transform: translateX(-135px); } .activity-support-page .type_detail_container#website:before { -webkit-transform: translateX(105px); -ms-transform: translateX(105px); transform: translateX(105px); } .activity-support-page .type_detail_container#cooperate:before { -webkit-transform: translateX(350px); -ms-transform: translateX(350px); transform: translateX(350px); } .activity-support-page .type_detail_container .detail_item_wrapper { overflow: hidden; text-align: center; } .activity-support-page .type_detail_container .detail_item_wrapper ul { display: inline-block; padding-top: 50px; } .activity-support-page .type_detail_container .detail_item_wrapper li { float: left; width: 256px; height: 349px; background-color: #fff; border-radius: 2px; margin-right: 32px; padding: 25px 32px 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .activity-support-page .type_detail_container .detail_item_wrapper li .icon_box { display: inline-block; background-image: url(/static/images/activity/support/game_icon1.png); background-size: cover; height: 112px; width: 112px; } .activity-support-page .type_detail_container .detail_item_wrapper li p { white-space: nowrap; text-align: left; } .activity-support-page .type_detail_container .detail_item_wrapper li:nth-of-type(2) .icon_box { background-image: url(/static/images/activity/support/game_icon2.png); } .activity-support-page .type_detail_container .detail_item_wrapper li:nth-of-type(3) .icon_box { background-image: url(/static/images/activity/support/game_icon3.png); } .activity-support-page .type_detail_container .detail_item_wrapper li:nth-of-type(4) .icon_box { background-image: url(/static/images/activity/support/game_icon4.png); } .activity-support-page .type_detail_container .detail_item_wrapper li:last-child { margin-right: 0; } .activity-support-page .type_detail_container#https li { height: 290px; } .activity-support-page .type_detail_container#https li p { display: inline-block; } .activity-support-page .type_detail_container#https li:nth-of-type(1) .icon_box { background-image: url(/static/images/activity/support/https_icon1.png); } .activity-support-page .type_detail_container#https li:nth-of-type(2) .icon_box { background-image: url(/static/images/activity/support/https_icon2.png); } .activity-support-page .type_detail_container#https li:nth-of-type(3) .icon_box { background-image: url(/static/images/activity/support/https_icon3.png); } .activity-support-page .type_detail_container#https li:nth-of-type(4) .icon_box { background-image: url(/static/images/activity/support/https_icon4.png); } .activity-support-page .type_detail_container#website .title_wrapper h3 { display: inline-block; vertical-align: top; } .activity-support-page .type_detail_container#website .title_wrapper .decoration { position: relative; display: inline-block; vertical-align: top; width: 78px; height: 21px; background-color: #e94437; border-radius: 4px; color: #fff; font-size: 12px; margin-left: 10px; } .activity-support-page .type_detail_container#website .title_wrapper .decoration:before { position: absolute; top: 5px; left: -16px; content: ""; display: block; height: 0; width: 0; border-right: 10px solid #e94437; border-left: 10px solid transparent; border-top: 5px solid transparent; border-bottom: 5px solid transparent; } .activity-support-page .type_detail_container#website li { width: 352px; height: 289px; padding-top: 40px; } .activity-support-page .type_detail_container#website li p { text-align: center; } .activity-support-page .type_detail_container#website li:nth-of-type(1) .icon_box { background-image: url(/static/images/activity/support/website_icon1.png); width: 94px; height: 79px; } .activity-support-page .type_detail_container#website li:nth-of-type(2) .icon_box { background-image: url(/static/images/activity/support/website_icon2.png); width: 96px; height: 75px; } .activity-support-page .type_detail_container#website li:nth-of-type(3) .icon_box { background-image: url(/static/images/activity/support/website_icon3.png); width: 73px; height: 81px; } .activity-support-page .type_detail_container#cooperate { height: 470px; background: url(/static/images/activity/support/coop_bg.jpg) center no-repeat; padding: 0; margin-top: -1px; } .activity-support-page .type_detail_container#cooperate .coop_box { width: 1120px; height: 360px; margin: auto; padding-top: 63px; text-align: left; } .activity-support-page .type_detail_container#cooperate .coop_box h2 { font-size: 24px; color: #2370e7; padding-top: 115px; margin-bottom: 28px; line-height: 24px; } .activity-support-page .type_detail_container#cooperate .coop_box h2 i { background: url(/static/images/activity/support/coop_icon.png) center no-repeat; width: 33px; height: 33px; margin-right: 23px; } .activity-support-page .type_detail_container#cooperate .coop_box p { width: 489px; font-size: 16px; line-height: 29px; color: #444; } .activity-support-page .coupon_container { width: 100%; background: #fff; text-align: center; padding: 60px 0; } .activity-support-page .coupon_container li { display: inline-block; text-align: center; vertical-align: top; } .activity-support-page .coupon_container li.step .icon_box { display: inline-block; height: 80px; width: 92px; background-image: url(/static/images/activity/support/coupon_icon1.png); background-size: cover; margin-bottom: 16px; } .activity-support-page .coupon_container li.step .icon_box:nth-of-type(2) { background-image: url(/static/images/activity/support/coupon_icon2.png); } .activity-support-page .coupon_container li.step .icon_box:nth-of-type(3) { background-image: url(/static/images/activity/support/coupon_icon3.png); } .activity-support-page .coupon_container li.step .icon_box:nth-of-type(4) { background-image: url(/static/images/activity/support/coupon_icon4.png); } .activity-support-page .coupon_container li.step { position: relative; } .activity-support-page .coupon_container li.step p { position: absolute; top: 96px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .activity-support-page .coupon_container li.gap { position: relative; width: 160px; height: 40px; border-bottom: 1px dashed #e8e8e8; margin: 0 14px; } .activity-support-page .coupon_container li.gap i.rightArrow { position: absolute; top: 100%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 21px; height: 21px; background-color: #e8e8e8; border-radius: 50%; } .activity-support-page .coupon_container li.gap i.rightArrow::before { left: 42%; top: 52%; -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); border: 2px solid #fff; } .activity-support-page .coupon_container .coupon_wrapper { display: inline-block; width: 530px; height: 193px; margin-top: 60px; background-image: url(/static/images/activity/support/coupon_bg.png); background-size: cover; overflow: hidden; text-align: left; } .activity-support-page .coupon_container .coupon_wrapper .left_part { display: inline-block; width: 164px; text-align: center; padding-top: 60px; } .activity-support-page .coupon_container .coupon_wrapper .left_part .coupon_name { display: inline-block; width: 80px; height: 80px; background-color: #ecf2ff; text-align: center; border-radius: 50%; color: #486bbb; padding-top: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .activity-support-page .coupon_container .coupon_wrapper .right_part { display: inline-block; vertical-align: top; padding-top: 35px; } .activity-support-page .coupon_container .coupon_wrapper .right_part p.title { color: #5f83d3; font-size: 18px; line-height: 30px; border: 1px solid #2663d2; border-radius: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 15px; margin-bottom: 28px; } .activity-support-page .coupon_container .coupon_wrapper .right_part .money { color: #3463c8; font-family: PingFangSC-Semibold; margin-bottom: 16px; margin-left: 10px; } .activity-support-page .coupon_container .coupon_wrapper .right_part .money i { font-size: 32px; vertical-align: baseline; } .activity-support-page .coupon_container .coupon_wrapper .right_part .money span { font-size: 58px; vertical-align: baseline; } .activity-support-page .coupon_container .coupon_wrapper .right_part .coupon_info { color: #3463c8; margin-left: 14px; } .activity-support-page .coupon_container .coupon_wrapper_https { display: inline-block; width: 612px; height: 298px; background-image: url(/static/images/activity/support/https_coupon_bg.png); background-size: cover; margin-top: 80px; } .activity-support-page .coupon_container .coupon_wrapper_https p.title { display: inline-block; margin-top: 40px; margin-bottom: 30px; width: 280px; font-size: 26px; color: #444; line-height: 36px; } .activity-support-page .coupon_container .coupon_wrapper_https p.title strong { color: #2f4fb2; line-height: 33px; } .activity-support-page .coupon_container .coupon_wrapper_https .detail { color: #444; font-size: 16px; margin-bottom: 40px; } .activity-support-page .coupon_container .coupon_wrapper_https .detail p:first-child { margin-bottom: 6px; } .activity-support-page .coupon_container .coupon_wrapper_https .info { color: #3463c8; } .activity-support-page .coupon_container .coupon_wrapper_website { margin-top: 70px; } .activity-support-page .coupon_container .coupon_wrapper_website .text_left, .activity-support-page .coupon_container .coupon_wrapper_website .text_right { display: inline-block; vertical-align: top; margin-top: 96px; } .activity-support-page .coupon_container .coupon_wrapper_website .text_left span, .activity-support-page .coupon_container .coupon_wrapper_website .text_right span { display: block; margin-bottom: 40px; } .activity-support-page .coupon_container .coupon_wrapper_website .text_left { text-align: right; } .activity-support-page .coupon_container .coupon_wrapper_website .text_left span:nth-of-type(2) { margin-right: 28px; } .activity-support-page .coupon_container .coupon_wrapper_website .text_left span:nth-of-type(3) { margin-right: 41px; } .activity-support-page .coupon_container .coupon_wrapper_website .text_left span:nth-of-type(4) { margin-right: 28px; } .activity-support-page .coupon_container .coupon_wrapper_website .text_right { text-align: left; } .activity-support-page .coupon_container .coupon_wrapper_website .text_right span:nth-of-type(2) { margin-left: 28px; } .activity-support-page .coupon_container .coupon_wrapper_website .text_right span:nth-of-type(3) { margin-left: 41px; } .activity-support-page .coupon_container .coupon_wrapper_website .text_right span:nth-of-type(4) { margin-left: 28px; } .activity-support-page .coupon_container .coupon_wrapper_coop { margin-top: 70px; } .activity-support-page .coupon_container .coupon_wrapper_coop .partner_title { font-size: 24px; color: #444; line-height: 24px; } .activity-support-page .coupon_container .coupon_wrapper_coop .partner_con { margin: auto; margin-top: 40px; width: 1120px; height: 113px; } .activity-support-page .coupon_container .coupon_wrapper_coop .partner_con li { width: 356px; height: 100%; background-color: #f9f8fd; margin-right: 20px; text-align: left; } .activity-support-page .coupon_container .coupon_wrapper_coop .partner_con li h3 { font-size: 18px; color: #444; line-height: 24px; margin-top: 36px; } .activity-support-page .coupon_container .coupon_wrapper_coop .partner_con li p { font-size: 16px; color: #444; line-height: 24px; } .activity-support-page .coupon_container .coupon_wrapper_coop .partner_con li:nth-child(1) { background: #f9f8fd url(/static/images/activity/support/partner1.png) left no-repeat; } .activity-support-page .coupon_container .coupon_wrapper_coop .partner_con li:nth-child(1) h3 { margin-left: 169px; } .activity-support-page .coupon_container .coupon_wrapper_coop .partner_con li:nth-child(1) p { margin-left: 171px; } .activity-support-page .coupon_container .coupon_wrapper_coop .partner_con li:nth-child(2) { background: #f9f8fd url(/static/images/activity/support/partner2.png) left no-repeat; } .activity-support-page .coupon_container .coupon_wrapper_coop .partner_con li:nth-child(2) h3 { margin-left: 137px; } .activity-support-page .coupon_container .coupon_wrapper_coop .partner_con li:nth-child(2) p { margin-left: 138px; } .activity-support-page .coupon_container .coupon_wrapper_coop .partner_con li:nth-child(3) { margin-right: 0; } .activity-support-page .coupon_container .coupon_wrapper_coop .partner_con li:nth-child(3) h3 { text-align: center; line-height: 49px; } .activity-support-page .coupon_container .coupon_btn { margin: 40px auto 0; width: 160px; height: 40px; background-color: #2f4fb2; border-radius: 2px; text-align: center; line-height: 40px; font-size: 16px; cursor: pointer; } .activity-support-page .coupon_container .coupon_btn strong { color: #fff; } .activity-support-page .apply_info_container { background-color: #f9f8fd; } .activity-support-page .apply_info_container .content { width: 1170px; margin: 0 auto; padding: 60px 0; } .activity-support-page .apply_info_container .content h6 { font-size: 18px; margin-bottom: 20px; } .activity-support-page .apply_info_container .content p:first-child { margin-bottom: 10px; } .activity-support-page .apply_info_container .content p span { position: relative; top: -1px; margin-right: 5px; } .activity-support-page .submit_modal { width: 400px; height: 320px; border-radius: 8px; -webkit-box-shadow: 0 26px 129px 0 rgba(21, 27, 73, 0.52); box-shadow: 0 26px 129px 0 rgba(21, 27, 73, 0.52); text-align: center; top: 50% !important; left: 50% !important; -webkit-transform: translate(-180px, -180px); -ms-transform: translate(-180px, -180px); transform: translate(-180px, -180px); } .activity-support-page .submit_modal img { width: 72px; height: 72px; margin-top: 36px; } .activity-support-page .submit_modal h3 { font-size: 24px; color: #4d4d4d; line-height: 33px; margin-top: 14px; margin-bottom: 10px; margin-left: 20px; } .activity-support-page .submit_modal p { color: #767d87; font-size: 14px; line-height: 24px; margin-left: 20px; } .activity-support-page .submit_modal .sub_close { color: #476fee; font-size: 16px; border: solid 1px #476fee; border-radius: 4px; width: 182px; height: 39px; line-height: 41px; margin-left: 113px; margin-top: 20px; cursor: pointer; } .activity-support-page .fix-wrapper { width: 1170px; } .activity-support-page .activity_from_modal .submit { margin-top: 77px !important; } .wlkjzc h2 { font-size: 28px; color: #333; line-height: 30px; padding-top: 50px; font-weight: 400; text-align: center; } .wlkjzc .banner { height: 379px; background: url(/static/images/activity/wlkjzc/banner.jpg) no-repeat center / cover; } .wlkjzc .banner .banner_box { width: 1152px; height: 100%; margin: 0 auto; } .wlkjzc .banner .banner_box h2 { font-size: 32px; color: #fff; padding-top: 69px; margin-bottom: 13px; line-height: 46px; text-align: left; } .wlkjzc .banner .banner_box h2 span { color: #f5a623; font-size: 14px; margin-left: 10px; } .wlkjzc .banner .banner_box p { font-size: 14px; color: #fff; line-height: 21px; margin-bottom: 55px; width: 510px; } .wlkjzc .banner .banner_box a { background: #282999; border-radius: 2px; padding: 14px 48px; color: #fff; font-size: 16px; } .wlkjzc .banner .banner_box a:hover { background: #0260e7; } .wlkjzc .navigation { height: 67px; width: 1005px; background: #fff; margin: 0 auto; } .wlkjzc .navigation ul { height: 100%; width: 1005px; margin: 0 auto; } .wlkjzc .navigation ul li { width: 201px; float: left; font-size: 18px; line-height: 1.2; color: #333333; padding: 22px 0; margin-left: -1px; background-color: #fff; position: relative; text-align: center; border-bottom: 2px solid #fff; } .wlkjzc .navigation ul li:first-child { border-radius: 3px 0 0 3px; } .wlkjzc .navigation ul li:last-child { border-radius: 0 3px 3px 0; } .wlkjzc .navigation ul li a { color: #333; } .wlkjzc .navigation ul li a.active_tag { color: #0260e7; } .wlkjzc .navigation ul .active { border-color: #282999; z-index: 1; } .wlkjzc #navTab[data-fixed="fixed"] { position: fixed; top: 0; left: 0; width: 100%; z-index: 1; } .wlkjzc .worth-part .follow { height: 100%; width: 1170px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; padding: 60px 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .wlkjzc .worth-part .tab-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: justify; align-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .wlkjzc .worth-part .tab-list li { background: #FFFFFF; border: 1px solid rgba(230, 234, 239, 0.24); -webkit-box-shadow: 0 4px 8px 0 rgba(196, 209, 236, 0.25); box-shadow: 0 4px 8px 0 rgba(196, 209, 236, 0.25); border-radius: 2px; margin-bottom: 32px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px 24px; width: 352px; text-align: center; } .wlkjzc .worth-part .tab-list li img { margin: 0 auto; width: 60px; height: auto; } .wlkjzc .worth-part .tab-list li .title { padding-top: 25px; padding-bottom: 16px; font-size: 18px; color: #1E1F23; letter-spacing: 0; text-align: center; line-height: 24px; } .wlkjzc .worth-part .tab-list li .subtitle { font-size: 14px; color: #686C78; text-align: left; letter-spacing: 0; line-height: 24px; } .wlkjzc .profeat-part { background: #F7F9FC; } .wlkjzc .profeat-part .container { width: 1170px; } .wlkjzc .profeat-part .container ul { padding-bottom: 60px; } .wlkjzc .profeat-part .container ul li { padding: 20px 0 40px 0; } .wlkjzc .profeat-part .container ul li > img { display: inline-block; height: 217px; margin-top: 20px; } .wlkjzc .profeat-part .container ul li:last-child { border-bottom: none; } .wlkjzc .profeat-part .container ul li:nth-child(even) .profeat-content { float: left; margin-right: 52px; } .wlkjzc .profeat-part .container ul li:nth-child(even) .block { display: inline-block; position: relative; } .wlkjzc .profeat-part .container ul li:nth-child(even) .block::after { content: ""; width: 16px; height: 176px; position: absolute; bottom: 20px; opacity: 0.4; background-image: -o-linear-gradient(246deg, rgba(163, 208, 255, 0) 0%, #017EFF 93%, #017EFF 94%); background-image: linear-gradient(204deg, rgba(163, 208, 255, 0) 0%, #017EFF 93%, #017EFF 94%); } .wlkjzc .profeat-part .container ul li:nth-child(odd) .block { display: inline-block; position: relative; } .wlkjzc .profeat-part .container ul li:nth-child(odd) .block::before { content: ""; left: -16px; width: 16px; height: 176px; position: absolute; bottom: 20px; opacity: 0.4; background-image: -o-linear-gradient(246deg, rgba(163, 208, 255, 0) 0%, #017EFF 93%, #017EFF 94%); background-image: linear-gradient(204deg, rgba(163, 208, 255, 0) 0%, #017EFF 93%, #017EFF 94%); } .wlkjzc .profeat-part .container ul li:nth-child(odd) .profeat-content { margin-left: 52px; float: right; } .wlkjzc .profeat-part .container ul li img { width: 464px; height: auto; } .wlkjzc .profeat-part .container ul li .profeat-content { display: inline-block; margin-top: 20px; } .wlkjzc .profeat-part .container ul li .profeat-content .title { padding-left: 36px; font-size: 72px; color: #e0dfed; position: relative; font-style: oblique; } .wlkjzc .profeat-part .container ul li .profeat-content .title::after { content: ""; position: absolute; background: #0B6FD6; width: 24px; height: 2px; left: 0px; bottom: 0; } .wlkjzc .profeat-part .container ul li .profeat-content .title .sequence { font-size: 18px; color: #686C78; letter-spacing: 0; line-height: 24px; top: 20px; left: 25px; font-style: initial; } .wlkjzc .profeat-part .container ul li .profeat-content .subtitle { margin: 10px auto 15px auto; font-size: 18px; color: #1E1F23; letter-spacing: 0; line-height: 24px; } .wlkjzc .profeat-part .container ul li .profeat-content .text { width: 586px; height: 116px; line-height: 20px; letter-spacing: 1px; } .wlkjzc .scene-part { background-color: #f5f7fd; } .wlkjzc .scene-part .scene-content { width: 1114px; margin: 0 auto; padding: 40px 0 90px 0; } .wlkjzc .scene-part .scene-content .follow { text-align: center; background-color: #fff; -webkit-box-shadow: 0 0 8px 2px #ccc2c23b; box-shadow: 0 0 8px 2px #ccc2c23b; border-radius: 2px; padding: 30px 0 25px 0; } .wlkjzc .scene-part .scene-content .follow .pt20 { padding-top: 20px; } .wlkjzc .scene-part .scene-content .follow .list { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 5px; } .wlkjzc .scene-part .scene-content .follow .list li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; } .wlkjzc .scene-part .scene-content .scene-list li { height: 162px; display: inline-block; width: 542px; vertical-align: top; -webkit-box-shadow: 0 0 8px 2px #ccc2c23b; box-shadow: 0 0 8px 2px #ccc2c23b; padding: 25px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 30px; } .wlkjzc .scene-part .scene-content .scene-list li:nth-child(odd) { margin-right: 30px; } .wlkjzc .scene-part .scene-content .scene-list li:nth-child(1) { background: #fff url(/static/images/activity/electron-business/scene0.png) no-repeat 349px 20px; background-size: 156px; } .wlkjzc .scene-part .scene-content .scene-list li:nth-child(2) { background: #fff url(/static/images/activity/electron-business/scene1.png) no-repeat 349px 20px; background-size: 144px; } .wlkjzc .scene-part .scene-content .scene-list li:nth-child(3) { background: #fff url(/static/images/activity/electron-business/scene2.png) no-repeat 349px 24px; background-size: 174px; } .wlkjzc .scene-part .scene-content .scene-list li:nth-child(4) { background: #fff url(/static/images/activity/electron-business/scene3.png) no-repeat 349px 28px; background-size: 148px; } .wlkjzc .scene-part .scene-content .scene-list li:nth-child(5) { background: #fff url(/static/images/activity/electron-business/scene4.png) no-repeat 349px 33px; background-size: 144px; } .wlkjzc .scene-part .scene-content .scene-list li .title { font-size: 18px; color: #333; padding-bottom: 12px; } .wlkjzc .scene-part .scene-content .e-btn { text-align: center; width: 100%; margin-top: 70px; } .wlkjzc .case-part .case-content { width: 1170px; margin: 0 auto; text-align: center; padding: 40px 0 60px 0; } .wlkjzc .case-part .case-content ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 40px; } .wlkjzc .case-part .case-content ul li { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; margin-bottom: 32px; } .wlkjzc .case-part .case-content ul li .img { text-align: center; } .wlkjzc .case-part .case-content ul li .title { font-size: 22px; color: #333; text-align: center; margin-top: 20px; } .wlkjzc .case-part .case-content ul li .text { padding: 20px 30px 0 30px; letter-spacing: 2px; text-align: left; } .wlkjzc .case-part .case-content .more-case { font-size: 16px; color: #0B6FD6; letter-spacing: 0; text-align: center; line-height: 24px; } .wlkjzc .framework-part { background-image: url(/static/images/activity/wlkjzc/背景.jpg); background-size: auto; height: 1207px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; } .wlkjzc .framework-part h2 { padding-top: 74px; } .wlkjzc .framework-part .container { width: 1170px; padding: 0; } .wlkjzc .framework-part .follow { text-align: center; margin-top: 40px; } .wlkjzc .framework-part .title { color: #fff; } .wlkjzc .framework-part .subtitle { font-size: 20px; color: #FFFFFF; letter-spacing: 0; line-height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 4px; } .wlkjzc .framework-part .describe { font-size: 16px; color: #FFFFFF; letter-spacing: 0; line-height: 40px; margin-top: 32px; } .wlkjzc .framework-part .frameworkListBox { margin-top: 96px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .wlkjzc .framework-part .frameworkListBox .frameworkList { width: 352px; } .wlkjzc .framework-part .frameworkListBox .frameworkList .frameworkListTop { position: relative; height: 96px; background-image: -o-linear-gradient(135deg, #0B6FD6 0%, #1485FF 100%, #017EFF 100%); background-image: linear-gradient(-45deg, #0B6FD6 0%, #1485FF 100%, #017EFF 100%); border-radius: 2px 2px 0 0; } .wlkjzc .framework-part .frameworkListBox .frameworkList .frameworkListTop img { position: absolute; right: 0; bottom: 0; } .wlkjzc .framework-part .frameworkListBox .frameworkList .frameworkListTop .title { position: absolute; top: 24px; left: 48px; font-size: 20px; color: #FFFFFF; letter-spacing: 0; } .wlkjzc .framework-part .frameworkListBox .frameworkList .frameworkListBottom { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 22px 24px; height: 190px; background: #FFFFFF; border-radius: 0 0 2px 2px; } .wlkjzc .framework-part .frameworkListBox .frameworkList .describe { text-align: left; font-size: 14px; color: #686C78; letter-spacing: 0; line-height: 24px; margin: 0; } .wlkjzc .explain { text-align: left; padding-bottom: 80px; background-color: #f5f7fd; margin-top: -36px; } .wlkjzc .explain a { color: #888; display: block; width: 1170px; margin: 0 auto; } .wlkjzc .com-btn { background: #0B6FD6; border-radius: 2px; padding: 14px 48px; color: #fff; font-size: 16px; } .wlkjzc .com-btn:hover { background: #0260e7; } .wlkjzc #Framework { position: absolute; } .wlkjzc #Profeat { position: absolute; } .wlkjzc #Worth { position: absolute; } .wlkjzc #Case { position: absolute; top: 3140px; } .wlkjzc #Solution { position: absolute; top: 3590px; } .solution-component .solution-part { text-align: center; background-color: #f5f7fd; padding-bottom: 80px; } .solution-component .solution-part > h2 { font-size: 30px; color: #1e1f23; letter-spacing: 0; text-align: center; line-height: 40px; font-weight: 400; padding-top: 80px; } .solution-component .solution-part .des { font-size: 16px; color: #686c78; letter-spacing: 0; text-align: center; line-height: 24px; font-weight: 400; } .solution-component .solution-part .mt20 { margin-top: 20px; } .solution-component .solution-part li:hover { color: #282999; } .solution-component .solution-part li a { color: #666; } .solution-component .solution-part li a:hover { color: #282999; text-decoration: underline; } .solution-component .solution-part li a:hover::after { background-color: #282999 !important; } .solution-component .solution-part li a:hover::before { background-color: #282999 !important; } .solution-component .solution-part .solution-content { height: 503px; overflow: hidden; background: url(/static/images/solution.png) no-repeat center; } .solution-component .solution-part .solution-content .container-one { position: relative; height: 200px; padding-top: 60px; width: 1000px; margin: 0 auto; } .solution-component .solution-part .solution-content .container-one .solution-one .title { position: absolute; top: 120px; left: 65px; font-size: 22px !important; } .solution-component .solution-part .solution-content .container-one .solution-one .list { position: absolute; top: 178px; left: 169px; z-index: 1; } .solution-component .solution-part .solution-content .container-one .solution-one .list li { margin-top: 10px; cursor: pointer; width: 180px; } .solution-component .solution-part .solution-content .container-one .solution-one .list li a::after { content: ""; display: inline-block; width: 5px; height: 5px; background-color: #666; border-radius: 50%; vertical-align: 2px; margin-left: 22px; } .solution-component .solution-part .solution-content .container-one .solution-one .list li:first-child { margin-top: 0; margin-left: 0px; } .solution-component .solution-part .solution-content .container-one .solution-one .list li:first-child a { margin-left: -292px; } .solution-component .solution-part .solution-content .container-one .solution-one .list li:nth-child(2) { margin-left: -2px; } .solution-component .solution-part .solution-content .container-one .solution-one .list li:nth-child(2) a { margin-left: -294px; } .solution-component .solution-part .solution-content .container-one .solution-one .list li:nth-child(3) { margin-left: -5px; } .solution-component .solution-part .solution-content .container-one .solution-one .list li:nth-child(3) a { margin-left: -290px; } .solution-component .solution-part .solution-content .container-one .solution-one .list li:nth-child(4) { margin-left: -3px; } .solution-component .solution-part .solution-content .container-one .solution-one .list li:nth-child(4) a { margin-left: -288px; } .solution-component .solution-part .solution-content .container-one .solution-one .list li:nth-child(5) { margin-left: 3px; } .solution-component .solution-part .solution-content .container-one .solution-one .list li:nth-child(5) a { margin-left: -290px; } .solution-component .solution-part .solution-content .container-one .solution-one .list li:nth-child(6) { margin-left: 9px; } .solution-component .solution-part .solution-content .container-one .solution-one .list li:nth-child(6) a { margin-left: -370px; } .solution-component .solution-part .solution-content .container-one .solution-two { position: absolute; right: 10px; } .solution-component .solution-part .solution-content .container-one .solution-two .title { width: 200px; position: absolute; top: 44px; right: 46px; font-size: 22px !important; } .solution-component .solution-part .solution-content .container-one .solution-two .list { position: absolute; width: 190px; text-align: left; right: 0px; top: 98px; } .solution-component .solution-part .solution-content .container-one .solution-two .list li { margin-top: 10px; cursor: pointer; } .solution-component .solution-part .solution-content .container-one .solution-two .list li a::before { content: ""; display: inline-block; width: 5px; height: 5px; background-color: #666; border-radius: 50%; vertical-align: 2px; margin-right: 22px; } .solution-component .solution-part .solution-content .container-one .solution-two .list li:first-child { margin-top: 0; margin-left: -40px; } .solution-component .solution-part .solution-content .container-one .solution-two .list li:first-child a { margin-left: -20px; } .solution-component .solution-part .solution-content .container-one .solution-two .list li:nth-child(2) { margin-left: -35px; } .solution-component .solution-part .solution-content .container-one .solution-two .list li:nth-child(2) a { margin-left: -18px; } .solution-component .solution-part .solution-content .container-one .solution-two .list li:nth-child(3) a { margin-left: -50px; } .solution-component .solution-part .solution-content .container-one .solution-two .list li:nth-child(4) { margin-left: -1px; } .solution-component .solution-part .solution-content .container-one .solution-two .list li:nth-child(4) a { margin-left: -51px; } .solution-component .solution-part .solution-content .container-one .solution-two .list li:nth-child(5) { margin-left: -1px; } .solution-component .solution-part .solution-content .container-one .solution-two .list li:nth-child(5) a { margin-left: -55px; } .solution-component .solution-part .solution-content .container-one .solution-two .list li:nth-child(6) { margin-left: -1px; } .solution-component .solution-part .solution-content .container-one .solution-two .list li:nth-child(6) a { margin-left: -64px; } .solution-component .solution-part .solution-content .container-one .solution-two .list li:nth-child(7) { margin-left: -1px; } .solution-component .solution-part .solution-content .container-one .solution-two .list li:nth-child(7) a { margin-left: -76px; } .solution-component .solution-part .solution-content .container-one .solution-two .list li:nth-child(8) { margin-left: -1px; } .solution-component .solution-part .solution-content .container-one .solution-two .list li:nth-child(8) a { margin-left: -96px; } .solution-component .solution-part .solution-btn { line-height: 48px; } .solution-component .solution-part .solution-btn .com-btn { background-image: -o-linear-gradient(135deg, #0B6FD6 0%, #1485FF 100%, #017EFF 100%); background-image: linear-gradient(-45deg, #0B6FD6 0%, #1485FF 100%, #017EFF 100%); border-radius: 2px; padding: 14px 48px; text-align: center; color: #fff; font-size: 16px; } .financialManagementPage .contentContainer h2 { font-size: 28px; color: #1e1f23; line-height: 40px; text-align: center; padding: 80px 0 40px; } .financialManagementPage .contentContainer .partOneContainer { background: #f7f9fc; padding-bottom: 80px; } .financialManagementPage .contentContainer .partOneContainer .itemContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 1152px; margin: 0 auto; } .financialManagementPage .contentContainer .partOneContainer .itemContainer .item { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .financialManagementPage .contentContainer .partOneContainer .itemContainer .item .itemContent { margin: 16px; border: 1px solid #e6eaef; } .financialManagementPage .contentContainer .partOneContainer .itemContainer .item .itemContent > i { display: inline-block; width: 72px; height: 72px; background: url(/static/images/activity/financial-management/pain.png) no-repeat center / auto; margin: 24px; } .financialManagementPage .contentContainer .partOneContainer .itemContainer .item .itemContent > div { display: inline-block; width: 400px; vertical-align: top; } .financialManagementPage .contentContainer .partOneContainer .itemContainer .item .itemContent > div > h6 { font-size: 18px; color: #1e1f23; letter-spacing: 0; text-align: left; line-height: 24px; font-weight: 400; padding-top: 24px; } .financialManagementPage .contentContainer .partOneContainer .itemContainer .item .itemContent > div > p { font-size: 14px; color: #686c78; letter-spacing: 0; text-align: justify; line-height: 24px; font-weight: 400; padding: 24px 0; } .financialManagementPage .contentContainer .partTwoContainer { background: #ffffff; padding-bottom: 80px; } .financialManagementPage .contentContainer .partTwoContainer .itemContainer { width: 1200px; margin: 0 auto; } .financialManagementPage .contentContainer .partTwoContainer .itemContainer .item { padding: 70px 0 40px 0; } .financialManagementPage .contentContainer .partTwoContainer .itemContainer .item > img { display: inline-block; height: 244px; margin-top: 20px; } .financialManagementPage .contentContainer .partTwoContainer .itemContainer .item:last-child { border-bottom: none; } .financialManagementPage .contentContainer .partTwoContainer .itemContainer .item:nth-child(odd) .itemContent { float: left; margin-right: 52px; } .financialManagementPage .contentContainer .partTwoContainer .itemContainer .item:nth-child(even) .itemContent { margin-left: 52px; float: right; } .financialManagementPage .contentContainer .partTwoContainer .itemContainer .item:nth-child(even) img { margin-left: 45px; } .financialManagementPage .contentContainer .partTwoContainer .itemContainer .item .itemContent { display: inline-block; margin-top: 20px; } .financialManagementPage .contentContainer .partTwoContainer .itemContainer .item .itemContent .title { position: relative; font-size: 56px; color: #d4d7dc; letter-spacing: 1.68px; line-height: 64px; font-weight: 900; } .financialManagementPage .contentContainer .partTwoContainer .itemContainer .item .itemContent .title .sequence { font-size: 18px; color: #1e2023; position: absolute; top: 20px; left: 7px; font-style: initial; } .financialManagementPage .contentContainer .partTwoContainer .itemContainer .item .itemContent .title .sequence::after { content: ""; display: block; width: 16px; height: 2px; background-color: #1e2023; margin-top: -10px; } .financialManagementPage .contentContainer .partTwoContainer .itemContainer .item .itemContent .text { width: 586px; height: 116px; margin: 20px 0 40px 7px; line-height: 20px; letter-spacing: 1px; } .financialManagementPage .contentContainer .partTwoContainer .btn { display: block; font-size: 16px; color: #ffffff; letter-spacing: 0; text-align: center; font-weight: 400; width: 160px; line-height: 48px; margin: 0 auto; background-color: #1280F5; } .financialManagementPage .contentContainer .partThreeContainer { background: #f7f9fc; padding-bottom: 80px; } .financialManagementPage .contentContainer .partThreeContainer h6 { font-size: 18px; color: #0c72dc; letter-spacing: 0; line-height: 24px; font-weight: 500; text-align: center; } .financialManagementPage .contentContainer .partThreeContainer .itemContainer { display: -webkit-box; display: -ms-flexbox; display: flex; width: 1200px; margin: 0 auto; } .financialManagementPage .contentContainer .partThreeContainer .itemContainer .itemLeftSide { width: 192px; padding: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ffffff; -webkit-box-shadow: 0 4px 8px 0 rgba(196, 209, 236, 0.25); box-shadow: 0 4px 8px 0 rgba(196, 209, 236, 0.25); position: relative; margin-right: 88px; } .financialManagementPage .contentContainer .partThreeContainer .itemContainer .itemLeftSide > img { display: inline-block; padding: 24px 0; } .financialManagementPage .contentContainer .partThreeContainer .itemContainer .itemLeftSide::after { content: ""; display: inline-block; width: 40px; height: 377px; background: url("/static/images/activity/financial-management/arrow0.png") no-repeat center / auto; position: absolute; right: -64px; margin-top: 105px; } .financialManagementPage .contentContainer .partThreeContainer .itemContainer .itemCenter { -webkit-box-sizing: border-box; box-sizing: border-box; background: #ffffff; -webkit-box-shadow: 0 4px 8px 0 rgba(196, 209, 236, 0.25); box-shadow: 0 4px 8px 0 rgba(196, 209, 236, 0.25); padding: 40px 24px 30px 24px; position: relative; width: 610px; } .financialManagementPage .contentContainer .partThreeContainer .itemContainer .itemCenter::after { content: ""; display: inline-block; width: 40px; height: 377px; background: url("/static/images/activity/financial-management/arrow1.png") no-repeat center / auto; position: absolute; right: -64px; top: 170px; } .financialManagementPage .contentContainer .partThreeContainer .itemContainer .itemCenter .explainContainer { padding-top: 63px; } .financialManagementPage .contentContainer .partThreeContainer .itemContainer .itemCenter .explainContainer .explain:nth-child(2) { margin: 39px 0 22px 0; } .financialManagementPage .contentContainer .partThreeContainer .itemContainer .itemCenter .explainContainer .explain:nth-child(2) .explainList { display: -webkit-box; display: -ms-flexbox; display: flex; } .financialManagementPage .contentContainer .partThreeContainer .itemContainer .itemCenter .explainContainer .explain:nth-child(2) .explainList .left { position: relative; margin-right: 56px; } .financialManagementPage .contentContainer .partThreeContainer .itemContainer .itemCenter .explainContainer .explain:nth-child(2) .explainList .left > span { display: block; width: 108px; line-height: 28px; margin: 20px 0 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e6eaef; font-size: 14px; color: #686c78; letter-spacing: 0; text-align: center; font-weight: 400; } .financialManagementPage .contentContainer .partThreeContainer .itemContainer .itemCenter .explainContainer .explain:nth-child(2) .explainList .left > span:first-child { margin-top: 0; } .financialManagementPage .contentContainer .partThreeContainer .itemContainer .itemCenter .explainContainer .explain:nth-child(2) .explainList .left::after { content: ""; display: inline-block; width: 24px; height: 12px; background: url(/static/images/activity/financial-management/arrow1.png) no-repeat center / cover; position: absolute; right: -44px; top: 50%; } .financialManagementPage .contentContainer .partThreeContainer .itemContainer .itemCenter .explainContainer .explain:nth-child(2) .explainList .right { margin-top: 20px; } .financialManagementPage .contentContainer .partThreeContainer .itemContainer .itemCenter .explainContainer .explain:nth-child(2) .explainList .right > span { display: inline-block; width: 108px; line-height: 28px; margin: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e6eaef; font-size: 14px; color: #686c78; letter-spacing: 0; text-align: center; font-weight: 400; } .financialManagementPage .contentContainer .partThreeContainer .itemContainer .itemCenter .explainContainer .explain:nth-child(2) .explainList .right > span:first-child { margin-top: 0; } .financialManagementPage .contentContainer .partThreeContainer .itemContainer .itemCenter .explainContainer .explain > h6 { background: #dbe8f8; border: 1px solid #0b6fd6; font-size: 16px; color: #0b6fd6; letter-spacing: 1.6px; text-align: center; line-height: 22px; font-weight: 500; line-height: 37px; } .financialManagementPage .contentContainer .partThreeContainer .itemContainer .itemCenter .explainContainer .explain .explainList { border: 1px solid #0b6fd6; border-top: 0; padding: 20px 10px; } .financialManagementPage .contentContainer .partThreeContainer .itemContainer .itemCenter .explainContainer .explain .explainList > span { display: inline-block; width: 108px; line-height: 28px; margin: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e6eaef; font-size: 14px; color: #686c78; letter-spacing: 0; text-align: center; font-weight: 400; } .financialManagementPage .contentContainer .partThreeContainer .itemContainer .itemSide { width: 192px; padding: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ffffff; -webkit-box-shadow: 0 4px 8px 0 rgba(196, 209, 236, 0.25); box-shadow: 0 4px 8px 0 rgba(196, 209, 236, 0.25); position: relative; margin-left: 88px; } .financialManagementPage .contentContainer .partThreeContainer .itemContainer .itemSide .explainList > p { border: 1px solid #e6eaef; line-height: 40px; font-size: 14px; color: #686c78; letter-spacing: 0; text-align: center; font-weight: 400; margin-top: 47px; } .financialManagementPage .contentContainer .partFourContainer { background: #fff; padding-bottom: 80px; } .financialManagementPage .contentContainer .partFourContainer .itemContainer { display: -webkit-box; display: -ms-flexbox; display: flex; width: 1200px; margin: 0 auto; } .financialManagementPage .contentContainer .partFourContainer .itemContainer .item { width: 33.33%; margin: 16px; border: 1px solid #e6eaef; } .financialManagementPage .contentContainer .partFourContainer .itemContainer .item > h6 { font-size: 18px; color: #1e1f23; letter-spacing: 0; text-align: left; line-height: 24px; font-weight: 400; padding: 24px 0 0 24px; } .financialManagementPage .contentContainer .partFourContainer .itemContainer .item > h6 > i { display: inline-block; width: 24px; height: 24px; margin-right: 20px; background: url(/static/images/activity/financial-management/ys.png) no-repeat center / auto; } .financialManagementPage .contentContainer .partFourContainer .itemContainer .item > p { font-size: 14px; color: #686c78; letter-spacing: 0; text-align: justify; line-height: 24px; font-weight: 400; padding: 24px; } .governmentIntensificationPage .contentContainer h2 { font-size: 28px; color: #1e1f23; line-height: 40px; text-align: center; padding: 80px 0 40px; } .governmentIntensificationPage .contentContainer .partOneContainer { background: #f7f9fc; padding-bottom: 80px; } .governmentIntensificationPage .contentContainer .partOneContainer .itemContainer { display: -webkit-box; display: -ms-flexbox; display: flex; width: 1152px; margin: 0 auto; } .governmentIntensificationPage .contentContainer .partOneContainer .itemContainer .item { width: 33.33%; margin: 16px; background: #ffffff; -webkit-box-shadow: 0 4px 8px 0 rgba(196, 209, 236, 0.25); box-shadow: 0 4px 8px 0 rgba(196, 209, 236, 0.25); } .governmentIntensificationPage .contentContainer .partOneContainer .itemContainer .item .headerTop { font-size: 18px; color: #ffffff; letter-spacing: 0; line-height: 32px; font-weight: 500; background: url(/static/images/activity/government-intensification/problem.png) no-repeat center / cover; padding: 24px; height: 142px; -webkit-box-sizing: border-box; box-sizing: border-box; } .governmentIntensificationPage .contentContainer .partOneContainer .itemContainer .item .headerTop::after { content: ""; display: block; width: 32px; height: 2px; background-color: #fff; border-radius: 2px; margin-top: 10px; } .governmentIntensificationPage .contentContainer .partOneContainer .itemContainer .item > p { padding: 24px; font-size: 14px; color: #686c78; letter-spacing: 0; text-align: justify; line-height: 24px; font-weight: 400; } .governmentIntensificationPage .contentContainer .partTwoContainer { padding-bottom: 80px; } .governmentIntensificationPage .contentContainer .partTwoContainer .itemPart { width: 1200px; margin: 0 auto; } .governmentIntensificationPage .contentContainer .partTwoContainer .itemPart .item { width: 100%; background: #ffffff; border: 1px solid #e6eaef; -webkit-box-shadow: 0 4px 8px 0 rgba(196, 209, 236, 0.25); box-shadow: 0 4px 8px 0 rgba(196, 209, 236, 0.25); margin-bottom: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; } .governmentIntensificationPage .contentContainer .partTwoContainer .itemPart .item > h4 { -webkit-box-flex: 0; -ms-flex: 0 0 256px; flex: 0 0 256px; width: 256px; padding: 24px; background: url(/static/images/activity/government-intensification/twoBg.png) no-repeat left / cover; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 22px; color: #1e1f23; line-height: 32px; } .governmentIntensificationPage .contentContainer .partTwoContainer .itemPart .item .itemRight { padding: 24px 24px 24px 56px; } .governmentIntensificationPage .contentContainer .partTwoContainer .itemPart .item .itemRight > h6 { font-size: 18px; color: #1e1f23; line-height: 24px; font-weight: 500; padding-bottom: 24px; } .governmentIntensificationPage .contentContainer .partTwoContainer .itemPart .item .itemRight .cont { font-size: 14px; color: #686c78; letter-spacing: 0; line-height: 24px; font-weight: 400; } .governmentIntensificationPage .contentContainer .partTwoContainer .itemPart .item .itemRight .line { padding-bottom: 24px; } .governmentIntensificationPage .contentContainer .partTwoContainer .itemPart .item .itemRight .line:last-child { padding-bottom: 0; } .governmentIntensificationPage .contentContainer .partTwoContainer .itemPart .item .itemRight .line .num { font-size: 24px; color: #999ea8; letter-spacing: 0; line-height: 24px; font-weight: 700; width: 39px; display: inline-block; vertical-align: -2px; } .governmentIntensificationPage .contentContainer .partTwoContainer .itemPart .item .itemRight .line .title { font-size: 18px; color: #1e1f23; letter-spacing: 0; line-height: 24px; font-weight: 500; padding: 0 40px 0 12px; } .governmentIntensificationPage .contentContainer .partTwoContainer .itemPart .item .itemRight .line .content { font-size: 14px; color: #686c78; letter-spacing: 0; line-height: 24px; font-weight: 400; } .governmentIntensificationPage .contentContainer .partThreeContainer { background: url(/static/images/activity/government-intensification/solutionBg.png) no-repeat left / cover; padding-bottom: 80px; } .governmentIntensificationPage .contentContainer .partThreeContainer > h2 { color: #fff; } .governmentIntensificationPage .contentContainer .partThreeContainer .content { width: 1200px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; } .governmentIntensificationPage .contentContainer .partThreeContainer .content .navItem { padding-right: 99px; border-right: 2px solid #999ea8; -webkit-box-flex: 0; -ms-flex: 0 0 134px; flex: 0 0 134px; } .governmentIntensificationPage .contentContainer .partThreeContainer .content .navItem > p { padding: 24px 0; font-size: 18px; color: #999ea8; letter-spacing: 0; line-height: 32px; font-weight: 500; cursor: pointer; } .governmentIntensificationPage .contentContainer .partThreeContainer .content .navItem > p > i { display: inline-block; background: url(/static/images/activity/government-intensification/solIcon.png) no-repeat left / cover; width: 24px; height: 24px; vertical-align: middle; margin-right: 20px; opacity: 0.5; } .governmentIntensificationPage .contentContainer .partThreeContainer .content .navItem .active { color: #fff; } .governmentIntensificationPage .contentContainer .partThreeContainer .content .navItem .active > i { opacity: 1; } .governmentIntensificationPage .contentContainer .partThreeContainer .content .contentItem { padding-left: 72px; } .governmentIntensificationPage .contentContainer .partThreeContainer .content .contentItem .contentOnePart { padding-top: 20px; } .governmentIntensificationPage .contentContainer .partThreeContainer .content .contentItem .contentOnePart .item { margin-bottom: 32px; } .governmentIntensificationPage .contentContainer .partThreeContainer .content .contentItem .contentOnePart .item > h6 { font-size: 18px; color: #ffffff; line-height: 32px; font-weight: 500; padding-bottom: 16px; } .governmentIntensificationPage .contentContainer .partThreeContainer .content .contentItem .contentOnePart .item .list > span { display: inline-block; line-height: 56px; background: #40495d; font-size: 14px; color: #ffffff; margin-right: 32px; width: 264px; } .governmentIntensificationPage .contentContainer .partThreeContainer .content .contentItem .contentOnePart .item .list > span > i { display: inline-block; vertical-align: middle; margin: 0 16px 0 18px; width: 32px; height: 32px; background: url(/static/images/activity/government-intensification/manaIcon.png) no-repeat left / cover; } .governmentIntensificationPage .contentContainer .partThreeContainer .content .contentItem .contentTwoPart .contentTwoContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 20px; } .governmentIntensificationPage .contentContainer .partThreeContainer .content .contentItem .contentTwoPart .contentTwoContainer .item { margin-bottom: 64px; } .governmentIntensificationPage .contentContainer .partThreeContainer .content .contentItem .contentTwoPart .contentTwoContainer .item > i { display: block; width: 64px; height: 64px; background: url(/static/images/activity/government-intensification/defendIcon.png) no-repeat left / cover; } .governmentIntensificationPage .contentContainer .partThreeContainer .content .contentItem .contentTwoPart .contentTwoContainer .item > h6 { font-size: 18px; color: #ffffff; line-height: 32px; font-weight: 500; padding: 32px 0 16px; } .governmentIntensificationPage .contentContainer .partThreeContainer .content .contentItem .contentTwoPart .contentTwoContainer .item > p { font-size: 14px; color: #ffffff; line-height: 24px; } .governmentIntensificationPage .contentContainer .partThreeContainer .content .contentItem .contentThreePart > h4 { font-weight: 500; font-size: 18px; color: #ffffff; padding: 20px 0 40px; } .governmentIntensificationPage .contentContainer .partThreeContainer .content .contentItem .contentThreePart .itemContainer { background: url(/static/images/activity/government-intensification/flow.png) no-repeat left 13px; padding-left: 25px; } .governmentIntensificationPage .contentContainer .partThreeContainer .content .contentItem .contentThreePart .itemContainer .item { padding-bottom: 40px; } .governmentIntensificationPage .contentContainer .partThreeContainer .content .contentItem .contentThreePart .itemContainer .item > h6 { display: inline-block; font-weight: 500; font-size: 16px; color: #ffffff; line-height: 32px; width: 200px; } .governmentIntensificationPage .contentContainer .partThreeContainer .content .contentItem .contentThreePart .itemContainer .item > span { font-size: 14px; color: #ffffff; line-height: 24px; font-weight: 400; } .governmentIntensificationPage .contentContainer .partThreeContainer .content .contentItem .contentFourPart { padding-top: 20px; } .governmentIntensificationPage .contentContainer .partThreeContainer .content .contentItem .contentFourPart .item { padding-bottom: 40px; } .governmentIntensificationPage .contentContainer .partThreeContainer .content .contentItem .contentFourPart .item > h6 { font-size: 18px; color: #ffffff; letter-spacing: 0; line-height: 32px; font-weight: 500; padding-bottom: 16px; } .governmentIntensificationPage .contentContainer .partThreeContainer .content .contentItem .contentFourPart .item > p { font-size: 14px; color: #ffffff; letter-spacing: 0; line-height: 24px; font-weight: 400; } .governmentIntensificationPage .contentContainer .partThreeContainer .content .contentItem .contentFivePart { padding-top: 20px; } .governmentIntensificationPage .contentContainer .partThreeContainer .content .contentItem .contentFivePart .item > p { font-size: 18px; color: #ffffff; letter-spacing: 0; line-height: 40px; font-weight: 500; padding-bottom: 24px; } .governmentIntensificationPage .contentContainer .partThreeContainer .content .contentItem .contentFivePart .item > p::before { content: ""; display: inline-block; width: 18px; height: 18px; background: url(/static/images/activity/government-intensification/superviseIcon.png) no-repeat left / auto; vertical-align: -3px; margin-right: 16px; background-position-y: 0px; } .governmentIntensificationPage .contentContainer .partThreeContainer .content .contentItem .contentFivePart .itemTwo { padding-top: 64px; } .governmentIntensificationPage .contentContainer .partThreeContainer .content .contentItem .contentFivePart .itemTwo > span { display: inline-block; width: 256px; line-height: 56px; font-size: 14px; color: #ffffff; letter-spacing: 0; font-weight: 400; margin-right: 32px; text-align: center; background-color: #363e53; } .governmentIntensificationPage .contentContainer .partThreeContainer .content .contentItem .contentFivePart .itemTwo > span > i { display: inline-block; width: 32px; height: 32px; background: url(/static/images/activity/government-intensification/superviseIcon.png) no-repeat left / auto; margin-right: 16px; } .governmentIntensificationPage .contentContainer .partThreeContainer .content .contentItem .contentSixePart { padding-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .governmentIntensificationPage .contentContainer .partThreeContainer .content .contentItem .contentSixePart .item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-bottom: 64px; } .governmentIntensificationPage .contentContainer .partThreeContainer .content .contentItem .contentSixePart .item > i { display: inline-block; width: 64px; height: 64px; vertical-align: top; margin-right: 24px; background: url(/static/images/activity/government-intensification/dataIcon.png) no-repeat left / auto; } .governmentIntensificationPage .contentContainer .partThreeContainer .content .contentItem .contentSixePart .item > div { display: inline-block; } .governmentIntensificationPage .contentContainer .partThreeContainer .content .contentItem .contentSixePart .item > div > h6 { font-size: 18px; color: #ffffff; letter-spacing: 0; line-height: 32px; font-weight: 500; } .governmentIntensificationPage .contentContainer .partThreeContainer .content .contentItem .contentSixePart .item > div > p { font-size: 14px; color: #ffffff; letter-spacing: 0; line-height: 24px; font-weight: 400; padding-top: 8px; width: 264px; } .governmentIntensificationPage .contentContainer .partThreeContainer .btn { display: block; background-image: -o-linear-gradient(135deg, #0b6fd6 0%, #1485ff 100%, #017eff 100%); background-image: linear-gradient(-45deg, #0b6fd6 0%, #1485ff 100%, #017eff 100%); border-radius: 2px; width: 160px; line-height: 48px; text-align: center; font-size: 16px; color: #ffffff; letter-spacing: 0; font-weight: 400; margin: 0 auto; margin-top: 64px; } .governmentIntensificationPage .contentContainer .partFourContainer { padding-bottom: 80px; background: #f7f9fc; } .governmentIntensificationPage .contentContainer .partFourContainer .itemContainer { width: 1200px; margin: 0 auto; } .governmentIntensificationPage .contentContainer .partFourContainer .itemContainer .item { padding: 70px 0 40px 0; } .governmentIntensificationPage .contentContainer .partFourContainer .itemContainer .item > img { display: inline-block; height: 244px; margin-top: 20px; } .governmentIntensificationPage .contentContainer .partFourContainer .itemContainer .item:last-child { border-bottom: none; } .governmentIntensificationPage .contentContainer .partFourContainer .itemContainer .item:nth-child(odd) .profeat-content { float: left; margin-right: 52px; } .governmentIntensificationPage .contentContainer .partFourContainer .itemContainer .item:nth-child(even) .profeat-content { margin-left: 52px; float: right; } .governmentIntensificationPage .contentContainer .partFourContainer .itemContainer .item:nth-child(even) img { margin-left: 45px; } .governmentIntensificationPage .contentContainer .partFourContainer .itemContainer .item .profeat-content { display: inline-block; margin-top: 20px; } .governmentIntensificationPage .contentContainer .partFourContainer .itemContainer .item .profeat-content .title { position: relative; font-size: 56px; color: #d4d7dc; letter-spacing: 1.68px; line-height: 64px; font-weight: 900; } .governmentIntensificationPage .contentContainer .partFourContainer .itemContainer .item .profeat-content .title .sequence { font-size: 18px; color: #1e2023; position: absolute; top: 20px; left: 7px; font-style: initial; } .governmentIntensificationPage .contentContainer .partFourContainer .itemContainer .item .profeat-content .title .sequence::after { content: ""; display: block; width: 16px; height: 2px; background-color: #1e2023; margin-top: -10px; } .governmentIntensificationPage .contentContainer .partFourContainer .itemContainer .item .profeat-content .text { width: 586px; margin: 20px 0 20px 7px; line-height: 20px; letter-spacing: 1px; } .governmentIntensificationPage .contentContainer .partFourContainer .itemContainer .item .profeat-content .btn { display: inline-block; font-size: 16px; color: #ffffff; letter-spacing: 0; text-align: center; font-weight: 400; width: 160px; line-height: 48px; margin-left: 7px; background-color: #1280F5; } .governmentIntensificationPage .contentContainer .partFiveContainer { background: #ffffff; padding-bottom: 80px; } .governmentIntensificationPage .contentContainer .partFiveContainer .itemContainer { display: -webkit-box; display: -ms-flexbox; display: flex; width: 1152px; margin: 0 auto; } .governmentIntensificationPage .contentContainer .partFiveContainer .itemContainer .item { width: 25%; margin: 16px; border: 1px solid #e6eaef; } .governmentIntensificationPage .contentContainer .partFiveContainer .itemContainer .item > i { display: block; width: 64px; height: 64px; margin: 0 auto; margin-top: 40px; background: url(/static/images/activity/government-intensification/sy.png) no-repeat center / auto; } .governmentIntensificationPage .contentContainer .partFiveContainer .itemContainer .item > h6 { font-size: 18px; color: #1e1f23; letter-spacing: 0; text-align: center; line-height: 24px; font-weight: 400; padding: 24px 0 16px; } .governmentIntensificationPage .contentContainer .partFiveContainer .itemContainer .item > p { font-size: 14px; color: #686c78; letter-spacing: 0; text-align: justify; line-height: 24px; font-weight: 400; padding: 24px; } .safetyPage .contentContainer h2 { font-size: 28px; color: #1e1f23; line-height: 40px; text-align: center; padding: 80px 0 40px; } .safetyPage .contentContainer .partOneContainer { padding-bottom: 80px; background: #f7f9fc; } .safetyPage .contentContainer .partOneContainer .item { width: 1200px; margin: 0 auto; } .safetyPage .contentContainer .partOneContainer .item > img { display: inline-block; width: 448px; vertical-align: middle; } .safetyPage .contentContainer .partOneContainer .item > p { display: inline-block; font-size: 14px; color: #686c78; letter-spacing: 0; text-align: justify; line-height: 24px; font-weight: 400; padding-left: 32px; width: 640px; vertical-align: middle; } .safetyPage .contentContainer .partTwoContainer { background: #ffffff; padding-bottom: 80px; } .safetyPage .contentContainer .partTwoContainer .itemContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 1152px; margin: 0 auto; } .safetyPage .contentContainer .partTwoContainer .itemContainer .item { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .safetyPage .contentContainer .partTwoContainer .itemContainer .item .itemContent { margin: 16px; border: 1px solid #e6eaef; } .safetyPage .contentContainer .partTwoContainer .itemContainer .item .itemContent > i { display: inline-block; width: 72px; height: 72px; background: url(/static/images/activity/safety/pain.png) no-repeat center / auto; margin: 24px; } .safetyPage .contentContainer .partTwoContainer .itemContainer .item .itemContent > div { display: inline-block; width: 400px; vertical-align: top; } .safetyPage .contentContainer .partTwoContainer .itemContainer .item .itemContent > div > h6 { font-size: 18px; color: #1e1f23; letter-spacing: 0; text-align: left; line-height: 24px; font-weight: 400; padding-top: 24px; } .safetyPage .contentContainer .partTwoContainer .itemContainer .item .itemContent > div > p { font-size: 14px; color: #686c78; letter-spacing: 0; text-align: justify; line-height: 24px; font-weight: 400; padding: 24px 0; } .safetyPage .contentContainer .partThreeContainer { background: url(/static/images/activity/safety/frameBg.png) no-repeat left / cover; padding-bottom: 80px; } .safetyPage .contentContainer .partThreeContainer > h2 { color: #fff; } .safetyPage .contentContainer .partThreeContainer > img { width: 1120px; margin: 0 auto; display: block; } .safetyPage .contentContainer .partFourContainer { padding-bottom: 80px; background: #f7f9fc; } .safetyPage .contentContainer .partFourContainer .itemContainer { width: 1200px; margin: 0 auto; } .safetyPage .contentContainer .partFourContainer .itemContainer .item { padding: 70px 0 40px 0; } .safetyPage .contentContainer .partFourContainer .itemContainer .item > img { display: inline-block; height: 244px; margin-top: 20px; } .safetyPage .contentContainer .partFourContainer .itemContainer .item:last-child { border-bottom: none; } .safetyPage .contentContainer .partFourContainer .itemContainer .item:nth-child(odd) .itemContent { float: left; margin-right: 52px; } .safetyPage .contentContainer .partFourContainer .itemContainer .item:nth-child(even) .itemContent { margin-left: 52px; float: right; } .safetyPage .contentContainer .partFourContainer .itemContainer .item:nth-child(even) img { margin-left: 45px; } .safetyPage .contentContainer .partFourContainer .itemContainer .item .itemContent { display: inline-block; margin-top: 20px; } .safetyPage .contentContainer .partFourContainer .itemContainer .item .itemContent .title { position: relative; font-size: 56px; color: #d4d7dc; letter-spacing: 1.68px; line-height: 64px; font-weight: 900; } .safetyPage .contentContainer .partFourContainer .itemContainer .item .itemContent .title .sequence { font-size: 18px; color: #1e2023; position: absolute; top: 20px; left: 7px; font-style: initial; } .safetyPage .contentContainer .partFourContainer .itemContainer .item .itemContent .title .sequence::after { content: ""; display: block; width: 16px; height: 2px; background-color: #1e2023; margin-top: -10px; } .safetyPage .contentContainer .partFourContainer .itemContainer .item .itemContent .txtContainer { width: 586px; height: 116px; margin: 24px 0 40px 7px; line-height: 20px; letter-spacing: 1px; } .safetyPage .contentContainer .partFourContainer .itemContainer .item .itemContent .txtContainer > span { width: 200px; display: inline-block; } .safetyPage .contentContainer .partFiveContainer { background: #ffffff; padding-bottom: 80px; } .safetyPage .contentContainer .partFiveContainer .itemContainer { display: -webkit-box; display: -ms-flexbox; display: flex; width: 1152px; margin: 0 auto; } .safetyPage .contentContainer .partFiveContainer .itemContainer .item { width: 33.33%; margin: 16px; border: 1px solid #e6eaef; } .safetyPage .contentContainer .partFiveContainer .itemContainer .item > i { display: block; width: 64px; height: 64px; margin: 0 auto; margin-top: 40px; background: url(/static/images/activity/safety/sy.png) no-repeat center / auto; } .safetyPage .contentContainer .partFiveContainer .itemContainer .item > h6 { font-size: 18px; color: #1e1f23; letter-spacing: 0; text-align: center; line-height: 24px; font-weight: 400; padding: 24px 0 16px; } .safetyPage .contentContainer .partFiveContainer .itemContainer .item > p { font-size: 14px; color: #686c78; letter-spacing: 0; text-align: justify; line-height: 24px; font-weight: 400; padding: 24px; } .xgf-page .banner { height: 400px; background: url(/static/images/xgf/banner.jpg) center; } .xgf-page .banner .banner_box { width: 1152px; height: 100%; margin: 0 auto; text-align: center; } .xgf-page .banner .banner_box h3 { font-size: 16px; color: #3e80ff; padding-top: 93px; margin-bottom: 20px; line-height: 16px; } .xgf-page .banner .banner_box p { font-size: 14px; color: #fff; line-height: 24px; margin: auto; margin-top: 20px; margin-bottom: 35px; width: 495px; } .xgf-page .banner .banner_box a { background: #2370e7; border-radius: 2px; padding: 14px 60.5px; color: #fff; font-size: 14px; } .xgf-page .banner .banner_box .fs40 { font-size: 68px; line-height: 68px; font-weight: 600; } .xgf-page .Features { height: 421px; border-bottom: 1px solid #f1f1f1; } .xgf-page .Features .Features_box { width: 1152px; height: 100%; margin: 0 auto; } .xgf-page .Features .Features_box h2 { font-size: 32px; color: #444; line-height: 32px; padding-top: 57px; text-align: center; } .xgf-page .Features .Features_box ul { margin: auto; margin-top: 30px; width: 1102px; height: 311px; } .xgf-page .Features .Features_box ul li { width: 208px; height: 100%; margin-right: 90px; float: left; } .xgf-page .Features .Features_box ul li:nth-child(1) { background: url(/static/images/xgf/fea1.png) center top no-repeat; } .xgf-page .Features .Features_box ul li:nth-child(2) { background: url(/static/images/xgf/fea2.png) center top no-repeat; } .xgf-page .Features .Features_box ul li:nth-child(3) { background: url(/static/images/xgf/fea3.png) center top no-repeat; } .xgf-page .Features .Features_box ul li:nth-child(4) { background: url(/static/images/xgf/fea4.png) center top no-repeat; margin-right: 0; } .xgf-page .Features .Features_box ul li h3 { font-size: 16px; color: #444; padding-top: 147px; line-height: 25px; text-align: center; margin-bottom: 24px; } .xgf-page .Features .Features_box ul li p { font-size: 14px; color: #666; letter-spacing: 0; text-align: justify; line-height: 24px; } .xgf-page .Profeat { height: 1716px; } .xgf-page .Profeat .Profeat_box { width: 1120px; padding: 0 16px; height: 100%; margin: 0 auto; } .xgf-page .Profeat .Profeat_box .Profeat_title { font-size: 32px; color: #444; line-height: 32px; padding-top: 52px; margin-bottom: 81px; text-align: center; } .xgf-page .Profeat .Profeat_box ul li { width: 100%; height: 380px; margin-top: 138px; } .xgf-page .Profeat .Profeat_box ul li:nth-child(1) { margin-top: 0; } .xgf-page .Profeat .Profeat_box ul li:nth-child(1) .Pro_bg { background: url(/static/images/xgf/pro_bg1.png) center no-repeat; } .xgf-page .Profeat .Profeat_box ul li:nth-child(2) .Pro_bg { float: left; background: url(/static/images/xgf/pro_bg2.png) center no-repeat; margin-top: 27px; } .xgf-page .Profeat .Profeat_box ul li:nth-child(2) .Pro_con { float: right; } .xgf-page .Profeat .Profeat_box ul li:nth-child(3) .Pro_bg { background: url(/static/images/xgf/pro_bg3.png) center no-repeat; } .xgf-page .Profeat .Profeat_box ul li .Pro_con { width: 496px; height: 100%; float: left; } .xgf-page .Profeat .Profeat_box ul li .Pro_con h3 { font-size: 24px; color: #444; line-height: 24px; padding-top: 21px; margin-bottom: 24px; } .xgf-page .Profeat .Profeat_box ul li .Pro_con p { font-size: 14px; color: #666; letter-spacing: 0; line-height: 24px; width: 496px; margin-bottom: 28px; } .xgf-page .Profeat .Profeat_box ul li .Pro_con h4 { font-size: 16px; color: #666; padding-left: 18px; } .xgf-page .Profeat .Profeat_box ul li .Pro_con h4 span { margin: 0 109px; } .xgf-page .Profeat .Profeat_box ul li .Pro_bg { float: right; -webkit-box-shadow: 0 5px 62px 0 rgba(0, 38, 116, 0.04); box-shadow: 0 5px 62px 0 rgba(0, 38, 116, 0.04); width: 556px; height: 380px; } .xgf-page .Architecture { height: 636px; background: url(/static/images/xgf/Arch_bg.jpg) center; } .xgf-page .Architecture .Arch_box { width: 1120px; padding: 0 16px; height: 100%; margin: 0 auto; } .xgf-page .Architecture .Arch_box h2 { font-size: 32px; color: #fff; line-height: 32px; padding-top: 56px; text-align: center; } .xgf-page .Business { height: 390px; background-color: #f8f9fd; } .xgf-page .Business .Busi_box { width: 1120px; padding: 0 16px; height: 100%; margin: 0 auto; } .xgf-page .Business .Busi_box h2 { font-size: 32px; color: #444; line-height: 32px; padding-top: 56px; margin-bottom: 40px; text-align: center; } .xgf-page .Business .Busi_box ul { height: 207px; width: 100%; } .xgf-page .Business .Busi_box ul li { padding: 39px 27px; width: 304px; height: 129px; float: left; margin-right: 23px; -webkit-box-shadow: 0 5px 27px 0 rgba(0, 38, 116, 0.08); box-shadow: 0 5px 27px 0 rgba(0, 38, 116, 0.08); } .xgf-page .Business .Busi_box ul li:nth-child(1) { background: #fff url(/static/images/xgf/busi1.png) 27px 38px no-repeat; } .xgf-page .Business .Busi_box ul li:nth-child(2) { background: #fff url(/static/images/xgf/busi2.png) 27px 38px no-repeat; } .xgf-page .Business .Busi_box ul li:nth-child(3) { background: #fff url(/static/images/xgf/busi3.png) 27px 38px no-repeat; margin-right: 0; } .xgf-page .Business .Busi_box ul li h3 { font-size: 16px; color: #444; padding-top: 1px; margin-left: 58px; margin-bottom: 24px; } .xgf-page .Business .Busi_box ul li p { font-size: 14px; color: #666; width: 245px; margin-left: 58px; } .xgf-page .Price { height: 511px; } .xgf-page .Price .Price_box { width: 1120px; padding: 0 16px; height: 100%; margin: 0 auto; } .xgf-page .Price .Price_box h2 { font-size: 32px; color: #444; line-height: 32px; padding-top: 55px; margin-bottom: 40px; text-align: center; } .xgf-page .Price .Price_box table { width: 100%; border: 1px solid #ddd; text-align: center; color: #333; font-size: 14px; } .xgf-page .Price .Price_box table th { border-right: 1px solid #ddd; } .xgf-page .Price .Price_box table td { border-right: 1px solid #ddd; } .xgf-page .Price .Price_box table tr { border-bottom: 1px solid #ddd; } .xgf-page .Price .Price_box table strong { font-size: 16px; line-height: 16px; color: #333; position: relative; top: -10px; } .xgf-page .Price .Price_box table .overseas { color: #ff9800; margin-top: 1px; } .xgf-page .Price .Price_box table a { padding: 6.5px 28px; background-color: #2370e7; border-radius: 16px; color: #fff; position: relative; top: 10px; } .xgf-page .Price .Price_box table em { font-size: 14px; color: #444; margin-top: 22px; display: block; position: relative; top: -10px; } .xgf-page .Price .Price_box table thead tr { height: 188px; } .xgf-page .Price .Price_box table thead tr td { width: 313px; } .xgf-page .Price .Price_box table thead th { width: 288px; } .xgf-page .Price .Price_box table tbody tr { height: 49px; } .xgf-page .Price .Price_box table tbody th { width: 288px; } .xwmt-page h2 { font-size: 28px; color: #333; line-height: 30px; padding-top: 50px; text-align: center; font-weight: 400; } .xwmt-page .e-btn { margin-left: 50px; line-height: 48px; } .xwmt-page .e-btn .com-btn { background-image: -webkit-gradient(linear, left top, left bottom, from(#1657dc), to(#1620a2)); background-image: -o-linear-gradient(#1657dc, #1620a2); background-image: linear-gradient(#1657dc, #1620a2); border-radius: 2px; padding: 14px 48px; text-align: center; color: #fff; font-size: 16px; } .xwmt-page .banner { height: 379px; background: url(/static/images/activity/xwmt/banner.png) no-repeat center / cover; } .xwmt-page .banner .banner_box { width: 1152px; height: 100%; margin: 0 auto; } .xwmt-page .banner .banner_box h2 { font-size: 32px; color: #fff; padding-top: 69px; margin-bottom: 13px; line-height: 46px; text-align: left; } .xwmt-page .banner .banner_box h2 span { color: #f5a623; font-size: 14px; margin-left: 10px; } .xwmt-page .banner .banner_box p { font-size: 14px; color: #fff; line-height: 21px; margin-bottom: 55px; width: 510px; } .xwmt-page .banner .banner_box a { background-image: -webkit-gradient(linear, left top, left bottom, from(#1657dc), to(#1620a2)); background-image: -o-linear-gradient(#1657dc, #1620a2); background-image: linear-gradient(#1657dc, #1620a2); border-radius: 2px; padding: 14px 48px; text-align: center; color: #fff; font-size: 16px; } .xwmt-page .navigation { height: 67px; width: 1005px; background: #fff; margin: 0 auto; } .xwmt-page .navigation ul { height: 100%; width: 1005px; margin: 0 auto; } .xwmt-page .navigation ul li { width: 201px; float: left; font-size: 18px; line-height: 1.2; color: #333333; padding: 22px 0; margin-left: -1px; background-color: #fff; position: relative; text-align: center; border-bottom: 2px solid #fff; } .xwmt-page .navigation ul li:first-child { border-radius: 3px 0 0 3px; } .xwmt-page .navigation ul li:last-child { border-radius: 0 3px 3px 0; } .xwmt-page .navigation ul li a { color: #333; } .xwmt-page .navigation ul li a.active_tag { color: #0260e7; } .xwmt-page .navigation ul .active { border-color: #367fec; z-index: 1; } .xwmt-page #navTab[data-fixed="fixed"] { position: fixed; top: 0; left: 0; width: 100%; z-index: 1; } .xwmt-page .risk-part { background-color: #f8fbff; } .xwmt-page .risk-part .risk-ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 1142px; margin: 0 auto; -ms-flex-pack: distribute; justify-content: space-around; margin-top: 40px; padding-bottom: 64px; } .xwmt-page .risk-part .risk-ul li { background-color: #fff; width: 559px; -webkit-box-shadow: 0 0 16px 2px #192dae29; box-shadow: 0 0 16px 2px #192dae29; padding: 32px 0 40px 35px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 24px; } .xwmt-page .risk-part .risk-ul li:nth-child(odd) { margin-right: 24px; } .xwmt-page .risk-part .risk-ul li .content-wrap { padding: 0 0 0 30px; display: inline-block; width: 416px; vertical-align: top; } .xwmt-page .risk-part .risk-ul li .content-wrap .title { font-size: 18px; color: #333; margin-bottom: 24px; } .xwmt-page .risk-part .risk-ul li .content-wrap .content { font-size: 14px; line-height: 24px; } .xwmt-page .framework-part .frameimg-table { width: 956px; margin: 48px auto 72px auto; -webkit-box-sizing: content-box; box-sizing: content-box; } .xwmt-page .framework-part .frameimg-table .title { font-size: 14px; color: #507fd3; background-color: #d7e3f7; width: 100%; text-align: center; } .xwmt-page .framework-part .frameimg-table .item { font-size: 12px; line-height: 32px; color: #606164; background-color: #e8eef5; text-align: center; } .xwmt-page .framework-part .frameimg-table .table-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .xwmt-page .framework-part .frameimg-table .table-top .part-container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .xwmt-page .framework-part .frameimg-table .table-top .part-container .title { height: 40px; line-height: 40px; text-align: center; } .xwmt-page .framework-part .frameimg-table .table-top .part-one, .xwmt-page .framework-part .frameimg-table .table-top .part-three { border: 1px solid #eaebed; height: 324px; } .xwmt-page .framework-part .frameimg-table .table-top .part-one ul, .xwmt-page .framework-part .frameimg-table .table-top .part-three ul { padding: 24px 12px; } .xwmt-page .framework-part .frameimg-table .table-top .part-one ul .item, .xwmt-page .framework-part .frameimg-table .table-top .part-three ul .item { margin-bottom: 8px; } .xwmt-page .framework-part .frameimg-table .table-top .part-one ul .item:last-child, .xwmt-page .framework-part .frameimg-table .table-top .part-three ul .item:last-child { margin-bottom: 0 !important; } .xwmt-page .framework-part .frameimg-table .table-top .part-two { margin: 0 16px; -webkit-box-flex: 0; -ms-flex: 0 0 696px; flex: 0 0 696px; } .xwmt-page .framework-part .frameimg-table .table-top .part-two .two-wrap { margin-bottom: 16px; border: 1px solid #eaebed; } .xwmt-page .framework-part .frameimg-table .table-top .part-two .two-wrap:last-child { margin-bottom: none; } .xwmt-page .framework-part .frameimg-table .table-top .part-two .two-wrap ul { padding: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; } .xwmt-page .framework-part .frameimg-table .table-top .part-two .two-wrap ul li { margin-right: 12px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; } .xwmt-page .framework-part .frameimg-table .table-top .part-two .two-wrap ul li:last-child { margin-right: 0 !important; } .xwmt-page .framework-part .frameimg-table .table-bottom { width: 100%; height: 56px; line-height: 56px; display: -webkit-box; display: -ms-flexbox; display: flex; } .xwmt-page .framework-part .frameimg-table .table-bottom .part-container { margin-right: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; border: 1px solid #eaebed; } .xwmt-page .framework-part .frameimg-table .table-bottom .part-container:last-child { margin-right: 0 !important; } .xwmt-page .framework-part .frameimg-table .table-bottom .part-container .title { -webkit-box-flex: 0; -ms-flex: 0 0 114px; flex: 0 0 114px; } .xwmt-page .framework-part .frameimg-table .table-bottom .part-container ul { padding: 12px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; line-height: 32px; } .xwmt-page .framework-part .frameimg-table .table-bottom .part-container ul li { display: inline-block; width: 128px; margin-right: 8px; } .xwmt-page .framework-part .frameimg-table .table-bottom .part-container ul li:last-child { margin-right: 0 !important; } .xwmt-page .framework-part .frameimg-table .table-bottom .part-one { -webkit-box-flex: 0; -ms-flex: 0 0 403px; flex: 0 0 403px; } .xwmt-page .framework-part .frameimg-table .table-bottom .part-two ul { -webkit-box-flex: 0; -ms-flex: 0 0 400px; flex: 0 0 400px; } .xwmt-page .framework-part .follow { background: url(/static/images/activity/xwmt/bg.png) no-repeat center / cover; } .xwmt-page .framework-part .follow .container { height: 797px; width: 1182px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; padding: 60px 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .xwmt-page .framework-part .follow .container .tab-list { -webkit-box-flex: 0; -ms-flex: 0 0 220px; flex: 0 0 220px; height: 510px; border-right: 1px solid #ffffff45; } .xwmt-page .framework-part .follow .container .tab-list li { font-size: 18px; color: #fff; opacity: 0.4; margin-top: 35px; cursor: pointer; } .xwmt-page .framework-part .follow .container .tab-list li:first-child { margin-top: 0; } .xwmt-page .framework-part .follow .container .tab-list li img { margin-right: 20px; display: inline-block; vertical-align: -3px; } .xwmt-page .framework-part .follow .container .tab-list .selected { opacity: 1; } .xwmt-page .framework-part .follow .container .follow-content { padding-left: 50px; margin-top: -2px; } .xwmt-page .framework-part .follow .container .follow-content > li ul li:first-child .title { padding-top: 6px; } .xwmt-page .framework-part .follow .container .follow-content .part-title { font-size: 20px; color: #fff; text-align: left; padding-top: 0; } .xwmt-page .framework-part .follow .container .follow-content .title { font-size: 18px; color: #fff; padding: 26px 0 16px 0; } .xwmt-page .framework-part .follow .container .follow-content .text { color: #ffffffb3; text-align: left; margin: 0; line-height: 24px; } .xwmt-page .framework-part .follow .container .follow-content .recommend { font-size: 18px; padding: 48px 0 0 0; color: #fff; text-align: left; } .xwmt-page .framework-part .follow .container .follow-content .recommend::before { content: ""; height: 16px; width: 4px; background-color: #1657dc; display: inline-block; vertical-align: -2px; margin-right: 10px; } .xwmt-page .framework-part .follow .container .follow-content .product-list { margin-bottom: 60px; width: 800px; } .xwmt-page .framework-part .follow .container .follow-content .product-list li { display: inline-block; margin-right: 20px; margin-top: 20px; } .xwmt-page .framework-part .follow .container .follow-content .product-list li img { display: inline-block; vertical-align: middle; padding-right: 20px; padding-left: 20px; width: 28px; } .xwmt-page .framework-part .follow .container .follow-content .product-list li a { display: inline-block; line-height: 56px; padding-right: 20px; letter-spacing: 2px; font-size: 14px; color: #fff; background: #ffffff2b; cursor: pointer; } .xwmt-page .framework-part .follow .container .follow-content .product-list li a:hover { background: #ffffff4d; } .xwmt-page .framework-part .follow .container .follow-content .product-list li .single { width: auto; padding: 0 30px; } .xwmt-page .profeat-part { background-color: #f5f7fd; } .xwmt-page .profeat-part .container { width: 1170px; } .xwmt-page .profeat-part .container ul { padding-bottom: 60px; } .xwmt-page .profeat-part .container ul li { border-bottom: 1px solid #ddd; padding: 70px 0 40px 0; } .xwmt-page .profeat-part .container ul li > img { display: inline-block; height: 244px; margin-top: 20px; } .xwmt-page .profeat-part .container ul li:last-child { border-bottom: none; } .xwmt-page .profeat-part .container ul li:nth-child(odd) .profeat-content { float: left; margin-right: 52px; } .xwmt-page .profeat-part .container ul li:nth-child(even) .profeat-content { margin-left: 52px; float: right; } .xwmt-page .profeat-part .container ul li:nth-child(even) img { margin-left: 45px; } .xwmt-page .profeat-part .container ul li .profeat-content { display: inline-block; margin-top: 20px; } .xwmt-page .profeat-part .container ul li .profeat-content .title { font-size: 72px; color: #e0dfed; position: relative; top: -28px; font-style: oblique; } .xwmt-page .profeat-part .container ul li .profeat-content .title .sequence { font-size: 18px; color: #333; position: absolute; top: 20px; left: 7px; font-style: initial; } .xwmt-page .profeat-part .container ul li .profeat-content .text { width: 586px; height: 116px; margin: 20px 0 40px 7px; line-height: 20px; letter-spacing: 1px; } .xwmt-page .profeat-part .container ul li .profeat-content .e-btn { margin-left: 12px; } .xwmt-page .profeat-part .container ul li .profeat-content .e-btn { margin-left: 7px; } .xwmt-page .case-part { text-align: center; padding-bottom: 48px; } .xwmt-page .case-part a { font-size: 18px; } .xwmt-page .case-part .img-wrap { padding: 56px 0; } .xwmt-page .case-part .more-case { display: block; width: 1168px; margin: 0 auto; text-align: right; margin-top: -23px; } .xwmt-page #Risk { position: absolute; top: 399px; } .xwmt-page #Framework { position: absolute; top: 1016px; } .xwmt-page #Profeat { position: absolute; top: 2370px; } .xwmt-page #Case { position: absolute; top: 3684px; } .xwmt-page #Solution { position: absolute; top: 4147px; } .zeus-page .banner-box { height: 401px; width: 100%; background: url(/static/images/activity/zeus/bannerBg.png) no-repeat center / auto; } .zeus-page .banner-box .banner-container { width: 1152px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .zeus-page .banner-box .banner-container .banner-left { -webkit-box-flex: 0; -ms-flex: 0 0 535px; flex: 0 0 535px; } .zeus-page .banner-box .banner-container .banner-left > h2 { font-size: 32px; font-weight: 600; color: #33363b; line-height: 45px; margin: 64px 0 24px; } .zeus-page .banner-box .banner-container .banner-left > p { font-size: 14px; font-weight: 400; color: #6d747f; line-height: 20px; margin-bottom: 40px; } .zeus-page .banner-box .banner-container .banner-left > a { display: inline-block; width: 240px; line-height: 48px; background: #0b6fd6; border-radius: 2px; font-size: 16px; font-weight: 500; color: #ffffff; letter-spacing: 2px; text-align: center; } .zeus-page .banner-box .banner-container .banner-right { -webkit-box-flex: 0; -ms-flex: 0 0 474px; flex: 0 0 474px; } .zeus-page .banner-box .banner-container .banner-right > img { display: inline-block; width: 100%; } .zeus-page .content-box .nav-box { border-bottom: 1px solid #e6eaef; position: -webkit-sticky; position: sticky; top: 0; z-index: 2; width: 100%; background: #fff; } .zeus-page .content-box .nav-box .nav-container { width: 1152px; margin: 0 auto; background: #ffffff; } .zeus-page .content-box .nav-box .nav-container .nav-list { max-width: 552px; height: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .zeus-page .content-box .nav-box .nav-container .nav-list .nav-item { font-size: 14px; font-weight: 400; color: #1e1f23; line-height: 48px; position: relative; cursor: pointer; } .zeus-page .content-box .nav-box .nav-container .nav-list .nav-item:hover { color: #0b6fd6; } .zeus-page .content-box .nav-box .nav-container .nav-list .nav-item::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 0; height: 3px; background-color: #0b6fd6; margin: auto; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .zeus-page .content-box .nav-box .nav-container .nav-list .active { font-weight: 600; color: #0b6fd6; } .zeus-page .content-box .nav-box .nav-container .nav-list .active::after { width: 100%; } .zeus-page .content-box .body-box { background: #F7F9FC; } .zeus-page .content-box .body-box .situation-part { width: 1152px; margin: 0 auto; padding: 48px 0; } .zeus-page .content-box .body-box .situation-part .situation-container { opacity: 0; width: 100%; height: 243px; background: #ffffff url(/static/images/activity/zeus/situationBg.png) no-repeat 77px center / 194px 190px; border-radius: 4px; border: 1px solid #e6eaef; padding: 26px 77px; -webkit-box-sizing: border-box; box-sizing: border-box; } .zeus-page .content-box .body-box .situation-part .situation-container .situation-content { padding-left: 263px; } .zeus-page .content-box .body-box .situation-part .situation-container .situation-content .tag { display: inline-block; width: 70px; height: 23px; background: url(/static/images/activity/zeus/situationTag.png) no-repeat center / cover; } .zeus-page .content-box .body-box .situation-part .situation-container .situation-content > h2 { font-size: 24px; font-weight: 600; color: #33363b; line-height: 33px; padding: 16px 0; } .zeus-page .content-box .body-box .situation-part .situation-container .situation-content .des { font-size: 14px; font-weight: 400; color: #686c78; line-height: 20px; } .zeus-page .content-box .body-box .details-part .details-container { width: 1152px; margin: 0 auto; opacity: 0; } .zeus-page .content-box .body-box .details-part .details-container .details-content .tag { display: inline-block; width: 70px; height: 23px; background: url(/static/images/activity/zeus/detailsTag.png) no-repeat center / cover; } .zeus-page .content-box .body-box .details-part .details-container .details-content > h2 { font-size: 24px; font-weight: 600; color: #33363b; line-height: 33px; padding: 16px 0 24px; } .zeus-page .content-box .body-box .details-part .details-container .details-content .details-list-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .zeus-page .content-box .body-box .details-part .details-container .details-content .details-list-container .details-item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; margin-bottom: 18px; -webkit-box-sizing: border-box; box-sizing: border-box; } .zeus-page .content-box .body-box .details-part .details-container .details-content .details-list-container .details-item:nth-child(odd) { padding-right: 9px; } .zeus-page .content-box .body-box .details-part .details-container .details-content .details-list-container .details-item:nth-child(even) { padding-left: 9px; } .zeus-page .content-box .body-box .details-part .details-container .details-content .details-list-container .details-item .details-item-content { width: 100%; height: 210px; background: #ffffff; border: 1px solid #e6eaef; padding: 30px 24px 30px 24px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; } .zeus-page .content-box .body-box .details-part .details-container .details-content .details-list-container .details-item .details-item-content .details-item-left { -webkit-box-flex: 0; -ms-flex: 0 0 150px; flex: 0 0 150px; background: url(/static/images/activity/zeus/detailsList.png) no-repeat center / 320px 320px; margin-right: 20px; } .zeus-page .content-box .body-box .details-part .details-container .details-content .details-list-container .details-item .details-item-content .details-item-right { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .zeus-page .content-box .body-box .details-part .details-container .details-content .details-list-container .details-item .details-item-content .details-item-right .details-title { font-size: 20px; font-weight: 600; color: #33363b; line-height: 28px; } .zeus-page .content-box .body-box .details-part .details-container .details-content .details-list-container .details-item .details-item-content .details-item-right .details-des { font-size: 14px; font-weight: 400; color: #686c78; line-height: 20px; padding: 8px 0 16px; } .zeus-page .content-box .body-box .details-part .details-container .details-content .details-list-container .details-item .details-item-content .details-item-right .details-intro { color: #0b6fd6; font-size: 16px; font-weight: 600; font-style: italic; } .zeus-page .content-box .body-box .framework-part { padding-bottom: 48px; } .zeus-page .content-box .body-box .framework-part .framework-container { width: 1152px; margin: 0 auto; opacity: 0; } .zeus-page .content-box .body-box .framework-part .framework-container > h2 { font-size: 24px; font-weight: 600; color: #33363b; line-height: 33px; padding: 20px 0 24px; } .zeus-page .content-box .body-box .framework-part .framework-container > img { display: inline-block; width: 100%; } .zeus-page .content-box .body-box .resource-part { background: #060e1a url(/static/images/activity/zeus/resourcebg.png) no-repeat center / contain; padding-bottom: 136px; } .zeus-page .content-box .body-box .resource-part .resource-container { width: 1152px; margin: 0 auto; position: relative; opacity: 0; } .zeus-page .content-box .body-box .resource-part .resource-container .tag { display: inline-block; width: 70px; height: 32px; margin: 84px 0 16px; background: url(/static/images/activity/zeus/resourceTag.png) no-repeat center / contain; } .zeus-page .content-box .body-box .resource-part .resource-container > h2 { font-size: 32px; font-weight: 600; color: #ffffff; line-height: 45px; } .zeus-page .content-box .body-box .resource-part .resource-container .des { font-size: 18px; font-weight: 400; color: #ffffff; line-height: 25px; padding: 12px 0 64px; } .zeus-page .content-box .body-box .resource-part .resource-container .datalist { display: -webkit-box; display: -ms-flexbox; display: flex; width: 600px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .zeus-page .content-box .body-box .resource-part .resource-container .datalist .data-content .data { font-size: 40px; font-weight: 600; color: #ffffff; line-height: 56px; } .zeus-page .content-box .body-box .resource-part .resource-container .datalist .data-content .data-des { font-size: 16px; font-weight: 400; color: #ffffff; line-height: 22px; } .zeus-page .content-box .body-box .resource-part .resource-container .speclist { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin-top: 59px; position: absolute; } .zeus-page .content-box .body-box .resource-part .resource-container .speclist .spec-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 134px; background: #0b6fd6; border-radius: 2px; -webkit-backdrop-filter: blur(23px); backdrop-filter: blur(23px); padding: 26px 35px 26px 35px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; } .zeus-page .content-box .body-box .resource-part .resource-container .speclist .spec-content:first-child { margin-right: 15px; } .zeus-page .content-box .body-box .resource-part .resource-container .speclist .spec-content .spec-left { -webkit-box-flex: 0; -ms-flex: 0 0 70px; flex: 0 0 70px; width: 70px; height: 79px; margin-right: 34px; background: url(/static/images/activity/zeus/specList.png) no-repeat center / 160px 89px; } .zeus-page .content-box .body-box .resource-part .resource-container .speclist .spec-content .spec-right .spec-title { font-size: 20px; font-weight: 600; color: #ffffff; line-height: 28px; } .zeus-page .content-box .body-box .resource-part .resource-container .speclist .spec-content .spec-right .spec-des { font-size: 14px; font-weight: 400; color: #ffffff; line-height: 20px; margin-top: 14px; } .zeus-page .content-box .body-box .practice-part { padding-top: 115px; } .zeus-page .content-box .body-box .practice-part .practice-container { opacity: 0; } .zeus-page .content-box .body-box .practice-part .practice-container .practice-top { width: 1150px; margin: 0 auto; } .zeus-page .content-box .body-box .practice-part .practice-container .practice-top .tag { display: inline-block; width: 70px; height: 23px; background: url(/static/images/activity/zeus/practiceTag.png) no-repeat center / cover; } .zeus-page .content-box .body-box .practice-part .practice-container .practice-top > h2 { font-size: 24px; font-weight: 600; color: #33363b; line-height: 33px; padding: 16px 0 10px; } .zeus-page .content-box .body-box .practice-part .practice-container .practice-top .des { font-size: 14px; font-weight: 400; color: #686c78; line-height: 20px; padding: 0 0 40px 0; } .zeus-page .content-box .body-box .practice-part .practice-container .time { width: 100%; } .zeus-page .content-box .body-box .practice-part .practice-container .time > img { display: inline-block; width: 100%; max-width: 1920px; } .zeus-page .content-box .body-box .practice-part .practice-container .practice-list { display: -webkit-box; display: -ms-flexbox; display: flex; width: 1150px; margin: 0 auto; padding: 32px 0 49px; } .zeus-page .content-box .body-box .practice-part .practice-container .practice-list .list-item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; background: #ffffff; border: 1px solid #e6eaef; border-top: 4px solid #0b6fd6; padding: 20px 37px 32px 48px; -webkit-box-sizing: border-box; box-sizing: border-box; } .zeus-page .content-box .body-box .practice-part .practice-container .practice-list .list-item:first-child { margin-right: 16px; } .zeus-page .content-box .body-box .practice-part .practice-container .practice-list .list-item > h2 { font-size: 24px; font-weight: 600; color: #33363b; line-height: 33px; margin-bottom: 16px; } .zeus-page .content-box .body-box .practice-part .practice-container .practice-list .list-item .content { font-size: 16px; font-weight: 400; color: #686c78; line-height: 22px; } .zeus-page .content-box .body-box .practice-part .practice-container .practice-list .list-item .content .strong { color: #0b6fd6; } .zeus-page .content-box .body-box .practice-part .practice-container .practice-list .list-item .content .spec { display: -webkit-box; display: -ms-flexbox; display: flex; } .zeus-page .content-box .body-box .practice-part .practice-container .practice-list .list-item .content .spec > span { display: inline-block; } .zeus-page .content-box .body-box .practice-part .practice-container .practice-list .list-item .content .spec > span:first-child { -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; } /* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #fff url(data:image/gif;base64,R0lGODlhIAAgAPUAAP///wAAAPr6+sTExOjo6PDw8NDQ0H5+fpqamvb29ubm5vz8/JKSkoaGhuLi4ri4uKCgoOzs7K6urtzc3D4+PlZWVmBgYHx8fKioqO7u7kpKSmxsbAwMDAAAAM7OzsjIyNjY2CwsLF5eXh4eHkxMTLCwsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAG/0CAcEgkFjgcR3HJJE4SxEGnMygKmkwJxRKdVocFBRRLfFAoj6GUOhQoFAVysULRjNdfQFghLxrODEJ4Qm5ifUUXZwQAgwBvEXIGBkUEZxuMXgAJb1dECWMABAcHDEpDEGcTBQMDBQtvcW0RbwuECKMHELEJF5NFCxm1AAt7cH4NuAOdcsURy0QCD7gYfcWgTQUQB6Zkr66HoeDCSwIF5ucFz3IC7O0CC6zx8YuHhW/3CvLyfPX4+OXozKnDssBdu3G/xIHTpGAgOUPrZimAJCfDPYfDin2TQ+xeBnWbHi37SC4YIYkQhdy7FvLdpwWvjA0JyU/ISyIx4xS6sgfkNS4me2rtVKkgw0JCb8YMZdjwqMQ2nIY8BbcUQNVCP7G4MQq1KRivR7tiDEuEFrggACH5BAAKAAEALAAAAAAgACAAAAb/QIBwSCQmNBpCcckkEgREA4ViKA6azM8BEZ1Wh6LOBls0HA5fgJQ6HHQ6InKRcWhA1d5hqMMpyIkOZw9Ca18Qbwd/RRhnfoUABRwdI3IESkQFZxB4bAdvV0YJQwkDAx9+bWcECQYGCQ5vFEQCEQoKC0ILHqUDBncCGA5LBiHCAAsFtgqoQwS8Aw64f8m2EXdFCxO8INPKomQCBgPMWAvL0n/ff+jYAu7vAuxy8O/myvfX8/f7/Arq+v0W0HMnr9zAeE0KJlQkJIGCfE0E+PtDq9qfDMogDkGmrIBCbNQUZIDosNq1kUsEZJBW0dY/b0ZsLViQIMFMW+RKKgjFzp4fNokPIdki+Y8JNVxA79jKwHAI0G9JGw5tCqDWTiFRhVhtmhVA16cMJTJ1OnVIMo1cy1KVI5NhEAAh+QQACgACACwAAAAAIAAgAAAG/0CAcEgkChqNQnHJJCYWRMfh4CgamkzFwBOdVocNCgNbJAwGhKGUOjRQKA1y8XOGAtZfgIWiSciJBWcTQnhCD28Qf0UgZwJ3XgAJGhQVcgKORmdXhRBvV0QMY0ILCgoRmIRnCQIODgIEbxtEJSMdHZ8AGaUKBXYLIEpFExZpAG62HRRFArsKfn8FIsgjiUwJu8FkJLYcB9lMCwUKqFgGHSJ5cnZ/uEULl/CX63/x8KTNu+RkzPj9zc/0/Cl4V0/APDIE6x0csrBJwybX9DFhBhCLgAilIvzRVUriKHGlev0JtyuDvmsZUZlcIiCDnYu7KsZ0UmrBggRP7n1DqcDJEzciOgHwcwTyZEUmIKEMFVIqgyIjpZ4tjdTxqRCMPYVMBYDV6tavUZ8yczpkKwBxHsVWtaqo5tMgACH5BAAKAAMALAAAAAAgACAAAAb/QIBwSCQuBgNBcck0FgvIQtHRZCYUGSJ0IB2WDo9qUaBQKIXbLsBxOJTExUh5mB4iDo0zXEhWJNBRQgZtA3tPZQsAdQINBwxwAnpCC2VSdQNtVEQSEkOUChGSVwoLCwUFpm0QRAMVFBQTQxllCqh0kkIECF0TG68UG2O0foYJDb8VYVa0alUXrxoQf1WmZnsTFA0EhgCJhrFMC5Hjkd57W0jpDsPDuFUDHfHyHRzstNN78PPxHOLk5dwcpBuoaYk5OAfhXHG3hAy+KgLkgNozqwzDbgWYJQyXsUwGXKNA6fnYMIO3iPeIpBwyqlSCBKUqEQk5E6YRmX2UdAT5kEnHKkQ5hXjkNqTPtKAARl1sIrGoxSFNuSEFMNWoVCxEpiqyRlQY165wEHELAgAh+QQACgAEACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0GxwFwmFJlnlAgaTKpFqEIqFJMBhcEABC5GjkPz0KN2tsvHBH4sJKgdd1NHSXILah9tAmdCC0dUcg5qVEQfiIxHEYtXSACKnWoGXAwHBwRDGUcKBXYFi0IJHmQEEKQHEGGpCnp3AiW1DKFWqZNgGKQNA65FCwV8bQQHJcRtds9MC4rZitVgCQbf4AYEubnKTAYU6eoUGuSpu3fo6+ka2NrbgQAE4eCmS9xVAOW7Yq7IgA4Hpi0R8EZBhDshOnTgcOtfM0cAlTigILFDiAFFNjk8k0GZgAxOBozouIHIOyKbFixIkECmIyIHOEiEWbPJTTQ5FxcVOMCgzUVCWwAcyZJvzy45ADYVZNIwTlIAVfNB7XRVDLxEWLQ4E9JsKq+rTdsMyhcEACH5BAAKAAUALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUYKQ4YKEYSKfVKPaUMZHwMDeQBxh04ABYSFGU4JBpsDBmFHdXMLIKofBEyKCpdgspsOoUsLXaRLCQMgwky+YJ1FC4POg8lVAg7U1Q5drtnHSw4H3t8HDdnZy2Dd4N4Nzc/QeqLW1bnM7rXuV9tEBhQQ5UoCbJDmWKBAQcMDZNhwRVNCYANBChZYEbkVCZOwASEcCDFQ4SEDIq6WTVqQIMECBx06iCACQQPBiSabHDqzRUTKARMhSFCDrc+WNQIcOoRw5+ZIHj8ADqSEQBQAwKKLhIzowEEeGKQ0owIYkPKjHihZoBKi0KFE01b4zg7h4y4IACH5BAAKAAYALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUUJeQCGChGEin1SkGlubEhDcYdOAAWEhRlOC12HYUd1eqeRokOKCphgrY5MpotqhgWfunqPt4PCg71gpgXIyWSqqq9MBQPR0tHMzM5L0NPSC8PCxVUCyeLX38+/AFfXRA4HA+pjmoFqCAcHDQa3rbxzBRD1BwgcMFIlidMrAxYICHHA4N8DIqpsUWJ3wAEBChQaEBnQoB6RRr0uARjQocMAAA0w4nMz4IOaU0lImkSngYKFc3ZWyTwJAALGK4fnNA3ZOaQCBQ22wPgRQlSIAYwSfkHJMrQkTyEbKFzFydQq15ccOAjUEwQAIfkEAAoABwAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVD29K/AFfRRQUDDt1PmoFqHgPtBLetvMwG7QMes0KxkkIFIQNKDhBgKvCh3gQiqmxt6NDBAAEIEAgUOHCgBBEH9Yg06uWAIQUABihQMACgBEUHTRwoUEOBIcqQI880OIDgm5ABDA8IgUkSwAAyij1/jejAARPPIQwONBCnBAJDCEOOCnFA8cOvEh1CEJEqBMIBEDaLcA3LJIEGDe/0BAEAIfkEAAoACAAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVDDti/BQccA8yrYBAjHR0jc53LRQYU6R0UBnO4RxmiG/IjJUIJFuoVKeCBigBN5QCk43BgFgMKFCYUGDAgFEUQRGIRYbCh2xACEDcAcHDgQDcQFGf9s7VkA0QCI0t2W0DRw68h8ChAEELSJE8xijBvVqCgIU9PjwA+UNzG5AHEB9xkDpk4QMGvARQsEDlKxMCALDeLcA0rqEEDlWCCAAAh+QQACgAJACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0FRylQmFJlnlFhQJKrTrRCqoALIBXAxchySzZm2Wusdi8nfOfeYfAuPEWoCZkILR2l+V2VFCXkAhgoRhIp9UpBpbmxIQ3GHTgAFhIUZTgtdh2FHdXqnkaJDigqYYK2OTKaLaoYFn7p6j0wOA8PEAw6/Z4PKUhwdzs8dEL9kqqrN0M7SetTVCsLFw8d6C8vKvUQEv+dVCRAaBnNQtkwPFRQUFXOduUoTG/cUNkyYg+tIBlEMAFYYMAaBuCekxmhaJeSeBgiOHhw4QECAAwcCLhGJRUQCg3RDCmyUVmBYmlOiGqmBsPGlyz9YkAlxsJEhqCubABS9AsPgQAMqLQfM0oTMwEZ4QpLOwvMLxAEEXIBG5aczqtaut4YNXRIEACH5BAAKAAoALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RahAQRQtHaX5XZUUJeQAGHR0jA0SKfVKGCmlubEhCBSGRHSQOQwVmQwsZTgtdh0UQHKIHm2quChGophuiJHO3jkwOFB2UaoYFTnMGegDKRQQG0tMGBM1nAtnaABoU3t8UD81kR+UK3eDe4nrk5grR1NLWegva9s9czfhVAgMNpWqgBGNigMGBAwzmxBGjhACEgwcgzAPTqlwGXQ8gMgAhZIGHWm5WjelUZ8jBBgPMTBgwIMGCRgsygVSkgMiHByD7DWDmx5WuMkZqDLCU4gfAq2sACrAEWFSRLjUfWDopCqDTNQIsJ1LF0yzDAA90UHV5eo0qUjB8mgUBACH5BAAKAAsALAAAAAAgACAAAAb/QIBwSCwqFIuickk0FIiCo6A4ZSoZnRBUSiwoEtYipNOBDKOKKgD9DBNHHU4brc4c3cUBeSOk949geEQUZA5rXABHEW4PD0UOZBSHaQAJiEMJgQATFBQVBkQHZKACUwtHbX0RR0mVFp0UFwRCBSQDSgsZrQteqEUPGrAQmmG9ChFqRAkMsBd4xsRLBBsUoG6nBa14E4IA2kUFDuLjDql4peilAA0H7e4H1udH8/Ps7+3xbmj0qOTj5mEWpEP3DUq3glYWOBgAcEmUaNI+DBjwAY+dS0USGJg4wABEXMYyJNvE8UOGISKVCNClah4xjg60WUKyINOCUwrMzVRARMGENWQ4n/jpNTKTm15J/CTK2e0MoD+UKmHEs4onVDVVmyqdpAbNR4cKTjqNSots07EjzzJh1S0IADsAAAAAAAAAAAA=) center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url(data:application/vnd.ms-fontobject;base64,AAgAAGQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAQAAgCAAAAAAAAAAAAAAAAEAAAAAAAAATxDE8AAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=); src: url(data:application/vnd.ms-fontobject;base64,AAgAAGQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAQAAgCAAAAAAAAAAAAAAAAEAAAAAAAAATxDE8AAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=?#iefix) format('embedded-opentype'), url(data:font/woff;base64,d09GRk9UVE8AAAVkAAsAAAAAB1wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAi4AAAKbH/pWDkZGVE0AAAM4AAAAGgAAABxt0civR0RFRgAAA1QAAAAcAAAAIAAyAARPUy8yAAADcAAAAFIAAABgUBj/rmNtYXAAAAPEAAAAUAAAAWIiC0SwaGVhZAAABBQAAAAuAAAANgABMftoaGVhAAAERAAAABwAAAAkA+UCA2htdHgAAARgAAAADgAAAA4ESgBKbWF4cAAABHAAAAAGAAAABgAFUABuYW1lAAAEeAAAANwAAAFuBSeBwnBvc3QAAAVUAAAAEAAAACAAAwABeJw9ks9vEkEUx2cpWyeUoFYgNkHi2Wt7N3rVm3cTs3UVLC4LxIWEQvi1P3i7O1tYLJDAmlgKGEhQrsajf0j7J3jYTXrQWUrMJG+++b55n5e8NwwKBhHDMLv5kxT3ATEBxKBn3qOAl9zxHgb1MAPhHQgHkyF08Gr/L8B/Eb6zWnmCJ7AJVLubQOheArXvJ1A4EXi6j4I+Zg9F0QFKvsnlBCmXeve+sFEnb/nCptdtQ4QYhVFRAT1HrF8UQK/RL/SbmUbclsvGVFXRZKDHUE38cc4qpkbAAsuwiImvro+ufcfaOIQ6szlrmjRJDaKZKnbjN3GWKIbiIzRFUfCffuxxKOL+3LDlDVvx2TdxN84qZEsnhNBa6pgm2dAsnzbLsETdsmRFxUeHV4e+I2/ptN8TyqV8T3Dt29t7EYOuajVIw2y1Wy3M86w0zg/Fz2IvawmQAUHOVrPVfLkoScVynsqsTG0MGUs4z55nh3mnOJa+li+rl9WpPIcFfDubDeaDC+fLBdYN3QADzLauGfj4B6sZmq6CCpqmtSvF0qlUl2qf5AJIUCSlTqlb7lUG+LRfGzZGzZEyBgccMu6MuqPecNDvD4Y9Kjtj4gD+DsvKVMTcMdtqtZtmkzQstQvYje7Syep0PDSAhSOeHYXYWThEF//A/0YvYV1fSQtpKU5STtrhbQ444OtpKSWJIg3pOg8cBs7maTY1EZf07aq+hjWs7IWzdCYTGhb2CtZ47x+Uhx28AAB4nGNgYGBkAIJz765vANHnCyvqYTQAWnkHswAAeJxjYGRgYOADYgkGEGBiYARCFjAG8RgABHYAN3icY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwcjKAQQMDAyOQUmCAgoA01xQGB4ZExUmMD/4/YNBjvP3/NgNEDQPjbbBKBQZGADfLDgsAAHicY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQzMCQqKClOUJz0/z9YHRLv/+L7D+8V3cuHmgAHjGwM6ELUByxUMIOZCmbgAAA5LQ8XeJxjYGRgYABiO68w73h+m68M3EwMIHC+sKIeTqsyqDLeZrwN5HIwgKUB/aYJUgAAeJxjYGRgYLzNwMCgx8QAAkA2IwMqYAIAMGIB7QIAAAACAAAlACUAJQAlAAAAAFAAAAUAAHicbY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV4nGNgZkAGjAxoAAAAjgAF) format('woff'), url(data:font/ttf;base64,AAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=) format('truetype'), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxtZXRhZGF0YT5HZW5lcmF0ZWQgYnkgRm9udGFzdGljLm1lPC9tZXRhZGF0YT4KPGRlZnM+Cjxmb250IGlkPSJzbGljayIgaG9yaXotYWR2LXg9IjUxMiI+Cjxmb250LWZhY2UgZm9udC1mYW1pbHk9InNsaWNrIiB1bml0cy1wZXItZW09IjUxMiIgYXNjZW50PSI0ODAiIGRlc2NlbnQ9Ii0zMiIvPgo8bWlzc2luZy1nbHlwaCBob3Jpei1hZHYteD0iNTEyIiAvPgoKPGdseXBoIHVuaWNvZGU9IiYjODU5NDsiIGQ9Ik0yNDEgMTEzbDEzMCAxMzBjNCA0IDYgOCA2IDEzIDAgNS0yIDktNiAxM2wtMTMwIDEzMGMtMyAzLTcgNS0xMiA1LTUgMC0xMC0yLTEzLTVsLTI5LTMwYy00LTMtNi03LTYtMTIgMC01IDItMTAgNi0xM2w4Ny04OC04Ny04OGMtNC0zLTYtOC02LTEzIDAtNSAyLTkgNi0xMmwyOS0zMGMzLTMgOC01IDEzLTUgNSAwIDkgMiAxMiA1eiBtMjM0IDE0M2MwLTQwLTktNzctMjktMTEwLTIwLTM0LTQ2LTYwLTgwLTgwLTMzLTIwLTcwLTI5LTExMC0yOS00MCAwLTc3IDktMTEwIDI5LTM0IDIwLTYwIDQ2LTgwIDgwLTIwIDMzLTI5IDcwLTI5IDExMCAwIDQwIDkgNzcgMjkgMTEwIDIwIDM0IDQ2IDYwIDgwIDgwIDMzIDIwIDcwIDI5IDExMCAyOSA0MCAwIDc3LTkgMTEwLTI5IDM0LTIwIDYwLTQ2IDgwLTgwIDIwLTMzIDI5LTcwIDI5LTExMHoiLz4KPGdseXBoIHVuaWNvZGU9IiYjODU5MjsiIGQ9Ik0yOTYgMTEzbDI5IDMwYzQgMyA2IDcgNiAxMiAwIDUtMiAxMC02IDEzbC04NyA4OCA4NyA4OGM0IDMgNiA4IDYgMTMgMCA1LTIgOS02IDEybC0yOSAzMGMtMyAzLTggNS0xMyA1LTUgMC05LTItMTItNWwtMTMwLTEzMGMtNC00LTYtOC02LTEzIDAtNSAyLTkgNi0xM2wxMzAtMTMwYzMtMyA3LTUgMTItNSA1IDAgMTAgMiAxMyA1eiBtMTc5IDE0M2MwLTQwLTktNzctMjktMTEwLTIwLTM0LTQ2LTYwLTgwLTgwLTMzLTIwLTcwLTI5LTExMC0yOS00MCAwLTc3IDktMTEwIDI5LTM0IDIwLTYwIDQ2LTgwIDgwLTIwIDMzLTI5IDcwLTI5IDExMCAwIDQwIDkgNzcgMjkgMTEwIDIwIDM0IDQ2IDYwIDgwIDgwIDMzIDIwIDcwIDI5IDExMCAyOSA0MCAwIDc3LTkgMTEwLTI5IDM0LTIwIDYwLTQ2IDgwLTgwIDIwLTMzIDI5LTcwIDI5LTExMHoiLz4KPGdseXBoIHVuaWNvZGU9IiYjODIyNjsiIGQ9Ik00NzUgMjU2YzAtNDAtOS03Ny0yOS0xMTAtMjAtMzQtNDYtNjAtODAtODAtMzMtMjAtNzAtMjktMTEwLTI5LTQwIDAtNzcgOS0xMTAgMjktMzQgMjAtNjAgNDYtODAgODAtMjAgMzMtMjkgNzAtMjkgMTEwIDAgNDAgOSA3NyAyOSAxMTAgMjAgMzQgNDYgNjAgODAgODAgMzMgMjAgNzAgMjkgMTEwIDI5IDQwIDAgNzctOSAxMTAtMjkgMzQtMjAgNjAtNDYgODAtODAgMjAtMzMgMjktNzAgMjktMTEweiIvPgo8Z2x5cGggdW5pY29kZT0iJiM5NzsiIGQ9Ik00NzUgNDM5bDAtMTI4YzAtNS0xLTktNS0xMy00LTQtOC01LTEzLTVsLTEyOCAwYy04IDAtMTMgMy0xNyAxMS0zIDctMiAxNCA0IDIwbDQwIDM5Yy0yOCAyNi02MiAzOS0xMDAgMzktMjAgMC0zOS00LTU3LTExLTE4LTgtMzMtMTgtNDYtMzItMTQtMTMtMjQtMjgtMzItNDYtNy0xOC0xMS0zNy0xMS01NyAwLTIwIDQtMzkgMTEtNTcgOC0xOCAxOC0zMyAzMi00NiAxMy0xNCAyOC0yNCA0Ni0zMiAxOC03IDM3LTExIDU3LTExIDIzIDAgNDQgNSA2NCAxNSAyMCA5IDM4IDIzIDUxIDQyIDIgMSA0IDMgNyAzIDMgMCA1LTEgNy0zbDM5LTM5YzItMiAzLTMgMy02IDAtMi0xLTQtMi02LTIxLTI1LTQ2LTQ1LTc2LTU5LTI5LTE0LTYwLTIwLTkzLTIwLTMwIDAtNTggNS04NSAxNy0yNyAxMi01MSAyNy03MCA0Ny0yMCAxOS0zNSA0My00NyA3MC0xMiAyNy0xNyA1NS0xNyA4NSAwIDMwIDUgNTggMTcgODUgMTIgMjcgMjcgNTEgNDcgNzAgMTkgMjAgNDMgMzUgNzAgNDcgMjcgMTIgNTUgMTcgODUgMTcgMjggMCA1NS01IDgxLTE1IDI2LTExIDUwLTI2IDcwLTQ1bDM3IDM3YzYgNiAxMiA3IDIwIDQgOC00IDExLTkgMTEtMTd6Ii8+CjwvZm9udD48L2RlZnM+PC9zdmc+Cg==#slick) format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '\2190'; } [dir='rtl'] .slick-prev:before { content: '\2192'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '\2192'; } [dir='rtl'] .slick-next:before { content: '\2190'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '\2022'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } @charset "UTF-8";/*! * animate.css - https://animate.style/ * Version - 4.1.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2020 Animate.css */ :root { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1; } .animate__animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: var(--animate-duration); animation-duration: var(--animate-duration); -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animate__animated.animate__infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animate__animated.animate__repeat-1 { -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-iteration-count: var(--animate-repeat); animation-iteration-count: var(--animate-repeat); } .animate__animated.animate__repeat-2 { -webkit-animation-iteration-count: calc(1 * 2); animation-iteration-count: calc(1 * 2); -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2); animation-iteration-count: calc(var(--animate-repeat) * 2); } .animate__animated.animate__repeat-3 { -webkit-animation-iteration-count: calc(1 * 3); animation-iteration-count: calc(1 * 3); -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3); animation-iteration-count: calc(var(--animate-repeat) * 3); } .animate__animated.animate__delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-delay: var(--animate-delay); animation-delay: var(--animate-delay); } .animate__animated.animate__delay-2s { -webkit-animation-delay: calc(1s * 2); animation-delay: calc(1s * 2); -webkit-animation-delay: calc(var(--animate-delay) * 2); animation-delay: calc(var(--animate-delay) * 2); } .animate__animated.animate__delay-3s { -webkit-animation-delay: calc(1s * 3); animation-delay: calc(1s * 3); -webkit-animation-delay: calc(var(--animate-delay) * 3); animation-delay: calc(var(--animate-delay) * 3); } .animate__animated.animate__delay-4s { -webkit-animation-delay: calc(1s * 4); animation-delay: calc(1s * 4); -webkit-animation-delay: calc(var(--animate-delay) * 4); animation-delay: calc(var(--animate-delay) * 4); } .animate__animated.animate__delay-5s { -webkit-animation-delay: calc(1s * 5); animation-delay: calc(1s * 5); -webkit-animation-delay: calc(var(--animate-delay) * 5); animation-delay: calc(var(--animate-delay) * 5); } .animate__animated.animate__faster { -webkit-animation-duration: calc(1s / 2); animation-duration: calc(1s / 2); -webkit-animation-duration: calc(var(--animate-duration) / 2); animation-duration: calc(var(--animate-duration) / 2); } .animate__animated.animate__fast { -webkit-animation-duration: calc(1s * 0.8); animation-duration: calc(1s * 0.8); -webkit-animation-duration: calc(var(--animate-duration) * 0.8); animation-duration: calc(var(--animate-duration) * 0.8); } .animate__animated.animate__slow { -webkit-animation-duration: calc(1s * 2); animation-duration: calc(1s * 2); -webkit-animation-duration: calc(var(--animate-duration) * 2); animation-duration: calc(var(--animate-duration) * 2); } .animate__animated.animate__slower { -webkit-animation-duration: calc(1s * 3); animation-duration: calc(1s * 3); -webkit-animation-duration: calc(var(--animate-duration) * 3); animation-duration: calc(var(--animate-duration) * 3); } @media print, (prefers-reduced-motion: reduce) { .animate__animated { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; } .animate__animated[class*='Out'] { opacity: 0; } } /* Attention seekers */ @-webkit-keyframes bounce { from, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0) scaleY(0.95); transform: translate3d(0, 0, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 0) scaleY(1.02); } } @keyframes bounce { from, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0) scaleY(0.95); transform: translate3d(0, 0, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 0) scaleY(1.02); } } .animate__bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .animate__flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate__pulse { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate__rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shakeX { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shakeX { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .animate__shakeX { -webkit-animation-name: shakeX; animation-name: shakeX; } @-webkit-keyframes shakeY { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } } @keyframes shakeY { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } } .animate__shakeY { -webkit-animation-name: shakeY; animation-name: shakeY; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .animate__headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .animate__swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate__tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .animate__jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } .animate__heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: calc(1s * 1.3); animation-duration: calc(1s * 1.3); -webkit-animation-duration: calc(var(--animate-duration) * 1.3); animation-duration: calc(var(--animate-duration) * 1.3); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } /* Back entrances */ @-webkit-keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(0.7); transform: translateY(-1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(0.7); transform: translateY(-1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInDown { -webkit-animation-name: backInDown; animation-name: backInDown; } @-webkit-keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInLeft { -webkit-animation-name: backInLeft; animation-name: backInLeft; } @-webkit-keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInRight { -webkit-animation-name: backInRight; animation-name: backInRight; } @-webkit-keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(0.7); transform: translateY(1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(0.7); transform: translateY(1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInUp { -webkit-animation-name: backInUp; animation-name: backInUp; } /* Back exits */ @-webkit-keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(700px) scale(0.7); transform: translateY(700px) scale(0.7); opacity: 0.7; } } @keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(700px) scale(0.7); transform: translateY(700px) scale(0.7); opacity: 0.7; } } .animate__backOutDown { -webkit-animation-name: backOutDown; animation-name: backOutDown; } @-webkit-keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } } @keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } } .animate__backOutLeft { -webkit-animation-name: backOutLeft; animation-name: backOutLeft; } @-webkit-keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } } @keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } } .animate__backOutRight { -webkit-animation-name: backOutRight; animation-name: backOutRight; } @-webkit-keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(-700px) scale(0.7); transform: translateY(-700px) scale(0.7); opacity: 0.7; } } @keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(-700px) scale(0.7); transform: translateY(-700px) scale(0.7); opacity: 0.7; } } .animate__backOutUp { -webkit-animation-name: backOutUp; animation-name: backOutUp; } /* Bouncing entrances */ @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate__bounceIn { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); transform: translate3d(0, -3000px, 0) scaleY(3); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); transform: translate3d(0, 5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); transform: translate3d(0, -3000px, 0) scaleY(3); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); transform: translate3d(0, 5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); transform: translate3d(-3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0) scaleX(1); transform: translate3d(25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); transform: translate3d(-10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); transform: translate3d(5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); transform: translate3d(-3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0) scaleX(1); transform: translate3d(25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); transform: translate3d(-10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); transform: translate3d(5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); transform: translate3d(3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); transform: translate3d(-25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); transform: translate3d(10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); transform: translate3d(-5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); transform: translate3d(3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); transform: translate3d(-25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); transform: translate3d(10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); transform: translate3d(-5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); transform: translate3d(0, 3000px, 0) scaleY(5); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); transform: translate3d(0, 10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); transform: translate3d(0, -5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); transform: translate3d(0, 3000px, 0) scaleY(5); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); transform: translate3d(0, 10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); transform: translate3d(0, -5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } /* Bouncing exits */ @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .animate__bounceOut { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985); transform: translate3d(0, 10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); transform: translate3d(0, 2000px, 0) scaleY(3); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985); transform: translate3d(0, 10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); transform: translate3d(0, 2000px, 0) scaleY(3); } } .animate__bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); transform: translate3d(20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); transform: translate3d(-2000px, 0, 0) scaleX(2); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); transform: translate3d(20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); transform: translate3d(-2000px, 0, 0) scaleX(2); } } .animate__bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); transform: translate3d(-20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); transform: translate3d(2000px, 0, 0) scaleX(2); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); transform: translate3d(-20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); transform: translate3d(2000px, 0, 0) scaleX(2); } } .animate__bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); transform: translate3d(0, -10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); transform: translate3d(0, 20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); transform: translate3d(0, -2000px, 0) scaleY(3); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); transform: translate3d(0, -10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); transform: translate3d(0, 20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); transform: translate3d(0, -2000px, 0) scaleY(3); } } .animate__bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } /* Fading entrances */ @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .animate__fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInTopLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInTopLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInTopLeft { -webkit-animation-name: fadeInTopLeft; animation-name: fadeInTopLeft; } @-webkit-keyframes fadeInTopRight { from { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInTopRight { from { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInTopRight { -webkit-animation-name: fadeInTopRight; animation-name: fadeInTopRight; } @-webkit-keyframes fadeInBottomLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInBottomLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInBottomLeft { -webkit-animation-name: fadeInBottomLeft; animation-name: fadeInBottomLeft; } @-webkit-keyframes fadeInBottomRight { from { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInBottomRight { from { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInBottomRight { -webkit-animation-name: fadeInBottomRight; animation-name: fadeInBottomRight; } /* Fading exits */ @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .animate__fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .animate__fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .animate__fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .animate__fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .animate__fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .animate__fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .animate__fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .animate__fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .animate__fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutTopLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } } @keyframes fadeOutTopLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } } .animate__fadeOutTopLeft { -webkit-animation-name: fadeOutTopLeft; animation-name: fadeOutTopLeft; } @-webkit-keyframes fadeOutTopRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } } @keyframes fadeOutTopRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } } .animate__fadeOutTopRight { -webkit-animation-name: fadeOutTopRight; animation-name: fadeOutTopRight; } @-webkit-keyframes fadeOutBottomRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } } @keyframes fadeOutBottomRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } } .animate__fadeOutBottomRight { -webkit-animation-name: fadeOutBottomRight; animation-name: fadeOutBottomRight; } @-webkit-keyframes fadeOutBottomLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } } @keyframes fadeOutBottomLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } } .animate__fadeOutBottomLeft { -webkit-animation-name: fadeOutBottomLeft; animation-name: fadeOutBottomLeft; } /* Flippers */ @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animate__animated.animate__flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .animate__flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .animate__flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .animate__flipOutX { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .animate__flipOutY { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } /* Lightspeed */ @-webkit-keyframes lightSpeedInRight { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lightSpeedInRight { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__lightSpeedInRight { -webkit-animation-name: lightSpeedInRight; animation-name: lightSpeedInRight; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedInLeft { from { -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0; } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1; } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lightSpeedInLeft { from { -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0; } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1; } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__lightSpeedInLeft { -webkit-animation-name: lightSpeedInLeft; animation-name: lightSpeedInLeft; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOutRight { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOutRight { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .animate__lightSpeedOutRight { -webkit-animation-name: lightSpeedOutRight; animation-name: lightSpeedOutRight; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes lightSpeedOutLeft { from { opacity: 1; } to { -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOutLeft { from { opacity: 1; } to { -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0; } } .animate__lightSpeedOutLeft { -webkit-animation-name: lightSpeedOutLeft; animation-name: lightSpeedOutLeft; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } /* Rotating entrances */ @-webkit-keyframes rotateIn { from { -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateIn { from { -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } /* Rotating exits */ @-webkit-keyframes rotateOut { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .animate__rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes rotateOutDownLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .animate__rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateOutDownRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .animate__rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateOutUpLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .animate__rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateOutUpRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .animate__rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } /* Specials */ @-webkit-keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .animate__hinge { -webkit-animation-duration: calc(1s * 2); animation-duration: calc(1s * 2); -webkit-animation-duration: calc(var(--animate-duration) * 2); animation-duration: calc(var(--animate-duration) * 2); -webkit-animation-name: hinge; animation-name: hinge; -webkit-transform-origin: top left; transform-origin: top left; } @-webkit-keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .animate__jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .animate__rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } /* Zooming entrances */ @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .animate__zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } /* Zooming exits */ @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .animate__zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); } } .animate__zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; -webkit-transform-origin: left center; transform-origin: left center; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); } } .animate__zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; -webkit-transform-origin: right center; transform-origin: right center; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; -webkit-transform-origin: center bottom; transform-origin: center bottom; } /* Sliding entrances */ @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } /* Sliding exits */ @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .animate__slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .animate__slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .animate__slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .animate__slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .case-page .case-header-container { background: url(/static/images/case-page/headerBg.png) no-repeat center / cover; padding-bottom: 80px; } .case-page .case-header-container .case-header-content { width: 1200px; margin: 0 auto; } .case-page .case-header-container .case-header-content > h4 { font-size: 32px; color: #ffffff; text-align: center; line-height: 40px; font-weight: 400; padding: 80px 0 24px 0; } .case-page .case-header-container .case-header-content > p { font-size: 14px; color: #ffffff; text-align: center; line-height: 22px; font-weight: 400; } .case-page .case-header-container .case-header-content .slider-wrap { width: 100%; margin-top: 40px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .case-page .case-header-container .case-header-content .slider-wrap .pre-arr { position: absolute; width: 48px; height: 48px; background: url(/static/images/case-page/btn.png) no-repeat center / cover; z-index: 1; top: 50%; margin-top: -24px; left: 40px; cursor: pointer; } .case-page .case-header-container .case-header-content .slider-wrap .next-arr { position: absolute; width: 48px; height: 48px; background: url(/static/images/case-page/btn.png) no-repeat center / cover; z-index: 1; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); top: 50%; margin-top: -24px; right: 40px; cursor: pointer; } .case-page .case-header-container .case-header-content .slider-wrap .content { width: 1184px; height: 320px; } .case-page .case-header-container .case-header-content .slider-wrap .content > div { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; height: 100%; margin: 0 30px; background: #ffffff; -webkit-box-shadow: 0 2px 4px 0 rgba(203, 209, 218, 0.4); box-shadow: 0 2px 4px 0 rgba(203, 209, 218, 0.4); padding: 40px; } .case-page .case-header-container .case-header-content .slider-wrap .content > div .left { width: 500px; } .case-page .case-header-container .case-header-content .slider-wrap .content > div .left > img { margin-top: 24px; } .case-page .case-header-container .case-header-content .slider-wrap .content > div .left > p { margin-top: 32px; font-size: 14px; color: #686c78; letter-spacing: 0; line-height: 24px; font-weight: 400; width: 450px; text-align: justify; } .case-page .case-header-container .case-header-content .slider-wrap .content > div .imgBox { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 356px; } .case-page .case-header-container .case-header-content .slider-wrap .content > div .imgBox > img { width: 100%; } .case-page h2 { font-size: 30px; color: #1e1f23; letter-spacing: 0; text-align: center; line-height: 40px; font-weight: 400; padding: 80px 0 40px; } .case-page .partOneContainer { background: #ffffff; padding-bottom: 80px; } .case-page .partOneContainer .itemContainer { width: 1200px; margin: 0 auto; } .case-page .partOneContainer .itemContainer .navContainer { display: -webkit-box; display: -ms-flexbox; display: flex; width: 800px; margin: 0 auto; cursor: pointer; } .case-page .partOneContainer .itemContainer .navContainer > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; line-height: 76px; font-size: 18px; color: #1e1f23; letter-spacing: 0; text-align: center; font-weight: 500; border-bottom: 2px solid #fff; } .case-page .partOneContainer .itemContainer .navContainer .active { color: #0b6fd6; border-color: #0b6fd6; } .case-page .partOneContainer .itemContainer .contentContainer { padding: 50px 0 40px; } .case-page .partOneContainer .itemContainer .contentContainer > div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .case-page .partOneContainer .itemContainer .contentContainer > div > div { width: calc(25% - 16px); border: 1px solid #e6eaef; -webkit-box-sizing: border-box; box-sizing: border-box; height: 88px; margin: 8px; position: relative; } .case-page .partOneContainer .itemContainer .contentContainer > div > div > img { display: inline-block; width: 80%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .case-page .partOneContainer .itemContainer .tip { font-size: 16px; color: #686c78; line-height: 24px; font-weight: 400; } .case-page .partTwoContainer { background: #f7f9fc; padding-bottom: 80px; } .case-page .partTwoContainer .itemContainer { display: -webkit-box; display: -ms-flexbox; display: flex; width: 1200px; margin: 0 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; } .case-page .partTwoContainer .itemContainer .itemBox { -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; width: 33.33%; } .case-page .partTwoContainer .itemContainer .itemBox .item { margin: 16px; background: #ffffff; -webkit-box-shadow: 0 10px 15px 0 rgba(216, 226, 240, 0.3); box-shadow: 0 10px 15px 0 rgba(216, 226, 240, 0.3); padding: 32px 24px; text-align: center; } .case-page .partTwoContainer .itemContainer .itemBox .item .imgContainer { height: 50px; } .case-page .partTwoContainer .itemContainer .itemBox .item .imgContainer > img { display: inline-block; width: 40%; } .case-page .partTwoContainer .itemContainer .itemBox .item > h6 { font-size: 18px; color: #1e1f23; text-align: center; line-height: 24px; font-weight: 400; margin: 32px 0 16px; } .case-page .partTwoContainer .itemContainer .itemBox .item > h6 > span { font-size: 16px; } .case-page .partTwoContainer .itemContainer .itemBox .item > p { text-align: justify; height: 100px; } .article-page #content li { list-style: inherit !important; } .article-page .container { width: 1150px; max-width: 1150px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; margin-top: 40px; margin-bottom: 30px; } .article-page .container .content { width: 64% !important; padding: 0 !important; } .article-page .container .content .help-title { border-bottom: 1px solid #efefef; } .article-page .container .content .help-title .title { text-align: left; color: #333; font-size: 18px; font-weight: 700; letter-spacing: 1px; margin-bottom: 30px; } .article-page .container .content .help-title .help-info { margin: 0; height: 30px; line-height: 30px; } .article-page .container .content .help-title .help-info span { font-size: 14px; color: #999; display: inline-block; vertical-align: middle; } .article-page .container .content .help-title .help-info .extra-content { display: inline-block; width: 100%; height: 100%; background-color: #2370e7; font-size: 14px; color: #fff; border-radius: 2px; height: 30px; width: 100px; line-height: 30px; text-align: center; } .article-page .container .content .help-title .help-info .i-time { background: url(/static/images/news/icon-time.png) no-repeat left top; width: 17px; height: 17px; margin-right: 5px; vertical-align: -3px; } .article-page .container .post { border: none !important; } .article-page .container h2 { font-weight: normal !important; font-size: 100% !important; } .article-page .container h3 { font-weight: normal !important; font-size: 100% !important; } .article-page .container .icon-search:before { content: "" !important; } .article-page .container ul { padding: 0 !important; } .article-page img { -o-object-fit: contain; object-fit: contain; } .basebanner-wrap { width: 100%; height: 379px; background-repeat: no-repeat; background-position: center; background-size: cover; } .basebanner-wrap .basebanner-container { width: 1152px; height: 100%; margin: 0 auto; } .basebanner-wrap .basebanner-container .basebanner-title { font-size: 32px; color: #fff; padding: 69px 0 13px 0; line-height: 46px; text-align: left; } .basebanner-wrap .basebanner-container .basebanner-description { font-size: 14px; color: #fff; line-height: 21px; margin-bottom: 55px; width: 496px; } .basebanner-wrap .basebanner-container .basebanner-btn { width: 136px; line-height: 40px; background-color: #2370e7; text-align: center; border-radius: 2px; } .basebanner-wrap .basebanner-container .basebanner-btn > a { display: inline-block; color: #fff; } .basenav-wrap { padding: 25px 0; height: 67px; width: 100%; border-bottom: 1px solid #f2f4f7; background: #fff; } .basenav-wrap ul { height: 100%; width: 960px; margin: auto; } .basenav-wrap ul li { float: left; font-size: 18px; font-weight: bold; line-height: 1.2; color: #333333; border: 1px solid #ddd; padding: 22px 83px; margin-left: -1px; background-color: #fff; position: relative; } .basenav-wrap ul li:first-child { border-radius: 3px 0 0 3px; } .basenav-wrap ul li:last-child { border-radius: 0 3px 3px 0; } .basenav-wrap ul li a { color: #333; } .basenav-wrap ul li a.active_tag { color: #0260e7; } #navTab[data-fixed="fixed"] { position: fixed; top: 0; left: 0; width: 100%; z-index: 1; } .basenav-active { background-color: #e8edff !important; border-color: #b3c9ea !important; z-index: 1; } .basenav-active a { color: #416af3 !important; } .leftandright-wrap { width: 1152px; margin: 0 auto; } .leftandright-wrap .leftandright-content > li { background-repeat: no-repeat; background-size: contain; background-position: 685px center; height: 284px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .leftandright-wrap .leftandright-content > li:nth-child(even) { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; background-position: 100px center; } .leftandright-wrap .leftandright-content > li .content > h4 { font-size: 18px; margin-bottom: 20px; width: 210px; text-align: initial; color: rgba(0, 0, 0, 0.85); font-weight: 500; } .leftandright-wrap .leftandright-content > li .content > p { width: 497px; font-size: 14px; line-height: 24px; font-weight: 200; text-align: left; color: rgba(41, 55, 67, 0.8); } .KSATD-page .KSATD-content h2 { font-size: 22px; color: #333; line-height: 30px; padding-top: 50px; text-align: center; } .KSATD-page .KSATD-content .part-one { background-color: #f7f9fc; } .KSATD-page .KSATD-content .part-one .content { padding: 56px 0; } .KSATD-page .KSATD-content .part-two .product-list { display: -webkit-box; display: -ms-flexbox; display: flex; width: 1150px; margin: 0 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 56px; } .KSATD-page .KSATD-content .part-two .product-list > li { background-repeat: no-repeat; background-position: center 52px; background-size: auto; height: 360px; -webkit-box-flex: 0; -ms-flex: 0 0 550px; flex: 0 0 550px; padding: 52px 82px 34px 82px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; border: 1px solid #ddd; margin-bottom: 56px; } .KSATD-page .KSATD-content .part-two .product-list > li:nth-child(even) { margin-left: 39px; } .KSATD-page .KSATD-content .part-two .product-list > li .content { width: 370px; height: 78px; text-align: center; } .KSATD-page .KSATD-content .part-two .product-list > li .content > h4 { font-size: 18px; margin-bottom: 18px; color: rgba(0, 0, 0, 0.85); font-weight: 500; } .KSATD-page .KSATD-content .part-three { background-color: #f7f9fc; } .KSATD-page .KSATD-content .part-three .content { width: 1152px; height: 500px; margin: 56px auto; background: url("/static/images/product/KSATD/product.svg") no-repeat; } .KSATD-page .KSATD-content .part-four .content { width: 1152px; height: 182px; margin: 56px auto 81px auto; background: url("/static/images/product/KSATD/case.svg") no-repeat; } .KSATD-page .KSATD-content #Scene { position: absolute; top: 400px; } .KSATD-page .KSATD-content #Features { position: absolute; top: 1075px; } .KSATD-page .KSATD-content #Function { position: absolute; top: 2034px; } .KSATD-page .KSATD-content #Case { position: absolute; top: 2688px; }