kly_uniapp/pages/index/index.css

page {
	/* background-color: #f6f7f9; */
}

.sort {
	display: flex;
	height: 50upx;
	margin-top: -4upx;
}

.sort0 {
	background-color: rgba(255, 255, 255, 0.7);
	line-height: 50upx;
	margin-right: 20upx;
	height: 50upx;
	border-radius: 25upx;
	text-indent: 20upx;
	text-align: left;
	background-repeat: no-repeat;
	font-size: 26upx;
}

.sort1 {
	background-size: 20upx 12upx;
	width: 120upx;
	background-position: 80upx center;
}

.sort2 {
	background-size: 20upx 12upx;
	width: 170upx;
	background-position: 130upx center;
}

.sort3 {
	background-size: 25upx 25upx;
	width: 120upx;
	background-position: 80upx center;
}

.swiper_box {
	width: 750upx;
	height: 566upx;
}

.pos_box {
	display: flex;
	align-items: center;
	height: 70upx;
}

.search_box {
	display: flex;
	background-color: rgba(245, 245, 245, 0.3);
	align-items: center;
	height: 70upx;
	overflow: hidden;
	border-radius: 40upx;
	width: 500upx;
	color: #e3e3e3;
	justify-content: space-between;
}

.search_box_in {
	display: flex;
	align-items: center;
}

.search_box input {
	font-size: 28upx;
	color: #ffffff;
	width: 320upx;
	margin-left: 20upx;
}

.top_search {
	display: flex;
	justify-content: space-between;
	margin-top: 15upx;
}

.top_box {
	position: relative;
}

.index_bot {
	width: 750upx;
	height: 120upx;
	position: absolute;
	top: 454upx;
	left: 0;
	background-size: 100% 110upx;
	background-repeat: no-repeat;
	background-position: center bottom;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}


.dis_item {
	width: 33.33%;
	float: left;
	text-align: center;
	padding: 10upx 0;
	box-sizing: border-box;
}

.dis_item_focus {
	color: #39d9b5;
}

.filter_title {
	clear: both;
	text-align: center;
	line-height: 80upx;
	font-size: 32upx;
	border-bottom: 8upx solid #f4f6f5;
	padding-top: 0upx;
}

.filter_con {
	margin-top: 20upx;
}

.filter_btn_box {
	border-top: 2upx solid #e5e5e5;
	display: flex;
	height: 120upx;
	align-items: center;
}

.filter_btn_box view {
	text-align: center;
	height: 80upx;
	border-radius: 6upx;
	line-height: 80upx;
}

.serverUrl_tab_nav {
	height: 120upx;
	width: 49%;
	position: absolute;
	top: 0;
}

.tab_nav_next1 {
	background: linear-gradient(180deg, #eef9f7 0%, #ffffff 100%);
}

.tab_nav_next2 {
	background: linear-gradient(180deg, #faf6f0 0%, #ffffff 100%);
}