/* 头部 */
.head_area{height: 93px;border-bottom: 1px solid #d2d2d2;background: #fff;}
.top_head{position: relative;height: 93px;}
.head_area .top_head .logo{position: absolute;left: 0;top: 22px;width: 160px;height: 49px;background: url(https://static.xbiao.com/images/pc/pub/logo.jpg) 0 0 no-repeat;}
.head_area .top_head .logo a{display: block;width: 100%;height: 100%;}
.returnHome{position: absolute;right: 0;top: 57px;font-size: 14px;line-height: 20px;color: #535353;background: url(https://static.xbiao.com/images/pc/pub/register_icon.png) 0 2px no-repeat;padding-left: 25px;}

/* 内容 */
.box_area{height: 681px;background: url(https://static.xbiao.com/images/pc/pub/login2020-bg.jpg) center 0 no-repeat;overflow: hidden;position: relative;}
.reg_area{width: 408px;height: 590px;background: #fff; position: absolute; top: 45px; left: 50%;}
.reg_container{width: 408px;height: 590px;}
.regiterform{display: block;padding: 50px 0 0 103px;}

/*  表单  */
.reg_form{width: 408px;}
.reg_nav{height: 54px;}
.reg_nav a{display: block;width: 50%;height: 54px;line-height:54px;font-size: 18px;color: #fff;text-align: center;background: #74381e;}
.reg_nav a.act{ background: #fff; color: #74381e;}
.reg_item{position: relative; margin: 20px auto 30px; width: 325px;}
.text_box{position: relative;width: 323px;/*height: 27px;*/border: 1px solid #bbb;padding: 3px 0;border-radius: 23px;}
.reg_icon{position: relative;width: 37px;height: 40px;}
.reg_icon i{display: block;width: 37px;height: 40px;margin-left: 2px;background: url(https://static.xbiao.com/images/pc/pub/login2020-icon.png) no-repeat;}
.reg_box{position: relative;width: 285px;height: 40px;}
.reg_label{position: absolute;top: 0;left: 0;height: 27px;line-height: 27px;padding-left: 12px;font-size: 12px;color: #aaa;cursor: text;}
.fsd_form1 .reg_label,.fsd_form1 .reg_input{padding-left: 7px;}
.reg_input{outline: none;width: 250px;height: 40px;padding: 0 12px;border: none;line-height: 27px;font-size: 16px;color: #000;overflow: hidden;}
.del_con{ z-index: 99;cursor: pointer; width: 13px; height: 12px; background: url(https://static.xbiao.com/images/pc/pub/del.png);position: absolute; right: 16px;top: 14px;display: none;}

/* input 框 全面 icon */
.reg_form .oversea{display: none;}
.reg_form .per_icon i{background-position: 10px -64px;}
.reg_form .lock_icon i{background-position: 10px -28px;}
.reg_form .verify_icon i{background-position: 10px -96px;}
.reg_form .phone_icon i{background-position: 10px 8px;}
.reg_form .username_icon i{ background: url(https://static.xbiao.com/images/pc/pub/icon_username.png)  no-repeat 10px center;}

/* 短息验证码 图片验证 */
.verifyCode,.smsCode{ overflow: hidden;position: relative;width: 220px;height: 40px;border: 1px solid #bbb;padding: 3px 0;margin-right: 5px; border-bottom-left-radius: 24px;border-top-left-radius: 24px;}
.verifyCode.error,.text_box.error,.smsCode.error{border-color: #f00;}
.verifyCode .reg_label{top: 3px;padding-left: 7px;}
.verifyCode .reg_input{width: 119px;height: 27px;padding: 0 7px;}
.smsCode .reg_label{position: absolute;top: 3px;left: 0;height: 27px;overflow: hidden;line-height: 27px;padding-left: 7px;font-size: 12px;color: #aaa;cursor: text;}
.smsCode .reg_input{outline: none;width: 170px;height: 40px;padding: 0 7px;border: none;line-height: 27px;font-size: 16px;color: #000;overflow: hidden;}
.sms_txt a{ display: none; width: 97px; height: 48px; font-size: 14px; background: #74381e; color: #fff; line-height:48px; border-bottom-right-radius: 24px;border-top-right-radius: 24px; text-align: center; cursor:pointer; }
.sms_txt span{ display: block; width: 97px; height: 48px; font-size: 14px; background: #eeeeee; color: #999999; line-height:48px; border-bottom-right-radius: 24px;border-top-right-radius: 24px; text-align: center; cursor:default; }
.sms_txt.act a{display: block;}
.sms_txt.act span{ display: none;}
.smsCode_input{ width: 180px;}

/* 点击按钮进行验证 */
.verify_btn{ display: block; width: 325px; height: 48px; background: url(https://static.xbiao.com/images/pc/pub/login2020-btn.png) no-repeat;}
.verify_btn:hover{ background: url(https://static.xbiao.com/images/pc/pub/login2020-btn-hover.png) no-repeat; }
.verify_text{ font-size: 16px; color: #999999; line-height:48px;margin-left: 12px;}
.verify_box {margin-bottom: 16px;}
.reg_btn{margin-top: 25px;}

/* 登录按钮 */
.reg_loginbtn{position: relative;width: 325px; margin: 0 auto;}
.reg_submit,.reg_loginIn,.reg_binding{display: block;width: 325px; border-radius: 24px;height: 48px;line-height: 48px;text-align: center;background: #74381e;font-size: 18px;color: #fff;outline: none;border:none;cursor: pointer;}
.reg_btn span,.reg_bind span{display: block;font-size: 12px;line-height: 20px;color: #959595;width: 325px;text-align: center;margin-top: 4px;}
.reg_bind span{text-align: left;}
.reg_btn span a,.reg_bind span a{color: #74381e;}

/* 忘记密码 || 注册账号 */
.forget_password{margin-right: 10px; float: right;font-size: 14px;line-height: 20px;color: #74381e;margin-bottom: 5px;}
.register_new_user{margin-left: 10px;float: left;font-size: 14px;line-height: 20px;color: #74381e;margin-bottom: 5px;}

/* 自动登录 || 网站服务协议 */
.safe{position: relative;margin-top: 8px;width: 307px;overflow: hidden;line-height: 17px;padding-left: 18px;}
#UserLogin_rememberMe,#UserLogin_treaty{display: none;}
.autoLogin_box{position: absolute;top: 0;left: 0; width: 16px;height: 17px;background: url(https://static.xbiao.com/images/pc/pub/login2020_box.png) 0 0 no-repeat;cursor: pointer;}
.autoLogin_box.sel{background-position: -17px 0;}
.safe span{display: inline-block;font-size: 12px;color: #000; margin-left: 6px;}
.safe span em{font-size: 10px;color: #cfcfcf; margin-left: 12px;}
.safe span a { color: #74381e;}
.see_treaty  span{color: #999;}
#UserLogin_treaty{display: none;}
 .treaty_box{position: absolute;top: 0;left: 0; width: 16px;height: 17px;background: url(https://static.xbiao.com/images/pc/pub/login2020_box.png) 0 0 no-repeat;cursor: pointer;}
 .treaty_box.sel{background-position: -17px 0;}
.autoLogin_bt,.treaty_bt {cursor: pointer }
.treaty_bt_box .treaty_bt{  font-size: 12px;color: #999;margin-left: 0;}

/* 报错提示 */
.need{position: absolute;top: 13px;left: -16px;width: 7px;height: 7px;background: url(https://static.xbiao.com/images/pc/pub/register_icon.png) 0 -301px no-repeat;}
.error_prompt{position: absolute;top: 50px;left: 40px;height: 25px;line-height: 25px;width: 285px;background: #fff;}
.error_icon{position: absolute;left: 0;top: 5px;width: 14px;height: 14px;background: url(https://static.xbiao.com/images/pc/pub/register_icon.png) 0 -246px no-repeat;}
.error_info{font-size: 12px;color: #f00;padding-left: 24px;}
.error_info a{color: #74381e;}
.reg_loginbtn .error_prompt{top: 0;}

/* 其他登录方式 */
.thirdland{width: 325px; margin: 35px auto 0; }
.thirdland p{font-size: 16px;line-height: 20px;color: #000;}
.thirdland_container{margin-top: 16px;}
.thirdland_container li{float: left;width: 64px;text-align: center;}
.thirdland_container li.login_weixin,.thirdland_container li.login_weibo{margin-right: 66px;}
.thirdland_container li i{display: block;width: 66px;height: 66px;background: url(https://static.xbiao.com/images/pc/pub/login2020-logo.png) no-repeat;}
.thirdland_container li.login_qq i{background-position: -88px 0;}
.thirdland_container li.login_weibo i{background-position: -88px -176px;}
.thirdland_container li.login_weixin i{background-position:  -88px -88px;}
.thirdland_container li.login_qq:hover i{background-position: 0 0;}
.thirdland_container li.login_weibo:hover i{background-position: 0 -176px;}
.thirdland_container li.login_weixin:hover i{background-position: 0 -88px;}
.thirdland_container li span{display: block;font-size: 14px;line-height: 20px;color: #000;margin-top: 10px;}

/* 注册页面 */
.register_page .reg_nav{border-bottom: 1px solid #dddddd;margin-bottom: 30px;}
.register_page .reg_nav a{width: 205px;border-bottom: 4px solid #74381e;margin: 0 auto;text-align: center;height: 50px;line-height: 56px;color: #74381e; background: #fff;}
.register_page .reg_item{margin: 20px auto 34px;}
.register_page .treaty{text-align: center;font-size: 12px;color: #999; margin-top: 10px;}
.register_page .treaty a{color: #74381e;}
.register_page  .thirdland{margin-top: 135px;}
.register_page .sms_txt a{ display: block; width: 97px; height: 48px; font-size: 14px; background: #eeeeee; color: #999999; line-height:48px; border-bottom-right-radius: 24px;border-top-right-radius: 24px; text-align: center; cursor:pointer; }
.register_page .sms_txt span{ display: none; width: 97px; height: 48px; font-size: 14px; background: #eeeeee; color: #999999; line-height:48px; border-bottom-right-radius: 24px;border-top-right-radius: 24px; text-align: center; cursor:default; }
.register_page .sms_txt a.act{display: block; background: #74381e;  color: #fff;}


    /* 页面弹框登录 */
.winlogin{width:408px;height:590px;}
.winlogin #open_fn {top:0;left:0;}
.user_login{display: none;}
.winlogin .x_closewin{width: 54px;height: 54px;background: rgba(0,0,0,0.2) url(https://static.xbiao.com/images/pc/pub/del_2.png) no-repeat center center;right: -54px;top: 0;}
.winlogin .reg_item.code{ margin-bottom: 21px;margin-top: 25px; }


/* 第三方登录页面 */
.qq_weixin_weibo .reg_nav {position: relative;}
.qq_weixin_weibo .reg_nav span{ position: absolute; top:18px; right:20px; font-size: 16px; color: #999999; }
.qq_weixin_weibo .reg_nav{border-bottom: 1px solid #dddddd;margin-bottom: 30px;}
.qq_weixin_weibo .reg_nav a{width: 205px;border-bottom: 4px solid #74381e;margin: 0 auto;text-align: center;height: 50px;line-height: 56px; background: #fff;color: #74381e;}
.qq_weixin_weibo .reg_item{margin: 20px auto 30px;}
.qq_weixin_weibo .treaty{text-align: center;font-size: 12px;color: #999; margin-top: 10px;}
.qq_weixin_weibo .treaty a{color: #74381e;}
.login_avatar{ margin: 30px auto 0; width: 116px; text-align: center; }
.box_area .pic_box { position: relative; width: 116px; height: 116px;}
.box_area .pic_box img {width: 116px; height: 116px; }
.box_area .pic_box i { position: absolute; top: 0; left: 0; width: 116px; height: 116px; background: url(https://static.xbiao.com/images/pc/pub/qq_head.png) 0 0 no-repeat; }
.login_avatar span { display: block; font-size: 14px; line-height: 20px;margin-top: 10px; color: #000;}
.qq_weixin_weibo .sms_txt a{ display: block; width: 97px; height: 48px; font-size: 14px; background: #eeeeee; color: #999999; line-height:48px; border-bottom-right-radius: 24px;border-top-right-radius: 24px; text-align: center; cursor:pointer; }
.qq_weixin_weibo .sms_txt span{ display: none; width: 97px; height: 48px; font-size: 14px; background: #eeeeee; color: #999999; line-height:48px; border-bottom-right-radius: 24px;border-top-right-radius: 24px; text-align: center; cursor:default; }
.qq_weixin_weibo .sms_txt a.act{display: block; background: #74381e;  color: #fff;}


/* 手机动态码登录 */
.phone_login .verify_box{ margin-bottom: 30px;}
.phone_login .reg_item.code{ margin-bottom: 25px;}
.phone_login .reg_item.code .error_prompt{ top: 48px;height: 23px;line-height: 23px;}
.phone_login .thirdland{margin-top: 25px;}
.phone_login .sms_txt a{ display: block; width: 97px; height: 48px; font-size: 14px; background: #eeeeee; color: #999999; line-height:48px; border-bottom-right-radius: 24px;border-top-right-radius: 24px; text-align: center; cursor:pointer; }
.phone_login .sms_txt span{ display: none; width: 97px; height: 48px; font-size: 14px; background: #eeeeee; color: #999999; line-height:48px; border-bottom-right-radius: 24px;border-top-right-radius: 24px; text-align: center; cursor:default; }
.phone_login .sms_txt a.act{display: block; background: #74381e;  color: #fff;}

/* 底部 */
.footer{margin-top: 50px;}