@charset "utf-8";

/*登录框*/
._bome{position: absolute; top: 35px; left: 50%; margin-left: 290px; 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;}
._bome .btn_bg{height: 47px; line-height: 47px;}
._bome .btn_bg a{float: left; width: 182px; color: #c5c5c5; font-size: 20px; text-align: center; display: block; text-decoration: none;}
._bome .btn_bg a{background: url(../images/bg/icon3.jpg) no-repeat;}
._bome .btn_bg a.on{background: url(../images/bg/icon4.jpg) no-repeat; color: #fff;}
._bome .btn_bg a.btn_login{background-position: 0 0;}
._bome .btn_bg a.btn_reg{background-position: -183px 0;}
._bome .btn_bg a.btn_login.on{background-position: 0 0;}
._bome .btn_bg a.btn_reg.on{background-position: -182px 0;}
._bome .user_con{padding: 0 30px; margin-top: 40px;}
._bome .user_li{position: relative; height: 36px; line-height: 36px; width: 304px; margin-bottom: 24px;}
._bome .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;}
._bome .user_li span.user_icon,._bome .user_li span.pwd_icon,._bome .user_li span.repwd_icon,._bome .user_li span.name_icon,._bome .user_li span.id_icon,._bome .user_li span.email_icon,._bome .user_li span.mobile_icon{display: inline-block; float: left; width: 30px; height: 36px; background: url(../images/bg/icon1.png) no-repeat;}
._bome .user_li span.user_icon{background-position: 0 6px;}
._bome .user_li span.pwd_icon{background-position: 0 -115px;}
._bome .user_li span.repwd_icon{background-position: 0 -115px;}
._bome .user_li span.name_icon{background-position: 0 -175px;}
._bome .user_li span.id_icon{background-position: 0 -234px;}
._bome .user_li span.email_icon{background-position: 0 -282px;}
._bome .user_li span.mobile_icon{background-position: 0 -54px;}
._bome .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;}
._bome .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;}
._bome .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;}
._bome .user_li .i_icon{position: absolute; right: 0; top: 0; display: none; width: 24px; height: 36px; background: url(../images/bg/icon5.png) no-repeat;}
._bome .user_li .i_icon.yes{background-position: 5px 10px;}
._bome .user_li .i_icon.no{background-position: 5px -26px;}
#reg_bg .reg_con{display: none;}
._bome .user_con .remember{width: 250px; height: 14px; line-height: 14px; padding-left: 30px; margin-top: -4px;}
._bome .user_con .remember label{cursor: pointer;}
._bome .user_con .remember,.user_con .remember label a{color: #999; font-size: 12px;}
._bome .user_con .remember label a{color: #fd8b64;}
._bome .user_con .remember label.fr a{color: #999;}
._bome .user_con .remember label a:hover{text-decoration: none; color: #ff4302;}
._bome .user_con .remember label.fl{padding-left: 16px; background: url(../images/bg/check.png) no-repeat;}
._bome .user_con .remember label.fl.on{background: url(../images/bg/check_on.png) no-repeat;}
._bome .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;}
._bome .user_con .login_btn a{display: block; color: #fff; font-weight: bold; font-size: 20px; text-decoration: none; letter-spacing: .5em;}
._bome .user_con .login_btn:hover{background: url(../images/bg/icon2_h.jpg) no-repeat;}
._bome .user_con .other_login{width: 100%; border-top: 1px solid #f2f2f2; padding-top: 13px;}
._bome .user_con .other_login .other_login_btn{display: inline-block; height: 30px; line-height: 30px;}
._bome .user_con .other_login_text{display: inline-block; height: 30px; line-height: 30px; float: left; color: #dadada; font-size: 14px; margin-left: 30px;}
._bome .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;}
._bome .user_con .other_login .other_login_btn a:hover{background: url(../images/bg/other_h.png) no-repeat;}
._bome .user_con .other_login .other_login_btn .qq,.user_con .other_login .other_login_btn .qq:hover{background-position: 0 0;}
._bome .user_con .other_login .other_login_btn .weixin,.user_con .other_login .other_login_btn .weixin:hover{background-position: -56px 0;}
._bome .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: -37px; margin-left: 222px; padding-bottom: 10px;}
.reg_bg .btn_bg a.btn_reg{background: url(../images/bg/icon3_n.jpg) no-repeat; color: #751c00;}
.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;}

/*悬浮登录框*/
.info_box{left: 50%; margin-left: -184px; height: 406px; z-index: 999999999;}
.info_box .btn_bg{width: 364px; background: url(../images/bg/icon4.jpg) no-repeat;}
.info_box .btn_bg span{color: #fff; font-size: 20px; display: inline-block; text-decoration: none; text-indent: 20px}
.info_box .btn_bg .close_btn{display: block; float: right; width: 29px; height: 29px; background: url(../images/bg/close.png) no-repeat; margin: 9px 11px 0 0;}


/*悬浮注册框*/
#reg_box{height: auto; z-index: 999999999; height: 565px;}


/*提示框*/
.tips_box{width: 402px; height: 225px; background: #fff; position: absolute; left: 50%; margin-left: -201px; z-index: 999999999; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px;}
.tips_box h3.tit{background: #ededed; height: 37px; line-height: 37px; text-indent: 15px; color: #333; font-size: 16px;}
.tips_box h3.tit .tips_close{display: block; float: right; width: 15px; height: 15px; background: url(../images/bg/close1.png) no-repeat; margin: 11px 12px 0 0;}
.tips_box .tips_content{height: 98px; overflow: hidden; padding: 10px 45px; color: #666; font-size: 14px;}

.tips_box p a.tips_btn{display: block; width: 140px; height: 38px; line-height: 38px; text-align: center; color: #fffefe; font-size: 16px; text-decoration: none; background: url(../images/bg/icon8.png) no-repeat; margin: 0 auto;}
.tips_box p a.tips_btn:hover{background: url(../images/bg/icon8_h.png) no-repeat;}


/*绑定框*/
.binding{width: 622px; height: 405px; background: #fff; position: absolute; left: 50%; margin-left: -311px; z-index: 999999999; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px;}
.binding .b_content{height: 340px; padding: 15px 0 10px;}
.left_info{width: 264px; height: 340px; border-right: 1px solid #f2f2f2;}

.left_info .b_logo{display: block; width: 184px; height: 67px; background: url(../images/bg/logo.png) no-repeat; margin: 10px auto 26px;}
.left_info p{font-size: 12px; color: #666; width: 186px; margin: 0 auto; line-height: 24px;}
.left_info p i{display: inline-block; width: 18px; height: 14px;  margin: 0 2px; vertical-align: -2px; *vertical-align: middle;}
.left_info p i.wb_icon{background: url(../images/bg/wb_xiao.png) no-repeat;}
.left_info p i.qq_icon{background: url(../images/bg/qq_xiao.png) no-repeat;}
.left_info p i.wx_icon{background: url(../images/bg/wx_xiao.png) no-repeat;}
.left_info p .b_name{color: #fd8b64;}
.left_info p.b_text{text-indent: 2em; margin-top: 12px;}
.left_info .b_process{width: 190px; margin: 45px auto 0;}
.left_info .b_process span{float: left;}
.left_info .b_process .wb_icon,.left_info .b_process .qq_icon,.left_info .b_process .wx_icon{display: inline-block; background: url(../images/bg/wb_big.png) no-repeat; width: 43px; height: 36px;}
.left_info .b_process .qq_icon{background: url(../images/bg/qq_big.png) no-repeat;}
.left_info .b_process .wx_icon{background: url(../images/bg/wx_big.png) no-repeat;}
.left_info .b_process .process_icon{display: inline-block; background: url(../images/bg/img.png) no-repeat; width: 24px; height: 12px; margin: 12px 16px 0;}
.left_info .b_process .logo_icon{display: inline-block; background: url(../images/bg/logo1.png) no-repeat; width: 82px; height: 30px; margin-top: 3px}

.right_info{width: 309px; margin-left: 25px;}
.right_info_top{height: 107px; border-bottom: 1px solid #f2f2f2; text-align: center; font-size: 14px; color: #666; margin-bottom: 30px;}
.right_info_top p{height: 30px; line-height: 30px;}
.right_info_top .sina_btn{display: block; width: 207px; height: 38px; margin: 13px auto 0;}
.right_info_top .wb_btn{background: url(../images/bg/wb_btn.png) no-repeat;}
.right_info_top .qq_btn{background: url(../images/bg/qq_btn.png) no-repeat;}
.right_info_top .wx_btn{background: url(../images/bg/wx_btn.png) no-repeat;}

.right_info .user_li span.user_icon,.right_info .user_li span.pwd_icon{width: 38px;}
.right_info .login_input .placeholder,.right_info .login_input input{left: 38px; width: 212px; padding: 0;}
.right_info .user_li span.user_icon{background-position: 8px 6px;}
.right_info .user_li span.pwd_icon{background-position: 8px -115px;}
.right_info .bingling_btn{padding-top: 6px;}
.right_info .bingling_btn a{display: block; width: 140px; height: 38px; line-height: 38px; text-align: center; background: url(../images/bg/icon11.png) no-repeat; text-decoration: none; color: #fffefe; font-size: 16px; margin: 0 auto;}
.right_info .bingling_btn a:hover{background: url(../images/bg/icon11_h.png) no-repeat;}


/*遮罩*/
.layer{display: none; width:100%; height: 100%; background:#000; opacity:0.3; filter:alpha(opacity=30); position:absolute; top:0; left:0; z-index:99999998;}