.body {
	background-image: url('/images/2.png');
	background-size: 100% 100%;
	padding-bottom: 60px;
}

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

	.video {
		position: relative;

	}

	.video-card {
		position: absolute;
		left: 100px;
		bottom: 100px;
	}

	.video-card-name {
		font-size: 40px;
		font-weight: 600;
		color: #FFF;
		line-height: 1.2;
	}

	.video-card-name2 {
		font-size: 40px;
		font-weight: 600;
		color: #FFF;
		line-height: 1.2;
		margin-top: 8px;
	}

	.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;
		margin-top: 70px;
	}

	.video-card-btnitem {
		margin-right: 10px;
		width: 120px;
		height: 44px;
		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;
	}

	.title {
		text-align: center;
		display: inline-block;
		align-items: center;
		flex-direction: column;
		position: relative;
		margin: 80px auto 0;
	}

	.title-1 {
		font-size: 36px;
		font-family: PingFang SC-中等, PingFang SC;
		font-weight: 600;
		color: #000000;
		line-height: 1.4;
	}

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

	.title-3 {
		width: 140px;
		height: 140px;
		position: absolute;
		right: -100px;
		top: -20px;
	}

	.title-4 {
		width: 169px;
		height: 169px;
		position: absolute;
		left: 100px;
		top: -60px;
	}
	.title-5{
			width: 169px;
			height: 169px;
			position: absolute;
			right: -150px;
			top: -60px;
	}

	.dec-list {
		width: 1480px;
		margin: 60px auto 0;
		display: flex;
		flex-wrap: wrap;
		position: relative;
		justify-content: center;
		gap: 30px;
	}

	.dec-list-images2 {
		width: 167px;
		height: 167px;
		position: absolute;
		right: -40px;
		top: 408px;
	}

	.dec-list-images3 {
		width: 167px;
		height: 167px;
		position: absolute;
		left: -60px;
		bottom: -100px;
	}

	.dec-item-wrap {
		padding: 15px;
		background-image: url('/images/13.png');
		background-size: 340px 480px;
		background-position: 0px 0px;
		width: 340px;
		height: 480px;
		transition: all 0.3s ease;
		margin-top: 20px;
		box-sizing: border-box;
	}

	.dec-item-wrap:hover {
		transform: scale(1.05);
		box-shadow: 0px 3 9px 0px rgba(178, 110, 255, 0.5);
		background-image: url('/images/12.png');
	}

	.dec-item {
		width: 310px;
		height: 450px;
		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: 200px;
		height: 200px;
		margin-top: 18px;
		box-shadow: 0px 3 9px 0px rgba(129, 129, 129, 0.1);
		border-radius: 50%;
	}

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

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

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

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

	.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;
	}

	.dec-price-info {
		font-size: 18px;
		font-weight: 800;
	}

	.dec-price-hua {
		margin-right: 10px;
		color: #777777;
		text-decoration: line-through;
		font-size: 14px;
	}

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

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


	.dec-btn:hover {
		color: #FFF;
		transform: scale(1.05);
		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: 1400px;
		margin: 60px auto 0;
		display: flex;
		position: relative;
		justify-content: center;
		gap: 25px;
	}

	.ser-list-bottom {
		position: absolute;
		left: -60px;
		bottom: -90px;
		width: 155px;
		height: 194px;
	}

	.ser-item {
		display: flex;
		flex-direction: column;
		width: 320px;
		height: 420px;
		background: rgba(255, 255, 255, 0.7);
		border: 3px solid #FFF;
		box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
		border-radius: 30px;
		padding: 30px;
		box-sizing: border-box;
		cursor: pointer;
		position: relative;
		transition: all ease 0.3s;
	}
	
	.ser-item:hover {
		transform: translateY(-30px) !important;
	}
	
	.ser-icon {
		position: absolute;
		right: 12px;
		top: 12px;
		height: 70px;
		width: 70px;
	}



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

	.ser-title {
		height: auto;
		font-size: 28px;
		font-family: PingFang SC-粗体, PingFang SC;
		font-weight: 600;
		color: #000000;
		line-height: 1.4;
	}

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

	.ser-item-img1-1 {
		width: 160px;
		height: 181px;
		cursor: pointer;
	}

	.ser-item-img1-2 {
		width: 160px;
		height: 181px;
		margin-left: -70px;
		margin-top: 40px;
		cursor: pointer;
	}

	.ser-item-img2 {}


	.ser-item-img2-1 {
		width: 128px;
		height: 145px;
		margin-left: 120px;
		margin-top: 30px;
		position: relative;
		z-index: 1;

	}

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

	.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: 130px;
		height: 130px;
		position: relative;
		z-index: 3;
		transition: all ease 0.3s;
	}

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

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

	.ser-item-img2-2 {
		width: 243px;
		height: 127px;
		margin-top: -60px;
	}

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

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

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

	.card-info {
		width: 1440px;
		min-height: 640px;
		background-image: url('/images/32.png');
		background-size: 100% 100%;
		background-position: center;
		margin: 70px auto 0;
		display: flex;
		position: relative;
		border-radius: 30px;
		/* overflow: hidden; */
	}

	.card-info-img1 {
		width: 100px;
		height: 100px;
		position: absolute;
		left: 180px;
		top: 280px;
	}

	.card-info-img2 {
		width: 56px;
		height: 56px;
		position: absolute;
		left: 760px;
		top: 100px;
	}

	.card-info-img3 {
		width: 80px;
		height: 80px;
		position: absolute;
		left: 1000px;
		bottom: 60px;
	}

	.card-info-img4 {
		width: 334px;
		height: 240px;
		position: absolute;
		right: -170px;
		bottom: -80px;
		z-index: 1;
	}

	.card-info-one {
		width: 220px;
		display: flex;
		flex-direction: column;
		height: 610px;
		margin-left: 20px;
		overflow: hidden;
		padding-top: 10px;
	}

	.card-info-one-item {
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #FFF;
		border-radius: 10px;
		margin-top: 6px;
		font-size: 26px;
		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: 60px;
	}

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

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

	.card-info-two-list {
		display: flex;
		flex-wrap: wrap;
		margin-top: 20px;
		width: 1100px;
	}

	.card-info-two-card {
		background: linear-gradient(150deg, #F3E5FE 0%, #B99FF5 100%);
		border-radius: 100px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 20px 18px 30px;
		margin-right: 40px;
		margin-bottom: 10px;
	}

	.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: 80px;
	}

	.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-left: auto;
		margin-top: -20px;
	}

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

	.card-info-three-video {
		width: 304px;
		height: 660px;
		border-radius: 26px;
		margin: auto;
	}

	.numInfo {
		width: 1440px;
		min-height: 700px;
		position: relative;
		margin: 80px auto 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-bottom: 60px;
	}
	
	.numInfo-title1{
		font-weight: 600;
		font-size: 36px;
		color: #333333;
		line-height: 1.4;
		margin-top: 40px;
	}
	
	.numInfo-title2{
		font-size: 18px;
		color: #666666;
		margin-top: 16px;
	}
	
	.numInfo-title3{
		font-weight: 500;
		font-size: 24px;
		color: rgba(51,51,51,0.8);
		margin-top: 30px;
	}
	
	.numInfo-title3-num{
		font-size: 80px;
		color: #000000;
		font-weight: 700;
		margin: 0 8px;
	}
	.numInfo-title4-num{
		font-size: 80px;
		color: #000000;
		font-weight: 700;
		margin-right: 8px;
	}
	.numInfo-title4{
		margin-top: 20px;
		font-weight: 500;
		font-size: 24px;
		color: rgba(51,51,51,0.8);
	}
	.numInfo-title5{
		width: 313px;
		height: 65px;
		text-align: center;
		line-height: 65px;
		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%;
		max-width: 1440px;
		height: 500px;
		background-image: url('/images/37.png');
		background-size: 100% 100%;
		background-position: center;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin-top: 60px;
	}

	.num-img1 {
		background-image: url('/images/41.png');
		background-size: 194px 267px;
		width: 194px;
		height: 267px;
		left:0;
		top: 0;
	}

	.num-img2 {
		background-image: url('/images/42.png');
		background-size: 167px 219px;
		width: 167px;
		height: 219px;
		left:243px;
		top: 240px;
	}
	
	.num-img3 {
		background-image: url('/images/38.png');
		background-size: 204px 209px;
		width: 204px;
		height: 209px;
		left:13px;
		top: 440px;
	}
	
	.num-img4 {
		background-image: url('/images/43.png');
		background-size: 171px 171px;
		width: 171px;
		height: 171px;
		right: 0;
		top: 0;
	}
	
	.num-img5 {
		background-image: url('/images/40.png');
		background-size: 167px 195px;
		width: 167px;
		height: 195px;
		right: 240px;
		top: 227px;
	}
	
	.num-img6 {
		background-image: url('/images/39.png');
		background-size: 200px 264px;
		width: 200px;
		height: 264px;
		right: 0;
		top: 387px;
	}

	.num-p {
		position: absolute;
		background-repeat: no-repeat;
		color: #FFF;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		box-sizing: border-box;
		padding: 15px 15px 20px 15px;
		transition: all ease 0.4s;
		cursor: pointer;
	}
	.num-p:hover{
		transform: translateY(-15px);
	}
	.num-text1 {
		font-size: 16px;
		font-weight: 600;
		text-shadow: 0 2px 4px rgba(0,0,0,0.2);
	}

	.num-text2 {
		margin-top: 8px;
		font-size: 13px;
		line-height: 1.5;
		opacity: 0.95;
		text-shadow: 0 1px 3px rgba(0,0,0,0.2);
	}
	.news{
		display: flex;
		flex-wrap: wrap;
		width: 1400px;
		margin: 60px auto;
		justify-content: center;
		gap: 30px;
	}
	.news-item{
		width: 420px;
		height: auto;
		min-height: 409px;
		background-color: #FFF;
		display: flex;
		flex-direction: column;
		padding: 30px;
		margin-bottom: 20px;
		border-radius: 20px;
		cursor: pointer;
		transition: all ease 0.3s;
		box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.06);
		box-sizing: border-box;
	}
	.news-item:hover{
		transform: translateY(-8px);
		box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.12);
	}
	.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: 22px;
		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: 15px;
		color: #777;
		margin-top: 16px;
		line-height: 1.8;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	.news-item-img{
		width: 355px;
		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: 355px;
		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;
	}
	
	
	
}