/* 详情页 */
.swiper-index {
	height: 3.2rem;
	margin: 1rem .24rem .3rem;
}

.swiper-index img {
	width: 100%;
	min-height: 3.2rem;
	border-radius: .25rem;
}

.group .title em {
	font-size: .3rem;
	font-weight: 600
}

.group .title a {
	font-size: .24rem;
	color: #999;
	padding: .2rem 0
}

.group .title a i {
	font-size: .24rem;
}

.daily .swiper-slide {
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	padding-bottom: 0.15rem;
	margin-bottom: .1rem;
}

.daily .d1 {
	display: block;
	height: 2.28rem;
	overflow: hidden;
	border-radius: .1rem;
}

.daily .d1 img {
	width: 100%;
	min-height: 2.28rem;
	border-radius: .1rem .1rem 0px 0px;
}

.daily .d1 span {
	display: inline-block;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .2);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 101;
	border-radius: .1rem;
}

.daily .d1 em {
	display: block;
	color: #fff;
	font-weight: 600;
}

.daily .d1 em:nth-child(3) {
	position: absolute;
	top: 35%;
	z-index: 102;
	text-align: center;
	width: 100%;
	font-size: .26rem;
}

.daily .d1 em:nth-child(4) {
	position: absolute;
	top: 50%;
	z-index: 102;
	text-align: center;
	width: 100%;
	font-size: .22rem;
}

.scrollBox {
	font-size: 0;
	margin: 0 0.08rem;
    max-width: 7.5rem;
}
.iconfont{
	align-items: center;
	display: inline-flex;
}
.scrollBox .cityList {
	position: sticky;
	color: #999999;
	font-size: .26rem;
	margin: 0 0.24rem .2rem;
	line-height: .85rem;
	overflow-x: scroll;
	white-space: nowrap;
}

.scrollBox .cityList.fixed {
	position: fixed;
	top: 1.5rem;
	left: 0;
	right: 0;
	max-width: 750px;
	margin: 0 auto;
	background: #fff;
	z-index: 1000;
	padding: 0 .7rem;
}

.scrollBox .cityList li.active {
	color: #FF9228;
	font-size: .28rem;
	font-weight: 600;
	position: relative;
}

.scrollBox .cityList li.active::after {
	content: "";
	position: absolute;
	bottom: .1rem;
	left: 50%;
	margin-left: -25%;
	width: 50%;
	height: .04rem;
	background: #FF9228;
}

.scrollBox .cityList li {
	padding: 0 0.2rem;
	display: inline-block;
	margin-right: .01rem;
	border-radius: .15rem;
}

.scrollBox .cityList li:nth-child(4n+1) {
	background: #EEF0ED;
}

.scrollBox .cityList li:nth-child(4n+2) {
	background: #F2E8E9;
}

.scrollBox .cityList li:nth-child(4n+3) {
	background: #EAE9EE;
}

.scrollBox .cityList li:nth-child(4n+4) {
	background: #E7F2F4
}

.scrollBox .cityList li.active {
	color: #24C527;
	background: #fff !important;
	border: 1rpx solid #24C527;
}

.scrollBox .scrollBox .scroll {
	margin: 0 0 .2rem 0.08rem;
	font-size: 0;
}

.scrollBox .scroll .group {
	width: 3.43rem;
	font-size: 0;
	padding: 0 !important;
	margin-bottom: .24rem;
	display: inline-block;
	margin-left: .16rem;
}

.scrollBox .scroll .group .gImg {
	width: 100%;
	display: inline-block;
	border-radius: .1rem .1rem 0px 0px;
	overflow: hidden;
	height: 2.3rem;
	border-radius: .1rem;
}

.scrollBox .scroll .group .gImg img {
	width: 100%;
	min-height: 2.3rem;
}

.scrollBox .scroll .group .w1 {
	padding: .2rem 0;
}

.scroll .group .w1 .g1 {
	display: block;
	font-size: .26rem;
	font-weight: 600;
}

.scrollBox .scroll .group .w1 .g2 {
	font-size: .26rem;
	color: #999999;
	margin: .15rem 0;
}

.scrollBox .scroll .group .w1 .g2 em {
	display: inline-block;
	border: 1px solid #EEEEEE;
	border-radius: .06rem;
	font-size: .2rem;
	color: #333;
	padding: 0 .05rem;
	margin-right: .1rem;
	min-width: .7rem;
	height: .32rem;
	line-height: .3rem
}

.scrollBox .scroll .group .w1 .t2 {
	margin-right: .1rem;
	font-size: .26rem;
	color: #FA4B5D;
	font-weight: 600;
}

