.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wordbreak{word-break:break-all;word-wrap:break-word}#wrapper{position:fixed;width:100%;top:1.28rem;bottom:1.30666667rem;padding:0;margin:0}#middle{height:100%}.course-block{height:100%;background-color:#f3f5f7}.course-block .course-left{-webkit-overflow-scrolling:touch;float:left;background-color:#fff;min-width:2.08rem;width:2.08rem;height:100%;overflow-y:auto;min-height:100%}.course-block .course-left .li-item{font-size:14px;color:#2B333B;border-bottom:1px solid #D9DDE1;background:#fff;text-align:center;position:relative;line-height:1;height:1.6rem;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}[data-dpr="2"] .course-block .course-left .li-item{font-size:28px}[data-dpr="2.5"] .course-block .course-left .li-item{font-size:35px}[data-dpr="2.75"] .course-block .course-left .li-item{font-size:39px}[data-dpr="3"] .course-block .course-left .li-item{font-size:42px}[data-dpr="4"] .course-block .course-left .li-item{font-size:56px}.course-block .course-left .li-item a{font-family:PingFangSC-Regular,Helvetica,"Droid Sans",Arial,sans-serif;font-size:12px;color:#2B333B}[data-dpr="2"] .course-block .course-left .li-item a{font-size:24px}[data-dpr="2.5"] .course-block .course-left .li-item a{font-size:30px}[data-dpr="2.75"] .course-block .course-left .li-item a{font-size:33px}[data-dpr="3"] .course-block .course-left .li-item a{font-size:36px}[data-dpr="4"] .course-block .course-left .li-item a{font-size:48px}.course-block .course-right{-webkit-overflow-scrolling:touch;margin-left:2.13333333rem;padding-left:.21333333rem;padding-right:.21333333rem;height:100%;overflow-y:auto}.course-block .course-right .course-right-inner{padding-top:.42666667rem;padding-bottom:.42666667rem}.course-block .web-base-block .wbb-title{font-size:14px;color:#71777D;line-height:.85333333rem;margin-bottom:.21333333rem}[data-dpr="2"] .course-block .web-base-block .wbb-title{font-size:28px}[data-dpr="2.5"] .course-block .web-base-block .wbb-title{font-size:35px}[data-dpr="2.75"] .course-block .web-base-block .wbb-title{font-size:39px}[data-dpr="3"] .course-block .web-base-block .wbb-title{font-size:42px}[data-dpr="4"] .course-block .web-base-block .wbb-title{font-size:56px}.course-block .base-block{background-color:#fff;padding-top:.42666667rem;padding-bottom:.42666667rem;margin-bottom:.42666667rem}.course-block .base-block ul{margin-bottom:-.53333333rem}.course-block .wbb-content{background-color:#fff;padding-top:.42666667rem;padding-bottom:.42666667rem;margin-bottom:.42666667rem}.course-block .wbb-content ul{margin-bottom:-.53333333rem}.course-block .course-item-w{width:33.3%;margin-bottom:.53333333rem;text-align:center;overflow:hidden;line-height:1}.course-block .course-item-w .course-img{margin:0 auto;height:.96rem;width:.96rem;background-color:#f9f9f9;background-repeat:no-repeat;background-size:cover;background-position:50% 50%;border-radius:.10666667rem}.course-block .course-item-w .course-label{display:block;margin-top:.21333333rem;font-size:10px;color:#2B333B;line-height:.32rem}[data-dpr="2"] .course-block .course-item-w .course-label{font-size:20px}[data-dpr="2.5"] .course-block .course-item-w .course-label{font-size:25px}[data-dpr="2.75"] .course-block .course-item-w .course-label{font-size:28px}[data-dpr="3"] .course-block .course-item-w .course-label{font-size:30px}[data-dpr="4"] .course-block .course-item-w .course-label{font-size:40px}.course-block .course-list{margin-bottom:.42666667rem}.course-block .course-list .c-card-learning{position:absolute;font-size:10px;width:.8rem;height:.53333333rem;line-height:.53333333rem;top:.16rem;right:-.05333333rem;border-top-left-radius:.05333333rem;border-bottom-left-radius:.05333333rem;color:#fff;font-weight:200;background-color:#2b333b;text-align:center;z-index:1}[data-dpr="2"] .course-block .course-list .c-card-learning{font-size:20px}[data-dpr="2.5"] .course-block .course-list .c-card-learning{font-size:25px}[data-dpr="2.75"] .course-block .course-list .c-card-learning{font-size:28px}[data-dpr="3"] .course-block .course-list .c-card-learning{font-size:30px}[data-dpr="4"] .course-block .course-list .c-card-learning{font-size:40px}.course-block .course-list .c-card-learning:after{position:absolute;content:'';width:0;height:0;overflow:hidden;border-top:4px solid #2b333b;border-right:4px solid transparent;right:0;bottom:-4px}.course-block .course-list .c-item-li{margin-bottom:.42666667rem;position:relative}.course-block .course-list .left-img{border-radius:.05333333rem;height:1.6rem;width:2.4rem;background-color:#f9f9f9;position:absolute;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.course-block .course-list .right-c{margin-left:2.72rem;width:4.72rem;height:1.6rem}.course-block .course-list .right-c .r-title{font-size:14px;line-height:.53333333rem;color:#2B333B;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;word-wrap:break-word}[data-dpr="2"] .course-block .course-list .right-c .r-title{font-size:28px}[data-dpr="2.5"] .course-block .course-list .right-c .r-title{font-size:35px}[data-dpr="2.75"] .course-block .course-list .right-c .r-title{font-size:39px}[data-dpr="3"] .course-block .course-list .right-c .r-title{font-size:42px}[data-dpr="4"] .course-block .course-list .right-c .r-title{font-size:56px}.course-block .course-list .right-c .r-info{font-weight:200;font-size:10px;color:#71777D;line-height:.53333333rem}[data-dpr="2"] .course-block .course-list .right-c .r-info{font-size:20px}[data-dpr="2.5"] .course-block .course-list .right-c .r-info{font-size:25px}[data-dpr="2.75"] .course-block .course-list .right-c .r-info{font-size:28px}[data-dpr="3"] .course-block .course-list .right-c .r-info{font-size:30px}[data-dpr="4"] .course-block .course-list .right-c .r-info{font-size:40px}.course-block .course-list .right-c .r-info-t{margin-right:.32rem}.active-color{font-size:14px;color:#F01414!important}[data-dpr="2"] .active-color{font-size:28px}[data-dpr="2.5"] .active-color{font-size:35px}[data-dpr="2.75"] .active-color{font-size:39px}[data-dpr="3"] .active-color{font-size:42px}[data-dpr="4"] .active-color{font-size:56px}.hide{display:none!important}.loding-m-wrap{text-align:center;margin:0;padding:0;line-height:1}