.container-fluid{margin-right:auto;margin-left:auto;padding-left:10px;padding-right:10px}
.container-fluid:after,.container-fluid:before{content:"";display:table}
.container-fluid:after{clear:both}
.row{margin-left:-10px;margin-right:-10px}
.row:after,.row:before{content:"";display:table}
.row:after{clear:both}
.col-lg-12,.col-md-12,.col-sm-12,.col-xl-12,.col-xs-12{min-height:1px;padding-left:10px;padding-right:10px}
.col-xs-12{float:left;width:100%}
@media (min-width:768px){.col-sm-12{float:left;width:100%}
}
@media (min-width:992px){.col-md-12{float:left;width:100%}
}
@media (min-width:1200px){.col-lg-12{float:left;width:100%}
}
@media (min-width:1620px){.col-xl-12{float:left;width:100%}
}
.col-lg-11,.col-md-11,.col-sm-11,.col-xl-11,.col-xs-11{min-height:1px;padding-left:10px;padding-right:10px}
.col-xs-11{float:left;width:91.666666666667%}
@media (min-width:768px){.col-sm-11{float:left;width:91.666666666667%}
}
@media (min-width:992px){.col-md-11{float:left;width:91.666666666667%}
}
@media (min-width:1200px){.col-lg-11{float:left;width:91.666666666667%}
}
@media (min-width:1620px){.col-xl-11{float:left;width:91.666666666667%}
}
.col-lg-10,.col-md-10,.col-sm-10,.col-xl-10,.col-xs-10{min-height:1px;padding-left:10px;padding-right:10px}
.col-xs-10{float:left;width:83.333333333333%}
@media (min-width:768px){.col-sm-10{float:left;width:83.333333333333%}
}
@media (min-width:992px){.col-md-10{float:left;width:83.333333333333%}
}
@media (min-width:1200px){.col-lg-10{float:left;width:83.333333333333%}
}
@media (min-width:1620px){.col-xl-10{float:left;width:83.333333333333%}
}
.col-lg-9,.col-md-9,.col-sm-9,.col-xl-9,.col-xs-9{min-height:1px;padding-left:10px;padding-right:10px}
.col-xs-9{float:left;width:75%}
@media (min-width:768px){.col-sm-9{float:left;width:75%}
}
@media (min-width:992px){.col-md-9{float:left;width:75%}
}
@media (min-width:1200px){.col-lg-9{float:left;width:75%}
}
@media (min-width:1620px){.col-xl-9{float:left;width:75%}
}
.col-lg-8,.col-md-8,.col-sm-8,.col-xl-8,.col-xs-8{min-height:1px;padding-left:10px;padding-right:10px}
.col-xs-8{float:left;width:66.666666666667%}
@media (min-width:768px){.col-sm-8{float:left;width:66.666666666667%}
}
@media (min-width:992px){.col-md-8{float:left;width:66.666666666667%}
}
@media (min-width:1200px){.col-lg-8{float:left;width:66.666666666667%}
}
@media (min-width:1620px){.col-xl-8{float:left;width:66.666666666667%}
}
.col-lg-7,.col-md-7,.col-sm-7,.col-xl-7,.col-xs-7{min-height:1px;padding-left:10px;padding-right:10px}
.col-xs-7{float:left;width:58.333333333333%}
@media (min-width:768px){.col-sm-7{float:left;width:58.333333333333%}
}
@media (min-width:992px){.col-md-7{float:left;width:58.333333333333%}
}
@media (min-width:1200px){.col-lg-7{float:left;width:58.333333333333%}
}
@media (min-width:1620px){.col-xl-7{float:left;width:58.333333333333%}
}
.col-lg-6,.col-md-6,.col-sm-6,.col-xl-6,.col-xs-6{min-height:1px;padding-left:10px;padding-right:10px}
.col-xs-6{float:left;width:50%}
@media (min-width:768px){.col-sm-6{float:left;width:50%}
}
@media (min-width:992px){.col-md-6{float:left;width:50%}
}
@media (min-width:1200px){.col-lg-6{float:left;width:50%}
}
@media (min-width:1620px){.col-xl-6{float:left;width:50%}
}
.col-lg-5,.col-md-5,.col-sm-5,.col-xl-5,.col-xs-5{min-height:1px;padding-left:10px;padding-right:10px}
.col-xs-5{float:left;width:41.666666666667%}
@media (min-width:768px){.col-sm-5{float:left;width:41.666666666667%}
}
@media (min-width:992px){.col-md-5{float:left;width:41.666666666667%}
}
@media (min-width:1200px){.col-lg-5{float:left;width:41.666666666667%}
}
@media (min-width:1620px){.col-xl-5{float:left;width:41.666666666667%}
}
.col-lg-4,.col-md-4,.col-sm-4,.col-xl-4,.col-xs-4{min-height:1px;padding-left:10px;padding-right:10px}
.col-xs-4{float:left;width:33.333333333333%}
@media (min-width:768px){.col-sm-4{float:left;width:33.333333333333%}
}
@media (min-width:992px){.col-md-4{float:left;width:33.333333333333%}
}
@media (min-width:1200px){.col-lg-4{float:left;width:33.333333333333%}
}
@media (min-width:1620px){.col-xl-4{float:left;width:33.333333333333%}
}
.col-lg-3,.col-md-3,.col-sm-3,.col-xl-3,.col-xs-3{min-height:1px;padding-left:10px;padding-right:10px}
.col-xs-3{float:left;width:25%}
@media (min-width:768px){.col-sm-3{float:left;width:25%}
}
@media (min-width:992px){.col-md-3{float:left;width:25%}
}
@media (min-width:1200px){.col-lg-3{float:left;width:25%}
}
@media (min-width:1620px){.col-xl-3{float:left;width:25%}
}
.col-lg-2,.col-md-2,.col-sm-2,.col-xl-2,.col-xs-2{min-height:1px;padding-left:10px;padding-right:10px}
.col-xs-2{float:left;width:16.666666666667%}
@media (min-width:768px){.col-sm-2{float:left;width:16.666666666667%}
}
@media (min-width:992px){.col-md-2{float:left;width:16.666666666667%}
}
@media (min-width:1200px){.col-lg-2{float:left;width:16.666666666667%}
}
@media (min-width:1620px){.col-xl-2{float:left;width:16.666666666667%}
}
.col-lg-1,.col-md-1,.col-sm-1,.col-xl-1,.col-xs-1{min-height:1px;padding-left:10px;padding-right:10px}
.col-xs-1{float:left;width:8.3333333333333%}
@media (min-width:768px){.col-sm-1{float:left;width:8.3333333333333%}
}
@media (min-width:992px){.col-md-1{float:left;width:8.3333333333333%}
}
@media (min-width:1200px){.col-lg-1{float:left;width:8.3333333333333%}
}
@media (min-width:1620px){.col-xl-1{float:left;width:8.3333333333333%}
} 

