@CHARSET "UTF-8";
html { font-size:62.5%;-webkit-font-smoothing:antialiased;}
body { text-align:center;font-family:"Microsoft YaHei",Arial,Tahoma,sans-serif;-webkit-user-select:none; -webkit-text-size-adjust:none; font-size:1rem;}
* { margin:0; padding:0;list-style:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
i, em{ font-style:normal; font-weight:normal; }
input::-webkit-input-placeholder{color:#CACAD8;}
img{width:100%;vertical-align:top;}
input,textarea,select,button{-webkit-appearance:none;font-size:1rem;border:0;}
input:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);outline:0;}

/*按钮样式及点击时的效果*/
.btn{display:block !important;position:relative;overflow:hidden;}


/*杂项*/
.clear-fix{clear:both;}
.none{display:none !important;}
.hide{visibility:hidden !important;}

header{height:5rem;line-height:5rem;background:#0050a0;}
header h1{font-size:1.7rem;font-weight:normal;color:#ffffff;}
.logo_img{margin:3rem 0;height:12.9rem;background:url(../image/sapy_logo.png) 50% 50% no-repeat;background-size:11.9rem 12.9rem;}
.btn_wrap{margin:0 3rem 2rem 3rem;}
.btn_wrap .btn{border-radius:5px;width:100%;height:4.7rem;line-height:4.7rem;color:#ffffff;font-size:1.6rem;}
.btn_wrap .btn span{position:relative;}
.btn_wrap .btn em{font-size:1.2rem;margin-left:0.6rem;position:relative;top:-0.2rem;}
.btn_wrap .btn_blue{background:#1998DA;background:-webkit-linear-gradient(top,#0050a0,#0050a0);}
.btn_wrap .btn_blue:active{background:-webkit-linear-gradient(top,#0050a0,#0050a0);}
.btn_wrap .btn_grey{background:#ACACAC;background:-webkit-linear-gradient(top,#BEBEBE,#969696);}
.btn_wrap .btn_grey:active{background:-webkit-linear-gradient(top,#969696,#BEBEBE);}

.btn_blue span:before{content:"";width:2.8rem;height:2.8rem;position:absolute;top:50%;margin-top:-1.4rem;left:-5.8rem;background:url(../image/icon_android.png) no-repeat;background-size:100% 100%;}
.btn_blue span.pc:before{content:"";width:2.4rem;height:2.2rem;position:absolute;top:50%;margin-top:-1.1rem;left:-5rem;background:url(../image/icon_pc.png) no-repeat;background-size:100% 100%;}
.btn_blue span.pc{position:relative;left:1rem;}
.btn_blue span.iOS:before{content:"";width:2.8rem;height:2.8rem;position:absolute;top:50%;margin-top:-1.4rem;left:-8.2rem;background:url(../image/icon_apple.png) no-repeat;background-size:100% 100%;}
.btn_blue span.iOS{position:relative;left:1.2rem;}
.tip01{font-size:1.2rem;color:#FF8A00;font-weight: normal;}

.box_wrap{margin:3rem 2.5rem;}
.box_wrap .box{display:-webkit-box;-webkit-box-align:center;margin-bottom:2rem;}
.box_wrap .box_icon{width:3.8rem;height:3.8rem;}
.box_wrap .box_txt{-webkit-box-flex:1;text-align:left;margin-left:1.6rem;}
.box_wrap .box_txt p:nth-child(1){color:#656565;font-size:1.4rem;}
.box_wrap .box_txt p:nth-child(2){color:#A9A9A9;font-size:1.2rem;margin-top:0.2rem;}

.sprite{background:url(../image/sprite.png) no-repeat;background-size:3.8rem 16.7rem !important;}
.sicon_data {
    display:inline-block;
    vertical-align:middle;
    height: 3.95rem;
    width: 3.95rem;
    overflow: hidden;
    background-position: 0.1rem 0.1rem;
}
.sicon_member {
    display:inline-block;
    vertical-align:middle;
    height: 3.95rem;
    width: 3.95rem;
    overflow: hidden;
    background-position: 0.1rem -4.2rem;
}
.sicon_ok {
    display:inline-block;
    vertical-align:middle;
    height: 3.95rem;
    width: 3.95rem;
    overflow: hidden;
    background-position:0.1rem -8.5rem;
}
.sicon_cash {
    display:inline-block;
    vertical-align:middle;
    height: 3.95rem;
    width: 3.95rem;
    overflow: hidden;
    background-position:0.1rem -12.8rem;
}

footer{margin:0 1.5rem;height:6rem;line-height:6rem;position:relative;}
footer:before{content:"";border-top:1px solid #E3E3E3;position:absolute;left:0;top:0;right:-100%;bottom:-100%;-webkit-transform:scale(0.5);-webkit-transform-origin:0px 0px;}
footer h1{font-size:1.2rem;color:#010101;font-weight:normal;position:relative;z-index:3;}
footer a{color:#09A0E9;text-decoration:none;}

.pop_share{position:fixed;top:0;right:0;bottom:0;left:0;z-index: 3;background:rgba(0,0,0,0.8);}
.pop_word{margin-top:9rem;text-align:left;padding-left:6rem;position:relative;}
.pop_word:before{content:"";position:absolute;right:3rem;top:-7rem;width:6.6rem;height:9rem;background:url(../image/share.png) no-repeat;background-size:6.6rem 9rem;}
.pop_word p{font-size:1.7rem;color:#ffffff;margin-bottom:1.5rem;}
.pop_word p em{font-size:2.4rem;position:relative;top:-0.5rem;}
.ico_ball{display:inline-block;vertical-align:middle;width:2.2rem;height:2.2rem;background:url(../image/tip_ball.png) no-repeat;background-size:100% 100%;}
.androidPoint{display:inline-block;vertical-align:middle;width:2.2rem;height:2.2rem;background:url(../image/androidPoint.png) no-repeat;background-size:100% 100%;}
.pop_share .btn_wrap{margin-top:3.5rem;}
.pop_share .btn_blue{width:10.5rem;height:5rem;line-height:5rem;margin:0 auto;}

.finger_wrap{margin:3rem;padding:1rem;background:#ffffff;box-shadow:0 0 2px rgba(0,0,0,0.2);display:-webkit-box;-webkit-box-align:center;}
.finger_code{width:12rem;height:12rem;background:#F6F6F6;}
.finger_code img{width:100%;height:100%;}
.finger_txt{-webkit-box-flex:1;width:1px;font-size:1.4rem;color:#3F3F3F;}
.finger_txt img{width:7.5rem;height:7.5rem;margin-top:0.5rem;}

@media screen and (min-width:370px){
    .finger_code{width:14rem;height:14rem;background:#F6F6F6;}
    .finger_txt img{margin-top:1rem;}
}