body{
	background: #008D78;
}
#layui-laydate1{
	margin: 0 auto;
	max-width: 7.5rem;
	left: 0!important;
	right: 0;
}
.headerBox {
	width: 7.5rem;
	height: 1rem;
	padding: .24rem;
	display: flex;
	align-items: center;
	position: fixed;
	z-index: 99;
}

.headerBox i.icon-zuojiantou {
	font-size: .36rem;
	color: #fff;
	margin-right: .12rem;
}

.rank_bg {
	width: 100%;
	height: 7.5rem;
	background: url('https://img.dahepiao.com/travelNew/version8.1/bg_bidakabangdan.png') no-repeat center top;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	max-width: 7.5rem;
	margin: 0 auto;
}


.list {
	position: absolute;
	top: 0;
}

.rank_title {
	margin-top: 1rem;
	width: 5.8rem;
	height: 2.84rem;
	margin-left: .85rem;
	background: url('https://img.dahepiao.com/travelNew/version8.1/icon_bidakabangdan.png') no-repeat;
	background-size: cover;
}

.rank_search {
	height: .74rem;
	line-height: .74rem;
	margin: 0 .24rem;
	border-radius: .15rem;
	font-size: .28rem;
	color: #fff;
	background: rgba(0, 141, 120, 0.8);
}
.rank_search .city {
	margin-left: .24rem;
	display: flex;
	align-items: center;
}
.rank_search .city i {
	margin-left: 0.05rem;
	font-size: .18rem;
}
.rank_search .date {
	width:40%;
	height: .74rem;
	line-height: .74rem;
	position: relative;
}
.rank_search .date input{
	background: none;
	height: .74rem;
	line-height: .74rem;
	color: #fff;
	outline: none;
	border: none;
	position: absolute;
	width: 2.7rem;
}
.rank_search .date .layui-input{
	z-index: 105;
	padding-left: 0;
}
.layui-laydate-hint{
	display: none!important;
}
.rank_search .date i{
	margin-right: .1rem;
}
.rank_search .date icon {
	font-size: 0.18rem;
	position: absolute;
	right: 0;
}
.rank_search .day {
	display: flex;
	align-items: center;
	margin-right: .24rem;
}
.rank_search .day i {
	margin-left: 0.05rem;
	font-size: .18rem;
}

.rank_list {
	margin-top: .48rem;
}
.rank_list .item {
	overflow: hidden;
	width: 7.02rem;
	border-radius: .2rem;
	background: #fff;
	margin: 0 .24rem .16rem;
}
.rank_list .item .item_top {
	height: 3.5rem;
	border-radius: .2rem .2rem 0 0;
	overflow: hidden;
	position: relative;
}
.rank_list .item_top img{
	width: 100%;
	height: 100%;
}
.item_top .item_cllect {
	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 center;
	border-radius: 50%;
	background-size: .22rem;
	position: absolute;
	right: .16rem;
	top: .16rem;
}
.item_top .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;
}
.item_top .item_price {
	position: absolute;
	left: 0;
	bottom: 0;
	min-width: 1rem;
	text-align: center;
	height: .64rem;
	line-height: .64rem;
	background: linear-gradient(90deg, #F67824 0%, #FB5528 100%);
	border-radius: 0 .34rem 0 0;
	color: #fff;
	padding: 0 .2rem;
}
.item_top .item_price em:nth-child(1) {
	font-size: .26rem;
	font-weight: 600;
}
.item_top .item_price em:nth-child(2) {
	font-size: .38rem;
	font-weight: 600;
}
.item_top .item_price em:nth-child(3) {
	font-size: .24rem;
	font-weight: 600;
}
.item_top .item_num {
	font-size: .28rem;
	color: #fff;
	position: absolute;
	right: .16rem;
	bottom: .16rem;
}
.item_bottom .b_1 {
	font-weight: 600;
	margin: .2rem;
	font-size: .28rem;
}
.item_bottom .b_2 {
	display: flex;
	align-items: center;
	margin: 0 .24rem .15rem;
}
.item_bottom .b_2 em{
	margin-right: .1rem;
	display: inline-block;
	padding: 0 .1rem;
	height: .32rem;
	line-height: .32rem;
	text-align: center;
	font-size: .22rem;
	color: #666;
	border: 1px solid #eee;
}
.item_bottom .b_3 {
	font-size: .24rem;
	color: #666;
	margin: .2rem .24rem;
	padding-top: .2rem;
	border-top: 1px solid #eee;
}
.tcCity {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	max-width: 7.5rem;
	margin: 0 auto;
	display: none;
}

.tcCity .bg {
	width: 7.5rem;
	height: 100%;
	position: absolute;
	background: rgba(0, 0, 0, .3);
	z-index: 200;
}

.tcCity .contents {
	background: #fff;
	position: absolute;
	bottom: 0;
	border-radius: .2rem .2rem 0px 0px;
	z-index: 300;
	width: 100%;
	max-height: 5rem;
	overflow-y: auto;
}

.tcCity .contents .cityInfo span {
	display: inline-block;
	width: 2.2rem;
	text-align: center;
	line-height: .6rem;
	margin-left: .16rem;
	font-size: .26rem;
	height: .6rem;
	margin-top: .16rem;
	background: #F6F7F9;
	border-radius: 6px;
}

.tcCity .contents .cityInfo span:nth-child(3n) {
	margin-right: 0;
}

.tcCity .contents .cityInfo .active {
	background-color: #fff;
	color: #FF4A00;
	border: .01rem solid #FF4A00;
}

.tcCity .contents .cityInfo .cityTitle {
	display: inline-block;
	width: 2.2rem;
	text-align: center;
	line-height: .6rem;
	margin-right: .16rem;
	font-size: .26rem;
	height: .6rem;
	margin-top: .16rem;
	color: #FF4A00;
}


.tcDay{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	max-width: 7.5rem;
	margin: 0 auto;
	display: none;
}

.tcDay .bg {
	width: 7.5rem;
	height: 100%;
	position: absolute;
	background: rgba(0, 0, 0, .3);
	z-index: 200;
}
.tcDay .contents {
	background: #fff;
	position: absolute;
	bottom: 0;
	border-radius: .2rem .2rem 0px 0px;
	z-index: 300;
	width: 100%;
	max-height: 6rem;
	min-height: 4rem;
	overflow-y: auto;
	padding-bottom: 1rem;
	padding: 0 .08rem;
}
.tcDay .contents .close{
	position: absolute;
	right: .2rem;
	top: .1rem;
	font-size: .3rem;
	padding: .1rem .2rem;
}
.tcDay .contents .title{
	height: 1rem;
	line-height: 1rem;
	font-size: .28rem;
	text-align: center;
}
.tcDay .contents em{
	display: inline-block;
	margin: .16rem 0 0 .16rem;
	padding: .1rem .2rem;
	text-align: center;
	font-size: .26rem;
	background: #fff;
	color: #666;
	border-radius: .2rem;
	border: 1px solid #eee;
}
.tcDay .contents em.active{
    background-color: #fff;
    color: #FF4A00;
    border: .01rem solid #FF4A00;
}