@charset "UTF-8";



/*公共*******************************************************************************/
#ChanjetLogin{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9000;
    display: block;
    font-size: 14px;
    color: #666;
}
#ChanjetLoginBlackBord {
    width: 100%;
    height: 100%;

    background-color: #000000;
    opacity: 0.7;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9001;
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

#ChanjetLoginContainer {
    position: absolute;
    z-index: 9002;
    border-radius: 4px;
    text-align: center;
    background:#fff;

}
#ChanjetLogin input[type="checkbox"] {
    margin: 2px 2px 0;
}
#ChanjetLogin .find-word {
    margin-top: -1px;
}

#ChanjetLogin  button{font-family:"Helvetica Neue","Microsoft Yahei",Helvetica,Arial,sans-serif;}


#ChanjetLogin ol,
#ChanjetLogin ul {
    margin:0;
    padding:0;
}
#ChanjetLogin h1,
#ChanjetLogin h2,
#ChanjetLogin h3,
#ChanjetLogin h4,
#ChanjetLogin h5,
#ChanjetLogin h6 { font-weight: normal;}

#ChanjetLogin li { list-style: none;  vertical-align:top;}
#ChanjetLogin a { text-decoration: none;cursor:pointer;}
#ChanjetLogin a:hover{ text-decoration: none; cursor:pointer;}
#ChanjetLogin a:focus{outline:none;}
#ChanjetLogin input { outline: none; background:none;}
#ChanjetLogin img { border: 0 none;}
#ChanjetLogin b{ font-weight:normal;}
#ChanjetLogin i{ font-style:normal;}
*:focus {outline: none;}
#ChanjetLogin .clearfix{zoom:1;}
#ChanjetLogin .clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
#ChanjetLogin .fl { float: left;}
#ChanjetLogin .fr { float: right;}

#ChanjetLogin .fz12{font-size: 12px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
#ChanjetLogin .mag-l20{ margin-left:20px;}

#ChanjetLogin .link-color{color:#3388ff;}

#ChanjetLogin .ma-j{
    font-size:12px;
    -webkit-font-smoothing: antialiased;
    margin-bottom:14px;/*修改*/
    padding-top:2px;
    text-align:left;
}
#ChanjetLogin .login-box .erro-box{
    color:#ff4646;
}
#ChanjetLogin  .login-box .green-box{
    color:#33BB66;
}
#ChanjetLogin  .login-box .gray-box{
    color:#666;
}



/*login-box*/
#ChanjetLogin  .login-box{ width:378px; /**padding:30px 30px 0;**/  box-sizing: content-box;}
#ChanjetLogin  .login-box h2{font-size:16px; line-height:30px; color:#e60012; font-weight:bold;}
#ChanjetLogin  .login-box p{ margin-bottom:20px;-webkit-font-smoothing: antialiased;}
#ChanjetLogin  .group-input{
    /* border-radius:2px; */
    margin-bottom:5px;
    position:relative;
}/* 修改--------------------- */
#ChanjetLogin  .slider-box{ height:35px; background:#dfdfdf; margin-bottom:16px; display:none; margin-top: 15px}
#ChanjetLogin  .input-style{
    width:100%;
    font-size:14px;
    vertical-align:middle;
    outline:none;
    background:transparent;
    box-shadow:inset 0px 0px 0px rgba(0,0,0,0);
    -webkit-appearance:none;
    border:0;
    color:#333;
    box-sizing:border-box;
    padding:1em 0.8em;/* 修改--------------------- */
}

