body {
	background: #f7f7f7;
}

.headerBox {
	height: 0.8rem;
	padding: 0 .24rem;
	display: flex;
	align-items: center;
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	right: 0;
	max-width: 7.5rem;
	margin: 0 auto;
}
.headerBox i.icon-zuojiantou {
	font-size: .32rem;
	color: #fff
}
.headerBox img{
	position: absolute;
	right: 0;
	top: 0;
	width: .4rem;
	height: .4rem;
	padding: .32rem;
}
#swiper{
	height: 5rem;
	overflow: hidden;
}
#swiper .swiper-banner{
	position: absolute;
	top: 0;
	width: 100%;
	height: 5rem;
}
#swiper .swiper-banner img{
	width: 100%;
	height: 5rem;
}
#swiper .item_tags{
	z-index: 100;
	position: absolute;
	left: .16rem;
	bottom: .46rem;
	height: .44rem;
	line-height: .44rem;
	background:rgba(0,0,0,0.3);
	border-radius: .22rem;
	display: flex;
	align-items: center;
}

#swiper .item_tags em{
	display: inline-block;
	padding: 0 .15rem;
	font-size: .2rem;
	color: #fff;
	min-width: .7rem;
	height: .44rem;
	line-height: .44rem;
	position: relative;
}
#swiper .item_tags em::after{
	content: "";
	position: absolute;
	right: 0;
	width: 0.01rem;
	height: .16rem;
	top: .15rem;
	background: #fff;
}
#swiper  .item_tags em.active{
	background: #fff;
	color: #333;
	border-radius: .2rem;
}
#swiper  .item_tags em i{
	font-size: .22rem;
}
#swiper .item_tags em.active::after,#swiper .item_tags em:last-child::after{
	content: "";
	width: 0;
	height: 0;
	background: none;
}

#swiper .swiper-pagination {
    position: absolute;
    text-align: center;
    z-index: 10;
	display: inline-block;
    width: .9rem;
    height: .4rem;
	line-height: .4rem;
	border-radius: .2rem;
    z-index: 1000;
    right: .2rem;
	left: auto;
    bottom: .46rem;
	background: rgba(0,0,0,0.6);
	color: #fff;
	font-size: .24rem;
}
.main{
	position: relative;
	top: -.3rem;
	z-index: 1000;
}
.info{
	width: 100%;
	background: #fff;
	padding: .3rem;
	border-radius: .3rem .3rem .2rem .2rem;
}
.info .i1{
	font-weight: 600;
	font-size: .42rem;
	margin-bottom: .24rem;
    width: 5.5rem;
}
.info .i2{
	position: absolute;
	top: .3rem;
	right: .24rem;
	text-align: center;
}
.info .i2 .i2_image {
	display: inline-block;
	width: 1.08rem;
	height: .30rem;
	background: url('https://img.dahepiao.com/travelNew/web/icon_xingji1.png') no-repeat scroll 0 0;
	background-size: 1.08rem;
}

.info .i2 .i2_image .image{
	display: block;
	height: .30rem;
	width: 1.08rem;
	background: url('https://img.dahepiao.com/travelNew/web/icon_xingji.png') no-repeat 0 0;
	background-size:1.08rem;
}

.info .i2 .texts {
	font-weight: 600;
	font-size: .24rem;
}

.info .i2 .texts em{
	font-size: .42rem;
}
.info .i3{
	position: relative;
}
.info .i3 .i3_left{
	display: flex;
	align-items: center;
	white-space: nowrap;
	overflow-x: scroll;
	max-width: 78%;
}
.info .i3 .i3_left .item-11{
	height: .36rem;
	line-height: .36rem;
	text-align: center;
	font-size: .24rem;
	color: #7E3116;
	background: #FDF7D5;
	border-radius: 0.06rem;
	display: flex;
	align-items: center;
	margin-right: .08rem;
    padding: 0 .05rem;
}
.info .i3 .i3_left .item-11 img{
	width: .3rem;
	height: .26rem;
	margin: 0 0.1rem 0 0.05rem;
}

.info .i3 .i3_left .item-12{
	min-width:0.5rem;
	padding: 0 .1rem;
	height: .36rem;
	line-height: .36rem;
	background: #F7F7F7;
	border-radius: 0.06rem;
	text-align: center;
	font-size: .22rem;
	color: #999;
	display: inline-block;
	margin-right: .08rem;
}

.info .i3 .i3_right{
	font-size: .22rem;
	color: #0076EE;
	position: absolute;
	right: 0;
	top: 0.02rem;
	display: flex;
	align-items: center;
}
.info .i3 .i3_right i{
	font-size: .22rem;
	color: #0076EE;
}

.info .i4{
	border-top: 1px solid #eee;
	padding-top: .2rem;
	margin-top: .2rem;
}

.info .i4 .it1{
	font-weight: 600;
	font-size: 28rpx;
	margin-bottom: .1rem;
	max-width:90%;
}

.info .i4 .it2{
	font-size: .26rem;
	color: #999;
	max-width: 90%;
}
.info .i4 .map {
	text-align: center;
}
.info .i4 .map img{
	width: .48rem;
	height: .48rem;
}
.info .i4 .map p{
	display:block;
	font-size: .2rem;
	color: #999;
	margin-top: .05rem;
}

.scrollBox{
	margin-top: .24rem;
	background: #fff;
	border-radius: .2rem;
	overflow: hidden
}
.scrollBox .title{
	font-size: .32rem;
	font-weight: 600;
	padding: .2rem .24rem;
	color: #333333;
}
.scrollBox .item{
	margin: 0 .24rem .24rem;
}

