@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
img{border:0;width:100%;vertical-align:top;}
ul,li{list-style:none;}img{border:0;}
h1,div,ul,li,em,i,form{margin:0;padding:0;font-size:100%;font-weight:normal;-webkit-tap-highlight-color:transparent;font-style:normal;}
html{-webkit-tap-highlight-color:transparent;overflow-x:hidden;min-width:3.2rem;font-size:312.5%;}
body{font-size:.28em;font-family:'microsoft yahei',Verdana,Arial,Helvetica,sans-serif;line-height:1.5;height:100%;position:relative; background:#b3eff8 ;}
a{text-decoration:none;outline:one;color:#786719;}
a:hover{color:#401d0e;}

.center{max-width:720px; margin:0 auto;}
.header{width:100%;height:100%;position:relative;}
.header img{ width:100%;}
.banner{ position:relative;}
.banner p{ text-align:left; position:absolute; top:0.2rem; left:0.5rem; right:1rem; color:#b2e7ff; font-size:0.18rem;}

.h50{ width:100%; height:2rem;}
.bottom{ width:100%; position:fixed; bottom:0; background:url(http://content.gamebean.com/image/blr/lwj/c_b.png) repeat; padding:0.3rem 0;}
.bottom a{width:45%; padding:0 2%; display:inline-block;}
.bottom2{ width:100%; position:fixed; text-align:center; bottom:0; background:url(http://content.gamebean.com/image/blr/lwj/c_b.png) repeat; padding:0.3rem 0;}
.now{ width:45%; display:inline-block;}

.v_cont,.v_cont2{ height:50%; position:fixed; top:25%; display:none; z-index:100;}
.close,.close2{ position:absolute; top:0; right:0.2rem; width:0.62rem; height:0.65rem;}
.code select,.input1{ width:100%; height:0.68rem; background:#111111; border:0.01rem solid #514326; margin-bottom:0.1rem; color:#bfe7ef;}
.code option{ width:100%; border:none; height:0.2rem; padding:0.1rem 0;}
.pop-content{ margin-left:10%;font-size:.24rem; position:absolute; top:0; width:80%;}
.pop-content ul{padding:.25rem 0;}
.pop-content li{overflow:hidden;}
.lq{width:100%;text-align:center; position:absolute; display:inline-block;}
.lq a{width:45%; display:inline-block;}

.package-tips{color:#ff1919;font-size:.2rem; text-align:center;}
.pop-content .error{color:#dc050e;}
.pop-content .rule{color:#bbb;padding-left:1.8rem;margin-top:-.08rem;font-size:.2rem;}
.pop-content .package-tips{padding:.1rem 0;text-align:center;}
.wz{ width:80%; margin-left:10%; background:#072e49; text-align:left; position:absolute; top:0.2rem; left:0; right:1rem; color:#b2e7ff; font-size:0.20rem; padding:0.04rem;}
.wz2{ width:80%; margin-left:10%;  text-align:left; position:absolute; top:0.1rem; left:0; right:1rem; color:#b2e7ff; font-size:0.20rem; padding:0.04rem;}
.wz5{ width:80%; margin-left:10%; background:#072e49; text-align:left; position:absolute;bottom:0.2rem;  left:0; right:1rem; color:#b2e7ff; font-size:0.20rem; padding:0.04rem;}
.w_down{ width:80%; margin-left:10%;text-align:center; position:absolute; bottom:0.1rem; left:0; color:#f6e5ae; text-shadow:2px 2px 2px #999900;}
.w_down2{ width:80%; margin-left:10%;text-align:center; position:absolute; bottom:0.5rem; left:0; color:#f6e5ae; text-shadow:2px 2px 2px #999900;}
.wz3{ width:65%; margin-left:10%;  text-align:left; position:absolute; top:0.2rem; left:0; right:1rem; color:#ffc09c; font-size:0.24rem; padding:0.04rem;}
.wz4{ width:65%; margin-left:10%;  text-align:left; position:absolute; top:0.5rem; left:0; right:1rem; color:#ffc09c; font-size:0.24rem; padding:0.04rem;}

#mask1,#mask2{background-color:#666;position:absolute;z-index:99;left:0;top:0;display:none;width:100%;height:100%;opacity:0.5;filter: alpha(opacity=50);-moz-opacity: 0.5;}

@media screen and (min-width:320px){html{font-size:342%;}}@media screen and (min-width:410px){html{font-size:400%;}}@media screen and (min-width:480px){html{font-size:469%;}}@media screen and (min-width:640px){html{font-size: 625%;}}