/* monitor/pages/materialUse/materialUse.wxss */
page{font-size: 28rpx;}
.list {background: #fff; margin-top: 20rpx;  padding: 10rpx 0; font-size: 28rpx;}
.list>view{padding: 20rpx; }
/* .content-list{border-bottom: 1px solid #f0f0f0;} */
.content-list>view{padding: 10rpx 0;}
.content-list .value-flex{display: flex; flex: 1; justify-content: space-between;}
.del-btn{color: #ff0000;}

.title { width: 170rpx; float: left;  color: #333;  text-align: right}
.content-line { width: 100%; height: 2rpx; background-color: #f2f2f2; padding: 0 !important;}
.rj {border: solid #aaa; border-width: 0 2rpx 2rpx 0; display: inline-block; padding: 8rpx; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}

.operate {display: flex; justify-content: space-between; color: #fff; width: 100%; position: fixed; bottom: 0; padding-bottom: constant(safe-area-inset-bottom);  padding-bottom: env(safe-area-inset-bottom); background-color: #fff; z-index: 10;}
.operate>view { flex: 1; text-align: center; height: 90rpx; font-size: 30rpx;  line-height: 90rpx;} 
button::after { border: none;}
.guo { background: #FFF; color: #333;}
.ju { background: #f66;}
.jie,.pai,.zhuan,.sure { background: #0A6597;}
.gray{color: #CCC;}

.detail-list { flex: 1; color: #333; display: flex; align-items: center; }
.detail-list picker{width: 90%;}
.picker{width: 90%; height: 45rpx;}