@charset "utf-8";
/*-------------------
*Description:       By www.yiwuku.com
*Website:           https://app.zblogcn.com/?id=1775
*Author:            尔今 erx@qq.com
*update:            2018-07-15(Last:2021-07-31)
-------------------*/
*{margin:0;padding:0;}
ol, ul{list-style:none}
table{border-collapse:collapse;border-spacing:0;} 
fieldset,img{border:0;}
input,select,button{font-size:14px;vertical-align:middle;outline:none;}
em,i{font-style:normal}
body{color:#333;font-size:16px;font-family:"\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53", "Trebuchet MS", Tahoma, Arial, sans-serif;background-color:#fff;background-position:center 0;background-repeat:no-repeat;background-attachment:fixed;}
a{color:#222;text-decoration:none;}
a:hover{color:#1fa0ae;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
.wrap{width:1080px;max-width:96%;margin:0 auto;}
.hasbg #divMiddle{position:relative;margin-top:30px;padding:0 50px;}
.hasbg #divMiddle::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:-1;}
.hasbg .gotop{margin-right:-670px;}
.hasbg #TopNav .wrap, .hasbg #divBottom .wrap{width:1180px;}
.imshow{margin-bottom:25px;overflow:hidden;clear:both;}
.imshow img{max-width:100%;height:auto;}
.imshow.mbs img{width:100%;}
/*---------------------------大模块设定-------------------------------*/
#TopNav{min-height:40px;background:#333;}
#divTop{padding:30px 0 18px;clear:both;}
#divSidebar{float:right;width:300px;}
#divMain{float:left;width:68%;width:calc(100% - 350px);padding:0 0 30px;overflow:hidden;}
/*---------------------------站点标题-----------------------------*/
#BlogTitle{font-size:32px;line-height:1.38;}
#BlogTitle a{color:#333;font-weight:bold;}
#BlogTitle img{max-width:100%;height:auto;}
#BlogSubTitle{color:#a6a6a6;font-size:14px;}
/*-------------------------------导航栏--------------------------------*/
.topmenu{border-left:1px dotted #565656;}
#divMiddle::after, .topmenu::after, #divNavBar::after, .erx-wrap::after{content:'';display:block;height:0;clear:both;visibility:hidden;}
.topmenu li{position:relative;float:left;font-size:14px;border-right:1px dotted #565656;}
.topmenu li a{float:left;display:block;line-height:40px;color:#a6a6a6;padding:0 18px;}
.topmenu li a:hover{color:#fff;}
.topmenu li a .fa{margin-right:4px;}
#divNavBar{width:100%;margin:0 0 50px;border:#333 solid;border-width:1px 0 3px;clear:both;}
#divNavBar h4{display:none;}
#divNavBar>ul>li{position:relative;float:left;line-height:20px;z-index:9995;}
#divNavBar>ul>li:after{width:6px;float:left;margin-top:18px;content:"/";display:block;color:#e6e6e6;font-size:20px;font-family: Arial, Helvetica, sans-serif;}
#divNavBar>ul>li:last-child:after{display:none;}
#divNavBar>ul>li>a{float:left;display:block;line-height:50px;color:#333;font-size:18px;font-weight:bold;letter-spacing:1px;padding:0 20px;}
#divNavBar>ul>li>a.on, #divNavBar>ul>li>a:hover{color:#1fa0ae;}
#divNavBar li ul{display:none;position:absolute;top:100%;left:0;width:100%;background:#333;}
#divNavBar li ul li{border-bottom:1px dotted #565656;}
#divNavBar li ul li a{display:block;color:#a6a6a6;font-size:14px;padding:10px 20px;}
#divNavBar li ul li a:hover{color:#fff;}
#divNavBar + #divSearchPanel{display:none;}
/*------------------------------侧边栏定义---------------------------*/
.function{float:left;width:100%;margin:0 0 20px 0;}
.function .function_t{font-size:18px;margin:0 0 15px 0;line-height:50px;text-align:center;font-weight:bold;border:#333 solid;border-width:1px 0 3px;}
.function li{padding:0.4em 0 0.4em 0;word-break:break-all;}
.function .function_c div{line-height:1.5em;}
#divSearchPanel .function_t{display:none;}
#divLinkage li{float:left;width:50%;font-size:14px;}
#divLinkage li a:before{display:inline-block;content: "\f0c1";margin:-1px 3px 0 0;font:normal normal normal 12px/1 FontAwesome;opacity:.2;vertical-align:middle;}
#divTags li:nth-child(odd) a{font-size:14px;}
#divTags li:nth-child(5n) a{font-size:12px;}
#divTags li:nth-child(6n) a{color:#f90;}
#divTags li:nth-child(7n) a{color:#888;}
#divTags li:nth-child(8n) a{color:#1fa0ae;}
/*------------------------------网站目录定义---------------------------*/
#divMisc li{padding-left:0em;background:none;}
#divCatalog .function_c{padding:1em;background:#f9f9f9}
#divCatalog li ul{margin:8px 0 0;background:#fff;}
#divCatalog li.li-subcate{margin:0 0 0 1em;}
#divSearchPanel input[type="text"]{float:left;width:74%;height:37px;color:#333;padding:4px 6px;line-height:37px;border:1px solid #ccc;box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);transition: border linear .2s,box-shadow linear .2s;box-sizing:border-box;}
#divSearchPanel input[type="text"]:focus{border-color:#d6d6d6;outline:0;box-shadow:none;}
#divSearchPanel input[type="submit"]{width:24%;color:#fff;font-size:1em;line-height:34px;margin-left:2%;text-align:center;background:#333;border:solid #666;border-width:0 0 3px;cursor:pointer;}
#divSearchPanel input[type="submit"]:hover{background:#666;border-color:#333;}
#divTags .tag-count{display:none;}
#divTags li{padding-left:0;padding-right:0.5em;padding:5px 8px 5px 0;display:inline-block;clear:none;}
#divComments li, #divPrevious li{white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;}
#divComments li{font-size:14px;}
#divComments li a:before, #divComments li a:after{display:inline-block;font:normal normal normal 12px/1 FontAwesome;opacity:.2;vertical-align:middle;}
#divComments li a:before{content: "\f10d";margin:-2px 4px 0 0;}
#divComments li a:after{content: "\f10e";margin:0 0 -2px 4px;}
/*-----------------------------日历-----------------------------*/
#divCalendar caption{width:100%;line-height:35px;border-collapse:collapse;text-align:center;}
#divCalendar table{width:100%;border-collapse:collapse;}
#divCalendar th,#divCalendar td{font-size:12px;text-align:center;border:1px #eee solid;line-height:28px;}
#divCalendar td a{color:#F4791F}
/*------------------------------文章---------------------------*/
.itopbox{margin-bottom:25px;background:rgba(0,0,0,.038);padding:30px;overflow:hidden;}
.itopbox dt{text-align:center;padding:0 0 20px;clear:both;}
.itopbox dt a{font-size:32px;font-weight:bold;}
.itopbox dd{float:left;width:48%;margin:6px 1%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.itopbox dd:before{content:'▪';margin-right:5px;}
.itopbox dd .fa{margin-left:5px;color:#693;font-size:14px;}
.itopbox dd .b{font-weight:bold;}
.post-box{margin:0 0 40px;clear:both;word-break:break-all;}
.istop-post{padding-top:0px;padding-bottom:35px;}
.post-box .post-title{margin:0 40px;font-size:24px;font-weight:bold;line-height:1.5;text-align:center;}
.istop .post-title span{margin-right:8px;font-weight:normal;}
.post-meta{margin:0 0 20px;padding:5px 0 0 0;color:#a6a6a6;font-size:14px;text-align:center;}
.post-meta a, .post-footer a{color:#a6a6a6;}
.post-meta a:hover, .post-footer a:hover{color:#333;}
.post-meta .auth:before, .post-meta .comm:before{margin: 0 0 0 8px;padding:0 6px 0 0;content:"/";color:#d6d6d6;}
.post-thumb{position:relative;max-height:300px;margin:0 0 10px;overflow:hidden;}
.post-thumb:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:0;box-shadow:0 0 50px 50px #fff;}
.post-thumb img{position:relative;width:100%;height:auto;}
.post-footer{color:#a6a6a6;font-size:12px;border:solid #333;border-width:1px 0 3px;padding:12px 0;}
.post-footer span{margin:0 16px 0 0;}
.post-footer .fa{margin:0 5px 0 0;color:#333;}
.post-footer .tags a{margin-right:9px;}
.post-body{text-align:justify;line-height:1.8;clear:both;word-break:break-all;}
.post-body a{text-decoration:none;}
.post-body p{margin:15px 0}
.post-body *{max-width:100%;}
.post-body a{color:#1fa0ae;}
.index .post-body, .category .post-body{max-height:82px;overflow:hidden;}
.post-box .more{color:#1fa0ae;margin:20px 0 30px;display:block;text-align:center;}
.post-box .more:hover, .post-body a:hover{color:#333;text-decoration:underline;}

.share-component{text-align:center;padding:10px 0 20px;clear:both;}
.share-component a{position:relative;display:inline-block;width:42px;height:40px;margin:0 6px;color:#fff;font:normal normal normal 24px/40px FontAwesome;background:#333;}
.share-component a:hover{background:#1fa0ae;}
.wechat-qrcode{display:none;position:absolute;bottom:100%;left:50%;width:200px;margin-left:-115px;line-height:1.28;color:#333;font-size:12px;background:#fff;padding:15px;border:1px #eee solid;box-shadow:0 0 9px #ccc;}
.share-component a:hover div{display:block;}

.nextlog{margin:15px 0 0;overflow:hidden;clear:both}
.nextlog a{position:relative;display:block;width:42%;height:70px;padding:10px 0;}
.nextlog a:hover{background:#f6f6f6}
.nextlog .prev{float:left;width:42%;padding-left:4%;}
.nextlog .next{float:right;text-align:right;padding-right:4%;}
.nextlog a span{display:block;color:#aaa;padding:0 0 10px}
.nextlog a i.fa{position:absolute;top:28px;left:5px;}
.nextlog a strong{display:inline-block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.nextlog .next i.fa{left:auto;right:5px}
/*----------文章中引用code------*/
.post-body div.syntaxhighlighter{margin:.5em 1em .5em 2em!important;width:auto!important;}
.post-body li p{overflow:visible;text-indent:0;margin:3px 0;}
.post-body ul, .post-body ol{margin-left:3.5em;}
.post-body code{width:93%;padding:5px;background:#f8f8f8;border:1px #F4F4F4 solid;}
.post-body blockquote{background:#F4F4F4;border-left:8px solid #ececec;margin:15px 5px;padding:5px 5px 5px 10px;}
.post-body img{max-width:100%;height:auto;}
.post-body table{border-collapse:collapse;background:#fff;line-height:140%;}
.post-body td, th{padding:3px;text-indent:0.25em;}
.post-body h1{color:#000;font-size:1.2em;}
.post-body h2{color:#000;font-size:1.1em;}
.post-body h3{color:#000;font-size:1em;}
.post-body h4{color:#000;font-size:1em;}
.post-body h5{color:#000;font-size:0.9em;}
.post-body h6{color:#000;font-size:0.8em;}
/*---------------------------底部-----------------------------*/
#divBottom{width:100%;line-height:1.68;margin:30px 0 0;padding:15px 0;color:#a6a6a6;overflow:hidden;clear:both;background:#333;}
#BlogCopyRight{float:left;max-width:60%;font-size:12px;}
#BlogPowerBy{float:right;font-size:12px;font-family:Impact, Charcoal, sans-serif;opacity:.4;}
#divBottom a{color:#888;}
#divBottom a:hover{color:#fff;}
.gotop{display:none;position:fixed;right:50%;bottom:150px;width:32px;height:40px;line-height:40px;margin-right:-620px;text-align:center;border:1px #333 solid;background:rgba(255,255,255,.5);cursor:pointer;border-radius:8px;z-index:9991;}
.gotop:hover{background:#fff;}
/*---------------------------评论----------------------------------*/
ul.msg{min-height:70px;margin:20px 0;padding:0 0 20px;list-style-position:outside;border-bottom:1px solid #333;table-layout:fixed;word-wrap:break-word;}
li.msgname{font-size:14px;padding:0 0 0 5px;}
li.msgurl{text-align:right;padding:2px 10px;}
li.msggravatar{display:block;float:left;margin-right:5px;}
li.msgarticle{list-style-position:outside;padding:10px 0;line-height:160%;padding-left:83px;}
img.avatar{float:left;width:68px;height:68px;margin:0 15px 0 0;}
ul.msg small{color:#a6a6a6;font-size:14px;}
ul.msg ul.msg{padding:20px 0 0;margin:20px 0 0;border-top:1px solid #333;border-bottom:none;}
ul.msg ul.msg li.msgarticle{padding-bottom:0px;}
ul.msg ul.msg li.msgname{padding:0;}
ul.msg.msghead{min-height:40px;margin-bottom:0;padding-bottom:0;font-size:18px;font-weight:bold;}
/************评论发表*************/
ul.pagebar, ul.msghead{border:none;}
ul.msghead li.tbname{padding-bottom:10px;border-bottom:1px solid #333;}
.cpost{background:#f3f3f3;}
#divCommentPost{width:96%;padding:10px 2%;}
#divCommentPost p{margin-bottom:15px;font-size:14px;}
#divCommentPost .item{position:relative;float:left;width:49%;margin-right:1%;}
#divCommentPost .item input{width:100%;box-sizing:border-box;}
#divCommentPost .item label{position:absolute;top:0;right:9px;color:#999;font-size:12px;}
#divCommentPost .emial, #divCommentPost .vcode{float:right;margin-right:0;}
#divCommentPost label{margin-top:5px;}
#divCommentPost p.posttop{font-weight:bold;margin-bottom:15px;}
#divCommentPost img{margin-bottom:-0.5em;}
#divCommentPost .vcode img{position:absolute;top:1px;right:70px;}
#cancel-reply{float:right;margin-right:2em;}
div.reply-frm{margin-top:10px;min-width:300px;background:#f0f0f0;}
input.text{border:1px solid #d7d7d7;line-height:32px;height:32px;padding:2px 5px;}
#txaArticle{display:block;margin:0 auto;padding:5px;width:100%;height:150px;border:1px solid #d7d7d7;box-sizing:border-box;}
input.button{color:#fff;font-size:14px;width:100%;height:32px;background:#3a6ea5;border:0;cursor:pointer;}
/*--------------------------分页条-------------------------------*/
.pagebar{padding:20px 0;}
.pagebar .page{display:inline-block;padding:4px 8px;margin:4px;border:1px solid #333;}
.pagebar .now-page{color:#fff;padding:4px 8px;margin:5px;border:1px solid #333;background:#333;}
.pagebar a:hover .page{color:#1fa0ae;border:1px solid #1fa0ae;}
@media only screen and (max-width: 750px) {
	.wrap, .hasbg #divBottom .wrap{width:90%;}
	#TopNav .wrap{width:100%;max-width:100%;}
	.hasbg #divMiddle{margin-top:0;padding:0 5%;}
	#BlogTitle, #BlogSubTitle{text-align:center;}
	.topmenu li{width:25%;text-align:center;border-bottom:1px dotted #565656;box-sizing:border-box;}
	.topmenu li a{float:none;display:inline;font-size:12px;padding:0;}
	#divMain, #divSidebar{width:100%;}
	#divNavBar{position:relative;margin:0 0 30px;z-index:999;}
	#divNavBar>ul{display:none;position:absolute;top:100%;left:0;width:100%;background:#333;}
	#divNavBar>ul.mbs{display:block;}
	#divNavBar>ul>li{border-bottom:1px dotted #565656;}
	#divNavBar>ul>li, #divNavBar>ul>li>a{float:none;color:#fff;font-weight:normal;}
	#divNavBar>ul>li:after, #divSidebar #divSearchPanel{display:none;}
	#divNavBar + #divSearchPanel{display:block;}
	#divNavBar h4{display:block;line-height:50px;color:#1fa0ae;font-size:18px;text-align:center;}
	#divNavBar h4 span{margin-left:5px;}
	#divNavBar li ul{position:static;margin:-6px 0 5px;}
	#divNavBar li ul li{border-bottom:1px #444 dotted;}
	#divNavBar li ul li:last-child{border-bottom:0;}
	#divNavBar li ul li a{text-indent:20px;}
	.itopbox{padding:25px 15px;}
	.itopbox dt a{font-size:24px;}
	.itopbox dd{width:98%;}
	.post-box .post-title{font-size:20px;margin:0 20px;}
	.post-thumb{max-height:180px;}
	.nextlog a{height:auto;}
	.nextlog .prev{padding-left:8%;}
	.nextlog .next{padding-right:8%;}
	.nextlog a strong{white-space:normal;}
	.nextlog a i.fa{top:35px;}
	li.msgarticle{padding-left:0;}
	ul.msg ul.msg{border-top-style:dashed;}
	ul.msg ul.msg li.msgarticle{color:#888;font-size:14px;}
	#BlogCopyRight{max-width:100%;}
	#BlogPowerBy{float:none;}
	.gotop, .hasbg .gotop{right:5%;bottom:120px;margin-right:0;}
	#divCommentPost .item{float:none;width:100%;margin-right:0;}
}