@charset "UTF-8";



/*公共*******************************************************************************/
#ChanjetLogin{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9000;
    display: none;
    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:1px solid #dadada; border-radius:2px;/* margin-bottom:16px; */position:relative;}
#ChanjetLogin  .slider-box{ height:35px; background:#dfdfdf; margin-bottom:16px; display:none;}
#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 1em 3em;
}
#ChanjetLogin  .placeholder-sty{ color:#aaa; position:absolute; top:.9em; left:3em;-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/icon_id.png) no-repeat center;
    background-image: -webkit-image-set(url(../images/icon_id.png) 1x, url(../../images/login/icon_id@2x.png) 2x);
    background-image: -moz-image-set(url(../images/icon_id.png) 1x, url(../../images/login/icon_id@2x.png) 2x);
    background-image: -ms-image-set(url(../images/icon_id.png) 1x, url(../../images/login/icon_id@2x.png) 2x);
    background-image: -o-image-set(url(../images/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/icon_phone.png) no-repeat center;
    background-image: -webkit-image-set(url(../images/icon_phone.png) 1x, url(../../images/login/icon_phone@2x.png) 2x);
    background-image: -moz-image-set(url(../images/icon_phone.png) 1x, url(../../images/login/icon_phone@2x.png) 2x);
    background-image: -ms-image-set(url(../images/icon_phone.png) 1x, url(../../images/login/icon_phone@2x.png) 2x);
    background-image: -o-image-set(url(../images/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/icon_code.png) no-repeat center;
    background-image: -webkit-image-set(url(../images/icon_code.png) 1x, url(../../images/icon_code@2x.png) 2x);
    background-image: -moz-image-set(url(../images/icon_code.png) 1x, url(../../images/login/icon_code@2x.png) 2x);
    background-image: -ms-image-set(url(../images/icon_code.png) 1x, url(../../images/login/icon_code@2x.png) 2x);
    background-image: -o-image-set(url(../images/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/icon_password.png) no-repeat center;
   background-image: -webkit-image-set(url(../images/icon_password.png) 1x, url(../../images/login/icon_password@2x.png) 2x);
   background-image: -moz-image-set(url(../images/icon_password.png) 1x, url(../../images/login/icon_password@2x.png) 2x);
   background-image: -ms-image-set(url(../images/icon_password.png) 1x, url(../../images/login/icon_password@2x.png) 2x);
   background-image: -o-image-set(url(../images/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:20px;}
#ChanjetLogin  .logOn-qq{
	display:block; padding-left:18px; color:#3388ff;-webkit-font-smoothing: antialiased;
	background: url(../images/icon_qq.png) no-repeat left center;
    background-image: -webkit-image-set(url(../images/icon_qq.png) 1x, url(../../images/login/icon_qq@2x.png) 2x);
    background-image: -moz-image-set(url(../images/icon_qq.png) 1x, url(../../images/login/icon_qq@2x.png) 2x);
    background-image: -ms-image-set(url(../images/icon_qq.png) 1x, url(../../images/login/icon_qq@2x.png) 2x);
    background-image: -o-image-set(url(../images/icon_qq.png) 1x, url(../../images/login/icon_qq@2x.png) 2x);
    _background-image: url(../images/icon_qq.png);
}
#ChanjetLogin  .login-box .logOn-register{ margin-bottom:0;}
#ChanjetLogin  .logOn-erro{ color:#ff4646; position:absolute; top:-20px; left:0; 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/icon_close_n.png) no-repeat center;
    background-image: -webkit-image-set(url(../images/icon_close_n.png) 1x, url(../../images/login/icon_close_n@2x.png) 2x);
    background-image: -moz-image-set(url(../images/icon_close_n.png) 1x, url(../../images/login/icon_close_n@2x.png) 2x);
    background-image: -ms-image-set(url(../images/icon_close_n.png) 1x, url(../../images/login/icon_close_n@2x.png) 2x);
    background-image: -o-image-set(url(../images/icon_close_n.png) 1x, url(../../images/login/icon_close_n@2x.png) 2x);
    _background-image: url(../images/icon_close_n.png);
}
#ChanjetLogin  .icon-close-box:hover{
	background: url(../images/icon_close_a.png) no-repeat center;
    background-image: -webkit-image-set(url(../images/icon_close_a.png) 1x, url(../../images/login/icon_close_a@2x.png) 2x);
    background-image: -moz-image-set(url(../images/icon_close_a.png) 1x, url(../../images/login/icon_close_a@2x.png) 2x);
    background-image: -ms-image-set(url(../images/icon_close_a.png) 1x, url(../../images/login/icon_close_a@2x.png) 2x);
    background-image: -o-image-set(url(../images/icon_close_a.png) 1x, url(../../images/login/icon_close_a@2x.png) 2x);
    _background-image: url(../images/icon_close_a.png);
}


/*2017.11.21*/
#ChanjetLogin .border-gray-one{
    width:100%;
    height:10px;
    font-size:12px;
    color:#666;
    border-bottom:1px solid #dadada;
    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:22px 0 14px;
}
#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;
}