.topic-column-common{margin-top:min(max(48px, 3.96825vw), 60px);background:transparent}.topic-column-common .category-tabs{background:#f5f5f5;box-shadow:0 min(max(4.800000000000001px, 0.39683vw), 6px) min(max(16px, 1.32275vw), 20px) 0 rgba(0,0,0,0.07);border-radius:min(max(17.6px, 1.45503vw), 22px);-webkit-backdrop-filter:blur(min(max(8px, 0.66138vw), 10px));backdrop-filter:blur(min(max(8px, 0.66138vw), 10px));overflow:hidden}.topic-column-common .main-tabs,.topic-column-common .sub-tabs{display:flex;padding:min(max(20px, 1.65344vw), 25px) min(max(46.400000000000006px, 3.83598vw), 58px) 0 min(max(8px, 0.66138vw), 10px);flex-wrap:wrap}.topic-column-common .main-tabs>li,.topic-column-common .sub-tabs>li{font-weight:600;font-size:min(max(12px, 0.99206vw), 15px);color:#878787;padding:0 min(max(17.6px, 1.45503vw), 22px);line-height:min(max(20.8px, 1.71958vw), 26px);display:flex;align-items:center;border-radius:min(max(36.800000000000004px, 3.04233vw), 46px);margin-bottom:min(max(16px, 1.32275vw), 20px);margin-left:min(max(8px, 0.66138vw), 10px);cursor:pointer}.topic-column-common .main-tabs>li .tab-icon,.topic-column-common .sub-tabs>li .tab-icon{height:min(max(12.8px, 1.0582vw), 16px)}.topic-column-common .main-tabs>li.active,.topic-column-common .sub-tabs>li.active{color:#ffffff;background:#f09a25}.topic-column-common .sub-tabs>li{background:#ffffff;border:min(max(1.6px, 0.13228vw), 2px) solid #fff}.topic-column-common .sub-tabs>li.active{background:#ffffff;color:#f09a25;border:min(max(1.6px, 0.13228vw), 2px) solid #f09a25}.topic-column-common .main-tabs{background:#ffffff;box-shadow:0 min(max(4px, 0.33069vw), 5px) min(max(6.4px, 0.5291vw), 8px) 0 rgba(0,0,0,0.08);padding-top:0;padding-left:min(max(24px, 1.98413vw), 30px)}.topic-column-common .main-tabs>li{padding:0;padding-bottom:min(max(12.8px, 1.0582vw), 16px);margin-top:min(max(17.6px, 1.45503vw), 22px);margin-bottom:0;margin-right:min(max(32px, 2.6455vw), 40px);transform:scale(0.8);font-size:min(max(15.200000000000001px, 1.25661vw), 19px)}.topic-column-common .main-tabs>li.active{transform:scale(1);color:#f09a24;background:none;position:relative}.topic-column-common .main-tabs>li.active::after{width:0;height:0;border-bottom:none;border-left:min(max(14.4px, 1.19048vw), 18px) solid transparent;border-right:min(max(14.4px, 1.19048vw), 18px) solid transparent;border-bottom:min(max(7.2px, 0.59524vw), 9px) solid #f09a25;left:50%;bottom:0;top:unset;transform:translate(-50%, 0);position:absolute;content:""}.topic-column-common .collapse-wrap{position:relative}.topic-column-common .collapse-wrap .colla-action{position:absolute;top:min(max(10.4px, 0.85979vw), 13px);right:min(max(11.200000000000001px, 0.92593vw), 14px);width:min(max(30.400000000000002px, 2.51323vw), 38px);height:min(max(30.400000000000002px, 2.51323vw), 38px);transition:300ms}.topic-column-common .collapse-wrap .show.colla-action{transform:rotate(-180deg);height:auto}.topic-column-common .collapse-wrap:has(.colla-action.show) .colla-content{height:auto}.topic-column-common .collapse-wrap .colla-content{height:min(max(51.2px, 4.2328vw), 64px);overflow:hidden}.topic-column-common .course-content-wrap{margin-top:min(max(28.8px, 2.38095vw), 36px);display:flex;flex-wrap:wrap}.topic-column-common .course-content-wrap .course-item{border-radius:min(max(6.4px, 0.5291vw), 8px);display:flex;flex-direction:column;width:min(max(254.4px, 21.03175vw), 318px);margin-right:min(max(33.6px, 2.77778vw), 42px);margin-bottom:min(max(24px, 1.98413vw), 30px);transition:all 0.2s ease-in;cursor:pointer}.topic-column-common .course-content-wrap .course-item .charge-tag-position.play-btn::before{background-image:url("../../../images/img_rev/playbtn.png");width:min(max(32px, 2.6455vw), 40px);height:min(max(32px, 2.6455vw), 40px)}.topic-column-common .course-content-wrap .course-item .name{padding:0 min(max(8px, 0.66138vw), 10px)}.topic-column-common .course-content-wrap .course-item:hover{transform:scale(1.1);background:#fff;box-shadow:0 min(max(1.6px, 0.13228vw), 2px) min(max(11.200000000000001px, 0.92593vw), 14px) 0 rgba(0,0,0,0.25)}.topic-column-common .course-content-wrap .course-item:nth-child(4n){margin-right:0}.topic-column-common .course-content-wrap .course-item .name{margin:min(max(7.2px, 0.59524vw), 9px) 0;width:min(max(252px, 20.83333vw), 315px);font-weight:600;font-size:min(max(12.8px, 1.0582vw), 16px);color:#62666a;line-height:min(max(20.8px, 1.71958vw), 26px);text-align:left;height:min(max(41.6px, 3.43915vw), 52px)}.topic-column-common .course-content-wrap .course-item .cover{width:100%;height:min(max(135.20000000000002px, 11.17725vw), 169px);border-radius:min(max(6.4px, 0.5291vw), 8px)}.topic-column-common .check-more-btn{height:min(max(28px, 2.31481vw), 35px);background:#ffffff;border-radius:min(max(14.4px, 1.19048vw), 18px);border:min(max(0.8px, 0.06614vw), 1px) solid #f09a25;padding:0 min(max(26.400000000000002px, 2.18254vw), 33px);font-weight:500;font-size:min(max(11.200000000000001px, 0.92593vw), 14px);color:#f09a25;display:flex;align-items:center;width:-moz-fit-content;width:fit-content;margin:0 auto;cursor:pointer}.topic-column-box .topic-column-common .category-tabs{position:fixed;top:var(--gloab-nav-height);left:0;right:0;border-radius:0;z-index:99}.topic-column-box .topic-column-common .category-tabs .collapse-wrap{background:#ffffff;box-shadow:0 min(max(4px, 0.33069vw), 5px) min(max(6.4px, 0.5291vw), 8px) 0 rgba(0,0,0,0.08)}.topic-column-box .topic-column-common .category-tabs .collapse-wrap .main-tabs{border-radius:0;box-shadow:none;background:none}.topic-column-box .topic-column-common .category-tabs .sub-tabs{border-radius:0;background:none}.topic-column-box .topic-column-common .course-content{margin-bottom:min(max(48px, 3.96825vw), 60px)}