body {
	font-size: 16px;
}

/* 2K屏幕（假设分辨率为2560px） */
@media (min-width: 2560px) {
	body {
		font-size: 20px; /* 可以根据需要调整 */
	}

	/* 其他针对2K屏幕的样式 */
	.container {
		width: 80%; /* 示例：调整容器宽度 */
	}
}

/* 4K屏幕（假设分辨率为3840px） */
@media (min-width: 3840px) {
	body {
		font-size: 24px; /* 可以根据需要调整 */
	}

	/* 其他针对4K屏幕的样式 */
	.container {
		width: 60%; /* 示例：调整容器宽度 */
	}
}

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	letter-spacing: 2px;
}
.header {
	height: 80px;
}
.header-main {
	width: 1280px;
	height: 80px;
	display: flex;
	align-items: center;
	margin: 0 auto;
}
.header-left {
	width: 188px;
	text-align: center;
	padding: 0 26px;
}
.logo {
	width: 135px;
	height: 41px;
}
.navs {
	/* position: absolute; */
	/* z-index: 999; */
	flex: 1;
	display: flex;
	/* left: 50%; */
	/* transform: translateX(-50%); */
	font-size: 18px;
	color: #000000;
}
.navs-item {
	font-size: 18px;
	/* width: 178px; */
	min-width: 108px;
	text-align: center;
	height: 84px;
	line-height: 84px;
	cursor: pointer;
	padding: 0 14px;
	color: #18a8ff;
	position: relative;

	/* color: #fff; */
}

