|
- /* package_first/pages/LearningVideo/index.wxss */
- .LearningVideo_container{
- height: 100vh;
- background: #F2F6F9;
- padding: 0 30rpx 0 29rpx;
- }
- .part{
- padding: 32rpx 10rpx 31rpx 30rpx;
- height: 283rpx;
- background: #FFFFFF;
- box-shadow: 0px 0px 14px 2px rgba(43,93,184,0.09);
- border-radius: 20px;
- display: flex;
- margin-bottom: 21rpx;
- margin-top: 2rpx;
- }
- .sutdy_picture{
- width: 296rpx;
- height: 220rpx;
- background-color: black;
- background: #B5B5B5;
- border-radius: 10rpx;
- }
- .cotent{
- padding: 20rpx 10rpx 0 23rpx;
- position: relative;
- }
- .title{
- display: flex;
- flex-wrap: wrap;
- justify-content:space-between;
-
- }
- .title_text{
- width: 224rpx;
- font-size: 32rpx;
- font-family: Source Han Sans CN;
- font-weight: 500;
- color: #000000;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- .item__tag{
- width: 84rpx;
- height: 34rpx;
- border-radius: 4rpx;
- font-size: 24rpx;
- font-family: Source Han Sans CN;
- font-weight: 400;
- color: #FFFFFF;
- line-height: 36rpx;
- text-align: center;
- }
- .title_content{
- width: 328rpx;
- height: 160rpx;
- font-size: 28rpx;
- font-family: Source Han Sans CN;
- font-weight: 400;
- color: #767881;
- line-height: 45rpx;
- padding-top: 24rpx;
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: 3;
- text-overflow:ellipsis;
- overflow: hidden;
- }
- .is--sutdy{
- background: #006DF7;
- }
- .no--sutdy{
- background: #EBAC14;
- }
- .sutdying{
- background-color: #1BE9BC;
- }
- .bottom{
- font-size: 26rpx;
- font-family: Source Han Sans CN;
- font-weight: 400;
- color: #C5C5C5;
- line-height: 36rpx;
- text-align: center;
- margin-top: 27rpx;
- }
|