/* 文档中心 */
.fileCen .box {display: flex;  width: 100%;display: flex;flex-wrap: wrap; position: relative; align-items: flex-start;}
.fileCen .le {width: 18%; padding: .7rem; padding-right: .1rem;box-sizing: border-box; height: calc(100vh - 0px);background: rgb(232, 234, 239); position: sticky;left: 0px; top: 0px;  z-index: 2;color: black;}
.fileCen .re {width: calc(100% - 18%); display: flex; justify-content: space-between; align-items: flex-start;}

/* 左侧三级导航 */
.fileCen .le .tit h2 {color: #282828; font-size: var(--font30); font-weight: 700; margin-left: .12rem;}

.navbox {margin-top: .65rem;}
.f_navbox > ul > li {margin: .3rem 0;}
.f_navbox > ul > li .menu-li {display: flex; align-items: center;}
.f_navbox > ul > li .menu-li i {width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; margin-right: .12rem; cursor: pointer;transition: .5s;} 
.f_navbox > ul > li .menu-li i svg {max-width: 100%;}
.f_navbox > ul > li .menu-li a {font-size: var(--font18); font-weight: 700;color: #282828;}

.f_navbox2 {display: none;}
.f_navbox2 > ul {position: relative;}
.f_navbox2 > ul::before {content: ""; height: 100%; width: 1px; background: #cbced7; position: absolute; left: 8px; top: 0;}
.f_navbox2 > ul > li {margin: .25rem 0;}
.f_navbox2 > ul > li .menu-li {display: flex; align-items: center;}
.f_navbox2 > ul > li .menu-li i {width: 7px; margin-left: 5.2px; height: 7px; background: #c7cad4; border-radius: 50%; margin-right: .12rem; position: relative; z-index: 2;}
.f_navbox2 > ul > li .menu-li a {color: #666666; font-size: var(--font17);}

.f_navbox3 {margin-left: calc(.12rem + 12px);}
.f_navbox3 li {margin: .05rem 0;}
.f_navbox3 li a {font-size: var(--font15); color: #666666;}

.f_navbox .menu-li a:hover  {color: #3aa1cd;}
.f_navbox > ul > li.on .f_navbox2 {display: block;}

.f_navbox > ul > li .menu-li.on i {transform: rotate(90deg);}
.f_navbox2 > ul > li .menu-li.on i {background: #3aa1cd;}
.f_navbox2 > ul > li .menu-li.on a {font-weight: 700; color: #333;}
.f_navbox3 > ul > li.on a {color: #3aa1cd;}


/* 右侧内容区 */
.fileCon {min-height: calc(100vh - 1px); padding:.5rem .5rem; box-sizing: border-box;    flex: 1 1 0%;}
.fileCon .mbx {display: flex; align-items: center; flex-wrap:wrap;}
.fileCon .mbx a {display: inline-flex; align-items: center; margin: 0 .1rem;}
.fileCon .tle {margin: .5rem 0; padding-bottom: .2rem; border-bottom: 1px solid #c7c7c7;}
.fileCon .tle h3 {color: #333333; font-weight: 700; font-size: var(--font40);}
.fileCon .tle .time {color: #777777;}
.fileCon .boxCon {word-break: break-all;}
.fileCon .boxCon .item img {max-width:100%;}

/* 右侧导航 */
.pagenav {position: sticky;left: 0px; top: 0px;  z-index: 2;height: calc(100dvh - 1px); width: 20%;     padding-top: 2.2rem; box-sizing: border-box;}
.pagenav .tit {color: #333333; font-size: var(--font22); font-weight: 700;}
.pagenav .list {overflow-y: auto; max-height:5rem;     padding-right: .2rem;margin-right: .2rem;}
.pagenav ul {position: relative; margin-top: .35rem;}
.pagenav ul::before {content: ""; height: 100%; width: 1px; background: #cbced7; position: absolute; left: 8px; top: 0;}
.pagenav ul li {margin: .2rem 0;}
.pagenav ul li a {display: flex; align-items: center; color: #666666; font-size: var(--font15);}
.pagenav ul li i {width: 7px; margin-left: 5px; height: 7px; background: #c7cad4; border-radius: 50%; margin-right: .12rem; position: relative; z-index: 2;}
.pagenav ul li:hover a {color: #3aa1cd;}
.pagenav ul li.on a {color: #3aa1cd;}
.pagenav ul li.on i {background: #3aa1cd;}
.pagenav ul li.active a {color: #3aa1cd;}
.pagenav ul li.active i {background: #3aa1cd;}



/* 移动端 */
.mobfilemenu {display: none; margin-left: 10px;}
.mobfilemenu dl {transform: rotateY(180deg);width: 30px; margin-right: 10px; cursor: pointer;}
.mobfilemenu dl dd {width: 20px;height: 2px;background: #333;}
.mobfilemenu dl dd:nth-child(2) {margin: 6px 0;}
.mobfilemenu h4 {font-size: var(--font20);}

.mobfileBox .top {}
.mobfileBox .top .logo img {max-width: .4rem;}
.mobfileBox .top .mobfileclose {width: 30px;height: 30px;position: relative; cursor: pointer;}
.mobfileBox .top .mobfileclose:before,
.mobfileBox .top .mobfileclose:after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #333;border-radius: 1px;}
.mobfileBox .top .mobfileclose:before{width: 20px;height: 2px;transform: translate(-50%,-50%) rotate(45deg);}
.mobfileBox .top .mobfileclose:after{width: 2px;height: 20px;transform: translate(-50%,-50%) rotate(225deg);}
.mobfileBox .top h2 {margin-left: .1rem;}

.mobfilemask {position: fixed;left: 0; bottom: 0; z-index: 99;width: 100%;height: 100vh;background: rgba(7,16,26,0.8);transition: all 0.5s;visibility: hidden;opacity: 0;transition-delay: 0.2s;}
.mobfilemask.active{opacity: 1;visibility: visible;}
.mobfileBox {padding: .3rem 4%; width: 60%;height: calc(100vh - 60px);position: fixed;z-index: 100; bottom: 0;left: -50%;overflow-y: auto;opacity: 0;transition: all 0.3s; background: #fff; visibility: hidden;}
.mobfileBox.active{transition-delay: 0.3s;opacity: 1;left: 0; visibility: visible;} 


@media screen and (min-width: 200px) and (max-width: 1200px) {
    .fileCen .le {width: 100%; height: auto; padding: .3rem;}
    .fileCen .le .navbox {display: none;}
    .fileCen .le .tit {display: none;}
    .fileCen .re {width: 100%;}
    .pagenav {display: none;}

    .mobfilemenu {display: flex;}
}
@media screen and (min-width: 200px) and (max-width: 767px) {
    .fileCon .mbx {display: none;}
    .mobfilemenu {margin-left: 0;}
    .mobfileBox {width: 100%;}
    .fileCon {padding: .5rem 4%; min-height: initial;}
    .fileCen .le {top: 60px;}
}


.filepage-editor img{max-width: 100%!important;}


.filepage-editor li{LIST-STYLE-TYPE: auto!important; margin-left: 0.5rem!important;}

.filepage-editor table{border-collapse: collapse; width: 100%!important;}