1 |
- .collectBox{margin:0 30rpx}.collectBox .collect_length{width:100%;height:40rpx;font-size:24rpx;font-weight:400;color:rgba(0,0,0,.6);display:flex;align-items:center;margin-top:6px;margin-bottom:6px}.collectBox .classBox{width:100%;height:248rpx;background-color:#fff;border-radius:20rpx;padding:0 16rpx;margin-bottom:8px}.collectBox .classBox .classTitle{display:flex;padding-top:15px;justify-content:space-between;margin-bottom:6px}.collectBox .classBox .classTitle ._span{font-size:32rpx;font-weight:500}.collectBox .classBox .classTitle image{width:32rpx;height:32rpx}.collectBox .classBox .classContent{width:100%;display:flex;justify-content:space-between}.collectBox .classBox .classContent .contentLeft{display:flex;flex-direction:column}.collectBox .classBox .classContent .contentLeft .constDate{display:flex;margin-bottom:6px}.collectBox .classBox .classContent .contentLeft .constDate ._span{color:rgba(0,0,0,.4);font-size:24rpx;font-weight:400}.collectBox .classBox .classContent .contentLeft .constDate ._span.manage{border:1px #00b2b6 solid;font-size:10px;display:flex;white-space:nowrap;justify-content:center;align-items:center;padding:1px 6px;border-radius:3px;margin-right:10rpx;color:#00b2b6;font-weight:600}.collectBox .classBox .classContent .contentLeft .constDate ._span:nth-child(2){color:#e7e7e7;margin-left:4px}.collectBox .classBox .classContent .contentLeft .constDate ._span:nth-child(3){margin-left:6px}.collectBox .classBox .classContent .contentLeft .constDate ._span:nth-child(4){margin-left:6px}.collectBox .classBox .classContent .contentLeft .classIntro{width:93%}.collectBox .classBox .classContent .contentLeft .classIntro ._span{color:rgba(0,0,0,.6);font-size:28rpx;display:-webkit-box;word-break:break-all;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:23px}.collectBox .classBox .classContent .contentRight image{width:182rpx;height:132rpx;border-radius:8rpx}
|