/* 适配 */
/* 视口>= 1920  设置样式*/
/* @media screen and (min-width: 1920px) {
	.box {
		display: none;
	}
} */
/* 视口>=700 并且 <= 1000  设置样式*/
/* @media screen and (min-width: 700px) and (max-width: 1000px) {} */
/* 视口<= 768  设置样式*/
@media screen and (max-width: 768px) {

	.banner {
		width: 100%;
		height: auto;
		background: url(../../images/list/listBannerMobile.png) center center no-repeat;
		/* background-size: cover; */
		margin-top: 7vh;
	}

	.bannerTitle p:nth-child(1) {
		padding: 8vh 5vw;
		font-size: 32px;
		line-height: normal;
	}

	.bannerTitle p:nth-child(2) {
		display: none;
	}

	.indexName,
	.secondName,
	.icon-zhuye,
	.icon-jinrujiantouxiao,
	.icon-gedanbiaoqian {
		font-size: 16px !important;
	}

	.nav {
		padding-left: 5vw;
		width: 95%;
	}

	.contentJoin {
		grid-template-columns: 24% 76%;
		width: 96vw;
		margin: 0px 2vw;
		padding: 0;
		display: block;
		margin-top: 3.6vh;
	}

	.checkbox {
		padding-right: 0;
		border: none;
	}

	.list {
		width: 100%;
		margin-left: 0;
	}

	.listCon #item1 {
		grid-template-columns: 100%;
		grid-column-gap: 0%;
	}

	.listItem:hover {
		animation: top 0.2s linear forwards;
		cursor: pointer;
	}

	@keyframes top {
		0% {
			transform: translateY(0);
		}

		100% {
			transform: translateY(-1.3vh);
		}
	}

	.checkTitle {
		font-size: 18px;
	}

	.itemCondition {
		line-height: 2.5vh;
		font-size: 18px;
		margin: 14px 0;
	}

	.itemConditionduty {
		font-size: 16px;
		line-height: 24px;
		color: #666666;
	}

	.category .el-checkbox-group,
	.place .el-checkbox-group {
		display: grid;
		grid-template-columns: 31% 31% 31%;
		grid-column-gap: 3.3%;
	}

	.category .el-checkbox-group .el-checkbox,
	.place .el-checkbox-group .el-checkbox {
		margin-right: 0;
	}

	.category .el-checkbox-group .el-checkbox:nth-child(3n-2),
	.place .el-checkbox-group .el-checkbox:nth-child(3n-2) {
		text-align: left;
	}

	.category .el-checkbox-group .el-checkbox:nth-child(3n-1),
	.place .el-checkbox-group .el-checkbox:nth-child(3n-1) {
		text-align: center;
	}

	.category .el-checkbox-group .el-checkbox:nth-child(3n),
	.place .el-checkbox-group .el-checkbox:nth-child(3n) {
		text-align: right;
	}

	.category .el-checkbox__label,
	.place .el-checkbox__label {
		font-size: 18px;
	}

	.place {
		margin-bottom: 4vh;
	}

	.itemTitle {
		font-size: 20px;
	}

	/* 分页 */
	.bigPage {
		display: none;
	}

	.smallPage {
		display: block;
	}
}