/* CSS Document */



.f-common-questions {

	position: fixed;

	top: 50%;

	right: 50px;

	z-index: 9999;

	width: 170px;

	-webkit-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	transform: translateY(-50%);

	border: 1px solid #dbdee3;

	border-radius: 5px;

	background: #fff

}



.f-common-questions .questions-header {

	height: 40px;

	line-height: 40px;

	border-bottom: 1px solid #dbdee3;

	background: #f6f6f6;

	font-size: 14px;

	text-align: center;

	color: #222

}



.f-common-questions .questions-list {

	padding: 10px

}



.f-common-questions .questions-list li {

	height: 40px;

	line-height: 40px;

	border-top: 1px solid #dbdee3;

	font-size: 12px;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis

}



.f-common-questions .questions-list li:first-child {

	border-top: none

}



.f-common-questions .questions-list li a {

	color: #00a5ff

}



.f-common-questions .questions-list li a:hover {

	color: #4a90e2

}



.f-common-questions .questions-footer {

	border-top: 1px solid #dbdee3;

	padding: 0 10px

}



.f-common-questions .questions-footer a {

	display: block;

	height: 40px;

	line-height: 40px;

	padding-left: 30px;

	border-top: 1px solid #dbdee3;

	font-size: 12px;

	color: #888;

	background-repeat: no-repeat;

	background-position: 0

}



.f-common-questions .questions-footer a:first-child {

	border-top: none

}



.f-common-questions .questions-footer a.consult {

	background-image: url(/static/image/public/icon_consult.png)

}



.f-common-questions .questions-footer a.phone {

	background-image: url(/static/image/public/icon_phone.png)

}



.m-repassword-header {

	width: 100%;

	height: 100px;

	border-bottom: 1px solid rgba(0,0,0,.08);

	font-size: 0

}



.m-repassword-header .m-header-content {

	height: 100px;

	border-collapse: collapse

}



.m-repassword-header .m-header-content .header-item {

	display: inline-block;

	vertical-align: top

}



.m-repassword-header .m-header-content .header-item img {

	width: 100px;

	height: 40px;

	margin: 30px 33px 0

}



.m-repassword-header .m-header-content .header-item.theme {

	width: 126px;

	height: 30px;

	text-align: right;

	font-size: 24px;

	color: #222;

	border-left: 1px solid rgba(0,0,0,.1);

	margin: 35px 0

}



.m-repassword-header .m-header-content .btn {

	float: right

}



.m-repassword-header .m-header-content .btn .login-register {

	display: inline-block;

	vertical-align: top;

	text-align: center;

	color: #ce2031;

	width: 60px;

	height: 30px;

	line-height: 30px;

	font-size: 14px;

	margin: 35px 0

}



.m-repassword-header .m-header-content .btn .login-register.login {

	border-top: 1px solid #ce2031;

	border-left: 1px solid #ce2031;

	border-bottom: 1px solid #ce2031;

	border-radius: 4px 0 0 4px

}



.m-repassword-header .m-header-content .btn .login-register.register {

	border: 1px solid #ce2031;

	border-radius: 0 4px 4px 0

}



.m-step {

	width: 650px;

	height: 30px;

	margin: 60px auto 20px;

	font-size: 14px;

	line-height: 30px

}



.m-step .col-c0 {

	color: silver

}



.m-step .col-22 {

	color: #222

}



.m-step .bg-color-c0 {

	background-color: silver

}



.m-step .bg-color-17 {

	background-color: #17ce66!important

}



.m-step .icon {

	width: 30px;

	height: 30px;

	border-radius: 15px;

	color: #fff;

	font-size: 16px;

	line-height: 30px;

	text-align: center;

	margin-right: 10px

}



.m-step .first-step,.m-step .icon {

	display: inline-block;

	vertical-align: top

}



.m-step .first-step {

	width: 120px;

	color: #222

}



.m-step .first-step .icon {

	background-color: #17ce66

}



.m-step .line {

	display: inline-block;

	vertical-align: top;

	width: 90px;

	height: 4px;

	border-radius: 2px;

	background-color: rgba(0,0,0,.1);

	margin: 13px 16px

}



.m-step .second-steps,.m-step .third-steps {

	display: inline-block;

	vertical-align: top;

	width: 130px

}



.m-form-number {

	width: 865px;

	margin: 0 auto

}



.m-form-number.form-number {

	margin-top: 80px

}



.m-form-number .bg-color-c0 {

	background-color: silver

}



.m-form-number .bg-color-F0 {

	background-color: #ce2031

}



