[v-cloak] {
	display: none;
}

.cen_title {
	font-weight: 400;
	font-size: 36px;
	color: #333333;
	padding-top: 60px;
	box-sizing: border-box;
	text-align: center;
}

.cen_text {
	font-weight: 400;
	font-size: 24px;
	color: #666666;
	padding-top: 20px;
	box-sizing: border-box;
	text-align: center;
}

.bind_btn {
	width: 270px;
	height: 60px;
	background: #ff9a22;
	border-radius: 10px;
	font-weight: 400;
	font-size: 22px;
	color: #fcfcfc;
	margin: 0 auto;
	text-align: center;
	line-height: 60px;
	margin-top: 60px;
}

.banner {
	position: relative;
	width: 100%;
	height: 480px;
	/* background: #17B362; */
	overflow: hidden;
	background-image: url(./img/baner.jpg);
	background-size: 1920px;
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 68px;
}

.banner_cen {
	width: 655px;
	padding-top: 80px;
	box-sizing: border-box;
	margin: auto;
	transform: translateX(-45%);
}

.banner_title {
	font-weight: 400;
	font-size: 36px;
	color: #333333;
	display: flex;
	align-items: center;
}
.banner_title span {
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #20b664;
	border-radius: 50%;
	margin: 0 10px;
}

.banner_text {
	text-align: center;
	font-weight: bold;
	font-size: 48px;
	color: #333333;
	padding-top: 50px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}

.banner_text_change {
	font-weight: bold;
	font-size: 48px;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	display: inline-block;
	transform: translateZ(0);
	backface-visibility: hidden;
}
.banner_text_change_variation {
	animation: bannerTextChange 2s steps(10, jump-none) forwards;
}
.banner_text_change_dy {
	color: #d929ff;
	animation: bannerTextChange 2s steps(10, jump-none) forwards;
}
.banner_text_change_xhs {
	color: #ff4184;
	animation: bannerTextChange 2s steps(10, jump-none) forwards;
}
.banner_text_change_wx {
	color: #08b153;
	animation: bannerTextChange 2s steps(10, jump-none) forwards;
}
.banner_text_change_dp {
	color: #ff6633;
	animation: bannerTextChange 2s steps(10, jump-none) forwards;
}
.banner_text_change_hy {
	color: #376bff;
	animation: bannerTextChange 2s steps(10, jump-none) forwards;
}
.banner_text_change_tg {
	color: #ff9600;
	animation: bannerTextChange 2s steps(10, jump-none) forwards;
}
.banner_text_change_AI {
	color: #00b4ff;
	animation: bannerTextChange 2s steps(10, jump-none) forwards;
}
.banner_text_change_fl {
	color: #ff4141;
	animation: bannerTextChange 2s steps(10, jump-none) forwards;
}

