@media (max-width:1000px) {
	.banner {
		width: 100%;
		height: auto;
		padding: 20px 0;
		background-image: url(../image/banner.svg);
		background-size: cover;
	}

	.s-hot {
		width: 90%;
		margin: 30px auto;

		color: rgba(255, 255, 255, .6);
		display: flex;
		align-items: center;
	}

	.s-hot span {
		font-size: 12px;
		width: 30%;
	}

	.sh-list {
		width: 75%;
		/* background-color: pink; */
		display: flex;
		justify-content: space-around;
		align-items: center;
	}

	.sh-box {
		width: auto;
		line-height: 1.5;
		font-size: 14px;
		white-space: nowrap;
		color: rgba(255, 255, 255, .6);
		padding: 0 5px;
		border: 1px solid rgba(255, 255, 255, .9);
		border-radius: 20px;
	}

	.b-title p:nth-of-type(1) {
		text-align: center;
		line-height: 2;
		font-weight: 600;
		font-size: 20px;
		color: #fff;
	}

	.b-title p span {
		color: #fee632;
	}

	.b-title p:nth-of-type(2) {
		text-align: center;
		line-height: 1.5;
		font-size: 16px;
		color: rgba(255, 255, 255, .6);
		margin-bottom: 10px;
	}

	.b-box {
		width: 90%;
		margin: auto;
		padding: 10px 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
	}

	.bt-box {
		width: 29%;
		margin-bottom: 10px;
		height: auto;
		position: relative;
		z-index: 1;
	}

	.bt-box img {
		width: 97%;
		height: 90px;
		margin: auto;
		display: block;
		border-radius: 15px;
		transition: all linear 0.3s;
		border: 2px solid rgba(255, 255, 255, 0.3);
	}


	.b-text {
		font-size: 15px;
		line-height: 2.5;
		color: #fff;
		overflow: hidden;
		text-align: center;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
	}
}

/* PC */
@media (min-width:1000px) {
	.banner {
		width: 100%;
		height: auto;
		padding: 20px 0;
		background-image: url(../image/banner.svg);
		background-size: cover;
	}

	.s-hot {
		width: 45%;
		height: auto;
		margin: 30px auto;
		font-size: 15px;
		color: rgba(255, 255, 255, .6);
		display: flex;
		align-items: center;

	}

	.s-hot span {
		width: 14%;
	}

	.sh-list {
		width: 85%;
		/* background-color: pink; */
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.sh-box {
		width: auto;
		line-height: 1.5;
		font-size: 14px;
		white-space: nowrap;
		color: rgba(255, 255, 255, .6);
		padding: 0 5px;
		border: 1px solid rgba(255, 255, 255, .9);
		border-radius: 20px;
	}

	.sh-box:hover {
		color: #fdb225;
		border-color: #fdb225;
	}

	.b-title p:nth-of-type(1) {
		text-align: center;
		line-height: 1.5;
		font-weight: 600;
		font-size: 28px;
		margin-bottom: 15px;
		color: #fff;
	}

	.b-title p span {
		color: #fee632;
	}

	.b-title p:nth-of-type(2) {
		text-align: center;
		line-height: 1.5;
		font-size: 16px;
		color: rgba(255, 255, 255, .6);
		margin-bottom: 30px;
	}

	.b-box {
		width: 80%;
		margin: auto;
		padding: 10px 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.bt-box {
		width: 8.5%;
		height: auto;
		position: relative;
		z-index: 1;
	}

	.bt-box::before {
		content: '';
		display: inline-block;
		width: 100%;
		height: 126px;
		border-radius: 14px;
		position: absolute;
		transform: rotate(3.05deg);
		top: -3px;
		left: 0;
		background: rgba(255, 255, 255, .17);
		z-index: -1;
	}

	.bt-box img {
		width: 97%;
		height: 120px;
		margin: auto;
		display: block;
		border-radius: 15px;
		transition: all linear 0.3s;
		border: 2px solid rgba(255, 255, 255, 0.3);
	}

	.bt-box:hover img {
		transform: scale(1.15);
	}

	.b-text {
		font-size: 16px;
		line-height: 2.5;
		color: #fff;
		overflow: hidden;
		text-align: center;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
	}
}