/** * Swiper 6.8.4 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: August 23, 2021 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, 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') format('woff');font-weight:400;font-style:normal}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-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{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{-webkit-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{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top, left top,from(rgba(0, 0, 0, .5)),to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(right,rgba(0, 0, 0, .5),rgba(0, 0, 0, 0));background-image:linear-gradient(to left,rgba(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, .5)),to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(left,rgba(0, 0, 0, .5),rgba(0, 0, 0, 0));background-image:linear-gradient(to right,rgba(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, .5)),to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(bottom,rgba(0, 0, 0, .5),rgba(0, 0, 0, 0));background-image:linear-gradient(to top,rgba(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, .5)),to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(top,rgba(0, 0, 0, .5),rgba(0, 0, 0, 0));background-image:linear-gradient(to bottom,rgba(0, 0, 0, .5),rgba(0, 0, 0, 0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#007aff}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:44px;text-transform:none!important;letter-spacing:0;text-transform:none;-webkit-font-feature-settings:;font-feature-settings:;font-variant:normal;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0px,-50%,0);transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s transform,.2s top;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s transform,.2s left;transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s transform,.2s right;transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0, 0, 0, .25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0, 0, 0, .1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0, 0, 0, .5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s infinite linear;animation:swiper-preloader-spin 1s infinite linear;-webkit-box-sizing:border-box;box-sizing:border-box;border:4px solid #007aff;border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:url('data:image/svg+xml;charset=utf-8,#filter');-webkit-filter:blur(50px);filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}body { background-color: #eff6ff; } .head-fix { z-index: 999; width: 100%; position: fixed; max-width: 4rem; top: 0; cursor: pointer; } .footer-fix { width: 100%; position: fixed; z-index: 99999; max-width: 4rem; bottom: 0; cursor: pointer; } .download-page-top { position: relative; } .download-page-top .banner { width: 100%; position: relative; top: -110px; } .download-page-top .slogan { width: 3.39rem; position: absolute; left: 5%; top: 3.4rem; } .download-page-top p { font-size: 18px; font-weight: bold; text-align: center; color: #67728f; } .download-page-top .des-wrap { position: absolute; top: 3.9rem; left: 50%; width: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .download-page-top .down2 { position: absolute; top: 4.4rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 188px; height: 55px; background-image: url(/images/but-ios@2x.png); background-size: 100% 100%; background-position: center; cursor: pointer; } .download-page-top .down2 img { width: 25px; } .download-page-top .down2 span { font-size: 12.8px; color: #70461a; font-weight: bold; } .download-page-top .down-btn { position: absolute; top: 4.6rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 188px; height: 55px; background-image: url(/images/but-ios@2x.png); background-size: 100% 100%; background-position: center; cursor: pointer; } .download-page-top .down-btn img { width: 20px; } .download-page-top .down-btn span { font-size: 12.8px; color: #eff6ff; font-weight: bold; font-family: MicrosoftYaHeiUI; } .download-page-top a { position: absolute; top: 5.45rem; left: 50%; width: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 18px; text-align: center; color: #67728f; } .download-page-bottom { position: absolute; top: 6.26rem; } .swiper-container { width: 100%; } .swiper-slide-img { width: 100%; } .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: -10px !important; } .swiper-pagination-bullet { opacity: 1 !important; width: 28px !important; height: 6px !important; margin: 0 8px 0 0 !important; border-radius: 3px !important; background-color: #aeb2be !important; } .swiper-pagination-bullet-active { opacity: 1 !important; width: 28px !important; height: 6px !important; margin: 0 8px 0 0 !important; border-radius: 3px !important; background-image: -webkit-gradient(linear, left top, right top, from(#49B7FE), to(#2E93FA)) !important; background-image: -webkit-linear-gradient(left, #49B7FE, #2E93FA 100%) !important; background-image: linear-gradient(to right, #49B7FE, #2E93FA 100%) !important; } .show-more-block { margin-bottom: 30px; position: absolute; top: 5.6rem; } .download-page { width: 100%; min-height: 100vh; z-index: 2; max-width: 4rem; margin: 0 auto; position: relative; } .install-slogan { font-family: PingFangHK; font-size: 13px; color: #f26161; padding-top: 20px; } @media (max-width: 19200px) { * { margin: 0; padding: 0; text-decoration: none; } *::-webkit-scrollbar { display: none; } *::-webkit-scrollbar-thumb { display: none; } .show-more-block { width: 100%; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 10px; } .show-more-block > span { background-image: -webkit-gradient(linear, left top, left bottom, from(#e3ac72), color-stop(75%, #da9852)); background-image: -webkit-linear-gradient(top, #e3ac72, #da9852 75%); background-image: linear-gradient(to bottom, #e3ac72, #da9852 75%); font-size: 3.46vw; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: #3888FF; } .show-more-block > img { width: 3.2vw; margin-top: 3px; } .download-page-top { padding-top: 80px; width: 100%; } .download-page-top-box { max-width: 1090px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } .download-page-top-box .qiuyuan { width: 582px; height: 508px; position: absolute; right: 500px; z-index: 2; padding-top: 57px; } .download-page-top-box section { width: 500px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; z-index: 5; } .download-page-top-box section .logo { width: 134px; height: 57px; } .download-page-top-box section .imgTitle { width: 440px; height: 64px; margin: 2vw 0; } .download-page-top-box section .imgText { max-width: 504px; font-size: 28px; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: center; color: #8c95ac; } .download-page-top-box section .imgtext { max-width: 598px; font-size: 28px; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #8c95ac; margin-bottom: 40px; } .Unqiuyuan { display: none; } .content { width: 100%; height: 270px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } .qr, .btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 270px; } .btn { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; position: absolute; padding-top: 7px; -webkit-box-sizing: border-box; box-sizing: border-box; top: 0; right: 0; } .btn .download-app-btn-android { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .btn .download-app-btn-android img { margin-top: 6px !important; } .btn .download-app-btn-ios-firm { margin-bottom: 28px; } .qr-info { width: 220px; height: 220px; border-radius: 15px; background: #fff; -webkit-box-shadow: 0 6px 16px 0 rgba(69, 74, 99, .08); box-shadow: 0 6px 16px 0 rgba(69, 74, 99, .08); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .download-page-top-box section .content .qr-text, .download-page-top-box section .content .btn-text { height: 23px; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #67728f; } .download-page-top-box section .content .btn .iconAnd, .download-page-top-box section .content .btn .iconIos { width: 200px; height: 61px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 15px 7px 15px; border-radius: 12px; background-image: url('/images/download/but-03@3x.png'); background-size: 100% 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .download-page-top-box section .content .btn .iconAnd .imgBtn, .download-page-top-box section .content .btn .iconIos .imgBtn { width: 30px; height: 30px; } .download-page-top-box section .content .btn .iconAnd .imgText, .download-page-top-box section .content .btn .iconIos .imgText { height: 17px; font-size: 14px; font-weight: normal; color: #ffffff; margin-left: 7px; } .download-page-top-box section .content .btn .iconIos { background-image: url('/images/download/but-01@3x.png'); background-size: 100% 100%; } .download-page-top-box section .content .btn .iconAnd:hover { background-image: url('/images/download/but-04@3x.png'); background-size: 100% 100%; } .download-page-top-box section .content .btn .iconIos:hover { background-image: url('/images/download/but-02@3x.png'); background-size: 100% 100%; } .offWeb, .unoffWeb { height: 18px; margin: 17px 0 0; font-size: 13px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #67728f; } .unoffWeb { display: none; } .download-page-bottom { width: 100%; } .download-page-bottom .imgBoxs { max-width: 1200px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .download-page-bottom .imgBoxs .img { width: 300px; } .download-page-bottom .imgBoxs .text { height: 42px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(22%, #dfbd8d), color-stop(79%, #ba946e)); background-image: -webkit-linear-gradient(top, #dfbd8d 22%, #ba946e 79%); background-image: linear-gradient(to bottom, #dfbd8d 22%, #ba946e 79%); font-size: 30px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-top: 38px; } .download-page-bottom .imgBoxs .cont { font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #67728f; margin-bottom: 26px; } .download-page-bottom .installation-tutorial { width: 86%; height: 600px; margin-bottom: 30px; margin-left: 2%; background-image: url(/images/img-ios-azbj-534-871@2x.png); background-size: 100% 100%; background-position: center; } .download-page-bottom .installation-tutorial .yellow-line { width: 100%; height: 1px; background: #e0be90; } .download-page-bottom .installation-tutorial .install-header { width: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-family: MicrosoftYaHeiUI; font-size: 16px; font-weight: bold; text-align: center; color: #666a80; margin-left: 25%; background-color: #E5EAF0; border-radius: 20px; } .download-page-bottom .installation-tutorial .install-header img { width: 3rem; position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: block; margin-bottom: 7px; } .download-page-bottom .installation-tutorial .install-header span { font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #8a93ac; } .download-page-bottom .installation-tutorial .install-tips { height: 42px; padding-left: 10px; margin-top: 30px; margin-bottom: 18px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .download-page-bottom .installation-tutorial .install-tips > span { font-size: 30px; font-weight: 500; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(22%, #dfbd8d), color-stop(79%, #ba946e)); background-image: -webkit-linear-gradient(top, #dfbd8d 22%, #ba946e 79%); background-image: linear-gradient(to bottom, #dfbd8d 22%, #ba946e 79%); font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .download-page-bottom .installation-tutorial .install-tips > img { width: 34px; height: 35px; margin-right: 10px; } .download-page-bottom .installation-tutorial .ios-step-des-container { height: 100px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 0.2rem; } .download-page-bottom .installation-tutorial .android-step-des-container { height: 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 0.2rem; } .download-page-bottom .installation-tutorial .step-description { font-size: 18px; font-weight: 500; color: #67728f; } .download-page-bottom .installation-tutorial .step-description-img { padding-top: 26px; } .download-page-bottom .installation-tutorial .step-description-img .ios-step-img-1 { margin-bottom: 15px; } .download-page-bottom .installation-tutorial .step-description-img .ios-step-img-1, .download-page-bottom .installation-tutorial .step-description-img .ios-step-img-2, .download-page-bottom .installation-tutorial .step-description-img .android-step-img-1, .download-page-bottom .installation-tutorial .step-description-img .android-step-img-2 { width: 345px; height: 132px; } .download-page-bottom .installation-tutorial .step-description-img .ios-step-img-2, .download-page-bottom .installation-tutorial .step-description-img .android-step-img-2 { width: 345px; height: 132px; } .download-page-bottom .installation-tutorial .step-description-img .steptitle2 { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 23px; } .download-page-bottom .installation-tutorial .step-description-img .steptitle { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: space-evenly; -webkit-justify-content: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } .download-page-bottom .installation-tutorial .step-description-img .steptitle .item { width: 148px; } .download-page-bottom .installation-tutorial .step-description-img .steptitle .item .title { width: 148px; height: 24px; border-radius: 12px; background-color: #B6BFCE; font-family: PingFangSC; font-size: 11px; font-weight: 600; text-align: center; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .download-page-bottom .installation-tutorial .step-description-img .steptitle .item .distials { font-family: PingFangSC; font-size: 12px; line-height: 1.17; text-align: center; color: #67728f; margin: 6px auto 12px auto; } .download-page-bottom footer { max-width: 1200px; padding-bottom: 30px; margin: 0 auto 80px auto; font-size: 16px; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #7F8498; } } /*>=1024的设备*/ @media screen and (min-width: 600px) { .down-btn { width: 282px !important; height: 81px !important; background-image: url(/images/but-01@3x.png); background-size: 100% 100%; } .down-btn span { font-family: MicrosoftYaHeiUI !important; font-size: 19.2px !important; font-weight: bold !important; color: #eff6ff !important; } .down-btn img { width: 30px !important; } .show-more-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; top: 5.4rem !important; } .show-more-block span { font-size: 20px; font-weight: 500 !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#e3ac72), to(#da9852)); background-image: -webkit-linear-gradient(top, #e3ac72, #da9852); background-image: linear-gradient(to bottom, #e3ac72, #da9852); font-family: PingFangSC; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: #3888FF; } .show-more-block img { width: 20px !important; } .down-btn:hover { background-size: 100% 100%; background-position: center; } .down-btn:active { background-size: 100% 100%; background-position: center; } .download-app-btn-android { top: 4.5rem !important; } .download-page-top a { top: 5.2rem !important; font-family: MicrosoftYaHeiUI; font-size: 26px !important; } .download-page-bottom { top: 6.15rem !important; } .install-slogan { padding: 0 40px; font-family: PingFangHK; font-size: 19.5px !important; margin-top: 50px; } .installation-tutorial { width: 533px !important; height: 870px !important; margin-left: 6% !important; background-image: url(/images/img-ios-azbj-534-871@2x.png) !important; } .offline-install { height: 1130px !important; } .offline-install .offline-install-slogan { text-align: center; } .ios-step-img-1, .ios-step-img-2 { width: auto !important; height: 190px !important; } .item { width: 200px !important; } .item .title { width: 222px !important; height: 36px !important; border-radius: 18px !important; font-family: PingFangSC !important; font-size: 16.5px !important; font-weight: 600 !important; } .distials { margin: 10px auto 16px auto !important; font-family: PingFangSC; font-size: 18px !important; line-height: 1.17; text-align: center; color: #67728f; } .install-header { padding-top: 10px !important; font-family: MicrosoftYaHeiUI !important; font-size: 24px !important; font-weight: bold !important; position: relative; top: 38px; line-height: 23px; padding-bottom: 8px; } .steptitle2 { margin-bottom: 47px !important; } .steptitle { margin-top: 17px !important; } .download-page-top p { font-size: 26px; font-weight: bold; margin-top: 8px; } } @media (max-width: 1200px) { .download-page-top-box { width: 800px; } .download-page-bottom .imgBoxs { width: 800px; } .download-page-top-box .qiuyuan { max-width: 417px; max-height: 364px; right: inherit; top: 133px; left: -43px; } .download-page-top-box section .content { width: 90%; } .download-page-top-box section .imgTitle { margin-bottom: 35px; } .download-page-bottom .imgBoxs .img { width: 200px; } .download-page-bottom .imgBoxs .text { font-size: 20px; height: 28px; } .download-page-bottom .imgBoxs .cont { font-size: 12px; } } @media (max-width: 800px) { .download-page-top-box { width: 100vw; } .download-page-bottom .imgBoxs { width: 100vw; } .installation-tutorial { width: 100vw; } } @media (max-width: 750px) { .download-page-top-box { padding-right: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .download-page-top-box .qiuyuan { display: none; } .download-page-top-box section { width: 100%; } .download-page-top-box section .logo { width: 25vw; height: auto; min-width: 94px; min-height: 40px; margin-top: -30px; } .download-page-top-box section .imgTitle { width: 65vw; height: auto; min-width: 245px; min-height: 35px; margin: 8.4vw 0 3.5vw 0; } .download-page-top-box section .imgText { font-size: 32px; } .download-page-top-box section .imgtext { margin-top: 3px; font-size: 28px; margin-bottom: 53px; } .Unqiuyuan { display: inherit; width: 69vw; height: auto; } .download-page-top-box section .content { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .download-page-top-box section .content .qr { display: none; } .btn { position: inherit; margin: 0 auto; } .download-page-bottom .imgBoxs { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .download-page-bottom .imgBoxs .img { width: 80vw; } .content, .qr, .btn { height: auto; } .download-page-top-box section .content .btn .iconAnd { margin-bottom: 4.666vw; } .download-page-top-box section .content .btn .iconIos { margin-bottom: 6.666vw; } .download-page-top-box section .content .btn .iconAnd, .download-page-top-box section .content .btn .iconIos { width: 79.8vw; height: 13.1vw; min-width: 282px; min-height: 45px; max-width: 600px; max-height: 100px; background-image: url('/images/download/but-07@3x.png'); background-size: 100% 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .download-page-top-box section .content .btn .iconIos { background-image: url('/images/download/but-05@3x.png'); background-size: 100% 100%; } .download-page-top-box section .content .btn .iconAnd:hover { background-image: url('/images/download/but-08@3x.png'); background-size: 100% 100%; } .download-page-top-box section .content .btn .iconIos:hover { background-image: url('/images/download/photo_2021-02-20_16-24-59.jpg'); background-size: 100% 100%; } .iIos { margin: 2vw 0; } .download-page-top-box section .content .btn .iconAnd .imgBtn, .download-page-top-box section .content .btn .iconIos .imgBtn { width: 6.4vw; height: 6.4vw; } .download-page-top-box section .content .btn .iconAnd .imgText, .download-page-top-box section .content .btn .iconIos .imgText { font-size: 2.93vw; height: auto; } .offWeb, .unoffWeb { height: auto; font-size: 3.46vw; color: #67728f; } .download-page-bottom .imgBoxs .text { font-size: 30px; height: auto; } .download-page-bottom .imgBoxs .cont { font-size: 16px; margin-bottom: 30px; } .show-more-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .installation-tutorial { width: auto; padding: 0 17px; } .download-page-top-box { width: auto; } .download-page-bottom .imgBoxs { width: auto; } } @media (max-width: 500px) { .download-page-top-box { width: auto; } .installation-tutorial { width: auto; } .download-page-bottom .imgBoxs { width: auto; } .show-more-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .download-page-top-box section .logo { margin-top: -70px; } footer { font-size: 12px !important; } .offWeb { display: none; } .unoffWeb { display: inherit; } .content, .btn { height: auto; } .download-page-top { background-position: left 50% top -85px; padding-top: 95px; } .download-page-top-box section .imgText { font-size: 16px; } .download-page-top-box section .imgtext { font-size: 16px; margin-bottom: 26px; } .download-page-bottom .imgBoxs .text { font-size: 24px; margin-top: 0; } .download-page-bottom .imgBoxs .cont { font-size: 12px; } .download-page-bottom .imgBoxs .cont { margin-bottom: 12px; } .download-page-bottom .installation-tutorial .install-header { display: block; height: 35px; line-height: 35px; margin-bottom: 15px; position: relative; top: 25px; } .download-page-bottom .installation-tutorial .install-header h2 { min-width: 60px; font-size: 14px; margin-right: 4.5px; padding-top: 5px; margin-bottom: 5px; } .download-page-bottom .installation-tutorial .install-header span { font-size: 12px; } .download-page-bottom .installation-tutorial .install-tips { height: 21px; margin-top: 15px; margin-bottom: 9px; } .download-page-bottom .installation-tutorial .install-tips > span { font-size: 15px; } .download-page-bottom .installation-tutorial .install-tips > img { width: 17px; height: 17px; margin-right: 4.5px; } .offline-install { background-image: url(/images/img-bg-355*778@2x.png) !important; height: 778px !important; } .offline-install .offline-install-slogan { text-align: center; } .download-page-bottom .installation-tutorial .step-description { font-size: 12px; } .download-page-bottom .installation-tutorial .ios-step-des-container { height: 50px; } .download-page-bottom .installation-tutorial .android-step-des-container { height: 30px; } .download-page-top-box section .content .btn .iconIos { margin-bottom: 0; } } .ios-install-tutorial { width: 0.15rem !important; -webkit-transform: translateX(-50%) !important; margin-bottom: -1px !important; display: inline !important; display: initial !important; left: 0 !important; } .install-header-And { width: 70% !important; margin-left: 15% !important; }