body {
	background: #F7F7F7;
}

.headerBox {
	position: relative;
}

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

.headerBox i {
	position: absolute;
	top: 0;
	left: 0;
	padding: .24rem;
	color: #FFFFFF;
	font-size: .26rem;
    z-index: 99;
}

.infoBox {
	padding: .24rem;
    width: 7.5rem;
}

.infoBox .iptBox {
	position: relative;
	margin-top: -2rem;
	width: 7.02rem;
	background: #FFFFFF;
	border-radius: 0 0 .22rem .22rem;
	background: url('https://img.dahepiao.com/travelNew/icon_kuangjiudian.png') round;
    z-index: 99;
}

.infoBox .iptBox .topTitle {
	display: flex;
	position: relative;
	border-radius: .4rem .22rem 0 0;
	padding-top: .2rem;
}

.infoBox .iptBox .topTitle div {
	width: 3.51rem;
	line-height: .78rem;
	height: 1.1rem;
	text-align: center;
	font-size: .28rem;
	color: #333333;
	background: rgba(255, 255, 255, .6);
}

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

.infoBox .iptBox .topTitle div:nth-child(2) {
	border-radius: 0 .44rem 0 0;
}

.infoBox .iptBox .topTitle div.active {
	font-size: .32rem;
	color: #0076EE;
}

.infoBox .iptBox .address {
	display: flex;
	align-items: center;
	padding: .36rem;
	border-bottom: .01rem solid #EEEEEE;
	padding-top: 0;
}

.infoBox .iptBox .address .a1 {
	min-width: 1.26rem;
	display: flex;
	align-items: center;
}

.spanLine {
	width: .02rem;
	height: .40rem;
	background: #EEEEEE;
	margin-left: .25rem;
	margin-right: .25rem;
}

.infoBox .iptBox .address .a1 .img1 {
	width: .3rem;
	height: .3rem;
}

.infoBox .iptBox .address .a1 div {
	font-size: .32rem;
	color: #333333;
	margin-right: .25rem;
}

.infoBox .iptBox .address .img2 {
	width: .36rem;
	height: .36rem;
	margin-left: 1rem;
}

.infoBox .iptBox .address input {
	font-size: .32rem;
	min-width: 3rem;
	width: 3rem;
}

.infoBox .time-box {
	padding: .36rem;
	border-bottom: .01rem solid #EEEEEE;
}

.infoBox .time-box .dateBox {
	font-size: .32rem;
	color: #333333;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.infoBox .iptBox .btns {
	padding: .36rem;
}

.infoBox .iptBox .btns .b1 {
	font-size: .24rem;
	color: #999999;
	margin-bottom: .3rem;
}

.infoBox .iptBox .btns .b2 {
	width: 6.30rem;
	height: .80rem;
	line-height: .8rem;
	text-align: center;
	background: #0076EE;
	border-radius: .40rem;
	font-size: .32rem;
	color: #FFFFFF;
}

.infoBox .tuijian {
	display: flex;
	align-items: center;
	justify-content: space-around;
	margin-top: .36rem;
}

.infoBox .tuijian .item {
	font-size: .30rem;
	color: #333333;
	text-align: center;
	position: relative;
}

.infoBox .tuijian .item div {
	font-weight: 600;
	margin-bottom: .1rem;
}

.infoBox .tuijian .item img {
	position: absolute;
	width: .48rem;
	height: auto;
	left: .35rem;
	top: .2rem;
}

.infoBox .tuijian .item.active {
	color: #0076EE;
}

.infoBox .list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.infoBox .moreItem {
	width: 3.43rem;
	height: max-content;
	background: #FFFFFF;
	border-radius: .20rem;
	position: relative;
	margin-top: .24rem;
}

.infoBox .moreItem img {
	width: 3.43rem;
	height: 3.43rem;
	border-radius: .20rem .20rem 0 0;
}

.infoBox .moreItem .title {
	font-size: .26rem;
	color: #333333;
    font-weight: 600;
	max-width: 3rem;
	margin-top: .1rem;
	margin-bottom: .15rem;
	margin-left: .16rem;
	margin-right: .16rem;
}

.infoBox .moreItem.minsu .jieshao {
	margin-top: .1rem;
	font-size: .2rem;
	max-width: 3rem;
	margin-left: .16rem;
	margin-right: .16rem;
	color: #333333;
}
.infoBox .moreItem .address{
    font-size: .24rem;
    color: #333333;
    margin: .15rem;
}
.infoBox .moreItem .i1 {
	font-size: .24rem;
	margin-left: .16rem;
	margin-right: .16rem;
    display: flex;
    align-items: center;
    color: #fa4b5d;
}

.infoBox .moreItem .i2 {
	padding-bottom: .24rem;
	margin-top: .15rem;
	margin-left: .16rem;
	margin-right: .16rem;
}
.infoBox .moreItem .i2 span:nth-child(1){
    font-size: .26rem;
    color: #FA4B5D;
}
.infoBox .moreItem .i2 span:nth-child(2) {
	color: #999999;
	font-size: .2rem;
}

.infoBox .moreItem.jiudian .i2 {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

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

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

.infoBox .moreItem.jiudian .i3 {
	left: .22rem;
	top: 3.04rem;
	display: flex;
	align-items: center;
}

.infoBox .moreItem.jiudian .i3 i {
	font-size: .26rem;
}

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


.infoBox .moreList {
	margin-top: .36rem;
}

.infoBox .moreTitle {
	font-size: .32rem;
	margin-bottom: .2rem;
	color: #333333;
	position: relative;
}

.infoBox .moreTitle img {
	position: absolute;
	width: .48rem;
	height: auto;
	left: .38rem;
	top: .2rem;
}