.navs-item.active {
	color: #ffffff;
	background: linear-gradient(180deg, #36b3ff 0%, #18a8ff 50%, #1886ff 100%);
}

.nav-sel {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 8px;
	background: #fff;
	border-radius: 4px 4px 0 0;
}
.active .nav-sel {
	background: rgba(0, 0, 0, 0);
}
.navs-item:hover .nav-sel {
	background: #18a8ff;
	border-radius: 4px 4px 0 0;
}

/* 导航栏下拉菜单样式 */
.navs-item .el-dropdown {
	height: 84px;
	line-height: 84px;
	color: #18a8ff;
}

.navs-item .nav-dropdown-trigger {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 84px;
	cursor: pointer;
	position: relative;
		font-size: 18px;
}

.navs-item .nav-dropdown-trigger .el-icon-arrow-down {
	margin-left: 4px;
	font-size: 12px;
}

.navs-item:hover .el-dropdown {
	color: #18a8ff;
}

.navs-item.active .el-dropdown {
	color: #ffffff;
}

/* 下拉菜单面板样式 */
.navs-item .el-dropdown-menu {
	margin-top: 0;
	border-radius: 0 0 8px 8px;
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
	border: none;
	padding: 8px 0;
}

.navs-item .el-dropdown-menu__item {
	font-size: 14px;
	color: #333;
	padding: 10px 20px;
	line-height: 1.5;
	min-width: 120px;
}

.navs-item .el-dropdown-menu__item:hover {
	background: #f5f7fa;
	color: #18a8ff;
}

.navs-item .el-dropdown-menu__item:focus {
	background: #f5f7fa;
	color: #18a8ff;
}
.header-right {
	/* flex: 1; */
	display: flex;
	justify-content: center;
}
.right-box {
	display: flex;
}
.language {
	display: flex;

	align-items: center;
	text-align: center;
	margin-right: 18px;
}
.language > div {
	width: 68px;
	font-size: 14px;
	height: 14px;
	line-height: 14px;
	cursor: pointer;
}
.lang.active {
	color: #a8a8a8;
}
.header .cn {
	border-right: 1px solid #979797;
}
.user {
	display: flex;
	width: 144px;
}
.login-btn {
	min-width: 112px;
	padding: 0 10px;
	/* height: 30px; */
	line-height: 30px;
	background: #ffffff;
	border-radius: 10px;
	border: 1px solid #18a8ff;
	text-align: center;
	color: #18a8ff;
	cursor: pointer;
}
.info {
	text-align: right;
}
.user .name {
	font-size: 21px;
	font-weight: bold;
	color: #000000;
}
.info-label {
	min-width: 60px;
	font-size: 14px;
	color: #a8a8a8;
}
.avatar {
	width: 42px;
	height: 42px;
	margin-left: 6px;
	border-radius: 50%;
}

.footer {
	background: #2a2a2a;
	padding: 33px;
}
.footer-main {
	width: 1280px;
	margin: 0 auto;
	display: flex;
	color: #fff;
}
.footer-left {
	flex: 1;
	border-right: 1px solid #000000;
	padding-top: 29px;
}
.quick-box {
	display: flex;
	justify-content: space-around;
	height: 296px;
}
.footer-main .footer-title {
	font-weight: 500;
	font-size: 21px;
	color: #ffffff;
	height: 27px;
	line-height: 27px;
	margin-bottom: 43px;
}
.quick-item {
	font-weight: 500;
	font-size: 14px;
	margin-bottom: 36px;
	cursor: pointer;
}
.footer-info {
	font-weight: 500;
	font-size: 12px;
	color: #ffffff;
	line-height: 12px;
	text-align: center;
}
.footer-right {
	flex: 1;
}
.footer-right-main {
	/* width: 338px; */
	/* margin: 0 auto; */
	padding: 0 80px;
}
.footer-right-title {
	font-weight: 500;
	font-size: 21px;
	margin-bottom: 22px;
}

.footer-right-title img {
	width: 44px;
	height: 44px;
	vertical-align: middle;
	margin-right: 15px;
}
.intor {
	font-size: 12px;
	margin-bottom: 30px;
}
.cantact {
	display: flex;
	justify-content: space-around;
	font-size: 12px;
	margin-top: 62px;
	/* padding-left: 20px; */
}
.cantact-item {
	width: 160px;
	text-align: center;
	/* margin: 0 auto; */
}
.cantact-item img {
	width: 114px;
	height: 114px;
	margin-bottom: 12px;
}
.hideContact {
	position: fixed;
	top: 50%;
	right: 0;
	transform: translateY(-60%);
	width: 70px;
	height: 152px;
	background: url(../assets/kf.png) no-repeat center;
	background-size: 100% 100%;
	cursor: pointer;
}
.contact-pop {
	position: fixed;
	top: 50%;
	right: 0;
	transform: translateY(-60%);
	/* width: 195px; */
	width: 195px;

	z-index: 999;
	color: #ebedee;

	/* padding: 10px 20px; */
}
.contact-close {
	position: absolute;
	top: 60%;
	right: 0;
	transform: translateY(-50%);
	color: #fff;
	cursor: pointer;
}
.contact-pop-top {
	position: relative;
	background: url('../assets/contactBg1.png') no-repeat center;
	background-size: 100% 100%;
	min-height: 387px;
	padding: 132px 14px 10px;
	/* padding: 132px 4px 10px; */
	margin-bottom: 4px;
}
.contact-pop-bottom {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #ffbf09;
	height: 58px;
	font-weight: 500;
	font-size: 24px;
	color: #000000;
	cursor: pointer;
	border-radius: 6px;
}
.contact-pop-bottom img {
	width: 26px;
	height: 26px;
	margin-right: 12px;
}
.pop-title {
	width: 22px;
	height: 102px;
	font-weight: 500;
	font-size: 24px;
	line-height: 24px;
	text-align: left;
	font-style: normal;
	margin-bottom: 18px;
}
.pop-item {
	display: flex;
	align-items: center;
	margin-bottom: 13px;
	cursor: pointer;
}
.pop-item img {
	width: 22px;
	height: 22px;
	margin-right: 10px;
}

.table {
	text-align: center;
}
.th {
	display: flex;
	align-items: center;
	height: 58px;
	background: #f2f4f6;
	border-radius: 10px;
	margin-bottom: 10px;
}
.tr-item {
	display: flex;
	align-items: center;
	height: 72px;
	background: #fff;
	border-radius: 10px;
	margin-bottom: 10px;
	border: 1px solid #d3d3d3;
}

/* page */

.page-box {
	text-align: center;
}
.page-jt {
	width: 8px;
	height: 16px;
	vertical-align: middle;
}
.page-sel {
	min-width: 105px;
	height: 26px;
	background: #ffffff;
	border-radius: 10px;
	border: 1px solid #d3d3d3;
	text-align: center;
	margin: 0 26px;
}

/* 弹窗 */
.modal-mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	display: table;
	transition: opacity 0.3s ease;
	z-index: 1999;
}

