html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
	min-height: 580px;
	min-width: 1100px;
	position: relative;
	font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, 'PingFang SC',
		'Source Han Sans CN', 'Source Han Sans', 'Source Han Serif',
		'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Microsoft YaHei',
		sans-serif;
}

::-webkit-scrollbar {
	/* 定义滚动条样式 */
	width: 8px;
	/* background-color: fff; */
}

::-webkit-scrollbar-track {
	/*定义滚动条轨道 内阴影+圆角*/
	box-shadow: inset 0 0 0px #fff;
	border-radius: 5px;
	/* background-color: fff; */
}

::-webkit-scrollbar-thumb {
	/*定义滑块 内阴影+圆角*/
	border-radius: 10px;
	box-shadow: inset 0 0 0px #D8DCE0;
	background-color: #c2cbd3;
}

#center {
	position: relative;
	width: 100%;
	height: calc(100% - 40px);
	background: url(../images/bj.png) no-repeat center center;
	background-size: cover;
}

.header {
	width: calc(100% - 60px);
	height: 40px;
	line-height: 40px;
	padding: 0 30px;
	position: relative;
}

.center_left {
	width: 50%;
}

#bg {
	width: 730px;
	display: flex;
	height: 400px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	top: 42%;
	margin-left: -365px;
	margin-top: -200px;
	/* transform: translate(-50%, -50%); */
	background: url(../images/picture.png) no-repeat center center;
	background-size: cover;
}

.title {
	margin-left: 24px;
	font-size: 18px;
	font-family: Source Han Sans CN;
	font-weight: bold;
	color: rgba(1, 42, 255, 1);
	letter-spacing: 2px;
}

.title_logo {
	display: inline-block;
	width: 44px;
	height: 44px;
	background-size: 44px 44px;
	background: url(../images/logo.png) no-repeat center center;
	vertical-align: top;
	margin-right: 2px;
}

.title_logo_hx {
	display: inline-block;
	width: 115px;
	height: 40px;
	background: url(../images/logoHx.png) no-repeat center center;
	background-size: auto 30px;
	vertical-align: top;
	margin-right: 2px;
}

.title_logo_ct {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url(../img/logoCtActive.png) no-repeat center center;
	background-size: contain;
	vertical-align: top;
	margin-right: 2px;
}

.header>span {
	font-size: 20px;
	font-family: MicrosoftYaHei;
	cursor: pointer;
}

.header div {
	float: right;
	height: 40px;
	line-height: 40px;
}

.header div>span {
	font-size: 14px;
	font-family: MicrosoftYaHei;
}

.header div>span:nth-child(2) {
	margin: 0px 10px;
}

#login {
	height: auto;
	margin-top: 30px;
	margin-left: 24px;
}

#picture {
	width: 351px;
	height: 406px;
	background-size: 100% 100%;
	background: url(../images/picture.png);
	background-size: cover;
	vertical-align: top;
}

#login a {
	text-decoration: none;
	color: #ccc;
}

#login a:hover {
	text-decoration: underline;
	color: #D85448;
}

#login a:first-child {
	margin-right: 20px;
}

#form_panel {
	padding: 24px;
	border-radius: 10px;
	margin: 0 auto;
}

#form_panel p {
	font-size: 8px
}

#form_panel label input {
	float: left;
}

#form_panel label:nth-child(6) {
	margin-bottom: 10px;
}

.l_i input:not([type=checkbox]) {
	font-size: 14px;
	border: none;
	box-shadow: 0 0 0 1000px white inset;
	outline: none;
	color: #494a4b;
	/* vertical-align: middle; */
	color: #111111;
	margin-left: 1px;
	padding-left: 5px;
	width: 150px;
}

.last label {
	cursor: pointer;
	font-size: 12px;
	margin-left: 5px;
	font-family: Source Han Sans CN;
	color: rgba(153, 153, 153, 1);
}

.forget {
	cursor: pointer;
	float: right;
	margin-top: 2px;
	font-size: 12px;
	margin-left: 5px;
	font-family: Source Han Sans CN;
	color: rgba(153, 153, 153, 1);
}

input[type=checkbox]::after {
	background-color: #fff;
	border: 1px solid #1d5fc0;
	color: #000;
	width: 14px;
	height: 14px;
	display: inline-block;
	visibility: visible;
	padding-top: 0px;
	text-align: center;
	content: ' ';
	border-radius: 2px;
}

input[type=checkbox]:checked::after {
	content: "✓";
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	line-height: 15px;
	background-color: #1d5fc0;
}

#btn {
	width: 255px;
	height: 38px;
	background-color: #0079FC;
	line-height: 38px;
	color: #fff;
	cursor: pointer;
	letter-spacing: 3px;
	border-radius: 19px;
	font-size: 14px;
	text-align: center;
	margin: 0px auto 10px;
}

