|
@@ -5,6 +5,7 @@
|
|
|
justify-content: center;
|
|
justify-content: center;
|
|
|
background-color: #F2F3F5;
|
|
background-color: #F2F3F5;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
/*切换栏*/
|
|
/*切换栏*/
|
|
|
.inv-h-w {
|
|
.inv-h-w {
|
|
|
background-color: #FFFFFF;
|
|
background-color: #FFFFFF;
|
|
@@ -17,6 +18,7 @@
|
|
|
overflow-x: auto;
|
|
overflow-x: auto;
|
|
|
border: 1rpx solid #fdfdfc;
|
|
border: 1rpx solid #fdfdfc;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
.inv-h-w::-webkit-scrollbar-thumb {
|
|
.inv-h-w::-webkit-scrollbar-thumb {
|
|
|
/*滚动条里面小方块*/
|
|
/*滚动条里面小方块*/
|
|
|
border-radius: 5px;
|
|
border-radius: 5px;
|
|
@@ -48,13 +50,14 @@
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/* 订单样式 */
|
|
/* 订单样式 */
|
|
|
-.room-kuang{
|
|
|
|
|
- display: block;
|
|
|
|
|
|
|
+.room-kuang {
|
|
|
|
|
+ display: block;
|
|
|
width: 750rpx;
|
|
width: 750rpx;
|
|
|
background-color: #FFFFFF;
|
|
background-color: #FFFFFF;
|
|
|
margin-top: 5rpx;
|
|
margin-top: 5rpx;
|
|
|
}
|
|
}
|
|
|
-.room-xinxi{
|
|
|
|
|
|
|
+
|
|
|
|
|
+.room-xinxi {
|
|
|
/* display: -webkit-box; */
|
|
/* display: -webkit-box; */
|
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
@@ -62,7 +65,8 @@
|
|
|
height: 243rpx;
|
|
height: 243rpx;
|
|
|
margin-top: 20rpx;
|
|
margin-top: 20rpx;
|
|
|
}
|
|
}
|
|
|
-.room-image{
|
|
|
|
|
|
|
+
|
|
|
|
|
+.room-image {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
margin-left: 51rpx;
|
|
margin-left: 51rpx;
|
|
|
margin-top: 10rpx;
|
|
margin-top: 10rpx;
|
|
@@ -70,7 +74,8 @@
|
|
|
height: 125rpx;
|
|
height: 125rpx;
|
|
|
border-radius: 5px;
|
|
border-radius: 5px;
|
|
|
}
|
|
}
|
|
|
-.room-name{
|
|
|
|
|
|
|
+
|
|
|
|
|
+.room-name {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
margin-left: 236rpx;
|
|
margin-left: 236rpx;
|
|
|
margin-top: 10rpx;
|
|
margin-top: 10rpx;
|
|
@@ -78,7 +83,8 @@
|
|
|
font-size: 34rpx;
|
|
font-size: 34rpx;
|
|
|
font-weight: 400;
|
|
font-weight: 400;
|
|
|
}
|
|
}
|
|
|
-.room-time{
|
|
|
|
|
|
|
+
|
|
|
|
|
+.room-time {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
margin-left: 236rpx;
|
|
margin-left: 236rpx;
|
|
|
margin-top: 56rpx;
|
|
margin-top: 56rpx;
|
|
@@ -86,7 +92,8 @@
|
|
|
font-size: 24rpx;
|
|
font-size: 24rpx;
|
|
|
font-weight: 400;
|
|
font-weight: 400;
|
|
|
}
|
|
}
|
|
|
-.room-order{
|
|
|
|
|
|
|
+
|
|
|
|
|
+.room-order {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
margin-left: 236rpx;
|
|
margin-left: 236rpx;
|
|
|
margin-top: 96rpx;
|
|
margin-top: 96rpx;
|
|
@@ -94,14 +101,16 @@
|
|
|
font-size: 24rpx;
|
|
font-size: 24rpx;
|
|
|
font-weight: 400;
|
|
font-weight: 400;
|
|
|
}
|
|
}
|
|
|
-.room-type{
|
|
|
|
|
|
|
+
|
|
|
|
|
+.room-type {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
margin-left: 627rpx;
|
|
margin-left: 627rpx;
|
|
|
color: rgba(128, 128, 128, 1);
|
|
color: rgba(128, 128, 128, 1);
|
|
|
font-size: 24rpx;
|
|
font-size: 24rpx;
|
|
|
font-weight: 400;
|
|
font-weight: 400;
|
|
|
}
|
|
}
|
|
|
-.room-price{
|
|
|
|
|
|
|
+
|
|
|
|
|
+.room-price {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
margin-left: 580rpx;
|
|
margin-left: 580rpx;
|
|
|
margin-top: 46rpx;
|
|
margin-top: 46rpx;
|
|
@@ -109,15 +118,17 @@
|
|
|
font-size: 42rpx;
|
|
font-size: 42rpx;
|
|
|
font-weight: 500;
|
|
font-weight: 500;
|
|
|
}
|
|
}
|
|
|
-.room-count{
|
|
|
|
|
|
|
+
|
|
|
|
|
+.room-count {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
margin-left: 51rpx;
|
|
margin-left: 51rpx;
|
|
|
margin-top: 155rpx;
|
|
margin-top: 155rpx;
|
|
|
font-size: 24rpx;
|
|
font-size: 24rpx;
|
|
|
font-weight: 400;
|
|
font-weight: 400;
|
|
|
- color:#FF5733;
|
|
|
|
|
|
|
+ color: #FF5733;
|
|
|
}
|
|
}
|
|
|
-.room-count-txt{
|
|
|
|
|
|
|
+
|
|
|
|
|
+.room-count-txt {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
margin-left: 205rpx;
|
|
margin-left: 205rpx;
|
|
|
margin-top: 155rpx;
|
|
margin-top: 155rpx;
|
|
@@ -125,7 +136,8 @@
|
|
|
font-size: 24rpx;
|
|
font-size: 24rpx;
|
|
|
font-weight: 400;
|
|
font-weight: 400;
|
|
|
}
|
|
}
|
|
|
-.room-button{
|
|
|
|
|
|
|
+
|
|
|
|
|
+.room-button {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
margin-left: 381rpx;
|
|
margin-left: 381rpx;
|
|
|
margin-top: 146rpx;
|
|
margin-top: 146rpx;
|
|
@@ -137,6 +149,7 @@
|
|
|
line-height: 56rpx;
|
|
line-height: 56rpx;
|
|
|
color: rgba(41, 109, 227, 1);
|
|
color: rgba(41, 109, 227, 1);
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
/* .room-button2{
|
|
/* .room-button2{
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
margin-left: 551rpx;
|
|
margin-left: 551rpx;
|
|
@@ -149,7 +162,7 @@
|
|
|
line-height: 56rpx;
|
|
line-height: 56rpx;
|
|
|
color: rgba(41, 109, 227, 1);
|
|
color: rgba(41, 109, 227, 1);
|
|
|
} */
|
|
} */
|
|
|
-.room-button3{
|
|
|
|
|
|
|
+.room-button3 {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
margin-left: 551rpx;
|
|
margin-left: 551rpx;
|
|
|
margin-top: 146rpx;
|
|
margin-top: 146rpx;
|
|
@@ -163,7 +176,8 @@
|
|
|
color: rgba(255, 255, 255, 1);
|
|
color: rgba(255, 255, 255, 1);
|
|
|
font-size: 28rpx;
|
|
font-size: 28rpx;
|
|
|
}
|
|
}
|
|
|
-.room-line{
|
|
|
|
|
|
|
+
|
|
|
|
|
+.room-line {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
margin-left: 20rpx;
|
|
margin-left: 20rpx;
|
|
|
margin-top: 225rpx;
|
|
margin-top: 225rpx;
|
|
@@ -171,14 +185,16 @@
|
|
|
height: 1px;
|
|
height: 1px;
|
|
|
background: rgba(220, 225, 230, 1);
|
|
background: rgba(220, 225, 230, 1);
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
/* 办理续住弹窗 */
|
|
/* 办理续住弹窗 */
|
|
|
-.popup_bg_xu{
|
|
|
|
|
|
|
+.popup_bg_xu {
|
|
|
width: 650rpx;
|
|
width: 650rpx;
|
|
|
height: 575rpx;
|
|
height: 575rpx;
|
|
|
background: rgba(255, 255, 255, 1);
|
|
background: rgba(255, 255, 255, 1);
|
|
|
border-radius: 6rpx;
|
|
border-radius: 6rpx;
|
|
|
}
|
|
}
|
|
|
-.popup_title{
|
|
|
|
|
|
|
+
|
|
|
|
|
+.popup_title {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
margin-left: 40rpx;
|
|
margin-left: 40rpx;
|
|
|
margin-top: 20rpx;
|
|
margin-top: 20rpx;
|
|
@@ -187,7 +203,8 @@
|
|
|
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
|
|
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
|
|
|
font-weight: 400;
|
|
font-weight: 400;
|
|
|
}
|
|
}
|
|
|
-.popup_error{
|
|
|
|
|
|
|
+
|
|
|
|
|
+.popup_error {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
margin-left: 577rpx;
|
|
margin-left: 577rpx;
|
|
|
margin-top: 15rpx;
|
|
margin-top: 15rpx;
|
|
@@ -195,21 +212,25 @@
|
|
|
height: 32px;
|
|
height: 32px;
|
|
|
background-image: url(../../static/index/swiper_x.svg);
|
|
background-image: url(../../static/index/swiper_x.svg);
|
|
|
}
|
|
}
|
|
|
-.select-list{
|
|
|
|
|
|
|
+
|
|
|
|
|
+.select-list {
|
|
|
color: rgba(153, 153, 153, 1);
|
|
color: rgba(153, 153, 153, 1);
|
|
|
font-size: 24rpx;
|
|
font-size: 24rpx;
|
|
|
font-weight: 400;
|
|
font-weight: 400;
|
|
|
}
|
|
}
|
|
|
-.select-list-time{
|
|
|
|
|
|
|
+
|
|
|
|
|
+.select-list-time {
|
|
|
color: rgba(0, 0, 0, 1);
|
|
color: rgba(0, 0, 0, 1);
|
|
|
font-size: 34rpx;
|
|
font-size: 34rpx;
|
|
|
font-weight: 400;
|
|
font-weight: 400;
|
|
|
}
|
|
}
|
|
|
-.select-center{
|
|
|
|
|
|
|
+
|
|
|
|
|
+.select-center {
|
|
|
width: 190rpx;
|
|
width: 190rpx;
|
|
|
height: 120rpx;
|
|
height: 120rpx;
|
|
|
}
|
|
}
|
|
|
-.select-line1{
|
|
|
|
|
|
|
+
|
|
|
|
|
+.select-line1 {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
margin-left: 40px;
|
|
margin-left: 40px;
|
|
|
margin-top: 36px;
|
|
margin-top: 36px;
|
|
@@ -217,7 +238,8 @@
|
|
|
height: 1px;
|
|
height: 1px;
|
|
|
background: rgba(41, 109, 227, 1);
|
|
background: rgba(41, 109, 227, 1);
|
|
|
}
|
|
}
|
|
|
-.select-circle{
|
|
|
|
|
|
|
+
|
|
|
|
|
+.select-circle {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
width: 81rpx;
|
|
width: 81rpx;
|
|
|
height: 46rpx;
|
|
height: 46rpx;
|
|
@@ -231,7 +253,8 @@
|
|
|
font-size: 24rpx;
|
|
font-size: 24rpx;
|
|
|
font-weight: 400;
|
|
font-weight: 400;
|
|
|
}
|
|
}
|
|
|
-.select-line2{
|
|
|
|
|
|
|
+
|
|
|
|
|
+.select-line2 {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
margin-left: 94px;
|
|
margin-left: 94px;
|
|
|
margin-top: 36px;
|
|
margin-top: 36px;
|
|
@@ -239,7 +262,8 @@
|
|
|
height: 1px;
|
|
height: 1px;
|
|
|
background: rgba(41, 109, 227, 1);
|
|
background: rgba(41, 109, 227, 1);
|
|
|
}
|
|
}
|
|
|
-.select-time-xu{
|
|
|
|
|
|
|
+
|
|
|
|
|
+.select-time-xu {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
flex-direction: row;
|
|
|
justify-content: flex-start;
|
|
justify-content: flex-start;
|
|
@@ -249,14 +273,16 @@
|
|
|
margin-top: 128rpx;
|
|
margin-top: 128rpx;
|
|
|
margin-left: 0rpx;
|
|
margin-left: 0rpx;
|
|
|
}
|
|
}
|
|
|
-.select-time-one-xu{
|
|
|
|
|
|
|
+
|
|
|
|
|
+.select-time-one-xu {
|
|
|
margin-top: 32rpx;
|
|
margin-top: 32rpx;
|
|
|
margin-left: 55rpx;
|
|
margin-left: 55rpx;
|
|
|
display: flex;
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
}
|
|
}
|
|
|
-.popup_xu_line{
|
|
|
|
|
|
|
+
|
|
|
|
|
+.popup_xu_line {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
margin-left: 0rpx;
|
|
margin-left: 0rpx;
|
|
|
margin-top: 86rpx;
|
|
margin-top: 86rpx;
|
|
@@ -265,7 +291,8 @@
|
|
|
background: rgba(204, 204, 204, 1);
|
|
background: rgba(204, 204, 204, 1);
|
|
|
border: 1rpx solid rgba(229, 229, 229, 1);
|
|
border: 1rpx solid rgba(229, 229, 229, 1);
|
|
|
}
|
|
}
|
|
|
-.popup_xu_txt{
|
|
|
|
|
|
|
+
|
|
|
|
|
+.popup_xu_txt {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
margin-left: 52rpx;
|
|
margin-left: 52rpx;
|
|
|
margin-top: 282rpx;
|
|
margin-top: 282rpx;
|
|
@@ -273,8 +300,9 @@
|
|
|
font-size: 24rpx;
|
|
font-size: 24rpx;
|
|
|
font-weight: 400;
|
|
font-weight: 400;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
/* 支付框 */
|
|
/* 支付框 */
|
|
|
-.fukuan{
|
|
|
|
|
|
|
+.fukuan {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
padding-top: 475rpx;
|
|
padding-top: 475rpx;
|
|
|
width: 650rpx;
|
|
width: 650rpx;
|
|
@@ -283,7 +311,8 @@
|
|
|
box-shadow: inset 0rpx -4rpx 10rpx rgba(0, 0, 0, 0.15);
|
|
box-shadow: inset 0rpx -4rpx 10rpx rgba(0, 0, 0, 0.15);
|
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
|
}
|
|
}
|
|
|
-.fu-price{
|
|
|
|
|
|
|
+
|
|
|
|
|
+.fu-price {
|
|
|
width: 363rpx;
|
|
width: 363rpx;
|
|
|
color: rgba(255, 87, 51, 1);
|
|
color: rgba(255, 87, 51, 1);
|
|
|
font-size: 44rpx;
|
|
font-size: 44rpx;
|
|
@@ -291,7 +320,8 @@
|
|
|
text-align: center;
|
|
text-align: center;
|
|
|
line-height: 100rpx;
|
|
line-height: 100rpx;
|
|
|
}
|
|
}
|
|
|
-.fu-zhifu{
|
|
|
|
|
|
|
+
|
|
|
|
|
+.fu-zhifu {
|
|
|
float: right;
|
|
float: right;
|
|
|
width: 288rpx;
|
|
width: 288rpx;
|
|
|
height: 100rpx;
|
|
height: 100rpx;
|
|
@@ -302,8 +332,9 @@
|
|
|
text-align: center;
|
|
text-align: center;
|
|
|
line-height: 100rpx;
|
|
line-height: 100rpx;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
/* 弹出框 */
|
|
/* 弹出框 */
|
|
|
-.kuang_txt{
|
|
|
|
|
|
|
+.kuang_txt {
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
justify-content: center;
|
|
|
padding: 15rpx;
|
|
padding: 15rpx;
|