H5_module/components/input-popup/index.css

/* 筛选 */
.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;}