.news-course-detail{background-color:#f2f2f2}.news-course-detail .main{width:1200px;margin:0 auto}.news-course-detail .bread-crumb{box-sizing:border-box;padding-left:40px;line-height:55px}.news-course-detail .side-navbar{box-sizing:border-box;margin-left:18px;padding:0 18px;width:288px;background-color:#fff}.news-course-detail .side-navbar .title{border-bottom:1px solid #eee;line-height:57px;font-size:20px;color:#1c4b90}.news-course-detail .side-navbar .title i{font-size:25px;color:#1c4b90;vertical-align:text-bottom}.news-course-detail .side-navbar ul{padding:32px 0 28px}.news-course-detail .side-navbar ul li{margin-bottom:25px}.news-course-detail .side-navbar ul li i{display:inline-block;margin-right:11px;width:18px;line-height:18px;text-align:center}.news-course-detail .side-navbar ul li i.num-1,.news-course-detail .side-navbar ul li i.num-2,.news-course-detail .side-navbar ul li i.num-3{position:relative;margin-right:9px;width:18px;height:18px;z-index:10;background-color:#148eeb;color:#fff}.news-course-detail .side-navbar ul li i.num-1:after,.news-course-detail .side-navbar ul li i.num-2:after,.news-course-detail .side-navbar ul li i.num-3:after{content:" ";display:inline-block;position:absolute;z-index:-1;top:2px;left:2px;width:18px;height:18px;background-color:rgba(20,142,235,.45)}.news-course-detail .side-navbar ul li i.num-2{background-color:#f78515}.news-course-detail .side-navbar ul li i.num-2:after{background-color:rgba(247,133,21,.45)}.news-course-detail .side-navbar ul li i.num-3{background-color:#0fdb23}.news-course-detail .side-navbar ul li i.num-3:after{background-color:rgba(15,219,35,.45)}.news-course-detail .side-navbar ul li h5{font-size:16px;margin-bottom:10px}.news-course-detail .side-navbar ul li .recommend-avatar{margin-right:7px;width:22px;height:22px;background-color:#999;vertical-align:middle;border-radius:50%}.news-course-detail .side-navbar ul li .summary span{display:inline-block;color:#999}.news-course-detail .side-navbar ul li .summary span:last-child{text-align:right}.news-course-detail .course-detail-top{position:relative;margin-bottom:20px;border-bottom:20px solid #54a5d8;border-radius:8px;padding:40px 40px 30px;background-color:#fff}.news-course-detail .course-detail-top:after{content:"";display:block;position:absolute;bottom:-10px;left:0;z-index:999;border-bottom:13px solid #fff;border-radius:8px;width:100%;height:2px}.news-course-detail .course-detail-top img.cover{display:inline-block;width:272px;height:182px;background-color:#eef3f6}.news-course-detail .course-detail-top .course-basic-info{flex-grow:1;padding:0 50px}.news-course-detail .course-detail-top .course-basic-info h4{display:inline-block;font-weight:700}.news-course-detail .course-detail-top .course-basic-info h4+span{display:inline-block;margin-left:30px;margin-bottom:10px;border-radius:12px;padding:0 12px;line-height:24px;font-size:12px;color:#fff;background-color:#54a5d8}.news-course-detail .course-detail-top .course-basic-info p{margin-top:12px}.news-course-detail .course-detail-top .course-basic-info p .time{margin-right:10px;border-right:1px solid #999;padding-right:8px}.news-course-detail .course-detail-top .course-basic-info .teacher .avatar{margin-right:7px;width:22px;height:22px;background-color:#9f9f9f;border-radius:50%}.news-course-detail .course-detail-top .course-basic-info .teacher span{vertical-align:top}.news-course-detail .course-detail-top .course-basic-info .last-span{margin-top:75px}.news-course-detail .course-detail-top .course-basic-info .basic-info-right{align-items:flex-end;text-align:center}.news-course-detail .course-detail-top .course-basic-info .basic-info-right .eye{margin-left:22px}.news-course-detail .course-detail-top .course-lecturer{border-left:1px solid #ccc;padding:0 41px 0 76px}.news-course-detail .course-detail-top .course-lecturer h4{font-size:28px;color:#1c4b90}.news-course-detail .course-detail-top .course-lecturer button{letter-spacing:2px;margin-bottom:4px;border-radius:3px;width:136px;line-height:40px;font-size:12px;color:#fff;background-color:#1c4b90}.news-course-detail .course-detail-top .course-lecturer span:last-child{margin-bottom:-2px}.news-course-detail .course-detail-bottom{margin-bottom:300px;align-items:flex-start}.news-course-detail .course-detail-bottom .introduce-part{padding:0 24px;background-color:#fff;flex:1}.news-course-detail .course-detail-bottom .introduce-tabs{padding:23px 0 38px;border-bottom:1px solid #eee}.news-course-detail .course-detail-bottom .introduce-tabs li{margin-right:45px;padding:0 10px;font-size:24px;font-weight:500;color:#999;cursor:pointer;position:relative}.news-course-detail .course-detail-bottom .introduce-tabs li.active{color:#1c4b90}.news-course-detail .course-detail-bottom .introduce-tabs li.active:after{content:" ";position:absolute;left:50%;bottom:-16px;transform:translateX(-50%);width:45%;height:6px;background-color:#1c4b90}.news-course-detail .course-detail-bottom .course-teacher-introduce{background-color:#fff}.news-course-detail .course-detail-bottom .course-teacher-introduce h4{padding-left:15px;line-height:70px;color:#1c4b90}.news-course-detail .course-detail-bottom .course-teacher-introduce .box{padding:0 27px 0 15px;margin-bottom:50px}.news-course-detail .course-detail-bottom .course-teacher-introduce .box img{margin-right:35px;width:154px;height:192px;background-color:#eef3f6}.news-course-detail .course-detail-bottom .course-teacher-introduce .box .box-in{flex:1}.news-course-detail .course-detail-bottom .course-teacher-introduce .box h5{padding-top:20px;padding-bottom:16px}.news-course-detail .course-detail-bottom .course-teacher-introduce .box span{margin-left:17px;font-size:14px;color:#999}.news-course-detail .course-detail-bottom .course-directory ul{margin:20px 0 100px}.news-course-detail .course-detail-bottom .course-directory li{margin-bottom:2px;padding:0 40px;height:60px;background-color:#fff}.news-course-detail .course-detail-bottom .course-directory button{width:20px;height:20px;border-radius:50%;background-color:#1c4b90}.news-course-detail .course-detail-bottom .course-directory button:after{content:"";display:block;width:0;height:0;margin-left:8px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #fff}.news-course-detail .course-detail-bottom .course-introduce-content{margin-top:20px;margin-bottom:50px;padding:40px 45px 100px 40px;background-color:#fff}.news-course-detail .course-detail-bottom .course-introduce-content .course-content-list h4{display:inline-block;padding:0 17px;line-height:32px;font-size:14px;color:#fff;background-color:#54a5d8;position:relative}.news-course-detail .course-detail-bottom .course-introduce-content .course-content-list h4:after{content:" ";position:absolute;top:0;right:-16px;width:0;height:0;border-bottom:32px solid #8bcbf7;border-right:16px solid transparent}.news-course-detail .course-detail-bottom .course-introduce-content .course-content-list li{margin-bottom:40px}.news-course-detail .course-detail-bottom .course-introduce-content .course-content-list p{padding-top:22px;line-height:28px}.news-course-detail .course-detail-bottom .course-list{margin:47px 0 75px;max-width:845px}.news-course-detail .course-detail-bottom .course-list li{margin-bottom:22px;padding:0 33px 0 17px;border-radius:5px;background-color:rgba(20,142,235,.03)}.news-course-detail .course-detail-bottom .course-list h4{line-height:68px;font-size:16px;max-width:60%}.news-course-detail .course-detail-bottom .course-list button{margin-left:65px;border:1px solid #1c4b90;border-radius:3px;padding:0 45px;line-height:37px;color:#1c4b90;letter-spacing:2px}.news-course-detail .course-detail-bottom .course-list button:hover{background-color:#1c4b90;color:#fff}.news-course-detail .course-detail-bottom .course-list p{display:inline;margin-left:65px;border-radius:3px;padding:0 62px;line-height:37px;color:#1c4b90;letter-spacing:2px}.news-course-detail .course-detail-bottom .course-list .time{font-size:13px;color:#888}.news-course-detail .color-black{color:#333}.news-course-detail .color-grey{color:#999}.news-course-detail .color-basic{color:#1c4b90}.news-course-detail .nothing-box .nothing-wrap{margin:100px auto}.news-course-detail .nothing-box img{max-width:100%;vertical-align:middle}.news-course-detail .nothing-box p{text-align:center;margin-top:25px;font-size:16px;color:#999}