.left-wrap{position:relative;float:left;height:100%;width:10%;background:#212222;}
.left-nav-ul{width:100%;margin-top:30px}
.left-nav-li{position:relative;width:90%;margin:10px 0 0 3%;height:40px;display:flex;justify-content:center;align-items:center}
.left-nav-li-l{width:40%;display:flex;justify-content:flex-end}
.left-nav-li-r{width:60%;display:flex;justify-content:flex-start}
.left-nav-li-l img{width:15px}
.left-nav-li-r span{margin-left:10px;font-size:16px;color:#888787}
.act{background:#3c1d1d;border-radius:10px}
.act span{color:#cd2524}
.left-nav-li-line{position:absolute;right:-7.8%;width:4px;height:40px;background:#dd2726;border-radius:2px}
.left-nav-li .left-nav-li-line{display:none}
.act .left-nav-li-line{display:block}
.left-foot-wrap{position:absolute;bottom:20px;width:95%;margin-left:2.5%;border-top:1px dashed #888787}
.left-foot-mt,.left-foot-js{width:90%;margin:15px 0 0 8%;display:flex;color:#fff;font-size:12px}
.left-foot-mt-l{width:65%;text-align:left}
.left-foot-mt-r{width:35%;text-align:left}
.left-foot-js{display:flex;justify-content:space-between;margin-top:15px}
.left-foot-js-wrap .left-foot-js:nth-child(1){margin-top:20px}
.left-foot-js a{text-decoration: none;}
.left-foot-js span,.left-foot-js a{color:#888787;}
.left-wrap-yc{width:5%}
.left-wrap-yc .left-nav-ul{display:flex; flex-direction: column}
.left-wrap-yc .left-nav-li{margin-left:0;flex-wrap:wrap;padding:5px 0;width:auto;align-self:auto}
.left-wrap-yc .left-nav-li-l,.left-wrap-yc .left-nav-li-r{width:100%;justify-content:center}
.left-wrap-yc .left-nav-li-r span{margin:5px 0 0 0}
.left-wrap-yc .left-nav-li-line,.left-wrap-yc .left-foot-wrap{display:none}