.banner_text_change_box {
	margin-left: 20px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.banner_text_change::after {
	content: "";
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	border: solid #000;
	border-width: 0 3px 0 0;
	animation: bannerTextAfter 0.2s step-end infinite;
}

@keyframes bannerTextChange {
	0% {
		width: 0;
	}
	10% {
		width: 0;
	}
	45% {
		width: 100%;
	}
	50% {
		width: 100%;
	}
	55% {
		width: 100%;
	}
	90% {
		width: 0;
	}
	100% {
		width: 0;
	}
}
@keyframes bannerTextAfter {
	0%,
	100% {
		border-color: transparent;
	}
	50% {
		border-color: #000;
	}
}
.banner_btn {
	width: 230px;
	height: 60px;
	background: #ff9a22;
	border-radius: 8px;
	text-align: center;
	line-height: 60px;
	font-weight: 400;
	font-size: 24px;
	color: #ffffff;
	cursor: pointer;
	margin-top: 75px;
}
/* ------------------ */
.cen_nav {
	width: 100%;
	height: 70px;
	background: #ffffff;
	box-shadow: 0px 5px 5px 0px rgba(18, 18, 18, 0.04);
	position: relative;
	z-index: 99;
	display: flex;
	align-items: center;
	justify-content: center;
}
.cen_nav_item {
	min-width: 230px;
	height: 40px;
	display: flex;
	align-items: center;
	border-right: 1px solid #eef2f7;
	margin-right: 28px;
	padding-right: 28px;
	box-sizing: border-box;
}
.cen_nav_item:last-child {
	border-right: none;
	margin-right: 0;
}
.cen_nav_item img {
	width: 34px;
	height: 34px;
	margin-right: 10px;
}
.cen_nav_item_text {
	font-weight: 500;
	font-size: 14px;
	color: #333333;
}
.cen_nav_item_tips {
	font-weight: 400;
	font-size: 14px;
	color: #666666;
	margin-top: 5px;
}
/* ------------------------------------ */
.cen_box1 {
	width: 100%;
	background-color: #ffffff;
	overflow: hidden;
	padding-bottom: 60px;
}
.cen_box1_content {
	width: 1200px;
	height: 725px;
	display: flex;
	justify-content: center;
	margin: 50px auto 0;
}
.cen_box1_content_left {
	width: 552px;
	height: 725px;
	background: #ffffff;
	border-radius: 20px;
	margin-right: 20px;
	flex-shrink: 0;
	padding: 20px 20px 10px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	background-size: 100% 100%;
	background-image: url(./img/cen1/bg.png);
	flex-shrink: 0;
}
.cen_box1_content_left_item {
	width: 114px;
	height: 100px;
	background: #ffffff;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-right: 16px;
	margin-bottom: 16px;
	cursor: pointer;
	border: 1px solid #fff;
}
.cen_box1_content_left_item:hover {
	transition: all 0.3s;
	transform: scale(1.02);
}
.cen_box1_content_left_item_active {
	box-shadow: 0px 0px 10px 0px rgba(130, 186, 172, 0.52);
	border: 1px solid #39b26b;
}

.cen_box1_content_left_item:nth-of-type(4n) {
	margin-right: 0;
}
.cen_box1_content_left_item img {
	width: 43px;
	height: 43px;
}
.cen_box1_content_left_item_text {
	font-weight: 400;
	font-size: 14px;
	color: #333333;
	margin-top: 10px;
}
.cen_box1_content_right {
	flex: 1;
	height: 725px;
	display: flex;
	flex-direction: column;
	display: none;
}
.cen_box1_content_describe {
	width: 624px;
	background: #ffffff;
	box-shadow: 0px 0px 10px 0px rgba(130, 186, 172, 0.25);
	border-radius: 16px;
	margin-bottom: 23px;
	padding: 24px 20px 24px 30px;
	box-sizing: border-box;
}
.cen_box1_content_title {
	font-weight: 400;
	font-size: 24px;
	color: #333333;
}
.cen_box1_content_text {
	font-weight: 400;
	font-size: 18px;
	color: #333333;
	margin-top: 10px;
	line-height: 32px;
}
.cen_box1_content_example {
	width: 624px;
	box-shadow: 0px 0px 10px 0px rgba(130, 186, 172, 0.25);
	flex: 1;
	box-sizing: border-box;
	background: #ffffff;
	border-radius: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.cen_box1_content_example_left {
	width: 240px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-right: 60px;
}
.cen_box1_content_example_logo {
	width: 80px;
	height: 80px;
	border-radius: 12px;
	background-image: url(./img/logo.png);
	background-size: 100% 100%;
}
.cen_box1_content_example_title {
	font-weight: 400;
	font-size: 24px;
	color: #333333;
	margin-top: 25px;
}
.cen_box1_content_example_text {
	font-weight: 400;
	font-size: 18px;
	color: #333333;
	margin-top: 15px;
}
.cen_box1_content_example_img {
	width: 230px;
	height: 308px;
	align-self: flex-end;
}
/* ------------------------------------ */
.cen_box2 {
	padding-bottom: 60px;
	background-size: 100% 100%;
	background-image: url(./img/cen2/bg.png);
}
.cen_box2_nav {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 50px;
}
.cen_box2_nav_item {
	margin-right: 20px;
	flex-shrink: 0;
}
.cen_box2_nav img {
	width: 230px;
	height: 464px;
}

.cen_box2_nav_title {
	font-weight: 400;
	font-size: 16px;
	line-height: 16px;
	color: #333333;
	text-align: center;
	margin-top: 33px;
}

#cen_box2_nav {
	animation: scrollCgal 80s linear infinite;
}

@keyframes scrollCgal {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-3250px);
	}
}

