/*! Build On Tue Jun 24 2025 10:15:05 GMT+0800 (China Standard Time) */
.page-course-index{padding:0}.page-course-index .page-header{position:relative;z-index:101;background:#fff;padding:30px 0 10px}.page-course-index .card-nav-first .tag,.page-course-index .card-nav-second .tag{margin-right:10px;background:#f3f4f8;padding:7px 12px;font-size:14px;border-radius:7px;text-align:center;color:#31373f;font-weight:500;flex-shrink:0}.page-course-index .card-nav-first .tag.active,.page-course-index .card-nav-second .tag.active{background:#f33151;color:#fff}.page-course-index .card-nav-first .tag.active a,.page-course-index .card-nav-second .tag.active a{color:#fff}.page-course-index .card-nav-first .tag:first-child,.page-course-index .card-nav-second .tag:first-child{margin-left:10px}.page-course-index .card-nav-first .tag a,.page-course-index .card-nav-second .tag a{color:#31373f}.page-course-index .card-nav-first .card-nav,.page-course-index .card-nav-second .card-nav{padding:0 10px}.page-course-index .card-nav-first .card-nav li,.page-course-index .card-nav-second .card-nav li{min-width:90px}.page-course-index .card-nav-first .card-nav li:first-child,.page-course-index .card-nav-second .card-nav li:first-child{min-width:60px}.page-course-index .card-nav-first .card-nav li a,.page-course-index .card-nav-second .card-nav li a{color:#99a0aa}.page-course-index .card-nav-first .card-nav li.active a,.page-course-index .card-nav-second .card-nav li.active a{color:#31373f}.page-course-index .card-nav-first .card-nav{margin-bottom:25px}.page-course-index .card-nav-second .card-nav-item{position:relative;display:none}.page-course-index .card-nav-second .card-nav-item.active{display:block}.page-course-index .card-nav-second .card-nav-item .row-all{display:none;position:absolute;top:0;left:0;background:#fff;z-index:101;padding:0 20px 20px;border-radius:0 0 20px 20px;width:100%}.page-course-index .card-nav-second .card-nav-item .row-all .tags{display:flex;flex-wrap:wrap;margin-top:10px;margin-right:-20px;max-height:60vh;overflow-y:scroll;-webkit-overflow-scrolling:touch}.page-course-index .card-nav-second .card-nav-item .row-all .tags .tag{margin:0 15px 15px 0}.page-course-index .card-nav-second .card-nav-item .card-nav{margin-right:35px}.page-course-index .card-nav-second .card-nav-item .expand{position:absolute;top:0;right:0;background:linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255) 50%);height:100%;width:50px;z-index:100;display:flex;align-items:center;justify-content:center}.page-course-index .card-nav-second .card-nav-item .expand .icon-arrow{transform:rotate(90deg) scale(0.8)}.page-course-index .card-nav-second .card-nav-item .collapse{text-align:right;padding:0}.page-course-index .card-nav-second .card-nav-item .collapse .icon-arrow{transform:rotate(-90deg) scale(0.8)}.page-course-index .card-course{padding-bottom:30px}.page-course-index .card-course .course-list{padding:0 20px 15px;display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:15px}.page-course-index .card-course .course-list .course-item{display:block;font-size:0;width:100%}.page-course-index .card-course .course-img{width:100%;height:110px;border-radius:10px;margin-bottom:15px}.page-course-index .card-course .course-detail{padding:0}.page-course-index .card-course .course-detail .course-title{height:44px;margin-bottom:10px;padding:0}.overlay{background:#31373f;opacity:.8}