.clearfix::after {
	content: '';
	display: table;
	clear: both;
}

.c-red {
	color: #f00000;
}

table .cursor {
	cursor: pointer;
}

table .cursor:hover {
	background-color: #f1f1f1;
}

.disclaimers-model {
	border-radius: 10px;
	overflow: hidden;
}

.disclaimers-model .layui-layer-btn {
	text-align: center;
}

.disclaimers-model .layui-layer-btn>* {
	background: linear-gradient(90deg, #087ff9, #14bdd4);
	border-radius: 20px;
	border: none;
	height: 34px;
	line-height: 34px;
	padding: 0 56px;
}

.disclaimers {
	font-size: 16px;
}

.disclaimers>.header {
	position: relative;
	background: linear-gradient(90deg, #0d84f6, #b7dbfd);
}

.disclaimers>.header .logo {
	position: absolute;
	left: 30px;
	top: 28px;
}

.disclaimers>.header .speaker-icon {
	position: absolute;
	right: 30px;
	top: 40px;
}

.disclaimers>.header .title {
	font-size: 24px;
	color: #ffffff;
	padding: 70px 30px;
	text-shadow: 1px 1px #000000;
}

.disclaimers>.divider {
	position: relative;
	border-radius: 36%;
	margin-top: -50px;
	background-color: #ffffff;
	height: 50px;
}

.disclaimers>.content {
	color: #3e4866;
	position: relative;
	padding: 0 30px;
	max-height: 350px;
	overflow: auto;
	margin-top: -20px;
	background-color: #ffffff;
}

.disclaimers>.content>.important-reminder {
	margin-top: 20px;
}

.disclaimers>.content>.important-reminder h1 {
	margin-bottom: 10px;
}

.disclaimers>.content>.important-reminder p {
	margin-bottom: 10px;
}

.disclaimers>.content .key {
	color: #f00000;
}

.disclaimers>p {
	text-indent: 2em;
}

.disclaimers>p b {
	font-weight: bold;
}

.disclaimers .assertor {
	text-align: right;
	margin-top: 50px;
	font-weight: bold;
}

.f-form .form-item {
	display: flex;
	align-items: center;
	gap: 10px;
}

.f-form .form-item+.form-item {
	margin-top: 20px;
}

.f-form .form-item>label.error {
	display: block;
	top: auto;
	padding: 0;
	border-right: none;
}

.f-form .form-item>label.button {
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
}

.f-form .form-item>input[type="text"],
.f-form .form-item>input[type="password"] {
	padding: 12px 12px 12px 12px;
	border-radius: 5px;
	border: 1px solid #edeff2;
}

.f-page {
	font-family: 微软雅黑;
}

.f-page .f-container {
	max-width: 1345px;
	margin: 0 auto;
}

.f-page .f-button {
	display: inline-block;
	opacity: 0.8;
	border-radius: 8px;
	padding: 6px 20px;
	cursor: pointer;
	background-color: #cbcbcb;
	border: 1px solid #ffffff;
	color: #ffffff;
}

.f-page .f-button.primary {
	background-color: #0983f6;
	color: #ffffff;
}

.f-page .f-button.ghost {
	background: none;
	border: 1px solid #3297f6;
	color: #3297f6;
}

.f-page .f-button>a {
	color: #ffffff;
}

.f-page .f-button:hover {
	opacity: 1;
}

/* 头部 */
.f-page .f-header {
	background-color: #f5f5f7;
}

.f-page .f-header>.breadcrumb {
	height: 60px;
	line-height: 60px;
	background: url(../img/breadcrumb-background.png) no-repeat left center;
	font-size: 20px;
	font-weight: bold;
}

#m-top-menu {
	display: none;
}

.f-page .f-header>.top.fixed {
	transition: all 0.3s linear;
	position: fixed;
	z-index: 2;
	width: 100%;
	padding-top: 0px;
	background-color: #ffffff;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
}

.f-page .f-header>.top.fixed>.f-container>.left>.menu a {
	color: #000000;
}

.f-page .f-header>.top.fixed>.f-container>.right>.f-button {
	color: #676b73;
	border: 1px solid #676b73;
}

.f-page .f-header>.top.fixed>.f-container>.right>.f-button.msty {
	color: #ffffff;
}

/* 移动端 */
.f-page .f-header>.top>.f-container {
	height: 80px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px;
}

.f-page .f-header>.m-top>.f-container {
	height: 60px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px;
	padding: 0 16px;
	background-color: #ffffff;
}

.f-page .f-header>.top>.f-container>.left,
.f-page .f-header>.m-top>.f-container>.left {
	display: flex;
	align-items: center;
	gap: 46px;
}

.f-page .f-header>.top>.f-container>.right,
.f-page .f-header>.m-top>.f-container>.right {
	flex-shrink: 0;
	margin-left: auto;
	display: flex;
	align-items: center;
	gap: 14px
}

.f-page .f-header>.top>.f-container>.left>.menu {
	display: flex;
	align-items: center;
	gap: 33px;
}

.f-page .f-header>.top>.f-container>.left>.menu .active,
.f-page .f-header>.top>.f-container>.left>.menu .active a {
	opacity: 1;
	font-weight: bold;
}

.f-page .f-header>.top>.f-container>.left>.menu a {
	opacity: 0.8;
	font-weight: 300;
}

.f-page .f-header>.top>.f-container>.left>.menu a:hover {
	opacity: 1;
	font-weight: bold;
}

.f-page .f-header>.top>.f-container>.right>.f-button {
	color: #000000;
	border: 1px solid #dddddd;
}

.f-page .f-header>.top>.f-container>.right>.f-button.msty {
	color: #ffffff;
	border: none;
	background: linear-gradient(to right, #087ff9, #14bcd4);
}

.f-page .f-header .user-info {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}

.f-page .f-header .user-info .user-img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
	background-color: #444a4f;
}

.f-page .f-header .user-info .user-name {
	cursor: pointer;
	font-size: 14px;
	color: #000000;
	font-weight: 600;
}

.f-page .f-header .user-info .logout {
	color: #ff5722;
}

.f-page .f-header>.describe {
	padding-top: 140px;
}

.f-page .f-header>.describe .divider {
	margin: 14px 0 24px 0;
}

.f-page .f-header>.describe h1 {
	font-size: 44px;
}

.f-page .f-header>.describe p {
	max-width: 480px;
	font-size: 12px;
	font-weight: 300;
}

.f-page .f-header>.describe>.button {
	margin-top: 25px;
	display: flex;
	gap: 14px;
}

.f-page .f-header>.describe>.button>.f-button {
	padding: 9px 20px;
}

.f-page .f-header>.describe>.button>.f-button.mfty {
	background-color: #0983f6;
	border-color: #0983f6;
}

.f-page .f-header>.describe>.button>.f-button.ljgd {
	background-color: #353861;
	border-color: #353861;
}

/* 尾部 */
.f-page .f-footer {
	height: 210px;
	background-color: #284268;
	color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 60px;
}

.f-page .f-footer>.contact-us>h1 {
	font-size: 20px;
	margin-bottom: 34px;
}

.f-page .f-footer>.contact-us>p+p {
	margin-top: 20px;
}

.f-page .f-footer .divider {
	height: 7em;
	border-inline-start: 1px solid #536886;
}

.f-page .f-footer>.qrcode {
	display: flex;
	gap: 25px;
	text-align: center;
}

.f-page .f-footer>.qrcode p {
	margin-top: 5px;
}

.f-page .f-footer>.qrcode img {
	border-radius: 2px;
}

.f-page .f-footer>.copyright a {
	color: #ffffff;
}

.f-page .f-footer>.copyright a:hover {
	text-decoration: underline;
}

.f-page .f-footer>.copyright>p+p {
	margin-top: 20px;
}

/* 客服 */
.side-customer-service {
	position: fixed;
	right: 10px;
	bottom: 20%;
	z-index: 99;
	text-align: center;
	font-size: 12px;
}

.side-customer-service>ul {
	background-color: #107eec;
	color: #ffffff;
	border-radius: 8px;
	box-shadow: 0 0 0 1px #e6eaf0, 0 4px 10px rgba(12, 31, 80, .08);
}

.side-customer-service>ul+ul {
	margin-top: 8px;
}

.side-customer-service>ul>li {
	position: relative;
	padding: 8px;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
}

.side-customer-service>ul>li.line {
	display: flex;
	clear: both;
	width: 80%;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0;
	color: rgba(0, 0, 0, 0.88);
	list-style: none;
	border-block-start: 1px solid rgba(255, 255, 255, 0.5);
}

.side-customer-service>ul>li:not(.line):hover {
	background-color: #268bfb;
	color: #ffffff;
}

.side-customer-service>ul:first-child>li:not(.line):first-child:hover {
	border-radius: 8px 8px 0 0;
}

.side-customer-service>ul:first-child>li:not(.line):last-child:hover {
	border-radius: 0 0 8px 8px;
}

.side-customer-service>ul:last-child>li:hover {
	border-radius: 8px;
}

.side-customer-service>ul>li>i.fa {
	font-size: 24px;
}

.side-customer-service>.back-to-top {
	opacity: 0;
	transition: all 0.3s ease;
}

.side-customer-service>.back-to-top.show {
	opacity: 1;
}

.side-customer-service>ul>li .hover {
	cursor: default;
	position: absolute;
	right: 63px;
	top: 0;
	margin-right: 4px;
	background-color: #ffffff;
	box-shadow: 1px 1px 6px #0000000d;
	border-radius: 5px;
	display: none;
}

.side-customer-service>ul>li:hover .hover {
	display: block;
}

/* 在线客服 */
.side-customer-service .online-service {
	padding: 16px;
	font-size: 14px;
}

.side-customer-service .online-service>.header {
	font-size: 16px;
}

.side-customer-service .online-service>.body {
	display: flex;
	gap: 16px;
	color: #107eec;
	margin: 10px 0;
}

.side-customer-service .online-service>.header,
.side-customer-service .online-service>.footer {
	color: #a8abb4;
}

/* 电话咨询 */
.side-customer-service .by-telephone {
	width: 152px;
	padding: 16px;
	color: #a8abb4;
}

.side-customer-service .by-telephone>.header {
	font-size: 16px;
}

.side-customer-service .by-telephone>.header p {
	margin: 5px 0;
}

.side-customer-service .by-telephone>.footer {
	font-size: 14px;
}

/* 弹窗：客服 */
.tips-customer-service,
.buy_bow {
	padding: 30px 50px;
}

.tips-customer-service .title,
.buy_bow .title {
	font-size: 20px;
	color: #3b4664;
	text-align: center;
	margin-bottom: 30px;
}

.tips-customer-service .content,
.buy_bow .content {
	display: flex;
	align-items: center;
	gap: 50px;
}

.tips-customer-service .content .left,
.buy_bow .content .left {
	text-align: center;
}

.tips-customer-service .content .left .header p,
.buy_bow .content .left .header p {
	margin-top: 8px;
	font-size: 16px;
	font-weight: bold;
	color: #3b4664;
}

.tips-customer-service .content .left .body,
.buy_bow .content .left .body {
	font-size: 12px;
	color: #8c8e95;
	margin: 10px 0;
}

.tips-customer-service .content .left .footer,
.buy_bow .content .left .footer {
	color: #3b4664;
	text-align: left;
}

.tips-customer-service .content .right {
	display: flex;
	gap: 45px;
	text-align: center;
}

.tips-customer-service .content .right p {
	margin-top: 5px;
}

.buy_bow .content .right {
	height: 150px;
	display: flex;
	flex-direction: column;
}

.buy_bow .content .right .bottom {
	margin-top: auto;
}


.tips-customer-service .content .v-divider,
.buy_bow .content .v-divider {
	position: relative;
	display: inline-block;
	height: 120px;
	vertical-align: middle;
	border-top: 0;
	border-inline-start: 1px solid rgba(5, 5, 5, 0.06);
}

/* 弹窗：立即购买 */
.buy_bow {}

/* 权益表格 */
.rights {
	padding: 20px;
	box-shadow: 6px 5px 40px 6px rgba(0, 0, 0, .06);
}

.rights thead tr th {
	border: none;
	font-size: 16px;
}

.rights thead tr th .item {
	background-color: #f3f7fc;
	border-radius: 10px;
	padding: 16px 32px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: center;
}

.rights tbody tr:nth-child(odd) {
	background-color: #f3f7fc;
}

.rights tbody tr:nth-child(even) {
	background-color: #ffffff;
}

.rights tbody tr td {
	border: none;
	line-height: 30px;
	font-weight: bold;
}

.rights tbody tr td:first-child {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.rights tbody tr td:last-child {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.rights tbody tr td+td {
	border-left: 1px solid #eeeeee;
}

/* 移动端 */
.m-menu-btn {
	width: 32px;
	font-size: 0px;
	text-align: right;
	cursor: pointer;
}

.m-menu-btn>span {
	display: inline-block;
	width: 100%;
	height: 2px;
	background-color: #404873;
	margin-top: 5px;
	transition: all 300ms ease;
	-webkit-transform-origin: center center;
}

.m-menu-btn>span:first-child {
	margin-top: 0px;
}

.m-menu-btn>span:last-child {
	width: 75%;
}

.m-menu-btn.active {
	transform: rotate(225deg);
}

.m-menu-btn.active>span {
	transform: rotate(360deg);
}

.m-menu-btn.active>span:first-child {
	display: none;
}

.m-menu-btn.active>span:last-child {
	width: 100%;
	transform: rotate(90deg) translateX(-7px);
}

.m-menu {
	width: 100%;
	height: 100%;
	padding: 0 10px;
	position: fixed;
	top: 60px;
	left: 0;
	bottom: 0;
	z-index: 9999;
	background-color: rgb(47 54 60);
	visibility: hidden;
	transition: all .5s;
	opacity: 0;
	box-sizing: border-box;
	display: flex;
}

.m-menu.active {
	visibility: visible;
	opacity: 1;
}

.m-menu.active>ul>li {
	transform: translateX(0) translateY(0px);
}

.m-menu>ul>li {
	color: #ffffff;
	font-size: 20px;
	margin-top: 12px;
	transition: all .5s;
	transform: translateX(100%);
}

.m-menu>ul>li a {
	color: #ffffff;
}

.m-menu>ul>li:nth-child(2) {
	transition-delay: .16s;
}

.m-menu>ul>li:nth-child(3) {
	transition-delay: .26s;
}

.m-menu>ul>li:nth-child(4) {
	transition-delay: .36s;
}

.m-menu>ul>li:nth-child(5) {
	transition-delay: .46s;
}

.m-menu>ul>li:nth-child(6) {
	transition-delay: .56s;
}

.m-menu>.right {
	flex: auto;
	margin-top: 16px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}

/* 菜单：下拉：产品 */
.product-dropdown {
	border-radius: 10px;
	overflow: hidden;
	padding: 5px;
}

.product-dropdown .item {
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px;
}

.product-dropdown .item:hover {
	background-color: #ebebeb;
}

.product-dropdown .item>img {
	width: 16px;
}

/* 菜单：下拉：定价 */
.fix-price-dropdown {
	border-radius: 10px;
	overflow: hidden;
	padding: 5px;
}

.fix-price-dropdown .item {
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px;
}

.fix-price-dropdown .item:hover {
	background-color: #ebebeb;
}

.fix-price-dropdown .item>img {
	width: 16px;
}

@media (max-width: 768px) {
	.side-customer-service {
		display: none !important;
	}

	.f-page .f-header {
		padding-top: 60px;
	}
	.f-page .f-header .user-info{
		flex-direction: column;
		width: 100%;
	}
	.f-page .f-header .user-info .user-name {
		color: #ffffff;
	}

	.f-page .f-container>.title {
		padding-left: 10px;
	}

	#top-menu {
		display: none;
	}

	#m-top-menu {
		display: block;
		position: fixed;
		z-index: 999;
		width: 100%;
		top: 0;
	}

	.m-menu>.right .msty {
		display: none;
	}

	.f-page .f-footer {
		height: auto;
		flex-wrap: wrap;
		justify-content: left;
		gap: 10px;
		padding: 10px;
	}

	.f-page .f-footer .divider {
		display: none;
	}

	.f-page .f-footer>.contact-us>h1 {
		margin-bottom: 6px;
	}

	.f-page .f-footer>.contact-us>p+p {
		margin-top: 6px;
	}

	.f-page .f-footer>.copyright>p+p {
		margin-top: 6px;
	}

	.tips-customer-service .content {
		flex-direction: column;
		flex-wrap: wrap;
		gap: 25px;
	}

	.tips-customer-service .content .v-divider {
		display: none;
	}

	.disclaimers-model {
		width: 98% !important;
		left: 1% !important;
	}

	.payment-model {
		width: 98% !important;
		left: 1% !important;
		top: 1% !important;
		overflow: auto;
		height: 98% !important;
	}

	.payment-model .payment {
		flex-direction: column-reverse;
		gap: 0 !important;
	}

	.payment-model .layui-layer-content {
		height: calc(100% - 116px);
	}

	.payment-model .payment>.left {
		width: auto !important;
		padding: 0 !important;
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		justify-content: center;
	}

	.payment-model .payment>.left .wx,
	.payment-model .payment>.left .qq {
		margin-bottom: 0 !important;
	}

	.payment-model .payment>.left .title,
	.payment-model .payment>.left .phone {
		width: 100%;
	}

	.payment-model .payment>.left .title {
		margin-bottom: 0 !important;
	}

	.payment-model .payment>.right {
		flex-direction: column;
		margin: 10px !important;
	}

	.payment-model .payment>.right>.left {
		display: flex;
		flex-wrap: wrap;
		padding: 0 !important;
	}
}

.payment-model {
	border-radius: 10px;
	overflow: hidden;
}

.payment-model .layui-layer-title {
	font-size: 16px;
	color: #acacac;
}

.payment-model .layui-layer-btn {
	text-align: center;
}

.payment-model .payment {
	display: flex;
	gap: 16px;
	background-color: #f5f6fa;
}

.payment-model .payment>.left {
	width: 266px;
	text-align: center;
	padding: 45px 0;
	background: linear-gradient(0deg, #fdfdfe, #f5f6fa);
}

.payment-model .payment>.left img {
	max-width: 88px;
}

.payment-model .payment>.left .title {
	color: #2378ff;
	margin-bottom: 26px;
}

.payment-model .payment>.left .wx {
	margin-bottom: 20px;
}

.payment-model .payment>.left .wx p {
	margin-top: 12px;
}

.payment-model .payment>.left .qq {
	margin-bottom: 35px;
}

.payment-model .payment>.left .qq p {
	margin-top: 12px;
}

.payment-model .payment>.left .phone {
	color: #3b4669;
}

.payment-model .payment>.right {
	flex: auto;
	margin: 26px 28px 26px 0;
	background-color: #ffffff;
	border-radius: 5px;
	display: flex;
}

.payment-model .payment>.right>.left {
	padding: 33px 18px;
}

.payment-model .payment .payment-type>.item {
	width: 130px;
	padding: 12px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 14px;
	cursor: pointer;
	border-radius: 5px;
}

.payment-model .payment .payment-type>.item:hover,
.payment-model .payment .payment-type>.item.active {
	background-color: #f5f6fa;
}

.payment-model .payment>.right>.right {
	flex: auto;
	border-left: 1px solid #ebebeb;
	margin: 20px 0;
	padding: 0 24px 0 18px;
}

.payment-model .payment>.right>.right>* {
	display: none;
}

.payment-model .payment>.right>.right .p-wx .p-wx-qrcode {
	display: flex;
	gap: 16px;
}

.payment-model .payment>.right>.right .p-wx .p-reminder {
	margin-top: 30px;
}

.payment-model .payment>.right>.right .p-wx .p-wx-qrcode .p-price>p {
	margin-bottom: 12px;
}

.payment-model .payment>.right>.right .p-wx .p-wx-qrcode .p-price .desc {
	color: #acafb9;
}

.payment-model .payment>.right>.right .p-dgzz {
	display: block;
	color: #3b4669;
}

.payment-model .payment>.right>.right .p-dgzz>p {
	margin-bottom: 12px;
}

.payment-model .payment>.right>.right .p-price span {
	font-size: 26px;
	font-weight: bold;
	color: #f34747;
}

.payment-model .payment>.right>.right .p-price span.symbol {
	font-size: 15px;
	margin-right: 5px;
}

.payment-model .payment>.right>.right .p-reminder>p {
	font-size: 12px;
	color: #acafb9;
}

.payment-model .payment>.right>.right .p-reminder>p:first-child {
	font-size: 14px;
	color: #f34747;
	display: flex;
	gap: 2px;
}

.payment-model .payment>.right>.right .p-precautions {
	margin: 12px 0 8px 0;
	padding: 10px 12px;
	background-color: #f5f6fa;
	border-radius: 5px;
}

.payment-model .payment>.right>.right .p-precautions>h1 {
	margin-bottom: 12px;
}

.payment-model .payment>.right>.right .p-precautions>p {
	font-size: 12px;
	color: #acafb9;
}

.payment-model .payment>.right>.right .p-precautions>p+p {
	margin-top: 8px;
}

.payment-model .payment>.right>.right button {
	background-color: #0983f6;
	border-radius: 5px;
}