.welcome-box{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:rgba(0,0,0,.5);z-index:9999}.welcome-box,.welcome-box .welcome{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.welcome-box .welcome{width:320px;height:200px;background:#2c2e33;border-radius:8px;font-family:PingFang SC;font-style:normal;font-weight:500;font-size:24px;line-height:45px;color:#fff}.welcome-box .welcome .text{margin-top:32px}.welcome-box .welcome .btn{margin:35px auto;color:#00be7b;border-radius:4px;font-size:18px;line-height:25px;cursor:pointer}.course-learn{background:url(/static/img/bg_gray.jpg) repeat 0 0;position:absolute;top:0;bottom:0;left:0;right:0}#course-learn-box{margin-left:33%}#course-tool-box{float:left}.course-tool{-webkit-box-shadow:0 1px 8px #333;box-shadow:0 1px 8px #333;position:absolute;top:0;bottom:0;overflow:hidden;background:#abadb0}.cl-title{background-position:0 -124px;line-height:28px;font-size:12px}.cl-title .cl-chapter{color:#161616;width:65px;text-align:center}.cl-title .cl-chapter,.cl-title .cl-lesson{display:inline-block;height:28px;float:left}.cl-title .cl-lesson{width:41px;*width:45px;color:#999}.cl-title .cl-lessonnum{width:25px;*width:18px;height:28px;color:#161616;font-weight:700;display:inline-block;float:left;text-align:center}.cl-title .cl-lessonname{padding:0 0 0 8px;display:inline-block;float:left;color:#ccc}.learn-total{bottom:10px;top:80px;left:10px;right:10px;position:absolute;z-index:90;-webkit-box-shadow:0 1px 5px #303035;box-shadow:0 1px 5px #303035}.learn-box{position:absolute;width:100%;top:0;bottom:0;z-index:101;text-align:center;overflow:auto;background-color:#525050}.m-link-box,.m-link-box .j-textbox,.m-link-box .j-videobox,.m-link-box embed,.m-link-box object,.m-text-box,.m-text-box .j-textbox,.m-text-box .j-videobox,.m-text-box embed,.m-text-box object,.m-video-box,.m-video-box .j-textbox,.m-video-box .j-videobox,.m-video-box embed,.m-video-box object{position:absolute;top:0;bottom:0;left:0;right:0}.ux-cl-reader{position:relative;height:100%;background:#000;overflow:hidden}.ux-h5clreader{overflow:hidden}.learn-container,.ux-h5clreader,.ux-h5clreader_container{position:relative;width:100%;height:100%;background:#fff}.learn-container-viewer,.ux-h5clreader_container_viewer{background-color:#fff;width:100%;position:absolute;left:0;top:0;bottom:32px;z-index:1}.ux-h5clreader_container_viewer_wrap{width:100%;height:100%}.ux-edu-clviewer{position:relative;width:100%;height:calc(100% - 40px);overflow:hidden}.ux-edu-main{display:block;float:left;padding:0 10px 5px 15px}.ux-edu-main,.ux-edu-stick{width:50%;height:100%;text-align:left;overflow-y:auto}.ux-edu-stick{float:right;padding:10px 15px 5px 10px}.active-page-subject{font-size:26px;height:48px;padding:0 15px;text-align:left}.active-page-subject .text{background-color:#636;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:50%;padding:5px 12px;color:#fff;border-bottom-left-radius:12px;border-bottom-right-radius:12px;float:left}.active-page-subject .text img{position:absolute;top:0;right:0;visibility:hidden;width:24px;height:24px}.active-page-subject:hover .text img{visibility:visible}.active-page-subject .tips{background-color:#933;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:50px;padding:5px 12px;color:#fff;border-bottom-left-radius:12px;border-bottom-right-radius:12px;float:right;text-align:center}.active-page-content{background-color:#ffe;font-style:italic;font-size:16px;text-indent:2em;color:#630;padding:5px;margin-left:10px;border-bottom:2px dashed #636}.viewpoint-item{text-indent:0;padding:5px 5px 0;margin:10px 5px;border-bottom:2px dotted #ccc;overflow-wrap:break-word;white-space:pre-line;position:relative}.left-viewpoint .viewpoint-item{border-left:2px dotted #ccc}.right-viewpoint .viewpoint-item{border-right:2px dotted #ccc}.viewpoint-item.is-teacher:hover{background-color:#ffe}.viewpoint-item .left-viewpoint-item .img_item,.viewpoint-item .right-viewpoint-item .img_item{position:absolute;top:0;right:0;visibility:hidden;width:24px;height:24px}.viewpoint-item:hover .left-viewpoint-item img,.viewpoint-item:hover .right-viewpoint-item img{visibility:visible}.viewpoint-avatar{background-color:#eee;width:20px;height:20px;position:relative;border-radius:50%}.viewpoint-avatar:hover{border:2px dotted #639}.left-viewpoint .viewpoint-avatar{position:absolute;float:left;top:0;left:-10px}.right-viewpoint .viewpoint-avatar{position:absolute;float:right;top:0;right:-10px}.left-viewpoint-item{margin-left:10px}.right-viewpoint-item{margin-right:10px}.ux-h5clreader_container_bignext,a.ux-h5clreader_container_bigprev{z-index:5;position:absolute;left:0;top:0;bottom:32px;width:20%;background:#fff;opacity:0;cursor:url(/static/img/web-prev_cur.ico),move}a.ux-h5clreader_container_bignext{right:0;left:auto;cursor:url(/static/img/web-next_cur.ico),move}.ux-h5clreader_container_footer{position:absolute;left:0;bottom:0;width:100%;background-color:#f5f7fa;height:32px;z-index:9}.ux-h5clreader_container_footer_pages{position:absolute;left:50%;top:0;width:400px;margin-left:-200px;height:32px;line-height:32px;color:#666;font-size:12px}.ux-h5clreader_container_footer_pages a{width:70px;float:left;height:20px;line-height:20px;margin:6px;text-align:center}.ux-h5clreader_container_footer_pages .page_prev i{float:left;width:16px;height:16px;margin:2px;background:url(/static/img/icons_toolbar.png);background-position:-16px 0}.ux-h5clreader_container_footer_pages_in{float:left;background:#3e3f49;border-radius:10px;width:32px;height:20px;line-height:20px;margin:6px;text-align:center;color:#fff}.ux-h5clreader_container_footer_pages_total{float:left}.ux-h5clreader_container_footer_pages .page_list{width:100px;background:#3e3f49;border-radius:10px;color:#fff}.ux-h5clreader_container_footer_pages .page_next i{float:left;width:16px;height:16px;margin:2px;background:url(/static/img/icons_toolbar.png);background-position:-16px -16px}.ux-h5clreader_container_footer_pages .page_add i{float:left;width:16px;height:16px;margin:2px;background:url(/static/img/icons_toolbar.png);background-position:-32px -48px}.ux-h5clreader_container_footer_pages_change{float:left;background:#3e3f49;border-radius:10px;width:100px;height:20px;line-height:20px;margin:6px;text-align:center;color:#fff}.m-ctb .courseintro{height:72px;padding:10px 15px;background:#abadb0}.m-ctb .courseTitle{overflow:hidden;width:calc(100% - 52px)}.courseImg-link{text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;right:15px;width:50px}.m-ctb .courseImgCover img{height:40px;width:40px;border-radius:50%}.m-ctb .courseImgCover a,.m-ctb .courseImgCover img{position:absolute;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.m-ctb .courseImgCover a{top:40px;font-size:xx-small}.u-coursetitle{width:235px;line-height:19px;color:#fff;font-size:12px;text-align:left;overflow:hidden}.f-fl{float:left}.u-coursetitle a{font-size:15px;display:block;color:#333}.f-thide{font-size:18px;line-height:24px}.f-thide,.f-thide-small-font{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-ms-text-overflow:ellipsis}.f-thide-small-font{font-size:xx-small}.u-coursetitle p{color:#666}.m-ctb .tabs{height:45px;background:url(/static/img/bg_toolbar.png) repeat-x;background-color:#f5f7fa;font-family:微软雅黑}.cl-info .clis span,.cl-info em.finish,.cl-info em.unfinish,.cli-base span,.course-refer .refer-item .cr-load,.course-refer .refer-item .cr-share,.coursesprite,.m-courselb .cl-back,.m-courselb .cl-next,.m-courselb .cl-pre,.m-courselb .cl-title,.m-courselearn .cs-btn,.m-courselearn .cs-down,.m-courselearn .cs-up,.m-ctb .tabicon,.m-tb-notes .notenav .navItem.currentDisable,.u-hiderightbtn{background:url(/static/img/btn_bg_course_learn.png) no-repeat 4449px 4449px}.m-ctb .tabitem{float:left;height:44px;width:33%;text-align:center;line-height:44px;color:#666}.m-ctb .tabicon{margin:15px 5px 0 calc(50% - 28px)}.m-ctb .active{color:#fff;background:url(/static/img/btn_pos_tab_bg.png) 50% no-repeat}.m-ctb .tabicon-0{width:15px;height:15px;background-position:-98px -662px}.m-ctb .tabicon-1{width:15px;height:15px;background-position:-98px -639px}.m-ctb .tabicon-2{width:15px;height:16px;background-position:-40px -639px}.m-ctb .tabicon-3{width:15px;height:15px;background-position:-40px -689px}.m-ctb .tabicon-4{width:15px;height:16px;background-position:-40px -664px}.m-ctb .active .tabicon-0{width:16px;height:15px;background-position:-122px -662px}.m-ctb .active .tabicon-1{width:16px;height:15px;background-position:-122px -639px}.m-ctb .active .tabicon-2{width:16px;height:15px;background-position:-60px -639px}.m-ctb .active .tabicon-3{width:16px;height:15px;background-position:-60px -689px}.m-ctb .active .tabicon-4{width:16px;height:15px;background-position:-60px -664px}.cl-info{background:#000;height:36px;line-height:36px;position:absolute;bottom:0;left:0;right:0;z-index:102;padding-left:12px}.cli-base{padding:0 10px;cursor:pointer;float:left;color:#fff}.cli-intro span{background-position:0 0}.cli-base span{padding-left:20px}.cli-app .u-qrcode{width:76px;height:36px;position:absolute;top:0;left:0;background:none}.cl-info a{font-size:13px;color:#fff}.cl-info a,.u-qrcode:hover .all{display:block}.cli-app .u-qrcode .all{bottom:40px}.u-qrcode .all{display:none;cursor:default;position:absolute;width:120px;height:170px;padding:10px;right:0;bottom:65px;background:#fff;border:1px solid #ddd}.u-qrcode:hover{background-position:-71px -112px}.cli-base.cli-cover,.cli-base:hover{background:#252525}a.f-fc0:hover,a.f-fc3:hover,a.f-fc6:hover,a.f-fc9:hover,a.f-fcf:hover,a:hover .f-fc0,a:hover .f-fc3,a:hover .f-fc6,a:hover .f-fc9,a:hover .f-fcf{color:#39a030;text-decoration:none}.cl-info a:hover{font-size:13px;color:#fff;display:block}.cl-info em.unfinish{background-position:-4px -556px;margin:5px 5px 0 0;float:right;width:70px;height:25px;cursor:pointer}.cl-info .clis{margin-right:20px}.f-fr{float:right}.m-ctb .tabarea{position:absolute;top:116px;left:0;width:100%;bottom:0;overflow:hidden;background:#f5f7fa}.m-ctb .tabarea .tabbox{display:none;position:absolute;top:0;left:0;right:0;bottom:0}.m-toolbar-forum{height:100%;display:block}.m-toolbar-forum .posts-forum{height:calc(100% - 152px);top:140px;overflow:auto}.m-toolbar-forum .posts-forum_emoji{height:calc(100% - 236px);top:140px;overflow:auto}.m-toolbar-forum .posts-intro{height:calc(100% - 40px);padding-bottom:0;top:140px;overflow:auto}.m-toolbar-forum .posts-stick{height:100%;padding-bottom:0;top:140px;overflow:auto}.m-toolbar-forum .posts-stick:after{display:block;height:150px;content:"";visibility:hidden}.m-toolbar-forum .bullet-container{position:absolute;overflow:hidden;height:150px;width:100%;bottom:0}.bullet-container{background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(30%,rgba(0,0,0,.1)),color-stop(50%,rgba(0,0,0,.2)),color-stop(70%,rgba(0,0,0,.3)),color-stop(85%,rgba(0,0,0,.5)),color-stop(90%,rgba(0,0,0,.6)),to(rgba(0,0,0,.9)));background-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 30%,rgba(0,0,0,.2) 50%,rgba(0,0,0,.3) 70%,rgba(0,0,0,.5) 85%,rgba(0,0,0,.6) 90%,rgba(0,0,0,.9))}.bullet-container .button_area{position:absolute;color:#fff;width:100%;bottom:0;height:34px;padding:0 5px;z-index:9999}.bullet-container .button_area span{font-size:x-small}.m-toolbar-forum .posts .u-forumli{padding:0 10px}.u-forumli{cursor:pointer;padding:0 20px;font-size:12px}.m-toolbar-forum .test_area{width:100%;height:108px;outline:none;resize:none;border:1px solid #eee}.buttonsprite,.m-edititem .editopt a.editbtn,.m-edititem .editopt a.editbtn span,.m-feedbackSys .btn,.m-feedbackSys .btn span,.m-lastframe .nextOrestimate,.m-lastframe .nextOrestimate span,.m-mostAsk .editctrl .submitBtn,.m-mostAsk .editctrl .submitBtn span,.m-mostAsk .mask .joincourse,.m-mostAsk .mask .joincourse span,.m-predlog .findBtn,.m-predlog .findBtn span,.m-predlog .loginBtn,.m-predlog .loginBtn span,.m-tb-notes .mask .joincourse,.m-tb-notes .mask .joincourse span,.m-toolbar-forum .edit .postBtn,.m-toolbar-forum .edit .postBtn span,.m-videoReportDialog .btns .cancelbtn,.m-videoReportDialog .btns .cancelbtn span,.m-videoReportDialog .btns .okbtn,.m-videoReportDialog .btns .okbtn span,.u-clgrowl .loginBtn,.u-clgrowl .loginBtn span,.u-coursePlanPayMsg .cancelBtn,.u-coursePlanPayMsg .cancelBtn span{background:url(/static/img/bg_btn_green.png) no-repeat 4449px 4449px}.m-toolbar-forum .edit{background-color:#fff}.m-toolbar-forum .button_area{height:34px;padding:0 5px}.m-toolbar-forum .button_area span{font-size:x-small}.m-toolbar-forum .edit span{line-height:32px}.m-toolbar-forum .edit .postBtn{margin:0 5px;display:block;text-decoration:none;background-position:68px 0}.m-toolbar-forum .edit .postBtn span{display:block;text-align:center;padding:0 10px;width:58px;font-size:12px;height:34px;line-height:33px;color:#fff;background-position:-40px 0}.show_course_header{height:72px}.icon_slot{cursor:pointer;width:25px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;display:inline-block}.emoji{background:url(/static/img/emoji.png) 0 0 no-repeat;background-position-x:left;background-position-y:top;width:20px;height:20px;display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline}.emoji1f61c{background-position:0 -12200px}.pic-list-icon{font-size:30px;border:1px dashed #adadad}.pic-list-div{position:relative;padding-left:2px;margin-bottom:5px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.pic-list-del{position:absolute;right:0;top:0}.pic-slot{width:30px;height:30px;cursor:default}.message_box{height:100%;overflow-y:scroll}.item{-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid;position:relative;min-height:20px;display:flow-root;list-style:none;margin:0;padding:0}.item_header{float:left}.item_header,.item_header_self{width:52px;height:60px;border-radius:50%;margin:0;font-size:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.item_header_self{float:right}.item_header_self img,.item_header img{margin:3px 6px 0;width:40px;height:40px}.icon-chat-mode{position:absolute;width:22px;height:22px;right:0;top:0}.icon-chat-mode img{width:100%;cursor:pointer}.avatar{width:32px;height:32px;border-radius:50%;margin-right:10px;padding-bottom:1px;padding-top:1px}.item_content{background:#eee;line-height:20px;border-radius:10px;position:relative;float:left;max-width:calc(100% - 90px)}.intro_content,.item_content,.item_content_self{width:auto;word-break:break-all;padding:5px 10px;margin:4px;font-size:14px;min-height:38px;overflow-wrap:break-word;white-space:pre-line}.item_content_self{background:#66ee41;line-height:20px;border-radius:10px;position:relative;float:right;max-width:calc(100% - 90px)}.item_side_img_right{left:100%}.item_side_img_left,.item_side_img_right{position:absolute;top:8px;width:8px;height:14px}.item_side_img_left{right:100%}.item-stick-act{top:0;width:16px;height:20px;position:absolute;overflow:hidden;visibility:hidden}.item-stick-act.left{left:100%}.item-stick-act.right{right:100%}.item_content:hover img,.item_content_self:hover img{visibility:visible}.not_show{display:none}.course_header_bar_div{width:100%;background:#333;padding:6px 0 0 20px;color:#fff;-webkit-transition:opacity 1s;transition:opacity 1s;z-index:8}.course_header_bar_layout_div{margin:auto;width:50%;float:left}.course_header_bar_layout_right_div{margin:auto;width:50%;float:right}.course_header_bar_course_title{font-size:22px;line-height:1.6;font-weight:500}.course_header_bar_course_info_bottom{font-size:14px;margin-left:10px}.span_split:before{content:"";background:#eee;width:1px;height:20px;display:inline-block;margin:0 8px -4px 4px}.dialog_btn{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dcdfe6;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:500;padding:12px 20px;font-size:14px;border-radius:4px;margin-bottom:10px;margin-top:10px}.dialog_text{width:100%;height:150px}.dialog_text_small{width:100%;height:70px}.dialog_input_div{margin:auto;width:80%}.active_page_subject{color:#000;font-size:larger;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-ms-text-overflow:ellipsis}.baberrageStyle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.baberrageStyle span{color:#fff}.baberrage-stage{top:0;z-index:5}.baberrage-stage .baberrage-item.normal{color:#fff}.player-icon{cursor:pointer;width:50px;height:30px;padding-left:10px}