.vip-price{color:#a69315}.text-list{list-style:none;margin:0;padding:0}.text-list li{border-bottom:1px solid #e3e3e3;padding:8px 0}.money{color:#f40;font-size:22px}.origin-price{font-size:12px}.slideOutUp{animation-name:slideOutUp}.es-section{background:#fff;border-radius:4px;margin-bottom:20px;padding:15px}.es-section img{max-width:100%}.es-section.section-lg{min-height:400px}.es-section .section-header{border-bottom:1px solid #f5f5f5;margin-bottom:20px;position:relative}.es-section .section-header h1{font-size:20px;margin-bottom:20px;margin-top:5px}.es-section .section-header h3{font-size:16px;margin-bottom:15px;margin-top:0}.es-section .section-header .more{color:#919191;display:block;position:absolute;right:0;top:0}.es-section .section-header .more,.es-section .section-header .more:hover{transition:all .3s ease}.es-section .section-header .more:hover{color:#616161}.es-section .section-header .more>i{font-size:24px}.es-tag{background:#fff;border:1px solid #e4ecf3;border-left:2px solid #43bc60;border-radius:4px;margin-bottom:20px;padding:15px}.es-piece{margin-bottom:30px}.es-piece .piece-header{color:#313131;font-size:16px;margin:5px auto 20px;padding:0 30px 0 15px;position:relative}.es-piece .piece-header:after{background-color:#43bc60;content:"";height:16px;left:0;position:absolute;top:3px;width:4px}.es-piece .piece-header .more{position:absolute;right:0;top:5px}.es-piece .piece-body .piece-body-list{list-style-type:none;margin-bottom:0;padding:0}.es-piece .piece-body .piece-body-list>li{border-bottom:1px solid #f5f5f5;padding:15px 0}.user-avatar-list{list-style:none;margin-bottom:0;padding-left:0}.user-avatar-list li{float:left;margin-bottom:10px;text-align:center;width:20%}@media (max-width:991px) and (min-width:768px){.user-avatar-list li{width:10%}}.user-avatar-list .name{word-wrap:normal;display:block;height:20px;margin-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.es-qrcode{position:relative;text-align:center}@media (max-width:767px){.es-qrcode{display:none}}.es-qrcode>i{color:#919191;font-size:24px}.es-qrcode .qrcode-popover{background:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.1);color:#313131;filter:alpha(opacity=0);font-size:12px;opacity:0;padding:5px 10px;position:absolute;transform:scale(0);transition:all .3s ease;z-index:1}.es-qrcode .qrcode-popover img{height:110px;margin-bottom:10px;width:110px}.es-qrcode.toolbar-qrcode{color:#ccc}.es-qrcode.toolbar-qrcode .qrcode-popover{right:100%;top:0;transform-origin:100% 0;-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0}.es-qrcode.top .qrcode-popover{left:0;top:0;transform-origin:0 0;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0}.es-qrcode.bottom .qrcode-popover{bottom:0;right:0;transform-origin:100% 100%;-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;-o-transform-origin:100% 100%}.es-qrcode:hover{cursor:pointer}.es-qrcode.open .qrcode-popover{filter:alpha(opacity=100);opacity:1;transform:scale(1)}.qrcode-popover{position:relative}.qrcode-popover:hover .qrcode-content{display:block\9;filter:alpha(opacity=100);opacity:1;transform:scale(1)}.qrcode-popover.top .qrcode-content{box-shadow:0 2px 3px rgba(0,0,0,.5);left:-65px;top:-205px;transform-origin:50% 100%;-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-o-transform-origin:50% 100%}.qrcode-popover.top .qrcode-content:after{border-top-color:#fff;left:50%;margin-left:-13px;top:100%}.qrcode-popover.top .qrcode-content img{height:180px;width:180px}.qrcode-popover .qrcode-content{background:#fff;display:none\9;filter:alpha(opacity=0);opacity:0;padding:5px;position:absolute;transform:scale(0);transition:all .3s ease;z-index:1}.qrcode-popover .qrcode-content:after{border:13px solid transparent;content:" ";height:0;pointer-events:none;position:absolute;width:0}.well{background-color:#fafafa;border:1px solid #f5f5f5;box-shadow:none}.icon-user-status{background:#ed3e3e;border:2px solid #fff;border-radius:50%;color:#fff;display:block;height:20px;line-height:15px;text-align:center;width:20px}.icon-user-status>i{font-size:12px;vertical-align:middle}.icon-user-status>img{border-radius:50%;height:100%;width:100%}.icon-user-status.icon-md{height:30px;line-height:25px;width:30px}.icon-user-status.icon-md>i{font-size:18px}.icon-user-vip{background:#ed3e3e;background:none;border:none;border-radius:0;display:inline-block;height:20px;line-height:15px;text-align:center;width:20px}.icon-user-vip>img{border-radius:0;height:100%;width:100%}.icon-user-teacher{background:#ed3e3e;border-radius:50%;color:#fff;display:inline-block;height:20px;line-height:20px;text-align:center;width:20px}.icon-user-teacher>i{font-size:14px;vertical-align:text-top}.icon-user-teacher.icon-user-teacher--sm{height:16px;line-height:16px;width:16px}.icon-user-teacher.icon-user-teacher--sm>i{font-size:12px;vertical-align:unset}.avatar-wrap{border-radius:50%;display:inline-block;position:relative}.avatar-wrap .icon-user-status,.avatar-wrap .icon-user-vip{bottom:0;position:absolute;right:0}.es-step{margin-bottom:35px;padding-left:0}.es-step.es-step-3 li{width:33.33%}.es-step.es-step-2 li{width:50%}.es-step li{border-bottom:2px solid #e1e1e1;color:#e1e1e1;float:left;font-size:14px;list-style-type:none;padding:15px;text-align:center}.es-step li .number{background-color:#e1e1e1;border:1px solid #e1e1e1;border-radius:50%;color:#fff;display:inline-block;height:20px;line-height:18px;margin-right:5px;width:20px}.es-step li.doing,.es-step li.done{border-color:#43bc60}.es-step li.doing .number,.es-step li.done .number{background-color:#43bc60;border-color:#43bc60;color:#fff}.es-step li.done{color:#43bc60}.es-step li.doing{color:#616161}.search-with-btn{position:relative}.course-list .course-sticky-item .course-sticky-mask{background-image:linear-gradient(-180deg,transparent,rgba(0,0,0,.7));bottom:10px;color:#fff;cursor:default;filter:alpha(opacity=0);height:32px;left:10px;line-height:1;opacity:0;position:absolute;right:10px;transition:all .3s ease}.course-list .course-sticky-item .course-sticky-tag{background-color:#ef5454;border:1px solid #ef5454;border-radius:2px;bottom:18px;color:#fff;cursor:default;font-size:12px;left:20px;line-height:1;padding:2px 14px;position:absolute;z-index:10}.course-list .course-sticky-item .course-sticky-tag--student{bottom:8px;left:8px}.course-list .course-sticky-item .course-sticky-btn{background-color:transparent;border:1px solid #fff;border-radius:2px;bottom:8px;color:#fff;font-size:12px;line-height:1;outline:none;padding:2px 11px;position:absolute;right:10px}.course-list .course-sticky-item .course-sticky-btn i{font-size:12px}.course-list .course-sticky-item .course-sticky-btn .course-sticky-btn__icon{position:absolute;right:64px;top:1px}.course-price-widget .price{color:#ed3e3e;font-size:14px;margin-right:0}.course-price-widget .free{color:#43bc60}.course-price-widget .discount{color:#ffa51f}.note-list .note-item .metas .metas-sns>span{margin-left:10px}.note-list .note-item .metas .metas-sns>span i{margin-right:3px}.note-list .note-item .metas .metas-sns>span>a{color:#919191}.note-list .note-item .metas .metas-sns>span>a,.note-list .note-item .metas .metas-sns>span>a:hover{transition:all .3s ease}.note-list .note-item .metas .metas-sns>span>a:hover{color:#43bc60}.note-list .note-item .metas .icon-favour.active>a>i{animation:rotate 2s;-moz-animation:rotate 2s;-webkit-animation:rotate 2s;-o-animation:rotate 2s}.es-bar{background-color:#fff;bottom:0;position:fixed;right:-230px;top:0;width:265px;z-index:888}.es-bar .go-top{filter:alpha(opacity=0);opacity:0;visibility:hidden}.es-bar .go-top,.es-bar .go-top.show{transition:all .3s ease}.es-bar .go-top.show{filter:alpha(opacity=100);opacity:1;visibility:visible}.es-bar-menu{background-color:#fff;bottom:0;box-shadow:-1px 0 2px 0 rgba(0,0,0,.1);left:0;position:absolute;top:0;width:35px}.common-line-height{line-height:1}.course-detail-section{padding:32px 0 32px 24px;position:relative}.course-detail-section .course-detail-top{padding-right:130px}.course-detail-section .course-detail-top .tags{float:left}.course-detail-section .course-detail-top .course-detail-heading{word-wrap:break-word;color:#313131;display:inline-block;font-size:24px;vertical-align:top;word-break:break-all}@media (max-width:991px){.course-detail-section .course-detail-top .course-detail-heading{max-width:100%}}.course-detail-section .course-detail-top .subtitle{max-width:50%;padding-top:5px}@media (max-width:991px){.course-detail-section .course-detail-top .subtitle{max-width:100%}}.course-detail-section .course-operation{list-style-type:none;padding-left:0;position:absolute}.course-detail-section .course-operation li{float:left;margin-right:10px}.course-detail-section .course-operation li>.btn{color:#919191;font-size:14px}.course-detail-section .course-operation--market{float:left;line-height:34px;position:static}.course-detail-section .course-operation--market .qrcode-popover{line-height:22px}.course-detail-section .course-operation--market .course-operation__icon{margin-right:6px;vertical-align:text-bottom}.course-detail-section .course-operation--normal{right:10px;top:20px}.course-detail-section .course-operation-btn{line-height:34px;margin-right:24px}.course-detail-section .course-detail-bottom .course-detail-img{float:left;position:relative;width:480px}.course-detail-section .course-detail-bottom .course-detail-img .tags{position:absolute;top:0}@media (max-width:991px){.course-detail-section .course-detail-bottom .course-detail-img{float:none;margin-bottom:20px;width:100%}.course-detail-section .course-detail-bottom .course-detail-img img{width:100%}}.course-detail-section .course-detail-bottom .course-detail-img .course-img-cover{background:#000;display:block;filter:alpha(opacity=40);height:100%;left:0;opacity:.4;position:absolute;top:0;transition:all .3s ease;width:100%}.course-detail-section .course-detail-bottom .course-detail-img .course-img-cover:hover{filter:alpha(opacity=70);opacity:.7;transition:all .3s ease}.course-detail-section .course-detail-bottom .course-detail-img .course-img-cover .es-icon{color:#fff;font-size:100px;left:50%;margin-left:-50px;margin-top:-50px;position:absolute;top:50%}.course-detail-info__title{color:#313131;font-size:18px;font-weight:500;line-height:24px;margin-bottom:14px;margin-right:56px}.task-list{list-style:none;margin-bottom:0;padding:0}.task-list .task-item{background-color:transparent;margin-bottom:10px;position:relative}.task-list .task-item.task-content .title{color:#616161}.task-list .task-item .title{word-wrap:break-word;display:block;padding:4px 12px;word-break:break-all}.task-list .task-item .left-menu{left:20px;position:absolute;top:14px}.task-list .task-item .right-menu{position:absolute;right:20px;top:12px}.task-list .task-item .btn-learn{margin-top:-6px}.task-list.task-list-hover .task-item.task-content:hover{background-color:#f3fee8}.task-list.task-chart{margin-right:-18px}.task-list.task-chart .task-item{background-color:#f8f8f8;border-right:20px solid #fff;float:left;margin-bottom:20px;width:33.2%}.task-list.task-chart .task-item.half{width:50%}.task-list.task-chart .task-item .title{color:#616161;padding:18px 80px 28px 45px}.task-list.task-chart .task-item .left-menu{top:20px}.task-list.task-chart .task-item .right-menu{top:18px}.task-list.task-chart .task-item .task-type-icon{color:#e9eaea;font-size:48px;margin-right:-5px;margin-top:-6px}.avatar-sm,.avatar-small{border-radius:50%;height:40px!important;width:40px!important}.avatar-sm.avatar-sm-square,.avatar-small.avatar-sm-square{border-radius:4px}.avatar-md{height:60px!important;width:60px!important}.avatar-square-md{border-radius:4px;height:60px;width:60px}.es-share{display:inline-block;position:relative}.es-share.top .dropdown-menu{bottom:100%;left:0;margin-bottom:10px;margin-left:-60px;top:auto}.es-share i[class*=es-icon]{transition:all .3s ease}.es-share.es-share-item .dropdown-menu{margin-left:-50px}.video-main{height:640px;overflow:hidden;position:relative}.video-main .video-title{color:#fff;position:absolute;text-align:center;top:190px;width:100%}.video-menu a{cursor:pointer}.video-main img{cursor:pointer;height:100%;width:100%}.side-video-list{padding:10px}.piece-body{height:343px;overflow-y:scroll}.video-thumb img{width:100%}.join-btn{font-size:20px;padding:10px 30px}.join-btn:hover{color:#333}.course-all .img{display:inline-block;max-height:153px;overflow:hidden}@media (max-width:768px){.video-main{height:230px}.video-main .video-title{top:30px}.video-main .video-title>div{width:100px!important}.video-main h1{font-size:18px}#videoFrame{height:228px}}.nav-tabs{border:none}.nav-tabs>li{position:relative}.nav-tabs>li .new{color:#e50110;padding-left:5px}.nav-tabs>li>a{color:#444;font-size:18px;padding:18px 20px}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{border:none;color:#e50110;font-size:18px}.nav-tabs>li.active>a:after,.nav-tabs>li.active>a:focus:after,.nav-tabs>li.active>a:hover:after{background:#e50110;bottom:-2px;color:#e50110;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:20px}.h5-course-all .course-all-list-wrap{margin-bottom:12px}.h5-course-all .course-all-list-wrap img{height:66px;margin-right:8px;width:118px}.h5-course-all .course-all-list-wrap .title{color:#4c4c4c;font-size:16px;margin-bottom:3px;max-width:230px}.h5-course-all .course-all-list-wrap .text-muted{max-width:230px}.h5-course-all .course-all-list-wrap:last-child{margin-bottom:0}.wrap{background:#fff}.wrap .menu-box{border-bottom:1px solid #eff3f7}.wrap .menu-box li{cursor:pointer;float:unset}.wrap .menu-box li a{float:left}.wrap .menu-box .sub-menu-box{height:0;left:0;overflow:hidden;right:0;width:100%;z-index:3}.wrap .menu-box .sub-menu-box .sub-menus{align-items:center;background:#f3f6f9;display:flex;height:60px;padding:0 20px;position:absolute;top:65px}.wrap .menu-box .sub-menu-box .sub-menus a{background:#fff;border:1px solid #0493ff;border-radius:15.5px;color:#0493ff;display:inline-block;font-size:12px;margin-right:30px;padding:4px 20px}.wrap .menu-box .sub-menu-box .sub-menus .second_active{background-image:linear-gradient(20deg,#52e2ff,#1b64ff);border:none;color:#fff;font-size:12px;padding:5px 20px}.wrap .second-menu .float-right{float:right}.wrap .second-menu .btn:focus,.wrap .second-menu .btn:hover{outline:none}.wrap .second-menu .second-active{background:#ffdcdf;color:#e50110;font-size:14px}.course-list{margin:0 -16px}.course-list .course-item{border:1px solid #e6f1fa;border-radius:10px;cursor:pointer;height:260px;margin:0 8px 16px;padding:0;width:calc(25% - 16px)}.course-list .course-item .course-a,.course-list .course-item img{display:inline-block;width:100%}.course-list .course-item img{border-radius:10px;height:154px;overflow:hidden}.course-list .course-item .course-type{background:rgba(10,41,99,.44);border-radius:2px;color:#fff;font-size:12px;left:6px;padding:3px 12px;position:absolute;top:125px}.course-list .course-item .info{padding:5px 10px 0}.course-list .course-item .info .title{color:#525252;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-list .course-item .info .published-at{color:#bcbcbc;font-size:12px;letter-spacing:.51px;margin-top:-3px}.course-list .course-item .info .desc{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.course-list .course-item .info .desc .price{color:#e50110;font-size:18px}.course-list .course-item .info .desc .freezone{color:#666}.course-list .course-item .info .desc .vip-price{color:#a69315}.course-list .course-item .info .desc .total-learn{color:#bcbcbc;font-size:12px;letter-spacing:.51px}.course-list .course-item .zhibo-desc{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;padding-left:10px}.course-list .course-item .zhibo-desc .published-at{color:#bcbcbc;font-size:12px;letter-spacing:.51px}.course-list .course-item .zhibo-desc .zhibo-btn{background-image:linear-gradient(-90deg,#ffdcdf,#e50110);border-radius:14px 0 0 14px;color:#fff;font-size:12px;padding:5px 24px}