- .teaching_case{display:flex;justify-content:space-between;margin-bottom:10px;background-color:#fff;padding:20rpx 30rpx}.teaching_case .img{width:150rpx;height:160rpx}.teaching_case .img image{width:100%;height:100%}.teaching_case .right{padding-left:15px;flex:1;width:100rpx;display:flex;flex-direction:column;align-content:flex-end}.teaching_case .right .title{display:flex;margin-bottom:10rpx}.teaching_case .right .title .tag{border:1px #00b2b6 solid;font-size:12px;display:flex;white-space:nowrap;justify-content:center;align-items:center;padding:2px 4px;border-radius:3px;margin-right:10rpx;color:#00b2b6}.teaching_case .right .title text{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.teaching_case .right .introduce{font-size:28rpx;color:#a7a7a7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.teaching_case .right .operate{display:flex;justify-content:space-between;align-items:flex-end;flex-grow:1}.teaching_case .right .operate .left{display:flex;justify-content:space-between;align-items:baseline}.teaching_case .right .operate .left .opr{display:flex;align-items:center}.teaching_case .right .operate .left .opr text{padding-left:3rpx;color:#666}.teaching_case .right .operate .left .pernum{color:#666;font-size:30rpx}.teaching_case .right .operate .left .price{font-size:40rpx;font-weight:700;color:#f8a551;padding-right:10rpx}.teaching_case .right .operate .btn{z-index:5;font-size:12px;background-color:#3081e8;color:#fff;border-radius:30px;margin:0;float:right;height:28px;line-height:28px;letter-spacing:1px}
|
