body{font-family:'微软雅黑'}.top{width:100%;top:0;box-shadow:1px -2px 10px #000;position:absolute;z-index:99999}.nav{background:#272011;position:relative;height:440px}.nav .content{position:relative}.nav .bx-wrapper .bx-pager,.nav .bx-wrapper .bx-controls-auto{bottom:30px}.nav .bx-wrapper{height:100%!important;position:absolute;width:100%;right:0}.nav .bx-wrapper .bx-viewport{border:0;box-shadow:none;left:0}.nav .bx-viewport{height:440px!important}.nav .slider{position:absolute;width:100%;height:100%}.nav .slider li{position:relative;list-style-type:none;cursor:pointer;width:100%;height:100%;overflow:hidden}.nav .slider li div.img{position:absolute;background-repeat:no-repeat;background-position:center center;width:100%;min-height:100%}.nav .nav-bar{float:left;width:236px;height:440px;background:#343f4c;padding-top:12px}.nav .nav-bar .div-li{height:50px;cursor:pointer;position:relative;margin-top:1px;line-height:50px;padding-left:30px;color:#ccc}.nav .nav-bar .div-li .cur-name{font-size:16px}.nav .nav-bar .div-li .tag{float:right;margin-right:10px;max-width:6em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nav .nav-bar .div-li.active{background:#252d38;color:#fff}.nav .nav-bar .div-li.active::before{content:"";width:4px;height:100%;display:block;position:absolute;background:#ff8100;left:0}.nav .nav-bar .div-li:hover{background:#252d38;color:#fff}.nav .bar-list-content{background:#fff;height:440px;overflow-y:auto;position:absolute;left:236px;top:0;padding:30px 40px 30px 136px;width:calc(100% - 236px - 180px);z-index:999}.nav .bar-list-content .list-div{position:relative;padding-left:60px;margin-bottom:35px;line-height:2;min-height:28px}.nav .bar-list-content .list-div .title{font-weight:700;position:absolute;width:8em;max-height:4em;overflow:hidden;left:-78px}.nav .bar-list-content .list-div .title::after{content:"";position:absolute;left:123px;top:7px;width:1px;height:14px;background:#ddd}.nav .bar-list-content .list-div .bar-list{color:#666}.nav .bar-list-content .list-div .bar-list .li{display:inline-block;margin:0 1em}.nav .bar-list-content .list-div .bar-list .li:hover{color:#86217f;cursor:pointer}.nav .person-info{width:170px;height:400px;position:absolute;right:0;top:20px;line-height:24px;background:#fff;text-align:center;color:#666}.nav .person-info .person-img{width:64px;height:64px;margin:15px auto;border-radius:50%;position:relative;overflow:hidden}.nav .person-info .person-img img{width:100%;height:100%}.nav .person-info .welcome{height:48px;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav .person-info .btn{width:100px;margin:0 auto;height:35px;line-height:35px;color:#fff;text-align:center;cursor:pointer;border-radius:3px;background:#86217f}.nav .person-info .btn:hover{background:#830e7b}.nav .person-info .logout{line-height:2.5;color:#86217f;text-decoration:none}.nav .person-info .slider-bar{margin:20px 10px 0;padding-top:10px;border-top:1px solid #ddd;font-size:16px;line-height:50px}.nav .person-info .slider-bar .li{color:#000;text-indent:20px;cursor:pointer;background-repeat:no-repeat;background-position:15px center}.nav .person-info .slider-bar .li.icon_course{background-image:url(/static/img/icon_course.png)}.nav .person-info .slider-bar .li.icon_score{background-image:url(/static/img/icon_score.png)}.nav .person-info .slider-bar .li.icon_exp{background-image:url(/static/img/icon_exp.png)}.nav .person-info .slider-bar .li:hover{color:#86217f}.course-list-content .course-part{margin-top:50px}.course-list-content .course-part .course-part-title{font-size:24px;line-height:24px;margin:20px 0}.course-list-content .course-part .course-part-title .course-part-tag{display:inline-block;position:absolute;margin-left:1em;color:#ff8100;font-size:16px;border:1px solid #ff8100;padding:0 .3em;border-radius:3px}.course-list-content .course-part .course-part-title .more-course{float:right;font-size:14px;color:#86217f}.course-list-content .course-part .course-part-title .more-course:hover{color:#830e7b}.course-list-content .course-part .course-div{width:390px;height:270px;background:#fff;cursor:pointer;border-radius:3px;display:inline-block;position:relative;overflow:hidden;padding:10px;margin:0 15px 10px 0}.course-list-content .course-part .course-div .course-tag{height:30px;background:#ff8100;color:#fff;font-size:14px;text-align:center;padding:0 15px 0 10px;border-bottom-right-radius:20px;position:absolute;line-height:30px;left:0;top:0}.course-list-content .course-part .course-div .course-bg-content{overflow:hidden;width:100%;height:185px}.course-list-content .course-part .course-div .course-bg-content img.course-bg{transition:all .2s;width:100%;min-height:185px}.course-list-content .course-part .course-div .course-name{margin-top:10px;line-height:24px;color:#333}.course-list-content .course-part .course-div:nth-child(3n){margin-right:0}.course-list-content .course-part .course-div .state{float:right;color:#ff5100;font-size:12px;line-height:35px}.course-list-content .course-part .course-div .state.no-start{color:#adadad}.course-list-content .course-part .course-div:hover img.course-bg{width:105%;margin-top:-2.5%;margin-left:-2.5%}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.megrate{white-space:nowrap;font-size:20px;color:red;line-height:1.5}