body {
	background: #F7F7F7;
}

.headerBox {
	width: 7.5rem;
	height: 1rem;
	padding: .24rem;
	display: flex;
	align-items: center;
	background: #FFFFFF;
}
.headerBox a .icon-zuojiantou{
	font-size: .36rem;
	color: #333333;
	margin-right: .12rem;

}
.headerBox .box {
	width: 6.41rem;
	height: .64rem;
	background: #F7F7F7;
	border-radius: .32rem;
	display: flex;
	align-items: center;
	font-size: .24rem;
}

.headerBox .box a {
	max-width: 1.9rem;
	min-width: 1.9rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.headerBox .box a .icon-dingwei {
	margin-left: .27rem;
	margin-right: .18rem;
}

.headerBox .box a .cityTop {
	margin-right: .18rem;
	max-width: .5rem;
}

.headerBox .box .line {
	width: .02rem;
	height: .18rem;
	background: #EEEEEE;
	border-radius: .01rem;
	margin-right: .16rem;
	margin-left: .16rem;
}

.headerBox .box i {
	font-size: .24rem;
}

.headerBox .search {
	display: flex;
	align-items: center;
}

.headerBox .search input {
	margin-right: .15rem;
	margin-left: .15rem;
	width: 2.7rem;
	font-size: .24rem;
	background: #F7F7F7;
}

.headerBox .search .searchText {
	min-width: .90rem;
	height: .48rem;
	background: #24C527;
	border-radius: .24rem;
	font-size: .24rem;
	color: #FFFFFF;
	line-height: .48rem;
	text-align: center;
    border: none;
}

.listBox {
	padding: .24rem;
	background: #FFFFFF;
}

.secondList {
	width: 7.02rem;
	background: #FFFFFF;
	border-radius: .20rem;
	display: flex;
	align-items: center;
	justify-content: space-around;
	flex-wrap: wrap;
}

.secondList .secondItem {
	text-align: center;
	font-size: .24rem;
	width: 1.2rem;
	color: #333333;
	margin-top: .23rem;
}

.secondList .secondItem img {
	width: .66rem;
	height: .66rem;
}
.secondList .secondItem:nth-child(1) img{
	width: .9rem;
	height: .9rem;
}
.secondList .secondItem:nth-child(2) img{
	width: .9rem;
	height: .9rem;
}
.secondList .secondItem:nth-child(3) img{
	width: .9rem;
	height: .9rem;
}
.secondList .secondItem:nth-child(4) img{
	width: .9rem;
	height: .9rem;
}
.secondList .secondItem:nth-child(5) img{
	width: .9rem;
	height: .9rem;
}
.titleBox {
	margin-top: .2rem;
	padding: .24rem;
	width: 7.02rem;
	height: 3.09rem;
	margin-top: .4rem;
	background: #FFFFFF;
	border-radius: .2rem;
	position: relative;
}

.titleBox::before {
	content: "";
	position: absolute;
	top: -.18rem;
	left: 1.9rem;
	width: 0;
	height: 0;
	border-color: white transparent transparent transparent;
	border-width: .4rem .4rem 0 0;
	transform: rotate(45deg);
	border-style: solid;
}

.navList {
	display: flex;
	width: 100%;
	display: flex;
	flex-direction: row;
}

.listImg {
	background-repeat: no-repeat;
	width: .88rem;
	height: .88rem;
}

.navItem {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex: 1;
	height: 1.74rem;
	color: #FFFFFF;
	font-size: .24rem !important;
}

.navItem1 {
	background: linear-gradient(135deg, #58E481 0%, #48C158 100%);
	border-radius: .15rem 0rem 0rem .15rem;
	position: relative;
}

.navItem1 .imgGif {
	width: 1.08rem;
	height: auto;
	position: absolute;
	top: -.2rem;
	right: -.35rem;
}

.navItem2 {
	background: linear-gradient(135deg, #4AB7FC 0%, #2E80FE 100%);
}

.navItem3 {
	background: linear-gradient(135deg, #FC9530 0%, #F95822 100%);
}

.navItem4 {
	background: linear-gradient(135deg, #58EFC6 0%, #43B997 100%);
	border-radius: 0rem .15rem .15rem 0rem;
}

.itemSize {
	flex: 1;
	height: .86rem;
	text-align: center;
	font-weight: 600;
	line-height: .86rem;
	font-size: .24rem !important;
}

.itemSize1 {
	background: #E6FFF3;
	color: #48C158;
}

.itemSize2 {
	background: #DEF5FF;
	color: #2E80FE;
}

.itemSize3 {
	background: #FFF3E9;
	color: #F95822
}

.itemSize4 {
	background: #E7FFFA;
	color: #43B997;
	margin-right: 0;
	border-right: 0;
}

#swiper {
	width: 100%;
	margin-top: .24rem;
}

#swiper .swiper-wrapper {
	margin: 0 3%;
	padding-top: .2rem;
}

#swiper .swiper-slide,
#swiper .swiper-slide img {
	height: 1.6rem;
	border-radius: .24rem;
	width: 94%;
}

.hotList {
	padding: .24rem;
	padding-top: .4rem;
}

.hotList .hotTitle div {
	color: #333333;
	font-size: .30rem;
}

.hotList .hotTitle a div {
	width: 1rem;
	height: .4rem;
	line-height: .4rem;
	background: #FF752A;
	border-radius: .16rem;
	font-size: .24rem;
	color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hotList .hotTitle a div i {
	font-size: .22rem;
}

.hotList .hotItem {
	width: 2.23rem;
	background: #FFFFFF;
	border-radius: .20rem;
	margin-top: .35rem;
	position: relative;
}

.hotList .hotItem .imgs {
	position: absolute;
	top: 0;
	left: 0;
	width: .48rem;
	height: .46rem;
}

.hotList .hotItem .img {
	width: 2.23rem;
	height: 2.23rem;
	background: #FFFFFF;
	border-radius: .20rem .20rem 0 0;
}

.hotList .hotItem .i1 {
	max-width: 1.75rem;
	font-size: .26rem;
	color: #333333;
    margin-top: .09rem;
}
.hotList .hotItem .i2{
    padding: .1rem 0;
}
.hotList .hotItem .i2 span:nth-child(1) {
	font-size: .26rem;
	color: #FA4B5D;
}

.hotList .hotItem .i2 span:nth-child(2) {
	font-size: .2rem;
	color: #999999;
}

.moreList {
	padding: .24rem;
	padding-top: 0;
	padding-bottom: 1.2rem;
}

.moreList .moreTitle {
	font-size: .32rem;
	color: #333333;
	position: relative;
    padding-bottom: .2rem;
}

.moreList .moreTitle img {
	position: absolute;
	width: .48rem;
	height: auto;
	left: .38rem;
	top: .2rem;
}

.moreList .list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.moreList .moreItem {
	width: 3.43rem;
	background: #FFFFFF;
	border-radius: .20rem;
	position: relative;
	margin-top: .24rem;
}

.moreList .moreItem img {
	width: 3.43rem;
	height: 3.43rem;
	border-radius: .20rem .20rem 0 0;
}

.moreList .moreItem .title {
	font-size: .26rem;
	color: #333333;
	max-width: 3rem;
	margin-top: .1rem;
	margin-bottom: .15rem;
	margin-left: .16rem;
	margin-right: .16rem;
}

.moreList .moreItem.minsu .jieshao {
	margin-top: .1rem;
	font-size: .2rem;
	max-width: 3rem;
	margin-left: .16rem;
	margin-right: .16rem;
	color: #333333;
}

.moreList .moreItem .i1 {
	font-size: .2rem;
	color: #999999;
	margin-left: .16rem;
	margin-right: .16rem;
}

.moreList .moreItem.jiudian .i1 span:first-child {
	background: linear-gradient(90deg, #FB364E 0%, #F69C3A 100%);
	border: none;
	color: #FFFFFF;
}

.moreList .moreItem.youlun .jieshao {
	margin-top: .1rem;
	font-size: .2rem;
	max-width: 3rem;
	margin-left: .16rem;
	margin-right: .16rem;
	color: #333333;
}

/*.moreList .moreItem .i1 span {*/
/*	padding: .07rem .09rem;*/
/*	border: .01rem solid #EEEEEE;*/
/*	border-radius: .06rem;*/
/*}*/

.moreList .moreItem .i2 {
	font-size: .26rem;
	color: #FA4B5D;
	padding-bottom: .1rem;
	margin-top: .15rem;
	margin-left: .16rem;
	margin-right: .16rem;
}

.moreList .moreItem .i2 span:nth-child(2) {
	color: #999999;
	font-size: .2rem;
}

.moreList .moreItem.jiudian .i2 {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.moreList .moreItem .i2 div:last-child {
	color: #999999;
	font-size: .20rem;
}

.moreList .moreItem .i3 {
    position: absolute;
    top: 2.9rem;
    left: 0;
    font-size: .22rem;
    color: #FFFFFF;
    background: rgba(0, 0, 0, .2);
    padding: .13rem .24rem;
    width: 100%;
    text-align: center;
}

.moreList .moreItem.jiudian .i3 {
	left: .22rem;
	top: 3.04rem;
	display: flex;
	align-items: center;
}

.moreList .moreItem.jiudian .i3 i {
	font-size: .26rem;
}

.moreList .moreItem.youlun .i3 {
	top: 0;
	left: 0;
	width: 1.15rem;
	height: .46rem;
	line-height: .46rem;
	font-size: .2rem;
	color: #FFFFFF;
	text-align: center;
	background: rgba(0, 0, 0, 0.2);
	;
	border-radius: .2rem 0 .2rem 0;
}
.dropload-down{
    text-align: center;
    padding: .24rem;
}