/*
Theme Name:wp-mzablogcms
Theme URI: https://www.boke8.net/wp-mzablogcms.html
Author: 博客吧
Author URI: https://www.boke8.net/
Description: CMS资讯型网站zblog模板，响应式结构！
Version: 1.0.0
License: 使用条款
License URI: https://www.boke8.net/
Tags: gray, orange, CMS, 自定义菜单, theme-options
Text Domain: boke8.net
*/
:root {  
    --font-color:#333;
    --main-color:#F13F3F;
}
*{-webkit-tap-highlight-color:transparent;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
*:before,*:after {box-sizing: border-box;}
@media (min-width:1025px){
	::-webkit-scrollbar{width:0.06rem;height:0.12rem;background-color:#fff;}
	::-webkit-scrollbar-thumb{background-color:var(--main-color);border-radius:0.2rem;}
}
html {-webkit-text-size-adjust:none; font-size: calc(100vw/19.2); scroll-behavior: initial;}
@media only screen and (max-width:1900px){
    /*1900px*/
    html{font-size:100px;}
}
@media only screen and (max-width:1706px){
    /*1706px*/
    html{font-size:calc(100vw/17.6);}
}
@media only screen and (max-width:1280px){
    /*1280px*/
    html{font-size:calc(100vw/12.8);}
}
@media only screen and (max-width:1024px){
    /*1024px*/
    html{font-size:calc(100vw/10.24);}
}
@media only screen and (max-width:750px){
    /*750px*/
    html{font-size:calc(180vw/7.5);}
}
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
html,body,div,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,.nmp, .nmp p,.nmp dt, .nmp dd,.nmp ul, .nmp ol, .nmp li{margin:0;padding:0;}
body {background-color:#f7f5f5; color:var(--font-color); font:0.16rem/1.875em "Microsoft Yahei",Arial; overflow-x:hidden; word-wrap:break-word; overflow-wrap: break-word; hyphens: auto;}
/*table*/
table {background-color: transparent; border-spacing: 0; border-collapse: collapse; width:100%; border-top:1px solid #ddd; border-left:1px solid #ddd; box-sizing: border-box;}
table th {background-color:#f8f8f8; text-align:center; box-sizing: border-box;}
table td, table th{padding:0.1rem;border:1px solid #ddd; box-sizing: border-box;}
img.alignleft{float:left;margin:0 1em 1em 0;}
img.aligncenter{display:block;margin:0 auto;}
img.alignright{float:right;margin:0 0 1em 1em;}
/*a*/
a {text-decoration:none; outline:none; color:var(--font-color);}
a:focus {outline:none; -moz-outline:none;}
a:hover {color:var(--main-color);}
a img {border:none;}
/*li*/
ul.nmp li,
ol.nmp li{list-style:none;}
/*img*/
img {vertical-align: middle; max-width: 100%;}
/*form*/
select,input,textarea,button{border-radius:0;-webkit-border-radius:0;background:none;border:none;margin:0;padding:0;outline:none;font-family:inherit; font-size:1em;}
textarea{resize:none;}
input:focus{outline:none;}
input::-moz-placeholder{opacity:1; color:#ccc;}
input:-moz-placeholder{opacity:1; color:#ccc;}
input::-webkit-input-placeholder{opacity:1; color:#ccc;}
input:-ms-input-placeholder{opacity:1; color:#ccc;}
textarea::-moz-placeholder{opacity:1; color:#ccc;}
textarea:-moz-placeholder{opacity:1; color:#ccc;}
textarea::-webkit-input-placeholder{opacity:1; color:#ccc;}
textarea:-ms-input-placeholder{opacity:1; color:#ccc;}
/*rows*/
[class*=rows_]{display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.rows_1{display: block; white-space: nowrap;}
.rows_2{line-clamp:2; -webkit-line-clamp:2;}
.rows_3{line-clamp:3; -webkit-line-clamp:3;}
.rows_4{line-clamp:4; -webkit-line-clamp:4;}
.rows_5{line-clamp:5; -webkit-line-clamp:5;}
/*flex*/
.flex {display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex; --align:center; align-items: var(--align); --justify:space-between; justify-content: var(--justify); --wrap:wrap; flex-wrap: var(--wrap);}
/*ibox*/
.ibox {background-color: #fff; border: 1px solid #eee; padding: 0.2rem; overflow: hidden; position: relative;  margin-bottom: 0.2rem;}
/*iname*/
.wp-block-heading,
.iname {font-size: 0.18rem; line-height: 1.35em; border-bottom: 1px solid #eee; padding:0 0 0.1rem; margin:0 0 0.2rem;}
/*inner*/
.inner {width:93.75%; max-width:16rem; margin:0 auto;}
/*clearfix*/
.clearfix{ clear:both; overflow:hidden; width: 100%;}
.clearfix:after {display: block; content: ''; width: 100%; clear:both; overflow: hidden;}
/*delay*/
.delay { --property:all; --delay:0.3s; transition: var(--property) var(--delay);}
/*thumbnail*/
.thumbnail {position:relative; overflow: hidden;}
.thumbnail:after {display: block; content:''; padding-bottom: 75%;}
.thumbnail a,
.thumbnail img {display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
.thumbnail img {object-fit:cover;}
.thumbnail:hover img {transform: scale(1.05);}
/*warning*/
.warning {font-size:0.15rem; color:#999; line-height: 2em;}
.warning a {color:#999;}
.warning a:hover {color:var(--font-color);}
/*banner*/
.banner {clear:both; overflow: hidden;}
.banner img {width: 100%; height: auto; display: block;}
.banner a {display: block; overflow: hidden;}

/*header*/
#header{background-color:#fff;box-shadow:0px 0px 0.1rem #ccc;position:relative;}
#header .inner {position: relative;}

/*logo*/
#logo{padding:0.15rem 0;width:2.2rem;}
#logo a{display:block;background:no-repeat left center;background-size:contain;overflow:hidden; padding-bottom: 23.5295%; position: relative;}
#logo i {display: block; position: absolute; left:0; top:0; width: 100%; height: 100%;text-indent:-99999em;overflow:hidden;}

/*button*/
#button li{margin-left:0.3125em;position:relative;}
#button li:first-child {margin-left: 0;}
#button li a{border:1px solid #dedede;height:2.1875em;width:2.1875em;text-align:center;border-radius:0.125em;background-color:#fff;--justify:center;}
#button li a:hover,#button li:not(.rss).on > a{background-color:#2f3c4e;border-color:#2f3c4e;color:#fff;}
#button .rss a{border-color:#ff9101;background-color:#ff9101;color:#fff;}
#button .nbtn {display: none;}

/*search*/
#search{position:absolute;right:0;top:100%;width:5rem; max-width:100%;padding:0.2rem 0.2rem;z-index:3; background-color: #fff; box-shadow: 0px 0px 0.1rem rgba(0,0,0,0.1); display: none;}
#search form{display:block;position:relative;padding-right:0.6rem;}
#search .s{height:0.46rem;line-height:1.5em;padding:0.625em 1em;border:1px solid #ddd;border-radius:0.05rem 0 0 0.05rem;width:100%; border-right: none;}
#search .submit{position:absolute;right:0;top:0;display:block;width:0.6rem;background-color:var(--main-color);color:#fff;height:100%;border-radius:0 0.05rem 0.05rem 0;cursor:pointer;}

/*nav*/
#nav{width: calc(100% - 3rem);}
#nav > ul {padding:0 1.25em; display: flex; justify-content: flex-end; flex-wrap: nowrap;}
#nav > ul > li {line-height:2em;font-size:0.18rem;padding:0.23rem 1.25em;position:relative;}
#nav li {list-style: none;}
#nav li a{display:flex; align-items: center;transition:all 0.3s;position:relative;z-index:5;}
#nav li .fas {font-size:0.875em; margin-left: 0.5em;}
#nav li.on > a,#nav li.current-menu-item > a,#nav li.current-menu-parent > a,#nav li.current_page_item > a{color:var(--main-color);}
#nav li ul{position:absolute;left:50%;top:120%; transform: translateX(-50%); min-width:100%; background-color:rgba(255,255,255,.9);box-shadow:0px 0px 1em #ddd;padding:0.5em 0;z-index:3;opacity:0; visibility: hidden;}
#nav .on > ul {top:100%;opacity:1;transition:all 0.5s; visibility: visible;}
#nav li li{text-align:center;line-height:2em; font-size:0.8889em;}
#nav li li a{padding:0.5em 1em;background-color:transparent; display: block; white-space: nowrap;}
#nav em {display: none;}

/*breadcrumb*/
#breadcrumb{font-size:0.13rem;color:#888; line-height: 1.5em; margin-top: 0.2rem;}
#breadcrumb a{color:#888;}
#breadcrumb i{font-style:normal;font-family:'Simsun';margin:0 0.03rem;}

/*container*/
#container{padding:0.2rem 0;}
#container .inner {--align:flex-start;}

/*main*/
#main{width: calc(100% - 4.2rem);}

/*owl-carousel*/
.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1;}
.owl-carousel img{width:100%;height:auto;display:block;}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:pan-Y;-moz-backface-visibility:hidden;backface-visibility:hidden;}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.owl-carousel .owl-stage-outer{position:relative;-webkit-transform:translate3d(0px,0px,0px);transform:translate3d(0px,0px,0px);}
.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;}
.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled{display:none;}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-indent:-9999em;width:0.14rem;height:0.24rem;position:absolute;top:50%;transform: translateY(-50%); background:url(static/images/arrows.png) no-repeat 0 0; background-size: 100% auto;}
.owl-carousel .owl-nav .owl-prev{left:0.1rem;}
.owl-carousel .owl-nav .owl-next{background-position: 0 -0.36rem;right:0.1rem;}
.owl-carousel.owl-loaded{display:block;}
.owl-carousel.owl-loading{opacity:0;display:block;}
.owl-carousel.owl-hidden{opacity:0;}
.owl-carousel.owl-refresh .owl-item{visibility:hidden;}
.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:0.2;}
.owl-carousel.owl-drag .owl-item.active{opacity:1;}
.owl-carousel.owl-grab{cursor:move;cursor:grab;}
.owl-carousel.owl-rtl{direction:rtl;}
.owl-carousel.owl-rtl .owl-item{float:right;}
.no-js .owl-carousel{display:block;}
.owl-carousel .animated{animation-duration:1000ms;animation-fill-mode:both;}
.owl-carousel .owl-animated-in{z-index:0;}
.owl-carousel .owl-animated-out{z-index:1;}
.owl-carousel .fadeOut{animation-name:fadeOut;}
@keyframes fadeOut{
    0%{opacity:1;}
    100%{opacity:0;}
}
.owl-height{transition:height 500ms ease-in-out;}
.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity 400ms ease;}
.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d;}
.owl-nav .disabled{opacity:0.5;cursor:default;}
.owl-nav.disabled + .owl-dots{margin-top:10px;}
.owl-dots{position:absolute;bottom:0px;width:100%;left:0;}
.owl-dots .owl-dot{float:left;cursor:pointer;width:25%;}
.owl-dots .owl-dot span{width:100%;height:8px;background:rgba(0,0,0,.7);display:block;-webkit-backface-visibility:visible;backface-visibility:visible;transition:opacity 200ms ease;}
.owl-dots .owl-dot.active span,.owl-dots .owl-dot:hover span{background:#869791;}

/*slides*/
#slides{overflow:hidden;margin-bottom:0.2rem;position:relative;z-index:1;background-color:#fff;}
#slides .load{padding-bottom:52.942%;position:relative;}
#slides .load i{font-size:0.14rem;color:#ddd;position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;text-align:center;line-height:1.75em;}
#slides a{display:block;overflow:hidden;position:relative;padding-bottom:52.942%;background:no-repeat center center;background-size:cover;color:#fff;}
#slides .title {position:absolute;left:0;bottom:0;width:100%;background-color:rgba(0,0,0,.7);font-weight:normal;font-size:0.16rem;line-height:1.75em;padding:0.5em 1.25em; text-align: center;}

/*home_top*/
.recommend ul{width:calc(100% + 0.2rem);--justify:flex-start;}
.recommend li{width:25%;padding-right:0.2rem;}
.recommend li .title {font-size:0.15rem;line-height:1.75em; text-align: center; font-weight: normal; margin-top: 0.1rem;}
.recommend li a{display:block; overflow: hidden;}
.recommend li:nth-child(n+5){margin-top: 0.15rem;}

/*catebox*/
.newsbox .more{position:absolute;right:0.2rem;top:0.2rem;font-size:0.75em;line-height: 2em;}
.newsbox .more a{color:#999;}
.newsbox .more a:hover {color:var(--main-color);}
.newsbox .list {overflow: hidden;}
.newsbox .item {margin-left: 5.7rem; overflow: hidden; margin-bottom:0.15rem;}
.newsbox .item:last-child {margin-bottom: 0;}
.newsbox .item .thumbnail {width: 1.435rem;}
.newsbox .item .text {width:calc(100% - 1.585rem);}
.newsbox .item .title {font-size:0.16rem;font-weight:normal;line-height:1.75em; margin-bottom: 0.03rem;}
.newsbox .meta{color:#999;overflow:hidden; font-size: 0.12rem; line-height: 2em;}
.newsbox .meta span{display:block;margin-right:0.15rem; float:left;}
.newsbox .meta span:last-child {margin-right: 0;}
.newsbox .meta .cmts{float:right;}
.newsbox .excerpt{font-size:0.14rem;line-height:1.75em;color:#666; margin-bottom:0.04rem;}

.newsbox .first{float:left;width:5.5rem;overflow:hidden;}
.newsbox .first .thumbnail {margin-bottom: 0.1rem;}
.newsbox .first .title {font-size: 0.18rem; line-height: 1.75em;margin-bottom: 0.07rem;}
.newsbox .first .meta {border-bottom: 1px solid #eee; padding-bottom: 0.05rem; margin-bottom: 0.1rem;}
.newsbox .first .excerpt {height:7em; margin-bottom: 0;}
.newsbox .first a {display: block;}

/*blog*/
.blog .thumbnail{width:2.5rem;}
.blog .info{width:calc(100% - 2.7rem);}
.blog .title {font-size:0.2rem;line-height:1.5em;font-weight:normal;margin-bottom:0.05rem;}
.blog .title i {color:#f00; font-weight: bold; margin-right: 0.25em;}
.blog .meta{font-size:0.13rem;line-height:2em;color:#999;border-bottom:1px solid #eee; margin-bottom: 0.1rem; overflow: hidden; padding-bottom: 0.05rem;}
.blog .meta span {display:block; float:left; margin-right: 0.2rem;}
.blog .meta span:last-child {margin-right: 0;}
.blog .meta .cmts{float:right;}
.blog .intro{font-size:0.14rem;line-height:1.875em;color:#555;height:7.5em;}

/*post*/
#post .title{font-size:0.28rem;font-weight:normal;margin-bottom:0.1rem;line-height:1.5em;}
#post .meta{font-size:0.14rem;line-height:2em; padding-bottom: 0.1rem; margin-bottom: 0.2rem; border-bottom:1px solid #eee;color:#aaa;--justify:flex-start;}
#post .meta span{margin-right:0.3rem;display:block;}
#post .meta span:last-child{margin-right:0;}
#post .meta span a{color:#aaa;}
#post .tags{font-size:0.14rem;color:#999;}
#post .tags a{color:#999;margin-right:0.1rem;}
#post .tags a:last-child {margin-right: 0;}
#post .tags a:hover{text-decoration:underline;}

/*entry*/
.entry {overflow: hidden;}
.entry a{color:var(--main-color);}
.entry a:hover{text-decoration:underline;}
.entry img{height:auto!important;}
.entry blockquote{overflow:hidden;margin:0 2em 1em;padding:1.5em;border:1px solid #bbd2e8; color: #0077b5; background-color:#eff6fc;box-shadow:0 0.05rem 0 rgba(158,186,212,.24);border-radius:0.05rem;font-style:italic;}

/*neighbor*/
.neighbor{margin-bottom:0.2rem;}
.neighbor > div {width: 45%;}
.neighbor a{color:#999; display: flex; justify-content: space-between; align-items: center;}
.neighbor .small{font-size:0.875em;}
.neighbor .icon {font-size:3em;}
.neighbor .text {width: calc(100% - 3em);}
.neighbor .right {text-align: right;}
.neighbor .right a {flex-direction: row-reverse;}

/*related*/
.related ul{width:calc(100% + 0.2rem); --justify:flex-start;}
.related li {width:25%;padding-right:0.2rem;}
.related li:nth-child(n+5){padding-top: 0.15rem;}
.related h4{font-weight:normal;font-size:0.15rem;line-height:2em;text-align:center; margin-top: 0.1rem;}

/*singlepage*/
#singlepage .title{text-align: center;font-weight: bold;}

/*commentslist*/
#comments ol{margin:0; padding:0;}
#comments li{padding-bottom:0.2rem; margin-bottom: 0.2rem; border-bottom:1px solid #eee; position: relative;--align:flex-start;}
#comments .gravatar{width: 0.5rem; height: 0.5rem;border-radius:50%; overflow: hidden;}
#comments .gravatar img{width:100%;height:100%; object-fit: cover; display: block;}
#comments .info {width:calc(100% - 0.6rem);}
#comments .noimg {width: 100%;}
#comments .meta {margin-bottom: 0.1rem; position: relative;}
#comments .date{font-size:0.12rem;color:#999; line-height: 1.35em;}
#comments .name {line-height: 1.5em; font-weight: bold; margin-bottom: 0.07rem;}
#comments .cont{font-size:0.14rem;color:#555;}
#comments .replay{position:absolute;right:0;top:50%;font-size:0.14rem;overflow:hidden; transform: translateY(-50%);}
#comments .replay a{background-color:#eee;padding:0 0.1rem; display: block;border-radius: 0.25em;}
#comments li ol {width: 100%;}
#comments li li{border-bottom: none; border-top:1px solid #eee; padding:0.2rem 0 0; margin:0.2rem 0 0 2em;}
#comments li #respond{margin-top:0.2rem;}


/*comment*/
#respond{background-color:#fff;}
#respond .meta{background-color:#f9f9f9;position:relative;padding:0.1rem;border:1px solid #eee;border-top:none;margin-bottom:5px;}
#respond .meta .item{width:32%;}
#respond .item {overflow: hidden;}
#respond label{line-height:2.5em;display:block;float:left;color:#555;}
#respond i{font-style:normal;color:#f00; position: absolute; right: 0.1rem; top:0.05rem;}
#respond .input{margin-left:2.5em;overflow:hidden;border:1px solid #ddd;position:relative;}
#respond .text{height:2.5em;line-height:1.5em;padding:0.5em 1em;display:block;width:100%; color:#555;}
#respond .verify{padding:0.1rem 0;}
#respond .verify .input{padding-right:0.9rem; margin-left: 3.5em;}
#respond .verify i {right: 0.95rem;}
#respond .verify img{display:block;cursor:pointer;height:0.3rem;width:auto;position:absolute;right:0.05rem;top:50%;transform:translateY(-50%);}
#respond .textarea{border:1px solid #eee;}
#respond .textarea .text{height:9.375em;resize:vertical;}
#respond .submit{display:block;width:100%;background-color:var(--main-color);color:#fff;cursor:pointer;border-radius:0.03rem;margin-top:0.05rem; height:2.5em;}
#respond .warning{margin-bottom:0.15rem;}
#cancel-comment-reply-link{text-align:center;font-size:0.14rem;color:#999; line-height: 2em; display:block;}

/*pagenavi*/
.pagenavi{--justify:center;}
.pagenavi a,.pagenavi .current{height:2.5em;line-height:2.5em;display:block;background-color:#fff;margin-right:0.357em;border:1px solid #eee;color:#555;padding:0 0.25em; min-width: 2.5em;  text-align: center;}
.pagenavi a:last-child {margin-right: 0;}
.pagenavi a:hover,.pagenavi .current{background-color:var(--main-color);color:#fff;}

/*sidebar*/
#sidebar{width:4rem;position: sticky; top:0.2rem;}

/*widget*/
.widget .textwidget img{display:block;width:100%;height:auto;margin:0 auto;}
.widget .textwidget * {margin:0;}
.widget ol,
.widget ul{overflow:hidden; margin:0;padding:0;}
.widget li {border-bottom: 1px dashed #ccc; padding-bottom: 0.15rem; padding-left: 1.25em; margin-bottom: 0.15rem; position: relative;list-style: none;}
.widget li:before {display: block; content:''; width: 0.3em; height: 0.3em; border-radius: 50%; background-color: #888; position: absolute; left:0; top:0.7875em;}
.widget li:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
.widget li:hover:before {background-color: var(--main-color);}
.widget li a {display: block;}

/*divSearchPanel*/
.widget_search form{position:relative;}
.widget_search .searchform > div,.widget_search .wp-block-search__inside-wrapper{overflow:hidden; position: relative; padding-right: 4em;}
.widget_search .wp-block-search label,
.widget_search label{display: none;}
.widget_search input[type='text'],.widget_search .wp-block-search__input{border:1px solid #ddd;height:2.5em;line-height:1.5em;padding:0.5em 1em;width:100%;display: block;border-right: none; border-radius: 0.25em 0 0 0.25em;}
.widget_search input[type='submit'],.widget_search .wp-element-button{cursor:pointer;background-color:var(--main-color);color:#fff;height:100%;width:4em; position: absolute; right: 0; top:0; border-radius: 0 0.25em 0.25em 0;}
.widget_search .wp-element-button{border:none;}

/*divArchives*/
.widget_archive ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
.widget_archive li,.wp-block-archives li {width: 48%; padding:0; margin:0; border-bottom: none; font-size: 0.14rem; line-height: 2em;}
.widget_archive li:nth-child(n+3),.wp-block-archives li:nth-child(n+3){margin-top: 2%;}
.widget_archive li:before,.wp-block-archives li:before {display: none;}
.widget_archive li a,.wp-block-archives li a {background-color: #f1f1f1; padding:0.3em 0.9em; border-radius: 0.25em; white-space: nowrap; transition: all 0.3s;}
.widget_archive li a:hover,.wp-block-archives li a:hover {background-color: var(--main-color); color:#fff;}

/*divTags*/
.widget_tag_cloud .tagcloud,.widget_tag_cloud .wp-block-tag-cloud{display: flex; flex-wrap: wrap;}
.widget_tag_cloud a{display:block; background-color:#f9f9f9; border-radius:0.25em; padding:0 0.75em; color:#fff; font-size:0.13rem!important; line-height: 2em; transition: all 0.3s;margin:0 2% 2% 0;}
.widget_tag_cloud a:hover{opacity:.8;}
.widget_tag_cloud a:nth-child(8n-7){background-color:#8A9B0F;}
.widget_tag_cloud a:nth-child(8n-6){background-color:#EB6841;}
.widget_tag_cloud a:nth-child(8n-5){background-color:#3FB8AF;}
.widget_tag_cloud a:nth-child(8n-4){background-color:#FE4365;}
.widget_tag_cloud a:nth-child(8n-3){background-color:#FC9D9A;}
.widget_tag_cloud a:nth-child(8n-2){background-color:#EDC951;}
.widget_tag_cloud a:nth-child(8n-1){background-color:#C8C8A9;}
.widget_tag_cloud a:nth-child(8n){background-color:#83AF9B;}
.widget_tag_cloud a:first-child{background-color:#E1474D;}
.widget_tag_cloud a:last-child{background-color:#3299BB;}

/*divAuthors*/
.widget_links li {padding-left:0;}
.widget_links li:before {display:none;}
.widget_links li a { display: flex; justify-content: space-between; color:#666;}
.widget_links li img {width: auto; height: 1.875em; display: block;}

/*divComments*/
.widget_mza_recent_comments li{color:#999;padding-left: 0;}
.widget_mza_recent_comments li:before {display: none;}
.widget_mza_recent_comments .avatar{width:0.35rem;height:0.35rem;border-radius:50%;position:absolute;left:0;top:0.04rem;transition:transform 0.5s ease 0s;}
.widget_mza_recent_comments li a{padding-left:0.45rem;position:relative;}
.widget_mza_recent_comments li a:hover img{transform:rotate(360deg);}
.widget_mza_recent_comments li p {font-size: 0.14rem; line-height: 1.75em; text-align: left;}
.widget_mza_recent_comments li span {color:#666;font-size:0.875em; display: block; line-height: 1.5em; color:#999;}

/*divCalendar*/
.widget_calendar caption{margin-bottom: 0.15rem;}
.widget_calendar .wp-calendar-nav a{font-size:0.875em;line-height:2em;}
.widget_calendar td,.widget_calendar th{padding:0.25em; font-size: 0.14rem;text-align: center;}
.widget_calendar td a{color:var(--main-color);}

/*widget_categories*/
.widget_nav_menu li ul,
.widget_categories li ul,.wp-block-categories li ul,.widget_pages li ul,.wp-block-page-list li ul {margin-top: 0.15rem;border-top: 1px dashed #ccc; padding-top: 0.15rem;}

/*list*/
.widget .list {padding-left: 0;}
.widget .list:before {display: none;}
.widget .list .thumbnail{width:1.1rem;}
.widget .list .text {width: calc(100% - 1.25rem);}
.widget .list .title {font-weight:normal;font-size:0.16rem; line-height: 1.65em; max-height: 3.3em; margin-bottom: 0.05rem;}
.widget .list .meta {font-size:0.75em;color:#999; line-height: 2em;}
.widget .list a {display: flex;}

/*nofound*/
.nofound{padding:0.5rem 0;text-align:center;color:#888;font-weight:lighter;}
.nofound .title {font-size:0.42rem;font-weight:lighter;line-height:1.5em; margin-bottom: 0.2rem;}
.nofound a{color:var(--main-color);text-decoration:underline;}

/*bottom*/
#bottom{background-color:#323232;color:#c2c2c2;padding:0.5rem 0;}
#bottom .inner {--align:flex-start;}
#bottom .name {font-size: 0.2rem; line-height: 2.5em; color:#fff; margin-bottom:0.2rem;}
#bottom a {color: #c2c2c2;}
#bottom a:hover {color:#fff;}

/*about*/
#about{max-width:30%;}
#about .figure {width: 2.2rem; max-width: 100%; margin-bottom: 0.25rem; position: relative; overflow: hidden;}
#about .figure:after {display: block; padding-bottom: 30%;}
#about .img {position: absolute; left:0;top:0;width: 100%;height: 100%;object-fit: contain;}
#about .intro {font-size: 0.14rem; line-height: 2em;}

/*contact*/
#contact{width:25%;}
#contact p {font-size: 0.14rem; line-height:2.2em;}

/*btmBox*/
#follow{max-width:25%;}
#follow ul {--align:flex-start;}
#follow li{width:47%; max-width: 1.4rem; text-align: center;}
#follow img{display:block;width:100%;height:auto;}
#follow p {margin-bottom: 0.1rem; font-size: 0.14rem; line-height: 1.5em;}
#follow p:last-child {margin-bottom: 0;}

/*backtop*/
#back{position:fixed;right:3.125%;bottom:0.5rem;background-color:var(--main-color);color:#fff;font-size:2em;width:0.45rem;height:0.45rem;cursor:pointer;border-radius:0.03rem;opacity:0.8;z-index:6;--justify:center}
#back:hover{opacity:1;}

/*copyright*/
#copyright{background-color:#222;font-size:0.14rem;line-height:2em;text-align:center;padding:0.25rem 0;color:#a2a2a2;}
#copyright a{color:#a2a2a2;display:inline-block;}
#copyright a:hover{color:#eee;}
#copyright img{display:inline-block;width:auto;height:1.42857em;margin-top:-0.21428em;vertical-align:middle;}

/*screen width*/
@media only screen and (max-width:1280px){
    /*1280*/
    #nav > ul > li {padding-left: 0.8em; padding-right: 0.8em;}
    /*1280*/
    #sidebar {width:3rem;}
    /*1280*/
    #main{width: calc(100% - 3.2rem);}
    /*1280*/
    .newsbox .first {width: 4rem;}
    .newsbox .item {margin-left: 4.2rem;}
    .newsbox .item .thumbnail {width: 1.135rem;}
    .newsbox .item .text {width: calc(100% - 1.285rem);}
    .newsbox .item .title {margin-bottom: 0.05rem;}
    .newsbox .item .excerpt {display: block; white-space: nowrap;}
}
@media only screen and (max-width:1024px){
    /*1024*/
    #button li {font-size: 0.2rem;}
    #button .nbtn {display: block;}
    /*1024*/
    #nav{background-color:#fff;position:fixed;right:0px;top:0.8175rem;height:calc(100% - 0.8175rem);width:25em; max-width:100%;z-index:9;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch; box-shadow: 0 0px 1em rgba(0,0,0,0.1); transform: translateX(100%); opacity: 0; transition:all 0.3s;}
    #nav.active{transform: translateX(0); opacity: 1;}
    #nav > ul {display: block; padding:2.5em 3em;}
    #nav > ul > li {padding:1em 0; border-bottom: 1px solid #eee;}
    #nav > ul > li:last-child {border-bottom: none;}
    #nav li.on > a,#nav li.current-menu-item > a,#nav li.current-menu-parent > a,#nav li.current_page_item > a{color:var(--font-color);}
    #nav li .fas {display: none;}
    #nav li ul{position:static;min-width:0; transform: none; background-color:transparent;box-shadow:none;padding:1em 0 0; margin-top:1em; opacity:1;visibility: visible; border-top: 1px solid #eee; display: none;}
    #nav li li{text-align:left; line-height: 2em; margin-left: 2em;}
    #nav li li a {padding:0.5em 0;}
    #nav li em {position:absolute; right: 0; top:0; width: 0.5rem; height: 0.73rem; display:block; cursor:pointer; z-index: 5;}
	#nav li em:after {content:''; display:block; width: 0.5em; height: 0.5em;  border-right:1px solid #666; border-bottom:1px solid #666; position:absolute; left:50%; top:50%; margin: -0.25em 0 0 -0.25em;transform: rotate(-45deg); transition: inherit;}
    #nav .active > a {color: var(--main-color);}	
    #nav .active em:after {transform: rotate(45deg); border-right-color:var(--main-color); border-bottom-color:var(--main-color);}
    /*1024*/
    #main,
    #sidebar {width: 100%;}
}
@media only screen and (max-width:750px){
    /*750px*/
    #header .inner {position: static;}
    /*750px*/
    #logo {width: 1.8rem;}
    /*750px*/
    #button li {font-size: 0.16rem;}
    #button li a:hover {background-color:#fff;border-color:#dedede;color: var(--font-color);}
    /*750px*/
    #nav {width: 100%; top:0.7222rem; height: calc(100% - 0.7222rem);}

    /*750px*/
    .blog .thumbnail{width: 1.3rem;}
    .blog .info{width: calc(100% - 1.5rem);}
    .blog .meta{border:none; margin-bottom: 0; padding-bottom: 0;}
    .blog .title {font-size:0.18rem; line-height: 1.75em; max-height: 3.5em;-webkit-line-clamp: 2; line-clamp: 2; white-space: normal;}
    .blog .meta span,
    .blog .intro {display: none;}   
    .blog .meta .time {display: block;}

    /*750px*/
    #post .title {font-size:0.24rem;}
    #post .meta span {margin-right: 0.2rem;}
    /*750px*/
    .related li {width:50%;}
    .related li:nth-child(n+3){padding-top: 0.2rem;}

    /*750px*/
    .neighbor .icon {font-size: 1.5em;}
    .neighbor .text {width: calc(100% - 1.5em);}
    .neighbor .title {display: none;}
    .neighbor .small {font-size: 1.125em;}
    /*750px*/
    #respond .meta .item{width:100%; padding:0.05rem 0;}

    /*750px*/
    #bottom .item {max-width: none; width: 100%; padding:0.15rem 0;}
    #bottom .name {line-height: 1.5em;}
    /*750px*/
    #about .figure {margin-left:auto; margin-right: auto;}
    /*750px*/
    #contact {display: flex; flex-wrap: wrap; justify-content: space-between;}
    /*750px*/
    #follow .name {text-align: center;}
    #follow ul {--justify:center;}
    #follow li {max-width: 2rem; padding:0 0.1rem;}
    /*750px*/
    #back{display:none;}
    /*750px*/
    .recommend li {width: 50%;}
    .recommend li:nth-child(n+3){margin-top: 0.15rem;}
    .recommend li .title {display: -webkit-box; white-space: normal;height: 3.5em;-webkit-line-clamp: 2; text-align: left;}
    /*750px*/
    .newsbox .first {float:none; width: auto; margin-bottom: 0.2rem;}
    .newsbox .item {margin-left: 0;}
    .newsbox .item .excerpt {display: none;}
    .newsbox .item .title {display: -webkit-box; max-height: 3.5em; -webkit-line-clamp: 2;line-clamp: 2; white-space: normal;}
    .newsbox .excerpt {height:auto; max-height: 7em;}
    .newsbox .meta span:last-child {display: none;}

    /*750px*/
    #comments .gravatar {width: 0.4rem; height: 0.4rem;}
    #comments .info {width: calc(100% - 0.5rem);}
    #comments .replay {font-size: 0.12rem;}

    /*750px*/
    .warning {font-size: 0.13rem;}
}