#courseDetail{padding-top:60px}#courseDetail .box{width:1200px;margin:0 auto}#courseDetail .nav{padding:26px 0 16px}#courseDetail .right{width:390px}#courseDetail .head_top .shadow-box{background:rgba(0,0,0,.56);z-index:100}#courseDetail .head_top .shadow-box .gh_btn_primary{margin-top:46px;width:99px}#courseDetail .head_top .video{height:456px}#courseDetail .head_top .festival_list::-webkit-scrollbar{display:none}#courseDetail .head_top .festival_list{height:456px;overflow-y:auto;background:#131313;padding:0 18px 0 14px;scrollbar-width:none;-ms-overflow-style:none}#courseDetail .head_top .festival_list .festival_list_item{border-bottom:1px solid hsla(0,0%,88.2%,.19);padding:16px 8px 11px 8px;color:hsla(0,0%,88.2%,.68)}#courseDetail .head_top .festival_list .festival_list_active,#courseDetail .head_top .festival_list .festival_list_item:hover{color:hsla(0,0%,88.2%,.96)}#courseDetail .head_top .festival_list .tip{width:38px;height:16px;background:#7db3ff;border-radius:3px;margin-right:4px}#courseDetail .gh_btn{height:40px;line-height:40px}#courseDetail .head_title{padding:18px 0 15px;background:#232323}#courseDetail .head_title .left{padding:0 18px}#courseDetail .head_title .left .mesg_tip{color:hsla(0,0%,100%,.57)}#courseDetail .head_title .left .mesg_tip span{margin-right:46px}#courseDetail .head_title .left .mesg_tip span .iconfont{font-size:14px}#courseDetail .head_title .left .mesg_tip span .icon-share{font-size:16px}#courseDetail .head_title .left .mesg_tip span .icon-Clock{color:#68c865}#courseDetail .head_title .left .mesg_tip span .icon-user{color:#5295f3}#courseDetail .head_title .left .mesg_tip span:last-child{margin-right:0}#courseDetail .head_title .left .classification-box{color:hsla(0,0%,100%,.57);margin:12px 0}#courseDetail .head_title .right{width:200px;padding:0 22px 0 14px}#courseDetail .head_title .right .share_btn{width:60px;background:#1dbf38;border:1px solid #1dbf38}#courseDetail .head_title .right .share_btn:hover{background:#48cf5e}#courseDetail .head_title .right .text_content_btn{padding:0 10px;border:1px solid #5295f3;background:#5295f3}#courseDetail .head_title .right .text_content_btn:hover{background:#427cd0}#courseDetail .cont{right:289px;align-items:flex-start}#courseDetail .cont .left .tabbar_box{border-bottom:1px solid #f5f5f5;padding:0 22px}#courseDetail .cont .left .tabbar_box .tabbar_item{display:inline-block;margin-right:46px;padding:20px 0 16px}#courseDetail .cont .left .tabbar_box .active:before{content:"";position:absolute;left:calc(50% - 10px);bottom:0;width:20px;height:3px;background:#68a5ff;border-radius:2px}#courseDetail .cont .left .cont_item{display:none}#courseDetail .cont .left .isShow_item{display:block}#courseDetail .cont .left .desc{padding:23px 22px;word-break:break-all}#courseDetail .cont .left .desc img{width:100%}#courseDetail .cont .left .contents{padding:10px 12px}#courseDetail .cont .left .contents .chapter-box .chapter-title{line-height:42px;background:#f1f1ff;margin-bottom:19px}#courseDetail .cont .left .contents .chapter-box .chapter-child{padding:0 20px 14px 64px}#courseDetail .cont .left .contents .chapter-box .chapter-child .chapter-child-tip{color:#68a5ff}#courseDetail .cont .left .contents .chapter-box .chapter-child:last-child{margin-bottom:6px}#courseDetail .cont .left .contents .chapter-box .chapter-child:hover{color:#333}#courseDetail .cont .left .contents .chapter-box .play-icon{left:0;width:60px;line-height:21px;background:#68a5ff;border-radius:3px}#courseDetail .cont .right{width:280px}#courseDetail .cont .right .box-title{padding:18px 24px}#courseDetail .cont .right .box-title:before{content:"";display:inline-block;width:3px;height:15px;background:#299130;margin:2px 6px 0 0}#courseDetail .cont .right .skill-item{width:280px}