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: 163px;
	height: 60px;
	background: rgba(255, 255, 255, 0.4);
	-webkit-backdrop-filter: blur(5px);
	        backdrop-filter: blur(5px);
}
.welcome_img{
	position: absolute;
	margin-left: 20px;
	margin-top: 8px;
	width: 125px;
	height: 44px;
}
/* <!-- 第一层公寓名称卡片 --> */
.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-time{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	position: absolute;
	width: 710rpx;
	height: 120rpx;
	margin: 0;
}
.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: 285px;
	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;
}