.l_i {
	width: 255px;
	height: 31px;
	line-height: 31px;
	position: relative;
	margin: 0 auto;
	margin-bottom: 17px;
	font-size: 14px;
	background: rgba(255, 255, 255, 1);
	border: 1px solid rgba(180, 190, 215, 1);
	border-radius: 3px;
}

.l_i>span {
	display: block;
	float: left;
	width: 88px;
	height: 30px;
	line-height: 30px;
	border-right: 1px solid #B4BED7;
	padding: 0 10px;
	color: #20207B;
}

#form_panel #i_code {
	display: inline-block;
	width: 128px;
	height: 54px;
	vertical-align: top;
	background: url(../images/number.png) no-repeat center center;
	text-align: center;
}

#form_panel #change_code {
	display: inline-block;
	vertical-align: top;
	color: #97BBE0;
	font-size: 14px;
}

.footer {
	position: absolute;
	left: 50%;
	bottom: 5px;
	width: 800px;
	/* transform: translateX(-50%); */
	margin-left: -400px;
	font-size: 14px;
	text-align: center;
	color: #EBECEE;
}

.footer span {
	font-size: 12px;
}

.footer p span:nth-child(2) {
	margin: 0px 4px;
}

em {
	/* display: block; */
	font-style: normal;
	font-size: 14px;
	color: #494a4b;
}

#label-r {
	float: left;
	width: 50%;
}

#skpi {
	width: 225px;
	height: 34px;
	/* background-color: #0079FC; */
	line-height: 34px;
	color: #fff;
	cursor: pointer;
	letter-spacing: 3px;
	border-radius: 17px;
	font-size: 14px;
	text-align: center;
	margin: 0 auto;
}

#skpi a {
	color: #568BE5;
}

#skpi a:hover {
	text-decoration: none;
	color: #568BE5;
}

/* 提示样式 */
.hullabaloo {
	padding: 20px;
	border-radius: 4px;
	left: 50%;
	top: 50%;
	transform: translateX(50px);
}

.alert-success {
	color: #fff;
	background: rgba(0, 0, 0, 0.6);
}

/* placeholder颜色 */
input::-webkit-input-placeholder {
	color: #ccc;
}

input::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #ccc;
}

input:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #ccc;
}

input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #ccc;
}

/*添加二维码样式 */
.qr_Code {
	margin-bottom: 5px;
}

.qr_Code img {
	width: 70px;
	height: 70px;
	margin: 0 10px;
	cursor: pointer;
}

.qr_Code3 img {
	display: none;
}

.qr_Code>div {
	display: inline-block;
}

.qr_Code>div span {
	font-size: 12px;
}

p {
	padding: 0;
	margin: 0;
}

.android_ios {
	position: relative;
}

.big_qr_Code {
	display: none;
	position: absolute;
	left: -41px;
	bottom: 76px;
	width: 170px;
	height: 180px;
	background-color: #fff;
	padding-top: 10px;
	box-shadow: 0px 0px 4px rgb(100, 99, 99);
	border-radius: 2px;
}

.big_qr_Code img {
	width: 140px;
	height: 140px;
}

.big_qr_Code span {
	color: #000;
}

.space {
	height: 70px;
	width: 1px;
	background: rgba(255, 255, 255, 0.3);
	margin-bottom: 16px;
	margin-left: 30px;
	margin-right: 20px;
}

#contact {
	font-size: 14px;
}

#icp {
	font-size: 12px;
}

#logo {
	vertical-align: top;
	height: 40px;
}

.company_item {
	line-height: 48px;
	background-color: #ECEDEF;
	border-radius: 4px;
	padding-left: 20px;
	margin-top: 10px;
	cursor: pointer;
	border: 1px solid #ECEDEF;
	font-size: 14px;
	margin-right: 5px;
}

.company_item:hover {
	color: #267DE1;
	background-color: #EBF0FF;
	border: 1px solid #267DE1;

}

.back i {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../img/loginBack.png) no-repeat center center;
	background-size: cover;
	vertical-align: middle;
	margin-left: 10px;
}

.company_item .icon {
	float: right;
	margin-right: 20px;
	display: block;
	width: 24px;
	height: 52px;
	background: url(../img/loginNext.png) no-repeat center center;
	background-size: contain;
	/* vertical-align: middle; */
}

#company_list {
	height: 267px;
	overflow: auto;
}


.sound {
	width: 360px;
	background-color: #edf2fa;
	border-radius: 5px;
	height: 30px !important;
	line-height: 30px !important;
	overflow: hidden;
	font-size: 14px;
	margin: 5px;
	top: 0px;
	position: absolute;
	transform: translateX(40%);
	list-style-type: none;
}