body,div,ul,ol,li,h1,h2,p,img,a,span,strong,*{padding:0;margin:0;}
body{font-size:12px;font-family:"微软雅黑";color:#000000; cursor:pointer;background-color:#FFFFFF; height:100%}
*{backface-visibility:hidden;-webkit-backface-visibility:hidden;}
img{vertical-align:middle;border:none;}a{color:#333333;text-decoration:none;}
.clear{clear:both;height:0;width:0;overflow:hidden;}
.zxx_text_overflow{width:237px; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}.clearfix:after { content:"."; clear: both; height: 0;overflow:hidden;visibility:hidden;display:block;}.clearfix{zoom:1;}
.invalid:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: red;  
}

.invalid::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: red;
}

input.invalid:-ms-input-placeholder{
    color: red;
}

input.invalid::-webkit-input-placeholder {
    color: red;
}
.ad{ float:left; width:300px; margin:8px 0px}
.lay2{float:left; width: 980px; left:0; top:0px; margin:18px auto;}
.lay2 dl{ float:left; width: 85px; height: 30px;  line-height:30px; border: 1px solid #000; display: block;border-radius: 40px; margin:0px 10px}
.lay2 dl dt{ width:0px; float:left;}
.lay2 dl dd{text-align: center; font-size:14px; color:#0c0307; border-radius: 10px;}
/*.lay2 dl:nth-child(1) dd{ width:60px;}*/
/*.footer{width:100%; height:60px;background:#323232; clear:both;}
.footer p{ line-height:60px; text-align:center; color:#FFF;}
.footer p span{ padding-right:10px;}*/
/*底部*/
.footer{ width:100%; height:60px;background:#323232; margin-top:50px;}
.footer p{ line-height:60px; text-align:center; color:#FFF;}
.footer p span{ padding-right:10px;}
/*金币购买*/
.coin{ width:300px; position:fixed; top:40%; text-align:center; left:40%; display:none;}
.coin h2{ font-weight:normal; color:#0f9dd0; font-size:22px; padding-top:20px;}
.coininfo{ width:280px; background:#FFF; border-radius:10px; margin-top:15px; margin-left:10px; padding-bottom:20px;}
.coininfo span{ width: 280px; height: 30px; text-align: center; line-height: 40px; font-size: 14px;  }
.coininfo span a{ color:#f00; }
.coininfo span input{ width: 65px; height: 25px; }
.coininfo ul,li,div {padding:0;margin:0;}
.coininfo ul li {float:left;width:100px;height:45px; margin-left:25px;line-height:45px;text-align:center;background-color:#fff; border: 1px solid #7b7b7b;}
.coininfo ul {overflow:hidden;zoom:1;list-style-type:none;}
.clo_coin{ position:absolute; right:30px; top:30px; width:20px;}

/*登陆注册*/
.closes{ position:absolute; right:30px; top:30px; width:20px;}
.zhezhao{ display:none; width:100%; height:100%; background:#000; opacity:0.3; position:fixed; top:0; left:0;}
.loginA{ width:300px; position:fixed; top:22%; text-align:center; left:40%; display:none;}
.loginA h2{ font-weight:normal; color:#0f9dd0; font-size:22px; padding-top:20px;}
.logininfo{ width:280px; background:#FFF; border-radius:10px; margin-top:15px; margin-left:10px; padding-bottom:20px;}
.texts{ width:220px; height:35px; border:#d8d8d8 solid 1px; border-radius:5px; margin:0 auto; margin-top:10px; padding-left:10px;}
.two{ width:230px; height:40px; margin:0 auto; text-align:left; margin-top:10px;}
#pass{width:230px; height:40px; margin:0 auto; text-align:left; margin-top:10px;}
.texts1{ width:220px; height:35px; border:#d8d8d8 solid 1px; border-radius:5px; margin:0 auto; margin-top:10px; padding-left:10px;}
#phonew{ width:220px; height:35px; border:#d8d8d8 solid 1px; border-radius:5px; margin:0 auto; margin-top:10px; padding-left:10px;}
#showpass{ display: none; }
.yan{ position:absolute; right:40px; top:185px; z-index:99;}
.text2{ width:110px; height:35px; float:left; padding-left:10px;border:#d8d8d8 solid 1px; border-radius:5px; }
.yzman{ width:100px;height:35px; float:right;}
#phoneN,#phoneM{ margin-top:20px;}
.logininfo p{ text-align:right; line-height:35px; color:#0f9dd0; padding-right:10%;}
.buttons{ width:80%; height:35px; border-radius:5px; background:#0f9dd0; color:#FFF; font-size:16px; line-height:35px; margin:10px 0 0 10%;}
#zhuce{ background-color: #7f7f7f; }
#buttonY{ width:30%; margin:0 auto;}
.threelog{ width:100%; border-top:solid 1px #ebebeb; margin-top:30px;}
.threelog p{ line-height:35px; color:#999; text-align:center;}
.threelog img{ width:15%;padding-top:15px;}
.tenxun{ padding-left:30px;}
.NOlog{ width:140px; line-height:28px; margin:10px auto; color:#FFF; background:url(../images/login/login_17.png) no-repeat; background-size:100% 100%;}
.NOlog a{ color:#0f9dd0; cursor:pointer;}

#loginE{  width:60%;left:20%; top:40%;}
#loginE p{ color:#fff; line-height:50px; font-size:16px;}

#loginF{  width:60%;left:20%; top:40%;}
#loginF p{ color:#fff; line-height:50px; font-size:16px;}

#chek{ color:#000; width:220px; margin:0 auto;}
.de{vertical-align:middle;}
#chek span{ color:#0f9dd0;}
.Alertdiv{ display:none; width:20%; height:100px; text-align:center; background:#FFF; border-radius:10px; position:fixed; left:40%; top:40%;}
.Alertdiv h2{ width:100%;font-size:16px; font-weight:normal; line-height:60px; border-bottom:solid 1px #999;}
.Alertdiv p{ line-height:40px; font-size:14px;}