:root{
    --color-primary: #7c3aed;
}

@media screen and (max-width: 1400px){
    .cui-course-list-item {min-width: 250px!important;}
    .cui-course-list-item img{width: 100%; height: 190px;object-fit: cover;}
}
@media screen and (max-width: 1200px){
    .cui-sidebar .fly-panel{min-height: calc(100vh - 280px);}
    .cui-course-list-item {min-width: 220px!important;}
    .cui-course-list-item img{height: 190px;}
    .layui-carousel{
        height: 110px!important;
    }
}
@media screen and (max-width: 992px){
    .cui-page .layui-container {
        width: 100%;
    }
}
/*--最小屏--*/
@media screen and (max-width: 768px){
    .cui-btn-shangwu, .fly-search{display: none!important;}
    .cui-main {width: calc(100% - 90px);left: 80px; overflow-x:scroll; margin-top: 20px!important;}
    .cui-sidebar {width: 60px;}
    .cui-sidebar .layui-nav-tree{width: 76px;}
    .cui-sidebar .layui-nav-tree li a span{
        display: none;
    }
    .cui-sidebar .cui-footer1{display: none;}
    .cui-footer{
        display: block!important;
        padding: 30px 0 30px 80px!important;
        margin-top: 15%;
    }
    .cui-footer>div.flex{display: block!important;text-align: center;}
    .cui-footer .tr{text-align: center!important;}

    .cui-userinfo{width: 95%;margin: 50px auto; }
    .cui-userinfo .cui-userinfo-body{overflow-x: auto;}
    .cui-userinfo .cui-userinfo-body table{min-width: 300px;}
    .cui-user-sidebar{
        width: 100px!important;
    }
    .layui-carousel{
        height: 40px!important;
    }
    .cui-course-detail{margin-top: 20px!important;}
    .cui-course-detail div{white-space: normal!important;}
    .cui-course-detail .layui-breadcrumb{padding-left: 15px;}

    .cui-course-list-body{
        display: block!important;
        min-width: 410px;
    }
    .layer-login{
        width: 75vw!important;
        height: 470px!important;
        left: 12vw!important;
    }
}