.content-sidebar{font-size:14px;color:#3b3c3e;margin-left: 20px;}
.content-sidebar.fixed{position:fixed;top:80px;z-index:9;}
.content-sidebar.absolute{position:absolute;bottom:0}
.content-sidebar dl{position:relative;}
.content-sidebar dl dt{position:absolute;top:12px;left:-15px}
.content-sidebar dl .show-list{display:block;width:16px;height:16px;cursor:pointer}
.content-sidebar dl .show-list::before{content:'';display:block;width:8px;height:8px;background:#abb0c5;border-radius:50%;opacity:0.8;position: absolute;top: 50%;margin-top: -6px;}
.content-sidebar dl .show-list.add::after{content:'';display:block;width:2px;height:12px;background:#000;border-radius:1px;position:absolute;left:5px;top:20%;margin-top:-1px}
.content-sidebar dd{margin:0;}
.content-sidebar dd a{display:block;transition:.1s;height:40px;line-height:40px;}
.content-sidebar dd a:hover{color:#0084ff;}
.content-sidebar dd.current a{color:#0084ff;background:0 0}
@media (max-width:1199px){.content-sidebar{font-size:12px;margin-left:0;padding-right:0}
.content-sidebar dt{display:none}
}
@media screen and (max-width:991px){.content-sidebar{display:none}
.part .tt{top:55px!important;}
}
.content .row{position:relative}
.index-breadcrumb{margin-top:0;}
.part{margin-bottom:24px;}
.part .tt {line-height:16px;padding-top:20px;z-index: 1;color:#2f3033;font-size:18px;font-weight:700;}
.part .tt .info{color:#2f3033;}
.part .data .fa{font-weight:300;font-size:14px;padding:0 3px 0 18px;}
.part .data .info:nth-child(1) .fa{padding: 0 3px 0 0;}
.part .data .fa{font-size:12px;}
.part .tt a{display:inline-block;float:right;color:#2f3033;font-size:12px;font-weight:400;}
.part .data a:hover{color:#0084ff}
.part .post-single{margin-top:30px;}
.part .post-single h1.tt{font-size: 18px;font-weight: 700;padding-top:0px;margin-bottom:10px;line-height: 1.5em;}
.light-color{opacity:.6;font-size:12px;}
.part .post-single .pic{width:200px;height:200px;background:#fefefe;position:relative;overflow:hidden;box-shadow: 0 30px 20px -20px rgba(0,0,0,.15);border-radius: 10px;}
.part .post-single .pic .blur-layer{width:inherit;height:inherit;opacity:.2;}
.part .post-single .pic img{height:32px;width:32px;	position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;border-radius:3px;}
@keyframes rotate{from{transform: rotate(360deg)}to{transform: rotate(0deg)}}
.part .post-single .list{margin-left:230px;font-size:14px;margin-top: 5px;}
.part .post-single .list p{padding:2px 0;}
.part .post-single .list p.site{word-wrap: break-word;}
.part .post-single .list .tag a,.art-tag a{color: #fff;background:#31aeff;text-align: center;border-radius: 3px;display: inline-block;padding: 2px 6px;font-size: 12px;}
.art-tag a{height: 24px;line-height: 24px;padding: 0px 8px;}
.art-tag{margin-top:20px;}
.part .post-single .list .tag a:hover{color: #fff;background: #0089e2;}
.part .post-single .list .seo a{padding-right:15px;}
.part .post-single .list .seo .fa{padding-right:3px;}
.part .post-single .list .btn,.post-btn,#divCommentPost input.button{border:none;cursor:pointer;color:#2f3033;background:#f1f5f8;text-align:center;height:36px;line-height:36px;border-radius:3px;width:130px;display:block;margin-top: 5px;margin-bottom: 15px;background: #fecf3d;transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1.0);box-shadow: 0 5px 15px rgba(0 ,173,255, 0);box-shadow: 0 5px 15px rgba(255, 199, 69, 0.5);font-size:14px;}
.part .post-single .list .btn:hover,.post-btn:hover,#divCommentPost input.button:hover{background:#ff8f00;color:#fff;}
.part .art-main{font-size:14px;padding: 20px 30px;padding-left:0;}
.art-copyright{background:#f8f8f8;padding:1em 1.5em;margin-top:20px;font-weight:200;}
.art-copyright .copyright,.art-copyright .from{font-weight:200;padding-top:10px}
.part .art-main p{font-weight:200;}
.part .art-main h1{font-size:26px;padding:8px 0;}
.part .art-main h2{font-size:22px;padding:8px 0;}
.part .art-main h3{font-size:20px;padding:8px 0;}
.part .art-main h4{font-size:24px;padding:8px 0;}
.part .art-main h5{font-size:14px;padding:8px 0;}
.part .art-main h6{font-size:12px;padding:8px 0;}
.part .item{position:relative; width: 100%;}
.part .item .link{position:absolute;right: 0px;top: 0px;color: #2f3033;font-size: 16px;width: 40px;height: 40px;line-height:40px;text-align: center;opacity:0;display:inline-block;}
.part .item:hover .link{opacity:1;}
.part .item .a{transition: all .32s ease-in-out;display:block;width:100%;padding:25px 15px;box-sizing:border-box;}
.part .item .a:hover{/*background:#f8fbfc;*/box-shadow: 0px 5px 28px 0px rgba(65, 106, 123, 0.2);border-radius: 5px;}
.part .item .a img{float:left;width:16px;height:16px;border-radius:3px;overflow:hidden;}
.part .item .a h3{max-width: 100%;font-weight: 600;margin-left:0px;color:#2f3033;font-size:14px;margin-bottom:4px;margin-top:-2px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height: 1.3em;}
.part .item .a h3 i{color:#f84b44}
.part .item .a p{margin-left:1px;color:#abb0bd;font-size:12px;height:1.5em;line-height:1.5em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.part .item .a:hover h3{opacity:1;}
.part .item .a:hover p{color:#abb0bd}
.top-show{color:#0084ff;padding-right:5px;}
/*导航格子*/
article.grid{border-radius:5px;}
article.grid .item,.part.related .item{border-radius:5px;background:#fff;margin-top:20px;transform: translateY(-3px);transition: all .5s ease;transform: translateY(2px); box-shadow: 0 3px 6px 0 rgba(0,0,0,.12);transition-property: transform;transform:translateY(2px);box-shadow: 0 3px 16px 0 rgba(0,0,0,.08);transition-property:transform,box-shadow;transition:.25s cubic-bezier(.215,.61,.355,1);}
article.grid .item:hover{transform: translateY(-3px);transition:all .5s ease;}
@media (max-width:1199px){
.quick-nav{display:none;}    
.part .item .a{padding:12px 8px}
#banner-bear{height:35.1vh;}
.typing{width: 80%;top:30%;text-align: center;font-size: 1em;}
.part .item .link .fa{right: 20px;top: 20px;}
.part .bar .tt {line-height: 1.4;font-size:18px;position:static;border-bottom:none;width:100%;}
.part .bar,.night .part .bar{border-bottom:none;}
.part .bar{margin-bottom: 15px;}
.part .bar .tt{height: 2.4em;overflow: hidden;}
.part .r-intro{position: absolute;left: 16px;top: 18px;z-index: 2;color: #2f3033;padding-top: 20px;}
.flogo{display:none !important}
.breadnav{padding-bottom:0!important;}
.header .nav-bar li.active::before, .header .nav-bar li[class*="li-cate-"]::before{bottom:8px;}
.header .submit{display:none;}
.swiper-container{margin-bottom:10px!important;width:100%;height:45vw}
.swiper-slide .p{font-size:16px;bottom:1em}
.swiper-container-horizontal>.swiper-pagination{top:90%}
.swiper-button-prev{left:0}
.swiper-button-next{right:0}
.swiper-pagination-bullet{width:.5em;border-radius:100px}
.hidden-sm-md-lg{display:none;}
.primary-menus ul {overflow-x: scroll;white-space: nowrap;}
}
@media (max-width:991px){
.part .item .a{padding:14px 18px}
.same-height-r{padding-left:10px;}
.verify-wrap img{top:8px!important;}
#banner-bear .submit{/*display:block!important;*/font-weight: 300;color: #fff;position: absolute;top: 50%;left: 50%;z-index: 1;transform: translate(-50%, -50%);}
.typing{width: 90%;text-align: center;font-size: 18px;}
}
@media (max-width:767px){
.part h2{padding:16px 24px}
.part .item .a{padding:12px}
.part .item .link .fa{display:none;}
#divCommentPost input.text{width:100%!important;margin: 8px 0;}
.part .tt{padding:15px 0;padding-bottom:0;}
.part .post-single h1.tt{margin-bottom:0;margin-top:-5px;}
.part .post-single{margin-top:20px;}
.part .r-intro .data{float:none;display: block;}
.part .r-intro .data, .part .r-intro .data .fa{padding: 5px 2px 0 0;}
.part .r-intro .data .info{padding-right:5px;}
.float-none{float:none!important;}
.part .post-single .pic{width:80px;height:80px;margin-bottom:4%}
.part .post-single .list{margin-left:90px;}
.part .art-main{padding: 0;margin-top: 10px;}
.msg img.avatar{width:32px!important;height:32px!important;padding:0px!important;}
ul.msg ul.msg{margin-top:10px!important;}