@charset "utf-8";

/*登录框*/
.login_bome{position: absolute; top: 54px; left: 50%; margin-left: 222px; z-index: 2; width: 364px; height: 394px; border: 2px solid #e5e5e5; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;} 
.btn_bg{height: 47px; line-height: 47px;}
.btn_bg a{float: left; width: 182px; color: #c5c5c5; font-size: 20px; text-align: center; display: block; text-decoration: none;}
.btn_bg a{background: url(../images/bg/icon3.jpg) no-repeat;}
.btn_bg a.on{background: url(../images/bg/icon4.jpg) no-repeat; color: #fff;}
.btn_bg a.btn_login{background-position: 0 0;}
.btn_bg a.btn_reg{background-position: -183px 0;}
.btn_bg a.btn_login.on{background-position: 0 0;}
.btn_bg a.btn_reg.on{background-position: -182px 0;}
.user_con{padding: 0 30px; margin-top: 40px;}
.user_li{position: relative; height: 36px; line-height: 36px; width: 304px; margin-bottom: 24px;}
.login_input{position: relative; width: 248px; height: 34px; line-height: 34px; border: 1px solid #e5e5e5; margin-left: 30px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px;}
.user_li span.user_icon,.user_li span.pwd_icon,.user_li span.repwd_icon,.user_li span.name_icon,.user_li span.id_icon,.user_li span.email_icon,.user_li span.mobile_icon{display: inline-block; float: left; width: 30px; height: 36px; background: url(../images/bg/icon1.png) no-repeat;}
.user_li span.user_icon{background-position: 0 6px;}
.user_li span.pwd_icon{background-position: 0 -115px;}
.user_li span.repwd_icon{background-position: 0 -115px;}
.user_li span.name_icon{background-position: 0 -175px;}
.user_li span.id_icon{background-position: 0 -234px;}
.user_li span.email_icon{background-position: 0 -282px;}
.user_li span.mobile_icon{background-position: 0 -54px;}
.login_input .placeholder{position: absolute; top: 0; left: 0; z-index: 2; color: #c3c1bf; font-size: 14px; display: block; height: 34px; line-height: 34px; width: 228px; padding: 0 10px;}
.login_input input{position: absolute; top: 0; left: 0; z-index: 1; width: 228px; height: 34px; padding: 0 10px; line-height: 34px; color: #3c3c3c; outline: none; border: 0; background: transparent;}
.user_li .user_tips{width: 250px; color: #ff5353; font-size: 12px; display: block; height: 22px; line-height: 22px; text-align: center; float: right; margin-right: 24px;}
.user_li .i_icon{position: absolute; right: 0; top: 0; display: none; width: 24px; height: 36px; background: url(../images/bg/icon5.png) no-repeat;}
.user_li .i_icon.yes{background-position: 5px 10px;}
.user_li .i_icon.no{background-position: 5px -26px;}
#reg_bg .reg_con{display: none;}
.user_con .remember{width: 250px; height: 14px; line-height: 14px; padding-left: 30px; margin-top: -4px;}
.user_con .remember label{cursor: pointer;}
.user_con .remember,.user_con .remember label a{color: #999; font-size: 12px;}
.user_con .remember label a{color: #fd8b64;}
.user_con .remember label.fr a{color: #999;}
.user_con .remember label a:hover{text-decoration: none; color: #ff4302;}
.user_con .remember label.fl{padding-left: 16px; background: url(../images/bg/check.png) no-repeat;}
.user_con .remember label.fl.on{background: url(../images/bg/check_on.png) no-repeat;}
.user_con .login_btn{width: 304px; height: 46px; line-height: 46px; text-align: center; background: url(../images/bg/icon2.jpg) no-repeat; margin: 30px auto 26px;}
.user_con .login_btn a{display: block; color: #fff; font-weight: bold; font-size: 20px; text-decoration: none; letter-spacing: .5em;}
.user_con .login_btn:hover{background: url(../images/bg/icon2_h.jpg) no-repeat;}
.user_con .other_login{width: 100%; border-top: 1px solid #f2f2f2; padding-top: 13px;}
.user_con .other_login .other_login_btn{display: inline-block; height: 30px; line-height: 30px;}
.user_con .other_login_text{display: inline-block; height: 30px; line-height: 30px; float: left; color: #dadada; font-size: 14px; margin-left: 30px;}
.user_con .other_login .other_login_btn a{display: inline-block; width: 30px; height: 30px; margin: 0 13px; background: url(../images/bg/other.png) no-repeat;}
.user_con .other_login .other_login_btn a:hover{background: url(../images/bg/other_h.png) no-repeat;}
.user_con .other_login .other_login_btn .qq,.user_con .other_login .other_login_btn .qq:hover{background-position: 0 0;}
.user_con .other_login .other_login_btn .weixin,.user_con .other_login .other_login_btn .weixin:hover{background-position: -56px 0;}
.user_con .other_login .other_login_btn .sina,.user_con .other_login .other_login_btn .sina:hover{background-position: -112px 0;}

/*注册框*/
.reg_bg{height: auto; top: -40px; margin-left: 222px; padding-bottom: 10px;}

.reg_bg .btn_bg a.btn_reg i{display: block; position: absolute; right: 0; top: 0; width: 32px; height: 32px; background: url(../images/bg/tj.png) no-repeat;}
.reg_bg .btn_bg a.on{background: url(../images/bg/icon4.jpg) no-repeat; color: #fff;}
.reg_bg .btn_bg a.btn_reg.on{background-position: -182px 0;}
.reg_bg .btn_bg a.btn_reg.on i{background: none;}
.reg_bg .mobile_tip{width: 398px; height: 30px; line-height: 30px; color: #fd8b64; font-size: 12px; position: absolute; top: 50px; right: 0; text-align: center; border: 1px solid #e0e0e0; background: #fff;}
.reg_bg .mobile_tip i{position: absolute; right: 78px; top: -10px; display: block; width: 18px; height: 10px; background: url(../images/bg/icon6.png) no-repeat;}
.login_bome .back,.info_box .back,#reg_box .back{color: #999; font-size: 12px; text-align: right;}
.login_bome .back .back_btn,.info_box .back .back_btn,#reg_box .back .back_btn{color: #ff4302;}
#login_box .back{margin-top: 15px;}
.reg_bg .user_con .login_btn{margin: 20px auto 26px;}
.reg_bg .mobile_input .placeholder,.reg_bg .mobile_input input{width: 104px;}
.reg_bg .get_btn{width: 124px; height: 34px; line-height: 34px; display: inline-block; color: #fd8b64; font-size: 14px; text-align: center; float: right; background: url(../images/bg/icon7.jpg) no-repeat;}