@charset "utf-8";
/* CSS Document */
html,body,div,p,span,a,h1,h2{padding:0;margin:0;}
section,header,article{display:block;}
body{min-width:320px;max-width:640px;margin:0 auto;}

#content{position:relative;width:100%;height:54rem;background-repeat:no-repeat;background-position:0 0;background-size:100% 100%;}
#content .head{width:100%;height:26rem;text-indent:-9999px;}
#content .logo{position:absolute;left:4.5rem;top:.5rem;width:5.9rem;height:3.1rem;background-repeat:no-repeat;background-position:0 0;background-size:100% auto;text-indent:-9999px;}
#download{display:block;width:24.2rem;height:4rem;margin:0 auto;text-indent:-9999px;background:url(boy_download.png) no-repeat 0 0;background-size:100% auto;}
#download[clicked]{background-position:0 -4rem;}
#content .version{height:3rem;line-height:1.72rem;font-size:1.3rem;text-align:center;color:#e44425;}

#content .introduce{margin:.9rem auto 0 5.6rem;color:#fff;}
#content .title{height:2.4rem;line-height:2.4rem;font-size:1.6rem;text-shadow:.1rem .1rem .1rem rgba(0, 0, 0, 0.25);}
#content .text{height:3.9rem;padding-top:.4rem;width:19em;line-height:1.6rem;font-size:1.2rem;}

#mask{width:100%;height:100%;position:fixed;background:rgba(0, 0, 0, 0.6);top:0;left:0;}
#pop{position:absolute;top:15rem;left:50%;height:11rem;width:20rem;margin-left:-12rem;background:#efefef;border-radius:4px;text-align:center;font-size:1.4rem;font-family:微软雅黑;color:#3e3e3e;padding:2rem;}
#getit{display:inline-block;color:#ffffff;background:#68b100;width:18rem;height:4rem;line-height:4rem;font-size:2rem;text-decoration:none;margin-top:3rem;}
.hide{display:none;}