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

/* lsm-sidebar */
.left-side-menu,.lsm-popup.lsm-sidebar   ul li, .lsm-container.lsm-mini .lsm-sidebar>ul>li.lsm-sidebar-item>ul>li.lsm-sidebar-item>ul{
    background: #ffffff;
}

.left-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: 100%;width: 240px;}
.lsm-expand-btn{height: 65px;}
.lsm-container {height: calc(100% - 112px); transition: all .3s;z-index: 100}

.lsm-container li>a.active{color: #255EF0; background: #ECF1FF;position: relative}
.lsm-container li>a.active:before{content: "";position: absolute;left: 0px;width: 4px;height: 60px;background: #255EF0;opacity:1;transition: all .3s;display: block;}
.lsm-container li>a.active .lsm-sidebar-icon{color: #255EF0}

.lsm-sidebar a{display: block;overflow: hidden;padding-left: 20px;line-height: 50px;max-height: 50px;color: #333333;transition: all .3s; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.lsm-container ul:first-child > li> a, .lsm-container ul:first-child > li> a span{ line-height: 60px;max-height: 60px; }
.lsm-sidebar a span{margin-left: 20px;}
.lsm-sidebar .lsm-sidebar-item .lsm-sidebar-item >ul>li a span{margin-left: 20px;}
.lsm-sidebar-item{position: relative;}
.lsm-sidebar-item.lsm-sidebar-show{border-bottom: none;}
.lsm-sidebar-item ul{display: none;}
.lsm-sidebar-item ul li a{padding-left: 20px}
.lsm-sidebar-item ul li a i:first-child{display: none;}
.lsm-sidebar-item ul li ul li a{padding-left: 40px}
.lsm-sidebar-item.lsm-sidebar-show ul{display: block;}
/*.lsm-sidebar-item>a:before{content: "";position: absolute;left: 0px;width: 2px;height: 40px;background: #255EF0;opacity:0;transition: all .3s;}*/
.lsm-container ul:first-child>li.lsm-sidebar-item>a:before{height: 60px;}
.lsm-sidebar .lsm-sidebar-icon{font-size: 14px;position: absolute;margin-left:-1px;color: #999999}
/* 此处修改导航图标 可自定义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;color: #B7C5E8}

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


.lsm-sidebar-show > a > i.lsm-sidebar-more{transform:rotate(180deg);color: #255EF0}
.lsm-sidebar-show,.lsm-sidebar-item>a:hover{color: #255EF0;}
.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: #255EF0;}
.lsm-mini-btn{height: 48px;width: 100%;display: flex;align-items: center;background-color: #F5F7FA}
.new-header .new-logo .lsm-mini-btn span{font-size: 18px;font-weight: 400;cursor: pointer;margin-left: 20px;}
.lsm-mini-btn svg{margin: -10px 0 0 -10px;}
.lsm-mini-btn input[type="checkbox"]{display: none;}

.lsm-mini-btn path {
    fill: none;
    stroke: #333333;
    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 circle {fill: #fff3;opacity: 0;}
.lsm-mini-btn label {top: 0; right: 0;width: 100%;height: 100%;display: flex;align-items: center;}
.lsm-mini-btn label span{display: flex;width: 100%;height: 100%;align-items: center;padding-left: 20px;color: #255EF0;cursor: pointer;}
.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: 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{display: none;}
.left-side-menu.lsm-mini ul:first-child>li.link-item>a span{font-size: 0}
.left-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{
    display: none;
}
.transform { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.lsm-popup div{
    background: #feffff;
    border: 1px solid #eff1f5;
    border-radius: 3px;
    box-shadow: 0px 6px 30px 0px #eeeeee;
}
.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(0deg);
    color: #255EF0;
}

.lsm-popup div a:hover{background: #f5f7fa;}

.lsm-popup.second{
    left: 60px;
}
.lsm-popup.third{
    left: 243px;
}
.lsm-popup.third.lsm-sidebar > div > ul {
    display: block;
}
.lsm-popup div {
    min-width: 188px;
}
.lsm-popup .lsm-sidebar-icon{
    display: none;
}
.lsm-popup.lsm-sidebar a i{
    transform:rotate(270deg);
}
.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 ;
}