body{
	background: #F7F7F7;
}
.headerBox {
	background: #fff;
	width: 7.5rem;
	height: 0.8rem;
	padding:  0 .24rem;
	margin: 0 auto;
}

.headerBox .box {
	width: 7.02rem;
	height: .64rem;
	background: #FFFFFF;
	border-radius: .32rem;
	display: flex;
	align-items: center;
	font-size: .24rem;
	margin-top: .08rem;
	border: 1px solid #5C9AFF;
}

.headerBox .box .cityI {
	max-width: 1.9rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
    display: flex;
    align-items: center;
}
.icon-xiangshang2{
    font-size: .26rem!important;
	margin-top: .05rem;
}
.headerBox .box .cityI .icon-dingwei {
    margin-left: .2rem;
    margin-right: .05rem;
	color: #2C7CFF;
}

.headerBox .box .cityI .cityTop {
    margin-right: .1rem;
    max-width: .5rem;
    overflow: hidden;
}

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

.headerBox .box .cityI {
    font-size: .26rem;
}

.headerBox .search {
	display: flex;
	align-items: center;
}
.headerBox .search i{
	font-size: .26rem;
}
.headerBox .search input {
	margin-right: .15rem;
	margin-left: .15rem;
	width: 3.6rem;
	height: .6rem;
	font-size: .26rem;
}

