.gray-800{color:#3e3a39}.f14{font-size:14px}.f15{font-size:15px}.f16{font-size:16px}.f17{font-size:17px}.f20{font-size:20px}.f22{font-size:22px}.f27{font-size:27px}.f22{font-size:22px}.fn{font-weight:normal;font-style:normal;white-space:normal}.fb{font-weight:bold}.tc{text-align:center}.tr{text-align:right}.tl{text-align:left}.tj{text-align:justify}.flex-box{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.mb25{margin-bottom:25px}.mb30{margin-bottom:30px}.classroom-body *{box-sizing:border-box}.img-box-cover img{width:100%;height:100%;object-fit:cover}.classroom-body{margin:50px auto 0 auto;width:1000px;padding-left:10px;padding-right:10px}.is-show{display:block}.is-hidden{display:none}.is-active{background-color:#ffdeb1}.is-target{color:#8972ac;font-weight:700}.is-history{background-color:#e3d7ff}.btn-application{position:relative;width:fit-content;z-index:1}.btn-application::after{content:"";position:absolute;left:0;bottom:0;background-color:#f1f3c1;width:100%;height:7px;z-index:-1}.icon-base{display:inline-block;background-size:contain;background-repeat:no-repeat}.icon-base.is-hidden{display:none}.icon-hot{background-image:url("/new/images/web/classroom/icon-base/icon-hot.svg")}.icon-live-room{background-image:url("/new/images/web/classroom/icon-base/icon-live-room.svg")}.icon-arrow-right-gray{background-image:url("/new/images/web/classroom/icon-base/icon-arrow-right-gray.svg")}.icon-live-theme{background-image:url("/new/images/web/classroom/icon-base/icon-live-theme.svg")}.icon-live-theme-white{background-image:url("/new/images/web/classroom/icon-base/icon-live-theme-white.svg")}.icon-bbs{background-image:url("/new/images/web/classroom/icon-base/icon-bbs.svg")}.icon-bbs-white{background-image:url("/new/images/web/classroom/icon-base/icon-bbs-white.svg")}.icon-master{background-image:url("/new/images/web/classroom/icon-base/icon-master.svg")}.icon-master-white{background-image:url("/new/images/web/classroom/icon-base/icon-master-white.svg")}.icon-theme-lecture{background-image:url("/new/images/web/classroom/icon-base/icon-theme-lecture.svg")}.icon-drug-screening{background-image:url("/new/images/web/classroom/icon-base/icon-drug-screening.svg")}.icon-drug-screening-white{background-image:url("/new/images/web/classroom/icon-base/icon-drug-screening-white.svg")}.icon-tumour{background-image:url("/new/images/web/classroom/icon-base/icon-tumour.svg")}.icon-tumour-white{background-image:url("/new/images/web/classroom/icon-base/icon-tumour-white.svg")}.icon-metabolism{background-image:url("/new/images/web/classroom/icon-base/icon-metabolism.svg")}.icon-metabolism-white{background-image:url("/new/images/web/classroom/icon-base/icon-metabolism-white.svg")}.icon-cell{background-image:url("/new/images/web/classroom/icon-base/icon-cell.svg")}.icon-cell-white{background-image:url("/new/images/web/classroom/icon-base/icon-cell-white.svg")}.icon-test-skill{background-image:url("/new/images/web/classroom/icon-base/icon-test-skill.svg")}.icon-test-skill-white{background-image:url("/new/images/web/classroom/icon-base/icon-test-skill-white.svg")}.icon-organoid{background-image:url("/new/images/web/classroom/icon-base/icon-organoid.svg")}.icon-organoid-white{background-image:url("/new/images/web/classroom/icon-base/icon-organoid-white.svg")}.icon-other{background-image:url("/new/images/web/classroom/icon-base/icon-other.svg")}.icon-other-white{background-image:url("/new/images/web/classroom/icon-base/icon-other-white.svg")}.icon-micro-class{background-image:url("/new/images/web/classroom/icon-base/icon-micro-class.svg")}.icon-technical-support{background-image:url("/new/images/web/classroom/icon-base/icon-technical-support.svg")}.icon-technical-support-white{background-image:url("/new/images/web/classroom/icon-base/icon-technical-support-white.svg")}.icon-product-support{background-image:url("/new/images/web/classroom/icon-base/icon-product-support.svg")}.icon-product-support-white{background-image:url("/new/images/web/classroom/icon-base/icon-product-support-white.svg")}.icon-authority-guide{background-image:url("/new/images/web/classroom/icon-base/icon-authority-guide.svg")}.icon-authority-guide-white{background-image:url("/new/images/web/classroom/icon-base/icon-authority-guide-white.svg")}.icon-play-triangle{background-image:url("/new/images/web/classroom/icon-base/icon-play-triangle.svg")}.icon-zoom-white{background-image:url("/new/images/web/classroom/icon-base/icon-zoom-white.svg")}.icon-live-cont-blue{background-image:url("/new/images/web/classroom/icon-base/icon-live-cont-blue.svg")}.icon-recommend-product-blue{background-image:url("/new/images/web/classroom/icon-base/icon-recommend-product-blue.svg")}.icon-theme-lecture-blue{background-image:url("/new/images/web/classroom/icon-base/icon-theme-lecture-blue.svg")}.icon-micro-class-blue{background-image:url("/new/images/web/classroom/icon-base/icon-micro-class-blue.svg")}.icon-live-answer-blue{background-image:url("/new/images/web/classroom/icon-base/icon-live-answer-blue.svg")}.icon-live-answer-purple{background-image:url("/new/images/web/classroom/icon-base/icon-live-answer-purple.svg")}.icon-recommend-product-purple{background-image:url("/new/images/web/classroom/icon-base/icon-recommend-product-purple.svg")}.icon-live-cont-purple{background-image:url("/new/images/web/classroom/icon-base/icon-live-cont-purple.svg")}.icon-close{background-image:url("/new/images/web/classroom/icon-base/icon-close.svg")}.btn-unfold-box{position:relative}.btn-unfold{display:none}.unfold{display:block;position:absolute;right:0;bottom:0;color:#8972ac;padding-left:2px;background-image:linear-gradient(270deg, #f2f0f7 100%, transparent);cursor:pointer}.btn-unfold-box .card-title.unfold-up{display:block}.cr-search-group{display:flex}.cr-search-group .search-control{flex-grow:1;border-radius:20px;height:38px;line-height:38px;padding-left:26px;border:1px solid #3e3a39}.cr-search-group .search-control::placeholder{color:#686868}.cr-search-group .cr-btn-search{width:50px;height:38px;border-radius:6px;flex-shrink:0;margin-left:16px;background-color:#8972ac;cursor:pointer}.content-header{display:flex;flex-flow:row wrap;justify-content:space-between;width:100%}.content-header .header-title{color:#3e3a39}.content-header .view-more{display:flex;align-items:center}.content-header .view-more a{display:block;color:#686868}.content-header .view-more a:hover{color:#6565c1;text-decoration:underline}.tag-box>span{display:inline-block;padding:2px 5px;margin-bottom:3px;border-radius:10px}.tag-box>span:nth-child(3n+1){background-color:#e5e4f2;color:#453e88}.tag-box>span:nth-child(3n+2){background-color:#dfe7ea;color:#2a909b}.tag-box>span:nth-child(3n+3){background-color:#dfeae4;color:#3c9162}.classroom-header{position:relative;width:100%;height:300px}.classroom-header .classroom-banner{position:absolute;top:0;left:0;width:100%;height:100%;background:url(http://hg.y866.cn/biomolecule/lib/static//static.hg.y866.cn/biomolecule/cn-web/market/icon/classroom-banner.png) center no-repeat;background-size:cover}@media screen and (min-width: 1921px){.classroom-header .classroom-banner{background-size:contain}}.cr-sidebar{flex-shrink:0;margin-right:45px}.cr-sidebar .cr-sidebar-title{padding-bottom:30px}.cr-sidebar .cr-sidebar-list .sidebar-item{padding-bottom:32px;cursor:pointer}.cr-sidebar-top{position:fixed;top:100px;z-index:999}.card-bottom{display:flex;justify-content:space-between;align-items:center}.card-bottom .flex-box{align-self:flex-end}.filter-toolbar .icon-base{margin-right:6px}.filter-toolbar .icon-live-theme,.filter-toolbar .icon-live-theme-white,.filter-toolbar .icon-bbs,.filter-toolbar .icon-bbs-white,.filter-toolbar .icon-master,.filter-toolbar .icon-master-white{width:19px;height:17px}.filter-toolbar .icon-drug-screening,.filter-toolbar .icon-drug-screening-white{width:19px;height:17px}.filter-toolbar .icon-tumour,.filter-toolbar .icon-tumour-white{width:22px;height:22px}.filter-toolbar .icon-metabolism,.filter-toolbar .icon-metabolism-white{width:20px;height:20px}.filter-toolbar .icon-cell,.filter-toolbar .icon-cell-white{width:20px;height:20px}.filter-toolbar .icon-test-skill,.filter-toolbar .icon-test-skill-white{width:20px;height:20px}.filter-toolbar .icon-organoid,.filter-toolbar .icon-organoid-white{width:20px;height:20px}.filter-toolbar .icon-other,.filter-toolbar .icon-other-white{width:20px;height:20px}.filter-toolbar .icon-technical-support,.filter-toolbar .icon-technical-support-white{width:21px;height:18px}.filter-toolbar .icon-product-support,.filter-toolbar .icon-product-support-white{width:20px;height:16px}.filter-toolbar .icon-authority-guide,.filter-toolbar .icon-authority-guide-white{width:18px;height:18px}.filter-toolbar .filter-item.is-selected{color:#fff;background-color:#6565c1}.filter-toolbar .filter-item.is-selected .is-hidden{display:inline-block}.filter-toolbar .filter-item.is-selected .is-show{display:none}.filter-toolbar.toolbar-lg{width:100%;height:41px;line-height:41px;font-size:18px}.filter-toolbar.toolbar-sm{margin-left:33px}.filter-toolbar.toolbar-sm .filter-item{flex:auto;height:21px;line-height:21px;font-size:12px;padding-inline:14px}.model-mask{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vw;background-color:rgba(0,0,0,.6);z-index:999}.box-fixed-center{position:fixed;top:0;left:0;right:0;bottom:0;margin:auto;width:100%;height:100%}.video-lg{width:866px;height:486px}.video{width:100%;height:100%;object-fit:cover}.model-video-wrapper{width:960px;height:540px}.model-video-wrapper .model-video-content{width:100%;height:100%}.model-video-wrapper .pop-video{width:100%;height:100%;object-fit:cover;aspect-ratio:16/9}.btn-close{cursor:pointer}.icon-close{width:25px;height:25px;position:absolute;bottom:100%;right:0;margin-bottom:5px}.btn-refresh{cursor:pointer}#boundary{padding-top:50px}.icon-zoom-white{width:24px;height:30px}.classroom-wrapper{margin-top:50px;flex-wrap:nowrap}.cr-content-wrapper{padding-top:70px;flex-grow:1}.content-group{padding-bottom:53px}.card-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.card-group .card-item{display:flex;flex-direction:column;border-radius:8px;background-color:#f2f0f7;flex:1}.card-group .card-item .card-header{position:relative;flex-shrink:0;min-width:0;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}.card-group .card-item .card-body{position:relative;flex-grow:1}.icon-play-triangle{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);margin-left:3px;width:16px;height:16px}.btn-play{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:42px;height:42px;background-color:rgba(255,255,255,.4);backdrop-filter:blur(1px);border-radius:50%;cursor:pointer}.card-group{column-gap:0}.card-group .card-item{flex:none;margin-right:24px;margin-bottom:36px;width:calc(100% / 3 - 16px)}.card-group .card-item:nth-child(3n+3){margin-right:0}.card-group .card-item .card-header{display:flex;align-items:center}.card-group.is-hidden{display:none}.card-group.cr-recommend-box{margin-top:20px;column-gap:0}.card-group.cr-recommend-box .card-item{width:calc(100% / 4 - 10px);margin-right:13px}.card-group.cr-recommend-box .card-item:nth-child(4n+4){margin-right:0}.card-group.cr-recommend-box .card-item .card-title{padding:0}.card-group.cr-recommend-box .card-item .card-body{padding-bottom:10px}.card-group.cr-recommend-box .btn-play{width:24px;height:24px}.card-group.cr-recommend-box .icon-play-triangle{width:9px;height:9px}.card-item{overflow:hidden}.card-item .card-body{display:flex;flex-direction:column;padding:10px 10px 18px 15px}.card-item .card-title{line-height:18px;color:#3e3a39;padding-top:15px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-clamp:2;-webkit-line-clamp:2}.card-item .card-time{padding-top:2px;padding-bottom:12px;color:#686868}.card-item .card-action>a span{padding:0 10px;border-radius:6px;cursor:pointer;display:inline-block;line-height:25px}.content-header{justify-content:flex-start;align-items:flex-end}.content-header .header-title{line-height:1}.cr-live-room-box .card-item{width:100%;flex-direction:row;padding:15px}.cr-live-room-box .card-item .card-body{padding:5px 0 0 30px}.cr-live-room-box .card-title{line-height:24px;padding-top:0}.cr-live-room-box .cr-lecturer{padding-top:20px}.cr-live-room-box .cr-lecturer-intro{padding-top:8px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-clamp:3;-webkit-line-clamp:3}.cr-live-room-box .cr-lecturer-intro+.flex-box{justify-content:space-between}.cr-live-room-box .cr-live-time{color:#686868}.filter-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:0;justify-content:space-between}.filter-toolbar .filter-item{display:flex;justify-content:center;align-items:center;padding:0 14px;border-radius:25px;color:#6565c1;background-color:#e5e5fd;cursor:pointer}.filter-toolbar .filter-item:hover{color:#fff;background-color:#6565c1}.filter-toolbar .filter-item:hover .is-hidden{display:inline-block}.filter-toolbar .filter-item:hover .is-show{display:none}.filter-toolbar a:not(:last-child){margin-right:5px}.filter-toolbar a:nth-child(3n+1) span{background-color:#e5e4f2;color:#453e88}.filter-toolbar a:nth-child(3n+2) span{background-color:#dfe7ea;color:#2a909b}.filter-toolbar a:nth-child(3n+3) span{background-color:#dfeae4;color:#3c9162}.icon-live-room,.icon-theme-lecture{margin-right:8px;width:26px;height:22px}.icon-hot{width:10px;height:10px;padding-right:4px}.view-more .icon-arrow-right-gray{width:16px;height:16px;vertical-align:text-bottom}