2025-06-06 15:17:30 +08:00

158 lines
2.6 KiB
Plaintext

/* pages/teacher/vedio/vedio.wxss */
.card{
margin: 44rpx 30rpx;
background-color: #fff;
box-shadow: 0 0 10rpx rgb(223, 222, 222);
border-radius: 20rpx;
box-sizing: border-box;
padding: 30rpx;
min-height: 70vh;
}
.title{
/* font-weight: bold; */
font-size: 26rpx;
display: flex;
flex-direction: column;
align-items: center;
/* width: 300rpx; */
margin-right: 40rpx;
min-width: 60rpx;
}
.title-b{
/* width: 30rpx; */
width: 80%;
border-radius: 8rpx;
height: 8rpx;
margin-top: 6rpx;
background: rgb(38, 165, 246)
}
.tab-list{
display: flex;
}
.jineng{
border-radius: 20rpx;
background-color: #F4F6F8;
/* height: 50rpx; */
padding: 10rpx;
width: 360rpx;
box-sizing: border-box;
display: flex;
align-items: center;
min-width: 200rpx;
justify-content: space-between;
margin-top: 30rpx;
position: relative;
}
.show{
border-radius: 20rpx 20rpx 0 0 ;
transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.jineng-item{
border-radius: 20rpx;
color: #777;
font-size: 22rpx;
padding: 8rpx 26rpx;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
}
.aacctive{
background-color: #FBB716;
color: #fff;
}
.jineng-item image{
width: 20rpx;
height: 20rpx;
margin-left: 10rpx;
}
.select{
position: absolute;
background-color: #F4F6F8;
max-height: 0;
z-index: 999;
overflow: hidden;
top: 66rpx;
left: 0;
width: 634rpx;
transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
border-radius: 0 20rpx 20rpx 20rpx;
/* color: #777; */
text-align: left;
box-sizing: border-box;
}
.select.visible {
max-height: 1000px;
transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.title2{
font-size: 24rpx;
font-weight: bold;
margin-bottom: 8rpx;
}
.select-box{
color: #999999;
font-weight: normal;
font-size: 22rpx;
display: flex;
/* justify-content: space-between; */
flex-wrap: wrap;
align-items: center;
}
.select-item{
/* height: 50rpx; */
border-radius: 50rpx;
padding: 6rpx 20rpx;
border: 2rpx solid #999;
color: #999;
margin-bottom: 10rpx;
margin-right: 10rpx;
}
.select-item.now{
/* height: 50rpx; */
border: 2rpx solid #26A5F6;
color: #26A5F6;
background-color: #e1f2fe;
}
.box{
padding: 6rpx 30rpx 20rpx;
}
.title3{
font-weight: bold;
font-size: 28rpx;
display: flex;
align-items: center;
margin-top: 40rpx;
}
.title3-before{
height: 24rpx;
border-radius: 6rpx;
width: 6rpx;
margin-right: 16rpx;
background:linear-gradient(180.00deg, rgb(38, 165, 246),rgba(38, 165, 246, 0) 100%)
}
.video{
width: 100%;
margin-top: 20rpx;
height: 356rpx;
border-radius: 20rpx;
}