/*下载进度*/
#nprogress{pointer-events:none;-webkit-pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:100;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1.0;-webkit-transform:rotate(3deg) translate(0,-4px);-moz-transform:rotate(3deg) translate(0,-4px);-ms-transform:rotate(3deg) translate(0,-4px);-o-transform:rotate(3deg) translate(0,-4px);transform:rotate(3deg) translate(0,-4px)}#nprogress .spinner{display:block;position:fixed;z-index:100;top:15px;right:15px}#nprogress .spinner-icon{width:14px;height:14px;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:10px;-webkit-animation:nprogress-spinner 400ms linear infinite;-moz-animation:nprogress-spinner 400ms linear infinite;-ms-animation:nprogress-spinner 400ms linear infinite;-o-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite}@-webkit-keyframes nprogress-spinner{0{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes nprogress-spinner{0{-moz-transform:rotate(0);transform:rotate(0)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes nprogress-spinner{0{-o-transform:rotate(0);transform:rotate(0)}100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes nprogress-spinner{0{-ms-transform:rotate(0);transform:rotate(0)}100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes nprogress-spinner{0{transform:rotate(0);transform:rotate(0)}100%{transform:rotate(360deg);transform:rotate(360deg)}}



/*公共属性*/
input:focus{outline: none;}
a{cursor: pointer;}
.anm{transition: all 0.1s;}
.anm2{transition: all 0.2s;}
.br3{border-radius: 4px;}
.hide{display: none !important;}
.clear::after{display: block;content: "";clear: both;}
*{-webkit-font-smoothing:antialiased;}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
/*滚动条样式*/
.scroll{overflow-y: auto;overflow-x: hidden;}
.scroll:hover::-webkit-scrollbar-thumb{background-color:#D1D1D1;}
::-webkit-scrollbar{
    overflow-x: hidden;
    overflow-y: auto;
    width: 10px;
    height: 10px;
    background-color: #D8D8D8;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
    background-color: #EDEDED;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb{
    border-radius: 10px;
    background-color: #D8D8D8;
}

/*气泡框*/
.arrow_box {
	position: relative;
	background: #ffffff;
	border: 1px solid #DEDEDF;
    border-radius: 4px;
    box-shadow: 0 2px 3px 0 rgba(34,36,38,.15);
}
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	right: 14px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 5px;
	margin-left: -5px;
}
.arrow_box:before {
	border-color: rgba(186, 186, 186, 0);
	border-bottom-color: #DEDEDF;
	border-width: 6px;
	margin-left: -6px;
}





/*框架*/
html,body,#main{height: 100%;height: 100%;border: none;margin: 0;padding: 0;font-family:"Microsoft YaHei","-apple-system","SF UI Text",Arial,"PingFang SC","Hiragino Sans GB","WenQuanYi Micro Hei","sans-serif";}