.scrollBox .scroll .group .w1 .t2,
.scrollBox .scroll .group .w1 .t3 {
	display: inline-block;
}

.scrollBox .scroll .group .w1 .t3 {
	font-size: .22rem;
	text-decoration: line-through;
	color: #999;
}


/* 目的地 */
.search-history {
	position: fixed;
	top: 0.9rem;
	width: 100%;
	background: #fff;
	max-width: 750px;
}

.search-history .search-title {
	position: relative;
	font-weight: 600;
	font-size: .28rem;
	height: .7rem;
	line-height: .7rem;
}

.search-history .search-result {
	height: .8rem;
	line-height: .8rem;
	white-space: nowrap;
	overflow-x: scroll;
}

.search-history i {
	position: absolute;
	font-size: .25rem;
	padding: .2rem .3rem;
	top: -.18rem;
	color: #999999;
	right: -.3rem
}

.search-history span {
	display: inline-block;
	min-width: .8rem;
	height: .56rem;
	line-height: .56rem;
	text-align: center;
	padding: 0 .2rem;
	font-size: .26rem;
	background: #F6F7F9;
	border-radius: .06rem;
	margin-right: .15rem;
	margin-bottom: .1rem
}

.destination_menu {
	max-width: 750px;
	margin: 0 auto;
}

.destination_menu .left-menu {
	width: 25%;
	background-color: #F9F9F9;
	overflow: scroll;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 999999999999999;
	border: 0;
}

.destination_menu .right-menu {
	width: 75%;
	background-color: #fff;
	overflow: scroll;
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 999999999999999;
	border: 0;
}

.destination_menu #goodsLeft div {
	height: 0.8rem;
	line-height: 0.8rem;
	text-align: center;
	font-size: .26rem;
}

.destination_menu #goodsLeft div.active {
	background: #ff4a00;
	color: #fff;
}

.goodsTitle {
	font-size: .28rem;
	font-weight: 600;
	line-height: .8rem;
	padding: 0 .15rem;
	border-top: 1px solid #eee;
}

.goodsList {
	padding-left: .15rem;
}

.goodsList .item {
	width: 1.66rem;
	overflow: hidden;
	display: inline-block;
	margin-right: .15rem;
	margin-bottom: .2rem;
}

.goodsList .noItem {
	background: #F6F7F9;
	height: .58rem;
	line-height: .58rem;
	border-radius: 6px;
}

.goodsList .imgStyle {
	width: 1.66rem;
	border-radius: 10px;
	height: 1.66rem;
	display: inline-block;
	overflow: hidden;
}

.goodsList .imgStyle img {
	height: 100%;
}

.goodsList .item .g-city {
	text-align: center;
	font-size: .26rem;
	display: block;
}


.list {
	font-size: 0;
	margin: 0 .08rem;
}

.list .title {
	font-size: .3rem;
	font-weight: 600;
	margin: 0 .24rem .24rem;
}

.list .group {
	width: 3.43rem;
	font-size: 0;
	padding: 0 !important;
	margin-bottom: .24rem;
	display: inline-block;
	margin-left: .16rem;
}

.list .gImg {
	width: 100%;
	display: inline-block;
	border-radius: .1rem .1rem 0px 0px;
	overflow: hidden;
	height: 2.3rem;
	border-radius: .1rem;
}

.list .gImg img {
	width: 100%;
	min-height: 2.3rem;
}

.list .group .w1 {
	padding: .2rem 0;
}

.list .w1 .g1 {
	display: block;
	font-size: .26rem;
	font-weight: 600;
}

.list .w1 .g2 {
	font-size: .26rem;
	color: #999999;
	margin: .15rem 0;
}

.list .w1 .g2 em {
	display: inline-block;
	border: 1px solid #EEEEEE;
	border-radius: .06rem;
	font-size: .2rem;
	color: #333;
	padding: 0 .05rem;
	margin-right: .1rem;
	min-width: .7rem;
	height: .32rem;
	line-height: .3rem
}

.list .w1 .t2 {
	margin-right: .1rem;
	font-size: .26rem;
	color: #FA4B5D;
	font-weight: 600;
}

.list .w1 .t2,
.list .w1 .t3 {
	display: inline-block;
}

.list .w1 .t3 {
	font-size: .22rem;
	text-decoration: line-through;
	color: #999;
}

.titleBox {
    margin-top: .1rem;
    padding: .24rem;
    background: #FFFFFF;
    border-radius: .2rem;
    max-width: 7.5rem;
}

.navList {
	display: flex;
	width: 100%;
	display: flex;
	flex-direction: row;
}