.m-form-number .bg-color-blue {

	background-color: #00a5ff !important;

}



.m-form-number .successful-tip {

	width: 245px;

	height: 30px;

	background-color: #f0f9eb;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 30px

}



.m-form-number .successful-tip img {

	display: inline-block;

	vertical-align: top;

	width: 30px;

	height: 30px;

	margin: 0 10px

}



.m-form-number .successful-tip span {

	display: inline-block;

	vertical-align: top;

	font-size: 12px;

	color: #222;

	line-height: 30px

}



.m-form-number .form-item {

	margin-bottom: 35px;

	line-height: 50px

}



.m-form-number .form-item .item-title {

	display: inline-block;

	vertical-align: top;

	width: 80px;

	margin-right: 40px;

	text-align: left;

	font-size: 16px;

	color: #222

}



.m-form-number .form-item .item-cont {

	display: inline-block;

	vertical-align: top;

	position: relative

}



.m-form-number .form-item .item-cont .captcha {

	display: inline-block;

	vertical-align: top;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	width: 400px;

	height: 50px;

	color: #898989

}



.m-form-number .form-item .item-cont .short {

	width: 400px;

	height: 50px;

	line-height: 50px;

	padding-left: 5px;

	border: 1px solid rgba(0,0,0,.1);

	border-radius: 4px;

	font-size: 16px;

	-webkit-box-sizing: border-box;

	box-sizing: border-box

}



.m-form-number .form-item .item-cont .short:focus {

	border: 1px solid #00a5ff

}



.m-form-number .form-item .item-cont .clue-tip {

	background: url(/static/image/repassword/list_ico_info@2x.png) no-repeat 0

}



.m-form-number .form-item .item-cont .clue-tip,.m-form-number .form-item .item-cont .error-tip {

	display: inline-block;

	margin-left: 10px;

	padding-left: 20px;

	vertical-align: top;

	font-size: 14px;

	color: #ff5436;

	width: 310px;

	height: 50px;

	overflow: hidden

}



.m-form-number .form-item .item-cont .error-tip {

	background: url(/static/image/repassword/textbox_error@2x.png) no-repeat 0

}



.m-form-number .form-item .item-cont .error {

	border-color: #ce2031

}



.m-form-number .form-item .item-cont .code-btn {

	width: 110px;

	height: 36px;

	border-radius: 4px;

	color: #fff;

	font-size: 14px;

	display: inline-block;

	position: absolute;

	top: 7px;

	left: 283px;

	text-align: center;

	line-height: 36px

}



.m-form-number .form-item .item-cont .code-btn[disabled] {

	background: silver;

	color: #fff;

	cursor: not-allowed

}



.m-form-number .form-item .switch {

	position: absolute;

	left: 355px;

	top: 12px;

	z-index: 9;

	width: 30px;

	height: 30px;

	background: url(/static/image/public/icon_psw_hide.png) no-repeat 50%;

	cursor: pointer

}



.m-form-number .form-item .switch.show {

	background: url(/static/image/public/icon_psw_show.png) no-repeat 50%

}



.m-form-number .form-item:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden

}



.m-form-number .item-btn {

	margin-left: 120px;

	margin-bottom: 20px;

	width: 170px;

	height: 50px

}



.m-form-number .item-btn .btn {

	display: block;

	width: 170px;

	height: 50px;

	line-height: 50px;

	border-radius: 4px;

	color: #fff;

	text-align: center;

	font-size: 16px

}



.m-form-number .item-btn .btn[disabled] {

	background: silver;

	color: #fff;

	cursor: not-allowed

}



.m-succeed .m-step .icon,.m-succeed .m-step .line {

	background-color: #17ce66

}



.m-succeed .m-step .second-steps,.m-succeed .m-step .third-steps {

	color: #222

}



.m-succeed .item-succeed {

	text-align: center;

	margin-top: 80px

}



.m-succeed .item-succeed img {

	width: 130px;

	height: 130px

}



.m-succeed .item-succeed .succeed-title {

	height: 20px;

	font-size: 20px;

	color: #222;

	margin-top: 35px;

	margin-bottom: 15px

}



.m-succeed .item-succeed .succeed-remark {

	font-size: 12px;

	color: #888

}



.m-succeed .item-btn {

	margin: 60px auto 40px

}



.m-succeed .item-btn .btn {

	display: block;

	margin: 0 auto;

	width: 170px;

	height: 50px;

	line-height: 50px;

	border-radius: 4px;

	background-color: #ce2031;

	color: #fff;

	text-align: center;

	font-size: 16px

}