@charset "UTF-8";[hidefocus]{outline:none}blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0}body,fieldset,html,iframe,img{border:0}table{border-collapse:collapse;border-spacing:0}li{list-style:none}caption,th{font-weight:400;text-align:left}caption,em,th{font-style:normal}strong{font-weight:700}body,input,select,textarea{font-family:Arial,Hiragino Sans GB,\5fae\8f6f\96c5\9ed1,Helvetica,"sans-serif";font-size:14px;line-height:21px;color:#343d42;outline:none;border:0}textarea{resize:none}input{vertical-align:baseline;margin:0}body{background-color:#fff}h1,h2,h3,h4,h5,h6{font-weight:400}a,button{cursor:pointer}body,html{width:100%}html{overflow:auto}body{text-align:left}textarea{overflow:auto}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#bbb!important}::-ms-clear,::-ms-reveal{display:none}body,html{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.content-wrapper{margin:0 auto;text-align:left}@media only screen and (min-width:1200px){.content-wrapper{width:1205px}}@media only screen and (max-width:1200px){.content-wrapper{width:90%}}@media only screen and (max-width:800px){.content-wrapper{width:90%}.my-course-list-item{width:45%}.my-course-card{width:100%}}.nav-item-content{display:none;position:absolute;top:60px;z-index:10}.nav-item:hover .nav-item-content{display:block}.category-menu{display:table;table-layout:fixed;background:#fff;box-shadow:0 2px 8px 0 rgba(0,0,0,.15);border-radius:2px}.category-menu-left{display:table-cell;vertical-align:top}.category-menu-left-item{padding:10px 16px;position:relative;font-size:0;line-height:normal}.category-menu-left-item-name{max-width:112px;max-height:24px;line-height:24px;overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#666}.category-menu-left-item-line{position:absolute;top:8px;right:-1px;display:none;width:2px;border-radius:2px;height:24px;background:#49af4f;z-index:2}.category-menu-left-item.active .category-menu-left-item-line{display:inline-block}.category-menu-right{display:none;vertical-align:top;overflow:hidden;width:686px;border-left:1px solid #ddd}.category-menu:hover .category-menu-right{display:table-cell}.category-menu-right-item{padding:8px 38px 24px 40px;font-size:14px}.category-menu-right-item-cat2{float:left;line-height:25px;padding-top:12px;padding-right:20px;overflow:hidden;text-align:left;color:#333}.category-menu-right-item-cat3{padding-top:12px;overflow:hidden;line-height:25px;font-size:12px;color:#666}.category-menu-right-item-cat3-body{margin-left:10px;font-size:12px;line-height:25px}.category-menu-right-item-cat3-slash{padding:0 10px;color:#ccc}.category-menu-right-item-cat3-name{color:#666;display:inline-block}.logo-img{width:60px;height:60px;margin-right:20px}.header h2 a{color:#333}.inner_header h2 a{color:#fff}.head_wrap{margin:0 auto;position:relative}.head_wrap .logo{margin-right:24px}.head_wrap h2{font-size:30px;padding:0;line-height:70px;margin:0}.userinfo{padding:28px 0;height:32px;line-height:32px}.userinfo a{margin-right:20px}.inner_header{height:60px;width:100%;background:#2e333e;color:#fff}.inner_header h2{line-height:40px;padding:0}.inner_header .userinfo{padding:15px 0}.inner_header .userinfo a{color:#fff}.nav{float:left;height:80px}.nav-item{cursor:pointer;float:left;font-size:16px;line-height:80px;margin-right:24px}.inner_header .nav{height:60px}.inner_header .nav-item{line-height:60px}@media screen and (max-width:480px){.head_wrap .logo{margin:0}.logo span{display:none}.content-wrapper.head_wrap{width:100%}}.footer{width:100%;height:60px;overflow:hidden}.footer .inner{background:#474443}.foot_wrap{margin:0 auto;line-height:23px;position:relative;color:#fff}.foot_wrap p{padding:20px 0}.foot_wrap p a{color:#eee}.course-card{float:left;background-color:#fff;margin:0 1% 1% 0;width:225px;height:177px;width:19%;overflow:hidden}.card-img{overflow:hidden;border-radius:3px}.card-img img{display:block;width:225px;height:125px;width:100%;object-fit:cover;transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;background:#f2f2f2}.course-card:hover img{transform:scale(1.15);-webkit-transform:scale(1.15);-o-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15)}.card-title h3{font-size:14px;color:#333;line-height:22px;margin:6px 0;white-space:nowrap;overflow:hidden}.card-des p{font-size:12px;color:#888;line-height:18px;height:18px;overflow:hidden;margin:8px 0 0}@media screen and (max-width:768px){.course-card{width:49%}}.series-card{float:left;background-color:#fff;margin:0 1% 1% 0;overflow:hidden;width:24%;position:relative}.series-card img{display:block;width:100%;object-fit:cover;height:170px;transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;background:#f2f2f2}.series-card:hover img{transform:scale(1.15);-webkit-transform:scale(1.15);-o-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15)}.series-container{position:absolute;width:246px;height:76px;padding:5px;box-sizing:border-box;text-align:center;top:76px;left:0;right:0;margin:0 auto;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPYAAABMCAYAAABeQ0rbAAAAAXNSR0IArs4c6QAAAm5JREFUeAHt2DFKAwEYhFEj1t7/nF4grsJA2BTbJh9vm9+oReaNg+LtfjwfHgIEUgKfqTTCECDwL2DYfhAIBAUMO1iqSAS+zgS34zl/zmsCBF5b4Py/sqdh/73945t+XjuGd0eAwASO38Xf+3jXn+KTcAmEBAw7VKYoBCZg2JNwCYQEDDtUpigEJmDYk3AJhAQMO1SmKAQmYNiTcAmEBAw7VKYoBCZg2JNwCYQEDDtUpigEJmDYk3AJhAQMO1SmKAQmYNiTcAmEBAw7VKYoBCZg2JNwCYQEDDtUpigEJmDYk3AJhAQMO1SmKAQmYNiTcAmEBAw7VKYoBCZg2JNwCYQEDDtUpigEJmDYk3AJhAQMO1SmKAQmYNiTcAmEBAw7VKYoBCZg2JNwCYQEDDtUpigEJmDYk3AJhAQMO1SmKAQmYNiTcAmEBAw7VKYoBCZg2JNwCYQEDDtUpigEJmDYk3AJhAQMO1SmKAQmYNiTcAmEBAw7VKYoBCZg2JNwCYQEDDtUpigEJmDYk3AJhAQMO1SmKAQmYNiTcAmEBAw7VKYoBCZg2JNwCYQEDDtUpigEJmDYk3AJhAQMO1SmKAQmYNiTcAmEBAw7VKYoBCZg2JNwCYQEDDtUpigEJmDYk3AJhAQMO1SmKAQmYNiTcAmEBAw7VKYoBCZg2JNwCYQEDDtUpigEJmDYk3AJhAQMO1SmKAQmYNiTcAmEBAw7VKYoBCZg2JNwCYQEDDtUpigEJmDYk3AJhARu9+N5zHM7nsfXPiZA4PUFnnZ8/sTrR/AOCRC4EvCn+JWQrxN4QwHDfsPSvGUCVwKGfSXk6wTeUOAX7qkYjphaCigAAAAASUVORK5CYII=) no-repeat}.series-title h3{font-size:18px;height:24px;line-height:24px;margin:14px 0 3px;color:#333;overflow:hidden}.series-des p{font-size:14px;height:19px;line-height:19px;margin:0;color:#666;overflow:hidden}@media screen and (max-width:768px){.series-card{width:49%}}.career-card{float:left;background-color:#fff;margin:0 1% 1% 0;overflow:hidden;position:relative;width:24%}.career-card .card-img{overflow:hidden;border-radius:4px 4px 0 0;height:0;padding-bottom:56.29%}.career-card img{display:block;width:286px;height:165px;width:100%;object-fit:cover;transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s}.career-card:hover img{transform:scale(1.15);-webkit-transform:scale(1.15);-o-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15)}.career-container{padding:8px 0 12px 10px;box-sizing:border-box;text-align:left;margin:0 auto;border:1px solid #eee;border-top:none;border-radius:0 0 3px 3px}.career-title h3{font-size:16px;height:22px;line-height:22px;margin:0 0 3px;color:#333;overflow:hidden}.career-des p{white-space:nowrap;text-overflow:ellipsis;font-size:14px;height:16px;line-height:16px;margin:0;color:#666;overflow:hidden}@media screen and (max-width:768px){.career-card{width:49%}}.live-card{display:inline-block;padding:12px;margin-right:24px;width:370px;font-size:0;vertical-align:top;margin-bottom:4px}.live-card:hover{box-shadow:0 0 6px 0 rgba(0,0,0,.1);border-radius:2px}.live-card-img{float:left;margin-right:20px;height:80px;width:80px;font-size:0;background:#f2f2f2}.live-card img{display:block;height:100%;width:100%;border-radius:50%}.live-container{margin-left:100px;width:270px}.live-time{position:relative;font-size:14px;line-height:19px}.live-time,.live-title h3{margin-bottom:8px;color:#333}.live-title h3{font-size:16px;line-height:24px;word-break:break-all}.live-des p{position:relative;font-size:12px;line-height:16px;color:#666;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.course-list{margin:0 -1% -1% 0;overflow:hidden}.live-list{margin:0 auto 0 -12px;font-size:0}.list-row-wrap{margin:0 auto 40px}.list-row-title{margin-bottom:14px;font-size:24px;color:#333;height:31px;line-height:31px}a{text-decoration:none;color:#666}a:hover{color:#49af4f}.f-fl{float:left}.f-fr{float:right}.banner-wrap{margin-bottom:30px}.banner{background:50% no-repeat;background-color:#153a8b;height:360px;overflow:hidden}.banner-inner{background:50% no-repeat;background-image:url(../../static/media/banner.f603ec00.jpg);background-size:cover;cursor:pointer}.banner-inner,.banner img{margin:0 auto;height:360px}.banner img{display:block}.banner h2{font-size:23px;margin:100px 50px 30px}.banner p{font-size:20px;margin:30px 50px}.chapter-box{width:920px;width:100%}.chapter-box-title{overflow:hidden}.chapter-box-title h2{line-height:35px;height:35px;padding:0 0 0 15px;font-size:18px;margin:0;max-width:660px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-ms-text-overflow:ellipsis}.chapter-list{border-top:1px solid #ddd;text-align:left;position:relative;padding-bottom:1em}.chapter-title,.section{height:36px;line-height:36px;padding:0 20px}.section{cursor:pointer;-webkit-transition:background-color .15s ease-out;transition:background-color .15s ease-out}.section:hover{background-color:#e2fadd}.section span{display:block}.ks{width:62px;color:#999;text-align:left;font-size:14px}.ks_name{padding-left:6px;color:#333;height:36px}.ks_time{width:80px;height:36px;text-align:right;font-size:12px;color:#b7b8ba}.commit_list_wrap{margin:12px 20px 15px}.cmt_card{padding-bottom:16px}.cmt_head{overflow:hidden;padding:12px 0}.cmt_head img{width:32px;height:32px;cursor:pointer}.cmt-cover{float:left;margin:1px 0;width:32px;height:32px;background:#f2f2f2}.cmt_info{float:left;margin-left:7px}.cmt_name{display:inline-block;zoom:1;*display:inline;max-width:100px;cursor:pointer;top:2px;line-height:16px;height:16px}.cmt_name span{color:#39a030;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-ms-text-overflow:ellipsis}.learned{line-height:16px;height:16px;color:#999;font-size:12px}.cmt_body p{line-height:21px;word-wrap:break-word;margin-bottom:4px;color:#333;font-size:14px}.cmt_foot .time{display:inline-block;color:#999;font-size:12px}.more{display:block;text-align:center;background:#fafafa;border-top:1px solid #eaeaea;color:#666;padding:15px 0;cursor:pointer;font-size:12px}.intro-box{width:100%}.intro-title h2{height:35px;line-height:35px;padding:0 0 0 15px;font-size:18px;max-width:660px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.intro-content{border-top:1px solid #ddd;text-align:left;position:relative;padding-bottom:1em}.intro-content-inner{padding:20px}.intro-content-inner h2{margin-bottom:15px}.intro-content-inner p{margin-bottom:10px}.intro-content-inner img{max-width:100%}.m-ti{width:100%;font-size:12px;text-align:center}.m-head{padding:34px 20px 14px}.head_img{margin:0 auto 10px;height:75px}.head_img img{width:75px;height:75px}.txt{text-align:left;padding:15px 20px;line-height:20px;border-top:1px solid #eee;white-space:pre-wrap;word-wrap:break-word;font:12px/22px Helvetica Neue,Helvetica,Arial,Sans-serif}.txt img{max-width:100%}.teacher_title{color:#999;margin-bottom:0}.teacher-head .name{margin-bottom:5px}.course_img{border:1px solid #f2f2f2;overflow:hidden}.course_button.disabled a{background:#aaa;width:auto;padding:0 20px;cursor:not-allowed}.course_class_wrap{font-size:14px;padding:10px 20px 0 15px}.u-ctit{height:20px;padding:15px 0 15px 15px;font-size:18px;line-height:19px;max-width:660px;border-bottom:1px solid #dfdfdf}.course_class li{margin-bottom:10px}.course_class li a{color:#10ae58}.note-box{width:920px}.note-title{height:20px;padding:15px 0 15px 15px;font-size:18px;line-height:19px;max-width:660px}.note-tag-list{border-top:1px solid #dfdfdf;padding:1em 22px}.note-tag{cursor:pointer;border-radius:2px;border:1px solid #e7e7e7;background:#f5f5f5;padding:0 6px;margin:0 12px 7px 0;display:block;float:left;color:#666;font-size:12px;white-space:nowrap;height:21px;line-height:21px}.note-tag-active{background-color:#21a557;border-color:#21a557;color:#fff}.note-pool{padding:10px 20px 20px}.note-item{border-top:1px solid #ececec;border-bottom:0;font-family:宋体 arial}.note-item-inner{position:relative;padding:10px 0;font-size:12px;line-height:20px;text-align:left;margin-left:64px}.note-pool{clear:both}.note-img{position:absolute;left:-64px;top:15px;background:#f2f2f2;width:49px;height:49px}.note-user{color:#21a557;font-family:宋体 arial;font-size:14px;line-height:26px}.note-lesson{margin-right:15px;color:#999;line-height:16px;cursor:pointer}.note-body{margin:.5em 0;word-wrap:break-word}.note-content{margin-top:5px;color:#666;word-wrap:break-word;white-space:pre-wrap}.note-oper a,.note-time{margin-right:10px}.note-oper a{color:#999;font-size:12px;padding-left:1.5em;padding-bottom:.2em}.forum-box{width:920px}.forum-head{padding:20px;border-bottom:1px solid #dfdfdf}.forum-head h2{font-size:18px;line-height:20px;color:#444;padding-bottom:12px}.forum-head h2 span{font-size:12px;line-height:24px;color:#10ae58}.forum-list{padding:0 20px}.forum-item,.forum-list{cursor:pointer;font-size:12px}.forum-item{padding:20px 0;border-bottom:1px solid #ebebeb}.avatar{display:inline-block;background:#f2f2f2}.avatar,.avatar img{width:30px;height:30px}.avatar img{vertical-align:middle;border-radius:15px}.forum-username{margin-left:10px;color:#10ae58}.forum-time{margin-left:20px;color:#666}.forum-panel{color:#666;margin-top:5px}.forum-item-body p{padding:20px 0 14px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-ms-text-overflow:ellipsis;color:#666;font-size:14px;word-break:break-all}.forum-item-foot{overflow:hidden}.forum-item-foot span{margin-left:5px;padding-left:15px;color:#999}.answer-item{margin:0 20px;border-bottom:1px solid #ededed;padding:10px 0}.answer-item p{line-height:1.8;font-size:12px;color:#666;word-wrap:break-word;white-space:pre-wrap;overflow:hidden}.answer-item span{line-height:15px}.answer-item span.f-fr{margin-top:4px}.voucher-box{text-align:right;padding:10px 0 20px 10px}.mycourse_head{background:#65d2ba;height:190px;width:100%;margin:0 auto;color:#fff}.mycourse_head_wrap{padding-top:46px;margin:0 auto;text-align:left}.mycourse_head_logo{border-radius:80px;height:80px;width:80px;overflow:hidden;border:4px solid hsla(0,0%,98%,.6);background:#e2e2e2}.mycourse_head_logo img{display:block;height:80px;width:80px}.mycourse_head_txt{height:73px;padding-top:15px;padding-left:20px}.mycourse_head_name{margin-bottom:6px;font-size:20px;color:#fff}.mycourse_head_info{font-size:14px}.mycourse_navwrap{background:#fff;margin-bottom:20px;border-bottom:1px solid #ddd}.mycourse_navwrap_tabs{background-color:#fff!important;overflow:hidden}.mycourse_tabs{box-sizing:border-box;overflow:hidden}.mycourse_tabs>li{width:auto!important;height:60px;line-height:60px;padding:0;font-size:18px;color:#666;margin-right:76px;float:left;cursor:pointer;border:none;border-bottom:4px solid #fff}.mycourse_tabs>li.active,.mycourse_tabs>li:hover{color:#49af4f;border-bottom:4px solid #49af4f}.my-courses-tab-head{background:#fff;margin-bottom:20px;padding:0 20px;box-sizing:border-box}.my-courses-tabs{overflow:hidden}.my-courses-tabs li{width:auto!important;height:40px;line-height:40px;border:none;padding:0;font-size:14px;color:#6a6a6a;margin-right:38px;float:left;cursor:pointer}.my-courses-tabs li.active,.my-courses-tabs li:hover{color:#49af4f}.my-courses{min-height:400px}.my-course-list-ul{overflow:hidden;margin-right:-22px}.my-course-list-item{height:219px;width:223px;display:block;margin-right:22px;overflow:hidden;margin-bottom:20px;float:left}.my-course-card{height:219px;width:225px;box-sizing:border-box;background:#fff}.my-course-card-head{height:94px;width:100%;position:relative;overflow:hidden;background:#e2e2e2}.my-course-card-head img{display:block;height:94px;width:100%;object-fit:cover;transition:1s,ease,-webkit-transform;-webkit-transition:1s,ease,-webkit-transform;transition:transform,1s,ease;transition:transform,1s,ease,-webkit-transform;position:absolute;z-index:2}.my-course-card-head img:hover{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition:all .2s;transition:all .2s}.my-course-card-title{font-size:16px;margin:10px 10px 15px;color:#3a4348;height:48px;line-height:24px;box-sizing:border-box;overflow:hidden}.my-course-card-progress{width:205px;margin:0 auto}.my-course-card-progress-all{height:6px;width:100%;background:#d8d8d8;margin-bottom:8px}.my-course-card-progress-current{height:100%;width:20%;background:#49af4f}.my-course-card-progress-txt{width:100%;color:#49af4f;font-size:14px}.my-course-card-btn{height:34px;width:156px;border-radius:20px;border:2px solid #49af4f;color:#49af4f;margin:0 auto;font-size:15px;line-height:30px;text-align:center;display:block}.my-course-card-btn:hover{background:#49af4f;color:#fff}.pagination{margin:50px 0;overflow:hidden;text-align:right}.nodata{font-size:30px;text-align:center;height:80px;line-height:80px;color:#d2d2d2}.rc-pagination{float:right;font-size:16px!important}.login-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#eee}.login-box{box-shadow:0 1px 2px #bbb;background:#fff;margin-top:20px}.login-inner{width:480px;padding:20px;margin:0 auto}.login-title{text-align:center;border-bottom:1px solid #e2e2e2;padding:20px 0}.login-form-forgot{float:right}.login-form-button{width:100%;margin-top:10px}.inputbox{z-index:19;position:relative;border:1px solid #c5cddb;background:#fff;font-size:12px;border-radius:2px;height:44px;line-height:44px;margin-bottom:30px;margin-top:5px}.input-icon{float:left;width:21px;text-align:center;padding:0 5px 0 10px}.icon-login{display:inline-block;width:22px;height:24px;margin-top:10px}.input{position:relative;padding:0 10px}.input input[type=password],.input input[type=text]{width:100%;height:44px;line-height:44px;color:#333;border:0;font-size:16px;font-weight:700}.login-button{border:none;box-shadow:none;display:block;width:100%;height:44px;cursor:pointer;text-align:center;color:#fff;font-size:18px;line-height:44px;background:#49af4f;margin-bottom:10px}.pdf-wrap{background:#525659;margin:0 auto;position:absolute;top:60px;right:0;bottom:0;left:0}.react-pdf-document{overflow:auto}.react-pdf-document .react-pdf__Page__canvas{margin:0 auto}.react-pdf-document{position:absolute;top:0;right:0;bottom:0;left:0;display:flex}.react-pdf__Page{margin:0 auto}.pager{height:60px;line-height:60px;background:#323639;position:absolute;top:-60px;left:0;width:100%;text-align:center;box-shadow:0 2px 2px rgba(0,0,0,.45);z-index:12}.pager .ant-pagination{text-align:center;display:inline-block;vertical-align:middle;color:#fff;font-size:18px}.pager .ant-pagination li{vertical-align:middle}.pager .ant-pagination input{background:#191b1c;border:none;color:#fff;font-size:18px}.pager .ant-pagination-item-link{color:#fff;font-size:18px}.tool-bar{position:absolute;right:20px;top:0}.tool-bar a{color:#fff;font-size:20px;margin-left:15px}.mark-title{position:absolute;top:20px;right:20px;height:50px;line-height:50px;width:250px;padding-left:20px;background:#fff;font-size:15px;font-weight:700;color:#333;border-radius:5px 5px 0 0;border-bottom:1px solid #f0f0f0;box-shadow:0 0 4px rgba(0,0,0,.45);z-index:10}.ant-pagination-disabled .ant-pagination-item-link{color:#666}.react-pdf__Outline{background:#fff;position:absolute;top:70px;right:20px;width:250px;height:500px;overflow:auto;border-radius:0 0 5px 5px;padding:10px 0;box-shadow:0 2px 4px rgba(0,0,0,.45);z-index:11}.react-pdf__Outline ul li>ul{padding-left:20px}.react-pdf__Outline li{line-height:28px}.react-pdf__Outline li a{display:block;line-height:28px;color:#333;padding-left:20px}.react-pdf__Outline li a:hover{background:#eaebed}.react-pdf__Outline li a{text-overflow:ellipsis;overflow:hidden;width:100%;white-space:nowrap}.react-pdf__message{margin:200px auto}.video-js .vjs-tech{position:relative!important}.video-js .vjs-time-control{display:block}.video-js .vjs-remaining-time,.video-js .vjs-time-divider{display:none}.vjs-playback-rate .vjs-playback-rate-value{font-size:14px}.course-main{background:#68696e}.course-box,.course-main,.course-toobar{position:absolute;top:0;right:0;bottom:0}.u-hiderightbtn{position:absolute;right:0;top:12px;width:23px;height:24px;cursor:pointer;z-index:998;background:#abadb0;border-radius:3px 0 0 3px;text-align:center}.course-box,.course-main{left:0}.course-learn-box{z-index:100;position:absolute;top:0;bottom:0;left:0;right:0}.j-back{top:13px;left:0;height:24px;font-size:12px;line-height:24px;padding-right:10px;color:#484848;text-indent:14px;background:#a8aaad;border-radius:0 3px 3px 0}.cl-next,.j-back{z-index:101;position:absolute;display:block;box-shadow:0 0 5px rgba(0,0,0,.3)}.cl-next{left:112px;font-size:30px;width:60px;height:32px;line-height:42px;text-align:center;bottom:-1px;color:#c1c2c6;background:#55565e;border-radius:5px 5px 0 0}.course-box{right:320px;border-top:1px solid #666;border-bottom:1px solid #626262;overflow:hidden}.course-toobar{overflow:auto}.cl-bg{height:100%;width:4px;border-right:1px solid #76767a;background-color:#333746;left:139px;position:absolute;top:0;z-index:98}.course-title{position:absolute;top:54px;left:22px;line-height:28px;font-size:12px}.j-chapter{color:#161616;width:65px;text-align:center;background:#8b8d92}.j-chapter,.j-lessonIndex{display:block;height:20px;float:left;border-radius:20px;margin-top:4px}.j-lessonIndex{width:60px;line-height:20px;text-indent:10px;color:#999;background:#161616;margin-left:-10px}.j-lessonnum{width:24px;height:24px;line-height:24px;color:#161616;font-weight:700;display:block;float:left;text-align:center;background:#21a557;border-radius:50%;border:2px solid #161616;margin-left:-10px}.j-lessonname{padding:0 0 0 8px;display:block;float:left;color:#ccc}.learn-total{bottom:40px;top:95px;left:20px;right:20px;position:absolute;z-index:90;box-shadow:0 1px 5px #303035;background:#525659}.learn-box{width:100%;z-index:101;text-align:center;overflow:auto;background-color:#525050}.learn-box,.video-box{position:absolute;top:0;bottom:0}.video-box{left:0;right:0;overflow:hidden}.j-info,.video-box{background:#000}.j-info{height:36px;line-height:36px;position:absolute;bottom:0;left:0;right:0;z-index:102;padding-left:12px}.j-info a{padding:0 10px;cursor:pointer;float:left;font-size:13px;color:#fff;display:block}.j-info a.f-fr{float:right}.course-toobar{box-shadow:0 1px 8px #333;position:absolute;top:0;bottom:0;right:0;width:320px;overflow:hidden;background:#abadb0}.course-intro-box{height:97px;padding:15px;background:#abadb0}.course-info{width:165px;line-height:19px;color:#fff;font-size:12px;text-align:left}.course-info a{font-size:15px;display:block;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-ms-text-overflow:ellipsis}.course-info p{color:#666}.course-img{width:120px;height:66px;box-shadow:0 0 4px #666;background:#f2f2f2;overflow:hidden}.course-img img{width:100%;height:100%}.course-tabs{height:45px;background-color:#f5f7fa;font-family:微软雅黑}.course-tabs a{float:left;height:44px;width:106px;text-align:center;line-height:44px;color:#666}.course-tabs .active{background:#eee}.toobar-box{position:absolute;top:142px;left:0;width:320px;bottom:0;overflow:hidden;background:#f5f7fa;border-top:1px solid #eee}.course-box-all{right:0}.hide-course-toobar{left:-320px}.charpter-list,.charter-list-box{position:absolute;top:0;left:0;right:0;bottom:0}.charpter-list{height:100%;z-index:100;overflow-y:auto;zoom:1}.charpter-section{height:36px;line-height:36px;padding:0 12px;cursor:pointer;-webkit-transition:all .15s ease-out;transition:all .15s ease-out}.charpter-section:hover,.section-cur{background:#3a3e4a}.s-ks{width:51px;color:#999;text-align:left;font-size:12px}.s-ksw{display:block;height:12px;width:12px;border:1px solid #999;border-radius:50%;margin-top:11px;background:#f5f7fa}.s-name{padding-left:8px;color:#999;max-width:123px;height:36px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-time{color:#bababa}.j-bd{position:absolute;z-index:1;left:70px;top:0;border:none;border-left:1px solid #d3d3d3;width:0;height:100%}.ope-list{padding:0}.ope-item{color:#fff;position:relative;width:80px;height:36px;line-height:36px;cursor:pointer;text-align:center}.ope-item span{display:block;width:80px;height:36px}.ope-item ul{display:none;position:absolute;width:80px;bottom:36px;left:50%;background:#333;margin-left:-40px;overflow:hidden;margin-bottom:0}.ope-item:hover ul{display:block}.ope-item ul li.disabled a{color:#aaa;cursor:not-allowed}.ope-item ul li.active a{background:#222}.ope-item ul li a{display:block;width:100%;text-align:center;padding:0}.ope-item ul li a:hover{background:#666}.video-box .video-js{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;padding:0}.breadcrumb-box{padding:20px 0;margin:0 auto}.breakcrumb li{font-size:0}.breakcrumb li,.breakcrumb li .arrow{display:inline-block;height:20px;line-height:20px}.breakcrumb li .arrow{width:6px;margin:0 10px;vertical-align:middle}.breakcrumb li .arrow:after{content:">";color:#666;font-size:14px}.breakcrumb li a{vertical-align:middle;font-size:14px;color:#666}.breakcrumb li.current a{cursor:default;color:#999}.course_head_tab{background-color:#fafafa;padding-left:8px;border-top:1px solid #eaeaea;height:36px}.tab_list{padding:5px}.tab_list li{width:63px;height:26px;font-family:微软雅黑;float:left;padding:0 5px}.tab_list li a{display:block;line-height:26px;text-align:center}.tab_list li a.selected{color:#fff;background:#3a3e4a;border-radius:5px;height:26px}.course_head_box{min-height:250px;padding:20px 0 20px 20px}.course_img{margin-right:-450px;background:#f2f2f2}.course_img,.course_img img{width:450px;height:250px}.course_container{margin-left:470px;padding-right:20px}.course_title h2{font-size:24px;line-height:1.2;color:#333}.course_tag{margin-top:15px}.course_tag span{color:#999;font-size:12px;margin-right:20px;background:none;padding:0}.course_price p{color:#333;font-size:28px;font-family:微软雅黑;line-height:30px;margin-top:14px}.course_info{height:193px}.course_button a{background:#ff8000;color:#fff;font-size:20px;line-height:45px;width:160px;height:45px;text-align:center;vertical-align:middle;display:inline-block}.enrolled_tip{color:#999;font-size:24px}@media screen and (max-width:768px){.course_head_box{padding:20px}.course_img{float:none;width:100%;height:auto}.course_img img{height:auto}.course_container{margin:20px 0 0}.course_info{height:auto}}.course-list-ul{margin:20px}.course-item{overflow:hidden;padding:10px 20px;border-bottom:1px solid #eee}.course-item:hover{background:#f9f9f9}.course-item-head{float:left;width:150px;height:80px;text-align:center}.course-item-head a{position:relative;width:150px;height:80px;display:block;overflow:hidden}.course-item-head img{position:absolute;display:block;width:100%;height:80px;object-fit:cover}.course-item-btn{float:right;width:80px;margin-top:30px}.course-item-content{margin-left:170px;margin-right:100px}.course-item-content h2 a{font-size:18px;color:#333}.main{background:#eee;min-height:100%;margin-bottom:-60px}.push{height:123px}.clear{clear:both}.f-bg{background-color:#fff;box-shadow:0 1px 2px #bbb;overflow:hidden}.mb16{margin-bottom:16px}.course_down{margin-top:16px;min-height:700px}.course_left{margin-right:285px}.course_right{width:265px;margin-left:-265px}@media screen and (max-width:768px){.course_right{width:160px;margin:0}.course_left{margin-right:180px}}@media screen and (max-width:480px){.course_right{float:none;width:100%;margin:0;display:none}.course_left{margin:0}}.set-box{box-shadow:0 1px 2px #bbb;background:#fff;margin-top:20px;margin-bottom:60px}.set-tabs{border-bottom:1px solid #eaeaea;height:43px;background-color:#fafafa}.set-tabs a{padding:0 20px;height:44px;line-height:44px;display:block;text-align:center;font-family:微软雅黑;font-size:15px;float:left;color:#444;font-weight:700}.set-tabs a.current{color:#fff;background-color:#10ae58}.form-inner{padding:40px;min-height:500px}.form-item{margin-bottom:20px;overflow:hidden}.form-content,.form-label{float:left}.form-label{width:120px;text-align:right;padding:0 15px;height:44px;line-height:44px;color:#797979}.form-content{width:300px;line-height:44px}.form-content .inputbox{margin:0}.save-button{display:inline-block;width:120px;margin-left:150px}.cancel-button{margin-left:20px;border:1px solid #999;background:#fff;color:#999}.form-error-tip{color:red;line-height:20px;position:absolute}.required{display:inline-block;vertical-align:middle;color:red;margin-right:5px}.ant-form .ant-form-text{color:#000}.ant-form-item-label>label{color:#797979}