/* mine/pages/settlement/settlement.wxss */
.top-box{ position: relative;}
.f-top-bg{ width: 750rpx; height: 180rpx;}
.top-text{position: absolute; width: 560rpx; height: 180rpx; top: 0; left: 160rpx; display: flex; justify-content: space-between; align-items: center; font-size: 30rpx; color: #FFF;}
.money{font-size: 48rpx;}
.money text{font-size: 36rpx;}

.time-box{ display: flex; justify-content: center; margin-bottom: 20rpx;}
.time-box text{color: #999999; font-size: 24rpx; border-radius: 50rpx; border: solid 1px #999999; padding: 20rpx; height: 25rpx; line-height: 25rpx;}
.f-list-box{padding: 20rpx; box-sizing: border-box;  overflow-y: auto; height: calc(100vh - 360rpx);}

.list-row{background-color: #FFF; border-radius: 20rpx; margin-bottom: 20rpx;}
.list-row .f-head{color: #333333; font-size: 44rpx; height: 100rpx; line-height: 60rpx; padding: 20rpx; display: flex; justify-content: space-between;}
.list-row .list-con{border-top: dashed 2rpx #e9e9e9;}
.btn-box{ text-align: right; display: flex;}
.btn-box button{color: #ffffff; border-radius: 10rpx; background-color: #1e8679; width: inherit; font-weight: 500; font-size: 28rpx; padding: 8rpx 20rpx; margin: 0; margin-left: 10rpx; }
.list-con .title { min-width: 140rpx;}

/*备件详情*/
.list-row .head{ height: 100rpx; line-height: 100rpx; display: flex; justify-content: space-between; padding: 0 20rpx;}
.list-row .titleName{ display: flex;  align-items: center;  justify-content: flex-start;  color: #333333;  font-size: 32rpx; font-family: PingFang-SC-Bold;}
.list-row .titleName image{  margin-right: 10rpx;  width: 40rpx;  height: 40rpx;}
.plan{ display: flex;  align-items: center;  justify-content: flex-start;  color: #007cc9;  font-size: 30rpx;}
.plan image{  margin-left: 10rpx;  width: 44rpx;  height: 44rpx;}
.plan .up{transform: rotateZ(-180deg);}
.list-row .list-con{ padding: 20rpx 30rpx; font-size: 28rpx; line-height: 50rpx; border-top: solid 1px #e7e7e7; }
.list-con>view{display: flex; padding: 5rpx 0;}
.list-con .title{color: #666666; margin-right: 40rpx; min-width: 120rpx; text-align: right; display: inline-block;}
.list-con .value{color: #333;}
.list-con .value image{ width: 100rpx; height: 100rpx;}

/*抽屉弹窗*/
.drawer-box{position: fixed;top: 175rpx;	left: 0;bottom: 0;right: 0;	background: rgba(0, 0, 0, 0.6);	z-index: 2000;	display: flex; justify-content: flex-end;}
.drawer-content{background: #ffffff;width: 600rpx; box-sizing: border-box; display: flex;flex-direction: column; padding: 40rpx; height: calc(100vh - 175rpx);position: relative; font-size: 30rpx;}
.d-title{font-size: 34rpx; color: #1e8679; font-weight: 600; height: 50rpx;}
.drawer-content input{border-radius: 10rpx; border: solid 1px #cccccc; padding: 10rpx 20rpx; font-size: 28rpx;}

/*筛选*/
.filter-box{display: flex; align-items: center; font-size: 28rpx; padding: 0 20rpx; height: 50rpx; background-color: #ffffff; border-radius: 25rpx; color: #333333;}
.filter-box image{ width: 30rpx; height: 26rpx; margin-right: 10rpx;}
.radio-list{ margin-top: 20rpx;}
.radio-list label{ margin-right: 50rpx;}
.c-title{font-size: 30rpx; height: 60rpx; font-weight: 600; margin-top: 80rpx;}
.date-box{ position: relative;}
.date-box image{position: absolute; right: 10rpx; top: 10rpx; width: 50rpx; height: 50rpx;}
.filter-btn{ display: flex; width: 90%; position: absolute; bottom: 60rpx;}
.filter-btn>view{text-align: center; width: 230rpx; font-size: 30rpx; border: solid 1px #999999; margin: 0 10rpx; height: 80rpx; line-height: 78rpx; border-radius: 40rpx; flex: 1; color: #333333; box-sizing: border-box; }
.filter-btn>view.primary{background-color: #1e8679; border: solid 1px #1e8679; color: #FFF;}
.filter-btn>view.warning{background-color: #FFF; border: solid 1px #ff3333; color: #ff3333;}