@charset "UTF-8";

html, body {
	position: relative;
	height: 100%;
}

body {
	background: #fff !important;
}

.login-wrapper {
	position: relative;
	height: 100%;
}

.login-wrapper .bg {
	position: absolute;
	left: 50%;
	margin-left: -960px;
	top: 100px;
	width: 1920px;
	height: 600px;
	background: url(../../image/login/back_pic.png) no-repeat center center;
	background-size: cover;
}

.login-wrapper .content {
	width: 1100px;
	margin: 0 auto;
	z-index: 2;
	position: relative;
	height: 100%;
}

.login-wrapper .content .header {
	height: 100px;
	line-height: 100px;

}

.login-wrapper .content .header .img {
	width: 346px;
	height: 50px;
	background: url(../../image/login/qiye_logo.png) no-repeat center center;
	background-size: cover;
	display: inline-block;
	vertical-align: middle;
}
.login-wrapper .content .header p{
   display: inline-block;
   width: 104px;
   height: 36px;
   margin-top:36px;
   line-height:36px;
   text-align:center;
   border-radius:4px;
   float:right;
   color:#fff;
   cursor: pointer;
   background: url(../../image/login/button.png) no-repeat center center;
}
.login-wrapper .content .section {
	position: absolute;
	top: 225px;
	right: 0;
	width: 350px;
	height: 350px;
}

.login-wrapper .content .section .from .tabs {
	overflow: hidden;
	padding: 0 40px;
	background: #f7f7f7;
}

.login-wrapper .content .section .from .tabs .tab {
	width: 120px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	cursor: pointer;
	font-size: 18px;
}

.login-wrapper .content .section .from .tabs .tab.tab1 {
	float: left;
}

.login-wrapper .content .section .from .tabs .tab.tab2 {
	float: right;
}

.login-wrapper .content .section .from .tabs .tab.active {
	color: #04ccab;
	position: relative;
}

.login-wrapper .content .section .from .tabs .tab.active:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 120px;
	height: 2px;
	background: url(../../image/login/btm_line_tab_icon.png) no-repeat
		center center;
	background-size: cover;
}

.login-wrapper .content .section .from .tab-bd {
	padding: 40px 35px 95px;
	margin-bottom: 30px;
	background: #fff;
}

.login-wrapper .content .section .from .tab-bd .list-group .item {
	position: relative;
	margin-bottom: 30px;
}

.login-wrapper .content .section .from .tab-bd .list-group .item .inpt {
	overflow: hidden;
	height: 40px;
	border-radius: 4px;
	border: 1px solid #ddd;
	line-height: 40px;
	padding-left: 20px;
	font-size: 14px;
}

.login-wrapper .content .section .from .tab-bd .list-group .item .inpt input
	{
	width: 240px;
	border: none;
	height: 30px;
	outline: none;
}

.login-wrapper .content .section .from .tab-bd .list-group .item .verify-code
	{
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	line-height: 40px;
	text-align: center;
	color: #04ccab;
	border: 1px solid #ddd;
	font-size: 14px;
	border-radius: 4px;
	width: 91px;
	user-select: none;
}

.login-wrapper .content .section .from .tab-bd .list-group .item.verify-item
	{
	margin-bottom: 40px;
}

.login-wrapper .content .section .from .tab-bd .list-group .item.verify-item .inpt
	{
	width: 162px;
}

.login-wrapper .content .section .from .tab-bd .list-group .item.verify-item .inpt.verify-inpt
	{
	width: auto;
}

.login-wrapper .content .section .from .tab-bd .list-group .item.verify-item .inpt input
	{
	width: 142px;
}

.login-wrapper .content .section .from .tab-bd-wrap {
	position: relative;
}

.login-wrapper .content .section .from .tab-bd-wrap .login-btn {
	background: url(../../image/login/login_btn_bg.png) no-repeat center
		center;
	background-size: cover;
	height: 50px;
	line-height: 50px;
	width: 280px;
	cursor: pointer;
	text-align: center;
	position: absolute;
	bottom: 45px;
	left: 50%;
	margin-left: -140px;
}

.login-wrapper .content .section .from .tab-bd-wrap .login-btn span {
	font-size: 18px;
	color: #fff;
}

.login-wrapper .content .section .contact {
	font-size: 18px;
	color: #4d4d4d;
	text-align: center;
}

.login-wrapper .content .info-img {
	position: absolute;
	top: 740px;
	left: 0;
	background: url(../../image/login/under_pic.png) no-repeat center center;
	background-size: cover;
	width: 1100px;
	height: 42px;
}

.login-wrapper .content .btm-con {
	position: absolute;
	top: 840px;
	left: 0;
	width: 100%;
}

.login-wrapper .content .btm-con .btm-item {
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	color: #ccc;
}

.login-wrapper .qrcode {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -85px;
	width: 142px;
	height: 170px;
	background: url(../../image/login/erweima.png) no-repeat center center;
	background-size: cover;
}

#pas {
	width: 240px;
}