body {
	background: #F7F7F7;
}

.headerBox {
	background: url(https://img.dahepiao.com/travelNew/bg_bejing2.png) no-repeat bottom;
	background-size: cover;
	width: 7.5rem;
	height: 1rem;
	padding: .24rem;
}

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

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

.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 input {
	margin-right: .15rem;
	margin-left: .15rem;
	width: 3.2rem;
	font-size: .24rem;
}

.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 {
	background: url(https://img.dahepiao.com/travelNew/bg_bejing3.png) no-repeat top;
	background-size: cover;
	height: 5rem;
	padding: .24rem;
}

.firstList {
	padding-top: .2rem;
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.firstList .firstItem {
	text-align: center;
	font-size: .24rem;
	color: #333333;
}

.firstList .firstItem img {
	width: .9rem;
	height: .9rem;
}

.firstList .firstItem.active {
	color: #0076EE;
}

.secondList {
    width: 7.02rem;
    height: 3.09rem;
    background: #FFFFFF;
    border-radius: .20rem;
    margin-top: .4rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 0.15rem 0;
}

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

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

.secondList .secondItem img {
	width: .66rem;
	height: .66rem;
}

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

.prefecture {
	padding: .24rem;
}

.prefecture .prefectureItem {
	width: 3.43rem;
	background: #FFFFFF;
	border-radius: .20rem;
	padding: .24rem;
}

.prefecture .prefectureItem.tejia {
	background: url('https://img.dahepiao.com/travelNew/bg_stejia.png') no-repeat;
	background-size: cover;
}

.prefecture .prefectureItem.hot {
	background: url('https://img.dahepiao.com/travelNew/bg_srexiao.png') no-repeat;
	background-size: cover;
}

.prefecture .prefectureItem .topTitle {
	margin-bottom: .22rem;
}

.prefecture .prefectureItem .topTitle .imgs {
	width: 1rem;
	height: auto;
}

.prefecture .prefectureItem .topTitle a div {
	font-size: .18rem;
	color: #FFFFFF;
	width: .78rem;
	height: .32rem;
	border-radius: .16rem;
	text-align: center;
	line-height: .32rem;
}

.prefecture .prefectureItem.tejia .topTitle a div {
	background: #24C527;
}

.prefecture .prefectureItem.hot .topTitle a div {
	background: #FF752A;
}

.prefecture .prefectureItem .topTitle a div i {
	font-size: .18rem;
	color: #FFFFFF;
}

.prefecture .prefectureItem .bottomInfo img {
	width: 2.95rem;
	height: 1.80rem;
	border-radius: .14rem;
}

.prefecture .prefectureItem .bottomInfo {
	position: relative;
}

.prefecture .prefectureItem .bottomInfo .infoBox {
	position: absolute;
    bottom: .05rem;
    left: 0;
	font-size: .24rem;
	color: #FFFFFF;
    background: rgba(0, 0, 0, .2);
    padding: .13rem .24rem;
    border-radius: 0 0 .2rem .2rem;
}

.prefecture .prefectureItem .bottomInfo .infoBox .infoTitle {
	max-width: 2.45rem;
	margin-bottom: .11rem;
}

.prefecture .prefectureItem .bottomInfo .infoBox .infoPrice span:nth-child(2) {
	font-size: .18rem;
	padding: .05rem .1rem;
	border-radius: .06rem;
}

.prefecture .prefectureItem.tejia .bottomInfo .infoBox .infoPrice span:nth-child(2) {
	background: #24C527;
}

.prefecture .prefectureItem.hot .bottomInfo .infoBox .infoPrice span:nth-child(2) {
	background: linear-gradient(0deg, #FB364E 0%, #F69C3A 100%);
}

.hotList {
    padding: 0 .24rem .3rem;
}

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

.hotList .hotTitle a div {
	width: .78rem;
	height: .32rem;
	line-height: .32rem;
	background: #FF752A;
	border-radius: .16rem;
	font-size: .18rem;
	color: #FFFFFF;
	text-align: center;
}

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

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

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

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

.hotList .hotItem .i1 {
    font-size: .26rem;
    padding: 0 .1rem;
    color: #333333;
    display: block;
    font-weight: 600;
    width: 100%;
}

.hotList .hotItem .i2 {
    padding: 0 .1rem .1rem;
}

.hotList .hotItem .i2 span:nth-child(1) {
    font-size: .26rem;
    color: #FA4B5D;
}

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

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

.moreList .moreTitle {
    font-size: .30rem;
    color: #333333;
    display: flex;
    margin-bottom: .3rem;
}

.moreList .moreTitle .item {
    display: flex;
    align-items: center;
    position: relative;
    margin-right: .4rem;
}

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

.moreList .moreTitle .item.active .img1 {
	width: .4rem;
	height: .4rem;
}

.moreList .moreTitle .item .img1 {
	width: .32rem;
	height: .32rem;
	margin-right: .1rem;
}

.moreList .moreTitle .item .img2 {
	position: absolute;
	width: .48rem;
	height: auto;
	left: .3rem;
	top: .2rem;
	display: none;
}

.moreList .moreTitle .item.active .img2 {
	display: inline-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;
}