@charset "UTF-8";.wrap .download,.popups-container .popups-header,.popups-foorer2,.pic,#section {-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-o-box-pack:center;box-pack:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-o-box-align:center;box-align:center;align-items:center;justify-content:center;-webkit-align-items:center;-webkit-justify-content:center;}
html {font-size:62.5%;}
@media only screen and (min-width:320px) {html {font-size:75% !important;/* 12÷16=73.4% */}
}
@media only screen and (min-width:360px) {html {font-size:84.375% !important;/* 12÷16=73.4% */}
}
@media only screen and (min-width:375px) {html {font-size:87.890625% !important;/* 14.0625÷16=73.2% */}
}
@media only screen and (min-width:410px) {html {font-size:97.03% !important;/* 15.525÷16=94% */}
}
@media only screen and (min-width:480px) {html {font-size:112.5% !important;/* 18÷16=94% */}
}
@media only screen and (min-width:560px) {html {font-size:131.25% !important;/* 21÷16=109% */}
}
@media only screen and (min-width:640px) {html {font-size:150% !important;/* 24÷16=125% */}
}
@media only screen and (min-width:720px) {html {font-size:168.75% !important;/* 27÷16=146.43% */}
}
@media only screen and (min-width:750px) {html {font-size:131.25% !important;/* 28.125÷16=146.43% */}
}
@media only screen and (min-width:800px) {html {font-size:131.25% !important;/* 30÷16=187.5% */}
}
@media only screen and (min-width:960px) {html {font-size:131.25% !important;/* 36÷16=225% */}
}
@media only screen and (min-width:1080px) {html {font-size:131.25% !important;/* 40.5÷16=253.125% */}
}
* {box-sizing:border-box;-webkit-box-sizing:border-box;margin:0;padding:0;}
body,html {height:100%;width:100%;overflow:hidden;background-color:white;}
.wrap {height:100%;width:100%;background-image:url("../images/yao_bg.png");background-size:100%;position:relative;background-repeat:no-repeat;text-align:center;}
.wrap .icon {text-align:center;height:7.1111111111rem;width:7.1111111111rem;margin:9.9555555556rem auto 0.7111111111rem;}
.wrap .name {font-size:1.9555555556rem;color:black;text-align:center;}
.wrap .download {height:3.2rem;width:17.2088888889rem;border-radius:1.6rem;margin:2.1333333333rem auto 10.6666666667rem;background-color:#fe6121;font-size:1.4222222222rem;color:white;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-o-box;display:box;-webkit-box-orient:vertical;-moz-box-orient:vertical;display:flex;display:-webkit-flex;flex-direction:column;position:relative;z-index:10;}
.popups-wrap {height:100%;width:100%;position:fixed;top:0;left:0;z-index:100;}
.popups-bg {height:100%;width:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.75);z-index:101;}
.popups-container {height:auto;width:22.7555555556rem;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:white;border-radius:0.7111111111rem;z-index:101;}
.popups-container .popups-header {height:3.5555555556rem;width:100%;border-top-right-radius:0.7111111111rem;border-top-left-radius:0.7111111111rem;background-color:#ffa200;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-o-box;display:box;-webkit-box-orient:vertical;-moz-box-orient:vertical;display:flex;display:-webkit-flex;flex-direction:column;font-size:1.4222222222rem;color:white;}
.popups-container .close-btn {height:1.7066666667rem;width:1.7066666667rem;position:absolute;bottom:-3.4844444444rem;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);background-image:url("../images/close.png");background-size:100%;background-repeat:no-repeat;}
.popups-container .icon {height:3.2rem;width:3.2rem;margin:1.4222222222rem auto 0.7111111111rem;}
.popups-container #clipboardInput {height:2.8444444444rem;width:17.7777777778rem;outline:none;background-color:#f0f0f0;border-radius:0.3555555556rem;margin:1.0666666667rem auto 1.7777777778rem;text-indent:1.0666666667rem;color:#0faeef;font-size:1.0666666667rem;border:0;}
.popups-container .copy-btn {height:2.8444444444rem;width:11.7333333333rem;border-radius:1.4222222222rem;background-color:#ffa200;font-size:1.4222222222rem;color:white;outline:none;border:0;}
.tips {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-o-box;display:box;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;display:flex;display:-webkit-flex;flex-direction:row;width:20.6222222222rem;align-items:center;-webkit-align-items:center;font-size:0.8888888889rem;margin:1.0666666667rem auto 0rem;color:#1f1f1f;}
.tips span {color:#ffa200;}
.o {height:0.5688888889rem;width:0.5688888889rem;border-radius:0.2844444444rem;background-color:#ffa200;margin-right:1.0666666667rem;}
.popups-foorer2 {/* height:2.8444444444rem;*/    /* width:11.7333333333rem;*/    display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-o-box;display:box;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;display:flex;display:-webkit-flex;flex-direction:row;margin:1.0666666667rem auto 1.7111111111rem;position:relative;font-size:1.4222222222rem;color:white;}
.pic {height:auto;width:20.6222222222rem;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-o-box;display:box;-webkit-box-orient:vertical;-moz-box-orient:vertical;display:flex;display:-webkit-flex;flex-direction:column;margin:1.0666666667rem auto 0;position:relative;}
.pic img {width:100%;height:auto;}
.pic article {position:absolute;top:50%;left:50%;-webkit-transform:translate(-43%,-10%);-moz-transform:translate(-43%,-10%);-ms-transform:translate(-43%,-10%);-o-transform:translate(-43%,-10%);transform:translate(-43%,-10%);font-size:10px;width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#svg {height:auto;width:100%;position:absolute;bottom:10vh;left:0;}
#section {position:absolute;left:0;bottom:0;width:100%;background-color:white;height:10vh;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-o-box;display:box;-webkit-box-orient:vertical;-moz-box-orient:vertical;display:flex;display:-webkit-flex;flex-direction:column;}
#section .com,#section .version {color:#fe6323;}
#section .com {font-size:1.0666666667rem;}
#section .version {font-size:0.7111111111rem;margin-top:0.4977777778rem;}


a{text-decoration: none;}
.hide {display:none;}
.waves {position:relative;width:100%;height:15vh;margin-bottom:-7px;min-height:100px;max-height:150px;}
/* Animation */
.parallax > use {animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;}
.parallax > use:nth-child(1) {animation-delay:-2s;animation-duration:7s;}
.parallax > use:nth-child(2) {animation-delay:-3s;animation-duration:10s;}
.parallax > use:nth-child(3) {animation-delay:-4s;animation-duration:13s;}
.parallax > use:nth-child(4) {animation-delay:-5s;animation-duration:20s;}
@keyframes  move-forever { 0% {transform:translate3d(-90px,0,0);} 100% {transform:translate3d(85px,0,0);}}
.tips-toast {position:fixed;bottom:.46296rem;width:100%;left:0;z-index:9999;text-align:center;font-size:.38889rem;color:#FFFFFF}
.tips-toast > span {padding: 0 17px;line-height: 38px;font-size: 14px;display:inline-block;background-color:rgba(0,0,0,0.5);border-radius:5.55556vw}
.new-pop {height:100vh;width:100vw;position:fixed;top:0;left:0;background:rgba(0,0,0,.75);z-index:9999;}
.wxs1 {width:24.17778rem;top:3.55556rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.wxs1,.wxs2 {height:auto;position:absolute;}
.wxs2 {width:3.55556rem;top:0.71111rem;right:1.42222rem;}
.name a{color: black;}
.wrap .icon {border-radius: 14px;}
.wrap .icon {height: 6.111111rem;width: 6.111111rem;margin:160px auto 20px}
.wrap .name {font-size: 1.6555555556rem;}
.wrap .info {margin-top: 10px;}
.wrap .download {border-radius: 0.6rem;margin: 2.1333333333rem auto 10.6666666667rem;}
.fa {margin-right: 0.5em;}
.wrap .download {margin-bottom: 0px;}
.huisap {background-color: #ccc!important;cursor: no-drop;}