.headerBox {
	width: 7.5rem;
	height: 1rem;
	padding: 0 .24rem;
	display: flex;
	align-items: center;
	position: absolute;
	z-index: 99;
	top: 0;
	margin: 0 auto;
	right: 0;
	left: 0;
	color: #fff;
	max-width: 7.5rem;
}
.headerBox .title{
	color: #fff;
	position: absolute;
	left: 50%;
	width: 2rem;
	right: 0;
	margin-left: -1rem;
	height: 1rem;
	line-height:  1rem;
	font-size: .3rem;
	text-align: center;
}
.headerBox .cityI{
	color: #fff;
	font-size: .28rem;
	display: flex;
	align-items: center;
}
.headerBox .cityI .cityTop{
	max-width: 1rem;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	text-overflow: ellipsis;
}
.headerBox .cityI i.dingwei {
	font-size: .22rem;
	margin-right: .12rem;
}
.headerBox .cityI i.icon-xiangshang2 {
	font-size: .22rem;
}

.main{
	height: 100%;
	position: relative;
	height: 7.5rem;
	overflow: hidden;
	background: linear-gradient(0deg, #E1362C 0%, #E75C33 100%);
}

.rank_box{
	margin:1.2rem .24rem 0;
	height: 4.47rem;
	padding: .24rem .12rem 0;
	background: linear-gradient(0deg, #F8E4CC 0%, #FCEDE8 100%);
	border-radius: .2rem;
	font-size: 0;
}
.rank_box .item{
	width: 2.1rem;
	background: #fff;
	display: inline-block;
	border-radius: .2rem;
	overflow: hidden;
	margin-left: .12rem;
	height: 3.55rem;
}

.rank_box .item .i_1{
	font-size: .24rem;
	font-weight: 600;
	display: block;
	height: .48rem;
	line-height: .48rem;
	color: #fff;
	text-align: center;
	background: linear-gradient(90deg, #FF6D0C 0%, #FD5123 100%);
}
.rank_box .item .i_1 em{
	font-size: .26rem;
	display: inline-block;
	margin-left: 0.03rem;
}
.rank_box .item img{
	width: 2.1rem;
	height: 2.1rem;
}
.rank_box .item .i_2{
	font-weight: 600;
	padding: .1rem .2rem;
	font-size: .26rem;
}
.rank_box .item .i_3{
	padding: 0 .2rem;
}
.rank_box .item .i_3 em:nth-child(1){
	font-size: .22rem;
	color: #FA4B5D;
}
.rank_box .item .i_3 em:nth-child(2){
	font-size: .26rem;
	color: #FA4B5D;
	font-weight: 600;
}
.rank_box .item .i_3 em:nth-child(3){
	font-size: .22rem;
	color: #999;
}

.rank_box .times{
	padding: .16rem .24rem;
}

.rank_box .times em:nth-child(1){
	font-size: .24rem;
	color: #AC6430;
}
.rank_box .times em:nth-child(2){
	font-weight: 600;
	font-size: .26rem;
	color: #8F4612;
	margin-left: .85rem;
}

.list{
	width: 100%;
	position: relative;
	top: -1.5rem;
	border-radius: 0 .3rem 0 0;
}

.list .tab{
	height: 1.3rem;
	line-height: 1rem;
	background: #EB544A;
	border-radius: .3rem .3rem 0 0;
	display: flex;
	color: #fff;
	align-items: center;
	text-align: center;
}
.list .tab li{
	width: 2.5rem;
	height: 1.3rem;
	line-height: 1rem;
	font-size: .28rem;
	position: relative;
}
.list .tab li.active{
	width: 2.5rem;
	height: 1.3rem;
	line-height: 1rem;
	background: #F7F7F7;
	border-radius: .3rem .3rem 0 0;
	vertical-align: top;
	font-weight: 600;
	font-size: .34rem;
	color: #333;
}
.list .tab li.li1.active em{
	width: .66rem;
	height: 1rem;
	position: absolute;
	right: -.36rem;
	background: url('https://img.dahepiao.com/travelNew/version8.1/right_mustBg.png') no-repeat top;
	background-size: .66rem 1rem;
}
.list .tab li.li2.active .em1{
	width: .66rem;
	height: 1rem;
	position: absolute;
	left: -.36rem;
	background: url('https://img.dahepiao.com/travelNew/version8.1/left_mustBg.png') no-repeat top;
	background-size: .66rem 1rem;
}
.list .tab li.li2.active .em2{
	width: .66rem;
	height: 1rem;
	position: absolute;
	right: -.36rem;
	background: url('https://img.dahepiao.com/travelNew/version8.1/right_mustBg.png') no-repeat top;
	background-size: .66rem 1rem;
}
.list .tab li.li3.active em{
	width: .66rem;
	height: 1rem;
	position: absolute;
	left: -.36rem;
	background: url('https://img.dahepiao.com/travelNew/version8.1/left_mustBg.png') no-repeat top;
	background-size: .66rem 1rem;
}
.list .type{
	height: 1.2rem;
	white-space: nowrap;
	overflow-x: scroll;
	margin-top: -.3rem;
	padding: 0 .08rem;
	background: #F7F7F7;
	border-radius: 0 .3rem 0 0;
	position: relative;
	z-index: 100;
    display: flex;
    align-items: center;
}

.list .type a{
	min-width: 1rem;
	padding: 0 .2rem;
	height: .64rem;
	line-height: .64rem;
	text-align: center;
	background: #fff;
	font-size: .26rem;
	display: inline-block;
	color: #333;
	margin-left: .12rem;
	border-radius: .32rem;
}

.list .type a.active{
	background: #F2E4E3;
	font-weight: 600;
	font-size: .26rem;
	color: #EB544A;
	border-radius: .32rem;
	border: 1px solid #EB544A;
}

body{
	background: #F7F7F7;
}
.moreList{
	margin-top: .2rem;
}
.moreList .item{
	display: block;
	margin: 0 .24rem .24rem;
	min-height: 2.1rem;
	background: #fff;
	padding: .24rem;
	border-radius: .2rem;
}
.moreList .item .item_left{
	width: 2.1rem;
	height: 2.1rem;
	border-radius: .1rem;
	float: left;
}
.moreList .item .item_right{
	width: 4.2rem;
	height: 2.1rem;
	float: right;
	margin-left: .24rem;
	position: relative;
}
.moreList .item .item_right .title{
	font-weight: 600;
	font-size: .28rem;
	margin-bottom: .16rem;
	color: #333;
}
.moreList .item .item_right .tag{
	color: #999;
	font-size: .24rem;
	display: flex;
	align-items: center;
}
.moreList .item .item_right .tag span{
	display: flex;
	align-items: center;
	margin-right: .2rem;
}
.moreList .item .item_right .tag .tag_1 em{
	width: .24rem;
	height:.24rem;
	line-height: .24rem;
	text-align: center;
	margin-right: .1rem;
	color: #fff;
	display: inline-block;
	font-weight: 600;
	border-radius: .05rem;
	font-size: .2rem;
	background: linear-gradient(0deg, #E93F2D 0%, #FF9F00 100%);
}
.moreList .item .item_right .tag .tag_2 em{
	width: .2rem;
	height:.22rem;
	background: url('https://img.dahepiao.com/travelNew/version8.1/icon_huo.png') no-repeat center;
	background-size: cover;
	display: inline-block;
	margin-right: .05rem;
}

.moreList .item .item_right .price{
	width: 3.99rem;
	height: .8rem;
	background: linear-gradient(90deg, #E93E2D 0%, #E76A32 100%);
	border-radius: .4rem 0 0 .4rem;
	position: absolute;
	bottom: 0;
}
.moreList .item .item_right .price .p_1{
	padding-top: .06rem;
	padding-left: .3rem;
	color: #fff;
	font-size: .28rem;
	display: block;
}
.moreList .item .item_right .price .p_1 em:nth-child(1){
	font-size:.22rem
}
.moreList .item .item_right .price .p_1 em:nth-child(2){
	font-size: .3rem;
	font-weight: 600;
}
.moreList .item .item_right .price .p_1 em:nth-child(3){
	font-size: .22rem;
}
.moreList .item .item_right .price .p_1 em:nth-child(4){
	font-size: .22rem;
	margin-left: .12rem;
}
.moreList .item .item_right .price .p_2{
	font-size: .2rem;
	color: #F0C7C3;
	position: absolute;
	left: .3rem;
	bottom: .1rem;
	text-decoration-line: line-through;
}
.moreList .item .item_right .price .p_3{
	width: 1.8rem;
	height: .4rem;
	line-height: .4rem;
	text-align: center;
	font-weight: 600;
	font-size: .24rem;
	color: #8B4A02;
	position: absolute;
	top: -.3rem;
	left: 1.2rem;
	background: linear-gradient(90deg, #F5F198 0%, #F6DB46 100%);
}
.moreList .item .item_right .price .p_4{
	width: .72rem;
	height: .44rem;
	background: url('https://img.dahepiao.com/travelNew/version8.1/icon_qiang.png') no-repeat;
	background-size: cover;
	position: absolute;
	right: .35rem;
	top: .2rem;
}
.moreList .item .item_right .price .p_4:before{
	content: '';
	position: absolute;
	width: 0.02rem;
	height: .32rem;
	top: .04rem;
	left: -.2rem;
	background:#F6C2AF;
}
.moreList .item .item_right .price .p_5{
	width: .4rem;
	height: .8rem;
	background: url('https://img.dahepiao.com/travelNew/version8.1/icon_shandian.png') no-repeat;
	background-size: cover;
	position: absolute;
	right: -.25rem;
	top: 0;
}