@charset "UTF-8";
body,html{height: 100%;width: 100%;position: relative;overflow: hidden}
.content{height: 100%;width: 100%;background:url(../images/bg.jpg) center center no-repeat;background-size:100% 100%;position: relative;}
.logo{height: 1.05rem;width: 1.5rem;background:url(../images/logo.png) center center no-repeat;background-size:100% 100%;position: absolute;top:1.22rem;left:50%;margin-left:-.75rem;opacity:0;-webkit-animation: 1s .45s;animation-duration: 1s .45s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.title{position: absolute;top:2.4rem;left:50%;height: .53rem;width: 3.3rem;margin-left:-1.65rem;background:url(../images/title.png) center center no-repeat;background-size:100% 100%;-webkit-animation: 1s 1s;animation-duration: 1s 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;opacity: 0}
.bottom{height: 2.2rem;width: 100%;background-color:rgba(000,000,000,.3);position: absolute;bottom:0;left:0;text-align: center;padding-top:.27rem;box-sizing:border-box;-webkit-box-sizing:border-box;font-size:0;animation: 1s 1.8s;animation-duration: 1s 1.8s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
h3{font-size:.42rem;line-height:.56rem;color:#FFF;animation: 1s 2.4s;animation-duration: 1s 2.4s;-webkit-animation-fill-mode: both;animation-fill-mode: both; }
p{font-size: .25rem;line-height: .38rem;color:#D49C73;animation: 1s 2.6s;animation-duration: 1s 2.6s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.btn{height: .38rem;display: inline-block;width: 1.92rem;border:1px solid #FFF;font-size:.25rem;line-height: .38rem;border-radius:.07rem;-webkit-border-radius:.07rem;color:#FFF;margin-top:.18rem;animation: 1s 3s;animation-duration: 1s 3s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.mask{height: 100%;width: 100%;position: fixed;top:-20rem;left:0;background-color:rgba(000,000,000,.7);}
.masktit{position: absolute;top:1.9rem;left:0;width: 100%;text-align: center;font-size:.36rem;color:#FFF;-webkit-animation: 1s ;animation-duration: 1s ;-webkit-animation-fill-mode: both;animation-fill-mode: both;opacity: 0}
.subBtn{position: absolute;top:2.8rem;left:0;text-align: center;width: 100%;font-size:0;-webkit-animation: 1s .5s;animation-duration: 1s .5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;opacity: 0}
.subBtn a{display: inline-block;height: .44rem;width: 2rem;border:1px solid #FFF;font-size:.3rem;line-height: .44rem;border-radius:6px;-webkit-border-radius:6px;color:#FFF;}
.masklogo{position: absolute;bottom:4.5rem;left:0;width: 100%;text-align: center;height: 2rem;width: 2rem;width: 100%}
img{height: 2rem;width: 2rem;-webkit-animation: 1s .5s;animation-duration: 1s .5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;opacity: 0}
.support{position: absolute;bottom:.8rem;left:0;text-align: center;font-size:.26rem;color:#FFF;width: 100%;-webkit-animation: 1s 1s;animation-duration: 1s 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;opacity: 0;}
.masktit span{font-weight: bold}
.test{animation: 1s .8s;animation-duration: 1s .8s;-webkit-animation-fill-mode: both;animation-fill-mode: both;opacity:0}
#showNum{color:#FFD20A;}