nova-trip/nova-tourism/pages/homestay/room-detail/index.less

@import '../../../styles/base.less';
@orange: #FF8936;
@red:#F01740;
page {
    background: #f6f6f6;
    padding-bottom: 148rpx;
}

.page-section {
    margin:20rpx;
    border-radius: 20rpx;
    background-color: #ffffff;
}
.page-section-spacing {
    padding:20rpx;
}
.swiper-images-wrapper {
    background-color: #eee;
    .swiper-images {
        height:400rpx;
    }
    .swiper-image {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100% 100%;
        border-radius: 20rpx;
    }
}

.title {
    font-weight: Medium;
    font-size: 36rpx;
    color: #222222;
}
.text {
    font-size: 30rpx;
}
.text-small {
    font-size: 24rpx;
}

.tab-title {
    flex: none;
    width:280rpx;
}
#detail {
    padding: 20rpx;
}

.footer-bar {
    position:fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20rpx;
    z-index: 99;
    background-color: #ffffff;
    .price {
        color:@red;
        font-weight: 600;
    }
    .btn {
        letter-spacing: 2px;
    }
}














// .more {
//     position: fixed;
//     bottom: 200rpx;
//     right: 50rpx;
//     z-index: 999;
//     width: 80rpx;
//     height: 80rpx;
//     border: 1rpx solid #f6f6f6;
//     border-radius: 50%;
//     font-size: 20rpx;
//     background: #ffffff;
//     padding-top: 15rpx;

//     .more-title {
//         text-align: center;

//     }
// }

// .box {
//     padding: 30rpx 30rpx 0 30rpx;
//     margin-bottom: 20rpx;
//     background: #ffffff;

//     .confirm {
//         display: flex;
//         margin-top: 20rpx;
//         padding-bottom: 20rpx;
//         border-bottom: 1rpx solid #f6f6f6;

//         .confirm-title {

//             color: #afa9a9;
//             width: 100rpx;
//         }

//         .confirm-detail {
//             width: 80%;

//             .confirm-immediately {
//                 color: hsl(136, 91%, 49%);
//             }

//             .confirm-immediately2 {
//                 color: hsl(136, 91%, 49%);
//                 margin-top: 30rpx;
//             }

//             .confirm-immediatelys {
//                 font-size: 28rpx;
//             }

//             .immediately-detail {
//                 margin-top: 10rpx;
//                 font-size: 28rpx;
//             }
//         }

//     }

//     .instructions {
//         margin-top: 10rpx;
//         color: #afa9a9;
//         font-size: 24rpx;
//     }

//     .facilities {
//         display: flex;
//         margin-top: 20rpx;
//         border-bottom: 1rpx solid #f6f6f6;
//         width: 100%;
//         padding-bottom: 20rpx;

//         .facilities-title {
//             color: #afa9a9;
//             width: 14%;
//         }

//         .facilities-txt {
//             display: flex;
//             flex-wrap: wrap;
//             width: 85%;

//             .immediately-detail {
//                 margin: 0rpx 0 20rpx 0;
//                 width: 95%;
//                 font-size: 28rpx;
//             }

//             .facilities-name {
//                 font-size: 24rpx;
//                 width: 30%;
//                 margin-right: 10rpx;
//                 line-height: 40rpx;
//             }

//             .facilities-names {
//                 font-size: 24rpx;
//                 width: 45%;
//                 margin-right: 10rpx;
//                 line-height: 40rpx;
//             }
//         }
//     }

//     .housing-facilities {
//         color: #1451ca;
//     }

//     .price {
//         display: flex;
//         color: red;
//         font-size: 24rpx;
//         margin-top: 10rpx;

//         .hotel-price {
//             margin: 0 10rpx 0 0;
//         }

//         .hotel-original {
//             text-decoration: line-through;
//             color: #afa9a9;
//         }
//     }

//     .hotel-preferential {
//         display: flex;
//         justify-content: space-between;

//         .preferential {
//             margin-top: 20rpx;
//             background: #fc496c;
//             width: 55%;
//             text-align: center;
//             color: #ffffff;
//             padding: 10rpx 0;
//         }

//         .hotel-detail {
//             margin-top: 30rpx;
//             color: #fc496c;
//         }
//     }

//     .tag {
//         display: flex;
//         margin-top: 20rpx;

//         .tag-name {
//             border-radius: 10rpx;
//             background: #f4f1f1;
//             padding: 10rpx;
//             color: #210c8b;
//             font-size: 24rpx;
//             margin: 0 20rpx 0 0;
//         }
//     }

//     .evaluation {
//         margin-top: 20rpx;
//         display: flex;
//         justify-content: space-between;

//         .evaluation-txt {
//             color: rgb(18, 198, 214);
//         }
//     }

//     .address {
//         margin-top: 20rpx;
//         padding-bottom: 20rpx;
//     }

//     .housing {
//         font-size: 36rpx;
//     }

//     .housing-title {
//         display: flex;
//         flex-wrap: wrap;

//         .housing-txt {
//             display: flex;
//             width: 55%;
//             margin: 20rpx 0rpx 0 0;

//             .housing-name {
//                 margin: 0rpx 30rpx 0 0;
//                 color: #afa9a9;

//             }
//         }

//         .housing-txts {
//             display: flex;
//             width: 37%;
//             margin: 20rpx 20rpx 0 0;

//             .housing-name {
//                 margin: 0rpx 30rpx 0 0;
//                 color: #afa9a9;

//             }
//         }

//         .housing-txt2 {
//             display: flex;

//             margin: 20rpx 20rpx 0 0;

//             .housing-name {
//                 margin: 0rpx 30rpx 0 0;
//                 color: #afa9a9;

//             }
//         }
//     }

//     .txt {
//         margin-top: 30rpx;
//         text-align: center;
//     }

//     .title {
//         margin: 30rpx;
//     }

//     .introduce {
//         margin-top: 50rpx;
//         display: flex;
//         position: relative;
//         padding-bottom: 20rpx;

//         .introduce-check {
//             position: absolute;
//             right: 0;
//             bottom: 20rpx;
//             background: #ffffff;
//             z-index: 99;
//             padding: 10rpx;
//             color: rgb(65, 88, 218);
//         }

//         .introduce-name {
//             margin: 10rpx 30rpx 0 0;
//             color: #afa9a9;
//         }

//         .introduce-describe {
//             width: 85%;
//             overflow: hidden; //一定要写
//             text-overflow: ellipsis; //超出省略号
//             display: -webkit-box; //一定要写
//             -webkit-line-clamp: 2; //控制行数
//             -webkit-box-orient: vertical; //一定要写
//             line-height: 60rpx;
//             // padding-bottom: 20rpx;
//         }
//     }
// }