.header__logo {

        width: 100%;
        height: 100%;
    }


    .slide-view {

        width: 100%;
        height: 100%;
        display: block;
        outline: none;
        border: 0;

    }



    .video_area {

        margin: 45px auto 0;

    }

    .up_out {

        display: flex;
        height: 228px;
        overflow: hidden;
    }

    .new_share_a {
        width: 482px;
        height: 228px;
        display: block;
    }

    .right_box_video_li {

        margin-left: 20px;
        width: 230px;
        height: 228px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        position: relative;
        float: left;
        cursor: pointer;
    }

    .video_li_img {

        /* height: 132px; */

    }

    .video_li_img>img {
        width: 100%;
        /* height: 100%; */
        /* -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px; */
    }

    .video_introduce {

        font-size: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 22px;
        padding: 10px 0 0 0;
        height: 60px;
    }

    .bottom {

        display: flex;
        width: 236px;
        height: 32px;
        line-height: 32px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;


    }

    .bottom_left {

        width: 70%;
        font-size: 24px;
        color: #ff3333;
        overflow: hidden;
        text-overflow: ellipsis;
        float: left;
    }

    .bottom_right {

        width: 27%;
        height: 31px;
        background: #3366cc;
        text-align: center;
        line-height: 31px;
        color: #fff;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        cursor: pointer;
        float: left;

    }

    .tit_tit {
        padding: 20px 0 25px 0;
        font-size: 30px;
        color: #333333;
        position: relative;

    }

    .mores {
        position: absolute;
        right: 5px;
        font-size: 16px;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .couse_li {

        width: 236px;
        /* height: 228px; */
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        position: relative;
        float: left;
        margin-right: 20px;
        cursor: pointer;

    }
    .space-box .couse_li{
        margin-bottom: 30px;
    }

    .preferential_prices {

        font-size: 24px;
        color: #ff4040;
        float: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;

    }

    .new_lesson_preferential_price {

        width: 68px;
        height: 24px;
        line-height: 24px;
        background-color: #ff4040;
        text-align: center;
        font-size: 14px;
        color: #fff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin-top: 4px;
        float: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;

    }

    .preferential_price {

        font-size: 24px;
        color: #ff4040;
        float: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-left: 6px;
        text-align: center;

    }

    .original_price {


        font-size: 16px;
        color: #999999;
        float: left;
        text-decoration: line-through;
        padding-left: 9px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;

    }

    .couse_li::nth-child(5n) {

        margin-right: 20px;
    }

    .video_section {

        margin: 10px 0;
        overflow: hidden;
    }

    .video_section:last-child {

        margin: 10px 0 20px;
        overflow: hidden;
    }

    .test {

        height: 30px;
        display: block;
        margin-left: 10px;
        font-size: 18px;
        border: none;
        outline: none;
        color: #666666;
        display: inline-block;
        line-height: 30px;
        position: relative;
        top: -2px;

    }

    .test>select {

        background: transparent;
        border: none;
        outline: none;

    }

    select::-ms-expand {

        display: none;
    }

    .select_seltct {

        margin-left: 10px;
        display: inline-block;
    }

    .label {

        margin-top: 32px;
        font-size: 18px;
    }

    .right_box_video a {


        display: block;
        float: left;


    }

    .couse_contents a {

        width: 230px;
        display: block;
        float: left;
        margin-right: 20px;

    }

    .new_share img {

        width: 100%;
        height: 100%;
    }



    @media screen and (min-width:1250px) {
        .video_area {

            width: 1250px;

        }
    }


    @media screen and (min-width:1366px) and (max-width: 1250px) {

        .video_area {

            width: 1130px;

        }

        .couse_li {

            width: 206px;
            /* height: 228px; */
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
            position: relative;
            float: left;
            margin-right: 20px;
            cursor: pointer;
            margin-bottom: 10px;
        }

        .new_share {

            height: 228px;
        }

        .new_share_a {

            width: 412px;
            height: 228px;
            display: block;
        }

        .couse_contents a {
            width: 206px;
            display: block;
            float: left;
            margin-right: 20px;
        }

        .right_box_video_li {

            width: 206px;
            margin-left: 20px;
            height: 228px;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
            position: relative;
            float: left;
            cursor: pointer;
        }


        .bottom {

            display: flex;
            width: 206px;
            height: 32px;
            line-height: 32px;
        }

    }

    @media screen and (min-width:992px) and (max-width: 1366px) {

        .video_area {

            width: 1040px;

        }

        .couse_li {

            width: 188px;
            /* height: 228px; */
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
            position: relative;
            float: left;
            margin-right: 20px;
            cursor: pointer;
            margin-bottom: 10px;
        }

        .new_share {

            height: 228px;
        }

        .new_share_a {

            width: 416px;
            height: 228px;
            display: block;
        }

        .couse_contents a {
            width: 188px;
            display: block;
            float: left;
            margin-right: 20px;
        }

        .right_box_video_li {

            width: 188px;
            margin-left: 20px;
            height: 228px;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
            position: relative;
            float: left;
            cursor: pointer;
        }

        .bottom {

            display: flex;
            width: 188px;
            height: 32px;
            line-height: 32px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    }

    @media screen and (max-width:1366px) {

        .video_area {

            width: 1040px;
        }

        .couse_li {

            width: 188px;
            /* height: 228px; */
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
            position: relative;
            float: left;
            margin-right: 20px;
            cursor: pointer;
            margin-bottom: 10px;

        }


        .couse_li:nth-child(5n) {
            width: 236px;
            height: 228px;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
            position: relative;
            float: left;
            margin-right: 0px;
            cursor: pointer;
            margin-bottom: 30px;
        }




        .new_share {

            height: 228px;
        }

        .new_share_a {

            width: 396px;
            height: 228px;
            display: block;
        }

        .couse_contents a {
            width: 188px;
            display: block;
            float: left;
            margin-right: 20px;
        }

        .right_box_video_li {

            width: 188px;
            margin-left: 20px;
            height: 228px;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
            position: relative;
            float: left;
            cursor: pointer;
        }

        .bottom {

            display: flex;
            width: 188px;
            height: 32px;
            line-height: 32px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .new_lesson_preferential_price {

            width: 68px;
            height: 24px;
            line-height: 24px;
            background-color: #ff4040;
            text-align: center;
            font-size: 9px;
            color: #fff;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            margin-top: 4px;
            float: left;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .preferential_price {


            font-size: 20px;
            color: #ff4040;
            float: left;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            padding-left: 6px;
        }


        .preferential_prices {

            font-size: 20px;
            color: #ff4040;
            float: left;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;

        }

        .bottom_left {

            width: 70%;
            font-size: 20px;
            color: #ff3333;
            overflow: hidden;
            text-overflow: ellipsis;
            float: left;
        }

        .bottom_right {

            width: 27%;
            height: 31px;
            background: #3366cc;
            text-align: center;
            line-height: 31px;
            color: #fff;
            -webkit-border-radius: 15px;
            -moz-border-radius: 15px;
            border-radius: 15px;
            cursor: pointer;
            float: left;
            font-size: 8px;
        }

        .original_price {

            width: 35%;
            font-size: 13px;
            color: #999999;
            float: left;
            text-decoration: line-through;
            padding-left: 6px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .tit_tit {
            padding: 20px 0 25px 0;
            font-size: 22px;
            color: #333333;
        }

        .video_introduce {

            font-size: 15px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            line-height: 22px;
            padding: 10px 0 0 0;
            height: 60px;
        }


    }




    @media screen and (min-width:1250px) {


        .content-modular-footer {

            width: 1250px !important;
        }
    }


    @media screen and (min-width:1366px) and (max-width: 1250px) {


        .content-modular-footer {

            width: 1130px;
        }



    }

    @media screen and (min-width:992px) and (max-width: 1366px) {


        .content-modular-footer {

            width: 1040px;
        }


    }

    @media screen and (max-width:1366px) {


        .content-modular-footer {

            width: 1040px !important;
        }



    }



    .ccmtv-search .search-box-input {
        display: block;
        width: 100%;
        height: 18px;
        padding: 20px 0;
        line-height: 18px;
        text-indent: 17px;
        border-radius: 21px 0 0 21px;
        background-color: #0e61b6;
        border: 0;
        outline: 0;
        font-size: 16px;
        color: #fff;
        font-family: Microsoft Yahei;
    }

    .ccmtv-search .search-box-btn {
        display: block;
        width: 86px;
        height: 18px;
        padding: 20px 0;
        line-height: 0px;
        background: #0e61b6;
        border-radius: 0 21px 21px 0;
        -webkit-border-radius: 0 21px 21px 0;
        -moz-border-radius: 0 21px 21px 0;
        -ms-border-radius: 0 21px 21px 0;
        color: #fff;
        text-align: center;
        font-size: 16px;
        cursor: pointer;
        transition: all .3s;
        -webkit-transition: all .3s;
        -ms-transition: all .3s;
        position: relative;
    }