.banner {
    height: 41.66667vw;
    width: 100%;
    background-image: url(../images/classroom/classroom-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.banner .title {
    padding-top: 6.25vw;
    font-weight: 600;
    font-size: 4.16667vw;
    color: #fff;
    text-align: center;
}

.banner .sub-title {
    margin-top: 1.5625vw;
    font-weight: 400;
    font-size: 2.08333vw;
    color: #fff;
    text-align: center;
}

.list-wrapper {
    width: 62.5vw;
    margin: 0 auto;
}

.classroom-list {
    margin-top: 2.60417vw;
}

.classroom-list .list-item {
    margin-top: 5.20833vw;
}

.classroom-list .list-item .title-wrapper {
    display: flex;
    justify-content: space-between;
    height: 2.86458vw;
    line-height: 2.86458vw;
}

.classroom-list .list-item .title-wrapper .title {
    font-weight: 600;
    font-size: 2.08333vw;
}

.classroom-list .list-item .title-wrapper .more {
    position: relative;
    color: #333;
    cursor: pointer;
    font-size: 1.075vw;
}
.classroom-list .list-item .title-wrapper .more a{
    color: #333;
}

.classroom-list .list-item .title-wrapper .more .iconfont {
    position: absolute;
    font-size: 1.2625vw;
}

.classroom-list .list-item .list-wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 5.20833vw;
    margin-bottom: 7.8125vw;
}

.common-card {
    display: flex;
    flex-direction: column;
    width: 18.22917vw;
    height: 18.75vw;
    border-radius: 1.14583vw;
    border: 1px solid #999999;
    cursor: pointer;
}

.common-card .bg {
    position: relative;
    width: 100%;
    height: 9.375vw;
    border-radius: 1.04167vw;
}

.common-card .bg .mask {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-top-left-radius: 1.04167vw;
    border-top-right-radius: 1.04167vw;
    z-index: 1;
    background-color: #0000008a;
}

.common-card .bg .mask .iconfont {
    display: inline-block;
    color: #fff;
    font-size: 3.125vw;
    margin-left: calc(50% - 1.30208vw);
    margin-top: 18%;
}

.common-card .bg img {
    width: 100%;
    height: 100%;
}

.common-card:hover {
    .bg .mask {
        display: block;
    }
}

.common-card .info {
    width: 15.625vw;
    margin: 0 auto;
}

.common-card .info .title {
    margin-top: 1.04167vw;
    font-weight: 500;
    font-size: 1.14583vw;
}

.common-card .info .count {
    margin-top: 1.04167vw;
    font-weight: 400;
    color: #666;
    font-size: .83333vw;
}
.title-b{
    margin-top: 5.20833vw;
    font-weight: 600;
    font-size: 2.08333vw;
}

.classroom-more .container {
    width: 62.5vw;
    margin: 0 auto;
}

.classroom-more .container.title {
    margin-top: 5.20833vw;
    font-weight: 600;
    font-size: 2.08333vw;
}

.classroom-more .breadcrumd {
    display: flex;
    font-size: 1.14583vw;
    margin: 2.60417vw 0;
}

.classroom-more .container .list-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2.60417vw;
    margin-bottom: 5.20833vw;
}

.class-detail {
    width: 100%;
}

.class-detail .container {
    width: 62.5vw;
    margin: 0 auto;
}

.class-detail .container .title {
    margin-top: 5.20833vw;
    font-weight: 600;
    font-size: 2.08333vw;
}

.class-detail .breadcrumd {
    display: flex;
    font-size: 1.14583vw;
    margin: 2.60417vw 0;
}

.class-detail .container .player {
    height: 41.66667vw;
    width: 100%;
    background-color: #333;
}


.class-detail .container .title {
    margin-top: 5.20833vw;
    font-weight: 500;
    font-size: 1.5625vw;
}

.class-detail .container .sub-title {
    display: flex;
    margin-top: 2.60417vw;
}

.class-detail .container .sub-title .text {
    font-weight: 400;
    font-size: 1.14583vw;
    color: #666;
}

.class-detail .container .sub-title .count {
    margin-left: 2.60417vw;
}

.class-detail .container .content {
    margin-top: 5.20833vw;
    margin-bottom: 7.8125vw;
}

.class-detail .container .content .title {
    font-weight: 500;
    font-size: 1.5625vw;
    color: #333;
}

.class-detail .container .content .text {
    margin-top: 1.5625vw;
    font-size: .9375vw;
    color: #333;
    font-weight: 500;
    line-height: 1.5;
}