.clearfix:after{content:'\0020';display:block;height:0;clear:both;visibility:hidden}.clearfix{*zoom:1}.l{float:left}.r{float:right}.clear{height:0;overflow:hidden;clear:both}.show{display:block}.hide{display:none}.btn.hide{display:none}a.hidefocus{outline:0}button.hidefocus::-moz-focus-inner{border:0}a:focus{outline:0;-moz-outline:0}input,textarea{outline:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}[hidden],template{display:none}a{background-color:transparent}a:focus,a:active,a:hover{outline:0;-moz-outline:0}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}textarea{overflow:auto}table{border-collapse:collapse;border-spacing:0}*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}html,body{height:100%}a{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none}#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}[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;font-size:0.4rem;color:rgba(240,20,20,.6);}.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}