html{font-family:"微软雅黑";font-size:16px;}
body{overflow:hidden;}
a{text-decoration: none;}
input,textarea:focus{outline: none;}
.text-truncate1{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.text-truncate2{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.text-truncate3{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.text-truncate4{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.font-arial{font-family: 'Arial' !important;}
.animate-box{opacity: 0;}

.main-header{display:flex;height:56px;border-bottom:1px solid #dddddd;position:fixed;left:0;top:0;right:0;background:#ffffff;z-index:1001;}

.menu-fixed{height:56px;width:36px;position:relative;display:inline-block;cursor:pointer;}
.menu-fixed .line,.menu-fixed:before,.menu-fixed:after{width:12px;height:2px;display:inline-block;position:absolute;top:50%;left:50%;background:#000000;transform: translate(-50%, 0);}
.menu-fixed:before{content:" ";transform: translate(-50%, -200%);}
.menu-fixed:after{content:" ";transform: translate(-50%, 200%);}
.menu-fixed:hover{background:#eaeaea;}

.main-header .logo{padding: 0 12px;display:flex;align-items: center;cursor:pointer;}
.main-header .logo .img{width:30px;height:30px;margin-right:12px;}
.main-header .logo .txt{font-size:18px;color:#333333;}

.navs{flex:1;display: flex;justify-content: flex-end;align-items: center;}
.navs .link{display: none;font-size: 14px;padding: 8px 12px;margin: 0 4px;border-radius: 2px;color: #333333;}
.navs .link:hover{background: #f1f1f1;}

.search{padding: 0 12px;display:flex;align-items: center;}
.search-btn{padding: 8px 8px;border-radius:50px;display: flex;background:#eeeeee;cursor: pointer;}
.search-btn .search-icon{width: 20px;height: 20px;color: #333333;stroke-width: 1.6;}
.search-btn .txt{display: none;font-size: 14px;padding: 0 6px;color: #999999;}

.main-body{position:relative;padding-top:56px;background:#ffffff;height:100%;overflow:hidden;}

.sidebar{width:280px;border-right:1px solid #dddddd;position:absolute;left:-280px;top:56px;bottom:0;transition: all .3s;background:#fafafa;z-index:1001;}
.sidebar-fixed .sidebar{left:0;}
.sidebar-mask{display:none;position:absolute;left:0;top:0;right:0;bottom:0;background:rgb(0, 0, 0, 0.3);z-index:999;}
.sidebar-fixed .sidebar-mask{display:block;}

.treeview .list-group{margin: 10px 0;border-radius: 0;}
.treeview .list-group-item{padding: 0px;display: flex;align-items: center;border: none;background:#fafafa;}
.treeview .list-group-item:hover{background:#f2f2f2;}
.treeview .list-group-item .link{font-size: 14px;color: #333333;flex: 1;margin: 5px 0;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.treeview .list-group-item .indent{display: block;margin-left: 7px;margin-right: 7px;}
.treeview .list-group-item .glyphicon{display: block;margin-left: 12px;margin-right: 12px;}
.treeview .list-group-item .expand-icon{cursor: pointer;font-size: 14px;}
.triangle{width: 24px;height: 30px;position:relative;}
.triangle:before{content:" ";display:inline-block;position:absolute;left:50%;top:50%;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 6px solid #333333;transform: translate(-50%, -50%);}
.triangle-bottom:before{transform: translate(-50%, -50%) rotate(90deg);}

.main{margin-left:0px;transition: all .3s;overflow:hidden;position:relative;}
.workspace{padding: 12px 0;}
.doc-head{font-size: 24px;padding-bottom: 4px;text-align: center;font-weight: bold;}
.doc-title{font-size: 20px;padding-bottom: 6px;margin-bottom: 6px;font-weight: bold;border-bottom: 1px solid #eeeeee;}
.workspace p{font-size: 16px;margin-bottom: 12px;}
.workspace a{color:#009e3c !important;text-decoration:none !important;}
.workspace a:hover{text-decoration:underline !important;}

.callout{border-radius:3px;margin:0 0 15px 0;padding:8px 15px;border-left:4px solid #dee2e6;background-color:#f8f9fa;color:#212529;}
.callout.callout-info{border-color:#5bc0de;background-color:#f4f8fa;color:#087990;}
.callout.callout-danger{border-color:#d9534f;background-color:#fdf7f7;color:#b02a37;}
.callout.callout-warning{border-color:#f0ad4e;background-color:#fcf8f2;color:#997404;}
.callout a{color:#009e3c !important;text-decoration:none !important;}
.callout a:hover{text-decoration:underline !important;}
.callout h3,.callout h4{font-weight:bold;}
.callout p{margin-bottom:8px;}
.callout p:last-child{margin-bottom:0px;}
.highlights code{font-size: inherit;color: inherit;font-family: inherit;border: 1px solid #dedede;margin: 0px 5px;padding: 2px 6px;word-break: break-all;white-space: pre;display: inline-block;border-radius: 4px;}
.highlights strong{padding: 2px 5px;border-bottom: 2px solid #d9534f;color: #333333;display: inline-block;}

@media (min-width:576px){
}
@media (min-width:992px){
    
    .menu-fixed{display:none;}
    
    .navs .link{display: inline-block;}
    
    .search-btn .txt{display: block;}
    
    .sidebar{left:0;}
    .sidebar-fixed .sidebar-mask{display:none;}
    
    .main{margin-left:280px;}
    .workspace{padding: 15px 0;}
    .doc-head{padding-bottom: 14px}
    .doc-title{padding-bottom: 14px;margin-bottom: 14px;}
    
}
@media (min-width:1200px){
    .container{max-width: 1224px;}
}
@media (min-width:1400px){
}