.modal-wrapper {
	display: table-cell;
	vertical-align: middle;
}

.modal-container {
	/* width: 600px; */
	margin: 0px auto;
	padding: 20px;
	background-color: #fff;
	/* border-radius: 2px; */
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
	transition: all 0.3s ease;
	border-radius: 10px;
}
.header .modal-container {
	width: 620px !important;
}
.header .registerBox .modal-container {
	width: 1280px !important;
}
.modal-header,
.modal-body,
.modal-footer {
	/* padding: 28px 50px; */
	padding: 10px 20px;
	text-align: left;
}

.modal-header {
	/* border-bottom: 1px solid #eee; */
	font-size: 28px;
	color: #000000;
	position: relative;
}
.modal-close {
	position: absolute;
	right: 0;
	top: 12px;
	width: 28px;
	height: 28px;
}

.modal-footer {
	border-top: 1px solid #eee;
	display: flex;
	justify-content: flex-end;
}

.modal-default-button {
	margin-right: 0;
}

.title-box {
	height: 70px;
	padding-top: 48px;
	background: linear-gradient(180deg, rgba(242, 244, 246, 0.6) 0%, rgba(242, 244, 246, 0.6) 100%);
}
.title {
	height: 14px;
	font-weight: 500;
	font-size: 14px;
	color: #000000;
	line-height: 14px;
	font-style: normal;
	/* margin: 30px 0 10px 12px; */
}
.main {
	background: #fafafa;
}
.main-content {
	width: 1286px;
	margin: 0 auto;
	/* padding: 26px; */
}

.login-box .form-item {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}
.login-box .ai {
	align-items: flex-start;
}

.login-box .form-label {
	width: 100px;
	/* width: 70px; */
	height: 14px;
	font-family: STHeitiSC, STHeitiSC;
	font-weight: 500;
	font-size: 14px;
	color: #000000;
	line-height: 14px;
	text-align: left;
	font-style: normal;
	margin-right: 8px;
}
.require {
	width: 8px;
	height: 8px;
}
.login-box .input {
	width: 330px;
	height: 38px;
	background: #ffffff;
	border-radius: 10px;
	border: 1px solid #d3d3d3;
	text-align: center;
	/* margin: 0 24px 0 28px; */
	padding: 0 14px;
}
.login-box .model-line {
	width: 520px;
	height: 1px;
	border: 1px solid;
	border-image: linear-gradient(
			270deg,
			rgba(168, 168, 168, 0),
			rgba(168, 168, 168, 1),
			rgba(168, 168, 168, 1),
			rgba(168, 168, 168, 0)
		)
		1 1;
	margin-bottom: 30px;
}
.login-box .model-item {
	display: flex;
	margin-bottom: 30px;
}
.login-box .model-btn-box {
	display: flex;
	flex: 1;
	justify-content: center;
}

.login-box .model-btn-buy {
	margin-left: 16px;
	background: #18a8ff;
	color: #ffffff;
}

.model-btn {
	width: 120px;
	height: 38px;
	line-height: 38px;
	background: #ffffff;
	border-radius: 10px;
	border: 1px solid #18a8ff;
	text-align: center;
	color: #18a8ff;
	cursor: pointer;
}
.mb0 {
	margin-bottom: 0;
}
.login-box .usePassword {
	width: 293px;
	margin: 0 auto;
}

