body {
	background: #F7F7F7;
}

.headerBox {
	position: relative;
	width: 7.5rem;
}

.headerBox .img {
	width: 7.5rem;
	height: 3.6rem;
}

.headerBox .titleBox {
	position: absolute;
	top: 1.15rem;
	width: 7.5rem;
	padding: .24rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.headerBox .titleBox .d1 {
	font-size: .32rem;
	color: #FFFFFF;
}

.headerBox .titleBox .d1 span i {
	font-size: .32rem;
}

.headerBox .titleBox .d1 span.active i {
	font-size: .36rem;
}

.headerBox .titleBox .d1 span.active {
	font-weight: 600;
	font-size: .36rem;
	color: #FFFFFF;
	background: url("https://img.dahepiao.com/travelNew/icon_seeimg.png") no-repeat .15rem .20rem;
	background-size: .34rem;
}

.headerBox .titleBox .imgs {
	width: .64rem;
	height: .64rem;
	background: #FFFFFF;
	border-radius: 50%;
}

.search {
	width: 7.02rem;
	height: .74rem;
	background: #FFFFFF;
	border-radius: .37rem;
	position: relative;
	margin-top: -.48rem;
	left: .24rem;
	display: flex;
	align-items: center;
}

.search i {
	margin-left: .32rem;
	margin-right: .12rem;
	font-size: .32rem;
	color: #999999;
}

.search input {
	font-size: .24rem;
	width: 80%;
}

.info {
	padding: .24rem;
	margin-top: .1rem;
}

.scrollBox {
	margin-top: .24rem;
	margin-bottom: .24rem;
}

.scrollBox .cityList {
	overflow-x: scroll;
	white-space: nowrap;
}

.scrollBox .cityList li {
	display: inline-block;
	width: 1.43rem;
	text-align: center;
	height: .60rem;
	line-height: .6rem;
	background: #FFFFFF;
	color: #333333;
	font-size: .24rem;
	border-radius: .12rem;
	margin-right: .16rem;
}

.scrollBox .cityList li.active {
	font-weight: 600;
	background: #0076EE;
	color: #FFFFFF;
}

.info .title .t1 {
	font-size: .32rem;
	color: #333333;
	font-weight: 600;
}

.info .title .t2 {
	font-size: .24rem;
	color: #999999;
}

.info .title .t2 i {
	font-size: .24rem;
	color: #999999;
}

.info .firstListBox {
	margin-bottom: .48rem;
}

.info .firstListBox .fRight {
	position: relative;
}

.info .firstListBox .fRight img {
	width: 3rem;
	height: 2rem;
	border-radius: .16rem;
}

.info .firstListBox .fRight .title {
	font-size: .26rem;
	color: #333333;
	max-width: 3rem;
	margin-top: .15rem;
}

.info .firstListBox .fRight .price {
	position: absolute;
	top: 1.48rem;
	left: 0;
	font-size: .26rem;
	color: #FFFFFF;
}

.info .firstListBox .fRight .price span {
	font-size: .18rem;
	color: #FFFFFF;
}

.info .firstListBox .fLeft {
	width: 3.86rem;
}

.info .firstListBox .fLeft .f1 {
	margin-bottom: .16rem;
}

.info .firstListBox .fLeft img {
	width: 1.70rem;
	height: 1.12rem;
	border-radius: .16rem;
}

.info .firstListBox .fLeft .title {
	max-width: 1.97rem;
	font-size: .26rem;
	color: #333333;
}

.info .firstListBox .fLeft .price {
	margin-top: .15rem;
	font-size: .26rem;
	color: #FA4B5D;
}

.info .firstListBox .fLeft .price span {
	font-size: .18rem;
	color: #999999;
}

.jingdianList {
	display: flex;
	align-items: center;
	margin-top: .23rem;
	margin-bottom: .3rem;
}

.jingdianList .tuijian {
	width: .78rem;
	height: 2.20rem;
	background: #0076EE;
	border-radius: .16rem;
	text-align: center;
}

.jingdianList .tuijian div:first-child {
	width: .26rem;
	margin: 0 auto;
	font-size: .26rem;
	color: #FFFFFF;
	text-align: center;
	padding-top: .3rem;
}

.jingdianList .tuijian div:last-child {
	margin: 0 auto;
	width: .24rem;
	height: .24rem;
	background: #FFFFFF;
	border-radius: .12rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.jingdianList .tuijian div:last-child i {
	font-size: .2rem;
	color: #0076EE;
}

.jingdianList .imgList {
	overflow-x: scroll;
	white-space: nowrap;
	display: flex;
	align-items: center;
}

.jingdianList .imgList .imgItem {
	position: relative;
	margin-left: .16rem;
}

.jingdianList .imgList .imgItem div {
	position: absolute;
	top: 1.75rem;
	left: .21rem;
	max-width: 1.8rem;
	font-size: .26rem;
	color: #FEFEFE;
}

.jingdianList .imgList .imgItem img {
	width: 2.20rem;
	height: 2.20rem;
	background: #CCCCCC;
	border-radius: .16rem;
}

.youlunBox {
	background: linear-gradient(0deg, #F7F7F7 0%, #E4F5FF 100%);
	border-radius: .20rem .20rem 0 0;
	width: 7.5rem;
	height: 5rem;
	padding: .24rem;
	margin-bottom: 1.5rem;
}

.youlunBox .title .t1 {
	font-size: .32rem;
	font-weight: 600;
	color: #333333;
}

.youlunBox .ylList {
	overflow-x: scroll;
	white-space: nowrap;
	display: flex;
	align-items: center;
}

.youlunBox .ylList .ylItem {
	width: 2.8rem;
	position: relative;
	margin-right: .16rem;
}

.youlunBox .ylList .ylItem img {
	width: 2.8rem;
	height: 2.8rem;
	border-radius: .16rem;
}

.youlunBox .ylList .ylItem .title {
	font-size: .26rem;
	color: #333333;
	max-width: 2.8rem;
	white-space: pre-wrap;
	margin-top: .21rem;
	margin-bottom: .1rem;
}

.youlunBox .ylList .ylItem .time {
	font-size: .2rem;
	color: #FFFFFF;
	position: absolute;
	top: 2.37rem;
	left: .66rem;
}

.youlunBox .ylList .ylItem .price {
	font-size: .24rem;
	color: #FA4B5D;
}

.youlunBox .ylList .ylItem .price span {
	font-size: .20rem;
	color: #999999;
}

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

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

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

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


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

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


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

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

.moreList .moreItem.jiudian .i3 {
	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;
}

.lookCity {}

.lookCity .topTitle {
	width: 7.5rem;
	display: flex;
	align-items: center;
	margin-top: -.6rem;
	position: relative;

}

.lookCity .topTitle div {
	width: 2.5rem;
	background: #F7F7F7;
	line-height: 1rem;
	height: 1.22rem;
	text-align: center;
	font-size: .28rem;
	color: #333333;
}

.lookCity .topTitle div:nth-child(1) {
	border-radius: .44rem 0 0 0;
}

.lookCity .topTitle div:nth-child(3) {
	border-radius: 0 .44rem 0 0;
}

.lookCity .topTitle div.active {
	height: 1.5rem;
	line-height: 1.2rem;
	border-radius: .22rem .22rem 0 0;
	background-color: #FFFFFF;
	font-size: .32rem;
	color: #0076EE;
}

.lookCity .ycList {
	display: flex;
	align-items: center;
	width: 7.5rem;
	height: 3.42rem;
	background: linear-gradient(0deg, #F7F7F7 0%, #FFFFFF 100%);
	border-radius: 0 .44rem 0 0;
	margin-top: -.3rem;
	position: relative;
	overflow-x: scroll;
	white-space: nowrap;
	padding: .24rem;
}

.lookCity .ycList .ycItem {
	width: 3.1rem;
	height: 3.1rem;
	border-radius: .20rem;
	position: relative;
	margin-right: .16rem;
}

.lookCity .ycList .ycItem img {
	width: 3.1rem;
	height: 3.1rem;
	border-radius: .20rem;
}

.lookCity .ycList .ycItem .i1 {
	position: absolute;
	left: .16rem;
	top: .16rem;
	font-size: .2rem;
	color: #FFFFFF;
	width: 1.16rem;
	height: .36rem;
	line-height: .36rem;
	text-align: center;
	background: rgba(0, 0, 0, .3);
	border-radius: .18rem;
}

.lookCity .ycList .ycItem .info {
	position: absolute;
	bottom: 0;
}

.lookCity .ycList .ycItem .info .i2 {
	white-space: pre-wrap;
	max-width: 2.53rem;
	font-size: .26rem;
	color: #FFFFFF;
	margin-bottom: .11rem;
}

.lookCity .ycList .ycItem .info .i3 {
	font-size: .22rem;
	color: #FFBD4B;
}

.lookCity .bangdan {
	display: flex;
	overflow-x: scroll;
	white-space: nowrap;
	padding: .24rem;
}

.lookCity .bangdan .bangdanList {
	min-width: 4rem;
	height: 4.51rem;
	background: #FFFFFF;
	border-radius: .20rem;
	padding: .24rem;
	margin-right: .24rem;
	background: linear-gradient(0deg, #FFFFFF 0%, #E5FFE6 100%);
}

.lookCity .bangdan .bangdanList .bangdanTitle {
	display: flex;
	align-items: center;
	justify-content: space-between;

}

.lookCity .bangdan .bangdanList .bangdanTitle img {
	width: 1rem;
	height: auto;
}

.lookCity .bangdan .bangdanList.rexiao {
	background: linear-gradient(0deg, #FFFFFF 0%, #FCFFDF 100%);
}

.lookCity .bangdan .bangdanList .bangdanTitle div:last-child {
	width: .78rem;
	height: .32rem;
	line-height: .32rem;
	text-align: center;
	font-size: .18rem;
	color: #FFFFFF;
	background: #24C527;
	border-radius: .16rem;
}

.lookCity .bangdan .bangdanList.rexiao .bangdanTitle div:last-child {
	background: #FF752A;
}

.lookCity .bangdan .bangdanList .bangdanTitle div:last-child i {
	font-size: .18rem;
	color: #FFFFFF;
}

.lookCity .bangdan .bangdanList .bangdanItem {
	display: flex;
	align-items: center;
	margin-top: .24rem;
	position: relative;
}

.lookCity .bangdan .bangdanList .bangdanItem .img {
	width: 1rem;
	height: 1rem;
	border-radius: .14rem;
}

.lookCity .bangdan .bangdanList .bangdanItem .imgs {
	position: absolute;
	top: 0;
	left: 0;
	width: .24rem;
	height: .24rem;

}

.lookCity .bangdan .bangdanList .bangdanItem .bangdanInfo {
	max-width: 2.32rem;
	margin-left: .17rem;
}

.lookCity .bangdan .bangdanList .bangdanItem .bangdanInfo .i1 {
	font-size: .26rem;
	color: #333333;
	white-space: pre-wrap;
}

.lookCity .bangdan .bangdanList .bangdanItem .bangdanInfo .i2 {
	font-size: .2rem;
	color: #999999;
	margin-top: .06rem;
}

.playList .playTitle {
	font-size: .32rem;
	font-weight: 600;
	margin-top: .36rem;
	color: #333333;
}
.dropload-down{
    text-align: center;
    padding: .24rem;
}