:root{
    --bs-warning: #ff6900;
    --bs-yellow: #ff6900;
    --bs-btn-bg: #ff6900;    
}
a{color: #333;text-decoration: none;font-size: 14px;}
.fs-7{font-size: 14px;line-height: 24px;}
.fs-8{font-size: 13px;line-height: 20px;}

.btn-warning{
    --bs-btn-bg: var(--bs-warning);
    --bs-btn-hover-bg: #e66205;
    --bs-btn-border-color: var(--bs-warning);
    --bs-btn-color: #fff;
}
body{padding-bottom: 55px;}
.main-nav{position: fixed;bottom: 0;left: 0;width: 100%; height: 55px;z-index: 999;}
.main-nav .navs{ height: 46px; border-radius: 23px;background-color: #fff; margin: 0 16px;   display: flex;    justify-content: center;    align-items: center;padding: 4px 10px;}
.main-nav a{display: inline-block;padding:0px 15px;height: 38px; line-height: 38px;border-radius: 19px; color: #333;text-decoration: none;text-wrap: nowrap;}
.main-nav a.active{background-color: #ff6900;padding: 0px 20px;color: white;}
#carouselHome{border-radius: 4px;}
.home-teacher .teacher-box img {width: 100%;aspect-ratio: 1 / 1;object-fit: cover;object-position: top;}

.search-total{font-size: 14px;color: #666;}
.teacher-list .teacher-item{margin-bottom: 20px;}
.teacher-list .teacher-item .teacher-avatar{width: 80px;height: 80px;}
.teacher-list .teacher-item .teacher-avatar img{width: 100%;aspect-ratio: 1 / 1;object-fit: cover;object-position: top;}
.teacher-list .teacher-name{font-size: 16px;font-weight: bold;}
.teacher-list .teacher-title{font-size: 13px;color: #666;flex: 1;}
.teacher-list .btn-sm{font-size: 12px;padding: 2px 8px;}
.course-list .course-item p.des{font-size: 13px;color: #666;line-height: 24px;    display: -webkit-box;   -webkit-box-orient: vertical;    -webkit-line-clamp: 2;    overflow: hidden;    text-overflow: ellipsis;}

.loading{width: 100%;height: 50px;background: url(/assets/images/loading.gif) no-repeat center center;background-size: 40px auto;}
.nomore{font-size: 14px;color: #666;text-align: center;}
header.teacher-home{background: url(/assets/images/m-teacher-bg.jpg) no-repeat top center;background-size: cover;padding-top: 30px;color: #fff;}
header.teacher-home .teacher-photo{width: 100px;height: 100px;border-radius: 50%;border: 2px solid #fff;overflow: hidden;}
header.teacher-home .teacher-photo img{width: 100%;aspect-ratio: 1 / 1;object-fit: cover;object-position: top;}
header.teacher-home .teacher-name{padding-top: 20px;}
header.teacher-home .teacher-name h3{font-size: 20px;font-weight: bold;}
header.teacher-home .teacher-info .city{font-size: 13px;line-height: 28px;color: #fff;}
header.teacher-home .teacher-info .price{font-size: 13px;line-height: 28px;color: #fff;}
header.teacher-home .teacher-info .price span{font-size: 12px;color: #f9ebeb;}
.teacher-home .teacher-nav{background-color: #fff;border-top-left-radius: 10px;border-top-right-radius: 10px;margin-top: 20px;}
.teacher-home .teacher-nav .nav-item .nav-link{color: #333;position: relative;}
.teacher-home .teacher-nav .nav-item .nav-link.active{font-weight: 600;}
.teacher-home .teacher-nav .nav-item .nav-link.active::after{content: '';display: block;width: 36%;height: 4px;background-color: var(--bs-warning);border-radius: 2px;position: absolute;bottom: 0;left: 32%;}
.teacher-home .video-list .video-thumb{width: calc(100% - 10px);}
.teacher-home .video-list .video-thumb img{width: 100%;aspect-ratio: 16 / 9;object-fit: cover;object-position: top;border-radius: 4px;}
.teacher-home .content{font-size: 14px;line-height: 24px;}
.teacher-home .content p{margin-bottom: 10px;}
.teacher-home .content img{width: auto; max-width: 96%;}
.player{width: 100%;aspect-ratio: 16 / 9;margin: 0 auto;}