@media screen and (min-width: 751px) {
	.hasTimeList_page {
		width: 100vm;
		min-height: 100vh;
		background-image: url(../img/background.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		padding-bottom: 100px;
		padding-top: 50px;
	}

	/*  */
	.hasTimeList_box {
		width: 1200px;
		margin: 0 auto 100px;
		background: white;
		background-image: url(../img/border2.png);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		background-size: 3px 100%;
		min-height: 1000px;
		overflow: hidden;
	}

	.hasTimeList_left {
		float: left;
		height: 1000px;
		width: 200px;
		margin-left: 4px;
	}

	.hasTimeList_left>li>a {
		display: block;
		width: 100%;
		/*height: 80px;*/
		/*line-height: 80px;*/
		padding: 20px 0;
		box-sizing: border-box;
		text-align: center;
		font-size: 18px;
	}

	.hasTimeList_left_active {
		background: #fff000;
	}

	/*  */
	.hasTimeList_right {
		width: 840px;
		float: right;
		overflow: hidden;
		margin-right: 70px;
		padding: 70px 0;
	}

	.hasTimeList_item {
		padding: 20px;
		width: 100%;
		background: #f4f4f4;
		overflow: hidden;
		box-sizing: border-box;
		margin-bottom: 35px;
	}

	.hasTimeList_item>img {
		width: 213px;
		height: 140px;
		float: left;
	}

	.hasTimeList_item>div {
		float: right;
		width: 325px;
		font-size: 14px;
	}

	.hasTimeList_item>div>h6 {
		font-size: 20px;
		font-weight: bold;
		margin-bottom: 20px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 1;
		line-height: 1.5;
		max-height: calc(1.5em* 2);
	}

	.hasTimeList_item>div>a {
		font-size: 15px;
		color: #000;
		float: right;
		display: block;
		margin-top: 20px;
	}

	/*  */
	.hasTimeList_box2 {
		width: 1200px;
		margin: auto;
		background: white;
		/* background-image: url(../img/border.png); */
		background-repeat: no-repeat;
		background-position: 0px 0px;
		background-size: 100% 3px;
		padding: 70px 35px;
		box-sizing: border-box;
	}

	.hasTimeList_box2 .hasTimeList_item>div {
		width: 777px;
		margin-right: 30px;
	}

	.hasTimeList_box2 .hasTimeList_item>div>span {
		display: block;
		margin-bottom: 20px;
		color: #999;
	}
}

@media screen and (max-width:750px) {
	.hasTimeList_page {
		width: 100%;
		min-height: 100vh;
		padding: 0.4rem 0.2rem;
		background-size: 100% 100%;
		background-image: url(../img/background.png);
		box-sizing: border-box;
		overflow: hidden;
	}

	.hasTimeList_box {
		background: white;
		overflow: hidden;
		display: flex;
		border-top: 0.09rem solid #FFF000;
		background-image: url(../img/border2.png);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		background-size: 0.09rem 100%;
	}

	.hasTimeList_left {
		width: 1.54rem;
		font-size: 0.35rem;
		margin-left: 0.1rem;
	}

	.hasTimeList_left>li {
		width: 1.54rem;
		height: 1.07rem;
		border: 0.02rem solid #FFF000;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.hasTimeList_left>li a {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.hasTimeList_left_active {
		background: #FFF000;
	}

	.hasTimeList_right {
		width: 5.49rem;
		box-sizing: border-box;
		padding: 0.3rem;
	}

	.hasTimeList_item {
		width: 4.68rem;
		height: 5.01rem;
		background: rgba(244, 244, 244, 1);
		margin-bottom: 0.16rem;
		overflow: hidden;
		font-size: 0.22rem;
		padding: 0.15rem;
		box-sizing: border-box;
	}

	.hasTimeList_item>a>img {
		width: 4.33rem;
		height: 2.45rem;
		background: rgba(254, 212, 39, 1);
		margin: 0.10rem 0;
	}

	.hasTimeList_item h6 {
		font-size: 0.30rem;
		font-family: PingFang;
		font-weight: bold;
	}

	/*  */
	.hasTimeList_box2 {
		padding: 0.35rem;
		box-sizing: border-box;
		background: white;
		/* background-image: url(../img/border.png); */
		background-repeat: no-repeat;
		background-position: 0px 0px;
		background-size: 100% 0.09rem;
	}

	.hasTimeList_box2 .hasTimeList_item {
		width: 6.32rem !important;
		height: 5.3rem !important;
		background: #F4F4F4;
		margin-bottom: 0.25rem;
	}

	.hasTimeList_box2 .hasTimeList_item>a {
		display: block;
		font-size: 0.24rem;
		padding: 0.30rem;
		box-sizing: border-box;
	}

	.hasTimeList_box2 .hasTimeList_item>a>img {
		width: 5.45rem;
		height: 2.88rem;
		background: #dbccc9;
		margin: 0.15rem 0;
	}

	.hasTimeList_box2 .hasTimeList_item>a>h6 {
		font-size: 0.35rem;
		font-family: PingFang;
		font-weight: bold;
		color: rgba(52, 52, 52, 1);
		margin-bottom: 0.15rem;
	}
}