/* ------------------------------------ */
.cen_box3 {
	padding-bottom: 60px;
}

.cen_box3_nav {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 50px;
}
.cen_box3_nav_item {
	width: 360px;
	height: 440px;
	background: #f5f5f7;
	border-radius: 20px;
	/* margin-right: 20px; */
	/* overflow: hidden; */
	flex-shrink: 0;
}
.swiper-container2 .swiper-slide {
	width: 360px;
}
/* .swiper-slide-active .cen_box3_nav_item{
    transition: all 0.3s;
    transform: scale(1.05);
} */

.cen_box3_nav_item img {
	width: 360px;
	height: 320px;
	background-size: 100% 100%;
	display: block;
}
.cen_box3_nav_box {
	padding: 15px 24px;
}
.cen_box3_nav_title {
	font-weight: 400;
	font-size: 26px;
	color: #333333;
}
.cen_box3_nav_text {
	font-weight: 400;
	font-size: 16px;
	color: #666666;
	margin-top: 10px;
}

#cen_box3_nav {
	animation: scrollCgal1 156s linear infinite;
}

@keyframes scrollCgal1 {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-6400px);
	}
}

/* ------------------------------------ */
.cen_box4 {
	padding-bottom: 60px;
	background-size: 100% 100%;
	background-image: url(./img/cen4/bg.png);
}

.cen_box4_nav {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 50px;
}
.cen_box4_nav img {
	width: 294px;
	height: 410px;
	display: block;
	margin-right: 20px;
}

#cen_box4_nav {
	animation: scrollCgal2 93s linear infinite;
}

@keyframes scrollCgal2 {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-3824px);
	}
}

