@import "reset.css";
@import "common.css";
body{ background:#fff}
.ml370 {
	margin-left: 370px;
}
.ml330 {
	margin-left: 330px;
}

a:hover {
	text-decoration: none;
}

.portal-top-banner {
	margin-bottom: 20px;
	width: 100%;
	height: 100px;
	border-bottom: 1px solid #e8e8e8;
}
.portal-top-banner .top-banner-wrap {
	margin: 0 auto;
	padding: 27px 0 23px 10px;
	width: 1180px;
	line-height: 50px;
	font-size: 18px;
	color: #666;
	font-family: "Microsoft Yahei";
	overflow: hidden;
}
.portal-top-banner .top-banner-wrap .top-banner-icon {
	margin-right: 20px;
	float: left;
	width: 165px;
	height: 50px;
}
.portal-top-banner .top-banner-wrap .top-banner-title {
	float: left;
}

.portal-wrap {
	margin: 0 auto;
	width: 1190px;
	font-family: "Microsoft Yahei";
}

/* 閲嶇疆杩涘害 [[ */
.portal-wrap .reset-step-wrap {
	padding: 40px 0 40px 36px;
	line-height: 28px;
	overflow: hidden;
}
.portal-wrap .reset-step-item {
	float: left;
}
.portal-wrap .reset-step-item .serial {
	margin-right: 5px;
	float: left;
	width: 31px;
	height: 27px;
	line-height: 27px;
	font-size: 18px;
	font-family: "arial";
	text-indent: 8px;
	color: #FFF;
	background: url(images/portal_icon.jpg) 0 -32px no-repeat;
	overflow: hidden;
	zoom: 1;
}
.portal-wrap .reset-step-item.on .serial {
	background-position: 0 0;
}
.portal-wrap .reset-step-item.prev .serial {
	background-position: 0 -64px;
}
.portal-wrap .reset-step-item .serial-desc {
	margin-right: 10px;
	float: left;
	font-size: 18px;
	color: #BBB;
	overflow: hidden;
	zoom: 1;
}
.portal-wrap .reset-step-item.on .serial-desc {
	color: #ffa200;
}
.portal-wrap .reset-step-item.prev .serial-desc {
	color: #ffd080;
}
.portal-wrap .reset-step-item .serial-line {
	margin-right: 10px;
	float: left;
	height: 14px;
	width: 106px;
	border-bottom: 1px solid #CCC;
	overflow: hidden;
	zoom: 1;
}
.portal-wrap .reset-step-item.on .serial-line {
	border-bottom: 1px solid #ffd58c;
}
.portal-wrap .reset-step-item.prev .serial-line {
	border-bottom: 1px solid #ffd58c;
}
/* 閲嶇疆杩涘害 ]] */

.portal-wrap .portal-main-wrap {
	width: 1188px;
	border: 1px solid #e8e8e8;
}
.portal-wrap .portal-main-head {
	padding-left: 20px;
	height: 48px;
	line-height: 48px;
	font-size: 14px;
	color: #333;
	border-bottom: 1px solid #e9e9e9;
	background-color: #f8f8f8;
}

.portal-wrap .portal-main-head span.information-color{ color:#ffa200; font-weight:700}

/* 閫夋嫨閲嶇疆鏂瑰紡 [[ */
.portal-wrap .portal-step-one-section {
	padding: 30px 0 20px 170px;
	width:978px;
	margin:0px auto;
	height: 70px;
	border-bottom: 1px dashed #e8e8e8;
}
.portal-wrap .portal-step-one-section.end {
	border: 0;
}
.portal-wrap .portal-step-one-section .step-one-section-icon {
	margin-right: 18px;
	float: left;
	width: 60px;
	height: 60px;
	background: url(images/prompt-ico.png) no-repeat;
	overflow: hidden;
	zoom: 1;
}
.portal-wrap .portal-step-one-section .step-one-section-icon.icon-2 {
	background-position: 0 -60px;
}

.portal-wrap .portal-step-one-section .step-one-section-detail-wrap {
	padding-top: 5px;
	float: left;
	width: 530px;
}
.portal-wrap .portal-step-one-section .step-one-section-detail-wrap .h1 {
	padding-top:15px;
	font-size: 16px;
	color: #333;
}

.portal-wrap .portal-step-one-section .btn {
	margin-top: 15px;
	float: left;
	width: 110px;
	height: 30px;
	border-radius: 2px;
	background-color: #ffab19;
	line-height: 30px;
	text-align: center;
	color: #FFF;
	font-size: 14px;
	overflow: hidden;
	zoom: 1;
}
.portal-wrap .portal-step-one-section .btn:hover {
	color: #FFF;
}
/* 閫夋嫨閲嶇疆鏂瑰紡 ]] */

.portal-wrap .reset-input-wrap {
	padding: 75px 0 75px 0;
}
/* 韬唤楠岃瘉 [[ */
.portal-wrap .reset-input-wrap ul {
	float: left;
}
.portal-wrap .reset-input-wrap li {
	float: left;
}

.portal-wrap .reset-input-wrap li .phone-number{
	padding-right:10px;
	float:left;
	display:inline
	}

.portal-wrap .reset-input-wrap .label {
	width: 450px;
	height: 30px;
	line-height: 30px;
	text-align: right;
	font-size: 14px;
	color: #666;
}
.portal-wrap .reset-input-wrap .label-field {
	position: relative;
	width: 738px;
	height: 30px;
	line-height: 32px;
	text-align: left;
}
.portal-wrap .reset-input-wrap .label-instead {
	width: 450px;
	height: 22px;
	text-align: right;
}
.portal-wrap .reset-input-wrap .label-tips {
	width: 738px;
	height: 22px;
	text-align: left;
	font-size: 12px;
	line-height: 22px;
	color: #999;
}
.err-msg{color: #F55;font-size: 12px;line-height: 20px;}
.portal-wrap .reset-input-wrap .label-tips.err {
	color: #F55;
}
.portal-wrap .reset-input-wrap .label-field input.field {
	padding: 0 10px;
	height: 28px;
	line-height:28px;
	width: 198px;
	border: 1px solid #CCC;
	outline: none;
	font-family:"Microsoft Yahei";
	
}
.portal-wrap .reset-input-wrap .label-field input.focus {
	border-color: #7fbfff;
}
.portal-wrap .reset-input-wrap .label-field .prev-id-no {
	position: absolute;
	top: -33px;
	display: none;
	width: 218px;
	height: 32px;
	border: 1px solid #ffab19;
	border-bottom: 0;
	background-color: #fff9ee;
	text-indent: 10px;
	line-height: 32px;
	color: #ffa200;
	font-size: 18px;
	font-family: "arial";
}
.portal-wrap .reset-input-wrap .label-field .id-no-input {
	font-family: "arial";
	font-size: 14px;
	color: #666;
}
.portal-wrap .reset-input-wrap .label-field input.check-code {
	float: left;
	margin-right: 10px;
	width: 98px;
}
.portal-wrap .reset-input-wrap .label-field .get-check-code-btn {
	float: left;
	width: 88px;
	height: 28px;
	border: 1px solid #DDD;
	border-radius: 2px;
	text-align: center;
	line-height: 28px;
	color: #666;
	font-size: 14px;
}

.portal-wrap .reset-input-wrap .label-field.mobile-num {
	font-family: "arial";
	color: #666;
}
.portal-wrap .btn-wrap {
	float: left;
	margin: 30px 0 0 450px;
	overflow: hidden;
}
.portal-wrap .btn-wrap .next-btn {
	margin-right: 10px;
	float: left;
	width: 220px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	color: #FFF;
	font-size: 16px;
	border-radius: 3px;
	background-color: #ffab19;
}

.portal-wrap .btn-wrap .next-btn:hover{ background-color:#ffa200}
.portal-wrap .reset-input-wrap .label-field .get-check-code-btn.disabled {
	background-color: #f8f8f8;
	cursor: not-allowed;
	color: #CCC;
	font-family: "arial";
}

.portal-wrap .portal-main-head span.information-color{ color:#ffa200; padding:0 10px}


.portal-wrap .reset-input-wrap {
	padding: 70px 0 100px 0;
}
.portal-wrap .reset-input-wrapb {
	padding-bottom:100px;
}
.prompts-information{ color:#3399ff; cursor:pointer}
.prompts-text{ width:357px; height:68px; padding:10px 0 0 10px; left:114px; top:-46px; background:url(images/prompts-text-bg.png) no-repeat; position:absolute; z-index:999}
.prompts-text p{ font-size:12px; line-height:18px; color:#333 }


.portal-wrap .reset-input-wrap .label-field input.check-code-input {
	margin-right: 10px;
	float: left;
	width: 108px;
}

.check-code-wrap {
	float: left;
	height: 28px;
	width: 78px; 
	border: 1px solid #CCC;
}
.check-code-wrap img {
	height: 28px;
	width: 78px; 
}



/* 韬唤楠岃瘉 ]] */

/* 鎴愬姛澶辫触椤� [[ */
.result-notice-wrap {
	margin-top: 115px;
	margin-bottom: 127px;
	overflow: hidden;
}
.result-notice-wrap .result-main-msg-wrap {
	margin-bottom: 20px;
	overflow: hidden;
}
.result-notice-wrap .result-main-msg-wrap-err {
	margin-bottom: 40px;
	overflow: hidden;
}
.result-notice-wrap .result-icon {
	float: left;
	width: 48px;
	height: 48px;
	background: url(images/tipIcon.png) no-repeat;
}
.result-notice-wrap .result-msg {
	padding-left: 12px;
	float: left;
	font-size: 20px;
	color: #333;
	line-height: 48px;
}
.result-notice-wrap .success-icon {
	background-position: -70px 0;
}
.result-notice-wrap .failure-icon {
	background-position: -70px -210px;
}
.result-notice-wrap .result-main-msg-bottom{ padding-left:60px; font-size:14px; color:#666; line-height:24px; margin-bottom:40px;}
.result-notice-wrap .also-wrap {
	padding-left: 60px;
	font-size: 14px;
	color: #999;
}
.result-notice-wrap .also-wrap a{ color:#3399ff; margin-left:8px;}
.result-notice-wrap .also-wrap a:hover{ text-decoration:underline;}
.result-notice-wrap .result-main-msg-bottom .bottom-color{ color:#ffa70e}

.goto {
	color: #39F;
	margin-right:15px;
}
.goto:hover {
	
	color: #39F;
}
/* 鎴愬姛澶辫触椤� ]] */

.placeholder {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 10px;
	width: 200px;
	height: 30px;
	font-size: 14px;
	color: #CCC;
	font-family: "Microsoft Yahei";
}

/* 涓婃柟 start */
.icon .top-tips-wrap {
	display: none;
	position: absolute;
    bottom: 26px;
    margin-left: 50%;
    left: -155px;
    padding: 6px 10px;
    width: 290px;
    border: 1px solid #CCC;
    background-color: #FFF;
    line-height: 18px;
    color: #666;
    font-size: 12px;
}
.icon:hover .top-tips-wrap {
	display: block;
}
.icon .top-tips-wrap .tips-wrap-arrow {
	display: block;
    position: absolute;
    margin-left: 50%;
    left: -7px;
    bottom: -8px;
    width: 13px;
    height: 8px;
    background: url(images/tips-arrow-icon.jpg) no-repeat;
}
.icon span {
	display: block;
}
/* 涓婃柟 end */

.mod-enlarge-num {
    display: none;
    position: absolute;
    top: -30px;
    left: 0px;
	margin-top:3px;
    width: auto;
    height: 33px;
    line-height: 33px;
    padding:0 10px 0 0;
    color: #ffab19;
    font-size: 19px;
    text-indent: 5px;
	background-color:#fff9ee;
    border: 1px solid #ffab19;
    z-index: 9999;
	}
	
.info-tips {
	margin: 20px 0 0 60px;
	width: 1066px;
	height: 28px;
	line-height: 28px;
	border: 1px solid #FC6;
	background-color: #fffff0;
}

.info-tips .info-icon {
	margin: 6px 5px 0 10px;
	float: left;
	width: 16px;
	height: 16px;
	background: url(images/module.sprite.png) -150px -16px no-repeat; 
}
.info-tips .info-txt {
	font-size: 12px;
	color: #666;
	font-family: "Microsoft Yahei";
}	
.focus-color{ color:#999}

/*鏄撲粯瀹濊处鎴�*/
.mod-input-autofill-list{display:none;position:absolute;z-index:2000;left:0;top:33px;width:250px;border:1px solid #bcbcbc;background:#fff;}
.mod-input-autofill-list li {
height: 25px;
line-height: 25px;
padding-left: 5px;
font-size: 14px;
cursor: default;
overflow: hidden;
}
.mod-input-autofill-list li.on{background:#ffa200;color: #fff;}

input.mod-valide-error-input,
 input.mod-valide-error-input{
    border: 1px solid #ff5555;
}
.mod-valide-error{
	display: inline;
	width: auto;
	height: 30px;
	color:#F00;
	line-height: 20px;
	position:absolute;
	border-color: #dc473a;
}
.input-tip{ color:#999; clear: both; line-height:18px;font-family:"Simsun"}

.mod-valide-error span, .mod-valide-success span{
	font-size: 12px;
	line-height: 20px;
	white-space:nowrap;
	word-wrap:normal;
	font-family: "Simsun";
}

/***淇敼缁戝畾鎵嬫満***/
.portal-main-head .portal-main-head-ico{ width:16px; height:16px; float:left; display:inline; margin:15px 5px 0 0px; background:url(images/module.sprite.png) no-repeat -150px -16px}
.portal-wrap .reset-input-wrap .label-field .input-tip{ /*position:absolute; top:32px; left:0;*/clear:left;padding-top:2px;color:#999;white-space: nowrap;word-wrap: normal;}
.portal-wrap .reset-input-wrap .label-field .mbtn-code-un,.mbtn-code-un:hover{background-color:#f8f8f8;color:#bbb;cursor:not-allowed;}
.portal-wrap .reset-input-wrap .label-field .input-tip a{ margin-left:4px;cursor:pointer; color:#3399ff}
.portal-wrap .reset-input-wrap .label-field .input-tip a:hover{ text-decoration: none;}
.portal-wrap .reset-input-wrap .label-field .float-box{position: absolute;top: -42px;left: 160px;width: 367px;height: 79px;}
.portal-wrap .reset-input-wrap .label-field .float-box .float-box-bg{position: absolute;top: 0;width: 367px;height: 78px;background: url(images/prompts-text-bg.png);opacity: 0.9;filter:Alpha(opacity=90);}
.portal-wrap .reset-input-wrap .label-field .float-box .float-box-inner{position: absolute;top: 10px;color: #666;width: 352px;overflow: hidden;white-space: nowrap;word-wrap: normal;height: 60px;left: 8px;}


/***鎶ラ敊-鎻愮ず***/
.portal-wrap .reset-input-wrap .label-field .label-field-infor{ position:absolute; height:20px; line-height:20px; color:#999; z-index:100; top:30px; left:0}
.portal-wrap .reset-input-wrap .label-field .errcolr{ color:#f00}
.placeholder-short{ width:123px;}

/* 20180203 add by gch*/
/** 手机账号换绑邮箱账号 **/
.portal-wrap .reset-input-wrap .label-tips.err a{color: #3399ff;}
.portal-wrap .reset-input-wrap .label-tips.err a:hover{text-decoration: underline;}
.ui-placeholder{ font-family: "Microsoft Yahei"; color:#f00}
/*弹窗样式 [[*/
.dialog-main-cont{
	font-size: 14px;
	color: #666;
	font-family: "microsoft yahei";
	padding: 20px 0 40px 0;
	position: relative;
}
.orange{
	color: #f55;
}
.w440{width: 440px;margin: 0 auto;}
.pb25{
	padding-bottom: 25px;
}
.pb40{padding-bottom: 40px;}
.text-center{text-align: center;}
.dialog-main-cont .o-icon{
	float: left;
	width: 15px;
	height: 16px;
	margin: 6px 7px;
}
.dialog-main-cont ul{
	margin: 40px 0 35px 0;
}
.dialog-main-cont ul li{
	height: 30px;
	line-height: 30px;
	padding: 0 0 24px 145px;
	overflow: hidden;
}
.dialog-main-cont .inp-wrap{
	display: inline-block;
	height:28px;
	line-height:28px;
	border: 1px solid #ccc;
	background: #eff1f2;
	float: left;
	position: relative;
}
.dialog-main-cont .inp-wrap .err-msg{
	min-width:400px;
	position: absolute;
	top: 30px;
	left: 0;
	display: none;
}
.dialog-main-cont .icon01{
	background: url(images/icon_envelope.png) no-repeat center;
}
.dialog-main-cont .icon02{
	background: url(images/icon_lock.png) no-repeat center;
}
.dialog-main-cont .inp{
	float: left;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	padding-left: 10px;
	border: 0;
	border-left:1px solid #cccccc ;
}
.dialog-main-cont .mail-account-inp{
	width: 268px;	
}
.dialog-main-cont .mail-check-code-inp{
	width: 132px;	
}
.get-mail-check-code-btn{
	float: left;
	width: 124px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	font-size: 14px;
	color: #666;
	background: #FFF;
	border: 1px solid #CCCCCC;
	margin-left: 10px;
}
.get-mail-check-code-btn.disabled{
	background: #f8f8f8;
	color: #ccc;
	cursor: not-allowed;
}
.get-mail-check-code-btn.disabled:hover{color: #ccc;}
.dialog-main-cont .btn-wrap {padding-left: 186px;}
.dialog-main-cont .btn-wrap a{float: left;}
.dialog-main-cont .btn-wrap a.mr20{margin-right: 20px;}
.ok-btn{
	width: 100px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background:#ffb433 ;
	border-radius: 4px;
}
.cancel-btn{
	width: 98px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	background:#fff;
	border: 1px solid #cccccc;
	border-radius: 4px;
}
.icon-hover{
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url(images/prompt.png) no-repeat center;
	vertical-align: middle;
	margin-top: -2px;
}
.check-txt{
	position: absolute;
	top: 186px;
	left: 24px;
	display: none;
}
/*浮框 [[*/
.pops-wrap {
	width: 240px;
	padding: 4px 9px;
	background: #fff;
	border: 1px solid #ffcc66;
	position: absolute;
	top: 90px;
	left: 405px;
	display: none;
}
.pops-wrap .icon-arrow{
	display:inline-block;
	width: 11px;
	height: 7px;
	background: url(images/arrow-icon.png) no-repeat center;
	position: absolute;
	top: 87px;
	left: 128px;
}
.pops-wrap p{
	display: inline-block;
	width: 240px;
	word-break: break-all;
	font-size: 12px;
	color: #333;
}
/*浮框 ]]*/
/*弹窗样式 ]]*/
/*placeholder 样式 [[*/
.jr-placeholder {
    display: inline-block;
    position: relative;
}
.jr-placeholder .label-for-input {
    position: absolute;
    top: 0;
    left: 30px;
    display: inline-block;
    padding-left: 10px;
    color: #666;
    cursor: text;
}
/*placeholder 样式 ]]*/
/* 20180203 add by gch*/