body{
    font-family: Microsoft yahei, ProximaNova, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-weight: 400;
    line-height: 1.5;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-size-adjust: 100%;
    color: #666;
}
ul{
    list-style: none;
}
.container-fluid{
    padding: 0 !important;
}
.head-top{
    padding: 0 5%;
    background-color: white;
    a{
        color: #08bf91;
        font-size: 16px;
        font-weight: bold;
    }
}
.lesson-list, .lesson-leader, .lesson-more, .home-teacher,.teacher-more, .foot-banner, .foot-about, .footer-copyright, .lesson-guide, .lesson-type {
    padding: 0 5% !important;
    a{
        color: #08bf91;
        font-size: 16px;
        font-weight: bold;
    }
}
@media screen and (max-width: 767px) {
    .head-top{
        padding: 0;
    }
}
.menu {
    .navbar{
        button{
            .bi-card-list{
                color: #08bf91;
                font-size: 38px;
                font-weight: bold;
            }
        }
    }
}
.carousel-item{
    h5,p{
        color: #08bf91;
    }
    
}
.youshi{
    padding: 0 5% !important;
    /* background-color: #08bf91; */
    img{
        height: 40px;
    }
}
.bi-search{
    color:#08bf91
}
.form-control, .btn-outline-secondary{
    border: 1px solid #08bf91;
}
.card-footer{
    background-color: white;
}
.lesson-card{
    position: relative;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

@media  screen and (min-width: 1200px){
    .lesson-card{
        max-width: 24.5%;
        padding-bottom: 8%;
    }
    .home-teacher-card{
        max-width: 15.5%;
    }
    .option-item {
        /* flex: 0 0 8%; 每个选项最小宽度为100px，灵活扩展 */
        flex: 0 0 auto; 
        margin: 2px; /* 选项之间的间距 */
        text-align: left;
        white-space: nowrap;      /* 防止换行 */
    }
    
}
@media  screen and (min-width: 992px) and (max-width: 1199px){
    .lesson-card{
        max-width: 24.5%;
        padding-bottom: 13%;
    }
    .home-teacher-card{
        max-width: 19%;
    }
    .card-title{
        font-size: 15px;
    }
    .card-text small{
        font-size: 14px;
    }
    .option-item {
        /* flex: 0 0 10%; 每个选项最小宽度为100px，灵活扩展 */
        flex: 0 0 auto; 
        margin: 2px; /* 选项之间的间距 */
        text-align: center;
    }
    
}
@media  screen and (min-width: 768px) and (max-width: 990px){
    .lesson-card{
        max-width: 32.5%;
        padding-bottom: 14%;
    }
    .home-teacher-card{
        max-width: 24%;
    }
    .card-title{
        font-size: 14px;
    }
    .card-text small{
        font-size: 13px;
    }
    .option-item {
        /* flex: 0 0 11%; 每个选项最小宽度为100px，灵活扩展 */
        flex: 0 0 auto; 
        margin: 2px; /* 选项之间的间距 */
        text-align: center;
    }
    
}
@media  screen and (min-width: 576px) and (max-width: 768px){
    .lesson-card{
        max-width: 49.5%;
        padding-bottom: 15%;
    }
    .home-teacher-card{
        max-width: 32.5%;
    }
    .card-title, .lesson-leader-text{
        font-size: 13px;
    }
    .card-text small{
        font-size: 12px;
    }
    .foot-about{
        margin-top: 20px;
    }
    .option-item {
        /* flex: 0 0 15%; 每个选项最小宽度为100px，灵活扩展 */
        flex: 0 0 auto; 
        margin: 2px; /* 选项之间的间距 */
        text-align: center;
    }
    
}
@media  screen and (max-width: 575px) {
    .lesson-card{
        padding-bottom: 18%;
    }
    .lesson-card, .home-teacher-card{
        max-width: 49.5%;
    }
   
    .card-title,.lesson-leader-text{
        font-size: 11px;
    }
    .card-text small{
        font-size: 10px;
    } 
    .foot-gongzhonghao img{
        max-width: 10%;
    }  
    .foot-about{
        margin-top: 25px;
    }
    .option-item {
        /* flex: 0 0 16%; 每个选项最小宽度为100px，灵活扩展 */
        flex: 0 0 auto; 
        margin: 2px; /* 选项之间的间距  */
        text-align: center;
    }
}
.lesson-leader .card{
    border: none;
}
.lesson-leader .card .card-title{
    color: #434343;
}
.ellipsis {
    word-break: break-word;
    font-size: 12px;
    line-height: 20px;
    overflow: hidden;
    color: #555;
    display: -webkit-box; /* 创建一个盒子 */
    text-overflow: ellipsis; /* 显示省略号 */
    -webkit-box-orient: vertical; /* 垂直排列 */
    -webkit-line-clamp: 2; /* 限制显示的行数为 2 */
    overflow: hidden; /* 超出内容隐藏 */
    line-height: 1.5; /* 设置行高 */
    max-height: 3em; /* 控制最大高度，2行的高度 */
}
.card-title{
    overflow: hidden; /* 隐藏超出内容 */
    white-space: nowrap; /* 不换行 */
    text-overflow: ellipsis; /* 显示省略号 */
}
.lesson-more a{
    color: #fff;
    font-size: 14px;
    max-width: 100%;
}
.teacher-more a{
    color: #fff;
    font-size: 14px;
    max-width: 100%;
}
.lesson-teacher-leader .card{
    border: none;
}
.foot-banner{
    background-image: url(http://ceostyle.ceotheme.com/ceoedu/images/ceo-footer-banner.jpg);
    /* height: 240px; */
    overflow: hidden;
}
.foot-banner .card{
    background-color: transparent; /* 背景颜色为空 */
    color: #fff;
    /* opacity: 0.5;  */
    border: none;
    a{
        color: #fff;
    }
}
.site-counter{
    text-align: center;
    color: #fff;
}
.site-counter p:hover{
    color: #08bf91;
}
.lesson-teacher-leader .card .card-title{
    color: #434343;
}

.home-teacher-card{
    position: relative;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.lesson-card .card-body{
    background: -moz-linear-gradient(top,rgba(255,255,255,0.78) 0%,#fff 40%);
    background: -webkit-linear-gradient(top,rgba(255,255,255,0.78) 0%,#fff 40%);
    background: linear-gradient(top bottom,rgba(255,255,255,0.78) 0%,#fff 40%);
    position: absolute;
    bottom: 10%;
    width: 100%;
}
.lesson-card .card-footer{
    background: -moz-linear-gradient(top,rgba(255,255,255,0.78) 0%,#fff 30%);
    background: -webkit-linear-gradient(top,rgba(255,255,255,0.78) 0%,#fff 30%);
    background: linear-gradient(top bottom,rgba(255,255,255,0.78) 0%,#fff 30%);
    position: absolute;
    bottom: 0px;
    width: 100%;
}
.home-teacher-card .card-body .card-title{
    text-align: center;
}
/* .lesson-card img{
    padding-bottom: 10%;
} */
.home-teacher-card img{
    padding-bottom: 35%;
}
.home-teacher-card .card-body{
    background: -moz-linear-gradient(top,rgba(255,255,255,0.78) 0%,#fff 30%);
    background: -webkit-linear-gradient(top,rgba(255,255,255,0.78) 0%,#fff 30%);
    background: linear-gradient(top bottom,rgba(255,255,255,0.78) 0%,#fff 30%);
    position: absolute;
    bottom: 0px;
    width: 100%;
}
.lesson-card .card-body .desc{
    word-break: break-word;
    font-size: 12px;
    line-height: 20px;
    margin: 0;
    overflow: hidden;
    color: #555;
    height: 0;
    width: 100%;
    transition: all 0.3s;
    opacity: 0;
}
.home-teacher-card .card-body .desc{
    word-break: break-word;
    font-size: 12px;
    line-height: 20px;
    margin: 0;
    overflow: hidden;
    color: #555;
    height: 0;
    width: 100%;
    transition: all 0.3s;
    opacity: 0;
}
.lesson-card:hover .desc{
    height:100px;
	opacity:1;
}
.home-teacher-card:hover .desc{
    height: 60px;;
	opacity:1;
}
.foot-about{
    background-color: #252c41;
}
.foot-about h5{
    font-size: 16px;
}
.foot-about ul {
    padding: 0 !important;
}
.foot-about ul li a{
    color: #858b9f;
    text-decoration: none;
    font-size: 12px;
}
.foot-about ul li a:hover{
    text-decoration: none;
    color: #fff;
}

.foot-gongzhonghao img{
    max-width: 35%;
}
.foot-linxi{
    font-size: 12px;
}
.foot-linxi a{
    color: #fff;
    font-size: 13px;
}
.footer-copyright{
    background-color: #1b2132;
    color: #858b9f;
   
}
.footer-copyright .copyright ul li{
    float: left;
    color: #858b9f;
    align-items: center; /* 垂直居中 */
    line-height: 35px;
}
.footer-copyright .copyright ul li a{
    color: #858b9f;
    font-size: 12px;
    text-decoration: none;
}
.footer-copyright .theme{
    line-height: 35px;
}
.footer-menu a{
    color: #666;
    font-weight: bold;
}
.lesson-guide{
    height: 300px;
    width: 100%;
    background-image: url("http://ceostyle.ceotheme.com/ceoedu/2021/09/1631473226-2021091219002686.jpg");
    background-size: cover;
    background-position: center; /* 背景图的位置 */
    background-repeat: no-repeat; /* 不重复背景图 */
}
.breadcrumb{
    background-color: transparent !important;
}
.lesson-guide nav ol li a{
   color: #ffffff99!important;
   font-size: 12px;
}
.lesson-guide nav ol .breadcrumb-item{
    color: #ffffff99!important;
   font-size: 12px;
}
.lesson-guide-jieshao{
    color: #fff;
}
.option-container {
    display: flex;
    flex-wrap: wrap; /* 允许换行 */
    /* margin: -5px; 为了更好地处理间距 */
    gap: 5px;    /* 子项之间的间距 */
}
.option-item a{
    font-size: 14px;
    font-weight: bold;
    color: inherit;
    text-decoration: none;
}
.option-item a:hover{
    color: #13C07F;
}
.option-link {
    display: block;
    padding: 2px;
    text-decoration: none;
    transition: background-color 0.3s, color 0.3s;
}
.option-link:hover {
    color: white;
}