/**!

 * [登录标准版]

 * date:2023-9-5

 * author: [xhz];

 */

html,

body {
	height: 100%;
	width: 100%;
}

.bg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	top: 150px;
}

.bg>img {
	display: block;
	width: 100%;
	height: 100%;
}

* {

	box-sizing: border-box;

}



.header-content {
	height: 150px;
	background-color: #f7f5f5;
}

.header-content .chn>a {
	display: block;
}

/*#region 登录框 */


.login-tab-hd {
	display: flex;
	justify-content: space-between;
}



.login-tab-hd>li {

	display: none;

	font-size: 24px;

	cursor: pointer;

	position: relative;

	padding: 0 10px;

}



.login-tab-hd>li.active {

	color: #e1251b;

}

.login-tab-hd>li.active:before {

	content: '';

	position: absolute;

	right: 37px;

	left: 37px;

	top: 40px;

	height: 4px;

	border-radius: 2px;

	background: #e1251b;

}



.login-tab-hb {

	height: 320px;

}



.login-form {

	margin-top: 50px;

}



.login-form>.form-row {

	position: relative;

	margin-bottom: 40px;

}



.form-row>.icon {

	background-position: center center;

	background-repeat: no-repeat;

	display: block;

	position: absolute;

	width: 48px;

	height: 100%;

	left: 0;

	top: 0;

}



.form-row>.icon.user {

	background-image: url('../images/login/user-icon.png');

}



.form-row>.icon.pwd {

	background-image: url('../images/login/pwd-icon.png');

}



.form-row>.txt {

	border: 1px solid #d6d6d6;

	background-color: #fff;

	width: 100%;

	height: 60px;

	border-radius: 2px;

	padding-left: 65px;

	box-sizing: border-box;

	line-height: 60px;

	font-size: 18px;

	outline: none;

}



.form-row>.yzm-input {

	width: 60%;

	height: 40px;

	padding-left: 15px;

}



/* placeholder 颜色 */

input::-webkit-input-placeholder {

	color: #c4c4c4;

}



.btnbar>.btnlogin {

	width: 100%;

	font-size: 22px;

	color: #fff;

	height: 56px;

	line-height: 56px;

	border-radius: 2px;

	background: linear-gradient(90deg, #f91d2e 0%, #ff7236 100%);

	border: none;

	cursor: pointer;

	outline: none;

	border-radius: 5px;

	transition: 0.3s all;

}



.eye {

	position: absolute;

	right: 10px;

	top: 50%;

	margin-top: -10px;

	width: 28px;

	height: 28px;

	background: url(../images/login/eye-close.png) no-repeat center center;

	cursor: pointer;

}

.eye.open {

	background: url(../images/login/eye-open.png) no-repeat center center;

}



.login-tab {
	padding: 60px 136px 0 136px;
}

.login-tab h2 {

	font-size: 40px;

	font-weight: bold;

}

.login-tab .wel {

	font-size: 18px;

	margin-top: 12px;

}

.main {
	position: relative;
	/* left: 170px; */
	/* right: 170px; */
	/* top: 50%; */
	/* transform: translateY(-50%); */
	display: block;
}



.oper {

	margin-top: 40px;

	display: flex;

	justify-content: space-between;

}

.red {

	color: #e1251b;

}

.type {
	position: absolute;
	left: -410px;
	top: 0px;
}

.type li {

	width: 242px;

	height: 84px;

	line-height: 80px;

	flex-shrink: 0;

	font-size: 36px;

	border-radius: 50px;

	border: 2px solid #fff;

	background: rgba(255, 255, 255, 0.3);

	box-shadow: 0px 3.27697px 4.91545px 0px rgba(0, 0, 0, 0.08);

	backdrop-filter: blur(2px);

	padding-left: 67px;

	position: relative;

	cursor: pointer;

}

.type li.active {

	width: 274px;

	background: #fff;

	border-radius: 50px 0px 0px 50px;

	box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.08) inset;

}

.type li+li {

	margin-top: 40px;

}

.type li.active:before {

	position: absolute;

	width: 50px;

	height: 52px;

	content: '';

	right: -25px;

	top: 50%;

	margin-top: -26px;

	background: url(../images/login/arrow.png) no-repeat center center;

}



.qrcode-content {

	background: #f2f2f2;

	width: 248px;

	height: 248px;

	margin: 50px auto 0;

	padding: 10px;

}

.qrcode-content img {

	display: block;

	width: 228px;

	height: 228px;

}



.qrcode-txt {

	text-align: center;

	color: #999;

	font-size: 16px;

	margin-top: 30px;

}

.qrcode-txt a {

	color: #2996f3;

	text-decoration: underline;

}

body {
	min-width: auto !important;
	overflow: hidden;
}

.main-scroll {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: auto;
	background: #fff;
}

.main-left {
	flex: 1;
	position: relative;
	width: 0;
}

.main-right {
	width: 762px;
}

.main-content {
	display: flex;
	height: 100%;
	flex: 1;
}

.main-flex {
	padding-bottom: 100px;
	min-height: 100%;
	position: relative;
	background: #fff;
	display: flex;
	flex-direction: column;
	min-width: 1400px;
}