swiper { height: 100%; } .boxs { background: white; border-radius: 24rpx; overflow: hidden; margin: 20rpx 0; position: relative; } .swiper-tab { width: 100%; /* border-bottom: 1rpx solid #ccc; */ text-align: center; height: 8%; line-height: 88rpx; font-weight: bold; display: flex; background-color: white; font-size: 11pt; } .swiper-tab-item { display: inline-block; flex: 1; color: #A3A3A3; } .active { color: black; } .btn { position: absolute; top: 10%; right: 30rpx; color: white; background: #ffa200; padding: 0 40rpx; height: 62rpx; border-radius: 31rpx; text-align: center; line-height: 62rpx; } .detailbox { padding: 26rpx 26rpx; line-height: 40rpx; } .labelInProgress { border: 1rpx solid #B52F2E; font-size: 20rpx; padding: 4rpx 10rpx; border-radius: 50rpx; color: #B52F2E; margin-right: 12rpx; } .label { color: white; position: absolute; right: 0; font-size: 20rpx; padding: 4rpx 16rpx; border-radius:0 24rpx 0 24rpx; } .labelIn{ background-color: #2384E8; } .labelFull{ background-color: #BBC2C9; } .labelInFull { border: 1rpx solid black; font-size: 20rpx; padding: 4rpx 10rpx; border-radius: 50rpx; color: black; margin-right: 12rpx; } .labelBox { font-size: 20rpx; padding: 4rpx 10rpx; border-radius: 50rpx; background-color: #A9A9A9; color: white; margin-right: 12rpx; } .dayTime { width: 90rpx; height: 90rpx; border: 1rpx solid; border-radius: 50%; text-align: center; padding: 0 2%; box-sizing: border-box; position: absolute; left: 14rpx; }