/* 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; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all .2s ease,opacity .15s ease; transition: all .2s ease,opacity .15s ease; } .tab-a::after{ opacity: 1; -webkit-transform: scaleX(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: -webkit-linear-gradient(316deg, #FFA782 0%, #FF6D31 100%); background: linear-gradient(134deg, #FFA782 0%, #FF6D31 100%); border-radius: 12rpx; color: #fff; margin-left: 16rpx; } .default{ background: -webkit-linear-gradient(316deg, #BFBFBF 0%, #BFBFBF 100%); background: linear-gradient(134deg, #BFBFBF 0%, #BFBFBF 100%); }