﻿@charset "utf-8";
/* 以下实际使用若已初始化可删除 .lsm-sidebar height父级需逐级设置为100%*/
body,html{height: 100%;}
body,ul{margin:0;padding:0}
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{

}


.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{width: 260px;}
.lsm-expand-btn{}
.lsm-container { transition: all .3s;z-index: 100}

/*.lsm-container li>a.active{ background: #f1f1f1; color: #666; }*/


.lsm-sidebar a{display: block;overflow: hidden;padding-left: 20px;line-height: 40px;transition: all .3s;}
.lsm-container ul:first-child > li{
    margin-bottom: 10px;
}
.lsm-container ul:first-child > li> a{
    height: 72px;
    line-height:28px;
    display: flex;
    align-items: center;
    background: #fff;
    border:1px solid #dadada;
}
.lsm-container ul:first-child > li> a i:first-child{
    font-size: 40px;
}
.lsm-container ul:first-child > li> a i:last-child:after{
    content: '\e73d';
    font-family: 'iconfont';
    display: block;
    font-style: normal;
}

.lsm-container ul:first-child > li.lsm-sidebar-show> a i:last-child:after{
    content: '\e5b9';
    font-family: 'iconfont';
    display: block;
    font-style: normal;
}
.lsm-container ul:first-child > li> a i:last-child{
    margin-left: 40px;
    font-size: 24px;
}
.lsm-container ul:first-child > li> a, .lsm-container ul:first-child > li> a span{
   font-size: 23px;color:#a30f16 }
.lsm-sidebar a span{margin-left:10px;}
.lsm-sidebar .lsm-sidebar-item .lsm-sidebar-item >ul>li a span{margin-left: 60px;}
.lsm-sidebar .lsm-sidebar-item .lsm-sidebar-item >ul>li>ul>li a span{margin-left: 90px;}
.lsm-sidebar-item{position: relative;}
.lsm-sidebar-item>ul li a{
    padding-left: 40px;
    display: block;
}
.lsm-container ul:first-child > li.lsm-sidebar-show> a{
    background: #a30f16;
    color:#fff;
}
.lsm-container ul:first-child > li.lsm-sidebar-show> a span{
    color:#fff;
}
.lsm-sidebar-item.lsm-sidebar-show{border-bottom: none;}
.lsm-sidebar-item ul{display: none;background:#fff;}
.lsm-sidebar-item.lsm-sidebar-show ul{display: block;}
.lsm-sidebar-item ul a{
    color:#666;
    font-size: 16px;
    position: relative;
}
.lsm-sidebar-item>ul.sec-list>li>a:before{
    content: '';
    position: absolute;
    left:30px;
    top:50%;
    margin-top: -1px;
    width: 6px;
    height: 2px;
    background: #ddd;
}
.lsm-sidebar-item ul a i{
    font-size: 12px;
    position: absolute;
    right:20px;
    color:#999;
    top:0;
}
.lsm-sidebar-item.lsm-sidebar-show  .lsm-sidebar-item.lsm-sidebar-show  a i{
    transform:rotate(90deg);
}

.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:-1px;}
/* 此处修改导航图标 可自定义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: "\e601";font-family: iconfont}


.lsm-sidebar-show > a > i.my-icon.lsm-sidebar-more{transform:rotate(90deg);}
.lsm-sidebar-show,.lsm-sidebar-item>a:hover{color: #FFF;}
.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: #666; background: #fff;}
.lsm-mini-btn{height: 70px;width: 70px;}
.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 circle {fill: #fff3;opacity: 0;}
.lsm-mini-btn label {top: 0; right: 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: 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.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: #05161f;}
.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: 60px;
}
.lsm-popup.third{
    left: 243px;
}
.lsm-popup.third.lsm-sidebar > div > ul {
    display: block;
}
.lsm-popup div {
    border-radius: 5px;
}
.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 ;
}