@charset "utf-8";
/* CSS Document */

.login-wrap {
	position: relative;

	margin: 20px 0 20px;
	z-index: 5;
	top: 0;
}
.rs .login-wrap{
	margin: 0;
	padding: 150px 0 150px;
	/* height: 100%; */
}
.rs #footer{
    background-color: #fff;
}
.rs #footer .copyright{
    position: static;
}

.login-wrap .body_c{padding-bottom:20px;}
.login-wrap a{color:#3e3a39;}
.login-wrap .login-banner {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #eee;
}

.rs .login-wrap .login-banner {

	background: #dd4d20;
}
.login-wrap .login-banner .body_c{height:100%;margin-bottom: 20px;}
.login-wrap  .i-inner {
	position: relative;
	z-index: 3;
	height: 100%;
}
.login-wrap .rs .i-inner {background: url('https://www.zaoche168.com/RS/images/bj.png') left no-repeat;background-size: contain;height: 67%;top: 100px;}
.login-wrap .login-form {
	float: right;
	/* top: 20px; */
	position: relative;
	z-index: 4;
	background: #fff;
	overflow: visible;
	width: 346px;
	right: 20px;
	border: 1px solid #ccc;
}
.login-wrap .login-form .hide{display: none;}
.login-wrap .login-form .show{display: block;}
.login-form .login-tab {
	height: 54px;
	font-size: 18px;
	line-height: 3em;
	text-align: center;
	border-bottom: 1px solid #ccc;
	background: #fff;
	display: block;
}

.login-form .login-tab a {
	display: block;
	width: 99%;
	height: 100%;
	/* border-right: 1px solid #ccc; */
	text-align: center;
	text-decoration: none;
}

.login-form .login-tab a:focus {
	outline: 0!important;
	-moz-outline: 0!important
}
.login-form .login-tab .login-tab-r a{border-right:0;}

.znw .login-form .login-tab a.active,.znw .login-form .login-tab a:hover {
	font-weight: 700;
	color: #116bb4;
}
.iia .login-form .login-tab a.active,.iia .login-form .login-tab a:hover {
	font-weight: 700;
	color: #c03d33;
}
.zaoche .login-form .login-tab a.active,.zaoche .login-form .login-tab a:hover {
	font-weight: 700;
	color: #8c2024;
}

.login-form .login-tab-l,.login-form .login-tab-r {
	width: 50%;
	height: 100%;
	float: left;
}

.login-form .login-tab-r {
}

.login-form .login-tab-link {
	display: inline-block
}

.login-form .msg-wrap {
	min-height: 23px;
	margin-top: 5px;
	margin-bottom: 5px;
	height: auto!important
}

.login-form .msg-error {
	position: relative;
	background: #ffebeb;
	color: #e4393c;
	border: 1px solid #faccc6;
	padding: 3px 10px 3px 40px;
	line-height: 18px;
	height: auto;
}

.login-form .msg-error b {
	position: absolute;
	top: 50%;
	left: 10px;
	display: block;
	margin-top: -8px;
	width: 16px;
	height: 16px;
	overflow: hidden;
}

.login-form .msg-warn {
	position: relative;
	background: #fef4e5;
	color: #666;
	border: 1px solid #f6c090;
	padding: 3px 10px 3px 40px;
	line-height: 15px;
	height: auto
}

.login-form .msg-warn b {
	position: absolute;
	top: 50%;
	left: 10px;
	display: block;
	margin-top: -8px;
	width: 16px;
	height: 17px;
	overflow: hidden;
}

.login-form .login-box {
	width: 306px;
	margin: 20px;
}
.form .item {
	position: relative;
	margin-bottom: 20px;
	z-index: 1
}
.form .item-fore1,.form .item-fore2 {
	border: 1px solid #dcdcdc;
	height: 38px;
	width: 304px;
	overflow: hidden;
}

.form .login-label{
	font-size: 26px;
	top: 0;
	left: 0;
	width: 38px;
	height: 38px;
	font-family: "sooqfont", Arial;
	position: absolute;
	z-index: 3;
	border-right: 1px solid #dcdcdc;
	text-align: center;
	line-height: 38px;
	color: #666767;
}
.form .vcode-btn{
	display:block;
	width:6em;
	line-height:36px;
	height: 38px;
	position:absolute;
	right:0;
	top: 0px;
	text-align:center;
	text-decoration: none;
	border-left: 1px solid #dcdcdc;
}

.form  .capslock {
	position: absolute;
	z-index: 4;
	display: none;
	width: 106px;
	top: 28px;
	left: 50px;
	padding-left: 26px;
	height: 26px;
	line-height: 28px;
	overflow: hidden;
	background-color: #fdf6d2;
}


.form .itxt {
	line-height: 1.5em;
	height: 100%;
	border: 0;
	padding: 0 0 0 45px;
	width: 100%;
	float: none;
	overflow: hidden;
	font-size: 14px;
}
.form .safe{
	height: 1em;
}
.form .safe .forget-pw-safe {
	position: absolute;
	*float: right;
	*position: static;
	right: 0;
	top: 0;
	margin: 0
}
.form  .login-btn {
	margin: 0 auto;
	width: 99%;
	position: relative
}
.form  .login-btn .btn-link {
	display: block;
	width: 100%;
	background-color: #116bb4;
	line-height: 2em;
	color: #fff;
	font-size: 20px;
	font-family: 'Microsoft YaHei';
	text-align: center;
}
.znw .form .login-btn .btn-link{
	background-color: #116bb4;
}
.iia .form .login-btn .btn-link{
	background-color: #c03d33;
}
.zaoche .form .login-btn .btn-link{
	background-color: #8c2024;
}
.extra {
	padding-left: 20px;
	padding-right: 20px;
	line-height: 50px;
	border-top: 1px solid #f4f4f4;
	height: auto;
	background-color: #fcfcfc
}
.extra ul{display: block;}
.extra li {
	float: left;
}
.extra li.extra-r {
	float: right
}
.extra li .line {
	color: #ccc;
	padding: 0 10px
}
.extra li a.link {
	display: inline-block;
	position: relative;
	padding-left: 24px
}
.extra li a.link.icon{
	padding-left: 3.2em;
}
.extra li a.link b {
	font-size: 3em;
	width: 1em;
	height: 1em;
	display: block;
	margin: 0 auto;
	position: absolute;
	float: left;
	left: 0;
	top: 1px;
}
.extra b.sooqfont{
	font-size: 1em;

}
.extra .sooq-qq{
	color: #56a9ff;
}
.extra .sooq-weixin{
	color: #61cc0e;
}


@media screen and (max-width: 640px){
	.body_c {
		width: 100%;
		margin: 0 auto
	}

	.login-form .login-box{width: auto;}
	.login-wrap .login-form{width: 90%;float: none;padding-bottom: 20px;right: 0;left: 5%;}
	.form .item-fore1, .form .item-fore2{width: 96%;}
.login-wrap .login-banner{display:none;}

}