html,body {height: 100%; margin: 0; padding: 0;font-family: PingFangSC-Semibold, sans-serif;}
body {overflow: hidden;font-size: 62.5%;}
ul{list-style: none;margin:0; padding:0;}
a{text-decoration: none;color:#FFFFFF}
p{margin:0;padding:0;}
.fl{display: flex;}
.fl-cl{flex-direction: column;}
.fl-f1{flex:1;}
.fl-f3{flex:3;}
.fl-f9{flex:9;}
.fl-jc-sb{justify-content: space-between;}
.fl-jc-sa{justify-content: space-around;}
.fl-jc-c{justify-content: center;}
.fl-ac-c{align-content: center;}
.fl-ai-c{align-items: center;}
.section {position: relative;overflow: hidden;width: 100%;background-color: #0F7884;z-index: -1;}
.section .fp-tableCell{width:100%;}
.section img.bg{width: 100%;height: 100%;position: absolute;top:0;right: 0;bottom: 0;left: 0;z-index: -10;}
.section .header{width: 90%;height: 2.2rem;margin:0 auto;padding:.8rem 0;border-bottom: .05rem dashed #FFFFFF;}
.section .header img.logo{width: 7.65rem;height: 1.85rem;}
.section .header ul{align-self: center;justify-content:flex-end;box-sizing: border-box;}
.section .header ul li:first-of-type{margin-right: 1.2rem;}
.section .header ul li a.active{color:#daa02b;}
.section .body .down-btn{margin: 1rem 0; width:10rem;height:2.8rem;line-height: 2.8rem; color: #FFFFFF; background-color: #0F7884;border-radius: 2rem;text-align: center;font-size: 1.25rem;}
.section .body .down-load .cloud-icon{width:1.85rem;height: 1.35rem;}
.section .footer .arrow-down{ position: absolute; width: 2rem;height: 1rem;animation: goNext 1.8s infinite linear;}
.section .content img{width: 100%;}
/* 复制弹窗 */
.mask{position: fixed;top:0;right:0;bottom: 0;left:0; background: rgba(0,0,0,.4);z-index: 100;}
.pop-win{width: 90%;height: 12rem;background:#f9faec;position: fixed;left:50%; top:50%;transform: translate(-50%,-50%);border-radius: .4rem;display: flex;flex-direction: column;z-index: 101;}
.pop-win .title{width: 100%;font-size: 1.2rem; display: flex;flex:2;justify-content: center;align-items: center; background:#107885;text-align: center;color:#e0f8fc; font-family: PingFangSC-Semibold, sans-serif;border-radius:.4rem .4rem 0 0;}
.pop-win .content{width: 100%;font-size: 1rem; text-align: center;flex: 7;display: flex;align-items: center;box-sizing: border-box; padding:0 .8rem;}
.pop-win .content:after{content:'';position: absolute; width: 100%;height: 1px;background: #bbd7e2;bottom: 25%;left:0;}
.pop-win .btns{width: 100%;text-align: center;flex: 3;display: flex;justify-content: center;align-items: center;}
.pop-win .btns button{width: 5rem;height: 2rem; text-align: center;border: none;background: #b1d3df;color:#25597b;border-radius: .4rem;font-weight: 600;}

/* 第1屏 */
.section-1 .body img{ display:block; width:19.5rem;height:10rem;margin-top:6rem;margin-bottom: 5rem;}
/* 第2屏 */
.section-2 .body .web-links{margin-top:6rem;}
.section-2 .body p{color: #FFFFFF; font-size: 1.2rem;font-family: PingFang-SC-Regular, sans-serif; text-align: center;  margin-top:.5rem;margin-bottom: .5rem;}
.section-2 .body button{border: none;width: 4.5rem;height: 2.2rem;background:#0F7884;color:#FFFFFF;border-radius: .5rem;}
.section-2 .body .statement{width: 12rem;color: #444444;}
.section-2 .body .astrict{border:.05rem dashed #FFFFFF;color: #E3E3E3;padding:0 .8rem;border-radius: 2rem;margin-top:1rem;}
.section-2 .footer .footer-msg{position: absolute;bottom: .5rem;color: #969696;}
/* 第3屏 */
.section-3,.section-4,.section-5,.section-6,.section-7,.section-8,.section-9,.section-10{background-color: #0F7884;}
.section .title{width: 90%;margin:1.2rem;color: #FFFFFF;}
.section .content .down-load{width: 100%;background-color: #FFFFFF;border-radius: 1rem 1rem 0 0;}
.section .content .down-load ul{width: 100%;box-sizing: border-box;}
.section .content .down-load ul li{padding:0 1rem;padding:.5rem 1rem;}
.section .content .down-load ul li:first-of-type{border-bottom: .05rem  dashed #000000;}
.section .content p{padding:1rem; color:#FFFFFF;}

/* 末屏 */
.install-step img.icon-logo{width: 4.5rem;height: 4.5rem;margin-top: 1.3rem;}
.install-step > span{color: #FFFFFF;font-size: 1.5rem;margin:0.39rem 0;}
.install-step a{width: 10.25rem;height: 2.6rem;line-height: 2.6rem;text-align: center; font-size: .8rem; background-color: #b1d3e0;color: #FFFFFF;margin: 0.5rem;border-radius: 2.5rem;}
.install-step a i{display: inline-block;width: 2rem;height: 2rem;background: url('../images/apple-arrow.png');background-size: 19.2rem 12rem;background-position: -5.7rem 0.2rem;background-repeat: no-repeat;}
.install-step .msg{position: relative;width: 18rem;height:3rem;background-color: #b1d3e0;color: #FFFFFF;padding:.5rem .4rem;}
.install-step .msg i{position: absolute; width: .5rem;height: .5rem;}
.install-step .msg i:nth-last-of-type(1){top:0;left: 0;border-top: .1rem solid #FFFFFF;border-left: .1rem solid #FFFFFF;}
.install-step .msg i:nth-last-of-type(2){top:0;right: 0;border-top: .1rem solid #FFFFFF;border-right: .1rem solid #FFFFFF;}
.install-step .msg i:nth-last-of-type(3){bottom:0;left: 0;border-bottom: .1rem solid #FFFFFF;border-left: .1rem solid #FFFFFF;}
.install-step .msg i:nth-last-of-type(4){bottom:0;right: 0;border-bottom: .1rem solid #FFFFFF;border-right: .1rem solid #FFFFFF;}
.install-step ul{color: #FFFFFF;}
.install-step ul li{margin:.8rem 0;}
.install-step .step {width: 100%; box-sizing: border-box;align-self: flex-start;} 
.install-step .step-title{color: #FFFFFF;padding-left: 2.5rem;font-size: 1.2rem;}
.install-step .step p{text-align: center;margin-top: 5rem;color: #FFFFFF;font-size: 1.2rem;font-style: italic;}

@keyframes goNext {
    0% {
      bottom: 4.8rem;
      opacity: 1;
    }
    60% {
      bottom: 0.3rem;
      opacity: 0;
    }
    100% {
      bottom: 1.8rem;
      opacity: 0;
    }
}