/* 风羽博客
 * WebSite: Phoyu.cn
 * Author: 朱茂华
 * Created: 2020-10-8
 * Update: 2020-11-5
 */
/* reset */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word}  
img,fieldset,abbr,acronym{border:0;}  
table{border-collapse:collapse;border-spacing:0;}  
caption,th{text-align:left;}  
ol,ul,li{list-style:none;}  
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:700;}  
span,input,button,textarea,select{font-size:inherit;*font-size:100%;font-family:inherit;outline:none;}  
address,cite,dfn,em,code,var,caption,th,i{font-style:normal;font-weight:normal;}  
input,label,th{vertical-align:middle;}  
pre{white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap; /* Mozilla, since 1999 */white-space: -pre-wrap; /* Opera 4-6 */white-space: -o-pre-wrap; /* Opera 7 */   word-wrap: break-word; /* Internet Explorer 5.5+ */}
img, div { behavior:url(iepngfix.htc); }
#mycode{ font-family:Times New Roman; margin-bottom: 15px; border-radius:6px;}
/*通用样式*/  
.ib,.ib-a a{display:inline-block;zoom:1;*display:inline;}  
.f12{font-size: 12px !important;}.f14{font-size: 14px !important;}.f16{font-size: 16px !important;}.f18{font-size:18px}.f20{font-size:20px}  
.fb{ font-weight:bold}.fn{ font-weight:normal}  
.text-c{text-align: center}.text-l{text-align: left}.text-r{text-align: right}  
.lf{float: left}.rt{float: right}.pr{ position:relative}.pa{ position:absolute}  
.fl,.lf{float:left !important;}.fr,.rt{float:right !important;}  
.cl{ clear:both; height:0; margin:0; padding:0; font-size: 1px; line-height: 0px; }  
dt{ font-weight:normal;}
.none{ display:none;}
/*input*/  
input {outline:none;}  
textarea {outline:none;}  
/*链接颜色*/  
a{outline:none;}  
a:active{star:expression(this.onFocus=this.blur());}/*IE*/  
a:focus{outline:none;}/*FF*/  
a{color:#000000;text-decoration:none;cursor:pointer;}  
a:hover{color:#f60;}  
a:link, a:visited{text-decoration:none;}  
a:hover, a:active{text-decoration:underline;}  

.breadcrumb{ background-color:#f8f8f8;}
.bd-placeholder-img { font-size: 1.125rem; text-anchor: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
@media (min-width: 768px) {
.bd-placeholder-img-lg { font-size: 3.5rem; }
}

@media (max-width: 991.98px) {
.offcanvas-collapse { position: fixed; top: 56px; /* Height of navbar */ bottom: 0; left: 100%; width: 100%; padding-right: 1rem; padding-left: 1rem; overflow-y: auto; visibility: hidden; background-color: #f8f8f8; transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out, visibility .3s ease-in-out; transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out; }
.offcanvas-collapse.open { visibility: visible; -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}
.nav-scroller { position: relative; z-index: 2; height: 2.75rem; overflow-y: hidden; }
.nav-scroller .nav { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-bottom: 1rem; margin-top: -1px; overflow-x: auto; color: rgba(255, 255, 255, .75); text-align: center; white-space: nowrap; -webkit-overflow-scrolling: touch; }
.nav-underline .nav-link { padding-top: .75rem; padding-bottom: .75rem; font-size: .875rem; color: #6c757d; }
.nav-underline .nav-link:hover { color: #007bff; }
.nav-underline .active { font-weight: 500; color: #343a40; }
.text-white-50 { color: rgba(255, 255, 255, .5); }
.bg-purple { background-color: #6f42c1; }
.lh-100 { line-height: 1; }
.lh-125 { line-height: 1.25; }
.lh-150 { line-height: 1.5; }

/*header*/
@media (min-width:991px) {
body { padding-top:108px; }
header{ background-color:#343a40;}
#header { width:100%; height: 108px; overflow: hidden; border-bottom:1px solid #ebebeb; background:#f8f8f8;}
.navbar{ margin:0; padding:0;}
.logo { float: left; width:200px;height: 108px; text-align: left; }
.logo img{ width:165px; margin-top:10px;}
.navbar-dark .navbar-nav .nav-link{ color:#000;}
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active{ color:#000;}
.navbar-dark .navbar-nav .show > .nav-link,.navbar-dark .navbar-nav .active > .nav-link,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .nav-link.active { color: #f60;}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: #f60;}
.topnav a{ color:#000;}
.topnav a:hover{ color:#ff7800;}
.topnav{ width:auto; float:left; padding-left:50px;}
.topnav li{ width: auto; margin:0 10px; float:left; font-size:18px; font-family:"Microsoft YaHei";}
.topnav li a{ display:block; padding:10px 10px 0 10px; border-top:2px solid #f8f8f8;}
.topnav li.active a{ color:#f60; border-top:2px solid #f60;}
.topmore{ width:auto; height:30px; position:absolute; top:5px; right:0; line-height:28px; background:#dfdfdf;}
.topmore li{ width: auto; float:left; font-size:12px; text-align:center; border-right:2px solid #f8f8f8;}
.topmore li a{ display:block; padding:0 15px 2px 15px; border-top:2px solid #dfdfdf;}
.topmore li.curr a{border-top:2px solid #f60; background:#fff3f3;}
.r-line { border-right:1px solid #ebebeb;}
/*-----------------------------页底部分-----------------------------*/
#footer { width:100%; height: auto; margin:0 auto; margin-top:12px; border-top:1px solid #ebebeb; background:#f8f8f8;position:relative; font-size:12px;}
.footer_nav { height:40px; margin:0 auto; clear:both; line-height:24px; color:#757575;}
.footer_nav dl{ height:40px; padding:5px 0 0 0;}
.footer_nav dl a{ color:#666;}
.footer_nav dl a:hover{ color:#f60;}
.footer_nav dd a{ color:#666;}
.footer_nav dd a:hover{ color:#f60;}
.footer_nav dt{ float:left;}
.footer_nav dd{ float:right;}
.min-content .min-pic{ width:25%; float:left; margin-right:10px; padding:3px; border:1px solid #ebebeb;}
}

/* -----------------------------首页公告----------------------------- */
#notice { padding-left:30px; margin:0 0 10px 0; line-height: 29px; border: 1px dashed #B9AB9E; border-radius:6px; background: #FCFAF7 url(images/notice-bg-phoyu.gif) no-repeat 10px 10px; }
#notice h3 { font-size: 14px; line-height: 35px; }
#notice h3 a { font-weight: normal; }
.banner{ margin-bottom:10px; padding:0; background-color:#FCFAF7;}
.istop-post{ margin-bottom:5px; border-radius:6px; padding:10px 10px; border: 1px dashed #B9AB9E; background-color:#FCFAF7;}
.istop-post span{ float:right; font-weight:normal; color:#999;}
.istop-post span em{ width:24px; height:20px; display:inline-block; margin-left:10px; vertical-align:middle;background: url(images/icon-phoyu.png) no-repeat 0 0;}
.istop-post span em.icon_commnums{ background-position:0 -78px;}
.istop-post span em.icon_view{ background-position:0 -98px;}
/*-----------------------------文章标题部分-----------------------------*/
.post-list { padding-bottom: 10px; }
.post-list-content{ margin-top:10px; padding:10px 0 10px 0;border-bottom: 1px solid #ebebeb;}
.post-title h2 { padding:0 0 10px 0; font-size:24px; line-height:30px; font-family: Microsoft YaHei; font-weight: normal; }
.post-title h2 a { color:#333; }
.post-title h2 a:hover { color:#f60; }
.post-title .tag { font-size: 14px; line-height:20px; font-weight: normal; color: #999;}
.post-title .tag a {color: #999; }
.post-title .tag a:hover {color: #f60; }
.post-title .tag span{ width:24px; height:20px; display:inline-block; margin-left:10px; vertical-align:middle;background: url(images/icon-phoyu.png) no-repeat 0 0;}
.post-title .tag span.icon_time{ background-position:0 0px; margin-left:0px;}
.post-title .tag span.icon_author{ background-position:0 -20px;}
.post-title .tag span.icon_category{ background-position:0 -38px;}
.post-title .tag span.icon_tag{ background-position:0 -60px;}
.post-title .tag span.icon_commnums{ background-position:0 -78px;}
.post-title .tag span.icon_view{ background-position:0 -98px;}
.min-content {padding:5px 0; line-height:24px; font-size: 14px; color:#666; font-family:"宋体";}
.min-content h2{ padding:10px 0;}
.min-content img{ width:100%;}
.min-content p img{ padding:5px; border:1px solid #ebebeb;}
/*-----------------------------文章内容部分-----------------------------*/
.topic-post{ padding:20px 0 0 0;}
.topic-post .post-title{ padding-bottom:10px;border-bottom: 1px solid #ebebeb;}
.post-info { padding:10px 0; line-height:30px; font-size: 16px; text-align: justify; color:#333; }
.post-info h2,.post-info h3,.post-info h4,.post-info h5,.post-info h6{ margin-bottom:10px;}
.post-info p { text-indent:2em; margin-bottom:10px; }
.post-info p.figure{ width:100%; text-align:center; text-indent:0;}
.post-info p img{ margin:0 auto; max-width:100%;}
.post-info h3 { text-indent: 2em; border-top-width: 1px; border-bottom-width: 1px; border-top-style: dashed; border-bottom-style: dashed; border-top-color: #CCC; border-bottom-color: #CCC; font-size: 18px; margin-top: 26px; margin-bottom: 26px; padding-top: 4px; padding-bottom: 4px; }
.post-info strong { font-size: 16px; line-height: 28px; }
.post-info a { color: #4E0A13; text-decoration: underline; }
.post-info a:hover { color: #F00; }
.post-info-txt { padding:10px 0; line-height:30px; font-size: 16px; text-align: justify; color:#333; }
.post-info-txt p { margin-bottom:0px; }
/*-----------------------------内容相关-----------------------------*/
.info-more{ padding:10px 0; line-height:24px; color:#666; font-size:14px; border-top:1px dashed #ccc;}
#post-shenming { font-weight: bold; color:#f60;}
#post-shenming a{ margin:0 5px; color:#f00;}
.info-wenshear{ padding:5px 0 15px 0; clear:both;}
.info-wenshear ul{ float:left;}
.bdsharebuttonbox{ float:right;}
.post-nav { padding:10px 0 0 0; font-size: 16px; line-height: 30px; border-top:1px dashed #ccc;}
	
/*标签*/
.post-tag { width: 100%; height:30px; font-size: 16px;  line-height: 30px; padding-bottom: 4px; }
.post-tag a { text-decoration: none; color: #FFF; background-color: #A70000; padding: 6px; }
.post-tag a:hover { background-color: #F00; color: #FFF; text-decoration: underline; }

/*相关文章*/
.related-post { margin-top: 15px;}
.related-post h3 { color: #333333; font-size: 14px; padding: 0 10px; border-bottom: 1px solid #ccc; height:36px; line-height:36px; background: #f0f0f0;}
.related-post h3 a { color: #FF0000; }
.related-post li { padding: 8px 10px; color: #999999; overflow: hidden; height: 100%; border-bottom:1px dashed #ccc; background:#f8f8f8; }
.related-post li a { font-size: 14px; display: block; }
.related-post li:hover { background-color:#ffffcc; }
.related-post li span { float: right; font-size: 12px; }
/*评论、头像CSS列表*/
#comments{ font-size: 14px;}
.comment-title h3 { color: #333333; font-size: 14px; padding: 0 10px; border-bottom: 1px solid #ccc; height:36px; line-height:36px; background: #f0f0f0;}
.media{ padding:10px 0; color:#666; border-bottom:1px dashed #ccc;}
.media a{ color:#333;}
.media a:hover{ color:#f00;}
.media .media{ margin-top:10px; padding:10px 10px;border:1px dashed #ccc;}
.media img{ width:45px; height:45px; border-radius:6px;}
.media-body h5{ padding-bottom:5px; font-weight:normal; font-size:14px; color:#999;}
.media-body .num{ font-weight:bold;}
/*-----------------------------评论发表用的样式-----------------------------*/
#divCommentPost { margin:0; padding:10px 0 0 0; font-size:14px;}
#divCommentPost p { margin-top:5px; }
#divCommentPost p.posttop { font-size: 16px; font-weight: bold; }
#divCommentPost img { margin-bottom: -0.5em; }
#cancel-reply { float: right; }
div.reply-frm { background: #f0f0f0; box-shadow: 0 0 15px #666; margin: 1em 1% !important; padding: .3em .8em !important; min-width: 330px; }
input.text { border: 1px solid #d7d7d7; line-height: 20px; height: 24px; padding: 2px 5px 2px 5px; }
#txaArticle { width:100%; padding: 5px;border-radius: 0.25rem; height:150px; border: 1px solid #d7d7d7; }
#divCommentPost .btn { padding:0.5em 2em; color: #fff; cursor: pointer; border:none; background-color:#f60;}
/*-----------------------------侧栏-----------------------------*/ 
#div_sidebar_intro div,.widget p{ padding-top:10px;line-height:24px; color:#666; font-size:14px; font-weight:normal;}
#div_sidebar_intro .bintro-lx{ margin:10px 0 0 0;padding:5px 0; text-align: center;border-radius: 6px;border: 1px dashed #B9AB9E; background-color:#FCFAF7;}
#div_sidebar_intro .bintro-lx a{ margin:0;padding:0; font-size:20px; border-radius:100%; color:#666;}
#div_sidebar_intro .bintro-lx a:hover{ color:#f60;}
#div_sidebar_intro .bintro-lx h4{ padding:5px 0; font-size:16px; color:#333; font-weight:bold;}
#div_sidebar_intro .bintro-lx img{ width:50%; padding:5px; background-color:#fff;}
.widget { width:100%; clear: both; padding-bottom:10px;}
.widget h3 { font-size:16px; line-height:24px; font-family: Microsoft YaHei, small; border-bottom:1px dashed #ccc; padding-bottom: 6px; color:#333; font-weight:normal;}
.widget ul { padding: 8px 0; }
.widget div form{ margin:10px 0;}
.widget li { line-height: 24px; font-size:14px; overflow: hidden; padding-left:20px; background: url(images/icon-phoyu.png) no-repeat -1px -36px; list-style-type: none;  }
.widget li a { color:#666;}
.widget li a:hover { text-decoration: underline; color:#f60;}
#divCatalog li{ width:50%; float:left;}
#divTags li{ width:50%; float:left; background-position:-1px -55px;}
#divComments li{ background-position:-1px -75px;}
#divLinkage li{ width:50%; float:left; background-position:0 -126px;}
#divPrevious li{ background-position:1px -164px;}
#divPrevious li span{ float:right; color:#999;}
#divMisc li { padding-bottom:5px; padding-left:0; background-image: none; }
.cp-hello{ display:inline-block; padding-top:5px;}
/*-----------------------------简介 控制面析-----------------------------*/
#divContorPanel div{ padding:10px 0; line-height:24px; color:#666; font-size:14px; font-weight:normal;}
#aside_about { margin-bottom:10px; padding:0;background: #f6f6f6;}
#aside_about .bg {width:100%;height:auto;background: #f8f8f8;}
#aside_about .avatar {width:100%;text-align:center;margin-top:-60px}
#aside_about .img {width:100px;height:100px;margin:0 auto; border:5px solid #fff; border-radius:100%;}
#aside_about .about-info {padding-top:0;padding:0px 10px 10px 10px;}
#aside_about .title {text-align:center;font-size:20px;color:#333}
#aside_about .info {color:#666;line-height:26px;overflow:hidden;padding:5px 0;text-align: center;}
#aside_about .sns { text-align:center;} 
#aside_about .weixin-img{ margin-top:10px; padding:10px 0; background-color:#fff; text-align:center;}
#aside_about .weixin-img h4{ margin:0; padding:5px 0; font-size:16px; color:#333; font-weight:bold;}
#aside_about .weixin-img img{ width:50%; padding:0; background-color:#fff;}
/*-----------------------------日历-----------------------------*/
#divCalendar { width: 100%; padding:0; background-color:#f8f8f8;}
#divCalendar div { width:100%; margin:0; padding: 5px 0 5px 5px; text-align:center; }
#divCalendar table { width: 96%; padding: 0 2% 0 2%; }
#divCalendar table td,#divCalendar table th{ font-size:1.25rem; line-height:30px;}
#divCalendar table caption{ margin:0; padding:0; text-align:center; font-size:1.25rem;}
/*分页条*/
.pagenavi { font-size: 14px; text-align:center; line-height:20px; height:40px; margin-top:10px; }
.pagenavi a { display:inline-block; vertical-align:middle; padding:5px 15px; margin:0 2px; border: 1px solid #ebebeb; border-radius:4px; color: #666; }
.pagenavi a:hover { border:1px solid #bebdbe; color:#333; }
.pagenavi span.now-page { display:inline-block; vertical-align:middle; padding:5px 15px; margin:0 2px; color: #666; font-weight: bolder; border: 1px solid #ebebeb; border-radius:4px; }

@media (max-width:991px) {
body { padding-top:56px; }
header{ background-color:#343a40;}
#header { width:100%; height:56px; overflow: hidden; border-bottom:1px solid #ebebeb; background:#f8f8f8;}
.navbar{ margin:0; padding:0;}
.logo { float: left; width:100px;height:56px; text-align: left; }
.logo img{ width:90px; margin-top:3px;}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 102, 0, 0.9%20' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-nav .nav-link{ color:#000;}
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active{ color:#000;}
.navbar-dark .navbar-nav .show > .nav-link,.navbar-dark .navbar-nav .active > .nav-link,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .nav-link.active { color: #f60;}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: #f60;}
.topnav{ width:60%; margin-top:10px; float:left; background-color:#f2f2f2;}
.topnav a{ color:#000;}
.topnav a:hover{ color:#ff7800;}
.topnav li{ font-size:18px; text-align:center; font-family:"Microsoft YaHei"; border-bottom:1px solid #ddd;}
.topnav li.active{ border-bottom:1px solid #f60;}
.topnav li a{ display:block; padding:0 20px; line-height:48px;}
.topnav li.active a{ color:#f60;}
.topmore{ width:36%; margin-top:10px; float:right; background:#f2f2f2;}
.topmore li{ font-size:12px; text-align:center; border-bottom:1px solid #ddd;}
.topmore li.curr{border-bottom:1px solid #f60;}
.topmore li a{ display:block; padding:0 20px; line-height:48px;}
.topmore li.curr a{ color:#f60;}
.r-line{ padding-bottom:20px;}
.istop-post span{ display:none;}
/*-----------------------------页底部分-----------------------------*/
#footer { width:100%; height:auto; margin:0 auto; margin-top:12px; border-top:1px solid #d9d9d9; background:#ebebeb;position:relative; font-size:14px;}
.footer_nav { padding:10px 0; clear:both; line-height:24px; color:#757575;}
.footer_nav dl{ padding:5px 0 0 0;}
.footer_nav dl a{ color:#666;}
.footer_nav dl a:hover{ color:#f60;}
.footer_nav dd a{ color:#666;}
.footer_nav dd a:hover{ color:#f60;}
.widget { padding-bottom:20px;}
.widget h3 { font-size:1.25rem; line-height:24px; border-bottom:1px dashed #ccc; padding-bottom: 6px; color:#333; font-weight:normal;}
.min-content min-pic{ width:100%; display:block; margin-bottom:10px; padding:6px; border:1px solid #ebebeb;}

}