.lside{left:0px;top:64px;width:280px;bottom:0;z-index:9;position:fixed;overflow-y:auto;background:#fff;padding:20px;border-right:1px solid #F1EDF7}
.lside::-webkit-scrollbar {width: 3px;}
.lside:hover::-webkit-scrollbar-thumb {background:#E1DCE6;border-radius:5px;}

.mside{margin-left:280px;padding-top:20px;overflow: hidden;margin-right:40px}
.rside{margin-left:30px;margin-right:-40px}

.knowledge .rpost h1 {font-size:18px;display: inline-block;margin-bottom: 10px;font-weight:600}
.knowledge-list ul li{display: block;position:relative;}
.knowledge-list ul li.nav-head{border-bottom: 1px solid #393939;color:#878787;height: 48px;line-height: 48px;margin-bottom: 20px;text-indent: 15px}
.knowledge-list ul li em{float: right;color:#ccc}
.knowledge-list ul li span{background: #F7F3FF;position:absolute;display: inline-block;width:24px;height:24px;line-height:24px;margin-right: 10px}
.knowledge-list ul li a{display: inline-block;padding-left: 40px;}
.knowledge-list ul li a:hover{color:#8076E6}
.knowledge-list ul li ul{padding:0;}
.knowledge-list ul li {display: block;line-height:26px;margin:20px 0;}

/*课程列表*/
.knowledge-nav .nav-list ul li{display: block;position:relative;}
.knowledge-nav .nav-list ul li.nav-head{border-bottom: 1px solid #393939;color:#878787;height: 48px;line-height:48px;margin-bottom:10px;text-indent: 15px}

.knowledge-nav .nav-list ul li{margin-bottom:10px}
.knowledge-nav .nav-list ul li em{float: right;color:#ccc}
.knowledge-nav .nav-list ul li span{background: #F7F3FF;position:absolute;display: inline-block;width:24px;height:24px;line-height:24px;}

.knowledge-nav .nav-list ul li ul{padding:0;}
.knowledge-nav .nav-list ul li {display: block;line-height:24px;margin:15px 0;}
.knowledge-nav .nav-list ul li a{display: inline-block;padding-left: 35px;}
/*.knowledge-nav .nav-list ul li ul li a:before {content:'';position:absolute;left:0;background:#878787;width:5px;height:5px;top:16px;border-radius:50%}
.knowledge-nav .nav-list ul li ul li a.active:before {content:'';position:absolute;left:0;background:#FFEA00;width:5px;height:5px;top:16px;border-radius:50%}
.knowledge-nav .nav-list ul li ul li:hover a:before {content:'';position:absolute;left:0;background:#FFEA00;width:5px;height:5px;top:16px;border-radius:50%}
*/
.knowledge-nav .nav-list ul li a:hover,.knowledge-nav .nav-list ul li.active a{color: #8076E6;position:relative;}
/*.knowledge-nav .nav-list ul li a.active i{color:#FFE300;}*/
/*.knowledge-nav .nav-list ul li a.active:before{content:'';position:absolute;bottom:10px;left:18px;background:#FFEA00;width:80px;height:9px;z-index: -1}*/

/*.knowledge-nav .nav-list ul li a:hover*/{color:#FFEA00;}
/*float:left;width:50%;*/
.knowledge-detail .tab-head {border-bottom:1px solid #eee;border-radius:0;font-size:0;-webkit-text-size-adjust:none;padding-left:0px;}
.knowledge-detail .tab .tab-nav li {display:inline-block;margin:0 0 0 20px}
/* .knowledge-detail .tab .tab-nav li:last-child {margin-right:0px} */
.knowledge-detail .tab .tab-nav li a {color:#333;padding:15px 0;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;display:block;line-height:20px;font-weight:600;border-radius:0;font-size:16px;text-align:center;}
.knowledge-detail .tab .tab-nav .active {border-radius:0px;}
.knowledge-detail .tab .tab-nav .active a {margin-bottom:-1px;cursor:default;color:#8076E6;border-bottom:3px solid #8076E6;font-weight:600}
.knowledge-detail .tab .tab-nav li a,.knowledge-detail .tab .tab-nav .active a:focus {outline:none;}
.knowledge-detail .tab .tab-body {border-radius:0;border-top:solid 0px #ddd;padding:20px 0}

.knowledge-title strong{line-height:64px;}

/* 手机开始 */
@media screen and (max-width:768px){

.lside{top:0;left:0;bottom:none;width:auto;height:auto;position:relative;background:transparent;overflow-y:visible;margin-top:0;z-index:3;padding:10px}
.mside{margin:0;padding:0px;}

.knowledge-detail .tab-head {padding-left:15px;}
.knowledge-detail .tab .tab-nav li {width:30%;}
.knowledge-detail .tab .tab-nav li a {padding:15px 0;}

/*左栏分类*/
.knowledge-nav{margin:0}
.knowledge-nav .nav-list{border-radius:10px;box-shadow:0 15px 36px -12px rgba(0,0,0,.09);padding:10px 20px;z-index:9;background: #fff}
.knowledge-nav .nav-list:after{position: absolute;top: -12px;left:24px;display:inline-block;border-right:12px solid transparent;border-bottom:12px solid #fff;border-left:12px solid transparent;content: ''; }
.knowledge-nav .nav-list ul li.nav-head{padding: 0;}
.knowledge-nav .nav-list ul li{border-bottom:0px solid #f8f8f8;padding:0;}
.knowledge-nav .nav-list ul li a{height: 32px;line-height: 32px;}
/*.knowledge-nav .nav-list ul li ul li{width:33%;float:left;}*/
.knowledge-nav .button{padding:0;width:100%;color:#666;height:40px;line-height:40px;z-index: 999;text-align:left;overflow:hidden}

.knowledge-nav .button.border-white:hover,.knowledge-nav .button.border-white:focus,.knowledge-nav .button.bg-white:hover,.knowledge-nav .button.bg-white:focus{color: #393939;border-color: #FFF;background:#fff}
.knowledge-title strong{line-height:60px}
}