.swiper-box, swiper, .swiper-item image{ width: 100%; height: 350rpx; } .venue{ margin-top: 10rpx; padding: 0 20rpx; } .venue-name{ font-size: 34rpx; color: #000; margin-bottom: 10rpx; font-weight: bold; } .venue-info{ font-size: 28rpx; color: #242424; border-bottom: 1px solid #ddd; padding: 15rpx 0; } .venue-info image{ width: 28rpx; height: 28rpx; vertical-align: middle; } .selecet-tab{ display: flex; overflow-x: auto; flex-wrap: nowrap; padding: 0 20rpx; } .tab-btn{ flex-shrink: 0; display: inline-flex; justify-content: center; align-items: center; height: 60rpx; color: #BBBBBB; font-size: 30rpx; margin-left: 60rpx; } .tab-btn.active{ color: #9F1512; border-bottom: 1px solid #9F1512; } .tab-btn:first-child{ margin-left: 20rpx; } .tab-info{ padding: 0 20rpx; margin-top: 10rpx; } .tab-content{ border-bottom: 1px solid #ddd; padding-bottom: 10rpx; } .info-title{ font-size: 30rpx; color: #000; font-weight: bold; } .info-content{ font-size: 28rpx; color: #BBBBBB; padding-left: 20rpx; margin: 10rpx 0; } .venue-other{ margin: 10rpx 0 20rpx; padding: 0 20rpx; } .other-title{ font-size: 32rpx; color: #000; font-weight: bold; } .other-content{ font-size: 28rpx; color: #BBBBBB; padding-left: 20rpx; margin: 10rpx 0; } .other-container{ padding-bottom: 10rpx; border-bottom: 1px solid #ddd; } .venue-intro{ padding: 0 20rpx 100rpx; margin-bottom: 110rpx; } .intro-title{ font-size: 30rpx; color: #000; font-weight: bold; } .intro-content{ font-size: 28rpx; color: #000; } .book-btn{ position: fixed; bottom: 0; left: 0; right: 0; padding: 15rpx 30rpx; background: #fff; } .btn{ height: 80rpx; background: #9F1512; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 30rpx; border-radius: 10rpx; }