.m-menu-close{display: none;}
.m-menu-close .menu-toggle i{font-size:24px;line-height:64px;cursor:pointer;display: inline-block;}
.iconRotate{transform: rotate(90deg); transition: transform 0.3s;}
/* leftside begin---------------------------------------- */
.leftside{width: 270px;background:#F4F4EF;height: auto;left:0px;top:0;bottom:0;border-radius:0;overflow-y:auto;position: fixed;transition: all .3s ease;transform: translateX(-100%);}
/*box-shadow: 0 0 1px 0 rgba(0,0,0,0.1); .leftside button{border:0;background:#FFF;padding:5px 0} */
.leftside.menu-open{transform: translateX(0px);transition: 0.3s transform;}
.leftside .menu-toggle i{font-size:24px;right:25px;top:-5px;z-index:999;position:absolute;}
.leftside h2{display: block;padding-left:30px;line-height:30px;margin:10px 0;color:#9295A4;}
.leftside .sidelogo img{height:36px;margin:20px 0;}
.leftside hr{background:#F5F0FC;margin:10px 0 15px 0}
/*滚动条
.leftside::-webkit-scrollbar {width: 5px;}
.leftside:hover::-webkit-scrollbar-thumb {background: #292936;}
*/
.navbox{overflow-y:auto;position:absolute;top:80px;left:0;right:0;bottom:80px;padding:0 20px}
.navbox::-webkit-scrollbar {width: 3px;}
.navbox:hover::-webkit-scrollbar-thumb {background:#E1DCE6;border-radius:5px;}
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}

/*课程列表*/
.nav-list ul li.nav-head{border-bottom: 1px solid #393939;color:#878787;height: 48px;line-height:48px;margin-bottom:10px;text-indent: 15px}
.nav-list ul li {display: block;position:relative;line-height:24px;margin:15px 0;}
.nav-list ul li span{background: #F7F3FF;position:absolute;display: inline-block;width:20px;height:20px;line-height:20px;top:2px}
.nav-list ul li a{display: inline-block;padding-left: 30px;}
.nav-list ul li a:hover,.nav-list ul li.active a{color:#5856EA}

.leftbot{position:absolute;left:20px;right:20px;bottom:25px;}
/* 左栏 end */

/* 主区域 begin---------------------------------------- */
.topmask{height:22px;margin-left:270px;position: fixed;left:0;right:10px;top:0px;z-index:1}
.topmask .topbd{border-radius:12px 12px 0 0;height:12px;line-height:12px;margin-top:10px;border:1px solid #eee;border-bottom:0;}

.rightside{margin-left:270px;margin-right:10px;margin-bottom:10px;overflow: hidden;min-height: calc(100vh - 0px);transition: all .3s ease;border:1px solid #E2E4EF;border-top:0;border-bottom:0;border-radius:12px;}

.rightside.leftside-none{margin-left:0}
.menu-backdrop.in{margin-left:270px;height: 100%;z-index:3;background: #000;opacity:0.3;transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; position: fixed; top: 0px; left: 0; right: 0; bottom:0;overflow: hidden;display:none;}
/* 主区域 end---------------------------------------- */


@media screen and (max-width:768px){
.headbar{z-index:2;position: fixed;background:#fff;width:100%;box-shadow:0 1px 0 3px rgba(0,0,0,.1)}
.headbar .toggle .menu-toggle{height:60px;display:block;}
.headbar .toggle .menu-toggle i{font-size:24px;cursor:pointer;line-height:60px;margin-right:20px}
/* 左栏 begin */
.leftside .nav-return{line-height:50px;height:50px;}
.leftside .nav-return h3 {padding:0 0 0 25px;font-size:16px;font-weight:400}
.leftside{width:270px;top:0;left:0;bottom:0;transform: translateX(0px);z-index:9999;box-shadow:none;border-radius:0;border:0}
.leftside.menu-open{ transform: translateX(-100%);}
.rightside{margin-left:0;margin-right:0}
.menu-backdrop.in,.m-menu-close{display:block;}
.m-menu-close .menu-toggle i{cursor:pointer;}
.leftbot{display:none}
.navbox{top:60px;bottom:10px}
.top-title h1{font-size:32px}
/* 左栏 end */
}