| 1 |
- .activeBox{width:100%;background-color:#fff;padding:10px 0}.activeBox .teaching_case{display:flex;justify-content:space-between;padding:0 15px}.activeBox .teaching_case .img{width:180rpx;height:180rpx}.activeBox .teaching_case .img image{width:100%;height:100%}.activeBox .teaching_case .right{padding-left:15px;flex:1;width:100rpx;display:flex;flex-direction:column;align-content:flex-end}.activeBox .teaching_case .right .title{display:flex;margin-bottom:5px}.activeBox .teaching_case .right .title .tag{border:1px #00b2b6 solid;font-size:20rpx;display:flex;white-space:nowrap;justify-content:center;align-items:center;padding:2px 4px;border-radius:3px;margin-right:10rpx;color:#00b2b6}.activeBox .teaching_case .right .title text{width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activeBox .teaching_case .right .introduce{width:230px;font-size:28rpx;color:#a7a7a7;margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activeBox .teaching_case .right .operate{display:flex;justify-content:space-between;align-items:flex-end;margin-top:15px}.activeBox .teaching_case .right .operate .left{display:flex;flex-direction:row;width:260rpx;color:rgba(0,0,0,.6);font-size:24rpx}.activeBox .teaching_case .right .operate .left .leftCollect{display:flex;align-items:flex-end;margin-right:15px}.activeBox .teaching_case .right .operate .left .leftCollect .text{display:flex;margin-left:5px}.activeBox .teaching_case .right .operate .left .leftCollect .icon{display:flex}.activeBox .teaching_case .right .operate .left .leftCollect .icon image{width:32rpx;height:32rpx}.activeBox .teaching_case .right .operate .left .leftSubscribe{display:flex;align-items:flex-end}.activeBox .teaching_case .right .operate .left .leftSubscribe .text{display:flex;margin-left:5px}.activeBox .teaching_case .right .operate .left .leftSubscribe .icon{display:flex}.activeBox .teaching_case .right .operate .left .leftSubscribe .icon image{width:32rpx;height:32rpx}.activeBox .teaching_case .right .operate .right{width:80px;display:flex;flex-direction:row;justify-content:space-around;align-items:flex-end}.activeBox .teaching_case .right .operate .right .text{font-size:24rpx;color:#3081e8}.activeBox .teaching_case .right .operate .right .arrow{line-height:10px}.activeBox .teaching_case .right .operate .right .arrow image{width:32rpx;height:32rpx}
|