/* ------------------------------------ */
.wzck_kbbk_content {
	width: 1000px;
	height: 800px;
	background: #f4f6f7;
	border-radius: 20px;
	position: relative;
}
.wzck_kbbk_top {
	width: 100%;
	height: 80px;
	background-size: 100% 100%;
	background-image: url("./img/kt_top_bg.png");
	text-align: center;
	line-height: 80px;
	font-weight: bold;
	font-size: 32px;
	color: #b46022;
}
.wzck_kbbk_top span {
	font-weight: 400;
	font-size: 24px;
}
.wzck_kbbk_sskt_cuo {
	width: 19px;
	height: 19px;
	top: 20px;
	right: 20px;
	z-index: 9;
}
.wzck_kbbk_package_box {
	width: 100%;
	background: #f4f6f7;
	box-sizing: border-box;
}
.wzck_kbbk_package_from {
	width: 968px;
	background: #ffffff;
	border-radius: 16px;
	margin: auto;
	padding: 30px;
	box-sizing: border-box;
	overflow: hidden;
	transition: all 0.5s;
}
.wzck_kbbk_package_item {
	display: flex;
	margin-bottom: 20px;
}
.wzck_kbbk_package_item_label {
	min-width: 90px;
	text-align: right;
	font-weight: 500;
	font-size: 14px;
	color: #333333;
	margin-right: 15px;
	line-height: 38px;
}
.wzck_kbbk_package_item_content {
	flex: 1;
	display: flex;
	font-weight: 500;
	font-size: 14px;
	color: #333333;
}
.package_item {
	width: 180px;
	height: 170px;
	background: #ffffff;
	border-radius: 10px;
	border: 1px solid #e8eaec;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	margin-right: 20px;
	position: relative;
	padding: 1px;
	padding-top: 16px;
	box-sizing: border-box;
}
.package_item:nth-of-type(4n) {
	margin-right: 0;
}
.package_item_title {
	font-weight: 500;
	font-size: 16px;
	color: #333333;
}
.package_item_price {
	font-weight: bold;
	font-size: 32px;
	color: #222529;
	margin-top: 10px;
}
.package_item_price::before {
	content: "￥";
	font-weight: bold;
	font-size: 18px;
}
.package_item_priceOld {
	font-weight: 400;
	font-size: 14px;
	color: #5a595b;
	opacity: 0.57;
	text-decoration-line: line-through;
	margin-top: 5px;
}
.package_item_tag {
	font-weight: 400;
	font-size: 14px;
	color: #ff6600;
	margin-top: 15px;
}
.package_item_tips {
	font-weight: 500;
	font-size: 12px;
	color: #666666;
	margin-top: 10px;
}
.package_item_tips span {
	color: #2cb96b;
}
.package_item_badge {
	width: 92px;
	height: 22px;
	background: linear-gradient(-90deg, #ff9344, #ffa44c, #ff8033);
	border-radius: 8px 0px 8px 0px;
	position: absolute;
	left: -1px;
	top: -1px;
	font-weight: 400;
	font-size: 13px;
	color: #ffffff;
	text-align: center;
	line-height: 22px;
}
.package_item_activ0 {
	background: #f0faff;
	border: 2px solid #2996e9;
	padding: 0px;
	padding-top: 15px;
}
.package_item_activ0 .package_item_price {
	color: #2595e8;
}
.package_item_activ0 .package_item_badge {
	top: -2px;
	left: -2px;
}

.package_item_activ1 {
	background: #f0fff3;
	border: 2px solid #2cb96b;
	padding: 0px;
	padding-top: 15px;
}
.package_item_activ1 .package_item_price {
	color: #2CB96B;
}
.package_item_activ1 .package_item_badge {
	top: -2px;
	left: -2px;
}

.package_item_activ2 {
	background: #F9F0FF;
    border: 2px solid #C74FE5;
	padding: 0px;
	padding-top: 15px;
}
.package_item_activ2 .package_item_price {
	color: #D64BEB;
}
.package_item_activ2 .package_item_badge {
	top: -2px;
	left: -2px;
}

.package_item_activ3 {
	background: #FFF8EF;
    border: 2px solid #FF8745;
	padding: 0px;
	padding-top: 15px;
}
.package_item_activ3 .package_item_price {
	color: #FF7510;
}
.package_item_activ3 .package_item_badge {
	top: -2px;
	left: -2px;
}

.wzck_kbbk_package_item_inp {
	width: 353px;
	height: 38px;
	border-radius: 4px;
	border: 1px solid #ececef;
	padding: 0 10px;
	font-size: 14px;
	color: #333333;
}
.wzck_kbbk_package_item_inp:focus {
	outline: none;
}
.wzck_kbbk_package_item_buyBtn {
	width: 220px;
	height: 54px;
	background: #2cb96b;
	border-radius: 8px;
	text-align: center;
	line-height: 54px;
	font-weight: 400;
	font-size: 20px;
	color: #ffffff;
	cursor: pointer;
}
.rights_scroll_box {
	height: calc(100% - 590px);
	overflow-y: scroll;
	transition: all 0.5s;
}
.rights_scroll_box::-webkit-scrollbar {
	display: none;
}
.rights_box {
	width: 968px;
	background: #ffffff;
	border-radius: 16px;
	margin: auto;
	padding: 30px;
	box-sizing: border-box;
	margin-bottom: 15px;
}
.rights_box_title {
	font-weight: 500;
	font-size: 18px;
	color: #333333;
}

.table_box {
	width: 904px;
	border-radius: 12px;
	border: 1px solid #e2e7ed;
	box-sizing: border-box;
	background: #fff;
	overflow: hidden;
	margin-top: 20px;
}

.table_head {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.table_head_item_empty {
	flex: 1;
	height: 77px;
	background: #fff;
	box-sizing: border-box;
	text-align: center;
	line-height: 77px;
	font-size: 16px;
	color: #333;
	flex-shrink: 0;
	box-sizing: border-box;
}

.table_head_item {
	width: 151px;
	height: 76px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background: #fff;
	box-sizing: border-box;
}
.table_head_item_title {
	font-weight: 500;
	font-size: 16px;
	color: #333333;
	display: flex;
	align-items: center;
	justify-content: center;
}
.table_head_item_icon {
	width: 17px;
	height: 17px;
	margin-right: 5px;
}

.table_head_item_title_text {
	font-weight: 400;
	font-size: 14px;
	color: #666;
	margin-left: 8rpx;
}

.table_head_item_num {
	font-weight: 400;
	font-size: 14px;
	margin-top: 6px;
}

.table_head_item_active {
	background: #FFEFDB;
	border-bottom: none;
	height: 77px;
}
.table_head_item_active0 {
	background: #DAF6DF;
	border-bottom: none;
	height: 77px;
}
.table_head_item_active1 {
	background: #F3E6FF;
	border-bottom: none;
	height: 77px;
}
.table_head_item_active2 {
	background: #D9F2FF;
	border-bottom: none;
	height: 77px;
}
.table_head_item_disabled .table_head_item_title {
	opacity: 0.5;
}
.table_head_item_disabled .table_head_item_num {
	opacity: 0.5;
}
.table_body {
	width: 100%;
}
.table_body_item {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 54px;
	box-sizing: border-box;
}

.table_body_item_name {
	border-right: 1px solid #e2e7ed;
	box-sizing: border-box;
	flex: 1;
	height: 54px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	font-size: 14px;
	color: #666666;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-left: 38px;
	box-sizing: border-box;
	border-top: 1px solid #e2e7ed;
	flex-shrink: 0;
}

.table_body_item_icon {
	width: 24px;
	height: 24px;
}

.table_body_item_name_text {
	margin-left: 12px;
}
.table_body_item_version {
	width: 151px;
	height: 54px;
	border-top: 1px solid #e2e7ed;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	flex-shrink: 0;
}

.tipText {
	margin-top: -12rpx;
	margin-bottom: 12rpx;
	font-size: 14px;
	color: #ff8033;
}
.table_body_item_version_active {
	background: #FFEFDB;
	border-top-color: #FFEFDB !important;
}
.table_body_item_version_active0 {
	background: #DAF6DF;
	border-top-color: #DAF6DF !important;
}
.table_body_item_version_active1 {
	background: #F3E6FF;
	border-top-color: #F3E6FF !important;
}
.table_body_item_version_active4 {
	background: #D9F2FF;
	border-top-color: #D9F2FF !important;
}
.table_body_item:last-child {
	border-bottom: none;
}
.table_body_item_subName {
	height: 54px;
}

.table_body_item_name {
	height: 54px;
}
.table_body_item_version {
	height: 54px;
}

.br {
	border-right: 1px solid #e2e7ed;
}
.icon_cuo {
	width: 16px;
	height: 16px;
	background-size: 100% 100%;
	background-image: url("./img/cha.png");
}

.icon_dui {
	width: 20px;
	height: 20px;
	background-size: 100% 100%;
	background-image: url("./img/dui.png");
}
.paySuccess_content {
	width: 350px;
	padding: 30px 20px;
	background-color: #fff;
	border-radius: 16px;
	position: relative;
	display: flex;
	flex-direction: column;
}
.paystatus_top_i {
	width: 60px;
	height: 60px;
	background-image: url(./img/success_icon.png);
	background-size: 100% 100%;
	margin: 0 auto;
	flex-shrink: 0;
}
.paystatus_top_text {
	text-align: center;
	margin-top: 40px;
	font-size: 18px;
	color: #333;
}
.jump_btn {
	padding: 0 20px;
	height: 40px;
	background-color: #08b153;
	border-radius: 6px;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	color: #fff;
	display: inline-block;
	margin: auto;
	margin-top: 40px;
	cursor: pointer;
}