@charset "utf-8";

.loginbody .nav-pinupbox,.regbody .nav-pinupbox{height: 50px;}

/* login */
.loginmain{ width: 100%; height: 640px; background: url(../imgs/login-bg.jpg) no-repeat;}
.loginbox{width: 420px; height: auto; background:rgba(0,0,0,.1); float: right; margin-top: 50px; border-radius: 5px; padding: 10px; box-sizing: border-box;}
.loginbox-title{background: #DA2758; height: 50px; line-height: 50px; color: #fff; padding: 0 20px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.loginbox-main{ background: #fff; padding: 10px 20px; }
.login-list li{width: 360px; height: 50px; border: 1px #eee solid; box-sizing: border-box; margin-bottom: 10px;}
.login-list input{ width: 310px; height: 48px; border: none; float: left; padding: 0 10px; box-sizing: border-box; line-height:48px;}
.login-list i{display: block; width: 48px; height: 48px; float: left; font-style: normal; background: #eeeeee;}
.login-list i:before{display: block; font-family: "iconfont";  color: #bfbfbf; font-size: 24px; text-align: center; line-height: 50px;}
.login-list .username i:before{content: "\e625";}
.login-list .userpwd i:before{content: "\e621"; font-size: 28px;}

.login-list .code i:before {
content: "\e628";
font-size: 28px;
}
.login-form-b{ margin: 0 0 0 50px;}
.checkboxstyle{ display: none;}
.checkboxstyle + label { background-color: #fff; border: 1px solid #eee; padding: 9px; border-radius: 5px; display: inline-block; position: relative; margin-right: 5px; float: left;}
.checkboxstyle:checked + label:after { font-family: "iconfont"; content: '\e631'; position: absolute;top: 0px; left: 0px; color: #DA2758; width: 100%; text-align: center; font-size: 1.4em; padding: 1px 0 0 0;  vertical-align: text-top;}
a.loginbtn{letter-spacing:5px; display: block; height: 60px; background:#DA2758; border-radius: 5px; font-size: 24px; text-align: center; line-height: 60px; color: #fff !important; margin: 10px auto; transition: .5s;}
a:hover.loginbtn{background: #ff6600; transition: .5s;}

input.loginbtn{width:100%; letter-spacing:5px; display: block; height: 60px; background: #DA2758;border: 0; border-radius: 5px; font-size: 24px; text-align: center; line-height: 60px; color: #fff; margin: 10px auto; transition: .5s;}
input:hover.loginbtn{background: #ff6600; transition: .5s; border: 0}
.loginbox-b{ height:90px; letter-spacing:2px;line-height: 90px; background:#BB4782; color: #fff; padding: 0 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
a.login-regbtn{background:#ff6600; padding: 15px 30px; font-size:18px; color: #fff !important; border-radius: 5px; margin-left: 10px;}

/* reg */
.regmain{ width: 100%; height: 640px; background: url(../imgs/login-bg.jpg) no-repeat;}
.regbox{ padding: 30px 0;}
.regbox-title{background: #DA2758; height: 50px; line-height: 50px; color: #fff; padding: 0 20px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.regbox-main{border: 1px #eee solid; background:rgba(255,255,255,.60); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 20px;}
.reg-list li{height: 50px; line-height: 50px; margin-bottom: 10px;}
.reg-list li label{width: 100px; text-align: right;float: left;}
.reginput{width: 360px; height: 50px; border: 1px #eee solid; background:rgba(255,255,255,.85); padding: 0 10px; font-size: 14px; margin-right: 10px; line-height:50px;}
.reg-list .code{width: 150px;}
a.refresh-code:before{font-family: "iconfont"; content: "\e612";}
.regbox-main-r{ width: 430px; border-left: 1px #eee solid; padding-left: 20px; }
.regbox-main-r .ad-list li{ margin-bottom: 20px;}
.terms-reg{margin: 15px auto 15px 100px; text-align:center}
.terms-reg li{margin-bottom: 5px;}
a.regbtn{ background: #DA2758; display: block; width: 250px; height: 60px; text-align: center; line-height: 60px; font-size: 24px; color: #fff; border-radius: 5px; margin-left: 100px; transition: .5s;}
a:hover.regbtn{background: #ff6600; transition: .5s;}

input.regbtn{border:0; background: #DA2758;display: block; width: 298px; height: 60px; text-align: center; line-height: 60px; font-size: 24px; color: #fff; border-radius: 5px; margin-left: 100px; transition: .5s;}
input:hover.regbtn{border:0; background: #ff6600; transition: .5s;}

.correct-reg:before,.error-reg:before{font-family: "iconfont"; font-size: 18px; margin-right: 3px;}
.correct-reg:before{content: "\e739";}
.correct-reg{color: #2baa3f;}
.error-reg:before{content: "\e66d";}
.error-reg{color: #e30920;}