2025-06-09 17:19:11 +08:00

272 lines
4.5 KiB
Plaintext

/* pages/teacher/vedio/vedio.wxss */
.card-top{
margin-left: 30rpx;
background-color: #fff;
display: flex;
box-sizing: border-box;
width: 390rpx;
height: 74rpx;
border-radius: 20rpx 20rpx 0 0 ;
background-color: rgba(255, 255, 255, 0.2);
color: #fff;
font-size: 30rpx;
overflow: hidden;
margin-top: 44rpx;
}
.card-top-item{
width: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.card-top-click{
background-color: #FFC20E;
font-weight: bold;
}
.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;
}
.have-top{
margin-top: 0rpx;
border-radius: 0 20rpx 20rpx;
/* box-shadow: 0 0 0rpx rgb(223, 222, 222); */
box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
}
.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;
}
.bb{
padding: 10rpx;
background-color: #F4F6F8;
border-radius: 20rpx;
/* margin-top: 20rpx; */
font-size: 24rpx;
color: #777777;
margin-top: 30rpx;
}
.tab-item{
padding: 14rpx 30rpx;
box-sizing: border-box;
border-radius: 20rpx;
white-space: nowrap;
/* min-width: 300rpx; */
}
.active{
font-weight: bold;
color: #fff;
background-color: #28A6F6;
}
.tab{
display: flex;
align-items: center;
/* justify-content: center; */
/* padding: 10rpx;
background-color: #F4F6F8;
border-radius: 20rpx;
margin-top: 20rpx;
font-size: 24rpx;
color: #777777; */
}
.card1{
border-radius: 20rpx;
height: 280rpx;
width: 310rpx;
background-size: cover;
margin-top: 20rpx;
padding: 20rpx 20rpx;
box-sizing: border-box;
background-color: #fff;
box-shadow: 0 0 10rpx rgb(223, 222, 222)
}
.type1{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0 30rpx;
box-sizing: border-box;
/* margin-top: 40rpx; */
}
.vid{
height: 170rpx;
width: 270rpx;
margin-top: 18rpx;
border-radius: 20rpx;
}
.nothing{
margin-top: 30rpx;
text-align: center;
}
.type{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
/* padding: 0 30rpx; */
box-sizing: border-box;
margin-top: 30rpx;
/* margin-top: 40rpx; */
}