.choice{
	width: 100%;
}
.choice .direction{
	border-bottom: 1px solid #eee;
}
.choice .items{
	width: 100%;
	padding-bottom: 15px;
	padding-top: 15px;
	overflow: hidden;
}
.choice .items li{
	padding: 5px 10px;
	margin-right: 5px;
}
.choice .items li.title{
	font-weight: bold;
	font-size: 14px;
	padding-right: 25px;
	color: #121212;
}
.choice .items li.item{
	color: #666;
}
.choice .items li.active.item,.choice .items li.item:hover{
	background-color: #0073ff;
	border-radius: 3px;
	color: #fff;
}
.choice .items li.item:hover{
	cursor: pointer;
}

.content{
	width: 100%;
	margin-top: 3vw;
	font-size: 0;
}
.content .item{
	display: inline-block;
	text-align: center;
	width: 100%;
	padding: 10px;
	margin-bottom: 15px;
}

.content .item a{
	display: inline-block;
	width: 100%;
}
.content .item a img{
	width: 100%;
}
.content .item .detail{
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	color: #121212;
}
.content .item .num{
	color: #666;
	font-size: 12px;
	height: 15px;
	line-height: 15px;
	text-align: left;
}
.content .item .num>span:nth-of-type(1){
	padding-right: 10px;
	border-right: 1px solid #ddd;
}
.content .item .num>span:nth-of-type(2){
	padding-left: 10px;
}

/* pc */
@media screen and (min-width: 768px) {
	.choice .items li{
		line-height: 20px;
	}
	.content .item{
		width: 20%;
	}
	.content .item a img{
		height: 10vw;
	}
}

/* app */
@media screen and (max-width: 768px) {
	.choice .items li{
		line-height: 15px;
		margin-bottom: 5px;
	}
	.content .item{
		width: 50%;
	}
	.content .item a img{
		height: 25.5vw;
	}
}