@charset "utf-8";
*{margin:0;padding:0;}
a{text-decoration:none;}
html{-webkit-text-size-adjust:none}
body{font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;color:#303133;}
html,body{overflow:hidden;width:100%;height:100%;}
/*.swiper-container{width:100%;height:100%;}*/
/*.swiper-wrapper{width:100%;height:100%;}*/
/*.swiper-slide{width:100%;height:100%;}*/

.swiper-slide{position: relative;color:#303133}
.swiper-container,.swiper-wrapper,.swiper-slide,.container{width:100%;height:100%;}

@media screen and (max-width:1024px){html{font-size:48px}}
@media screen and (min-width:1024px){html{font-size:53.3px}}
@media screen and (min-width:1280px){html{font-size:66.63px}}
@media screen and (min-width:1360px){html{font-size:70.79px}}
@media screen and (min-width:1440px){html{font-size:74.96px}}
@media screen and (min-width:1560px){html{font-size:81.2px}}
@media screen and (min-width:1680px){html{font-size:87.45px}}
@media screen and (min-width:1800px){html{font-size:93px}}
@media screen and (min-width:1920px){html{font-size:100px}}

.top-fixed{width: 100%;height: .56rem;border-bottom:.01rem solid rgba(255, 255, 255, .3);}
.top1-logo{width:1.77rem;height:.45rem;margin:.13rem 0 0 0;}
.top1-logo img{width:100%;display: block}
.center-container{width:12.20rem;margin:0 auto;position: relative;padding:0 .10rem;}

.c-page{height: 8rem;position: absolute;top: 0;bottom: 0; margin: auto;left: 3.14rem;}

.top-button-wr{float: right;position: relative;z-index: 3;}
.top-button{display: block;margin:0;color:#fff;background:#0152D9;border-radius:.05rem;width: 1.12rem;height: .44rem;line-height: .44rem;text-align: center;font-size: .14rem}

.bgColor-primary{background: #0152D9; background:linear-gradient(0,#5984FF 0%,#0152D9 100%)}
.bgColor-grey{background:#F5F7FA;}
.watermark{position: absolute;top:3.45rem;width:15.6rem}
.main-bg{height: 6.81rem;padding:1.05rem 0 0 0;position: relative;}
.mobile-phone{margin:0 0 0 2rem;float: left}
.phone{background: #fff;width:2.80rem;height: 5.77rem;border-radius: .40rem;overflow: hidden}
.frame{width:2.55rem;height: 5.49rem;margin:.12rem auto 0;border:.02rem solid #EDEFF2;border-radius: .26rem;overflow: hidden}
.facade{margin: 1rem 0 0 6.01rem}
.facade .intro{color:#fff;font-size: .24rem;letter-spacing: .10rem;margin:.25rem 0 0 0}

.app-button-lay{margin:1.05rem 0 0 0}
.down-app{display: block;outline: none;font-size: .18rem;width:1.80rem;height:.56rem;border-radius:.05rem;line-height: .56rem;color: #303133;margin:0 0 .20rem;background: #fff;text-align: center;position: relative;}
.down-app.google-play{width: auto;height: auto;line-height: normal;color: #fff;background: none;}
.down-app.google-play:hover .hover-img{display: block;}
.hover-img{position: absolute;width: 1.32rem;height: 1.32rem;display: none;left: 50%;top: calc(100% + .2rem);transform: translateX(-50%);}
.hover-img img{width: 100%;height: 100%;}
.icon-ios{background: url("./images/app2020/icon_ios.png") no-repeat;background-size:100%;width:.26rem;height: .26rem;display: inline-block;margin:-.03rem .08rem 0 -.05rem;vertical-align: middle}
.icon-android{background: url("./images/app2020/icon_android.png") no-repeat;background-size:100%;width:.26rem;height: .26rem;display: inline-block;margin:0 .06rem 0 0;vertical-align: middle}
.down-app span{vertical-align: middle;font-size: 0.18rem}
.button-wr{float: left;margin:0 .40rem 0 0}
.button-wr2{margin:.62rem 0 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
/* .button-wr2 .down-app:first-child{float: left} */
/* .button-wr2 .down-app:last-child{float: right} */
.button-wr2 .down-app.google-play{color: #303133;margin-right: 20px;}
.rq_img{float: left;width: 1.32rem;height: 1.32rem}
.rq_img2{margin:0 auto;display: block;width:2.5rem}

.feature-img{position: absolute;top:.16rem;left:4rem;width:10rem}
.feature-img2{position: absolute;top:.2rem;left:-2.50rem;width:10rem}
.feature-img3{position: absolute;top:.53rem;left:4.50rem;width:10rem}
.feature-img4{margin:0 auto;display: block;width:1.8rem}

.feature-lay{padding:1.97rem 0 0 0;position: relative;min-height:6rem;}
.feature-lay2{padding:2.20rem 0 0 0;float: right}
.feature-lay3{padding:2.0rem 0 0 0;margin: 0 0 0 -1.30rem;}
.feature-lay5{margin:0 auto;padding:.3rem 0 0 0;width:4.82rem}
.part-title{letter-spacing: 0.055rem;color:#0152D9;font-weight: bold;font-size: .40rem;padding:0 0 .45rem 0;}
.part-desc{line-height: .36rem;font-size: .24rem;font-weight: normal;}
.feature{color:#303133;margin:.30rem 0 0 -.35rem;list-style:none;display: block;clear: both;overflow: hidden}
.feature li{border-right: 0.01rem solid #EDEFF2;float: left;padding: 0 .25rem 0 .35rem}
.feature li:first-child{width:1.40rem}
.feature li:last-child{border: 0;}
.feature .number{font-size: .30rem;}
.feature .txt{font-size: .18rem;}

h5.part-title{font-size: .30rem;text-align: center}

.feature-desc{position: relative;left: -.50rem;width:7.55rem}
.p-banner{width: 100%;}
.p-banner img{width: 100%;display: block}

.pop-rqCode{position: absolute;top:.56rem;left:-.16rem;width:1.45rem;height:1.45rem;background: #fff;display: none;border:.01rem solid #EDEFF2;border-radius: .04rem}
.pop-rqCode .pop-arrow{position: absolute;top:-.05rem;left:50%;margin-left: -.05rem;display: block;background: #fff;width:.10rem;height: .10rem;transform: rotate(45deg);border: .01rem solid #EDEFF2;}
.pop-rqCode .pop-arrow2{position: absolute;top: 0rem;left: 50%;margin-left: -.07rem;display: block;background: #fff; width: .16rem;height: .10rem;}
.pop-rqCode img{width:1.25rem;height:1.25rem;display: block;margin: .11rem auto 0;}

.right-pageDot{z-index:999;position:absolute;top:50%;right:0;margin:-1.20rem 1.60rem 0 0;}
.pager{list-style: none}
.pager>li{cursor:pointer;margin:.08rem .045rem;width:.16rem;height:.16rem;border:.02rem solid transparent;transition: all .2s;}
.pager>li i{ cursor:pointer;width:.06rem;height:.06rem;margin:.05rem auto 0;background-color:#BFC2CC;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;display: block;transition: all .2s;}
.pager>li.active{border:.02rem solid #0152D9}
.pager>li.active i{background-color:#0152D9}
.right-pageDot .pager-{display: block;width:.02rem;height:.44rem;background: #BFC2CC;margin: .16rem 0 0 .14rem;}
.right-pageDot .number{margin: -.5rem 0 0 -.09rem;}
.right-pageDot .number .index{font-size: .20rem;color: #0152D9}
.right-pageDot .number .total{font-size: .12rem;color: #909399;}

.right-pageDot.pager0 li i{background-color:#fff;}
.right-pageDot.pager0 li.active{border:.02rem solid #fff}
.right-pageDot.pager0 .active i{background-color:#fff;}
.right-pageDot.pager0 .pager-{background: #fff;}
.right-pageDot.pager0 .number .index{color: #fff}
.right-pageDot.pager0 .number .total{color: #fff}

.right-pageDot.pager1 li i{background-color:#BFC2CC;}
.right-pageDot.pager1 .active i{background-color:#0152D9;}

.topBar{position: fixed;top:0;left:0;z-index: 3;background: #fff;width:100%;height: .69rem;}
.top-fixed2{border-bottom:.01rem solid #EDEFF2;height: .56rem;}
.topBar.pager0{display: none}
.topBar.pager1{display: block;background: #FFF}
.topBar.pager2{display: block;background: #F5F7FA}
.topBar.pager3{display: block;background: #FFF}
.topBar.pager4{display: block;background: #F5F7FA}