.listImg {
	background-repeat: no-repeat;
	/* background-size: 100%; */
	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: .41rem;
	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;
}

.carousel {
    position: relative;
    width: 7.5rem;
    overflow: hidden;
    margin-bottom: .24rem;
}

.carousel-images {
	width: 7.02rem;
	height: 1.4rem;
	background: #43B997;
	display: flex;
	transition: transform 1s ease-in-out;
	margin: 0 auto;
	border-radius: .15rem;
}

.carousel-images img {
	width: 100%;
	flex-shrink: 0;
	min-width: 100%;
	border-radius: .15rem;
}

.carousel-images img:nth-child(n+2) {
	position: absolute;
	left: 100%;
}

.footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    height: 1.2rem;
    background-color: #fff;
    max-width: 7.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer a {
    flex: 1;
    display: flex;
    align-items: center;
    flex-direction: column;
    color: #666666;
    font-size: .26rem;
    /*line-height: .20rem;*/
    padding-bottom: .24rem;
}

.footer img {
	width: .47rem;
	height: .45rem;
}

.contentBox {
	width: 7.50rem;
	height: 6.21rem;
	background: linear-gradient(0deg, rgba(88, 228, 129, 0) 0%, #53D873 100%);
	border-radius: .15rem;
}

.contentBox.contentBox2 {
	background: linear-gradient(0deg, rgba(74, 183, 252, 0) 0%, #41A5FC 100%);
}

.contentBox.contentBox3 {
	background: linear-gradient(0deg, rgba(252, 149, 48, 0) 0%, #FB832C 100%);
}

.contentBox.contentBox4 {
	background: linear-gradient(0deg, rgba(88, 239, 198, 0) 0%, #53E0BA 100%);
}

.contentBox .contentBoxTitle {
	padding: .24rem;
	color: #FFFFFF;
}

.contentBox .contentBoxTitle .title {
	display: flex;
	align-items: center;
	height: .39rem;
	display: inline-block;
}

.contentBox .contentBoxTitle .title .t1 {
	width: 1.65rem;
	height: .39rem;
	font-weight: bold;
	font-size: .4rem;
}

.contentBox .contentBoxTitle .title img {
	width: 2.73rem;
	height: .24rem;
	opacity: 0.8;
}

.contentBox .contentBoxTitle .boxAddress {
	display: flex;
	margin-top: .24rem;
}

.contentBox .contentBoxTitle .boxAddress .item {
	position: relative;
	width: 4.66rem;
	height: 3.6rem;
}

.contentBox .contentBoxTitle .boxAddress .item img {
	width: 4.66rem;
	height: 3.6rem;
	background: #FFFFFF;
	border-radius: .15rem;
}

.contentBox  a{
	color: #ffffff;
}

.contentBox .contentBoxTitle .boxAddress .item .itemBox {
    position: absolute;
    bottom: .05rem;
    left: .05rem;
    right: 0;
    height: 1rem;
    width: 4.46rem;
    border-radius: .1rem;
    overflow: hidden;
    border: 0.02rem solid #fff;
    text-align: center;
    margin: 0 auto;
    backdrop-filter: blur(0.05rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: .28rem;
}

.contentBox .boxAddress .itemBox span {
    display: block;
}

.contentBox .boxAddress .itemBox span:nth-child(2) {
    font-size: .24rem;
}


.contentBox .contentBoxTitle .boxAddress .item2 {
    margin-left: .16rem;
    position: relative;
    width: 2.2rem;
    height: 3.6rem;
    font-size: .28rem;
}

.contentBox .contentBoxTitle .boxAddress .item2 img {
	width: 2.2rem;
	height: 3.6rem;
	background: #000000;
	border-radius: .15rem;
}

.contentBox .contentBoxTitle .boxAddress .item2 .itemBox {
    position: absolute;
    bottom: .05rem;
    left: .05rem;
    right: 0;
    height: 1rem;
    width: 2rem;
    border-radius: .1rem;
    overflow: hidden;
    border: 0.02rem solid #fff;
    text-align: center;
    margin: 0 auto;
    backdrop-filter: blur(0.05rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.contentBox .contentBoxTitle .boxAddress .item2 .itemBox span {
    display: block;
}

.contentBox .contentBoxTitle .boxAddress .item2 .itemBox span:nth-child(2) {
    font-size: .24rem;
}

.contentBox .contentBoxTitle .boxInfo {
    display: flex;
    margin-top: .16rem;
}

.contentBox .contentBoxTitle .boxInfo .boxInfoItem {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 2.24rem;
    height: 1.2rem;
    background: #53D873;
    border-radius: .15rem;
    margin-right: .15rem;
}

.contentBox .contentBoxTitle .boxInfo .boxInfoItem span:nth-child(1) {
    font-size: .28rem;
}

.contentBox .contentBoxTitle .boxInfo .boxInfoItem span:nth-child(2) {
    font-size: .24rem;
}


.contentBox .contentBoxTitle .boxInfo .boxInfoItem.boxInfoItem2 {
    background: #41A5FC;
}

.contentBox .contentBoxTitle .boxInfo .boxInfoItem.boxInfoItem3 {
    background: #FB832C;
}

.contentBox .contentBoxTitle .boxInfo .boxInfoItem.boxInfoItem4 {
	background: #53E0BA;
}

.contentBox .contentBoxTitle .boxInfo:last-child {
	margin-right: -0.15rem;
}

.hotBox {
	padding: .24rem;
	margin-bottom: 1rem;
    max-width: 7.5rem;
}
.hotBox .hotInfo{
	display: flex;
	flex-wrap: wrap;
}
.hotBox img {
	width: 3.43rem;
	height: 2.26rem;
	border-radius: .1rem;
}

.hotBox .title {
    width: 1.5rem;
    height: .5rem;
    font-weight: 600;
    font-size: .3rem;
    margin-bottom: .2rem;
    color: #333333;
}
.hotBox .hotInfoBox{
	width: 3.43rem;
	margin-right: .16rem;
}
.hotBox .hotInfoBox:nth-child(2n){
	margin-right: -0.16rem;
}
.hotBox .hotInfoBox .imgBox {
	width: 3.43rem;
	height: 2.26rem;
	position: relative;
}

.hotBox .hotInfoBox .imgBox span {
	background: rgba(0, 0, 0, 0.1);
	color: #fff;
	font-size: .2rem;
	font-weight: 400;
	width: 1.14rem;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	right: 0;
	height: .5rem;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.hotBox .hotInfoBox .textBox .t1 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 3.36rem;
    font-weight: 600;
    font-size: .26rem;
    color: #333333 !important;
    display: block;
    margin-top: .15rem;
}
.hotBox .hotInfoBox .textBox .t2 {
    margin-top: .15rem;
    margin-bottom: .2rem;
}
.hotBox .hotInfoBox .textBox .t2 span{
	width: .70rem;
	height: .32rem;
	background: #FFFFFF;
	border-radius: .06rem;
	border: .01rem solid #EEEEEE;
	font-size: .18rem;
	color: #333333;
	padding: .07rem .09rem ;
}

.hotBox .hotInfoBox .textBox .t3 {
    font-size: .24rem;
    color: #FA4B5D;
    line-height: .30rem;
    margin-bottom: .4rem;
}

.hotBox .hotInfoBox .textBox .t3 span {
    font-size: .28rem;
    font-weight: 600;
}


.searchBox{
	width: 7.02rem;
	height: .64rem;
	border-radius: .32rem;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: space-around;
	background: #F7F7F7;
	padding: .12rem;
	margin-top: .24rem;
	margin-left: .24rem;
}

.searchBox a {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    height: .64rem;
    line-height: .64rem;
}

.searchBox .icon-dingwei {
    font-size: .3rem;
    color: #24C527;
}

.searchBox .cityTop {
    font-size: .26rem;
    color: #333333;
    width: 0.8rem; /* 最大宽度，根据实际需要调整 */
    overflow: hidden; /* 如果需要，超出部分隐藏 */
    text-overflow: ellipsis; /* 使用省略号表示超出部分 */
    white-space: nowrap; /* 防止文本换行 */
}
.searchBox .line{
	width: .02rem;
	height: .18rem;
	background: #EEEEEE;
	border-radius: .01rem;
	margin-left: .16rem;
	margin-right: .16rem;
}
.searchBox .jiantou {
    margin-left: .1rem;
    font-size: .26rem;
    color: #333333;
}
.searchBox .search {
    width: 7rem;
    height: .64rem;
    border-radius: .32rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.searchBox .search i {
    font-size: .28rem;
    margin-right: .16rem;
    color: #CCCCCC;
    margin-left: .2rem;
}
.searchBox .search input {
    width: 5rem; /* 最小宽度 */
    height: .62rem;
    line-height: 100%;
    background: #F5F5F5;
    border-radius: 0.2rem;
    outline: none;
    font-size: .28rem;
    border: none;
}
.searchBox .search .searchText {
    min-width: 1.04rem;
    height: .5rem;
    background: #24C527;
    border-radius: .24rem;
    font-weight: 400;
    font-size: .24rem;
    color: #FFFFFF;
    line-height: .5rem;
    text-align: center;
    border: none;
    margin-right: .2rem;
}