@import url(style.css);
@import url(custom.css);
/*登录*/
.login_bg{ overflow:hidden; background:url(../images/user/login_bg.jpg) center center no-repeat; background-size:cover;  min-height:100vh;display: flex; align-items: center; justify-content: left; position:relative;}
.login_contents{ width:100%; overflow:hidden;}
.login_div{overflow:hidden; max-width:536px; margin:0 auto; width:100%;}
.login_div .c_logo{ display:block; height:58px; margin:0 auto;}
.login_div .titles{ text-align:center;color:#2b2b2b; font-weight:bold; overflow:hidden; line-height:34px; margin-top:7.3%;}
.login_div .boxs{ background:#ffffff; overflow:hidden; margin-top:5.4%; border-radius:10px; margin-bottom:60px;}
.login_div .cons{ width:94%; max-width:368px; overflow:hidden; margin:0 auto; margin-top:4.4%; margin-bottom:11%;}
.login_div .cons .inputs2{background:#fff; height:40px; width:100%;border:0; line-height:40px; font-size:14px; color:#333; border:1px solid #dddddd; outline:none;  font-family:"微软雅黑"; text-indent:17px;  margin-bottom:7.9%;-webkit-box-sizing: border-box;  box-sizing: border-box; border-radius:6px;}
.login_div .cons .inputs2:focus{ border:1px solid #20bb24;}
.login_div .cons .inputs2::-webkit-input-placeholder{color:#999999;}
.login_div .cons .inputs2::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#999999;}
.login_div .cons .inputs2:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#999999;}
.login_div .cons .inputs2:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#999999;}
.login_div .cons .bnts2{  border: none; display:block; margin:0 auto;  width:100%;font-size: 14px; height: 40px; line-height:40px; background: #00aa85; font-family:"微软雅黑"; text-align: center;color: #fff; outline: none;  cursor: pointer; -webkit-appearance: none; border-radius:6px; font-weight:bold; text-transform:uppercase;transition:all 0.3s;}
.login_div .cons .bnts2:hover{opacity:0.8;filter:Alpha(opacity=80);}
.login_div .cons .login_forget{ text-align:center; overflow:hidden; font-size:14px; color:#999999;  margin-top:4.5%; line-height:22px; }
.login_div .cons .login_forget a{color:#333333;}
.login_div .cons .login_forget a:hover{ color:#00aa85;}




/*注册*/
.reg_bg{ overflow:hidden; background:url(../images/user/login_bg.jpg) center center no-repeat; background-size:cover;  min-height:100vh;display: flex; align-items: center; justify-content: left; position:relative;}
.reg_div{overflow:hidden; max-width:536px; margin:0 auto; width:100%; }
.reg_div .c_logo{ display:block; height:58px; margin:0 auto; }
.reg_div .titles{ text-align:center;color:#2b2b2b; font-weight:bold; overflow:hidden; line-height:34px; margin-top:7.3%;}
.reg_div .boxs{ background:#ffffff; overflow:hidden; margin-top:5.4%; border-radius:10px; margin-bottom:60px;}
.reg_div .cons{ width:94%; max-width:368px; overflow:hidden; margin:0 auto; margin-top:4.4%; margin-bottom:11%;}
.reg_div .cons .divs{ overflow:hidden; position:relative;}
.reg_div .cons .divs .label{ color:#2b2b2b; font-size:14px; position:absolute; left:1px; top:1px; height:38px; line-height:38px; width:58px; text-align:center; border-right:1px solid #dddddd; background:#f7f8f9; border-radius:6px 0 0 6px;}
.reg_div .cons .divs .label2{ color:#fff; font-size:14px; position:absolute; right:7px; top:5px; height:30px; line-height:30px; width:100px; text-align:center;  background:#00aa85; border-radius:6px; cursor:pointer;transition:all 0.3s;}
.reg_div .cons .divs .label2:hover{opacity:0.8;filter:Alpha(opacity=80);}
.reg_div .cons .inputs2{background:#fff; height:40px; width:100%;border:0; line-height:40px; font-size:14px; color:#333; border:1px solid #dddddd; outline:none;  font-family:"微软雅黑"; text-indent:17px;  margin-bottom:7.9%;-webkit-box-sizing: border-box;  box-sizing: border-box; border-radius:6px;}
.reg_div .cons .inputs2.bgs2{ text-indent:73px;}
.reg_div .cons .inputs2.bgs3{ margin-bottom:4.5%;}
.reg_div .cons .inputs2:focus{ border:1px solid #20bb24;}
.reg_div .cons .inputs2::-webkit-input-placeholder{color:#999999;}
.reg_div .cons .inputs2::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#999999;}
.reg_div .cons .inputs2:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#999999;}
.reg_div .cons .inputs2:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#999999;}
.reg_div .cons .bnts2{  border: none; display:block; margin:0 auto;  width:100%;font-size: 14px; height: 40px; line-height:40px; background: #00aa85; font-family:"微软雅黑"; text-align: center;color: #fff; outline: none;  cursor: pointer; -webkit-appearance: none; border-radius:6px; font-weight:bold; text-transform:uppercase;transition:all 0.3s;}
.reg_div .cons .bnts2:hover{opacity:0.8;filter:Alpha(opacity=80);}
.reg_div .cons .css-radio2{ display:none; }
.reg_div .cons .css-label_r3{ display: inline-block; vertical-align:middle; overflow: hidden; cursor: pointer; line-height:22px;background:url(../images/user/reg_pic1.png) left 4px no-repeat; background-size:14px 14px; padding-left:22px; font-size:12px; color:#000000; }
.reg_div .cons input[type=checkbox].css-radio2:checked + label.css-label_r3,.about_l .i_left_ul2 li .div .css-label_r3.ui-radio-on{ background-image:url(../images/user/gaming_bg1_on.png);}
/*.reg_div .cons input[type=radio].css-radio2:checked + label.css-label_r3,.about_l .i_left_ul2 li .div .css-label_r3.ui-radio-on{ background-image:url(../images/reg_pic1_on.png);}*/
.reg_div .cons .reg_check{ overflow:hidden;  font-size:12px; margin-bottom:4.5%; }
.reg_div .cons .reg_check a{ color:#00aa85; text-decoration:underline;}
.reg_div .cons .reg_check a:hover{ opacity:0.8;filter:Alpha(opacity=80); }
.reg_div .cons .reg_login{ text-align:center; overflow:hidden; font-size:14px; color:#999999;  margin-top:4.5%; line-height:22px; }
.reg_div .cons .reg_login a{color:#00aa85; text-decoration:underline;}
.reg_div .cons .reg_login a:hover{opacity:0.8;filter:Alpha(opacity=80); }

@media screen and (max-width: 960px) {
/*登录*/
.login_div .boxs{ margin-bottom:64px;}



}
@media screen and (max-width: 780px) {
/*登录*/
/*.login_bg{ min-height:inherit;}
.login_div{ margin-top:12%;}*/
.login_div .titles{ line-height:30px; margin-top:6%;}
.login_div .boxs{ /*margin-bottom:12%;*/margin-bottom:104px; margin-top:6%;}
.login_div .cons{ margin-bottom:8%;}
.login_div .cons .inputs2{ margin-bottom:5%;}

/*注册*/
/*.reg_bg{ min-height:inherit;}
.reg_div{ margin-top:12%;}*/
.reg_div .titles{ line-height:30px; margin-top:6%;}
.reg_div .boxs{ margin-bottom:104px; margin-top:6%;}
.reg_div .cons{ margin-bottom:8%;}
.reg_div .cons .inputs2{ margin-bottom:5%;}
}
@media screen and (max-width: 640px) {
/*登录*/
.login_div .titles{ line-height:24px;}
/*注册*/
.reg_div .titles{line-height:24px;}

}
@media screen and (max-width: 480px) {
/*登录*/
.login_div .c_logo{ height:46px;}
.login_div .titles{ line-height:22px; font-size:16px;}
.login_div .cons .inputs2{ height:36px; line-height:36px;font-size:12px;}
.login_div .cons .bnts2{  line-height:38px; height:38px;}
.login_div .cons .login_forget{ font-size:12px;}
/*注册*/
.reg_div .c_logo{height:46px;}
.reg_div .titles{ line-height:22px; font-size:16px;}
.reg_div .cons .divs .label{ height:34px; line-height:34px;}
.reg_div .cons .inputs2{ height:36px; line-height:36px; font-size:12px;}
.reg_div .cons .bnts2{  line-height:38px; height:38px;}
.reg_div .cons .reg_login{font-size:12px;}
.reg_div .cons .divs .label2{ top:3px; right:4px;}

}