.code-box {
	width: 330px;
	height: 334px;
	border-radius: 10px;
	border: 1px solid #d3d3d3;
}
.code {
	width: 330px;
	height: 334px;
	border-radius: 10px;
	border: 1px solid #d3d3d3;
	/* text-align: center; */
}
.input-code {
	/* width: 617px; */
	border-radius: 10px 0 0 10px !important;
	border-right: none !important;
}
.w214 {
	width: 214px !important;
}
.codeNum {
	width: 120px;
	height: 38px;
	border-radius: 0 10px 10px 0;
	border-left: none;
}
.next {
	width: 62px;

	font-weight: 500;
	font-size: 14px;
	color: #a8a8a8;
	line-height: 14px;
	text-align: right;
	font-style: normal;
	cursor: pointer;
}

#showToastWraper {
	visibility: hidden; /* Hidden by default */
	min-width: 250px; /* Set a default minimum width */
	margin-left: -125px; /* Divide value of min-width by 2 */
	/* background-color: #333;  */
	color: #fff; /* White text color */
	text-align: center; /* Centered text */
	border-radius: 50px; /* Rounded borders */
	padding: 16px; /* Padding */
	position: fixed; /* Fixed position needed for toast to appear in the correct place */
	z-index: 1; /* Set a high z-index (overlaps other elements on the page) */
	left: 50%; /* Center the snackbar */
	top: 20px; /* 30px from the bottom */
	background: rgba(0, 0, 0, 0.5);
}

/* Show the toast message when clicking on the button */
#showToastWraper.show {
	visibility: visible; /* Show the snackbar */
	/* Add animation: Take 0.5 seconds to fade in and out the toast. 
     However, delay the fade out process for 1.5 seconds */
	-webkit-animation: fadein 0.5s, fadeout 0.5s 1.5s;
	animation: fadein 0.5s, fadeout 0.5s 1.5s;
}

/* Animations to fade the toast in and out */
@-webkit-keyframes fadein {
	from {
		top: 0;
		opacity: 0;
	}
	to {
		top: 30px;
		opacity: 1;
	}
}

@keyframes fadein {
	from {
		top: 0;
		opacity: 0;
	}
	to {
		top: 30px;
		opacity: 1;
	}
}

@-webkit-keyframes fadeout {
	from {
		top: 30px;
		opacity: 1;
	}
	to {
		top: 0;
		opacity: 0;
	}
}

@keyframes fadeout {
	from {
		top: 30px;
		opacity: 1;
	}
	to {
		top: 0;
		opacity: 0;
	}
}
.table .nodata {
	color: #a8a8a8;
	height: 84px;
	line-height: 84px;
	border-radius: 10px;
	border: 1px solid #979797;
}

.registerBox .modal-container {
	background: rgba(0, 0, 0, 0);
	padding: 0;
	box-shadow: none;
}
.registerBox .modal-body {
	padding: 0;
}
.registerBox .model-btn-box {
	display: flex;
	flex: 1;
	justify-content: center;
}

.registerBox .model-btn-buy {
	margin-left: 16px;
	background: #18a8ff;
	color: #ffffff;
}
.registerBox .btn {
	font-size: 14px;
	color: #18a8ff;
	margin-left: 10px;
	cursor: pointer;
}
.registerBox .codeBtn {
	width: 70px;
	text-align: center;
}
.cm-box {
	display: flex;
	justify-content: space-between;
}

.registerBox .btn-box {
	flex: 1;
	text-align: right;
}
.registerBox .add-btn {
	display: inline-block;
	width: 162px;
	height: 33px;
	line-height: 33px;
	background: #18a8ff;
	border-radius: 10px;
	color: #fff;
	text-align: center;
	cursor: pointer;
}
.cm-left,
.cm-right {
	width: 637px;
	height: 863px;
	background: #ffffff;
	border-radius: 10px;
	padding: 30px 47px;

	color: #000;
	font-size: 14px;
}
.cm-title {
	font-size: 28px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 35px;
}
.cm-info {
	overflow: hidden;
	overflow-y: auto;
	height: 724px;
	padding: 0 5px;
}
/* .cm-info p {
	line-height: 20px;
} */
.w214 {
	width: 214px;
}

/* 修改垂直滚动条 */
::-webkit-scrollbar {
	width: 4px; /* 修改宽度 */
}

