@charset "utf-8";
/* 以下实际使用若已初始化可删除 .lsm-sidebar height父级需逐级设置为100%*/
/*body,html{height: 100%;background: #E2E2E2}
body,ul{margin:0;padding:0}*/
/*body{font:14px "微软雅黑","宋体","Arial Narrow",HELVETICA;-webkit-text-size-adjust:100%;}*/
/*li{list-style:none}*/
a{text-decoration:none;}
/* 以上实际使用若已初始化可删除 */

/* body-sidebar lsm-sidebar */
.container_side_menu {background: #1b223f;z-index: 100;width: 220px;position: fixed;top: 0;left: 0;bottom: 0;}
.container_side_menu .lsm-popup.lsm-sidebar ul li, .container_side_menu .lsm-container.lsm-mini .lsm-sidebar>ul>li.lsm-sidebar-item>ul>li.lsm-sidebar-item>ul{
    background: #3e4760;
}
.container_side_menu .lsm-expand-btn {height:60px;}
.container_side_menu .lsm-mini-btn {height:60px;line-height:60px;padding-left:0;text-align:center;border-bottom:2px solid #161b39;position:relative;}
.container_side_menu .lsm-mini-btn label {display: block;position:absolute;right: -40px;top: 17px;line-height: normal;}
.container_side_menu .lsm-mini-btn .iconfont {display:inline-block;font-size: 24px;color: #666;position:relative;right:auto;top: auto;}
.container_side_menu .lsm-mini-btn .iconfont:hover {color: #5B6984;}
.container_side_menu.lsm-mini .lsm-mini-btn .iconfont {transform:rotate(180deg);-ms-transform:rotate(180deg); 	/* IE 9 */-moz-transform:rotate(180deg); 	/* Firefox */-webkit-transform:rotate(180deg); /* Safari 和 Chrome */-o-transform:rotate(180deg); 	/* Opera */}
.container_side_menu .lsm-container {height: calc(100% - 60px);}
.container_side_menu .lsm-container .lsm-scroll {height: 100%;overflow-x:hidden;overflow-y:auto;}
.container_side_menu .lsm-container ul:first-child > li {position:relative;}
.container_side_menu .lsm-sidebar .lsm-sidebar-icon {top:17px;}
.container_side_menu .lsm-sidebar a {color:#babdc6;}
.container_side_menu .lsm-sidebar a:hover {color:#fff;text-decoration: none;background:none;}
.container_side_menu .lsm-sidebar-item ul {background:#131734;}
.container_side_menu .lsm-sidebar-item > ul > li > a {font-size:12px;}
.container_side_menu .lsm-sidebar-item .lsm-sidebar-item > ul > li > a {font-size:12px;}
.container_side_menu .lsm-sidebar-item.lsm-sidebar-show ul {display:block;}
.container_side_menu .lsm-sidebar-item.lsm-sidebar-show > a {color:#fff;}
.container_side_menu .lsm-sidebar-item>a:before {background:none;}
.container_side_menu .lsm-container ul:first-child > li> a, .lsm-container ul:first-child > li> a span {line-height: 50px;max-height: 50px;}
.lsm-container ul:first-child > li> a span.device_num {margin-left:0;}
.container_side_menu .lsm-container a.active{height: 40px;line-height: 40px;margin:5px 10px;padding-left:10px;border-radius:4px;background-color:#3685fc;background-image: linear-gradient(to bottom, #3d8afe , #0365fc);}
.container_side_menu .lsm-container .lsm-popup a.active:hover {height: 40px;line-height: 40px;margin:5px 10px;padding-left:10px;border-radius:4px;background-color:#3685fc;background-image: linear-gradient(to bottom, #3d8afe , #0365fc);}
.container_side_menu.lsm-mini .lsm-container {width:60px;}
.container_side_menu.lsm-mini .lsm-container .lsm-scroll {overflow-y:hidden;}
.container_side_menu.lsm-mini .lsm-popup.second {left:60px;}
.container_side_menu.lsm-mini .lsm-popup div {border-radius:4px;}
.container_side_menu.lsm-mini .lsm-popup div > a:hover {color:#babdc6;cursor:default;}
.container_side_menu.lsm-mini .lsm-popup.lsm-sidebar ul {width:150px;}
.container_side_menu.lsm-mini .lsm-popup.lsm-sidebar ul li {width:150px;}
.container_side_menu.lsm-mini .lsm-popup.lsm-sidebar ul li a {font-size: 12px;}
.container_side_menu.lsm-mini .lsm-popup.third {border: 4px solid rgba(60, 71, 76, 0);left:214px;}
.container_side_menu.lsm-mini .lsm-container ul:first-child > li > a{padding-left: 10px;}
.container_side_menu.lsm-mini .lsm-sidebar-item-only a.active .lsm-sidebar-icon.icon-home{margin-left: 2px;}
/*topo-sidebar lsm-sidebar */
.left-side-menu, .left-side-menu .lsm-popup.lsm-sidebar ul li, .left-side-menu .lsm-container.lsm-mini .lsm-sidebar>ul>li.lsm-sidebar-item>ul>li.lsm-sidebar-item>ul{
    /*background: #3e4760;*/
    background: #f1f2f5;
}

.left-side-menu,.container_side_menu {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none; }
.left-side-menu{/*height: calc(100% - 80px);*/width: 200px;position: absolute;z-index: 1;top: 1px;left: 1px;bottom: 0;border-right:1px solid #ced4db;}
.lsm-expand-btn{height: 40px;}
.lsm-container {height: calc(100% - 40px); transition: all .3s;z-index: 100}

.lsm-container li>a.active{ background: #c55b03; color: #fff; }


.lsm-sidebar a{display: block;overflow: hidden;padding-left: 20px;line-height: 40px;max-height: 40px;color: #666;transition: all .3s;text-decoration:none;}
.lsm-sidebar a:hover {text-decoration: none;}
.lsm-container ul:first-child > li> a, .lsm-container ul:first-child > li> a span{ line-height: 55px;max-height: 55px; }
.lsm-sidebar a span{margin-left: 46px;}
.lsm-sidebar .lsm-sidebar-item .lsm-sidebar-item >ul>li a span{margin-left: 60px;}
.lsm-sidebar-item{position: relative;}
.lsm-sidebar-item.lsm-sidebar-show{border-bottom: none;}
.lsm-sidebar-item.active:not(.lsm-sidebar-show){border: #3685fc; background-image: linear-gradient(to bottom, #3d8afe , #0365fc);color: #000}
.lsm-sidebar-item.active > a{color: #fff}

.left-side-menu .lsm-sidebar-item.lsm-sidebar-show > a{background:#E4E7EB;}
.lsm-sidebar-item ul{display: none;background: #F1F2F5;}
.lsm-sidebar-item.lsm-sidebar-show ul{display: block;}
.lsm-sidebar-item>a:before{content: "";position: absolute;left: 0px;width: 2px;height: 40px;background: none;opacity:0;transition: all .3s;}
.lsm-container ul:first-child>li.lsm-sidebar-item>a:before{height: 55px;}
.lsm-sidebar .lsm-sidebar-icon{font-size: 20px;position: absolute;margin-left:10px;}
/* 此处修改导航图标 可自定义iconfont 替换*/
.icon_1::after{content: "\e62b";}
.icon_2::after{content: "\e669";}
.icon_3::after{content: "\e61d";}
.icon_3::after{content: "\e698";}

.lsm-sidebar-more{float:right;margin-right: 20px;font-size: 12px;transition: transform .3s;}

/* 导航右侧箭头 换用其他字体需要替换*/
.lsm-sidebar-more::after{content: "\e621";}


.lsm-sidebar-show > a > i.my-icon.lsm-sidebar-more{transform:rotate(90deg);}
/*.lsm-sidebar-show,*/.lsm-sidebar-item>a:hover{color: #666;background: #e4e7eb;}
/*.lsm-sidebar-show>a:before,*/.lsm-sidebar-item>a:hover:before{opacity:1;}
.lsm-sidebar-item li>a:hover,.lsm-popup>div>ul>li>a:hover{color: #077dbd; background: #6e809c;}
.lsm-mini-btn{height: 40px;line-height:40px;padding-left:26px;white-space: nowrap;}
.lsm-mini-btn svg{margin: -10px 0 0 -10px;}
.lsm-mini-btn input[type="checkbox"]{display: none;}

.lsm-mini-btn path {
    fill: none;
    stroke: #ffffff;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    --length: 24;
    --offset: -38;
    stroke-dasharray: var(--length) var(--total-length);
    stroke-dashoffset: var(--offset);
    transition: all .8s cubic-bezier(.645, .045, .355, 1);
}
.lsm-mini-btn .iconfont{font-size:21px;position:absolute;right:26px;top:9px;cursor:pointer;opacity:0.8;filter:alpha(opacity=80);color:#76839b;}
.left-side-menu .lsm-mini-btn .iconfont{right:19px;}
.left-side-menu.lsm-mini .lsm-mini-btn .iconfont{/* IE 9 */-moz-transform:rotate(180deg); 	/* Firefox */-webkit-transform:rotate(180deg); /* Safari 和 Chrome */-o-transform:rotate(180deg); 	/* Opera */}
.lsm-mini-btn .iconfont:hover{opacity:1;filter:alpha(opacity=100);}
.lsm-mini-btn circle {fill: #fff3;opacity: 0;}
.lsm-mini-btn label {top: 0; right: 0;color:#333;margin:0;}
.lsm-mini-btn label:hover circle {opacity: 1;}
.lsm-mini-btn input:checked+svg .line--1, .lsm-mini-btn input:checked+svg .line--3 {--length: 8.602325267;}
.lsm-mini-btn .line--1, .lsm-mini-btn .line--3 {--total-length: 126.38166809082031;}
.lsm-mini-btn .line--2 {--total-length: 80;}
.lsm-mini-btn input:checked+svg .line--1, .lsm-mini-btn input:checked+svg .line--3 {--offset: -109.1770175568;}

.lsm-mini .lsm-container, .lsm-mini .lsm-container{width: 76px;}
.left-side-menu.lsm-mini .lsm-container, .lsm-mini .lsm-container{width: 60px;}
.lsm-container.lsm-mini .lsm-sidebar .lsm-sidebar-icon{/* margin-left:-2px; */}
.left-side-menu.lsm-mini ul:first-child>li.lsm-sidebar-item>a span, .container_side_menu.lsm-mini ul:first-child>li.lsm-sidebar-item>a span{display: none;}
.left-side-menu.lsm-mini ul:first-child>li.lsm-sidebar-item>a> i.lsm-sidebar-more, .container_side_menu.lsm-mini ul:first-child>li.lsm-sidebar-item>a> i.lsm-sidebar-more{margin-right: -20px;}

.lsm-container.lsm-mini .lsm-sidebar>ul>li.lsm-sidebar-item>ul>li.lsm-sidebar-item>ul{
    display:none;
    position: absolute;top:0px;left:180px;width: 180px;z-index: 99;
    bottom: 0px;
    top: 0px;
    overflow: hidden;
}
.left-side-menu.lsm-mini ul:first-child > li > ul, .container_side_menu.lsm-mini ul:first-child > li > ul{
    display: none;
}
.transform { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.lsm-popup div{background: #384056;}
.left-side-menu .lsm-popup div {background:#f1f2f5;}
.lsm-popup{
    display: block;
    position: absolute;
    /*border: 3px solid rgba(60, 71, 76, 0);*/
}

.lsm-popup > div > a > i.my-icon.lsm-sidebar-more{
    transform:rotate(90deg);
}

.lsm-popup.second{
    left: 76px;
    padding-left:4px;
}
.left-side-menu .lsm-popup.second{
    left: 60px;
}
.lsm-popup.third{
    left: 243px;
}
.lsm-popup.third.lsm-sidebar > div > ul {
    display: block;
}
.lsm-popup div {
    border-radius:0;
}
.lsm-popup .lsm-sidebar-icon{
    display: none;
}
.lsm-popup.lsm-sidebar a span{
    margin-left: 0px;
}
.lsm-popup.lsm-sidebar > div > ul > li.lsm-sidebar-item>ul{position: absolute;top:0px;left:180px;width: 180px;z-index: 99;}

.lsm-popup.lsm-sidebar   ul {
    width: 180px;
}
.lsm-popup.lsm-sidebar   ul li{
    width: 180px;
}
.lsm-popup.lsm-sidebar ul li:last-child, .lsm-popup>div>ul>li:last-child>a{
    border-radius: 0 0 5px 5px ;
}

.container_side_menu .lsm-sidebar-item .lsm-sidebar a.active .lsm-sidebar-icon {bottom: 8px;}
.container_side_menu .lsm-sidebar-item .lsm-sidebar a.active span {position: absolute;top: -7px;}
.container_side_menu .lsm-sidebar-item .lsm-sidebar a.active .lsm-sidebar-more {
    bottom: -6px;
    position: absolute;
    right: 0px;
}