/**
 * Author: WXH
 * Date: 14-9-4
 * Update:
 */

.hide {
    display: none;
}

/*找回密码STEP1*/
.progress-wrap{ width:100%;}
.step1{ background:url(/image/findPassword/reg_btn_step1.png) no-repeat; width:950px; height:60px; margin:0 auto;}
.reg-title{ width:950px; font-size:24px; color:#333; margin:20px auto 5px;}
.reg-step1-wrap{ width:100%;}
.reg-step1-box{ width:950px; border:1px solid #23b7b7; margin:0 auto; height:375px; position:relative;}
.reg-step1-form{position:absolute; width:700px; height:250px; right:50px; top:35px;}
.reg-step1-form .form-list{ margin-bottom:20px; height:40px; line-height:40px; display:flex; align-items: center;}
.reg-step1-form .form-name{ color:#333; width:128px; text-align:right; display:inline-block; vertical-align:middle; font-style:normal; font-size:16px;}
.reg-step1-form input{border:1px solid #bbbbbb; height:30px; line-height:30px; font-size:14px; color:#666; text-indent:5px; margin: 0 5px; vertical-align:middle; display:inline-block;}
.reg-step1-form input:focus{ border:1px solid #23b7b7;}
.reg-step1-form .area-code-wrap .area-code-text {border:1px solid #bbbbbb; width: 55px; height:30px; line-height:30px; padding:0 6px; margin: 0 5px;}
.reg-step1-form .form-mobile{ width:182px; text-indent:5px;}
.reg-step1-form .form-mail{ width:265px; text-indent:5px;}
.reg-step1-form .form-code{ width:165px; text-indent:5px;}
.reg-step1-form .form-codebtn { width: 78px; text-align: center; height: 30px; line-height: 30px; display: inline-block; vertical-align: middle; cursor: pointer; margin-left: 11px; margin-right: 5px; background: #F9F9F9; border: 1px solid #bbbbbb;}
.reg-step1-form .sel-type{ cursor:pointer; width:265px; text-indent:5px; background:url(Images/option_bg.gif) no-repeat 245px 7px;}
.sel-type-box{ width:265px; height:60px; border:1px solid #23b7b7; position:absolute; background:#FFF; left:137px; top:39px; display:none;}
.sel-type-box span{ display:block; padding:5px 5px; font-size:14px; color:#333; cursor:pointer;}
.sel-type-box span:hover{ background: #23b7b7; color:#fff;}
.reg-step1-form .fb-mail{ display:none;}
.reg-step1-form .btn-mail{ display:none;}

.reg-step1-form .confirm-code{ width:145px;}
.reg-step1-form .error-input{ border:1px solid #FF7E00;}
.reg-step1-form .icon-require{ color: #f00;}
.reg-step1-form .default-msg{ display: none;}
.reg-step1-form .error-msg{ display:inline-block !important; vertical-align:middle; height:24px; line-height:20px; color:#FF7E00; margin-left:3px; font-weight:normal;}
.reg-step1-form img{ border:none; width:80px; height:30px; display:inline-block; vertical-align:middle; margin-left:11px; margin-right:5px;}
.reg-step1-form a{ background:url(Images/refresh_btn_code.png) no-repeat; width:15px; height:15px; display:inline-block; vertical-align:middle; margin-left:5px; cursor:pointer; margin-right:13px;}
.reg-step1-form .agreement{ padding-left:80px;}
.reg-step1-form .agreement input{ display:inline-block; vertical-align:middle; margin-right:5px;}
.reg-step1-form .agreement a{ text-decoration:underline;}
.reg-step1-form .btn-box{ padding-left:136px; margin-top:50px;}
.reg-step1-form .btn-box a { width:266px; height:37px; line-height:35px; text-align:center; font-size:20px; color:#fff; display:inline-block; background:url(/image/findPassword/reg_btn_step1.png) no-repeat; text-decoration:none;}
.reg-step1-form .btn-box a:hover{ background:url(/image/findPassword/reg_btn_step1.png) no-repeat 0 -38px;}


.mp-confirm-box{ padding:10px; position:relative;}
.mp-confirm-title{ font-size:16px; color:#333; font-weight:bolder; height:30px; line-height:30px; border-bottom:1px solid #ccc;}
.mp-confirm-form{ width:500px; height:200px; position:absolute; right:0; top:70px;}
.mp-confirm-form p{ height:40px; display:block; margin-top:20px;}
.mp-confirm-form p i{ height:30px; line-height:30px; font-style:normal; width:70px; font-size:14px; color:#333; display:inline-block; vertical-align:middle; text-align:right; }
.mp-confirm-form p input{border-left:1px solid #bbbbbb; border-top:1px solid #bbbbbb; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;height:30px; line-height:30px; font-size:14px; color:#666; text-indent:5px; margin-left:5px; margin-right:5px; vertical-align:middle; display:inline-block; width:145px;}
.mp-confirm-form p input:focus{ border:1px solid #23b7b7;}
#time, .mp-confirm-form p a { background: #F9F9F9; width: 80px; border: 1px solid #bbbbbb; text-align: center; height: 30px; line-height: 30px; color: #333;  text-decoration: none; display: block; vertical-align: middle; font-size: 12px; cursor: pointer; text-decoration: none; margin-left:10px;}
.mp-confirm-form p span{ background:#F9F9F9; width:140px; border:1px solid #bbbbbb; text-align:center; height:30px; line-height:30px; color:#ccc; text-decoration:none; margin-left: 240px;margin-top: -32px; display:block; vertical-align:middle; display:none;}
.mp-confirm-msg{ padding-left:75px;}
.mp-confirm-msg .mpinfo-confirm{ display:block; background:url(Images/reg_corr_bg.png) no-repeat 0 5px; height:20px; line-height:20px; padding-left:15px; font-size:12px; color:#ccc; }
.mp-confirm-msg .mpcode-error{ display:block; background:url(Images/reg_error_bg.png) no-repeat 0 5px; height:20px; line-height:20px; padding-left:15px; font-size:12px; color:#F00; }
.mp-confirm-btn{ margin-top:20px;}
.mp-confirm-btn a{ width:147px; height:37px; line-height:35px; text-align:center; font-size:20px; color:#fff; display:inline-block; background:url(/image/findPassword/reg_btn_step1.png) no-repeat 0 -76px; text-decoration:none; margin-left:75px;}
.mp-confirm-btn a:hover{ background:url(/image/findPassword/reg_btn_step1.png) no-repeat 0 -114px;}

.mail-confirm-box{ padding:10px; position:relative;}
.mail-confirm-title{ font-size:16px; color:#333; font-weight:bolder; height:30px; line-height:30px; border-bottom:1px solid #ccc;}
.mail-confirm-form{ width:430px; height:200px; position:absolute; right:0; top:100px;}
.mail-confirm-form p{ height:25px; display:block; margin-top:0px;}
.mail-confirm-form p i{ height:30px; line-height:30px; font-style:normal;  font-size:14px; color:#333; display:inline-block; vertical-align:middle; text-align:right; }

.mail-confirm-btn{ margin-top:20px;}
.mail-confirm-btn a{ width:147px; height:37px; line-height:35px; text-align:center; font-size:20px; color:#fff; display:inline-block; background:url(/image/findPassword/reg_btn_step1.png) no-repeat 0 -76px; text-decoration:none; margin-left:30px; margin-top:20px;}
.mail-confirm-btn a:hover{ background:url(/image/findPassword/reg_btn_step1.png) no-repeat 0 -114px;}

.overtime-box{ padding:10px;}
.overtime-title{ font-size:16px; color:#333; font-weight:bolder; height:30px; line-height:30px; border-bottom:1px solid #ccc;}
.overtime-form{ width:620px; height:200px; position:absolute; right:0; top:100px;}
.overtime-form p{ height:25px; display:block; margin-top:0px; text-align:center; color:#333;}
.overtime-form p i{ height:30px; line-height:30px; font-style:normal;  font-size:14px; color:#333; display:inline-block; vertical-align:middle; text-align:right; }

.overtime-btn{ margin-top:20px; text-align:center;}
.overtime-btn a{ width:147px; height:37px; line-height:35px; text-align:center; font-size:20px; color:#23b7b7; display:inline-block; background:url(/image/findPassword/reg_btn_step1.png) no-repeat 0 -228px; text-decoration:none;  margin-top:20px;}
.overtime-btn a:hover{ background:url(/image/findPassword/reg_btn_step1.png) no-repeat 0 -266px; color:#fff;}

.repost-box{ height:47px; background:#f8f8f8; top:275px; position:absolute; width:600px;}
.repost-box p em{ line-height:40px; color:#333; font-size:12px; margin-left:190px; display:inline-block; vertical-align:middle;}
.repost-box p a{ width:100px; height:27px; line-height:27px; display:inline-block; border:1px solid #ccc; background:#FFF; color:#333; text-align:center; text-decoration:none;vertical-align:middle; }

/*重新获取*/
.repost-box p span{ width:100px; height:27px; line-height:27px; display:inline-block; border:1px solid #ccc; background:#FFF; color:#333; text-align:center; text-decoration:none;vertical-align:middle;display:none;}
.repost-box p a:hover{ background:#23b7b7; color:#fff; }
.repost-box p .in-repost{ width:100px; height:27px; line-height:27px; display:inline-block; border:1px solid #ccc; background:#FFF; color:#ccc; text-align:center; text-decoration:none; cursor:default;}
.repost-box p .in-repost:hover{ width:100px; height:27px; line-height:27px; display:inline-block; border:1px solid #ccc; background:#FFF; color:#ccc; text-align:center; text-decoration:none; cursor:default;}

/**step popup style**/
#TB_overlay {position: fixed;z-index:100;top: 0px;left: 0px;height:100%;width:100%;}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {background-color:#000;filter:alpha(opacity=45);-moz-opacity: 0.45;opacity: 0.45;}
* html #TB_overlay {position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_window {position: fixed;background: #ffffff;z-index: 102;color:#000000;display:none;border: 5px solid #23b7b7;text-align:left;top:50%;left:50%;}
* html #TB_window {position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_window img#TB_Image {display:block;margin: 15px 0 0 15px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;border-top: 1px solid #666;border-left: 1px solid #666;}
#TB_caption{height:25px;padding:7px 30px 10px 25px;float:left;}
#TB_closeWindow{height:25px;padding:11px 25px 10px 0;float:right;}
#TB_closeAjaxWindow{ text-indent:-9999px;}
#TB_closeWindowButton{width:17px; height:17px; position:absolute; background:url(Images/popup_close_btn.png) no-repeat; cursor:pointer; right:10px; top:10px; text-indent:-9999px; z-index:99999;}
#TB_ajaxWindowTitle{ display:none;float:left;padding:7px 0 5px 10px;margin-bottom:1px;}
#TB_title{background-color:#fff;height:0px; }
#TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em;}
#TB_ajaxContent.TB_modal{padding:15px;}
#TB_ajaxContent p{padding:5px 0px 5px 0px;}
#TB_load{position: fixed;display:none;height:13px;width:208px;z-index:103;top: 50%;left: 50%;margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */}
* html #TB_load {position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_HideSelect{z-index:99;position:fixed;top: 0;left: 0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity: 0;opacity: 0;height:100%;width:100%;}
* html #TB_HideSelect {position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px;}
.TB-window-fix{ height:600px !important; margin-top:-300px !important;}
.TB-ajaxContent-fix{ height:750px !important;}
.code-sent-info{ position:absolute; width:400px; height:20px; line-height:20px; text-indent:16px; color:#333;background:url(Images/reg_error_bg.png) no-repeat 0 5px;}
.pro-hide { display: none;}

#ph{ padding-left: 4px;*line-height: 26px;}


.tips-bg {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-color: #000;
    opacity: 0.45;
    -moz-opacity: 0.45;
    filter: alpha(opacity=45);
    z-index: 9;
}

/*结果提示*/
.result-wrap {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 10;
    width: 300px;
    padding: 32px 80px;
    text-align: center;
    background: #fff;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

.result-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.close-icon {
    position: relative;
    width: 1px;
    height: 16px;
    background: #d8d8d8;
    transform: rotate(45deg);
    display: inline-block;
}

.close-icon:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 1px;
    height: 16px;
    background: #d8d8d8;
    transform: rotate(270deg);
}

.result-content {
    font-size: 18px;
    font-weight: 400;
    color: #333;
    padding: 10px 0 24px;
}

.result-btnbox a {
    font-size: 16px;
    color: #fff;
    width: 100%;
    padding: 13px 0;
    text-align: center;
    background: #ff7e00;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    display: inline-block;
}

.result-btnbox a:hover,
.result-btnbox a:visited {
    text-decoration: none;
}

.auth-wrap {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 10;
    width: 395px;
    padding: 32px 44px;
    text-align: center;
    background: #fff;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
.auth-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
.close-icon {
    position: relative;
    width: 1px;
    height: 16px;
    background: #d8d8d8;
    transform: rotate(45deg);
    display: inline-block;
}
.close-icon:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 1px;
    height: 16px;
    background: #d8d8d8;
    transform: rotate(270deg);
}
.auth-content {
    width: 336px;
    margin: 0 auto;
    color: #333;
}
.auth-content p {
    font-size: 14px;
}
.auth-content p span {
    color: #FF7E00;
}
.auth-content p.title {
    font-size: 18px;
    margin-top: 6px;
    font-weight: bold;
}
.auth-content p.subtitle {
    font-size: 18px;
    padding: 18px;
}
.auth-content img {
    width: 80px;
    margin-top: 25px;
}
.auth-content .card-title {
    padding-top: 24px;
}
.auth-content .card-box {
    font-size: 0;
    padding: 24px 0 16px;
}
.auth-content .card-box input {
    font-size: 24px;
    width: 44px;
    height: 56px;
    margin: 0 6px;
    text-align: center;
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
}
.auth-content .card-box input:first-child {
    margin-left: 0;
}
.auth-content .card-box input:last-child {
    margin-right: 0;
}
.auth-btnbox a {
    font-size: 16px;
    width: 100%;
    height: 43px;
    line-height: 43px;
    text-align: center;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    display: inline-block;
    margin-top: 16px;
    text-decoration: none;
}
.auth-btnbox a:hover,.auth-btnbox a:active {
    text-decoration: none;
} 
.auth-btnbox a.solid-btn {
    color: #fff;
    background: #ff7e00;
    border: 1px solid #ff7e00;
}
.auth-btnbox a.hollow-btn {
    color: #ff7e00;
    background: #fff;
    border: 1px solid #ff7e00;
}
.auth-btnbox a.solid-gray-btn {
    color: #fff;
    background: #ddd;
    border: 1px solid #ddd;
    pointer-events: none;
}
.auth-btnbox a.btnColor {
    color: #fff;
    background: #ff7e00;
    border: 1px solid #ff7e00;
    pointer-events: visible;
}
.card-input-verify input {
    font-size: 18px;
    width: 100%;
    height: 56px;
    margin: 0 6px;
    text-align: center;
    border-radius: 8px;
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
}