.fixed-top{ position: fixed; top: 0; left: 0; right: 0; padding: 0 30rpx; background: #fff; } .fixed-tab{ padding: 30rpx 0; display: flex; overflow-x: auto; } .tab-box{ flex-shrink: 0; width: 120rpx; text-align: center; margin-right: 40rpx; } .tab-box image{ width: 80rpx; height: 80rpx; } .tab-title{ font-size: 28rpx; color: #242424; } .tab-box.active .tab-title{ color: #9F1512; } .select-tab{ display: flex; } .select-box{ flex: 1; text-align: center; font-size: 28rpx; color: #242424; } .select-box.active{ color: #9F1512; font-weight: bold; } .venue{ height: 400rpx; margin-top: 240rpx; padding: 0 30rpx; } .venue-box{ box-shadow:0 0 17rpx 0 rgba(0,0,0,0.1); border-radius:10rpx; overflow: hidden; margin-bottom: 15rpx; } .venue-img, .venue-img image{ width: 100%; height: 315rpx; } .venue-info{ padding: 15rpx 20rpx; } .name-distance{ display: flex; justify-content: space-between; height: 35rpx; line-height: 35rpx; } .name{ font-size: 30rpx; width: 70%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .distance{ padding: 0 10rpx; background: rgba(159,21,18,.1); color: #9F1512; border-radius: 10rpx; font-size: 28rpx; } .time{ font-size: 24rpx; color: #242424; margin-top: 10rpx; }