#ChanjetLogin  .placeholder-sty{ color:#aaa; position:absolute; top:.9em; left:0.5em;-webkit-font-smoothing: antialiased;}/* 修改--------------------- */
#ChanjetLogin  .btn-code{
    display:block;position:absolute;top:9px; right:0;
    width:100px; height:28px; line-height:28px;
    background:transparent;outline:none;box-shadow:none; border:0;
    font-size:14px; border-left:1px solid #dadada;
}
#ChanjetLogin  .input-icon{ display:block; width:40px; height:45px; background:#fff; position:absolute; top:0; left:0;}
#ChanjetLogin  .input-id{
    background: url(../../images/login/icon_id.png) no-repeat center;
    background-image: -webkit-image-set(url(../../images/login/icon_id.png) 1x, url(../../images/login/icon_id@2x.png) 2x);
    background-image: -moz-image-set(url(../../images/login/icon_id.png) 1x, url(../../images/login/icon_id@2x.png) 2x);
    background-image: -ms-image-set(url(../../images/login/icon_id.png) 1x, url(../../images/login/icon_id@2x.png) 2x);
    background-image: -o-image-set(url(../../images/login/icon_id.png) 1x, url(../../images/login/icon_id@2x.png) 2x);
    _background-image: url(../images/icon_id.png);
}/*添加*/
#ChanjetLogin  .input-phone{
    background: url(../../images/login/icon_phone.png) no-repeat center;
    background-image: -webkit-image-set(url(../../images/login/icon_phone.png) 1x, url(../../images/login/icon_phone@2x.png) 2x);
    background-image: -moz-image-set(url(../../images/login/icon_phone.png) 1x, url(../../images/login/icon_phone@2x.png) 2x);
    background-image: -ms-image-set(url(../../images/login/icon_phone.png) 1x, url(../../images/login/icon_phone@2x.png) 2x);
    background-image: -o-image-set(url(../../images/login/icon_phone.png) 1x, url(../../images/login/icon_phone@2x.png) 2x);
    _background-image: url(../images/icon_phone.png);
}
#ChanjetLogin  .input-code{
    background: url(../../images/login/icon_code.png) no-repeat center;
    background-image: -webkit-image-set(url(../../images/login/icon_code.png) 1x, url(../../images/icon_code@2x.png) 2x);
    background-image: -moz-image-set(url(../../images/login/icon_code.png) 1x, url(../../images/login/icon_code@2x.png) 2x);
    background-image: -ms-image-set(url(../../images/login/icon_code.png) 1x, url(../../images/login/icon_code@2x.png) 2x);
    background-image: -o-image-set(url(../../images/login/icon_code.png) 1x, url(../../images/login/icon_code@2x.png) 2x);
    _background-image: url(../images/icon_code.png);
}
#ChanjetLogin  .input-password{
    background: url(../../images/login/icon_password.png) no-repeat center;
    background-image: -webkit-image-set(url(../../images/login/icon_password.png) 1x, url(../../images/login/icon_password@2x.png) 2x);
    background-image: -moz-image-set(url(../../images/login/icon_password.png) 1x, url(../../images/login/icon_password@2x.png) 2x);
    background-image: -ms-image-set(url(../../images/login/icon_password.png) 1x, url(../../images/login/icon_password@2x.png) 2x);
    background-image: -o-image-set(url(../../images/login/icon_password.png) 1x, url(../../images/login/icon_password@2x.png) 2x);
    _background-image: url(../images/icon_password.png);
}
#ChanjetLogin  .xy-box{ margin-bottom:16px;-webkit-font-smoothing: antialiased;}/*添加*/
#ChanjetLogin  .xy-box span{ display:block;}/*添加*/
#ChanjetLogin  .btn-register{
    display:block;width:100%; height:47px; line-height:46px; border-radius:2px;
    color:#ccc; background:#ebebeb; border:0; font-size:16px;-webkit-font-smoothing: antialiased;
}
#ChanjetLogin  .btn-box .btn-red{ color:#fff; background:#ff4646; cursor:pointer;}
#ChanjetLogin  .btn-box .btn-red:hover{ background:#e53e3e;}
#ChanjetLogin  .other-box{ margin-top:-10px; margin-bottom:30px;-webkit-font-smoothing: antialiased;}/*修改*/


/*log-on*/
#ChanjetLogin  .third-party{ margin-top:25px;}
#ChanjetLogin  .logOn-qq{
    display:block; padding-left:18px; color:#3388ff;-webkit-font-smoothing: antialiased;
    background: url(../../images/login/icon_qq.png) no-repeat left center;
    background-image: -webkit-image-set(url(../../images/login/icon_qq.png) 1x, url(../../images/login/icon_qq@2x.png) 2x);
    background-image: -moz-image-set(url(../../images/login/icon_qq.png) 1x, url(../../images/login/icon_qq@2x.png) 2x);
    background-image: -ms-image-set(url(../../images/login/icon_qq.png) 1x, url(../../images/login/icon_qq@2x.png) 2x);
    background-image: -o-image-set(url(../../images/login/icon_qq.png) 1x, url(../../images/login/icon_qq@2x.png) 2x);
    _background-image: url(../images/login/icon_qq.png);
}
#ChanjetLogin  .login-box .logOn-register{ margin-bottom:0;}
#ChanjetLogin  .logOn-erro{
    color:#ff4646;
    position:absolute;
    top:-15px;
    left:0.8em;
    font-size:12px;
    -webkit-font-smoothing: antialiased;
}/* 修改--------------------- */