.headerBox .search .searchText {
	min-width: .90rem;
	height: .48rem;
	background: linear-gradient(-90deg, #3B85FF 0%, #5898FF 100%);
	border-radius: .24rem;
	font-size: .24rem;
	color: #FFFFFF;
	line-height: .48rem;
	text-align: center;
    border: none;
}

.menu-box {
	padding: .24rem;
	background: linear-gradient(0deg, #F7F7F7 1%, #FFFFFF 100%);
}
.menu-box .menu-list {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.menu-box .menu-list .menu-item {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.menu-box .menu-list .menu-item img{
	width: 1.62rem;
	height: .9rem;
	border-radius: .24rem;
	margin-bottom: .1rem;
}
.menu-box .menu-list .menu-item em{
	font-size: .24rem;
	color: #333333;
}
.menu-box .menu-lists {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-around;
	width: 7.02rem;
}
.menu-box .menu-lists .menu-items {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 20%;
	position: relative;
	margin-top: .24rem;
}
.menu-box .menu-lists .menu-items img {
	width: .58rem;
	height: .58rem;
	margin-bottom: 0.09rem;
}
.menu-box .menu-lists .menu-items em{
	font-size: .22rem;
	color: #333;
}
.menu-box .menu-lists .menu-items .tags {
	position: absolute;
	z-index: 100;
	right: -.1rem;
	top: -.13rem;
	min-width: .5rem;
	padding: 0.02rem .1rem;
	text-align: center;
	background: linear-gradient(90deg, #FAE160 0%, #F9E15F 100%);
	color: #333;
	font-weight: 600;
	font-size: .2rem;
	border-radius: .15rem .15rem .15rem 0;
	transition: all 2s linear;
	animation: jump .5s ease-in-out infinite alternate;
	white-space: nowrap;
}

@keyframes jump {
	from {
		transform: scale(1.0)
	}

	to {
		transform: scale(1.05)
	}
}

.mustrob {
	margin:.15rem .24rem .24rem;
	padding: 0 0 0 .24rem;
	background: #FFFFFF;
	border-radius: .2rem;
}
.mustrob .more{
	font-size: .24rem;
	color: #999;
	display: flex;
	align-items: center;
	margin-right: .1rem;
}
.mustrob .more i{
	font-size: .24rem;
	color: #999;
}
.mustrob .img1 {
	width: 1.34rem;
	height: .41rem;
	margin: .18rem 0;
}
.mustrob .mustrob_list {
	display: flex;
	align-items: center;
	white-space: nowrap;overflow-x: scroll;
}
.mustrob .mustrob_list .mustrob_item {
	width: 1.9rem;
	margin-right: .16rem;
	height: 3.3rem;
}
.mustrob .mustrob_list .mustrob_item .imgBox {
	width:1.9rem;
	height: 1.9rem;
	background: #00A2E9;
	border-radius: .14rem;
	position: relative;
}
.mustrob .mustrob_list .mustrob_item .imgBox .img2 {
	width: 1.9rem;
	height: 1.9rem;
	border-radius: .14rem;
}
.mustrob .mustrob_list .mustrob_item .imgBox div{
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	width: 1.9rem;
	height: .36rem;
	line-height: .36rem;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
	border-radius: 0 0 .14rem .14rem;
	font-weight: 600;
	font-size: .18rem;
	color: #FFF;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mustrob .mustrob_list .mustrob_item .imgBox .img3 {
	width: .2rem;
	height: .2rem;
}
.mustrob .mustrob_list .mustrob_item .must_title {
	font-weight: 600;
	font-size: .26rem;
	color: #333;
	margin: .1rem 0;
}
.mustrob .mustrob_list .mustrob_item .must_price {
	display: flex;
	align-items: center;
}
.mustrob .mustrob_list .mustrob_item .must_price img{
	width: .74rem;
	height: .24rem;
	margin-left: 0.05rem;
}
.mustrob .mustrob_list .mustrob_item .must_price em{
	font-weight: 600;
	font-size: .28rem;
	color: #FD4C36;
}
.mustrob .mustrob_list .mustrob_item .must_prices {
	font-size: .2rem;
	color: #999999;
	line-height: .3rem;
	margin-bottom: 24rem;
}
.mustrob .mustrob_list .mustrob_item .must_prices em {
	text-decoration-line: line-through;
}

#swiper {
	border-radius: .2rem;
	overflow: hidden;
	margin: .24rem .24rem 0;
}

#swiper .swiper-slide,
#swiper .swiper-slide img {
	height: 1.7rem;
	width: 100%;
}

.linkBox{
	margin:.24rem .24rem .15rem;
	display: inline-block;
}
.linkBox .link_1{
	display: inline-block;
	width: 3.22rem;
	height: 3.22rem;
	background: linear-gradient(90deg, #FFD39B 0%, #FFA246 100%);
	border-radius: .22rem;
	border: 1px solid #fff;
	position: relative;
	float: left;
}
.linkBox .link_1 .link_11{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url('https://img.dahepiao.com/travelNew/version8.1/%E7%BB%842191.png') no-repeat;
	background-size: 3.22rem;
	z-index: 99;
}

.linkBox .link_1 .l_1{
	font-size: .24rem;
	color: #fff;
	padding: .05rem .12rem;
	position: absolute;
	top: 0;
	right: 0;
	font-size: .22rem;
	z-index: 100;
}
.linkBox .link_1 .l_2{
	font-weight: 600;
	font-size: 36rpx;
	color: #FF8B1A;
	position: absolute;
	top: .33rem;
	left: .26rem;
	z-index: 100;
}
.linkBox .link_1 .l_3{
	padding: 0 .15rem;
	height: .43rem;
	font-weight: 400;
	font-size: .24rem;
	color: #fff;
	position: absolute;
	top: .85rem;
	background: #FFA248;
	text-align: center;
	line-height: .43rem;
	border-radius: .22rem;
	left: 0.25rem;
	z-index: 100;
}

.linkBox .link_2,.linkBox .link_3{
	width: 3.56rem;
	height: 1.52rem;
	display: inline-block;
	float: left;
	background: linear-gradient(90deg, #FFFFFF 0%, #F0FBFF 100%);
	border-radius: .2rem;
	border: 1px solid #fff;
	margin-left: .15rem;
}

.linkBox .link_2 .link_22,.linkBox .link_3 .link_32{
	position: absolute;
	width: 3.62rem;
	height: 1.52rem;
	z-index: 99;
}
.linkBox .link_2 .link_22{
	background: url('https://img.dahepiao.com/travelNew/version8.1/rili.png') no-repeat right top;
	background-size:1.5rem;
}
.linkBox .link_3 .link_32{
	background: url('https://img.dahepiao.com/travelNew/version8.1/icon_jiangbei.png') no-repeat right top;
	background-size:1.5rem;
}
.linkBox .link_2 .l_1,.linkBox .link_3 .l_1{
	position: absolute;
	top: .45rem;
	left: .24rem;
	font-family: GLJ-GBT;
	font-size: .28rem;
}
.linkBox .link_2 .l_1{
	color: #367DFF;
}

.linkBox .link_3{
	margin-top: .16rem;
}

.linkBox .link_3 .l_1{
	color: #FA5771;
}
.linkBox .link_2 .l_2,.linkBox .link_3 .l_2{
	position: absolute;
	top: .85rem;
	left: .24rem;
	font-family: GLJ-GBT;
	font-size: .22rem;
	color: #999;
}


.hot_box {
	margin: 0 .24rem .24rem;
	padding: 0 .24rem;
	background: #FFFFFF;
	height: 3.68rem;
	border-radius: .2rem;
}
.hot_box .hot_title {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.hot_box .hot_title img {
	width: 1.34rem;
	height: .41rem;
	margin: .18rem 0;
}
.hot_box .hot_title .more{
	font-size: .24rem;
	color: #999;
	display: flex;
	align-items: center;
}
.hot_box .hot_title .more i{
	font-size: .24rem;
	color: #999;
}
.hot_box .hot_list {
	display: flex;
	align-items: center;
	white-space: nowrap;
	overflow-x: scroll;
}
.hot_box .hot_item {
	margin-right: .16rem;
}
.hot_box .hot_item .imgBox {
	position: relative;
	width: 1.9rem;
	height:  1.9rem;
	background: #00A2E9;
	border-radius: .14rem;
}
.hot_box .hot_item .imgBox .img1 {
	width: 1.9rem;
	height:  1.9rem;
	border-radius: .14rem;
}
.hot_box .hot_item .imgBox .hot_num {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0.07rem .1rem;
	background: linear-gradient(0deg, #FFCD8C 0%, #FFF0DC 100%);
	border-radius: .14rem 0 .14rem 0;
	font-size: .18rem;
	color: #FF9600;
}
.hot_box .hot_item .imgBox .t2 {
	position: absolute;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	width:1.9rem;
	height: .36rem;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
	border-radius: 0 0 .14rem .14rem;
}
.hot_box .hot_item .imgBox .t2 .img2 {
	width: .12rem;
	height: .14rem;
	margin-left: .15rem;
	margin-right: .08rem;
	margin-top: .08rem;
}
.hot_box .hot_item .imgBox .t2 em{
	font-weight: 600;
	font-size: .18rem;
	color: #FFFFFF;
}

.hot_box .hot_item_title {
	font-weight: 600;
	font-size: .26rem;
	color: #333333;
	margin: .1rem 0;
	width: 1.9rem;
}

.hot_box .hot_price {
	font-weight: 600;
	font-size: .26rem;
	color: #FA4B5D;
	line-height:.3rem;
	display: flex;
	align-items: baseline;
}
.hot_box .hot_price .p1 {
	font-size: .2rem;
}

.hot_box .hot_price .p2 {
	font-size: .2rem;
	color: #999999;
}
.rank_box{
	padding: 0 .16rem;
	font-size: 0;
}
.rank_item{
	width: 2.26rem;
	height: 3.22rem;
	border-radius:.2rem;
	overflow: hidden;
	position: relative;
	margin-left: .1rem;
	display: inline-block;
}
.rank_item img{
	width: 100%;
	height: 100%;
	position: absolute;
}
.rank_item .bg1{
	position: absolute;
	height: .84rem;
	font-size: .3rem;
	font-weight: 600;
	line-height: .6rem;
	top: 0;
	color: #fff;
	width: 100%;
	z-index: 1000;
}
.rank_item .bg1 span,.rank_item .bg2 span{

	position: absolute;
	z-index: 100;
	height: 1rem;
	width: 100%;
}
.rank_item .bg1 i{
	width: .26rem;
	height: .26rem;
	line-height:.26rem;
	text-align: center;
	background: linear-gradient(90deg, #FFE26C 0%, #FFD428 100%);
	border-radius: 0.05rem;
	font-size: .15rem;
	color: #fff;
	display: inline-block;
	vertical-align: top;
	margin-top: .16rem;
}
.rank_item .bg1 em::before{
	content:'';
	width: 100%;
	position: absolute;
	top: 0;
	height: .4rem;
	left: 0;
	right: 0;
}
.rank_item .bg1 em::after{
	content:'';
	width: 100%;
	height: .36rem;
	position: absolute;
	top: .4rem;
	left: 0;
	right: 0;
}

.rank_item .bg2{
	position: absolute;
	height: .4rem;
	font-size: .26rem;
	font-weight: 600;
	line-height: .4rem;
	bottom: 0;
	color: #fff;
	width: 100%;
	z-index: 1000;
}
.rank_item .bg1 span{
	padding:0 .1rem;
    text-align: center;
}
.rank_item .bg2 span{
	bottom: 0;
	padding: .2rem .1rem;
}
.rank_item .bg2 em::before{
	content:'';
	width: 100%;
	position: absolute;
	top: 0;
	height: .4rem;
	left: 0;
	right: 0;
}
.rank_item .bg2 em::after{
	content:'';
	width: 100%;
	height: .36rem;
	position: absolute;
	bottom: .4rem;
	left: 0;
	right: 0;
}


.rank_item1 .bg1 em::before,.rank_item .bg2 em::before{
	background: #1EAA34;
}

.rank_item .bg1 em::after{
	background: linear-gradient(0deg, rgba(30,170,52,0) 0%, #1EAA34 100%);
}
.rank_item .bg2 em::after{
	background: linear-gradient(0deg, #1EAA34 0%, rgba(30,170,52,0) 100%);
}
.rank_item2 .bg1 em::before,.rank_item2 .bg2 em::before{
	background: #EA7A05;
}

.rank_item2 .bg1 em::after{
	background: linear-gradient(0deg, rgba(234,122,5,0) 0%, #EA7A05 100%);
}
.rank_item2 .bg2 em::after{
	background: linear-gradient(0deg, #EA7A05 0%, rgba(234,122,5,0) 100%);
}
.rank_item3 .bg1 em::before,.rank_item3 .bg2 em::before{
	background: #4F4DCF;
}

.rank_item3 .bg1 em::after{
	background: linear-gradient(0deg, rgba(79,77,207,0) 0%, #4F4DCF 100%);
}
.rank_item3 .bg2 em::after{
	background: linear-gradient(0deg, #4F4DCF 0%, rgba(79,77,207,0) 100%);
}

.moreList {
	padding: .24rem .24rem 1.2rem;
	margin-top: 0.4rem;
}

.moreList .moreTitle {
    display: flex;
    margin-bottom: .3rem;
}

.moreList .moreTitle .item {
    display: flex;
    align-items: center;
    position: relative;
    margin-right: .4rem;
	font-size: .26rem;
	color: #999;
}
.moreList .moreTitle .item em{
	display: inline-block;
	width: .48rem;
	height: .42rem;
	background: url('https://img.dahepiao.com/travelNew/icon_more.png') no-repeat;
	background-size: cover;
	position: absolute;
	bottom: -.1rem;
	left: 50%;
	display: none;
	margin-left: -.24rem;
}

.moreList .moreTitle .item.active {
	font-weight: 600;
	font-size: .32rem;
	color: #333;
}

.moreList .moreTitle .item.active em{
	display: block;
}

.dropload-down{
    text-align: center;
    padding: .24rem;
}
.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;
	display: inline-block;
	box-shadow: 0 0 .05rem #ddd;
	page-break-inside: avoid;
	break-inside: avoid;
}

.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;
    font-weight: 600;
    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: .18rem;
	color: #999999;
	margin-left: .16rem;
	margin-right: .16rem;
}

.moreList .moreItem.jiudian .i1 {
	display: flex;
	align-items: center;
	height: .30rem;
}

.moreList .moreItem.jiudian .i1 .g_3_image {
    display: inline-block;
    width: 1.70rem;
    height: .30rem;
    background: url('../image/icon_pingden2.png') no-repeat scroll 0 0;
    background-size: 1.7rem;
}

.moreList .moreItem.jiudian .i1 .g_3_image .image {
    display: block;
    height: .30rem;
    width: 47%;
    background: url('../image/icon_pingden1.png') no-repeat 0 0;
    background-size: 1.7rem;
}

.moreList .moreItem.jiudian .i1 .texts {
	font-size: .26rem;
	font-weight: 600;
	color: #fa4b5d;
	margin-left: .10rem;
}

.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 {
    display: inline-block;
	padding: .07rem .09rem;
	border: .01rem solid #EEEEEE;
	border-radius: .06rem;
}
.moreList .moreItem .i1 span:nth-child(2){
    margin-left: .08rem;
}
.moreList .moreItem .i2 {
    font-size: .26rem;
    color: #FA4B5D;
    padding-bottom: .24rem;
    margin-top: .15rem;
    margin-left: .16rem;
    margin-right: .16rem;
    font-weight: 600;
}

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

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

.moreList .moreItem .i3 {
    position: absolute;
    top: 3rem;
    left: 1.16rem;
    font-size: .24rem;
    color: #FFFFFF;
}

.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;
}