.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: 215px;background:#fff;height: auto;left:0px;top:0;bottom:0;border-radius:0 10px 10px 0;overflow-y:auto;position: fixed;transition: all .3s ease;transform: translateX(-100%);border-right:1px solid #F5F0FC}
/*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:#999;}
.leftside .sidelogo img{height:30px;margin:15px 0 10px 0;}
.leftside hr{background:#F5F0FC;margin:10px 0 15px 0}
/*滚动条
.leftside::-webkit-scrollbar {width: 5px;}
.leftside:hover::-webkit-scrollbar-thumb {background: #292936;}
*/
.leftnav ul{list-style:none}
.leftnav ul li a{color:#333;margin:3px 0;padding:0 20px;line-height:36px;display:block;position:relative;}
.leftnav ul li a i{margin-right:15px;}
.leftnav ul li a i img{width:24px;height:24px;display: inline-block; vertical-align: middle;}
.leftnav ul li a:hover,.leftnav ul li a.active{background: #F9F7FC;border-radius: 10px;}
.leftnav ul li a em {right: 26px;top:2px;position: absolute;background: -webkit-linear-gradient(45deg, #4250FF, #ff00e0);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}

/*菜单*/
.navbox{overflow-y:auto;overflow-x: hidden; position:absolute;top:70px;left:10px;right:20px;bottom:300px}
/* ========== WebKit/Blink（Chrome/Edge/Safari） ========== */
/* 默认：滚动条宽度设定，但 thumb 透明（不可见） */
.navbox::-webkit-scrollbar { width: 5px; }
.navbox::-webkit-scrollbar-track { background: transparent; border-radius:5px; }
.navbox::-webkit-scrollbar-thumb {
background: rgba(0,0,0,0); /* 隐藏 */
border-radius: 5px;
transition: background-color 160ms ease, transform 160ms ease;
}

/* 鼠标悬停时显示 thumb */
.navbox:hover::-webkit-scrollbar-thumb {
background: rgba(14,47,171,0.1);
transform: translateZ(0);
}
/* 拖动或 active 时更明显 */
.navbox:active::-webkit-scrollbar-thumb,
.navbox::-webkit-scrollbar-thumb:active {
background: rgba(14,47,171,0.2);
}


/* ========== Firefox（有限） ========== */
/* 默认尽量让其不可见（thin + transparent） */
.navbox { scrollbar-width: thin; scrollbar-color: rgba(0,0,0,0) transparent; }
/* hover 时改变颜色（Firefox 支持 scrollbar-color 但不能单独针对 :hover 的伪元素，在这里针对元素本身） */
.navbox:hover { scrollbar-color: rgba(14,47,171,0.1) transparent; }

/* ========== 移动端 / 触控设备 调整（通常不显示自定义滚动条） ========== */
@media (hover: none), (pointer: coarse) {
.navbox::-webkit-scrollbar { width: 5px; }
.navbox::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.12); }
.navbox { scrollbar-width: auto; scrollbar-color: rgba(0,0,0,0.12) transparent; }
}
  
.navbox h3{display:block;margin-bottom:10px;margin-left:20px;color:#999}

.subnavbox ul {display:none;padding:1px 0;list-style:none}
.subnavbox .active{display: block;}
.subnavbox ul li a{display:block;line-height:36px;color:#333;padding:0 0 0 60px;}

.subonenav{display: block;color:#333;position:relative;cursor:pointer;margin:3px 0;}
.subonenav .nolink{display: block;line-height:38px;padding:0 20px;}
.subonenav a{display: block;line-height:38px;padding:0 20px;}
/*.subonenav a i{margin-right: 10px;display: inline-block;}*/
.subonenav:hover,.subonenav a:hover,.subonenav a.active,.subonenav.activedd .icon,.subonenav.activedd{background: #F9F7FC;border-radius: 10px;color:#4250FF}
.subnavbox ul li a.active,.subnavbox ul li a:hover{background: #fff;color: #4250FF;}
.subonenav .icon{margin-right:15px;width:24px;}
.subonenav .icon img{width:24px;height:24px;display: inline-block; vertical-align: middle;padding:1px}
.subonenav .down{top:16px;right: 20px;transition: transform .3s;position: absolute;display:inline-block;width:12px;height:7px;background-image:url(../images/arrow.png);background-repeat:no-repeat;}
.subonenav.activedd .down {transform: rotate(180deg);}

.leftbot{position:absolute;left:20px;right:20px;bottom:25px;background:#fff;}

/* 左栏 end */

/* 主区域 begin---------------------------------------- */
.rightside{margin-left:216px;overflow: hidden;min-height: calc(100vh - 0px);transition: all .3s ease;}
.rightside.leftside-none{margin-left:0}
.menu-backdrop.in{margin-left:216px;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---------------------------------------- */

.headbar .toggle .menu-toggle{display:block;height:64px;}

@media screen and (max-width:1300px){
.leftside{width: 200px;}
.rightside{margin-left:201px;}	
.leftnav ul li a em {right:18px;}
.leftnav ul li a i{margin-right: 15px;}
.navbox{bottom:280px;}
.subonenav{margin:2px 0;}
.subonenav .down{top:15px;right: 10px;}
.subonenav .icon{margin-right: 15px;}
.subonenav .nolink{line-height:36px;}
.subonenav a{line-height:36px;}
.subnavbox ul li a{padding:0 0 0 60px;}
.leftnav ul li a{margin:2px 0;}
}

@media screen and (max-width:768px){

.headbar .toggle .menu-toggle{height:60px;}
.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:215px;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;}
.menu-backdrop.in,.m-menu-close{display:block;}
.m-menu-close .menu-toggle i{cursor:pointer;}
.leftbot{display:none}
.navbox{top:60px;bottom:10px}
/* 左栏 end */
}