#ChanjetLogin  .icon-close-box{
    width:15px; height:15px; position:absolute; top:12px; right:12px; cursor:pointer;
    background: url(../../images/login/icon_close_n.png) no-repeat center;
    background-image: -webkit-image-set(url(../../images/login/icon_close_n.png) 1x, url(../../images/login/icon_close_n@2x.png) 2x);
    background-image: -moz-image-set(url(../../images/login/icon_close_n.png) 1x, url(../../images/login/icon_close_n@2x.png) 2x);
    background-image: -ms-image-set(url(../../images/login/icon_close_n.png) 1x, url(../../images/login/icon_close_n@2x.png) 2x);
    background-image: -o-image-set(url(../../../images/login/login/icon_close_n.png) 1x, url(../../images/login/icon_close_n@2x.png) 2x);
    _background-image: url(../../images/login/icon_close_n.png);
}
#ChanjetLogin  .icon-close-box:hover{
    background: url(../../images/login/icon_close_a.png) no-repeat center;
    background-image: -webkit-image-set(url(../../images/login/icon_close_a.png) 1x, url(../../images/login/icon_close_a@2x.png) 2x);
    background-image: -moz-image-set(url(../../images/login/icon_close_a.png) 1x, url(../../images/login/icon_close_a@2x.png) 2x);
    background-image: -ms-image-set(url(../../images/login/icon_close_a.png) 1x, url(../../images/login/icon_close_a@2x.png) 2x);
    background-image: -o-image-set(url(../../images/login/icon_close_a.png) 1x, url(../../images/login/icon_close_a@2x.png) 2x);
    _background-image: url(../../images/login/icon_close_a.png);
}


/*2017.11.21*/
#ChanjetLogin .border-gray-one{
    width:100%;
    height:10px;
    font-size:12px;
    color:#666;
    border-bottom:1px solid #eaeaea;
    position:relative;
}
#ChanjetLogin .border-gray-one span{
    display:inline-block;
    width:100px;
    text-align:center;
    background:#fff;
    height:24px;
    line-height:24px;
    position:absolute;
    left:50%;
    margin-left:-50px;
    top:-2px;
    z-index:1111;
}
#ChanjetLogin  .three-icon-imgBox{
    width:100%;
    padding:25px 0 22px;/* 修改--------------------- */
}
#ChanjetLogin .three-icon-imgBox a{
    display:inline-block;
    width:34px;
    height:34px;
    margin:0 8px;
}
#ChanjetLogin .BG-q{
    background:url(../../images/q.png) no-repeat center;
    background-size:34px auto;
}
#ChanjetLogin .BG-w{
    background:url(../../images/w.png) no-repeat center;
    background-size:34px auto;
}
#ChanjetLogin .BG-ww{
    background:url(../../images/workweixin.png) no-repeat center;
    background-size:34px auto;
}

#ChanjetLogin .register-grayBg{
    width:100%;
    height:28px;
    line-height:28px;
    font-size:12px;
    background:#ebebeb;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
}
#ChanjetLogin input:-webkit-autofill,
#ChanjetLogin select:-webkit-autofill {
    box-shadow: inset 0 0 0 1000px #fff;
}



/* 2020.04.01 */
#ChanjetLogin  .tab-log-box{
    width: 100%;
    height: 32px;
    font-size: 16px;
    text-align: center;
    margin-bottom: 30px;
}
#ChanjetLogin  .tab-log-box a{
    display: inline-block;
    margin: 0 20px;
    border-bottom: 2px solid #fff;
    color: #666666;
    padding-bottom: 4px;
}
#ChanjetLogin .tab-log-box a.active-tab-log{border-bottom: 2px solid #E50113; color: #E50113;}
#ChanjetLogin .zhushi-info{
    font-size: 12px;
    color: #ababab;
    text-align: left;
}
#ChanjetLogin .eye-icon-log{
    width: 40px;
    height: 46px;
    background-image: url(../../images/eye-icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px auto;
    position: absolute;
    top:0;
    right: 0;
    z-index: 10;
}
#ChanjetLogin .eye-icon-close-log{
    width: 40px;
    height: 46px;
    background-image: url(../../images/eye-icon-h.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px auto;
    position: absolute;
    top:0;
    right: 0;
    z-index: 10;
}
#ChanjetLogin a.btn-code-log{
    display: block;
    /*width: 70px;*/
    height: 46px;
    line-height: 46px;
    font-size: 12px;
    /*color: #E50113;*/
    color: #ccc;
    position: absolute;
    top:0;
    right: 10px;
    z-index: 10;
}
#ChanjetLogin a.color-red{ color:#E50113;  cursor:pointer;}
#ChanjetLogin .divFocus{border-bottom: 1px solid #E50113;}
#ChanjetLogin .divBlur{border-bottom:1px solid #eaeaea;}
.color-gray {color: #ababab}