/* 修改滚动条轨道背景色 */
::-webkit-scrollbar-track {
	background-color: #f4f4f4;
}

/* 修改滚动条滑块颜色 */
::-webkit-scrollbar-thumb {
	background: #18a8ff;
}

/* 修改滚动条滑块悬停时的颜色 */
::-webkit-scrollbar-thumb:hover {
	background: #18a8ff;
}
.body-no-scroll {
	overflow: hidden; /* 禁用滚动 */
	position: fixed; /* 固定位置 */
	width: 100%; /* 宽度与视窗相同 */
}
[v-cloak] {
	display: none;
}
.el-input__inner,
.el-textarea__inner {
	border-radius: 10px !important;
}
.el-input-group--append .el-input__inner,
.el-input-group__prepend {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
.impowerBox .qrcode {
	width: 200px;
}
.impowerBox .title {
	display: none;
}
.impowerBox .info {
	width: 200px;
}
.status_icon {
	display: none;
}
.impowerBox .status {
	text-align: center;
}

.img1 {
	width: 248px;
	height: 215px;
	margin: 100px 0 32px;
}
.img-title {
	width: 400px;
	height: 28px;
	font-weight: 500;
	font-size: 28px;
	color: #000000;
	line-height: 29px;
	text-align: right;
	font-style: normal;
	margin: 0 auto;
}
.img-tip {
	width: 660px;
	height: 16px;
	font-weight: 500;
	font-size: 16px;
	color: #000000;
	line-height: 16px;
	text-align: right;
	font-style: normal;
	margin: 12px auto 46px;
}
.img-btn {
	width: 146px;
	height: 38px;
	font-size: 16px;
	line-height: 38px;
	color: #fff;
	background: #18a8ff;
	border-radius: 10px;
	text-align: center;
	cursor: pointer;
	margin: 0 auto 150px;
}
::-webkit-scrollbar-track {
	/* background: #fff; */
}
::-webkit-scrollbar {
	width: 0;
	height: 0;
}
.page-box {
	margin-top: 20px;
}
.el-input__inner {
	text-align: center;
}
.el-form-item__label {
	color: #000000 !important;
}
.el-form-item__label:before {
	vertical-align: middle !important;
}
.noreq > .el-form-item__label {
	padding-left: 15px;
}
.showFastBox .el-form-item {
	margin-bottom: 6px;
}
.ls0 .el-form-item__label {
	letter-spacing: 0 !important;
}
.ls1 .el-form-item__label {
	letter-spacing: 1px !important;
}
.ls2 .el-form-item__label {
	letter-spacing: 2px !important;
}
.ls6 .el-form-item__label {
	letter-spacing: 6px !important;
}
.ls5-3 .el-form-item__label {
	letter-spacing: 5.3px !important;
}
.ls8 .el-form-item__label {
	letter-spacing: 8px !important;
}
.ls13 .el-form-item__label {
	letter-spacing: 13px !important;
}
.ls7 .el-form-item__label {
	letter-spacing: 7px !important;
}
.ls36 .el-form-item__label {
	letter-spacing: 3.6px !important;
}
.select-box2 {
	margin-bottom: 6px !important;
}
.el-dialog {
	border-radius: 10px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.w284 {
	width: 284px !important;
}
.mr152 {
	margin-right: 152px !important;
}
.cg .el-checkbox:nth-of-type(4n) {
	margin-right: 0 !important;
}
.info-box-header {
	display: flex;
	cursor: pointer;
}
.mt18 {
	margin-top: 18px !important;
}
.w144 {
	width: 144px !important;
}
select {
	-webkit-appearance: none; /* for Chrome, Safari */
	-moz-appearance: none; /* for Firefox */
	-ms-appearance: none; /* for IE10+ */
	appearance: none; /* for standard browsers */
	/* 其他样式 */
}

select::-ms-expand {
	display: none; /* for IE11+ */
}
.pop-item .num {
	/* letter-spacing: 1px; */
	letter-spacing: 0px;
	font-size: 14px;
	color: #ffffff;
	/* height: 22px;
	line-height: 22px; */
	display: flex;
	align-items: center;
}
.el-message-box__title {
	font-size: 28px !important;

	color: #000000 !important;
}
.el-message-box__header {
	padding: 0 !important;
}
.el-message-box__message {
	font-size: 18px !important;
	color: #000000 !important;
	text-align: center;
	padding-top: 10px !important;
}
.el-message-box {
	width: 637px !important;
	height: 253px !important;
	background: #ffffff !important;
	border-radius: 10px !important;
	padding: 30px 47px !important;
}
.el-message-box__content {
	margin-bottom: 65px !important;
}
.el-message-box__btns {
	display: flex;
	justify-content: center;
}
.el-message-box__btns .el-button {
	width: 143px;
	height: 38px;
	background: #ffffff;
	border-radius: 10px;
	border: 1px solid #19b1ff;
	font-size: 16px;
	color: #18a8ff;
	text-align: center;
}
.el-message-box__btns .el-button--primary {
	width: 143px;
	height: 38px;
	border-radius: 10px;
	border: 1px solid#18A8FF;
	font-size: 16px;
	color: #ffff;
	text-align: center;
	background: #18a8ff !important;
}
.el-message-box__btns .el-button--primary:hover {
	width: 143px;
	height: 38px;
	border-radius: 10px;
	border: 1px solid#18A8FF;
	font-size: 16px;
	color: #ffff;
	text-align: center;
	background: #18a8ff !important;
}
.el-message-box__close {
	display: none !important;
}
/* .el-message-box__btns .el-button span {
	letter-spacing: 12px;
	margin: 0 auto;
} */
.pl-18 {
	padding-left: 18px !important;
}
.pl-30 {
	padding-left: 30px !important;
}
.psr {
	position: relative;
}
.pl-22 {
	padding-left: 22px;
}
.pl-12 {
	padding-left: 12px;
}
.c-people {
	width: 120px;
	font-size: 14px;
	color: #a8a8a8;
	padding: 12px 4px;
}
.mt30 {
	margin-top: 30px;
}
.mb10 {
	margin: 10px;
}
.mb50 {
	margin-bottom: 50px;
}
.mt20 {
	margin-top: 20px;
}
/* .mr0 {
	margin-right: 0!important;
} */
.jc {
	display: flex;
	justify-content: center;
	align-items: center;
}
.quoteData .type-box {
	display: flex;
}
.quoteData .type-item {
	width: 125px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	background: #ffffff;
	border-radius: 10px;
	border: 1px solid #d3d3d3;
	margin-right: 10px;
	color: #18a8ff;
	cursor: pointer;
}
.quoteData .type-active {
	background: #18a8ff;
	color: #ffffff;
	border: 1px solid #18a8ff;
}
.quoteData .quote-btn {
	width: 188px;
	height: 38px;
	background: #18a8ff;
	border-radius: 10px;
	color: #ffffff;
	text-align: center;
	margin: 50px auto 0;
	cursor: pointer;
}

.quote-title {
	font-size: 28px;
	color: #000000;
	margin-left: 10px;
}
.quote-tip {
	font-size: 14px;
	color: #000000;
	margin-left: 10px;
}
.mb0 {
	margin-bottom: 0 !important;
}
.rep-btn {
	font-weight: 500;
	font-size: 14px;
	color: #18a8ff;
	cursor: pointer;
	margin-left: 20px;
}
.code-btn {
	width: 86px;
	height: 38px;
	line-height: 38px;
	background: #18a8ff;
	border-radius: 10px;
	font-weight: 500;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
}
.code-active {
	background: #e5e5e5;
}
.success-box {
	text-align: center;
}
.suc-img {
	width: 90px;
	height: 90px;
}
.success-text {
	font-weight: 500;
	font-size: 16px;
	color: #000000;
	margin: 20px auto 46px;
}
.qywx {
	width: 30px;
	height: 30px;
	vertical-align: middle;
	margin-left: 10px;
	cursor: pointer;
}
.el-message {
	z-index: 99999999999999 !important;
}