/*
Theme Name:zbthird
Theme URI: http://www.boke8.net/zblog-php-third.html
Author: 博客吧
Author URI: http://www.boke8.net
*/
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
div,html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{margin:0;padding:0;}
body{background-color:#F1F1F1;font:16px/1.5em sans-serif;word-wrap:break-word;}
a{text-decoration:none;color:#222;}
a:hover{color:#2689ff;}
li{list-style:none;}
textarea,input{font-family:sans-serif;outline:none;font-size: 1em;}
.clear{clear:both;}
a img{border:none;}
img{vertical-align:middle;max-width:100%;}
table{background-color:transparent;border-spacing:0;border-collapse:collapse;width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd;box-sizing:border-box;}
table th{background-color:#f9f9f9;text-align:center;box-sizing:border-box;}
table td,table th{padding:5px 10px;border:1px solid #ddd;box-sizing:border-box;}

/*gold*/
.inner{width:1200px;max-width:93.75%;margin:0 auto;height:auto;position:relative;}
.page-bg{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:4;display:none;}
.topad{margin:23px;overflow:hidden;}
.allBtm{width:1200px;margin:23px auto;overflow:hidden;}
.topad img,.allBtm img{display:block;width:100%;height:auto;}

/*topbar*/
#topbar{background-color:#222;height:28px;line-height:28px;font-family:'SimSun';font-size:0.75em;}
#topbar .inner{display:flex;justify-content:space-between;}
#topbar a{color:#D5D5D5;}
#topbar a:hover{color:#fff;}

/*social*/
#social{font-size:1.35em;}
#social ul{display:flex;}
#social li{margin-left:1em;position:relative;}
#social .qr{background-color:#fff;padding:3px;border:1px solid #e4e4e4;border-radius:5px;position:absolute;left:50%;transform:translateX(-50%);top:100%;z-index:5;width:7em;display:none;}
#social .qr img{display:block;width:100%;height:auto;}

/*header*/
#header{background-color:#fff;}
#header .inner{display:table;table-layout:fixed;}

/*logo*/
#logo{display:table-cell;vertical-align:middle;width:160px;}
#logo a{display:block;padding-bottom:21.25%;background:no-repeat left center;background-size:contain;overflow:hidden;position:relative;}
#logo i{display:block;position:absolute;left:0;top:0;width:100%;height:100%;text-indent:-99999em;overflow:hidden;}

/*search*/
#search{display:table-cell;vertical-align:middle;width:16.40625%;}
#search form{display:block;position:relative;border:1px solid #ddd;border-radius:3px;}
#search .text{height:2.2em;font-size:0.875em;line-height:1.5em;padding:0.35em 2.2em 0.35em 1em;border-radius:3px;overflow:hidden;box-sizing:border-box;display:block;width:100%;border:none;background-color:transparent;}
#search .text:focus{box-shadow:0 0 3px #2689FF;}
#search .submit{position:absolute;top:0;height:100%;width:2.2em;right:0;background:url(images/search-btn.png) no-repeat center center;cursor:pointer;background-size:52% auto;border:none;}

/*menu*/
#menu{display:table-cell;vertical-align:middle;}
#menu a{display:block;color:#333;}
#menu > ul{display:table;margin:0 auto;}
#menu > ul > li{display:table-cell;vertical-align:middle;line-height:2.125em;padding:0 1.5em;position:relative;transition:all 0.4s ease 0s;}
#menu > ul > li > a{padding:1em 0;position:relative;}
#menu > ul > li > a:after{height:2px;background-color:#2689FF;position:absolute;left:0;bottom:0;width:100%;content:'';display:none;}
#menu .on > a,#menu .cur > a{color:#2689FF;}
#menu .cur > a:after{display:block;}
#menu li ul{position:absolute;min-width:100%;left:50%;transform:translateX(-50%);top:100%;background-color:#fff;z-index:3;padding:0.7em 0;display:none;}
#menu li li{line-height:1.5em;text-align:center;font-size:0.875em;}
#menu li li a{padding:0.35em 1.5em;white-space:nowrap;}
#menu em{display:none;position:absolute;right:0;top:0;height:3.125em;width:3.125em;z-index:5;cursor:pointer;}
#menu em:after{width:0.5em;height:0.5em;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;transform:rotate(45deg);content:'';display:block;position:absolute;left:50%;top:50%;margin-top:-0.375em;}

/*navbtn*/
#navbtn{position:absolute;right:0;top:50%;transform:translateY(-50%);width:1.25em;height:1.125em;overflow:hidden;cursor:pointer;display:none;}
#navbtn:before,#navbtn:after,#navbtn i{background-color:#ddd;width:100%;height:2px;border-radius:2px;display:block;content:'';position:absolute;left:0;}
#navbtn i{top:50%;transform:translateY(-50%);}
#navbtn:before{top:0;}
#navbtn:after{bottom:0;}

/*breadcrumb*/
#breadcrumb{padding-top:10px;margin-top:18px;overflow:hidden;}
#breadcrumb span{font-size:0.875em;color:#444;}
#breadcrumb span a{color:#444;}
#breadcrumb .info {display: flex; flex-wrap: wrap; align-items: flex-end;}
#breadcrumb .info .name {font-size:1.75em;color:#555;font-weight:normal;line-height:1.35em;margin-right:1em; text-transform: uppercase;}
#breadcrumb .info p{color:#777; padding:0 1.5675em; position: relative;}
#breadcrumb .info p:before,#breadcrumb .info p:after {display: block; content: ''; width: 1.0625em; height: 0.6875em; background: no-repeat center center; background-size: contain; position: absolute;}
#breadcrumb .info p:before {background-image: url(images/block_l.png); left:0; top:0;}
#breadcrumb .info p:after {background-image: url(images/block_r.png); right: 0; bottom:0;}

/*container*/
#container{margin-top:18px;overflow:hidden;}

/*sidebar*/
.sidebar{background-color:#fff;width:26.667%;float:right;}
.widget{margin-bottom:15px;overflow:hidden;}
.widget h3,.related-pic h3,.related-post h3,#commentlist h3{border-left:3px solid #2689FF;margin:15px 0;padding-left:20px;font-size:1em;}
.widget img{width:auto;max-width:100%;height:auto;}
.widget ul,#divSearchPanel div,#divContorPanel div,#divCalendar table{padding:0 23px;}
.widget ul li{font-size:0.875em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:url(images/post.png) no-repeat left center;padding-left:20px;line-height:2em;}
.widget ul li.new-cmts,.widget ul li.post-thumb{font-size:1em;white-space:normal;background:none;padding-left:0;line-height:1.5em;}
.widget .new-cmts p{margin-bottom:15px;}
.widget .new-cmts .title{font-size:0.875em;font-weight:bold;}
.widget .new-cmts .title a,.post-blog h2 a,.widget ul li a{color:#222;}
.widget .new-cmts .title a:hover,.post-blog h2 a:hover{color:#555;}
.widget .new-cmts .cont{font-size:0.75em;padding:10px;color:#555;background-color:#F1F1F1;position:relative;font-family:'SimSun';}
.widget .new-cmts .cont span{border-bottom:9px solid #F1F1F1;border-left:9px solid transparent;border-right:9px solid transparent;display:block;position:absolute;top:-8px;left:10%;}
.widget .new-cmts .author{font-size:0.75em;text-align:right;color:#555;}
.widget ul li.post-thumb{font-size:0.875em;padding:10px 0;}
.widget ul li.post-thumb:hover img {transform: scale(1.05);}
.widget .thumb{width:80px;padding-bottom:20.438%;float:left;margin-right:10px;position:relative;}
.widget .thumb img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;transition: all 0.2s;}
.widget .post-thumb p.time{text-align:right;font-size:0.875em;color:#888;}
.widget input[type="text"]{width:60%;height:35px;line-height:35px;border:1px solid #ddd;-webkit-border-radius:3px;border-radius:3px;padding:0 2%;}
.widget input[type="submit"]{height:35px;width:17%;background:#F04848;border:none;color:#fff;cursor:pointer;border-radius:3px;}
#tbCalendar{text-align:center;}
#tbCalendar caption a{color:#000;}
#tbCalendar caption{height:40px;padding:0 10px;line-height:40px;}
#divSearchPanel div{text-align:center;}
#divSearchPanel div,#divContorPanel div{font-size:0.875em;}
#divTags ul{overflow:hidden;}
#divTags ul li{float:left;background:none;font-size:0.75em;margin:5px 0;display:inline;}
#divTags ul li a{display:block;float:left;background:#2689FF;color:#fff;padding:2px 4px;border-radius:2px;}
#divTags ul li a:hover{background:#222;color:#fff;}
#tbCalendar{width:100%;}
#tbCalendar caption{font-weight:bold;}
#tbCalendar thead,#tbCalendar tbody{background:#fff;}
#tbCalendar td,#tbCalendar th,table#tbCalendar{border:none;}
#tbCalendar thead tr th{padding:10px 0;}
#tbCalendar tbody tr td{padding-bottom:10px;}
#tbCalendar tbody tr td a{background:#F04848;color:#fff;padding:2px;font-size:0.75em;border-radius:5px;}
#divLinkage ul,#divCatalog ul,#divFavorites ul{overflow:hidden;}
#divLinkage ul li,#divCatalog ul li,#divFavorites ul li{background:none;float:left;width:50%;padding-left:0;margin:5px 0;text-align:center;}
#divLinkage ul li a,#divCatalog ul li a,#divFavorites ul li a{display:block;background:#efefef;color:#666;width:95%;margin:0 auto;}
#divCatalog ul li a:hover{background:#2689FF;color:#fff;}
#divMisc ul li{background:none;padding-left:0;margin:5px auto;text-align:center;}
#divMisc ul li a{display:block;}
#divMisc ul li img{display:block;margin:0 auto;}
#divStatistics ul li,#divAuthors ul li,span.cp-hello,span.cp-login,span.cp-vrs{background:none;border-left:4px solid #F15A5A;background:#efefef;color:#666;margin:5px 0;}
span.cp-hello,span.cp-login,span.cp-vrs{display:block;padding:5px 10px;margin:0;}

/*main*/
.main{float:left;width:70.833%;background-color:#fff;overflow:hidden;transition:width 0.3s ease-in 0s;}

/**/
.postItem{float:left;width:46%;padding:2%;}
.postItem .thumbnail{margin-bottom:15px;}
.postItem .thumbnail a{overflow:hidden;padding-bottom:70%;display:block;position:relative;}
.postItem .thumbnail img{display:block;position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition: all 0.2s;}
.postItem .thumbnail img:hover{opacity:0.9;}
.postItem h2{font-size:18px;line-height:1.5em;font-weight:normal;margin-bottom:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.postItem h2 strong {color:#f00;}
.postItem .btm{background-color:#f8f8f8;padding:10px;position:relative;}
.postItem .btm:before{border-bottom:9px solid #f8f8f8;border-left:9px solid transparent;border-right:9px solid transparent;display:block;position:absolute;bottom:100%;left:10%;content:'';}
.postItem .excerpt{font-size:14px;line-height:2em;height:6em;overflow:hidden;text-overflow:ellipsis;color:#555;position:relative;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.postItem:hover img {transform: scale(1.05);}
/*post*/
.post{padding:23px 0;}
.post h2,.postTitle{border-left:3px solid #2689FF;padding-left:20px;font-size:24px;color:#333;line-height:1.5em;margin-bottom:15px;}

/*postmeta*/
.postmeta{padding:0 23px;font-size:12px;line-height:2em;color:#777;margin-bottom:15px;}
.postmeta span{margin-right:15px;}
.postmeta a{color:#777;}
.postmeta a:hover{text-decoration:underline;}

/*entry*/
.entry{padding:0 23px;font-size:16px;line-height:1.875em;}
.entry img,.entry video{max-width:100%;height:auto!important;}
.entry a{color:#2689FF;}
.entry a:hover{text-decoration:underline;}
.entry p,.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6{margin-bottom:20px;}
.entry blockquote{overflow:hidden;margin-bottom:20px;padding:15px 15px 0;background-color:#f1f1f1;border-radius:3px;}
.entry ul,.entry ol{padding-left:1em;margin-bottom:20px;margin-left:2em;}
.entry ul li{list-style:outside disc none;}
.entry ol li{list-style:outside decimal none;}
.entry li p{margin-bottom:0;}
.entry table{background-color:transparent;border-spacing:0;border-collapse:collapse;font-size:16px;width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd;box-sizing:border-box;}
.entry table th{background-color:#f9f9f9;text-align:center;box-sizing:border-box;}
.entry table td,.entry table th{padding:5px 10px;border:1px solid #ddd;box-sizing:border-box;}

/*statement*/
#statement{font-size:12px;line-height:2em;background-color:#f6f6f6;margin:0 23px 15px;text-align:center;padding:5px 0;color:#777;}
#statement a{color:#777;text-decoration:underline;}

/*tags*/
#tags{padding:1em 23px;font-size:0.875em;overflow:hidden;}
#tags span{display:block;padding:2px 8px 2px 8px;background:url(images/tags.png) no-repeat left center;padding-left:25px;color:#444;float:left;}
#tags a{display:block;float:left;background-color:#F3F3F3;padding:2px 8px;color:#666;border-radius:3px;margin-right:10px;font-size:0.875em;margin-bottom:5px;}
#tags a:hover{background-color:#2689FF;color:#fff;}
.post .postnavi{padding:0 23px;font-size:0.875em;margin-bottom:15px;overflow:hidden;}
.post .postnavi p{padding:5px 0;font-size:0.875em;}
.post .postnavi a{color:#666;}

/*share*/
#share{text-align:center;}
#share span{background-color:#60C8C7;display:inline-block;width:60px;height:60px;border-radius:50%;margin:15px;transition:all 0.4s ease 0s;}
#share .qzone{background-color:#FBB700;}
#share .weibo{background-color:#E84B39;}
#share a{display:block;width:100%;height:100%;background:url(images/share-round.png) no-repeat;transition:all 0.4s ease 0s;}
#share .qzone a{background-position:-231px -76px;}
#share .qzone a:hover{background-position:-231px -8px;}
#share .weibo a{background-position:-90px -76px;}
#share .weibo a:hover{background-position:-90px -8px;}

/*related*/
.bx-wrapper{position:relative;margin:0 auto;}
.bx-controls{position:absolute;right:0;top:-39px;}
.bx-controls a{font-size:0.875em;color:#555;margin-left:5px;background-color:#2689FF;color:#fff;padding:2px 5px;border-radius:2px;}
.related-pic,.related-post{background-color:#fff;margin-bottom:15px;}
.related-post ul{overflow:hidden;padding:0 23px;}
.related-pic ul{padding:0 23px;}
.related-pic ul li{float:left;width:193.5px;display:inline;padding-bottom:15px;}
.related-pic .thumbnail{margin-bottom:15px;padding-bottom:70%;position:relative;overflow:hidden;}
.related-pic .thumbnail a{display:block;overflow:hidden;}
.related-pic .thumbnail img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;transition:transform 0.4s ease 0s;}
.related-pic .thumbnail img:hover{opacity:0.7;transform:scale(1.4,1.4);transition:transform 0.4s ease 0s;}
.related-pic ul li p{font-size:0.875em;line-height:1.5em;}
.related-pic ul li p a,.related-post ul li a{color:#222;}
.related-pic ul li p a:hover,.related-post ul li a:hover{color:#3199DC;}
.related-post h3{margin-bottom:15px;}
.related-post ul li{font-size:0.875em;line-height:2em;}

/*commentlist*/
#commentlist .title{overflow:hidden;}
#commentlist .title h3{font-size:0.875em;float:left;}
#commentlist .title span{float:left;padding:15px;font-size:0.875em;color:#666;}
#commentlist .title span.gocmt{float:right;padding:15px 23px 15px 0;}
#commentlist .title span.gocmt a{background-color:#2689FF;color:#fff;padding:4px 8px;border-radius:2px;}
#commentlist ol{padding:0 23px;}
#commentlist ol ol{padding:0;}
#commentlist li{position:relative;overflow:hidden;border-top:1px solid #eee;padding-top:1em;margin-top:1em;}
#commentlist .gravatar{float:left;}
#commentlist .gravatar img{width:48px;height:48px;border-radius:50%;display:block;}
#commentlist .info{margin-left:48px;padding-left:1.5%;font-size:16px;line-height:1.35em;}
#commentlist .author{margin-bottom:5px;font-weight:bold;}
#commentlist .cont{font-size:0.875em;line-height:1.875em;color:#333;margin-bottom:5px;}
#commentlist .meta{font-size:0.75em;color:#888;display:flex;justify-content:space-between;flex-wrap:wrap;}
#commentlist .reply a{color:#2689FF;}
#commentlist li li{margin-left:48px;padding-left:1.5%;margin-top:1em;}

/*comment*/
#comment{clear:both;padding:18px 23px 0;}
#comment .item{margin-bottom:10px;overflow:hidden;font-size:14px;}
#comment label{display:block;float:left;line-height:36px;}
#comment i{color:#f00;font-style:normal;}
#comment .input{overflow:hidden;position:relative;margin-left:65px;}
#comment .text{box-sizing:border-box;border:1px solid #ddd;display:block;width:100%;padding:5px 10px;height:36px;line-height:26px;border-radius:3px;}
#comment .text:focus{border:1px solid #2689FF;box-shadow:0 0 3px #2689FF;}
#comment textarea.text{height:150px;resize:vertical;}
#comment .verify .input{padding-right:100px;}
#comment .verify img{display:block;position:absolute;right:0;bottom:50%;transform:translateY(50%);height:30px;width:auto;border-radius:3px;cursor:pointer;}
#comment .submit{cursor:pointer;display:block;height:36px;border-radius:3px;background-color:#3498DB;color:#fff;border:none;width:5em;font-size:16px;float:right;}
#comment .submit:hover{background-color:#5DADE2;}
#cancel-reply{display:inline-block;color:#888;}
.postbottom{font-size:12px;color:#888;}

/*pagenavi*/
.pagenavi{clear:both;overflow:hidden;padding:1.25em 0 2.1875em;text-align:center; display: flex; justify-content: center;}
.pagenavi a,.pagenavi span.now-page{background-color: #f1f1f1; display:block;padding:0 5px;color:#888;margin:0 5px;font-size:0.875em; height:2.285em; line-height: 2.285em; min-width:2.285em; box-sizing: border-box;}
.pagenavi a:hover,.pagenavi span.now-page{background-color:#2689FF;color:#fff;border-radius:3px;}

/*footer*/
#footer{background-color:#222;padding:30px 0;margin-top:18px;text-align:center;color:#d4d4d4;}
.friendlinks ul{padding:5px 0;}
.friendlinks ul li{display:inline;font-size:0.875em;padding:0 5px;}
.friendlinks ul li a{color:#d4d4d4;}
.friendlinks ul li a:hover{color:#fff;text-decoration:underline;}
.copyright{font-size:0.75em;}
.copyright a{color:#d4d4d4;display:inline-block;}
.copyright img{display:inline-block;vertical-align:middle;margin-top:-3px;width:auto;height:20px;}
.backtop{position:fixed;top:70%;right:10px;width:23px;height:23px;background:url(images/backtop.png) no-repeat center center;cursor:pointer;}

/*page404*/
.page404{text-align:center;padding:3.5% 0;margin-bottom:3.5%;}
.page404 h2{font-size:28px;font-weight:normal;line-height:1.35em;margin-bottom:20px;}
.page404 .warning{font-size:16px;color:#333;line-height:1.875em;}
.page404 .warning a{color:#333;}

/*recent*/
#recent{background-color:#fff;overflow:hidden;padding:2% 1%;}
#recent h3{font-size:24px;text-align:center;line-height:1.5em;padding:1.5% 0;color:#333;font-weight:normal;}
#recent .item{width:23%;padding:1%;}

/*screen width*/
@media only screen and (max-width:1280px){

	/*1280px*/
	#menu > ul > li{padding:0 1.5625vw;}
}
@media only screen and (max-width:1024px){

	/*1024px*/
	#header .inner{display:flex;justify-content:space-between;align-items:center;padding:1em 0;}

	/*1024px*/
	#menu{position:fixed;left:0;top:94px;height:calc(100vh - 94px);background-color:#fff;display:block;border-top:1px solid #e4e4e4;width:100%;z-index:9;transform:translateX(-100%);opacity:0;transition:all .3s;overflow-y:auto;-webkit-overflow-scrolling:touchl}
	#menu.active{transform:translateX(0);opacity:1;}
	#menu > ul{display:block;padding:3.125%;}
	#menu > ul > li{display:block;border-bottom:1px solid #eee;padding:0;}
	#menu > ul > li > a{padding:0.5em 0;}
	#menu > ul > li > a:after{display:none;}
	#menu li ul{position:static;padding:0;transform:none;}
	#menu li li{text-align:left;padding:0.5em 1em;border-top:1px solid #f5f5f5;}
	#menu em{display:block;}

	/*1024px*/
	#navbtn,#logo{display:block;}

	/*1024px*/
	#search{width:210px;display:block;margin-right:2em;}

	/*1024px*/
	.main{float:none;width:auto;}

	/*1024px*/
	.sidebar{display:none;}
}
@media only screen and (max-width:768px){

	/*768*/
	.postTitle{font-size:20px;}

	/*768*/
	.postItem{width:auto;float:none;}
	.postItem h2{font-size:16px;font-weight:bold;}

	/*768*/
	#comment label{float:none;line-height:1.5em;margin-bottom:5px;}
	#comment .input{margin-left:0;}
	#comment .submit{font-size:14px;height:32px;}

	/*768*/
	#commentlist .gravatar img{width:35px;height:35px;}
	#commentlist .info{margin-left:35px;padding-left:2.5%;}
	#commentlist li li{margin-left:35px;padding-left:2.5%;}

	/*768*/
	#search{width:160px;}

	/*768*/
	#recent .item{width:48%;float:left;}
	#recent .btm{display:none;}
	#recent h2{font-size:14px;height:3.5em;line-height:1.75em;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

	/*768*/
	.page404 h2{font-size:20px;}
	.page404 .warning{font-size:14px;}

    /*768*/
    #breadcrumb .info .name {font-size: 1.35em;}
    #breadcrumb .info p {font-size: 0.75em;}
}
@media only screen and (max-width:480px){
	#share span{margin:15px 3.125%;}
}