﻿.appdownload_new .center{position:absolute;width:1200px;margin:auto;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.appdownload_new .bg3{background:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(#d7ecfa));background:linear-gradient(90deg,hsla(0,0%,100%,0),#d7ecfa);-webkit-transform:rotate(-60deg);transform:rotate(-50deg);top:120px;left:-115px}.appdownload_new .bg3,.appdownload_new .bg4{height:300px;width:500px;border-radius:300px;position:absolute;opacity:.3}.appdownload_new .bg4{background:-webkit-gradient(linear,left top,right top,from(#d7ecfa),to(hsla(0,0%,100%,0)));background:linear-gradient(90deg,#d7ecfa,hsla(0,0%,100%,0));-webkit-transform:rotate(-40deg);transform:rotate(-40deg);bottom:100px;right:-100px}.swiper-container{width:100vw;height:100vh}.appdownload_new .swiper-slide{background:#fff}.appdownload_new .connent{width:100%;height:100%;overflow:hidden}.appdownload_new .row{width:1280px;margin:0 auto;position:relative;z-index:2;height:100%}.appdownload_new .connent .nav{margin-top:40px;line-height:30px;height:30px}.appdownload_new .connent .nav img{display:inline-block}.appdownload_new .connent .nav button{float:right;font-size:12px;background:none;color:#84929c;margin-left:30px}.appdownload_new .connent .nav button.active{color:#009bf4}.appdownload_new .banner_1{background:#f6f7fb;position:relative}.appdownload_new .bg1{position:absolute;height:600px;width:1300px;background:red;border-radius:600px 0 0 600px;-webkit-transform:rotate(-38deg);transform:rotate(-38deg);z-index:1;right:0;top:0;margin-top:54px;margin-right:-178px;background:-webkit-gradient(linear,left top,right top,from(#d7ecfa),to(hsla(0,0%,100%,0)));background:linear-gradient(90deg,#d7ecfa,hsla(0,0%,100%,0))}.appdownload_new .dw_btn{width:128px;height:40px;border-radius:40px;color:#fff;background:#0b69ef;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-decoration:none}.appdownload_new .dw_btn img{margin-right:6px;height:20px}.appdownload_new .dw_btn:hover{opacity:.8}.appdownload_new .banner_1 .pic1{width:667px;position:absolute;right:-350px;opacity:0;will-change:margin;-webkit-transition:opacity .5s,right .5s;transition:opacity .5s,right .5s}.appdownload_new .banner_1 .leftside{text-align:center;position:absolute;-webkit-transform:translateX(-350px);transform:translateX(-350px);opacity:0;-webkit-transition:all .5s;transition:all .5s;left:-85px}.appdownload_new .banner_1 .leftside img.codepic{width:180px;display:block!important;margin:70px auto;-webkit-box-shadow:0 2px 24px 0 rgba(31,123,176,.18);box-shadow:0 2px 24px 0 rgba(31,123,176,.18);border-radius:8px}.appdownload_new .banner_1 .leftside .btn_cell{text-align:center;display:inline-block;margin:0 20px;position:relative}.appdownload_new .banner_1 .leftside .btn_cell .subpic{position:absolute;top:0;left:0;margin-top:115px;margin-left:-5px;width:135px;height:135px;-webkit-box-shadow:0 2px 24px 0 rgba(31,123,176,.18);box-shadow:0 2px 24px 0 rgba(31,123,176,.18);border-radius:8px;display:none}.appdownload_new .banner_1 .leftside .btn_cell button:hover .subpic{display:block}.appdownload_new .banner_1 .leftside h1{font-size:50px;color:#333;font-weight:400}.banner_1.active .pic1{opacity:1;right:-30px;-webkit-transform:translateZ(0);transform:translateZ(0)}.banner_1.active .leftside{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.appdownload_new .banner_2{text-align:center;position:relative}.appdownload_new .banner_2 h2{font-weight:400;font-size:40px;color:#333;-webkit-transition:all .5s;transition:all .5s;line-height:45px}.appdownload_new .banner_2 h2,.appdownload_new .banner_2 p{-webkit-transform:translateY(-80px);transform:translateY(-80px);opacity:0}.appdownload_new .banner_2 p{font-size:24px;color:#84929c;margin:12px 0;-webkit-transition:all .7s;transition:all .7s}.appdownload_new .banner_2 img{width:800px;margin-top:50px;-webkit-transition:all .5s;transition:all .5s;-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}.appdownload_new .banner_2.active h2,.appdownload_new .banner_2.active img,.appdownload_new .banner_2.active p{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@-webkit-keyframes myfirst{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes myfirst{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.banner-window{height:100vh;width:100vw;overflow:hidden}.show-tips{text-align:center;position:absolute;bottom:30px;font-size:14px;color:#84929c;margin:auto;left:0;right:0;z-index:9999}.show-tips img{position:relative;display:block;-webkit-animation:myfirst 1s infinite;animation:myfirst 1s infinite;margin:10px auto 0}.bg2{background:#fff url(https://s3.gongft.com/p/v1.5.34/static/images/appdownload_new/bg2.png?v=1efbb68) bottom no-repeat;background-size:100% 100%}.pagination{position:fixed;left:35px;top:0;bottom:0;margin:auto;width:6px;height:80px}.pagination span{display:block;height:6px;background:6px;border-radius:6px;-webkit-transition:height .6s;transition:height .6s;background:#009bf4;margin-bottom:5px;opacity:.19}.pagination span.active{height:46px;background:#009bf4;opacity:1}