.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: 30rpx; 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 20rpx; } .intro-title{ font-size: 30rpx; color: #000; font-weight: bold; } .intro-content{ font-size: 28rpx; color: #000; }