@media (max-width: 767px) {
	.dec-price-vip{
		font-size: 10px;
		color: #40796C;
		background-image: url('/images/52.png');
		background-size: 100% 100%;
		padding: 0 6px;
		background-repeat: no-repeat;
		height: 20px;
		line-height: 20px;
		margin-left: 10px;
		margin-right: auto;
	}
	.champion-img {
		display: block;
		width: 100%;
		height: 70vh;
		margin: 0 auto;
		object-fit: cover;
		background-color: #D53939;
	}

	.video {
		position: relative;
	}

	.video-card {
		position: absolute;
		left: 16px;
		right: 16px;
		bottom: 40px;
	}

	.video-card-name {
		font-size: 26px;
		font-weight: 600;
		color: #FFF;
	}

	.video-card-name2 {
		font-size: 22px;
		font-weight: 600;
		color: #FFF;
		margin-top: 6px;
	}

	.video-card-yue {
		width: 118px;
		height: 48px;
		color: #EA4F13;
		font-size: 18px;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #FFF;
		border-radius: 50px;
		margin-top: 35px;
		cursor: pointer;
		transition: all 0.3s ease;
	}

	.video-card-yue:hover {
		background-color: #F20921;
		color: #FFF;
		transform: scale(1.05);
	}

	.video-card-btnlist {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		margin-top: 30px;
		row-gap: 8px;
	}

	.video-card-btnitem {
		margin-right: 8px;
		width: auto;
		min-width: 110px;
		padding: 0 10px;
		height: 40px;
		border-radius: 21px 21px 21px 21px;
		background-color: rgba(0, 0, 0, 0.3);
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all 0.3s ease;
		cursor: pointer;
	}

	.video-card-btnitem:hover {
		background-color: #F20921;
	}

	.video-card-btnitem-image {
		width: 21px;
		height: 21px;
		margin-right: 5px;
	}

	.video-card-btnitem-text {
		color: #FFF;
		font-size: 15px;
	}

	

	.title-wrap {
		display: flex;
		justify-content: center;
		padding: 0 16px;
		box-sizing: border-box;
		margin-top: 0 !important;
	}

	.title {
		text-align: center;
		display: inline-block;
		align-items: center;
		flex-direction: column;
		position: relative;
		margin: 40px auto 0;
		max-width: 100%;
	}

	.title-1 {
		font-size: 24px;
		font-family: PingFang SC-中等, PingFang SC;
		font-weight: normal;
		color: #000000;
		font-weight: 600;
	}

	.title-2 {
		margin-top: 8px;
		height: auto;
		font-size: 14px;
		font-family: PingFang SC-中等, PingFang SC;
		font-weight: normal;
		color: #666;
		line-height: 20px;
	}

	/* 移动端隐藏大面积装饰圆形，避免溢出屏幕 */
	.title-3,
	.title-4,
	.title-5 {
		display: none;
	}

	.dec-list {
		width: 100%;
		margin: 30px auto 0;
		display: flex;
		flex-wrap: wrap;
		position: relative;
		justify-content: center;
		box-sizing: border-box;
	}

	/* 移动端隐藏两侧装饰小图 */
	.dec-list-images2,
	.dec-list-images3 {
		display: none;
	}

	.dec-item-wrap {
		box-sizing: border-box;
		background-size: cover;
		background-position: center;
		width: 48%;
		max-width: 340px;
		height: auto;
		transition: all 0.3s ease;
		margin: 10px auto 0;
		padding-bottom: 20px;
		background-color: #FFF;
	}

	.dec-item-wrap:hover {
		box-shadow: 0px 3 9px 0px rgba(178, 110, 255, 0.5);
	}

	.dec-item {
		width: 100%;
		position: relative;
		display: flex;
		flex-direction: column;
		box-shadow: 0px 3 9px 0px rgba(178, 110, 255, 0.5);
		border-radius: 38px 38px 38px 38px;
		align-items: center;

	}

	.dec-image {
		width: 100%;
		height: 100%;
		box-shadow: 0px 3 9px 0px rgba(129, 129, 129, 0.1);
	}

	.dec-name {
		display: flex;
		justify-content: space-between;
		width: 100%;
		margin-top: 10px;
	}

	.dec-name-title {
		display: flex;
		flex-direction: column;
		margin-left: 10px;
	}

	.dec-text-itle {
		font-weight: 600;
		font-size: 18px;
	}

	.dec-text {
		color: #777777;
		font-size: 10px;
	}

	.dec-time {
		margin-right: 10px;
		display: flex;
		align-items: center;
	}

	.dec-time-icon {
		width: 15px;
		height: 15px;
	}

	.dec-time-length {
		color: #777777;
		font-size: 12px;
		margin-left: 2px;
	}

	.dec-price-num {
		color: #FF3F22;
	}

	.dec-price-after {
		font-size: 12px;
		margin-left: 10px;
		font-weight: 800;
		line-height: 20px;
	}

	.dec-price-info {
		font-size: 14px;
		font-weight: 800;
		line-height: 20px;
	}

	.dec-price-hua {
		width: 100%;
		margin-left: 10px;
		color: #777777;
		text-decoration: line-through;
		font-size: 12px;
	}

	.dec-price {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 100%;
		margin-top: 10px;
	}

	.dec-btn {
		width: 150px;
		height: 30px;
		border-radius: 44px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #FFF;
		font-size: 14px;
		background-color: #FB9548;
		line-height: 30px;
		margin-top: 10px;
		overflow: hidden;
		position: relative;
		transition: all 1000ms;
		cursor: pointer;
	}


	.dec-btn:hover {
		color: #FFF;
		outline: 2px solid #FFFFFF;
		box-shadow: 4px 5px 17px -4px #FFFFFF;
	}

	.dec-btn::before {
		content: "";
		position: absolute;
		left: -50px;
		top: 0;
		width: 0;
		height: 100%;
		background-color: #F53D50;
		transform: skewX(45deg);
		z-index: -1;
		transition: width 500ms;
	}

	.dec-btn:hover::before {
		width: 250%;
	}


	.ser-list {
		width: 100%;
		margin: 40px auto 0;
		display: flex;
		flex-wrap: wrap;
		position: relative;
		justify-content: space-around;
		align-items: center;
		box-sizing: border-box;
		row-gap: 8px;
		
	}

	/* 隐藏底部大装饰图避免遮挡 */
	.ser-list-bottom {
		display: none;
	}

	.ser-item {
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		width: 48%;
		height: 250px;
		background: rgba(255, 255, 255, 0.6);
		border: 4px solid #FFF;
		box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.102);
		border-radius: 20px;
		padding: 10px;
		box-sizing: border-box;
		cursor: pointer;
		position: relative;
		transition: all ease 0.3s;
	}

	.ser-icon {
		position: absolute;
		right: 12px;
		top: 12px;
		height: 40px;
		width: 40px;
	}



	.ser-bg {
		width: 270px;
		margin-top: 40px;
		height: 200px;
	}

	.ser-title {
		font-size: 18px;
		font-family: PingFang SC-粗体, PingFang SC;
		font-weight: normal;
		color: #000000;
		font-weight: 600;
		margin-top: 10px;
	}

	.ser-item-img1 {
		position: relative;
		display: flex;
		margin-top: 30px;
	}

	.ser-item-img1-1 {
		width: 80px;
		height: 90px;
		cursor: pointer;
	}

	.ser-item-img1-2 {
		width: 80px;
		height: 90px;
		margin-left: -20px;
		margin-top: 10px;
		cursor: pointer;
	}

	.ser-item-img2 {}

	
	.ser-item-img2-2 {
		width: 160px;
		height: 73px;
		margin-top: -40px;
	}
	
	.ser-item-img2-1 {
		width: 64px;
		height: 72px;
		margin-left: 80px;
		margin-top: 10px;
		position: relative;
		z-index: 1;

	}

	.ser-item-img3 {
		display: flex;
		margin-top: 40px;
	}

	.ser-item-1:hover {
		transform: translateY(-30px);
	}

	.ser-item-2:hover {
		transform: translateY(-30px);
	}

	.ser-item-3:hover {
		transform: translateY(-30px);
	}

	.ser-item-4:hover {
		transform: translateY(-30px);
	}

	.ser-item-img3-1 {
		width: 70px;
		height: 70px;
		position: relative;
		z-index: 3;
		transition: all ease 0.3s;
	}

	.ser-item-img3-2 {
		width: 60px;
		height: 60px;
		margin-left: -15px;
		margin-top: 10px;
		position: relative;
		z-index: 2;
		transition: all ease 0.3s;
	}

	.ser-item-img3-3 {
		width: 50px;
		height: 50px;
		margin-left: -15px;
		margin-top: 20px;
		position: relative;
		z-index: 1;
		transition: all ease 0.3s;
	}

	

	.ser-item-img4 {
		margin: 30px auto 0;
	}

	.ser-item-img4-1 {
		width: 80px;
		height: 80px;
		transition: all ease 0.3s;
	}

	.ser-text {
		margin-top: 15px;
		height: 40px;
		font-size: 12px;
		font-family: PingFang SC-中等, PingFang SC;
		font-weight: normal;
		color: #777;
		line-height: 24px;
	}

	.card-info {
		width: 98%;
		min-height: 640px;
		background-size: 1440px 640px;
		border: 2px solid #FFF;
		border-radius: 24px;
		margin: 40px auto 0;
		display: flex;
		flex-direction: column;
		position: relative;
		padding: 16px 10px;
		box-sizing: border-box;
	}

	/* 卡片区域的装饰图片在移动端全部隐藏，避免超出屏幕 */
	.card-info-img1,
	.card-info-img2,
	.card-info-img3,
	.card-info-img4 {
		display: none;
	}

	.card-info-one {
		width: 100%;
		display: flex;
		height: auto;
		overflow: hidden;
		padding-top: 10px;
		gap: 10px;
	}

	.card-info-one-item {
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #FFF;
		border-radius: 4px;
		margin-top: 6px;
		font-size: 16px;
		color: #777777;
		cursor: pointer;
	}

	.card-info-one-item:hover {
		background: linear-gradient(90deg, #FBDA31 0%, #FE5618 100%);
		color: #FFF;
	}

	.card-info-active {
		background: linear-gradient(90deg, #FBDA31 0%, #FE5618 100%);
		color: #FFF;
	}

	.card-info-two {
		padding-left: 0;
		width: 100%;
		margin: 0 auto 0;
	}

	.card-info-two-title1 {
		font-size: 18px;
		font-weight: 600;
		margin-top: 20px;
	}

	.card-info-two-title2 {
		margin-top: 5px;
		color: #777;
		font-size: 14px;
	}

	.card-info-two-list {
		display: flex;
		flex-wrap: wrap;
		margin-top: 16px;
		width: 100%;
		justify-content: space-between;
	}

	.card-info-two-card {
		background: linear-gradient(150deg, #F3E5FE 0%, #B99FF5 100%);
		border-radius: 24px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 16px 16px 20px;
		margin-right: 0;
		margin-bottom: 12px;
		width: 48%;
		box-sizing: border-box;
	}

	.card-info-two-card:nth-of-type(4n) {
		background: linear-gradient(150deg, #FFF2D6 0%, #FFBD71 100%);
	}

	.card-info-two-card:nth-of-type(4n-1) {
		background: linear-gradient(150deg, #EDFEFA 0%, #52DCD1 100%);
	}

	.card-info-two-card:nth-of-type(4n-2) {
		background: linear-gradient(150deg, #C5D7FF 0%, #6F98FB 100%);
	}

	.card-info-two-card-img {
		width: 80px;
		height: 80px;
		border-radius: 50%;
	}

	.card-info-two-card-title1 {
		color: #FFF;
		font-size: 20px;
		font-weight: 800;
		margin-top: 5px;
	}

	.card-info-two-card-title2 {
		font-weight: 500;
		color: #FFF;
		font-size: 12px;
		text-align: center;
	}

	.card-info-two-card-title3 {
		font-weight: 500;
		color: #FFF;
		font-size: 12px;
	}

	.card-info-two-title3 {
		font-size: 16px;
		margin-top: 10px;
		position: relative;
	}

	.card-info-two-title4 {
		width: 94px;
		height: 26px;
		margin-left: 30px;
		margin-top: -14px;
	}

	.card-info-three {
		margin: 0 auto;
	}

	.card-info-three-wrap {
		width: 260px;
		height: 550px;
		background-image: url('/images/31.png');
		background-size: 260px 550px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.card-info-three-video {
		width: 250px;
		/* height: 515px; */
		border-radius: 18px;
		margin: auto;
	}

	.numInfo {
		width: 100%;
		min-height: 520px;
		position: relative;
		margin: 0 auto 50px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.numInfo-title1 {
		font-weight: 600;
		font-size: 24px;
		color: #333333;
		line-height: 64px;
		margin-top: 20px;
	}

	.numInfo-title2 {
		font-size: 14px;
		color: #333333;
		margin-top: 10px;
	}

	.numInfo-title3 {
		font-weight: 500;
		font-size: 18px;
		color: rgba(51, 51, 51, 0.8);
		margin-top: 10px;
	}

	.numInfo-title3-num {
		font-size: 48px;
		color: #000000;
	}

	.numInfo-title4-num {
		font-size: 48px;
		color: #000000;
	}

	.numInfo-title4 {
		margin-top: 10px;
		font-weight: 500;
		font-size: 18px;
		color: rgba(51, 51, 51, 0.8);
	}

	.numInfo-title5 {
		width: 240px;
		height: 52px;
		text-align: center;
		line-height: 52px;
		border-radius: 50px;
		background-color: #F20921;
		color: #FFF;
		font-size: 18px;
		margin-top: 60px;
		cursor: pointer;
		transition: all ease 0.3s;
	}

	.numInfo-title5:hover {
		transform: scale(1.05);
	}

	.numInfo-title {
		font-size: 26px;
		font-weight: 600;
		margin-bottom: 30px;
	}

	.numInfo-img {
		position: relative;
		width: 100%;
		height: 420px;
		background-image: url('/images/37.png');
		background-size: cover;
		background-position: center;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	/* 移动端不展示周围人物装饰卡片，避免挤占空间与溢出 */
	.num-p {
		/* display: none; */
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.num-p-wrap{
		position: relative;
		display: flex;
		flex-wrap: wrap;
		color: #FFF;
		align-items: center;
		gap: 10%;
		box-sizing: border-box;
		padding: 0 16px;
	}
	.num-img1 {
		background-image: url('/images/41.png');
		background-size: 97px 133px;
		width: 97px;
		height: 133px;
		left:0;
		top: 0;
	}
	
	.num-img2 {
		background-image: url('/images/42.png');
		background-size: 83px 110px;
		width: 83px;
		height: 110px;
		left:243px;
		top: 240px;
	}
	
	.num-img3 {
		background-image: url('/images/38.png');
		background-size: 102px 104px;
		width: 102px;
		height: 104px;
		left:13px;
		top: 440px;
	}
	
	.num-img4 {
		background-image: url('/images/43.png');
		background-size: 85px 85px;
		width: 85px;
		height: 85px;
		right: 0;
		top: 0;
	}
	
	.num-img5 {
		background-image: url('/images/40.png');
		background-size: 83px 97px;
		width: 83px;
		height: 97px;
		right: 240px;
		top: 227px;
	}
	
	.num-img6 {
		background-image: url('/images/39.png');
		background-size: 100px 132px;
		width: 100px;
		height: 132px;
		right: 0;
		top: 387px;
	}

	.num-text1 {
		font-size: 14px;
	}

	.num-text2 {
		margin-top: 5px;
		font-size: 12px;
		display: none;
	}

	.news {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		margin: 30px auto 40px;
		justify-content: center;
		padding: 0 0;
		box-sizing: border-box;
		gap: 5px;
	}

	.news-item {
		box-sizing: border-box;
		background-color: #FFF;
		display: flex;
		flex-direction: column;
		padding: 10px;
		margin-bottom: 15px;
		border-radius: 12px;
		cursor: pointer;
		width: 95%;
	}

	.news-item-title1-wrap {
		display: flex;
		justify-content: space-between;
	}

	.news-item-title1-date {
		font-size: 12px;
		color: #AAAAAA;
		white-space: nowrap;
		line-height: 40px;
	}

	.news-item-title1 {
		font-size: 18px;
		font-weight: 600;
		line-height: 1.4;
		overflow: hidden;
		text-overflow: ellipsis;
		flex: 1;
		display: -webkit-box;
		line-clamp: 2;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.news-item-title2 {
		font-size: 14px;
		color: #777;
		margin-top: 10px;
		line-height: 1.8;
		display: -webkit-box;
		line-clamp: 3;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.news-item-img {
		width: 100%;
		height: 235px;
		position: relative;
		margin-top: 10px;
		display: flex;
	}

	.news-item-img-wrap {
		width: 90px;
		height: 90px;
		position: absolute;
		top: 0px;
		right: -2px;
		z-index: 1;
		display: flex;
		background-image: url('/images/50.png');
		background-size: 90px 90px;
		align-items: start;
		justify-content: flex-end;
	}

	.news-item-img-jian {
		width: 60px;
		height: 60px;
		background-image: url('/images/45.png');
		background-size: 60px 60px;
		background-repeat: no-repeat;
		transition: all ease 0.3s;
	}

	.news-item:hover .news-item-img-jian {
		background-image: url('/images/46.png');
	}

	.news-item-img1 {
		width: 100%;
		height: 235px;
		border-radius: 10px;
		object-fit: cover;
	}

	.news-more {
		width: 150px;
		height: 55px;
		display: block;
		margin: 0 auto;
		cursor: pointer;
		transition: all ease 0.3s;
	}

	.news-more:hover {
		transform: scale(1.05);
	}



	::-webkit-scrollbar-track-piece {
		/* //滚动条凹槽的颜色，还可以设置边框属性 */
		background-color: #f8f8f8;

	}

	::-webkit-scrollbar {
		/* //滚动条的宽度 */
		width: 9px;
		height: 9px;

	}

	::-webkit-scrollbar-thumb {
		/* //滚动条的设置 */
		background-color: #333;
		background-clip: padding-box;
		min-height: 28px;
	}

	::-webkit-scrollbar-thumb:hover {
		background-color: #bbb;
	}



}