.app-banner-page-bg.pc img {
			width: 100%;
			height: 115%;
		}

		#idData .details {
			padding: 10px;
			width: 65%;
			height:200px;
		}

		#idData .imgDIv {
			width: 35%;
		}

		.pageBox {
			margin: 0px auto;
			position: relative;
		}

		.pageBox .activity {
			width: 100%;
			text-align: center;
		}

		.pageBox #idData tr td img {
			display: inline-block;
			width: 100%;
		}


		#idData tr {
			position: relative;
		}

		#idData td a:hover {
			color: Red
		}

		#idData td .hrefImg {
			color: #000;
			display: inline-block;
			height: 257px;
		}

		#idData td a {
			color: #000;
			display: inline-block;
		}

		#idData td h3 {
			font-size: 20px;
			line-height: 40px;

			
		}

		#idData td p {
			margin-top: -10px;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
			color: #666;
			display: -webkit-box;
			font-size: 16px;
			overflow: hidden;
			text-overflow: ellipsis;
			line-height: 30px;
		}

		#idData td .app-bottom {
			width: 98%;
		}

		#idData td .app-bottom span {
			float: left;
			color: #888;
			font-size: 14px;
		}

		#idData td .app-bottom a {
			float: right;
			color: #df242a;
			font-size:14px;
		}

		.app-mask {
			width: 100%;
			height: 100%;
			background: rgba(0, 0, 0, 0.5);
			position: fixed;
			left: 0px;
			top: 0px;
			display: none;
			z-index: 9999;
		}
         .app-mask img{
			width: 40px;
    		height: 40px;
   			position: absolute;
    		top: 129px;
    		left: calc(50% + 425px);
		 }
		

		.title {
			width: 100%;
			height: 100px;
			text-align: center;
			margin-top: 30px;
		}
		.title .a{
			font-size:36px;
			font-weight:700;
		}
		.title .b{
			color: #333;
			font-size: 20px;
			height: 50px;
			line-height: 35px;
		}

		#container {
			margin: 20px auto;
		}

		#banner,
		#banner li {
			list-style: none;
			margin: 0;
			padding: 0;
		}

		#banner {
			position: absolute;

		}

		#banner li {
			float: left;
		}

		#banner li .img {
			display: block;
			width: 100%;
			height: 100%;
			cursor: pointer;
		}


		/*设置父元素定位*/
		#container {
			position: relative;
			/*为了给左右按钮 和小圆点*/
		}

		#banner,
		#banner li {
			list-style: none;
			margin: 0;
			padding: 0;
		}

		#banner {
			position: absolute;
			top: -35px
		}

		#banner li {
			float: left;
		}

		#banner li {
			width: 350px;
			margin: 0 14px;
			float: left;
		}

		#banner li .bannerImg {
			width: 350px;
			height: 250px;
			position:relative;
		}
		#banner li .bannerImg .imgVideo{
			left:calc(50% - 30px);
			top:108px;
			position:absolute;
			cursor:pointer;
			width:60px;
		}

		#banner li .bannerText {
			height: 100px;
			padding: 28px 16px;
			border: 1px solid #FFFFFF;
			background: #fff;
			box-shadow: 0px 4px 20px rgb(149 181 201 / 20%);
			backdrop-filter: blur(25px);
		}

		#banner li .bannerText p {
			color: #333;
			font-size: 16px;
		}

		/*设置父元素定位*/
		#container {
			position: relative;
			/*为了给左右按钮 和小圆点*/
		}

		.slick_btn {
			width: 100%;
			height: 100%;
			position: relative;
		}

		.slick_btn1 {
			width: 40px;
			height: 40px;
			border-radius: 50%;
			border: 1px solid #333;
		}

		.slick_btn .slick_btn1 span {
			color: #DF242B;
			font-size: 28px;
			display: inline-block;
		}

		.slick_btn .slick_btn_left {
			position: absolute;
			left: 10%;
			top: 125px;
			cursor: pointer;
		}

		.slick_btn .slick_btn_left span {
			margin: -8px 0px 0px -3px;
		}

		.slick_btn .slick_btn_right {
			position: absolute;
			right: 8%;
			top: 125px;
			cursor: pointer;
		}

		.slick_btn .slick_btn_right span {
			margin: -8px 0px 0px 2px;
		}

		.splitBox {
			width: 100%;
			height: 1px;
			box-shadow: 0px 5px 5px #ccc;
			margin-top: 70px;
		}
		@media screen and (min-width: 1600px) {
			#banner li{
				width:448px;
			}
			#banner li .bannerImg {
				width: 448px;
				height: 250px;
			}
			#banner li .bannerImg {
			width: 448px;
			height: 280px;
			position:relative;
		}
		#banner li .bannerImg .imgVideo{
			left:calc(50% - 30px);
			top:123px;
			position:absolute;
			cursor:pointer;
			width:60px;
		}
			.slick_btn .slick_btn_left {
   			  left: 8%;
 
			}
		}
		@media screen and (max-width:800px) {
			.app-banner-page {
				height: 143px;
			}
      
			.app-banner-page-bg img {
				width: 100%;
				height: 143px;
			}

			#idData tr {
				position: inherit;
   				 width: 100%!important;
    			display: flex;
    			height: 290px!important;
    			margin-top: 10px;
    
			}

			#idData .imgDIv {
				width: 100%;
			}

			#idData td {
				border: 0;

			}

			#idData td .hrefImg {
				height: 200px;
			}

			#idData td h3 {
				font-size: 16px;
				line-height: 25px;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				color: #666;
				display: -webkit-box;
				overflow: hidden;
				text-overflow: ellipsis;
			}

			.pageBox #idData tr td img {
				
			}

			#idData .app-item p,
			#idData .app-bottom {
				display: none;
			}

			#idData td .app-item {
				top: 40px;
				width: 96%;
			}

			#idData .details {
				padding: 5px 20px;
				width: 96%;
				height: 74px;
			}
			#banner li{
				width:calc(20% - 36px);
			}
			#banner li .bannerImg {
				width: 100%;
				height: 250px;
			}
			#banner li .bannerImg {
			width: 100%;
			height: 280px;
			position:relative;
		}
		#banner li .bannerImg .imgVideo{
			left:calc(50% - 30px);
			top:123px;
			position:absolute;
			cursor:pointer;
			width:60px;
		}
			.slick_btn .slick_btn_left {
   			  left: 1%;
 
			}
			.slick_btn .slick_btn_right {
   			  right: 1%;
 
			}
			.app-mask img {
				width: 30px;
				height: 30px;
				position: absolute;
				top: 196px;
				left: calc(50% + 150px);
			}
			.slick_btn .slick_btn_left span {
				margin: 2px 0px 0px -3px;
			}
			.slick_btn .slick_btn_right span {
				margin: 2px 0px 0px 2px;
			}
			.all-li{
				width:49%!important;
			}
			.all{
				padding:0 5px;
			}
			#idData td .app-item{
				padding:0 20px 0 0!important;
			}
		}

		.app-banner-page-bg.pc img {
			width: 100%;
			height: 115%;
		}

		#idData .details {
			width: 100%;
			display: block;
		}

		#idData .imgDIv {
			width: 100%;
			display: block;
		}

		.pageBox {
			margin: 0 auto;
			position: relative;
		}

		.pageBox #idData tr td img {
			width: 100%;
		}

		#idData tr {
			display: inline-block;
			width: 32.14%;
			border: 1px solid #e9e1e1;
			border-radius: 5px;
			margin-right: 1%;
		}

		#idData tr:hover {
			box-shadow: 0 6px 12px 0 rgb(0 0 0 / 10%);
		}


		#idData td a:hover {
			color: Red
		}

		#idData td a {
			color: #000;
			display: inline-block;
		}

		#idData td h3 {
			font-size: 18px;
			overflow: hidden;
			text-overflow: ellipsis;
			line-height: 30px;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
			display: -webkit-box;
			height:60px;
		}

		#idData td p {
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
			color: #666;
			display: -webkit-box;
			font-size: 14px;
			overflow: hidden;
			text-overflow: ellipsis;
			line-height: 30px;
		}

		#idData td .app-item {
			width: 100%;
			padding: 0 10px;
		}

		#idData td .app-bottom {
			margin-top:10px;
			width: 98%;
			padding: 0 10px;
		}

		#idData td .app-bottom span {
			color: #888;
			font-size: 16px;
		}

		#idData td .app-bottom a {
			color: #999;
			float: right;
		}
        #idData td .app-bottom a:hover{
			color:#df242a;
		}
		.select {
			height: 60px;
			text-align: center;
			width: 100%;
			margin-top: 30px;
			margin-bottom:30px;
		}

		.select p {
			font-size: 36px;
			font-weight: 700;
		}

		.all {
			max-width: 1440px;
			margin-left: auto;
			margin-right: auto;
			margin-top: 22px;
		}

		.all-li {
			width: 24%;
			margin-right: 1%;
			border: 1px solid #e9e1e1;
			border-radius: 5px;
			float: left;
			margin-bottom: 20px;
			height:320px;
		}

		.all-li:hover {
			box-shadow: 0 6px 12px 0 rgb(0 0 0 / 10%);
		}

		.all-li img {
			width: 100%;
		}

		.all-li h3 {
			font-size: 16px;
			color:#000;
			font-weight: 400;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			overflow: hidden;
			text-overflow: ellipsis;
			height:55px;
		}

		.all-li .all-time {
			color: #888;
			font-size: 16px;
			line-height: 55px;
			display: inline-block;

		}

		.all-li a {
			color: #999;
			border: 1px solid #999;
			border-radius: 3px;
			padding: 1px 4px;
			cursor: pointer;
			font-size: 12px;
			float: right;
			margin-top: 13px;
		}
        .all-li a:hover{
			color: #df242a;
			border-color:#df242a;
		}

		.all-li .all-con {
			width: 100%;
			padding: 10px;
		}