H5_module/promote/performance/team/index.css

page{padding-bottom: 30rpx;}
.date{font-size: 28rpx;color: var(--mina);padding: 0 30rpx;background: #fff;height: 65rpx;line-height: 65rpx;justify-content: space-between;}
.date picker view{display: inline-block;}
.rico{display: inline-block;width: 13rpx;height: 20rpx;margin-left: 10rpx;}
.filters{position: relative;}
.department{font-size: 28rpx;color: #000;}
.department image{width: 20rpx;height: 13rpx;margin-left: 11rpx;}
.point{width: 46rpx;justify-content: space-between;padding: 30rpx 0;}
.point text{display: block;width: 10rpx;height: 10rpx;background: #333;border-radius: 50%;}
.rules{position: absolute;right: 0;top: 60rpx;width: 200rpx;z-index: 100;text-align: center;background: #fff;border-radius: 10rpx;box-shadow: 0 0 20rpx rgba(0,0,0,.1);}
.rules::before{content: '';display: block;width: 0;height: 0;border: 12rpx solid transparent;border-top: none;border-bottom-color: #fff;position: absolute;top: -12rpx;right: 10rpx;}
.rules .li{font-size: 24rpx;color: #333;border-bottom: 1rpx solid #f4f4f4;padding: 25rpx 20rpx;line-height: initial;}
.rules .li:last-child{border-bottom: none;}
.rules .li.active{color: var(--mina);}
.ceng{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0);z-index: 99;}

.total{background: #fff;border-radius: 16rpx;padding: 30rpx 30rpx 0;margin: 30rpx 30rpx 0;}
.name{font-size: 30rpx;}
.money{font-size: 58rpx;margin-top: 20rpx;}
.team{font-size: 24rpx;color: #999;margin-top: 12rpx;}
.team image{width: 14rpx;height: 24rpx;margin-left: 14rpx;}
.total-datas{padding: 40rpx 0;}
.total-datas .li{width: 50%;font-size: 24rpx;color: #999;}
.total-datas .li view{font-size: 40rpx;margin-bottom: 10rpx;color: #333;}
.total-datas .li:last-child view{color: #F06520;}
.total-datas .li view.green{color: #07c160;}


.filter{padding: 0 30rpx;justify-content: space-between;font-size: 28rpx;color: #999;}
.filter .li{padding: 25rpx 10rpx;}
.filter .li image{width: 14rpx;height: 23rpx;margin-left: 6rpx;}
.list{background: #fff;border-radius: 14rpx;padding: 0 30rpx;margin: 0 30rpx;}
.list .li{padding: 25rpx 0;border-bottom: 1rpx solid #F4F4F4;}
.list .li:last-child{border-bottom: none;}
.tit{font-size: 30rpx;color: #333;}
.datas{font-size: 24rpx;color: #999;margin-top: 15rpx;}
.datas .lis{width: 33.33%;}
.datas .lis view{font-size: 28rpx;color: #333;margin-bottom: 8rpx;}
.datas .spe view{color: #F06520;}
.datas .spe view.green{color: #07c160;}

.ceng{position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0,0,0,.5);z-index: 99;}
.popup{position: fixed;left: 0;right: 0;bottom: 0;background: #fff;border-radius: 30rpx 30rpx 0 0;z-index: 100;}
.pop-tit{font-size: 30rpx;color: #000;padding: 40rpx 30rpx 0;}
.pop-con{min-height: 260rpx;}
.pop-list{flex-wrap: wrap;padding: 0 30rpx 30rpx;align-items: flex-start;}
.pop-list .li{width: 200rpx;height: 69rpx;line-height: 69rpx;background: #F4F5F7;border-radius: 50rpx;font-size: 28rpx;color: #333;margin: 25rpx 16rpx 0 0;text-align: center;}
.pop-list .li.active{background: var(--mina);color: #fff;}
.pop-cancel,.pop-confirm{width: 50%;height: 90rpx;box-sizing: border-box;font-size: 30rpx;text-align: center;}
.pop-cancel{border-top: 1rpx solid #ececec;color: #333;line-height: 89rpx;}
.pop-confirm{background: var(--mina);color: #fff;line-height: 90rpx;}