@import url(style.css);
@import url(aos.css);
/*登录*/
.login_bg{ overflow:hidden; background:url(../images/login_bg.jpg) center center no-repeat; background-size:cover;  min-height:100vh;display: flex; align-items: center; justify-content: left;}
.login_div{overflow:hidden; max-width:620px; margin:0 auto; width:100%;}
.login_div .c_logo{ display:block; height:81px; margin:0 auto; margin-top:16%;}
.login_div .titles{ text-align:center; text-transform:uppercase; color:#fff; font-weight:normal; overflow:hidden; line-height:34px; margin-top:7.3%;}
.login_div .boxs{ background:#000000; overflow:hidden; margin-top:5.4%;}
.login_div .cons{ width:94%; max-width:304px; overflow:hidden; margin:0 auto; margin-top:12%; margin-bottom:12%;}
.login_div .cons .inputs2{background:#333333; height:44px; width:100%;border:0; line-height:44px; font-size:13px; color:#fff; border:0; outline:none;  font-family:"Montserrat-Regular"; text-indent:19px; font-size:13px; margin-bottom:7.90%;-webkit-box-sizing: border-box;  box-sizing: border-box;}
.login_div .cons .inputs2:focus{ border:1px solid #20bb24;}
.login_div .cons .inputs2::-webkit-input-placeholder{color:#ffffff;}
.login_div .cons .inputs2::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#ffffff;}
.login_div .cons .inputs2:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#ffffff;}
.login_div .cons .inputs2:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#ffffff;}
.login_div .cons .bnts2{  border: none; display:block; margin:0 auto;  width:100%;font-size: 17px; height: 44px; line-height:44px; background: #20bb24; font-family:"Montserrat-Regular"; 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{ background:#21d726;}
.login_div .cons .login_forget{ text-align:center; overflow:hidden; font-size:13px; color:#fff; text-transform:uppercase; margin-top:6%; line-height:22px; }
.login_div .cons .login_forget a{text-decoration:underline;color:#fff;}
.login_div .cons .login_forget a:hover{ color:#20bb24;}

.login_div .login_end{ text-align:center; overflow:hidden; font-size:13px; color:#fff; text-transform:uppercase; margin-top:18%; line-height:22px;text-decoration:underline; margin-bottom:5%; }
.login_div .login_end a{color:#fff;}
.login_div .login_end a:hover{ color:#20bb24;}
.login_div .login_end p{ padding-bottom:3%; overflow:hidden;}
/*注册*/
.reg_bg{ overflow:hidden; background:url(../images/reg_bg.jpg) center center no-repeat; background-size:cover;  min-height:100vh;display: flex; align-items: center; justify-content: left;}
.reg_div{overflow:hidden; max-width:360px; margin:0 auto; width:100%; }
.reg_div .c_logo{ display:block; height:81px; margin:0 auto; margin-top:6.3%;}
.reg_div .boxs{ overflow:hidden; margin-top:6.3%;background:#000000; margin-bottom:26px;}
.reg_div .cons{ width:94%; max-width:304px; overflow:hidden; margin:0 auto; margin-top:22px; margin-bottom:16px;}
.reg_div .cons .inputs2{background:#333333; height:44px; width:100%; line-height:44px; border:1px solid #333333; font-size:13px; color:#fff; border:0; outline:none;  font-family:"Montserrat-Regular"; text-indent:19px; font-size:13px; margin-bottom:7.90%;-webkit-box-sizing: border-box;  box-sizing: border-box;}
.reg_div .cons .inputs2:focus{ border:1px solid #20bb24;}
.reg_div .cons .inputs2::-webkit-input-placeholder{color:#ffffff;}
.reg_div .cons .inputs2::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#ffffff;}
.reg_div .cons .inputs2:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#ffffff;}
.reg_div .cons .inputs2:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#ffffff;}
.reg_div .cons .inputs2.bgs2{ margin-bottom:0;}
.reg_div .cons .bnts2{  border: none; display:block; margin:0 auto;  width:100%;font-size: 17px; height: 44px; line-height:44px; background: #20bb24; font-family:"Montserrat-Regular"; 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{ background:#21d726;}
.reg_div .cons .xingbei{ overflow:hidden; margin-top:6.8%; margin-bottom:6.8%;}
.reg_div .cons .xingbei ul li{ width:118px; float:left; overflow:hidden;}
.reg_div .cons .css-radio2{ display:none; }
.reg_div .cons .css-label_r3{ display: block; overflow: hidden; cursor: pointer; line-height:22px;background:url(../images/reg_pic1.png) left 4px no-repeat; background-size:14px 14px; padding-left:24px; font-size:13px; color:#999999; }
.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/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 .tishi{ text-align:right; overflow:hidden; font-size:13px; color:#666666; line-height:26px; margin-bottom:4.3%;}
.reg_div .cons .reg_check{ overflow:hidden; }
.reg_div .cons .reg_check ul li{ overflow:hidden;margin-bottom:7.9%; display:block;}
.reg_div .cons .reg_check ul li a{ color:#fff;}
.reg_div .cons .reg_check ul li a:hover{ color:#20bb24;}
.reg_div .cons .reg_login{ text-align:center; overflow:hidden; font-size:13px; color:#999999;  margin-top:6%; line-height:22px; }
.reg_div .cons .reg_login a{text-decoration:underline;color:#fff;}
.reg_div .cons .reg_login a:hover{ color:#20bb24;}

.reg_div .reg_end{ text-align:center; overflow:hidden; font-size:13px; color:#999999; margin-top:18%; line-height:22px;text-decoration:underline; margin-bottom:5%; }
.reg_div .reg_end a{color:#999999;}
.reg_div .reg_end a:hover{ color:#20bb24;}
.reg_div .reg_end p{ padding-bottom:3%; overflow:hidden;}
@media screen and (max-width: 780px) {
/*登录*/
.login_div .c_logo{ height:70px;}
.login_div .titles{ line-height:30px;}

/*注册*/
.reg_div .c_logo{height:70px;}

}
@media screen and (max-width: 640px) {
/*登录*/
.login_div .c_logo{ height:60px;}
.login_div .titles{ line-height:24px;}
/*注册*/
.reg_div .c_logo{height:60px;}

}
@media screen and (max-width: 480px) {
/*登录*/
.login_div .c_logo{ height:50px;}
.login_div .titles{ line-height:22px;}
.login_div .cons .inputs2{ height:36px; line-height:36px;font-size:12px;}
.login_div .cons .bnts2{ font-size:16px; line-height:38px; height:38px;}
.login_div .login_end{ font-size:12px; line-height:20px;}
.login_div .cons .login_forget{ font-size:12px;}
/*注册*/
.reg_div .c_logo{height:50px;}
.reg_div .cons .inputs2{ height:36px; line-height:36px; font-size:12px;}
.reg_div .cons .bnts2{ font-size:16px; line-height:38px; height:38px;}
.reg_div .reg_end{ font-size:12px; line-height:20px;}
.reg_div .cons .reg_login{font-size:12px; line-height:20px;}
.reg_div .cons .css-label_r3{ font-size:12px;}
.reg_div .cons .tishi{ font-size:12px;}
}