/*  */
@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, th, td, p, form ,button, input, textarea, fieldset, blockquote, img, iframe, pre, code, hr, legend{padding:0;margin:0;}
body {color:#333;font:12px Arial, Helvetica, sans-serif, Simsun;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
ol, ul {list-style:none;}
img {border:none;vertical-align:top;}
input, select, input, textarea {font-size:12px;outline:none;}
select, input {vertical-align:middle;}
input, select, input, textarea {
    font-size: 12px; 
     outline: none; 
}
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {border:none;padding:0; margin-bottom: }
textarea {resize:none;}
fieldset {border:none;}
table {border-collapse:collapse;border-spacing:0;}
caption, th {text-align:left;}
address, cite, code, em, th, i, strong {font-style:normal;font-weight:normal;}
a{text-decoration:none;outline:none;}
a:hover{text-decoration:none;}

body{
    font-family: "Microsoft YaHei", "微软雅黑","Hiragino Sans GB", tahoma, arial, simhei;
    color: #333;
}
.none {display: none;}
a{color: #666;}
a:hover{color: #666;}
.clearfix:after{
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix{
    *+height:1%;
}

/* top-logo */
.user-nav {
    width: 100%;
	height: 70px;
	line-height: 70px;
	margin: 0 auto;
	position: relative;
}
.user-nav .logo-link{ margin-left:30px; display: inline-block;}
.user-nav .logo-link img{width: 200px;margin-top:4px;}

/*导航*/
.dh-right{
	float: right;
	margin-right: 42px;
}
.dh-right li{
	line-height: 35px;
	padding: 8px;
	font-size: 15px;
	color: #333;
	display: inline-block;
}
.dh-right li a{
	cursor: pointer;
}
.dh-right .theme-phone{
	font-size: 14px;
    color: #333;
    background: url(../img/phone2.png) no-repeat left center;
    padding-left: 25px;
    background-size: 19px 20px;
    width: 130px;
    display: inline-block;
    font-weight: bold;
    margin-right: 5px;
    margin-left: 15px;
}
/* 中间部分 */
.content {
    position: relative;
    width: 100%;
    height: 706px;
    background:url(../img/login_bjbannew.png) center center no-repeat;
    background-color: #fbfbfb;
    border-top: 2px solid #229ab1;
}
.content .login-wrap {
    margin: 0 auto;
    padding-top: 80px;
    width: 1000px;
}
.iframe-layer-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    display: none;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop));
    _left: expression(eval(document.documentElement.scrollLeft));
    _height: expression(eval(document.documentElement.clientHeight));
    _width: expression(eval(document.documentElement.clientWidth));
}
.not-in-layer {
    position: static;
    display: block;
    width: 100%;
    height: 100%;
}
.not-in-layer .iframe-login-wrap {
    position: relative;
    left: 0;
    top: 0;
    margin: 0 auto !important;
    width: 567px;
    height: 455px;
    background:rgba(255, 255, 255, .9);
    box-shadow: 2px 2px 6px 2px rgba(0,0,0,0.23);
    border-radius:10px;
    z-index: 1003;
    overflow: hidden;
    box-sizing: border-box;
}
.loading-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.loading-wrap .loading-tab {
	position: relative;
	top: 10px;
	display: flex;
	border-bottom: 1px solid #ddd;
	width: 100%;
}
.loading-wrap .loading-tab li{
	box-sizing: border-box;
	text-align: center;
	padding: 15px 0;
	cursor: pointer;
	font-size: 20px;
	width: 50%;
	-webkit-box-flex: 1;
	flex: 1;
}
.loading-wrap .loading-tab li a{width: 100%;display: inline-block;}
.loading-wrap .loading-tab li:nth-child(2) a{border-left: 1px solid #ddd;}
.loading-wrap .loading-tab li.active a{color: #229ab1;}
.container{margin-top:60px;}
.container .tab-conter{width: 440px;margin:0 auto;}
.container .tab-conter .item-Node{margin:25px 0;}
.control-item-wrap{
	position: relative;
	overflow: visible;
	height: 50px;
	z-index: 2;
	display: inline-block;
	width: 100%;
	overflow-y: hidden;
	font-size: 0;
	vertical-align: top;
	/* background-color: #F8F9FB; */
	border:1px solid #ddd;
	border-radius: 10px;
}
.control-item{
	display: flex;
	padding-left: 16px;
	width: 100%;
	height: 50px;
	font-size: 0;
	color: #666;
	max-height: 50px;
	border-radius: 10px;
	transition: max-height 0.3s linear;
	box-sizing: border-box;
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
}
.control-item-wrap .icon-space {
    margin-top: 15px;
    font-size: 16px;
    color: #ccc;
    vertical-align: top;
    width: 20px;
	height: 20px;
}
.control-item.hover,.control-item:hover{border:1px solid #229ab1;}
.active-item{border:1px solid #229ab1;}
.control-item .ipt {
    padding: 0 0 0 10px;
    width: 0;
    flex-grow: 1;
    font-size: 16px;
    height: 100%;
    line-height: 20px;
    color: #666;
    border: 0;
    vertical-align: top;
    background-color: #fff;
}
.sms-btn-box {
    margin: 0 20px;
    height: 50px;
    line-height: 50px;
}
.phoneCleanBtn {
    float: left;
    height: 28px;
    padding-top: 11px;
    cursor: pointer;
}
.control-item-wrap .icon-space-right {
    margin-top: 10px;
    cursor: pointer;
}
.act_box{font-size:15px;margin-top:15px;}
.remember_input{width: 17px;height: 17px;}
.checkbox-btn{font-size:15px;cursor: pointer;display: inline-block;}
.act_box a{float: right;font-size:15px;color:#229ab1;display: inline-block;  cursor: pointer;}
.submit-btn, .submit-btn:active {
    margin-top: 40px;
    padding: 0;
    display: block;
    font-size: 18px;
    color: #fff;
    text-align: center;
    width: 100%;
    height: 50px;
	border-radius: 10px;
    line-height: 50px;
    background: #229ab1;
    border: none;
    outline: none;
	cursor: pointer;
    text-decoration: none;
    font-family: "Microsoft YaHei", "宋体", Arial, "\5B8B\4F53", Helvetica, sans-serif;
}
.item-zh{font-size:15px;color: #000;margin-top:15px;}
.item-zh a{color:#dd2727;cursor: pointer;}
.WeChat{ text-align:center;}
.WeChat-img {width: 200px;height: 200px;display: initial;}
.WeChat-img img{
	margin: 0 auto;
}
.WeChat_1{font-size:16px;color:#333;margin-top:15px;}
.WeChat_1 img{width: 22px; height: 22px;margin-right:5px;}


@media screen and (max-width: 1000px) {
    .content {
        width: 1000px;
    }
}

/* 找回密码 */
.not-in-layer .iframe-password-wrap {
    position: relative;
    left: 0;
    top: 0;
    margin: 0 auto !important;
    width: 880px;
    height: 455px;
    background:rgba(255, 255, 255, .9);
    box-shadow: 2px 2px 6px 2px rgba(0,0,0,0.23);
    border-radius:10px;
    z-index: 1003;
    overflow: hidden;
    box-sizing: border-box;
}
.password-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.password-wrap h1{
	font-size:18px;
	color: #229ab1;
	text-align: left;
	position: relative;
	top: 10px;
	border-bottom: 1px solid #ddd;
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding-left: 30px;
	box-sizing: border-box;
}
.password-wrap .password-conter{width: 600px;margin:45px auto 0 auto;}
.password-wrap .password-input{
	margin-top: 15px;display: inline-block;
	width: 100%;
}
.password-wrap .password-input label{
	font-size:15px; 
	color:#666;
	line-height:45px;
	letter-spacing: .2em;
	width: 125px;
	text-align: right;
	float: left;display: inline-block;
}
.password-wrap .password-input .password-text{
	display: inline-block;
	width: -webkit-calc(100% - 280px);
	width: -moz-calc(100%-280px);
	width: calc(100%-280px);
}
.password-wrap .password-input .ipt{
	padding: 0 0 0 10px;
	width: 0;
	flex-grow: 1;
	font-size: 16px;
	line-height: 45px;
	border-radius: 5px;
	color: #666;
	border: 1px solid #ddd;
	vertical-align: top;
	background-color: #fff;
	width: 100%;
	padding-left: 16px;
	max-height: 45px;
	transition: max-height 0.3s linear;
	box-sizing: border-box;
}
.password-wrap .password-input .ipt-button{
	color: #fff;
	background: #229ab1;
	font-size: 19px;
	margin-left: 125px;
	cursor: pointer;
}
.password-input .ipt:hover,.password-input .ipt.hover{
	border:1px solid #229ab1;
}
.password-input .password-text .ipt-input{
	width: -webkit-calc(100% - 130px);
	width: -moz-calc(100%-130px);
	width: calc(100%-130px);
	height: 45px;
	line-height: 45px;
}
.phone-div{
	display: inline-block;
	height: 45px;
	line-height: 45px;
	width: 125px;
}
.password-input .password-text .phone-button{
	background: #229ab1;
	color: #fff;
	font-size: 15px;
	text-align: center;
	width: 100%;
	line-height: 45px;
	border: 0;
	border-radius: 5px;
	cursor: pointer;
}

/* 注册 */
.content-2{height: 801px!important;}
.login-register{
	padding-top: 15px!important;
}
.iframe-register{
	height: 770px!important;
}
.register-wrap{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.register-wrap h1{
	font-size:18px;
	color: #229ab1;
	text-align: left;
	position: relative;
	top: 10px;
	border-bottom: 1px solid #ddd;
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding-left: 30px;
	box-sizing: border-box;
}
.register-wrap .register-conter{width: 550px;margin:20px 0 0 100px;}
.register-wrap .register-input{
	margin-top: 8px;display: inline-block;
	width: 100%;
}
.register-wrap .register-input label{
	font-size:15px; 
	color:#666;
	line-height:45px;
	letter-spacing: .2em;
	width: 125px;
	text-align: right;
	float: left;display: inline-block;
}
.register-wrap .register-input label i{color:#dd2727;}
.register-wrap .register-input .register-text{
	display: inline-block;
	width: -webkit-calc(100% - 200px);
	width: -moz-calc(100%-200px);
	width: calc(100%-200px);
}
.register-wrap .register-input .ipt{
	padding: 0 0 0 10px;
	width: 0;
	flex-grow: 1;
	font-size: 16px;
	line-height: 45px;
	border-radius: 5px;
	color: #666;
	border: 1px solid #ddd;
	vertical-align: top;
	background-color: #fff;
	width: 100%;
	padding-left: 16px;
	max-height: 45px;
	transition: max-height 0.3s linear;
	box-sizing: border-box;
}
.register-wrap .register-input .ipt-button{
	color: #fff;
	background: #229ab1;
	font-size: 19px;
	cursor: pointer;
}
.register-input .ipt:hover,.register-input .ipt.hover{
	border:1px solid #229ab1;
}
.register-input .register-text .ipt-input{
	width: -webkit-calc(100% - 130px);
	width: -moz-calc(100%-130px);
	width: calc(100%-130px);
	height: 45px;
	line-height: 45px;
}
.register-input .register-text .phone-button{
	background: #229ab1;
	color: #fff;
	font-size: 15px;
	text-align: center;
	width: 100%;
	line-height: 45px;
	border: 0;
	border-radius: 5px;
	cursor: pointer;
}

.register-text .register_box{
	font-size:15px;
	margin:15px 0 10px 0;
}
.register-text .register_box a{
	cursor: pointer;
	display: inline-block;
	color:#229ab1;
}
.register-text .selsct-inpu{
	width: 49.5%;
	height: 45px;
	font-size: 15px;
	line-height: 45px;
	border-radius: 5px;
	color: #666;
	border: 1px solid #ddd;
	vertical-align: top;
	padding-left: 16px;
	max-height: 45px;
	transition: max-height 0.3s linear;
	box-sizing: border-box;
}
#city,#province{margin-bottom:8px;}
.register-text option{line-height: 40px;height: 40px;}
.register-left{margin-left: 125px;}

/* 注册成功 */
.complete{
	width: 70%;
	height: 1px;
	background:#ddd;
	text-align: center;
    margin: 70px auto;
}
.complete p{
	background-color: #fff;
	position: relative;
	top: -18px;
	width: 180px;
	margin: 0 auto;
	font-size: 26px;
	font-weight: bold;
	color:#000000;
}
.complete-img{text-align:center;}
.complete-con span{
	text-align:center;
	display: block;
	font-size:29px;
	color:#000;
	margin-bottom: 50px;
	margin-top: 25px;
	
}
.complete-con button{
	display: block;
    width: 215px;
    margin: 0 auto;
	background: #229ab1;
	color: #fff;
	border-radius: 5px;
	height: 45px;
	line-height: 45px;
	font-size: 16px;
	cursor: pointer;
	border: 0;
	
}

/* 密码等级 */
.strength{position: absolute;
    right: -105px;
    top: 10px;
}
.w10{width: 90px;display: flex;
}
.w10 i{width: 33%;height: 7px;margin:0 1px;
line-height: 34px;
    text-align: center;
}
#strength_L{
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
}
#strength_H{
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
}

/* footer */

.footer{
    clear: both;
    border-top: 1px solid #e6e6e6;
    padding: 10px 0;
    font-size: 13px;
    line-height: 30px;
    color: #333;
	text-align: center;
}
.footer a {    
    display: inline-block;
    color: #333;
	margin: 0 10px;
}
.footer a:hover {    
    color: #229ab1;
}

.wrong2{ 
    display: inline-block;
    width: 268px;
    height: 40px;
    line-height: 40px;
    text-align: left;
    color: #dd2727;
    position: absolute;
    margin-left: 11px;
}
.wrong1{
     display: inline-block;
    width: 268px;
    height: 40px;
    line-height: 40px;
    text-align: left;
    color: #dd2727;
    position: absolute;
    margin-left: 11px;
}
input.wrong_color{border:1px solid #f4afaf!important;}

.wrong3{ display: inline-block;
    width: 268px;
    height: 40px;
    line-height: 40px;
    text-align: left;
    color: #dd2727;
    position: absolute;
    margin-left: 11px;
}
#ul4key04 {
    position: absolute;
    z-index: 9999999;
    border: 1px solid #ccc;
    margin-top: 45px;
    background: #fff;
    padding: 0;
    display: none;
    width: 348px;
    height: 180px;
    overflow: hidden;
    overflow-y: auto;
}
#ul4key04 a {
    display: block;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    background: #fff;
    color: #000;
    text-decoration: none;
    padding: 3px 8px;
}
#ul4key04 a:hover{
	background: #ddd;
}
.reg_item{ display:inline-block; float:left; margin-right:3px; position:relative;padding-bottom: 10px;}
.reg_item div{position:relative; width:170px; height:38px; line-height:38px; cursor:pointer; border:1px solid #dcdcdc; border-radius:5px; z-index:99}
.reg_item div span{float:left; width:142px; padding-left:8px; color:#808080; line-height:38px;}
.reg_item div a{ float:left; width:19px; height:38px;background:url(../images/reg_icon.png) 0 -77px no-repeat;}
.reg_item ul{ position:absolute; top:40px; left:0; width:170px; border:1px solid #dcdcdc; border-top:none; padding-bottom:5px; padding-top:5px; margin-top:0px; background:#fff; z-index:999}
.reg_item ul li a{display:block; padding-left:8px; height:22px; line-height:22px;color:#808080;}
.reg_item ul li a:hover{text-decoration:none; background:#e1e1e1;}