| 1 |
- .control-index{padding:30rpx;display:flex;flex-direction:column;box-sizing:border-box}.control-index .control-week{display:flex;margin-bottom:40rpx}.control-index .control-week .line{width:20rpx}.control-index .control-week .control-week-item{background:#d4edff;display:flex;align-items:center;padding:20rpx;flex:1;width:0;overflow:hidden;border-radius:8rpx}.control-index .control-week .control-week-item.orange{background:#fdd8b7}.control-index .control-week .control-week-item.orange .control-week-icon{background:#ffa300}.control-index .control-week .control-week-item.orange .control-week-content{color:#ffa300}.control-index .control-week .control-week-icon{width:72rpx;height:72rpx;border-radius:8rpx;background:#4cb0fc;text-align:center;line-height:72rpx}.control-index .control-week .control-week-content{margin-left:20rpx;color:#4cb0fc}.control-index .control-week .label{font-size:24rpx}.control-index .control-week .number{font-size:32rpx}.control-index .control-list{background:#fff;padding:30rpx 30rpx 10rpx 30rpx;border-radius:16rpx;box-shadow:0 1px 12px rgba(3,3,3,.08);margin-top:30rpx}.control-index .control-state{position:absolute;top:20rpx;right:20rpx}.control-index .control-state .control-status{padding:6rpx 20rpx;color:#fff;border-radius:8rpx;font-size:24rpx;font-weight:300}.control-index .control-state .in{background:#08979c}.control-index .control-state .out{background:#fa8c16}.control-index .fans-list{padding:0}.control-index .control-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:30rpx}.control-index .control-title .label{font-size:32rpx;font-weight:500}.control-index .control-title .date{font-size:24rpx;font-weight:300;color:#8c8c8c;border:1px solid #d9d9d9;padding:6rpx 10rpx;border-radius:8rpx;width:340rpx;display:flex;align-items:center}.control-index .control-title .line{margin:0 10rpx}.control-index .control-title .date-value{flex:1;width:0;overflow:hidden;text-align:center}.control-index .control-off{background:#fff;padding:30rpx;border-radius:16rpx;box-shadow:0 1px 12px rgba(3,3,3,.08);display:flex;align-items:center}.control-index .control-off-icon{width:80rpx;height:80rpx;background:#08979c;border-radius:12rpx;text-align:center;line-height:80rpx}.control-index .control-off-label{flex:1;font-size:32rpx;font-weight:500;margin-left:20rpx}.control-index .control-off-btn{width:120rpx;height:60rpx;border-radius:60rpx;color:#fff;background:#08979c;text-align:center;line-height:60rpx}
|
