@charset "utf-8";
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body{width:100%;min-height:100vh;vertical-align:baseline;word-wrap:break-word;color:#282a2d;background:#f5f6fa;transition:background-color .3s}
body,input,button,select,optgroup,option,textarea,blockquote,dd,dl,figure,form,pre,.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:"SF Pro SC","SF Pro Text","SF Pro Icons",PingFang SC,Lantinghei SC,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}
body,html{height:100%;margin:0;padding:0;border:0}
a{color:#282a2d;outline:0!important;text-decoration:none}
a:hover{text-decoration:none;color:var(--main-color);}
p{color:#1d232b;margin:0;white-space:normal;word-break:break-all}


/*--------------------------------------------------------------
## Basics style
--------------------------------------------------------------*/
.overflow-x-auto{overflow-x:auto;overflow-y:unset}
.overflow-y-auto{overflow-y:auto;overflow-x:unset}
.u-permalink{bottom:0;left:0;outline:0;position:absolute;right:0;top:0;z-index:10}
@media (min-width:768px) and (max-width:991.98px){
	.row{margin-right:-.75rem;margin-left:-.75rem}
}
@media (max-width:767px){
	.row{margin-right:-0.625rem;margin-left:-0.625rem}
	.row>.col,.row>[class*="col-"]{padding-right:5px;padding-left:5px}
}
.nav-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}
.main-content{width:100%;-ms-flex-direction:column;flex-direction:column;display:-ms-flexbox;display:flex}
.content-site{padding:0 15px;width:100%;margin-right:auto;margin-left:auto}
.site-content img,.panel-body img{max-width:100%;height:auto}
.io{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}
@media (min-width:1920px){
	.content-site{max-width:1900px}
}
@media (min-width:768px){
	.content-site{padding:0 50px}
}

/*--------------------------------------------------------------
## 侧栏菜单
--------------------------------------------------------------*/
.nav-container .sidebar-nav{position:fixed;display:table-cell;font-size:.875rem;width:260px;height:100vh;z-index:1081}
.nav-container .sidebar-nav-inner{width:inherit;margin:0;max-width:260px;background:#2c2e2f;pointer-events:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;transition:background-color .3s}

.nav-container .sidebar-nav .logo{line-height:74px;width:100%;padding-left:1.125rem}
.nav-container .sidebar-logo{height:74px;transition:background-color .2s}
.nav-container .sidebar-logo img{max-height:40px}
.nav-container .sidebar-menu{transition:all .3s;}
.nav-container .sidebar-menu-inner a{display:block;overflow:hidden;padding-left:1.125rem;line-height:40px;max-height:40px;color:#b2b8be;transition:all .3s}
.nav-container .sidebar-menu ul:first-child > li> a{ line-height:50px;max-height:50px;}
.nav-container .sidebar-item{position:relative;display:block;border-top:1px solid rgba(255,255,255,.02)}
.nav-container .sidebar-item.sidebar-show{border-bottom:none}
.nav-container .sidebar-item ul{display:none;background:rgba(0,0,0,.1)}
.nav-container .sidebar-item.sidebar-show ul{display:block}
.nav-container .sidebar-item ul li{display:block;border-bottom:1px solid rgba(255,255,255,.02)}
.nav-container .sidebar-menu-inner ul li ul li a{padding-left:50px} 
.nav-container .sidebar-more{float:right;margin-right:24px;line-height:50px!important;transition:transform .3s}
.nav-container a>i.sidebar-more{transform:scale(.8)}
.nav-container .sidebar-show>a>i.sidebar-more{transform:scale(.8) rotate(90deg)}
.nav-container .sidebar-show,
.nav-container .sidebar-item>a:hover{color:#FFF;background:rgba(0,0,0,.2)}
.nav-container .sidebar-show>a:before,
.nav-container .sidebar-item>a:hover:before{opacity:1}
.nav-container .sidebar-nav-inner .flex-fill{overflow:auto;-webkit-overflow-scrolling:touch}
.nav-container .sidebar-nav ul{margin:0;padding:0}

.navbar-menu a{color:#777} 
@media (min-width:768px){
	.sidebar-nav{display:block!important}
}
@media (max-width:767px){
	.nav-container .sidebar-nav{background:transparent!important} 
	.nav-container .sidebar-nav{width:100%!important;height:100%!important;top:0!important;position:fixed;z-index:1090!important;display:none;padding-left:0!important}
	.nav-container .sidebar-nav.show>div{transform:translate3d(0,0,0)}
	.nav-container .sidebar-nav>*{position:fixed;height:100%;transition:.2s cubic-bezier(.25,.8,.25,1);transform:translate3d(-100%,0,0);width:17.5rem}
}

/*--------------------------------------------------------------
## header menu
--------------------------------------------------------------*/
.navbar-collapse ul li{position:relative;list-style:none}
.navbar-collapse li>ul{-webkit-transform:translateY(15px);transform:translateY(15px)}
.navbar-collapse ul li ul{position:absolute;min-width:160px;opacity:0;overflow:hidden;visibility:hidden;background:#fff;border-radius:4px;box-shadow:0 5px 20px 0px rgba(0,0,0,.15);transition:.3s}
.navbar-collapse ul li.focus>ul,.navbar-collapse ul li:hover>ul{opacity:1;z-index:1;overflow:visible;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}
.navbar-collapse ul li.menu-item-has-children:after{content:'\e612';font-family:"iconfont";position:absolute;top:14px;right:-2px;font-size:12px;-webkit-transform:scale(.6);transform:rotate(0deg) scale(.6);transition:transform .2s}
.navbar-collapse ul li.menu-item-has-children:hover:after{transform:rotate(45deg) scale(.6)}
.navbar .navbar-nav li>a{font-size:15px;padding:26px 0 26px 0;display:block;transition:color .2s;margin-right:40px}
.navbar .navbar-nav i{margin-right:2px!important}
.navbar-menu{-ms-flex-direction:row;flex-direction:row;margin-left:auto;-ms-align-items:center;align-items:center}
.navbar-collapse .weather{display:table}
.navbar-brand img{max-height:40px}

.page-header{position:fixed;right:0;left:0;background:#fff;box-shadow:0px 0px 25px 5px rgba(10,10,10,.05);z-index:1080;transition:background-color .3s}
.page-header ul{margin:0;padding:0}

.header-mini-btn{height:55px;width:40px}
.header-mini-btn svg{margin:0 -20px;height:55px}
.header-mini-btn input[type="checkbox"]{display:none}
.header-mini-btn path{fill:none;stroke:#fff;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)}
.header-mini-btn circle{fill:#fff3;opacity:0;transition:opacity .3s;cursor:pointer}
.header-mini-btn label{display:block;top:0;right:0}
.header-mini-btn label circle:hover{opacity:1}
.header-mini-btn input:checked+svg .line--1,.header-mini-btn input:checked+svg .line--3{--length:12.602325267}
.header-mini-btn .line--1,.header-mini-btn .line--3{--total-length:126.38166809082031}
.header-mini-btn .line--2{--total-length:80}
.header-mini-btn label{cursor:pointer}
.header-mini-btn path{transition:all .5s cubic-bezier(.645,.045,.355,1),stroke .2s ease}
.header-mini-btn label:hover path{ stroke:var(--main-color)}

@media (min-width:768px){
	.navbar{padding:0 1rem}
	.main-content{margin-left:260px}
	.page-header{left:260px}
}

/*--------------------------------------------------------------
## Font Size style
--------------------------------------------------------------*/
.text-xs{font-size:.75rem!important}
.text-sm{font-size:.875rem!important}
.text-lg{font-size:1.125rem!important}
@media (max-width:767px){
	.text-lg{font-size:1rem!important}
}

/*--------------------------------------------------------------
## URL box style
--------------------------------------------------------------*/

.text-gray{color:#555}
.overflowClip_1{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-break:break-all;display:-webkit-box!important;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.overflowClip_1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block!important}
.url-block .url-body{transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}
.url-block .url-body:hover{box-shadow:0 26px 40px -24px rgba(0,36,100,.3);-webkit-box-shadow:0 26px 40px -24px rgba(0,36,100,.3);-moz-box-shadow:0 26px 40px -24px rgba(0,36,100,.3)}
.url-block{transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}
.url-block:hover{transform:translateY(-6px);-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px)}
.url-block .url-info{overflow:hidden;padding-right:5px}
.url-block .card-body{padding:10px}
.url-block .url-img{width:80px;height:80px;-webkit-box-flex:0;-ms-flex:none;flex:none;background:rgb(227 236 242);overflow:hidden;border:1px solid #f1f5f9;border-radius:5px !important}
.url-block .url-img>img{max-height:100%;vertical-align:unset}
.url-block .url-info a{position:absolute;vertical-align:super;padding-left:5px;transition:opacity .3s;z-index:9999999;opacity:.5}
.url-block .url-info:hover a{opacity:1}
.url-block .url-info a:hover i{text-shadow:0 0 5px;color:var(--main-color) !important}

/*--------------------------------------------------------------
## footer style
--------------------------------------------------------------*/
footer.main-footer{padding:20px 50px;margin-top:0px}
@media (max-width:767px){
	footer.main-footer .footer-text{text-align:center;float:none}
}

/*--------------------------------------------------------------
## bootstrap custom style
--------------------------------------------------------------*/
.btn.focus,.btn:focus{outline:0;box-shadow:none}
.tooltip-inner img{margin:.25rem 0}
.tooltip-inner p{color:#fff}
.modal{z-index:1090}
.btn:not(.go-up){border-radius:3px;white-space:normal;font-size:.875rem}
.text-muted a{color:#6c757d}
.text-muted a:hover{color:#5c656d}

@media (min-width:1680px){
	.mx-xxl-n5{margin-left:-5rem!important;margin-right:-5rem!important}
}

/*--------------------------------------------------------------
## TAB菜单
--------------------------------------------------------------*/
.tab-menu{position:relative;display:inline-block}
.tab-menu .menu{position:relative;white-space:nowrap;margin:0;text-align:center;display:inline-block}
.tab-menu .menu li{display:inline-block;cursor:pointer}
.tab-menu .menu li a{display:block;text-decoration:none;position:relative;color:#888;line-height:40px;text-align:center;font-size:14px;padding:0 16px;line-height:55px;padding:0 15px;border-top:3px #fbfbfb solid;-webkit-transition:.25s;transition:.25s}
.tab-menu .menu li a.active{border-top-color:var(--main-color);border-radius:0;background-color:#fff;color:var(--main-color)}

#content{padding:0 50px}
.header-content{margin-bottom:50px !important}
.boxItem{background-color:#fff;border-width:1px;border-style:solid;padding:20px;position:relative;border-color:#eff0f2;margin-bottom:24px;padding-bottom:0;border-radius:10px}
.boxItem .card{border:1px solid #f1f5f9;background:#fafbfd;transition:background-color .3s}
.boxItem .flex-tab{background-color:#fbfbfb;margin:-20px -20px 20px !important;border-bottom:1px solid #eff0f2;border-radius:10px 10px 0 0}
.boxItem .flex-tab h4{line-height:55px;margin:0;padding:0 20px;font-size:1.1rem!important;font-weight:400}
.boxItem .flex-tab .text-xs{font-size:.75rem!important;color:#778b9e!important;padding-top:3px}
.url-block.col-md-3 .url-img{width:40px;height:40px}
.url-block.col-md-3 .url-info .text-sm{font-size:14px!important;line-height:1;font-weight:400}
.url-block.col-md-3 .url-info .text-xs{font-size:12px!important;-webkit-line-clamp:1}
.url-block .url-info .text-sm{max-width:95%;display:inline-block!important;font-size:16px!important;font-weight:500}
.url-block .url-info .text-xs{font-size:13px !important;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.url-block .url-body:hover .url-info .text-sm{color:var(--main-color)}
.url-block .url-info .icon-link-fill{font-size:14px}
.mobile-flex-fill{display:none}
.mobile-flex-fill{margin-bottom:30px}
.mobile-flex-fill h4{font-weight:600}
.mobile-flex-fill h4 .icon-lg{margin-right:0 !important}

/*--------------------------------------------------------------
## webkit scrollbar style
--------------------------------------------------------------*/
@media only screen and (min-device-width:768px){
::-webkit-scrollbar-thumb{background-color:rgba(130,130,130,.5);-webkit-border-radius:4px;border-radius:4px}
::-webkit-scrollbar-thumb:hover{background-color:var(--main-color);-webkit-border-radius:4px;border-radius:4px}
::-webkit-scrollbar{width:5px;height:5px} 
::-webkit-scrollbar-thumb:active{background-color:var(--main-color);-webkit-border-radius:4px;border-radius:4px}
::-webkit-scrollbar-corner{background:rgba(0,0,0,0);border-radius:0 0 8px 0}
::-webkit-scrollbar-button{background-color:rgba(0,0,0,0);height:2px;width:2px}
}

.io{font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.sidebar-menu-inner .io.icon-lg{vertical-align:-.28em}
.iconfont.icon-lg,.io.icon-lg{font-size:1.5em;line-height:.75em;vertical-align:-.125em}
#content h4 .icon-lg{font-size:1.1em;vertical-align:middle}
.navbar{padding:0 50px}

/*--------------------------------------------------------------
## 文章页面
--------------------------------------------------------------*/
#content .return svg{vertical-align:-2px;margin-right:5px}
#content .return{padding-bottom:20px}
#content .return a:hover{fill:var(--main-color)}

.siteico{background:#e6e8ed;position:relative;overflow:hidden;border:1px solid #e4ecf3;border-radius:5px;transition:background-color .3s}
.img-cover{width:100%!important;height:auto}
@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.site-body .btn{border-radius:3px;padding:3px 15px;background-color:rgba(138,138,138,.15);transition:.3s}
.site-body .btn:hover{color:#fff;background:#202224}
.site-body .btn:active{box-shadow:unset}
.site-body .btn-arrow{position:relative}
.site-body .btn-arrow span{padding-right:1.25rem;display:inline-block}
.site-body .btn-arrow i{position:absolute;font-size:18px;width:.8em;right:1rem;top:50%;opacity:.6;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;will-change:right,opacity}
.site-body .btn-arrow:hover i,.btn-arrow:focus i{opacity:1;right:.6rem}
.site-body .btn-cat{color:#fff!important;background:var(--main-color);font-size:12px;padding:2px 5px;border-radius:2px;transition:.3s}
.site-body .btn-cat:hover{color:#fff;background:#212224}

.single .site-content{background-color:#fff;border-width:1px;border-style:solid;padding:20px 20px 40px!important;position:relative;border-color:#eff0f2;margin-bottom:30px !important;border-radius:10px}
.single .panel.site-content{padding:20px 20px 20px!important;margin-bottom:0}
.single #content{margin-top:0 !important}
.single .header-content{margin-bottom:40px !important}
.single .panel-body p{margin-bottom:20px;color:#36393b;font-size:16px;line-height:1.6}
.single .panel-body p:last-child{margin-bottom:0}
.single .panel-body ol,
.single .panel-body ul{margin:0 0 4% 0;background:#f5f4f6;padding:3% 3% 3% 4%;font-size:16px;line-height:1.5;list-style-type:disc}
.single .panel-body ol li,
.single .panel-body ul li{font-size:14px;border-bottom:dotted 1px #ccc;margin-bottom:20px;padding-bottom:20px;color:#333}
.single .panel-body ol li:last-child,
.single .panel-body ul li:last-child{border:none;margin-bottom:0;padding-bottom:0}

/*--------------------------------------------------------------
## 手机端
--------------------------------------------------------------*/
@media (max-width:767px){

	.navbar,#content{padding:0 15px}
	.boxItem{padding:0 15px}
	.boxItem .card{margin-bottom:15px !important}
	.boxItem .flex-tab{margin:-15px -15px 10px !important}
	.boxItem .mobile-flex-fill-2{margin-top:0!important}
	.url-block .url-info a{display:none}
	.url-info .text-sm{max-width:100%}
	.url-block .card-body{padding:8px 5px}
	.header-content{margin-bottom:20px !important}
	.boxItem .flex-tab .flex-fill{display:none}
	.mobile-flex-fill{display:block}
	#content .site-content{margin-right:0;margin-left:0;padding:10px 10px 10px!important;margin-bottom:20px !important}
	.single .header-content{margin-bottom:20px !important}
	#content .return{padding-bottom:10px}
	.navbar-brand img{max-height:30px}
	.page-header{background:#2c2e2f}

}