/*左侧栏*/
.sidebar{position: fixed;left:-280px;width: 280px; top: 0;background-color: #FAFAFA;border-right: 1px solid #DDDDDD;height: 100%;display: flex;flex-direction: column;flex-wrap: nowrap;}
.sidebar.active{left: 0;}


.sidebar-head{flex: none;}
.sidebar-head .title{padding: 0 12px;border-bottom: 1px solid #ddd;line-height: 55px;color: inherit;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 700;font-size: 16px;text-decoration: none;}
.sidebar-head .search-form {padding: 12px;border-bottom: 1px solid #ddd;}
.sidebar-head .search-form .search-box{font-size: 14px;position: relative;font-weight: 400;font-style: normal;color: rgba(0,0,0,.87);}
.sidebar-head .search-form .search-box>input{border: none;width:100%;height: 100%;padding:7px 35px 7px 10px;border: 1px solid #DEDEDF;overflow: hidden;}
.sidebar-head .search-form .search-box>input:focus{border: 1px solid #85B7D9;}
.sidebar-head .search-form .search-box>a{position: absolute;right: 0;top: 0;height: 100%;width: 35px;line-height: 35px;text-align: center;color: #909090;}
.sidebar-head .search-form .search-box>input:focus + a{color: #212121;}
.no-search::before{content: "未搜索到内容";width: 100%;text-align: center;display: block;font-size: 14px;padding: 20px;color: #CCCCCC;}



.sidebar-body{flex: auto;position: relative;}
.catalog-list>.catalog-box{position: relative;}
.sidebar-body .catalog-li{cursor: pointer;font-size: 14px;display: flex;justify-content:start;padding-right: 10px;padding: 5px 0;height: auto;position: relative;}
.sidebar-body .catalog-li>i{font-size: 12px;color: #ff0000;width: 50px;height: 150%;text-align: center;display: inline-block;position: relative;top:-1px;z-index: 1;top:2px;}
.sidebar-body .catalog-li a{padding:0 8px;z-index: 1;color: #666666;pointer-events:none;}
.sidebar-body .catalog-li a:hover{text-decoration: none;}
.sidebar-body .catalog-box .catalog-box{padding-left: 28px;}
.sidebar-body .catalog-li::after{content: "";display: block;position: absolute;width: 100%;height:100%;left: 0;z-index: 0;margin-top: -5px;}
.sidebar-body .catalog-li:hover::after{background-color: #F2F2F2;}
.sidebar-body .catalog-li.active::after{background-color: #E5E5E5;}
.sidebar-body .catalog-li>i:hover{color: #6BC30D;}

#catalog-search .catalog-li{padding-left: 20px;}

.sidebar-foot{flex: none;background: #fafafa;border-top: 1px solid #ddd;font-size: 15px;padding: 5px 0;text-align: center;line-height: 24px;}
.sidebar-foot>a{color: #4183C4;margin: 0 5px;}
.sidebar-foot>a:hover{color: #1E70BF;}






/*右侧内容*/
.workspace{margin-left: 0px;height: 100%;}
.workspace.active{margin-left: 280px;}
.workspace .article{position: relative;height: 100%;}
.workspace .article-head{padding: 10px 20px;height: 50px;display: flex;}
.workspace .article-head>h1{flex: 1;margin: 0;font-size: 28px;font-weight: 700;text-align: center;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #7e888b;}
.workspace .article-head>.left{position: fixed;top:10px;}
.workspace .article-head>.right{position: fixed;top:10px;right: 20px;}
.workspace .article-head>.left>a{position: relative;left: -10px;}
.workspace .article-head .tools>a{width: 50px;height: 30px;line-height: 30px;text-align:center; text-align: center; color: #ff0000;display: inline-block;background-color: #fff;border-radius: 50%;}
.workspace .article-head .tools>a:hover{color: #212121;}


/*分享*/
.shareBox{position: fixed;right:20px;top:40px;width: auto;z-index: 999999999;}
.shareBox>a,.shareBox>div{display: block;padding: 6px 18px;font-size: 14px;color: #7E888B;text-decoration: none;}
.shareBox>a:hover{background-color: #F2F2F2;color: #000;}
.shareBox i{margin-right: 10px;}
.shareBox>a>.icon-QQ{color: #6EA8DF;}
.shareBox>a>.icon-xinlangweibo{color: #EA716E;}
.shareBox .icon-weixin{color: #98C01B;}
a.abtn[name=share].active{color: #000;}
#qrcode{margin-top: 10px;}
#qrcode>canvas{width: 100px;}





.workspace .article-body{padding: 10px 24px;max-width: 980px;margin: 0 auto;}
.workspace .article-body img{max-width: 100%;}

.article-foot{max-width: 980px;margin: 40px auto;padding: 0 20px;}
.article-foot>span{color: #999;padding: 2px 0;}
.article-foot>span>a{color: #4183C4;}
.article-foot .prev{float: left;}
.article-foot .next{float: right;}


/*图片点击放大*/
.zoomify{cursor:pointer;cursor:-webkit-zoom-in;cursor:zoom-in}
.zoomify.zoomed{cursor:-webkit-zoom-out;cursor:zoom-out;padding:0;margin:0;border:none;border-radius:0;box-shadow:none;position:relative;z-index:1501}
.zoomify-shadow{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:block;z-index:1500;background:rgba(0,0,0 ,.3);opacity:0}
.zoomify-shadow.zoomed{opacity:1;cursor:pointer;cursor:-webkit-zoom-out;cursor:zoom-out}



/*手机端自适应*/
@media screen and (min-width:1px) and (max-width:600px){
	.right.tools{display: none;}
    .sidebar.active{left:- calc(100% - 52px) !important;width:calc(100% - 52px) !important;}
    .workspace.active{margin-left: calc(100% - 52px) !important;min-width:320px;}
    .article.scroll{}
}