1 |
- .detail{padding:30rpx}.detail .detail-box{background-color:#fff;border-radius:16rpx;box-shadow:0 1px 12px rgba(3,3,3,.08);padding:30rpx;position:relative;margin-bottom:30rpx}.detail .sub-title{display:flex;align-items:center;margin-left:-8rpx}.detail .sub-title .sub-label{font-size:32rpx;font-weight:600;margin-left:14rpx}.detail .title-box{padding-left:90rpx;position:relative}.detail .title-box .title-icon{width:70rpx;height:70rpx;text-align:center;line-height:70rpx;background:#08979c;border-radius:70rpx;position:absolute;left:0;top:50%;margin-top:-35rpx}.detail .title-box .title{font-size:32rpx;font-weight:600}.detail .title-box .date{font-size:24rpx;color:#8c8c8c}.detail .other{margin-top:20rpx}.detail .other .item{margin-top:10rpx}.detail .other .label{color:#8c8c8c;font-size:24rpx}.detail .other .value{margin-top:6rpx;font-weight:400}.detail .state{margin-top:20rpx;display:flex;justify-content:space-between}.detail .state .create{height:48rpx;border-radius:48rpx;border:1px solid #08979c;display:flex;align-items:center;color:#08979c;padding:0 10rpx}.detail .state .create .name{font-size:24rpx;flex:1;max-width:150rpx;min-width:70rpx;overflow:hidden;margin-left:10rpx;line-height:36rpx;padding-right:10rpx}
|