/* pages/user/NeedsManage/index.wxss */
.manage-page{
  width: 100%;
  min-height: 100vh;
  background: #EEEEEE;
}
.tabs-box{
  width: 100%;
  padding: 18rpx 58rpx;
  background: #fff; 
}
.tab{
  text-align: center;
  font-size: 28rpx;
  color: #707070;
  position: relative;
}
.tab::after{
  display: block;
  content: '';
  width: 100%;
  height: 8rpx;
  border-radius: 8rpx;
  background: #FF6D31;
  position: absolute;
  bottom: -22rpx;
  left: 50%;
  margin-left: -41rpx;
  opacity: 0;
  transform: scaleX(0);
  transition: all .2s cubic-bezier(.18,.89,.17,.88),opacity .15s ease;
}
.tab-a::after{
  opacity: 1;
  transform: scaleX(1);
}
.list{
  width: 100%;
  padding: 32rpx 40rpx;
}
.list-item{
  width: 100%;
  padding: 20rpx 20rpx 32rpx;
  background: #fff;
  border-radius: 12rpx;
  margin-bottom: 20rpx;
}

.n-title{
  font-size: 28rpx;
  color: #1D1D1D;
  font-weight: 500;
  margin-bottom: 18rpx;
}
.tag-item{
  width: 114rpx;
  height: 36rpx;
  line-height: 34rpx;
  text-align: center;
  color: #FC9367;
  border: 1rpx solid #FC9367;
  background: #fff;
  border-radius: 4rpx;
  font-size: 24rpx;
  margin-right: 8rpx;
}
.colG{
  color: #3A9EFA;
  border-color: #3A9EFA;
}
.top-r{
  color: #FF5100;
  font-size: 20rpx;
  font-weight: 600;
  line-height: 40rpx;
}
.status{
  font-size: 30rpx;
}
.fz28{
  color:#707070;
  line-height: 40rpx;
  margin: 18rpx 0 10rpx;
}
.colR{
  color: #FF5100;
}
.desc{
  font-size: 24rpx;
  line-height: 34rpx;
  color: #333;
}
.time{
  font-size: 24rpx;
  color: #707070;
}
.btn-box{
  font-size: 30rpx;
  font-weight: 500;
  line-height: 40px;
  color: #FF5100;
}
.btn{
  font-size: 28rpx;
  width: 150rpx;
  height: 56rpx;
  line-height: 56rpx;
  text-align: center;
  background: linear-gradient(134deg, #FFA782 0%, #FF6D31 100%);
  border-radius: 12rpx;
  color: #fff;
  margin-left: 16rpx;
}
.default{
  background: linear-gradient(134deg, #BFBFBF 0%, #BFBFBF 100%);
}