| 1 |
- .content{height:100vh;width:750rpx;background-color:#fff}.content .activeTitle{position:fixed;z-index:9;width:100%;height:60px;background-color:#fff;border-top:1px solid #d3d3d3;display:flex;justify-content:center;padding:0 30px;font-size:34rpx}.content .activeTitle .active{position:relative;font-weight:700}.content .activeTitle .active .yun{width:80rpx;height:0rpx;position:absolute;left:50%;top:65%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);box-shadow:0 0 10px 2px #4a97f2}.content .activeTitle .left{width:50%;height:100%;display:flex;justify-content:center;align-items:center}.content .activeTitle .right{width:50%;height:100%;display:flex;justify-content:center;align-items:center}.content .scroll-view-height{height:80vh}.content .scroll-view-height .activeClass{width:100%}.content .scroll-view-height .activeClass .classBox{display:flex;justify-content:space-between;padding:0 47rpx;background-color:#fff;height:144rpx}.content .scroll-view-height .activeClass .classBox .classLeft{display:flex;height:100%}.content .scroll-view-height .activeClass .classBox .classLeft .class_Img{display:flex;align-items:center;flex-grow:1}.content .scroll-view-height .activeClass .classBox .classLeft .class_Img image{width:80rpx;height:80rpx;border-radius:10rpx}.content .scroll-view-height .activeClass .classBox .classLeft .class_Text{display:flex;justify-content:center;flex-grow:2;flex-direction:column;margin-left:20rpx}.content .scroll-view-height .activeClass .classBox .classLeft .class_Text .text_Title{display:flex;margin-bottom:6px;align-items:center}.content .scroll-view-height .activeClass .classBox .classLeft .class_Text .text_Title text:last-child{color:#000;font-size:28rpx;font-weight:600}.content .scroll-view-height .activeClass .classBox .classLeft .class_Text .text_Title text.manage{border:1px #00b2b6 solid;font-size:20rpx;width:64rpx;display:flex;height:32rpx;white-space:nowrap;justify-content:center;align-items:center;border-radius:5rpx;margin-right:10rpx;color:#00b2b6}.content .scroll-view-height .activeClass .classBox .classLeft .class_Text .text_Intro{display:flex}.content .scroll-view-height .activeClass .classBox .classLeft .class_Text .text_Intro text{font-size:24rpx;font-weight:400;color:#bfbfbf;width:90%;letter-spacing:2rpx;display:-webkit-box;word-break:break-all;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}.content .scroll-view-height .activeClass .classBox .classright{display:flex;height:100%;align-items:center}.content .scroll-view-height .activeClass .classBox .classright image{width:38rpx;height:42rpx}
|
