ihotel-h5/unpackage/dist/dev/mp-weixin/pages/index/index.wxss

.content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: #F2F3F5;
}
/* 背景图 */
.index_bg {
	width: 750rpx;
	height: 320rpx;
	margin: 0 auto;
	background-image: url(/static/index/index_bg.jpg);
	background-size: 100% 100%;
	background-attachment: inherit;
	background-repeat: no-repeat;
	margin-top: 0px;
}
/* 欢迎光临 */
.welcome{
	width: 112rpx;
	height: 41rpx;
	background: rgba(255, 255, 255, 0.4);
	-webkit-backdrop-filter: blur(5px);
	        backdrop-filter: blur(5px);
}
.welcome_img{
	position: absolute;
	margin-left: 14rpx;
	margin-top: 5rpx;
	width: 86rpx;
	height: 31rpx;
}
/* <!-- 第一层公寓名称卡片 --> */
.uni-ka{
	width: 710rpx;
	height: 254rpx;
	background: rgba(255, 255, 255, 1);
	border-radius: 10px;
}
.uni-title{
	position: absolute;
	margin-left: 29rpx;
	margin-top: 21rpx;
	color: rgba(0, 0, 0, 1);
	font-size: 34rpx;
	font-weight: 500;
}
.uni-sub-title{
	position: absolute;
	margin-left: 31rpx;
	margin-top: 77rpx;
	color: rgba(153, 153, 153, 1);
	font-size: 20rpx;
	font-weight: 400;
}
.uni-extra{
	position: absolute;
	margin-left: 560rpx;
	margin-top: 71rpx;
	color: rgba(102, 102, 102, 1);
	font-size: 24rpx;
	font-weight: 400;
}
.uni-body{
	position: absolute;
	margin-left: 31rpx;
	margin-top: 144rpx;
	color: rgba(0, 0, 0, 1);
	font-size: 14px;
	font-weight: 500;
}
.uni-body2{
	position: absolute;
	margin-left: 31rpx;
	margin-top: 147rpx;
	color: rgba(153, 153, 153, 1);
	font-size: 24rpx;
	font-weight: 400;
}
.uni-map{
	position: absolute;
	float: right;
	width: 50rpx;
	height: 79rpx;
	margin: 0 auto;
	margin-left: 552rpx;
	margin-top: 137rpx;
}
.uni-phone{
	position: absolute;
	float: right;
	width: 50rpx;
	height: 79rpx;
	margin-left: 630rpx;
	margin-top: 137rpx;
}
/* 第二层工具 */
.item-list{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	width: 710rpx;
	height: 181rpx;
	margin-top: 20rpx;
	margin-left: 10rpx;
	background: rgba(255, 255, 255, 1);
	border-radius: 10px;
}
.item-list-one{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 306rpx;
	/* margin-right: 60rpx; */
	margin-top: 20px;
}
.img-btn{
	width: 59rpx;
	height: 54rpx;
}
.list-txt{
	width: 150rpx;
	text-align: center;
	font-size: 28rpx;
	margin-top: 10rpx;
	color: rgba(0, 0, 0, 1);
	font-weight: 400;
}
/* 第三层订房 */
.room-list{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	width: 710rpx;
	/* height: 981rpx; */
	/* margin-top: 20rpx; */
	margin-left: 10rpx;
	background: rgba(255, 255, 255, 1);
	border-radius: 10px, 10px, 0px, 0px;
}
/* 切换全日和钟点房 */
.select-type{
	width: 710rpx;
	height: 89rpx;
	margin-top: 20rpx;
	margin-left: 5px;
	background-color: rgba(255, 255, 255, 1);
	border-radius: 8px;
}
.allday{
	width: 385rpx;
	height: 89rpx;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAYEAAABYCAYAAAATH0t3AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALCSURBVHhe7d3RcdNAEIDhiErogHSAO6EUxx3QAXQSqAAogUrCrS2YYRg8GVs67Wm/b8Y+OXnJk//s6eJMD//x8vLy2JZ4vDt/4XINsGff5/XHvJ5N0/R5vtydfyLQ3vwPbTm2R6wAXHxpj6+xtijE9S78FYEWgKe2RAAAuO4UTy0I8b45rD8REACAm51GjcE5AvMW0HNcA3Cz4WLwZl5NAAD3O7ZfqsMwIZjaDxunfr5dXgKwkCGmgpgEHP0EWF5MBc/tkfqk5e/tIACWd77fmnl7KCLw4XIJwEpiKkgZApMAQB8pQyACAP2kC4EIAPSVKgQiANBfmhCIAMA2UoRABAC2EyHY9O8IRABgW5t+bI8IAGzrsOW2kAgAbG+zbSERAMhhk20hEQDIIbaFuk8DIgCQR/dpQAQA8ug+DYgAQC5dpwERAMjFJABQWc8tIREAyKfblpAIAORjEgCorNeWkAgA5CQCAIW9n9dViQBATiYBgMp63BcQAYDCRAAgL5MAQGGr3xwWAYDCRAAgL9tBAJWtfUJIBAAKEwGA3EwCAIWtekJIBAAKEwGA3GwHAVS25gkhEQAoTAQA8jMJABS22gkhEQAoTAQA8rMdBFDZWieERACgMBEAGMNxXhclAgCFiQDAGA5r3BcQAYDCRABgHIvfFxABgHEsviUkAgBjWXQaEAGAsSw6DYgAwHgWmwZEAGA8MQ08zdd3EQGAMR2X2BYSAYBx3b0tJAIA44ptoef5+iYiADC2u0IgAgDjuzkEIgCwDzeFQAQA9iNCEF59fFQEAPYnjo++KgQiALBPEYJwNQYiALBvV2MwtW/EjYRV/os9AOmc4mmapnMURACgro+2gwDqehQBgMJEAKAwEQAoTAQAChMBgMJEAKAwEQAoTAQAChMBgMJEAKAwEQAoTAQACotPEf3U1reXlwDU8fDzFxGgyHfYmFMYAAAAAElFTkSuQmCC);
	background-size: 100%;
	float: left;
	line-height: 41px;
	text-align: center;
}
.hourday_no{
	background-color: rgba(230, 230, 230, 1);
	width: 406rpx;
	height: 40px;
	margin-left: 304rpx;
	border-radius: 8px;
	line-height: 41px;
	text-align: center;
}
.allday2{
	width: 406rpx;
	height: 40px;
	border-radius: 8px;
	background-color: rgba(230, 230, 230, 1);
	float: left;
	line-height: 41px;
	text-align: center;
}
.hourday_no2{
	width: 385rpx;
	height: 89rpx;
	z-index: 3;
	position: absolute;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAYEAAABYCAYAAAATH0t3AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMBSURBVHhe7dztbRQxEAbgHDSSDggVkFSWUAElRFSSKyElQBf8W2zOF4GEIB+79njneaSVfVeAX8/Yu4eLnVqW5apNz+OHNlbn/wD27GsbHw+Hw2Ob/2FXIVAW/usy3J5+XdQ5ACfH8nwuYVDHJ9OHwG8Lv0Uf4P9qENy1+bwhYPEHeLWnIJguBCz+AKu4qa2haULA4g+wqmMJgZspQqAEQC1bzge+AKzj47s2Canu/svzUKYCAGB9V+/bJJy2+78vz+WvPwBY27eQlYD2D0Af4SoBAQDQzY9QlYAAAOgrTAgIAID+QoSAAAAYY3gICACAcYa/LFZCYGlTAPo6Dq0EWhUAwCDDQkAbCGC8ISFQAuD8MTgABhpVCfgSKEAA3UNAGwggjqEHwwCM1f2KaKkEXAkFiKHvFdHWCgIgiK6VgCoAIJR+lYAqACCenu2gT20EIIieIeDdAIBguoTAcnpDGIBgelUCQgAgoF4h4DwAICCVAEBim4eA8wCAuHpUAkIAIKhe7SAAAuoRAg6FAYJSCQAk5kwAILFNQ8DNIIDYtq4EhABAYM4EABITAgCJbR0CrocCBOZMACAx7SCAxDYLAddDAeLbshIQAgDBaQcBJLZlCLgZBBCcdhBAYtpBAIltEgLLsty1KQCBqQQAEju0cVWlEljaFIC4jioBgMRWDwHnAQDzWL0dpBUEMI1120GqAIC5OBMASGy1EGhVwO3pFwAzWLMS8K0ggMmsEgKtCvCtIIDJvDkEtIEA5vXmK6IlBFwJBZjT266IlvX/oU0BmNCrQ6AFgHMAgIm9KgQEAMA+vDgEBADAfjw7BMrif12eeggsAAB24lkhUNb+eg3UITDAzvwzBNruvy7+3gMA2KG/vifQdv71MxBaPwD7dXwKgbrrL0Pd8Vv4AXI4viuL/5fy1ANft34AkqlnAlenKQDZvPg9AQD2QwgAJCYEABITAgCJCQGAxIQAQGJCACAxIQCQmBAASEwIACQmBAASEwIAiR2WZbkv4+XpJwB5XHz/CUCi3cqTSgs+AAAAAElFTkSuQmCC);
	background-size: 100%;
	margin-left: 304rpx;
	line-height: 41px;
	text-align: center;
}
/* 选择住房日期 */
.select-time{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	position: absolute;
	width: 710rpx;
	height: 120rpx;
	margin: 0;
}
/* 钟点房 */
.hourtime{
	margin-top: 36rpx;
	font-size: 28rpx;
	font-weight: 400;
	line-height: 41rpx;
	color: rgba(128, 128, 128, 1);
}
.hour_right{
	position: absolute;
	margin-left: 174px;
	width: 34rpx;
	height: 34rpx;
}
.hour_line{
	margin-top: 17px;
	width: 710rpx;
	height: 0px;
	border: 1rpx solid rgba(220, 225, 230, 0.3);
}
/* 全日房 */
.select-time-one{
	margin-top: 32rpx;
	margin-left: 77rpx;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.select-list{
	color: rgba(153, 153, 153, 1);
	font-size: 24rpx;
	font-weight: 400;
}
.select-list-time{
	color: rgba(0, 0, 0, 1);
	font-size: 34rpx;
	font-weight: 400;
}
.select-center{
	width: 190rpx;
	height: 120rpx;
}
.select-line1{
	position: absolute;
	margin-left: 40px;
	margin-top: 36px;
	width: 17rpx;
	height: 1px;
	background: rgba(41, 109, 227, 1);
}
.select-circle{
	position: absolute;
	width: 81rpx;
	height: 46rpx;
	margin-left: 49px;
	margin-top: 24px;
	background: rgba(240, 242, 245, 1);
	border: 1px solid rgba(41, 109, 227, 1);
	border-radius: 33rpx;
	text-align: center;
	color: rgba(0, 0, 0, 1);
	font-size: 24rpx;
	font-weight: 400;
}
.select-line2{
	position: absolute;
	margin-left: 94px;
	margin-top: 36px;
	width: 17rpx;
	height: 1px;
	background: rgba(41, 109, 227, 1);
}
/* 房型列表 */
.room-kuang{
	display: block; 
	margin-top: 150rpx;
}
.room-xinxi{
	display: -webkit-box;
	flex-direction: column;
	align-items: center;
	width: 710rpx;
	height: 213rpx;
	margin-top: 20rpx;
}
.room-image{
	position: absolute;
	margin-left: 31rpx;
	width: 213rpx;
	height: 161rpx;
	border-radius: 5px;
}
.room-name{
	position: absolute;
	margin-left: 260rpx;
	color: rgba(0, 0, 0, 1);
	font-size: 34rpx;
	font-weight: 400;
}
.room-mark{
	position: absolute;
	margin-left: 260rpx;
	margin-top: 46rpx;
	color: rgba(153, 153, 153, 1);
	font-size: 24rpx;
	font-weight: 400;
}
.room-icon{
	position: absolute;
	margin-left: 261rpx;
	margin-top: 116rpx;
}
.before-price{
	position: absolute;
	margin-left: 606rpx;
	color: rgba(153, 153, 153, 1);
	font-size: 24rpx;
	font-weight: 400;
}
.room-price{
	position: absolute;
	/* margin-left: 605rpx; */
	margin-top: 46rpx;
	margin-left: 265px;
	width: 84px;
	text-align: center;
	color: rgba(255, 87, 51, 1);
	font-size: 42rpx;
	font-weight: 500;
}
.room-button{
	position: absolute;
	margin-left: 579rpx;
	margin-top: 96rpx;
	width: 100rpx;
	height: 66rpx;
	background: rgba(41, 109, 227, 1);
	border-radius: 11px;
	color: rgba(255, 255, 255, 1);
	font-size: 36rpx;
	font-weight: 500;
	text-align: center;
	line-height: 66rpx;
}
.room-button2{
	position: absolute;
	margin-left: 569rpx;
	margin-top: 96rpx;
	width: 120rpx;
	height: 66rpx;
	background: rgba(128, 127, 131, 0.5);
	border-radius: 11px;
	color: rgba(255, 255, 255, 1);
	font-size: 36rpx;
	font-weight: 500;
	text-align: center;
	line-height: 66rpx;
}
.room-line{
	position: absolute;
	margin-left: 0rpx;
	margin-top: 194rpx;
	width: 710rpx;
	height: 1px;
	background: rgba(220, 225, 230, 1);
}
/* 房间样式弹窗页面 */
.popup_bg_picker{
	width: 700rpx;
	height: 800rpx;
	background: rgba(255, 255, 255, 1);
	border-radius: 6rpx;
}
.popup_bg{
	width: 650rpx;
	height: 738rpx;
	background: rgba(255, 255, 255, 1);
	border-radius: 6rpx;
}
.popup_title{
	position: absolute;
	margin-left: 40rpx;
	margin-top: 20rpx;
	color: rgba(0, 0, 0, 1);
	font-size: 32rpx;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	font-weight: 400;
}
.popup_error{
	position: absolute;
	margin-left: 577rpx;
	margin-top: 15rpx;
	width: 32px;
	height: 32px;
	background-image: url(/static/img/swiper_x.c2eeeede.svg);
}
/* 轮播图 */
.swiper{
	position: absolute;
	margin-left: 0rpx;
	margin-top: 87rpx;
	width: 650rpx;
	height: 340rpx;
}
.swiper-item{
	width: 650rpx;
	height: 340rpx;
}
.swiper-img{
	position: absolute;
	width: 650rpx;
	height: 340rpx;
	margin: 0;
}
.popup_title2{
	position: absolute;
	margin-left: 38rpx;
	margin-top: 444rpx;
	color: rgba(56, 56, 56, 1);
	font-size: 28rpx;
	font-weight: 500;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.popup_txt{
	position: absolute;
	margin-left: 46rpx;
	margin-right: 43rpx;
	margin-top: 496rpx;
	color: rgba(128, 128, 128, 1);
	font-size: 28rpx;
	font-weight: 400;
	width: 561rpx;
	height: 217rpx;
	overflow-y: auto;
}
.popup_txt_in{
	width: 551rpx;
	height: 217rpx;
}
.popup_txt::-webkit-scrollbar {/*滚动条整体样式*/
    width: 9rpx;
    height: 240rpx;
    background-color: #707371;
}
.popup_txt::-webkit-scrollbar-thumb {/*滚动条整体样式*/
    background-color: #707371;
    border-radius: 5px;
}
.popup_txt::-webkit-scrollbar-track {/*滚动条里面轨道*/
    background: #cac9d3;
}
/* 办理续住弹窗 */
.popup_bg_xu{
	width: 650rpx;
	height: 575rpx;
	background: rgba(255, 255, 255, 1);
	border-radius: 6rpx;
}
.select-time-xu{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	position: absolute;
	width: 630rpx;
	height: 120rpx;
	margin-top: 128rpx;
	margin-left: 0rpx;
}
.select-time-one-xu{
	margin-top: 32rpx;
	margin-left: 55rpx;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.popup_xu_line{
	position: absolute;
	margin-left: 0rpx;
	margin-top: 86rpx;
	width: 646rpx;
	height: 0px;
	background: rgba(204, 204, 204, 1);
	border: 1rpx solid rgba(229, 229, 229, 1);
}
.popup_xu_txt{
	position: absolute;
	margin-left: 52rpx;
	margin-top: 282rpx;
	color: rgba(166, 166, 166, 1);
	font-size: 24rpx;
	font-weight: 400;
}
/* 支付框 */
.fukuan{
	display: flex;
	padding-top: 475rpx;
	width: 650rpx;
	height: 100rpx;
	background: rgba(255, 255, 255, 1);
	box-shadow: inset 0rpx -4rpx 10rpx rgba(0, 0, 0, 0.15);
	box-sizing: border-box;
}
.fu-price{
	width: 363rpx;
	color: rgba(255, 87, 51, 1);
	font-size: 44rpx;
	font-weight: 500;
	text-align: center;
	line-height: 100rpx;
}
.fu-zhifu{
	float: right;
	width: 288rpx;
	height: 100rpx;
	background: rgba(41, 109, 227, 1);
	color: rgba(255, 255, 255, 1);
	font-size: 40rpx;
	font-weight: 400;
	text-align: center;
	line-height: 100rpx;
}
/* uni-calendar选中背景色 */
 .uni-calendar-item--isDay[data-v-6097fd5b] {
    background-color: #fff;
    opacity: 0.8;
    color: #2979ff;
}
 .uni-calendar-item--before-checked[data-v-6097fd5b] {
    background-color: #0055ff;
    color: #fff;
	opacity: 1;
}
 .uni-calendar-item--after-checked[data-v-6097fd5b] {
    background-color: #0055ff;
    color: #fff;
	opacity: 1;
}
/* >>>.uni-calendar-item--multiple[data-v-6097fd5b] {
    opacity: 0.5;
} */
/* 弹出框 */
.kuang_txt{
	align-items: center;
	justify-content: center;
	padding: 15rpx;
	height: 150rpx;
	/* width: 180rpx; */
	line-height: 150rpx;
	text-align: center;
	background-color: #fff;
}
.kuang_txt_tui{
	align-items: center;
	justify-content: center;
	padding: 15rpx;
	height: 150rpx;
	width: 180rpx;
	line-height: 150rpx;
	text-align: center;
	background-color: #fff;
}