@media screen and (max-device-width:360px){html{font-size:50px}
}
@media screen and (max-device-width:384px) and (min-device-width:360px){html{font-size:56px}
}
@media screen and (max-device-width:414px) and (min-device-width:384px){html{font-size:60px}
}
@media screen and (max-device-width:600px) and (min-device-width:414px){html{font-size:64.5px}
}
@media screen and (min-device-width:600px){html{font-size:100px}
}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
body{font:.14rem/1.5 "Microsoft YaHei","微软雅黑",arial,sans-serif}
h1,h2,h3,h4,h5,h6{font-weight:400}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
em{font-weight:700}
ol,ul{list-style:none}
a{text-decoration:none;color:inherit}
a:active,a:hover,a:link,a:visited{text-decoration:none;outline:0}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
fieldset,img{border:0;outline:0}
button,input,select,textarea{border:0;outline:0}
img{width:100%;height:100%;display:block}
table{border-collapse:collapse;border-spacing:0}
article,aside,audio,details,figcaption,figure,footer,header,hgroup,mark,menu,nav,section,summary,time,video{display:block;margin:0;padding:0}
mark{background:#ff0}
body{background-color:#fff}
input[type=checkbox]{cursor:pointer}
::-webkit-input-placeholder{color:#b1b1b1}
*{-webkit-tap-highlight-color:transparent}
.hide{display:none}
.show{display:block}
.fr{float:right}
.fl{float:left}
.clear:after,.clear:before{content:"";display:table}
.clear:after{clear:both}
.box{width:100%;display:box;display:-moz-box;display:-webkit-box;box-orient:horizontal;-moz-box-orient:horizontal;-webkit-box-orient:horizontal;vertical-align:middle;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.box-ct{box-align:center;-moz-box-align:center;-webkit-box-align:center}
.box-st{box-align:start;-moz-box-align:start;-webkit-box-align:start}
.box-flex1{box-flex:1;-moz-box-flex:1;-webkit-box-flex:1}
.border-box{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
button,input[type=submit],input[type=reset],input[type=button]{-webkit-appearance:none}
.section{width:100%;height:100%;position:relative}
.sec1 .sec-bg{position:absolute;width:100%;height:100%;left:0;top:0}
.sec-bg.bg1{z-index:3;background:url(../images/APPa.jpg) no-repeat;background-size:cover;background-position:center}
.sec-bg.bg2{z-index:2;background:url(../images/APPa.jpg) no-repeat;background-size:cover;background-position:center}
.sec-bg.bg3{z-index:1;background:url(../images/images/APPa.jpg) no-repeat;background-size:cover;background-position:center}
.sec-bg.bg4{z-index:0;background:url(../images/images/APPa.jpg) no-repeat;background-size:cover;background-position:center}
.sec1 .download-box,.sec1 .log,.sec1 .title{position:absolute;z-index:5}
.sec1 .log{width:1.48rem;height:1.48rem;top:1.94rem;left:50%;margin-left:-.74rem}
.sec1 .title{width:3.68rem;/*height:1.28rem;*/top:3.7rem;left:42%;margin-left:-1.34rem}
.sec1 .download-box{width:2.9rem;height:2rem;left:50%;bottom:2rem;margin-left:-1.45rem}
.sec1 .contacts{height:.4rem;position:absolute;z-index:5;top:.5rem;right:.24rem}
.sec1 .contacts a{display:inline-block;width:.4rem;height:.4rem;background:url(../images/contact_iocns.png);background-size:.4rem 1.2rem;margin-left:.36rem}
.sec1 .contacts a:nth-child(1){background-position:0 0}
.sec1 .contacts a:nth-child(2){background-position:0 -.4rem}
.sec1 .contacts a:nth-child(3){background-position:0 -.8rem}
.down-btn{width:3.1rem;height:.84rem;color:#fff;display:block;text-align:center;line-height:.84rem;background:rgba(255,255,255,.3);font-size:.24rem;border-radius:.14rem;-o-border-radius:.14rem;-ms-border-radius:.14rem;-moz-border-radius:.14rem;-webkit-border-radius:.14rem}
.down-btn.ios-btn{margin-bottom:.32rem}
.down-btn:before{content:"";display:inline-block;width:.5rem;height:.5rem;background:url(../images/download_icons.png) no-repeat;background-size:.5rem 1rem;vertical-align:middle;margin-bottom:.08rem;margin-right:.2rem}
.down-btn.ios-btn:before{background-position:0 0}
.down-btn.android-btn:before{background-position:0 -.5rem}
.down-btn:active,.down-btn:hover,.down-btn:visited{background:rgba(255,255,255,.1)}
.sec2{width:100%;height:100%;overflow:hidden;padding-left:.22rem;padding-right:.22rem;background-color:#fff;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.sec2 .items{height:7.6rem}
.sec2 .items-li{height:25%}
.sec2 .items-li:first-child{height:30%}
.sec2 .items-li:nth-child(2){height:30%}
.sec2 .items-li:nth-child(3){height:25%}
.sec2 .items-li:nth-child(4){height:20%}
.sec2 .items-li .items-icon{width:1rem;height:1rem;margin-left:.2rem;margin-right:.2rem;background:url(../images/sec2_icons.png) no-repeat;background-size:1rem 4rem}
.items-li:nth-child(1) .items-icon{background-position:0 0}
.items-li:nth-child(2) .items-icon{background-position:0 -1rem}
.items-li:nth-child(3) .items-icon{background-position:0 -2rem}
.items-li:nth-child(4) .items-icon{background-position:0 -3rem}
.sec2 .items-li h4{font-size:.24rem;color:#4a4a4a;margin-bottom:.16rem}
.sec2 .items-li p{font-size:.18rem;color:#4a4a4a;line-height:.28rem}
.sec3 .ft{width:100%;height:.8rem;line-height:.8rem;font-size:.2rem;text-align:center;color:rgba(255,255,255,.6);background-color:#333;position:absolute;left:0;bottom:0}
.sec3 .cont{width:100%;height:100%;overflow:hidden;padding-left:.52rem;padding-right:.52rem;background-color:#f8f8f8;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.sec3 .cont .cont-li{width:100%;background-color:#fff;padding:.24rem;border:2px solid #e5e5e5;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.sec3 .cont-li:nth-child(1){margin-top:.6rem}
.sec3 .cont-li:nth-child(2){margin-top:.2rem}
.sec3 .cont-li h4{font-size:.24rem;margin-bottom:.22rem;color:#4a4a4a}
.sec3 .cont-li p{font-size:.18rem;color:#4a4a4a;line-height:.34rem}
.sec3 .cont-li p span{color:#dd4041}
.sec3 .cont-li .qr-box{width:2.44rem;height:2.44rem;margin:.1rem auto 0}
.fixed-top{background-color:#f3f3f3;width:100%;height:.8rem;position:fixed;top:0;left:0;z-index:9;display:none}
.fixed-top h2{color:#4a4a4a;font-size:.22rem;line-height:.8rem}
.fixed-top h2:before{content:"";margin-left:.22rem;margin-right:.12rem;margin-bottom:.04rem;background:url(../images/log.png) no-repeat;background-size:.58rem .58rem;display:inline-block;vertical-align:middle;width:.58rem;height:.58rem}
.fixed-top a{width:1.3rem;height:.44rem;margin-top:.18rem;margin-right:.64rem;line-height:.44rem;background-color:#dd4041;font-size:.24rem;color:#fff;text-align:center;display:block;border-radius:.06rem;-o-border-radius:.06rem;-ms-border-radius:.06rem;-moz-border-radius:.06rem;-webkit-border-radius:.06rem;position:relative}
.fixed-top .close-icon{width:.28rem;height:.3rem;display:block;position:absolute;right:.2rem;top:.24rem;background:url(../images/close_icon.png) no-repeat;background-size:.28rem .3rem}
.pop-info{position:fixed;display:none;top:0;left:0;z-index:99;width:100%;height:100%;background:rgba(0,0,0,.4)}
.pop-info .cont{position:fixed;z-index:100;top:50%;left:50%;margin-left:-1.6rem;margin-top:-2.8rem;width:3.2rem;background-color:#fff}
.pop-info .cont p{color:#4a4a4a;font-size:.2rem;padding-bottom:.2rem;line-height:.32rem;text-align:center}
.pop-info .cont h4{color:#4a4a4a;font-size:.24rem;margin-top:.2rem;text-align:center}