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