/* 筛选 */ .ceng {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, .5);z-index: 99;} .shai {border-radius: 32rpx 32rpx 0 0;background: #fff;position: fixed;left: 0;right: 0;bottom: -100%;z-index: 100;padding: 0 0 90rpx;overflow: hidden;height: 50%;transition: all .3s ease;} .default-box{position: absolute;top: 0;left: 0;right: 0;padding: 48rpx 50rpx 0 0;background: #fff;justify-content: flex-end;z-index: 5;} .default{font-size: 28rpx;color: #999;z-index: 10;} .default image{width: 36rpx;height: 36rpx;margin-right: 14rpx;} .shai-c {position: absolute;top: 0;left: 0;right: 0;bottom: 90rpx;padding: 35rpx 50rpx 80rpx;overflow-y: scroll;-webkit-scrolling-overflow: touch;} .s-tit {font-size: 30rpx;color: #263343;font-weight: bold;margin: 0;} .s-list {flex-wrap: wrap;margin-top: 30rpx;} .s-list .li {width: 189rpx;height: 70rpx;background: #F3F5F7;line-height: 70rpx;border-radius: 35rpx;font-size: 30rpx;color: #263343;text-align: center;margin: 25rpx 32rpx 0 0;} .s-list .li:nth-child(3n) {margin-right: 0;} .s-list .li.active {background: #018acd;color: #fff;} .s-list .textarea-box{ border-radius: 10rpx; width: 100%; min-height: 30rpx; line-height: 30rpx; background: #eeeeee; height: 230rpx; padding: 40rpx 30rpx; } .s-list textarea{ width: 100%; height: 100%; } .team{flex-wrap: wrap;max-height: 180rpx;overflow: hidden;} .teams{max-height: initial;} .team .li{width: 144rpx;height: 54rpx;border: 1rpx solid #D1D1D1;border-radius: 6rpx;font-size: 30rpx;color: #727272;text-align: center;line-height: 54rpx;margin: 30rpx 19rpx 0 0;position: relative;overflow: hidden;} .team .li:nth-child(4n){margin-right: 0;} .team .li image{width: 24rpx;height: 24rpx;position: absolute;bottom: 0;right: 0;} .team .li.active{color: var(--main);border-color: var(--main);} .team-more{padding: 20rpx 0;margin-top: 10rpx;} .team-more image{width: 23rpx;height: 14rpx;margin: 0 auto;} .team-mores image{transform: rotate(180deg);} .dates {padding: 25rpx 0 0;font-size: 30rpx;color: #858585;} .date {width: 240rpx;height: 70rpx;background: #F3F3F3;border-radius: 35rpx;box-sizing: border-box;font-size: 30rpx;color: #333;line-height: 70rpx;text-align: center;} .date.active {color: #333;} .dates text {display: block;margin: 0 15rpx;} .btn {position: absolute;left: 0;bottom: 80rpx;right: 0;background: #fff;display: flex;justify-content: space-around;padding: 0rpx 40rpx;} /* .reset {width: 50%;border-top: 1rpx solid #e8e8e8;font-size: 32rpx;color: #697077;text-align: center;height: 89rpx;line-height: 89rpx;} */ .reset{ padding: 30rpx 100rpx; background-color: #eeeeee; color: #108FFF; border-radius: 20rpx; } /* .confirm {width: 50%;font-size: 32rpx;background: #018acd;color: #fff;text-align: center;height: 90rpx;line-height: 90rpx;} */ .confirm{ padding: 30rpx 100rpx; background-color: #108FFF; color: #fff; border-radius: 20rpx; } .limit{text-align: right;font-size: 24rpx;} .go {width: 230rpx;height: 60rpx;border-radius: 40rpx;border: 1rpx solid var(--main);font-size: 30rpx;color: var(--main);justify-content: center;margin: 0 auto;}