page {
    background-color: #fff;
}

#myVideo {
    width: 100%;
    height: 420rpx;
}

#myVideo3 {
    width: 100%;
    height: 420rpx;
}

.container {
    flex: 1;
    position: relative;
}

.imageContainer {
    background: black;
    width: 100%;
    height: 420rpx;
    position: relative;
}

.card {
    width: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 420rpx;
    background: #fff;
    border-radius: 30rpx;
}

/* info start */
.info {
    padding: 35rpx;
    display: flex;
    flex-direction: column;
}

.info-name {
    font-size: 36rpx;
    font-weight: 550;
    color: #333333;
}

.info-key {
    margin-top: 20rpx;
    display: flex;
    font-size: 26rpx;
    font-weight: 400;
    color: #999999;
}

.key-value {
    margin-left: 15rpx;
    color: #666;
}

.info-teacher {
    margin-top: 20rpx;
    display: flex;
    font-size: 26rpx;
    font-weight: 400;
    color: #999999;
}

.teacher-value {
    margin-left: 15rpx;
    color: #4C84FF
}

.info-file {
    margin-top: 30rpx;
    display: flex;
}

.word {
    color: #666666 !important;
}

.download {
    margin-left: 20rpx;
    color: #4C84FF !important;
}

.mrgin30 {
    margin: 30rpx;
}

.title {
    font-size: 26rpx;
    font-weight: 400;
    color: #666666;
}

.content {
    margin-top: 10rpx;
    padding: 30rpx 20rpx;
    background: #F3F5F9;
    border-radius: 10rpx;
    font-size: 26rpx;
    font-weight: 400;
    color: #999999;
}


/*playback*/
.time-filter {
    display: flex;
    flex-flow: wrap;
}

.time-item {
    margin: 15rpx 0 0 15rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 80rpx;
    height: 80rpx;
    background: rgba(243, 245, 249, 0.5);
    border-radius: 10rpx;
    font-size: 26rpx;
    font-weight: 400;
    color: #999999;
}

.time-item-active {
    margin: 15rpx 0 0 15rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 80rpx;
    height: 80rpx;
    background: linear-gradient(0deg, #FF4330 0%, #FF7B60 100%);
    border-radius: 10rpx;
    font-size: 26rpx;
    font-weight: 400;
    color: #FFF;
}

.time-date {
    font-size: 30rpx;
}