.mask,body,html {
width:100%;
height:100%;
font-family:PingFangSC-Regular,"微软雅黑",arial,sans-serif;
margin:0 auto
}
/*安卓*/
body .android-main {
background-color:#fff;
height:100%;
display:none
}
body .android-main .header {
width:100%
}
body .android-main .header img {
width:100%
}
body .android-main .main {
padding:.53333333rem 3.73333333rem 0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
body .android-main .main button {
border:none;
cursor:pointer;
margin-bottom:1.33333333rem;
width:100%;
height:2.77333333rem;
color:#fff;
background: #FF2442;
border-radius:.32rem;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
outline:0
}
body .android-main .main button.single-btn {
margin-top:2.13333333rem
}
body .android-main .main button span.icon {
margin-right:.26666667rem
}
body .android-main .main button:nth-of-type(1) span.icon {
width:1.17333333rem;
height:1.44rem;
background-size:1.17333333rem 1.44rem;
background-image:url("data:image/svg+xml,%3Csvg width='30' height='33' viewBox='0 0 30 33' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M14.302 5.547V4.412h-1.083v1.135h1.083zm-5.52 0V4.412H7.697v1.135h1.083zM14.87 2.4c1.822 1.307 2.734 3.078 2.734 5.314H4.396c0-2.27.895-4.041 2.684-5.314L5.634.954C5.36.68 5.36.421 5.634.181c.276-.241.534-.241.774 0L8.06 1.83A6.107 6.107 0 0 1 11 1.11c1.032 0 1.995.241 2.89.722l1.65-1.65c.275-.241.533-.241.774 0 .24.24.24.498 0 .773L14.87 2.4zm5.468 6.45c.447 0 .834.163 1.16.49.328.326.491.713.49 1.16v7.688c0 .481-.163.876-.49 1.186a1.63 1.63 0 0 1-1.16.465 1.63 1.63 0 0 1-1.161-.465c-.327-.31-.49-.705-.49-1.186V10.5c0-.447.163-.834.49-1.161.326-.327.713-.49 1.16-.49zm-18.676 0c.447 0 .834.163 1.161.49.328.326.491.713.49 1.16v7.688c0 .481-.163.876-.49 1.186a1.63 1.63 0 0 1-1.16.465A1.63 1.63 0 0 1 .5 19.373c-.326-.31-.49-.705-.49-1.186V10.5c0-.447.164-.834.49-1.161.327-.327.714-.49 1.161-.49zm2.734 10.989V8.849h13.208v10.989c0 .31-.103.567-.31.773a1.05 1.05 0 0 1-.773.31h-1.135v3.87c0 .48-.163.876-.49 1.186a1.63 1.63 0 0 1-1.161.464 1.63 1.63 0 0 1-1.161-.464c-.327-.31-.49-.705-.49-1.187v-3.87H9.917v3.87c0 .482-.163.877-.49 1.187a1.63 1.63 0 0 1-1.16.464 1.63 1.63 0 0 1-1.162-.464c-.327-.31-.49-.705-.49-1.187v-3.87H5.48a1.05 1.05 0 0 1-.773-.309 1.05 1.05 0 0 1-.31-.773z' id='b'/%3E%3Cfilter x='-31.9%25' y='-18.2%25' width='163.7%25' height='152.3%25' filterUnits='objectBoundingBox' id='a'%3E%3CfeOffset dy='2' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur stdDeviation='2' in='shadowOffsetOuter1' result='shadowBlurOuter1'/%3E%3CfeColorMatrix values='0 0 0 0 0.983763818 0 0 0 0 0.185775142 0 0 0 0 0 0 0 0 1 0' in='shadowBlurOuter1'/%3E%3C/filter%3E%3C/defs%3E%3Cg transform='translate(4 1.228)' fill-rule='nonzero' fill='none'%3E%3Cuse fill='%23000' filter='url(%23a)' xlink:href='%23b'/%3E%3Cuse fill='%23FFF' xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E")
}
body .android-main .main button:nth-of-type(2) span.icon {
width:1.17333333rem;
height:1.38666667rem;
background-size:1.17333333rem 1.38666667rem;
background-image:url("data:image/svg+xml,%3Csvg width='30' height='34' viewBox='0 0 30 34' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter x='-54.5%25' y='-46.2%25' width='209.1%25' height='192.3%25' filterUnits='objectBoundingBox' id='a'%3E%3CfeOffset dy='2' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur stdDeviation='2' in='shadowOffsetOuter1' result='shadowBlurOuter1'/%3E%3CfeColorMatrix values='0 0 0 0 0.984313725 0 0 0 0 0.184313725 0 0 0 0 0 0 0 0 0.5 0' in='shadowBlurOuter1' result='shadowMatrixOuter1'/%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixOuter1'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M14.469 4.051c-1.672 2.175-3.847 2.342-4.014 2.175-.167-.168-.167-2.175 1.17-4.014C13.132.205 15.306-.13 15.473.038c.112.167.446 2.174-1.003 4.013zm3.624 9.366c.167 4.516 3.512 5.352 3.902 5.296-3.01 6.69-5.686 7.192-7.526 6.523-1.505-1.004-4.181-.836-5.017-.335-1.673.837-2.676 1.171-4.182.168-1.505-1.004-5.519-6.3-5.24-11.986.335-5.687 4.683-7.025 6.188-7.025 1.84 0 3.345 1.171 5.018 1.171 1.338 0 2.341-1.003 4.348-1.17 3.178-.168 5.352 2.508 5.352 2.508v.167c-.502.335-3.01 2.007-2.843 4.683z' filter='url(%23a)' transform='translate(4 2)' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E")
}
body .android-main .mask {
position:fixed;
top:0;
left:0;
bottom:0;
right:0;
background-color:rgba(0,0,0,.8);
display:none
}
body .android-main .mask .guide {
position:absolute;
top:0rem;
right:.90666667rem;
width:15.09333333rem;
height:7.94666667rem;
background-size:cover;
background-repeat:no-repeat
}
/*苹果*/
body .ios-main {
background-color:#fff;
height:100%;
display:none
}
body .ios-main .header {
width:100%
}
body .ios-main .header img {
width:100%
}
body .ios-main .main {
padding:.53333333rem 3.73333333rem 0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
body .ios-main .main button {
border:none;
cursor:pointer;
margin-bottom:1.33333333rem;
width:100%;
height:2.77333333rem;
color:#fff;
border-radius:.32rem;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
outline:0;
background: #FF2442;
}
body .ios-main .main button.single-btn {
margin-top:2.13333333rem
}
body .ios-main .main button span.icon {
margin-right:.26666667rem
}
body .ios-main .main button:nth-of-type(1) span.icon {
width:1.17333333rem;
height:1.44rem;
background-size:1.17333333rem 1.44rem;
background-image:url("data:image/svg+xml,%3Csvg width='30' height='33' viewBox='0 0 30 33' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M14.302 5.547V4.412h-1.083v1.135h1.083zm-5.52 0V4.412H7.697v1.135h1.083zM14.87 2.4c1.822 1.307 2.734 3.078 2.734 5.314H4.396c0-2.27.895-4.041 2.684-5.314L5.634.954C5.36.68 5.36.421 5.634.181c.276-.241.534-.241.774 0L8.06 1.83A6.107 6.107 0 0 1 11 1.11c1.032 0 1.995.241 2.89.722l1.65-1.65c.275-.241.533-.241.774 0 .24.24.24.498 0 .773L14.87 2.4zm5.468 6.45c.447 0 .834.163 1.16.49.328.326.491.713.49 1.16v7.688c0 .481-.163.876-.49 1.186a1.63 1.63 0 0 1-1.16.465 1.63 1.63 0 0 1-1.161-.465c-.327-.31-.49-.705-.49-1.186V10.5c0-.447.163-.834.49-1.161.326-.327.713-.49 1.16-.49zm-18.676 0c.447 0 .834.163 1.161.49.328.326.491.713.49 1.16v7.688c0 .481-.163.876-.49 1.186a1.63 1.63 0 0 1-1.16.465A1.63 1.63 0 0 1 .5 19.373c-.326-.31-.49-.705-.49-1.186V10.5c0-.447.164-.834.49-1.161.327-.327.714-.49 1.161-.49zm2.734 10.989V8.849h13.208v10.989c0 .31-.103.567-.31.773a1.05 1.05 0 0 1-.773.31h-1.135v3.87c0 .48-.163.876-.49 1.186a1.63 1.63 0 0 1-1.161.464 1.63 1.63 0 0 1-1.161-.464c-.327-.31-.49-.705-.49-1.187v-3.87H9.917v3.87c0 .482-.163.877-.49 1.187a1.63 1.63 0 0 1-1.16.464 1.63 1.63 0 0 1-1.162-.464c-.327-.31-.49-.705-.49-1.187v-3.87H5.48a1.05 1.05 0 0 1-.773-.309 1.05 1.05 0 0 1-.31-.773z' id='b'/%3E%3Cfilter x='-31.9%25' y='-18.2%25' width='163.7%25' height='152.3%25' filterUnits='objectBoundingBox' id='a'%3E%3CfeOffset dy='2' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur stdDeviation='2' in='shadowOffsetOuter1' result='shadowBlurOuter1'/%3E%3CfeColorMatrix values='0 0 0 0 0.983763818 0 0 0 0 0.185775142 0 0 0 0 0 0 0 0 1 0' in='shadowBlurOuter1'/%3E%3C/filter%3E%3C/defs%3E%3Cg transform='translate(4 1.228)' fill-rule='nonzero' fill='none'%3E%3Cuse fill='%23000' filter='url(%23a)' xlink:href='%23b'/%3E%3Cuse fill='%23FFF' xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E")
}
body .ios-main .main button:nth-of-type(2) span.icon {
width:1.17333333rem;
height:1.38666667rem;
background-size:1.17333333rem 1.38666667rem;
background-image:url("data:image/svg+xml,%3Csvg width='30' height='34' viewBox='0 0 30 34' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter x='-54.5%25' y='-46.2%25' width='209.1%25' height='192.3%25' filterUnits='objectBoundingBox' id='a'%3E%3CfeOffset dy='2' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur stdDeviation='2' in='shadowOffsetOuter1' result='shadowBlurOuter1'/%3E%3CfeColorMatrix values='0 0 0 0 0.984313725 0 0 0 0 0.184313725 0 0 0 0 0 0 0 0 0.5 0' in='shadowBlurOuter1' result='shadowMatrixOuter1'/%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixOuter1'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M14.469 4.051c-1.672 2.175-3.847 2.342-4.014 2.175-.167-.168-.167-2.175 1.17-4.014C13.132.205 15.306-.13 15.473.038c.112.167.446 2.174-1.003 4.013zm3.624 9.366c.167 4.516 3.512 5.352 3.902 5.296-3.01 6.69-5.686 7.192-7.526 6.523-1.505-1.004-4.181-.836-5.017-.335-1.673.837-2.676 1.171-4.182.168-1.505-1.004-5.519-6.3-5.24-11.986.335-5.687 4.683-7.025 6.188-7.025 1.84 0 3.345 1.171 5.018 1.171 1.338 0 2.341-1.003 4.348-1.17 3.178-.168 5.352 2.508 5.352 2.508v.167c-.502.335-3.01 2.007-2.843 4.683z' filter='url(%23a)' transform='translate(4 2)' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E")
}
body .ios-main .mask {
position:fixed;
top:0;
left:0;
bottom:0;
right:0;
background-color:rgba(0,0,0,.8);
display:none
}
body .ios-main .mask .guide {
position:absolute;
top:0rem;
right:.90666667rem;
width:15.09333333rem;
height:7.94666667rem;
background-size:cover;
background-repeat:no-repeat
}
/*公共*/
body .android-main .mask .guide.android {
background-image:url(./android.png)
}
body .ios-main .mask .guide.ios {
background-image:url(./ios.png)
}