.scrollBox .imgBox{
	height: 4.68rem;
	background: #EBEBEB;
	border-radius: .24rem;
	position: relative;
	overflow: hidden;
}

.scrollBox .imgBox .swiper-list{
	position: absolute;
	top: 0;
	width: 100%;
	height: 4.68rem;
}
.scrollBox .imgBox .swiper-list img{
	width: 100%;
	height: 4.68rem;
}
.scrollBox .imgBox .item_type{
	position: absolute;
	min-width: 1rem;
	padding: 0 .1rem;
	height: .4rem;
	line-height: .4rem;
	text-align: center;
	font-size: .26rem;
	background: #020202;
	border-radius: .24rem;
	z-index: 1000;
}

.scrollBox .item_cllect {
	z-index: 1000;
	width: .48rem;
	height:.48rem;
	text-align: center;
	line-height:.48rem;
	background: rgba(255, 255, 255, 0.85) url('https://img.dahepiao.com/travelNew/version8.1/icon_guanzhuw.png') no-repeat .125rem .16rem;
	border-radius: 50%;
	background-size: .22rem;
	position: absolute;
	right: .16rem;
	top: .16rem;
}
.scrollBox .item_cllect.active {
	background: rgba(255, 255, 255, 0.85) url('https://img.dahepiao.com/travelNew/version8.1/icon_guanzhu.png') no-repeat center;
	background-size: .22rem;
}

.scrollBox .item_tags{
	z-index: 100;
	position: absolute;
	left: .16rem;
	bottom: .16rem;
	height: .44rem;
	line-height: .44rem;
	background:rgba(0,0,0,0.3);
	border-radius: .22rem;
	display: flex;
	align-items: center;
}

.scrollBox .item_tags em{
	display: inline-block;
	padding: 0 .15rem;
	font-size: .2rem;
	color: #fff;
	min-width: .7rem;
	height: .44rem;
	line-height: .44rem;
	position: relative;
}
.scrollBox .item_tags em i{
	font-size: .22rem;
}
.scrollBox .item_tags em::after{
	content: "";
	position: absolute;
	right: 0;
	width: 0.01rem;
	height: .16rem;
	top: .15rem;
	background: #fff;
}
.scrollBox .item_tags em.active{
	background: #fff;
	color: #333;
	border-radius: .2rem;
}
.scrollBox .item_tags em.active::after,.scrollBox .item_tags em:last-child::after{
	content: "";
	width: 0;
	height: 0;
	background: none;
}

.scrollBox .swiper-pagination {
    position: absolute;
    text-align: center;
    z-index: 10;
    width: 20%;
    z-index: 10000;
    right: 0;
	left: auto;
    bottom: .24rem;
	font-size: .24rem;
	color: #fff;
}

.scrollBox .decBox .dec_1{
	font-weight: 600;
	font-size: .3rem;
	padding: .12rem 0;
	color: #333;
}
.scrollBox .decBox .dec_2{
	margin-bottom: .15rem;
}
.scrollBox .decBox .dec_2 span{
	min-width: 1.5rem;
	padding: 0 .15rem 0 .45rem;
	height: .4rem;
	border-radius: 0.06rem;
	background:#FDF7D5 url('https://img.dahepiao.com/travelNew/version8.1/icon_paiming.png') no-repeat .1rem .05rem;
	background-size: .26rem;
	font-weight: 600;
	font-size: .24rem;
	color: #7E3116;
}
.scrollBox .decBox .dec_2 em{
	display: inline-block;
	margin-left: .18rem;
	font-size: .24rem;
	color: #333;
}
.scrollBox .decBox .dec_3 span{
	display: inline-block;
	min-width: .6rem;
	padding: 0 .1rem;
	height: .36rem;
	line-height: .36rem;
	background: #fff;
	border-radius: .08rem;
	border-radius: 0.08rem;
	font-size: .22rem;
	color: #666666;
	border: 1px solid #EEEEEE;
}
.scrollBox .decBox .dec_3 span.blue{
	color: #0076EE;
	border: 1px solid #0076EE;
}
.scrollBox .decBox .dec_3 span.red{
	color: #DB6647;
	border: 1px solid #DB6647;
}
.scrollBox .decBox .dec_4{
	margin-top: .15rem;
	display: flex;
	align-items:center;
	position: relative;
}
.scrollBox .decBox .dec_4 .dec_41 em:nth-child(1){
	font-size: .22rem;
	color: #FA4B5D;
	font-weight: 500;
}
.scrollBox .decBox .dec_4 .dec_41 em:nth-child(2){
	font-size: .3rem;
	color: #FA4B5D;
	font-weight:600;
}
.scrollBox .decBox .dec_4 .dec_41 em:nth-child(3){
	font-size: .22rem;
	color: #999;
}
.scrollBox .decBox .dec_4 .dec_42{
	min-width: 1.5rem;
	padding: 0 .1rem 0 0;
	height: .3rem;
	background: linear-gradient(90deg, #FFFFFF 0%, #FFE5E8 100%);
	border-radius: 0.06rem;
	font-size: .2rem;
	color: #FA4B5D;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items:center;
	margin-left: .2rem;
}
.scrollBox .decBox .dec_4 .dec_42 em{
	display: inline-block;
	height: 100%;
	width: .7rem;
	background: url('https://img.dahepiao.com/travelNew/version8.1/icon_shenquan.png') no-repeat;
	background-size:.7rem 100%;
	margin-right: .1rem;
}
.scrollBox .decBox .dec_4 .dec_43{
	color: #999;
	font-size: .24rem;
	position: absolute;
	right: 0;
}