/*
Author Url: https://www.boke8.net/
*/
:root{
    --theme-color:#343639;
    --font-color:#333;
    --main-color:#01c26f;
}
*{-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:1920px){

    /*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(80vw/12.8);}
}
@media only screen and (max-width:1024px){

    /*1024px*/
    html{font-size:calc(90vw/10.24);}
}
@media only screen and (max-width:750px){

    /*750px*/
    html{font-size:calc(150vw/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,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,.nmp,.nmp p,.nmp dt,.nmp dd,.nmp li,.nmp ul,.mmp ol{margin:0;padding:0;}
body{background-color:#fff;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;}



/*table*/
.table{display:table;width:100%;table-layout:fixed;}
.table .td{display:table-cell;vertical-align:top;}
/*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*/
.nmp li{list-style:none;}

/*img*/
img,video{vertical-align:middle;max-width:100%; height: auto;}

/*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,button: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);}

/*col*/
[class*=col_] {--margin:0.2rem; width:calc(100% + var(--margin)); display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex; flex-wrap: wrap;}
[class*=col_] .item {padding-right: var(--margin);padding-bottom: var(--margin);}
.col_2 .item {width: 50%;}
.col_3 .item {width: 33.333%;}
.col_4 .item {width: 25%;}
@media only screen and (max-width:1024px){
    .col_3 .item,
    .col_4 .item {width: 50%;}
    .col_2 .item {width: 100%;}
}
@media only screen and (max-width:750px){
    .col_3 .item,
    .col_4 .item {width: 100%;}
}

/*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%;transition:all 0.3s;}
.thumbnail img{object-fit:cover;}
.thumbnail:hover img{transform:scale(1.05);}

/*warning*/
.warning{font-size:0.13rem;color:#999;line-height:2em;}

/*banner*/
.banner{clear:both;overflow:hidden; width: 100%;}
.banner img{width:100%;height:auto;display:block;}
.banner a{display:block;overflow:hidden;}

/*mzamb*/
.mza-mb {margin-bottom: 0.3rem;}

/*gold*/
.inner{width:93.75%; max-width:16rem; margin:0 auto;}
.w1200 {max-width: 12rem;}
/*header*/
#header{background-color:#fff;box-shadow:0 1px 0.03rem #ddd;width:100%; position: relative; z-index: 9;}
#header .inner{position:relative;}

/*language*/
#language {border-radius: 0.05rem; background-color: #eaeaea; position: relative; overflow: hidden;}
#language:before {width: 50%; background-color: var(--main-color); display: block; content: ''; position: absolute; left:0; top:0; height: 100%; transition: all 0.2s;}
#language.ct:before {left:50%;}
#language a {display: block; color:#555; font-size: 0.15rem; line-height: 2.4em; padding:0 0.75em; position: relative; transition: all 0.2s;}
#language.cs .t1 {color:#fff;}
#language.ct .t2 {color:#fff;}

/*navbtn*/
#navbtn{color:var(--main-color); font-size: 0.3rem; width: 1em; text-align: center; line-height: 1em; margin-left: 0.2rem; display: none; cursor: pointer;}

/*logo*/
#logo{padding:0.1rem 0;width:2.5rem; font-size: 1em;}
#logo a{background:no-repeat left center;background-size:contain;display:block;padding-bottom:16.8%;position:relative;}
#logo i{display:block;position:absolute;left:0;top:0;width:100%;height:100%;text-indent:-9999em;overflow:hidden;}

/*nav*/
#nav {font-size: 0.18rem; line-height: 2em;}
#nav ul {margin:0; padding:0;}
#nav > ul {display: flex;}
#nav li {list-style: none;position:relative; padding:1.5em;}
#nav li ul{position:absolute;left:50%;top:100%; transform: translateX(-50%);background-color:#fff;border:1px solid #eee;min-width:100%;padding:0.625em 0;display: none;}
#nav li ul:before{display:block;content:'';width:0.625em;height:0.625em;border-left:1px solid #eee;border-top:1px solid #ddd;transform:rotate(45deg);position:absolute;left:50%;top:-0.375em;margin-left:-0.375em;background-color:#fff;}
#nav li li{text-align:center; padding:0; font-size: 0.875em;}
#nav li li a{display:block;padding:0 1em; white-space: nowrap; color:#555;}
#nav .cur > a,
#nav .on > a {color:var(--main-color);}
#nav em{display:none;}

/*slides*/
#slides{background-color:#000; overflow: hidden; padding:0 calc(160/1920*100%); position: relative; z-index: 2;}
#slides:before,
#slides:after {height: 100%; width: calc(160/1920*100%); top:0; position: absolute; content: ''; display: block; background-color: rgba(0,0,0,0.5); z-index: 8;}
#slides:before {left:0;}
#slides:after {right:0;}
#slides .swiper {overflow: visible;}
#slides a{display:block; padding-bottom: 6rem; position: relative; overflow: hidden; background: no-repeat center center; background-size: cover; color:#fff;}
#slides .title {font-size: 0.5rem; line-height: 1.35em; position: absolute; left:0; top:50%; transform: translateY(-50%); text-align: center; padding:0 12%; width: 100%; text-shadow: 0px 0px 0.5em rgba(0,0,0,0.3);}
#slides .swiper-button-next {right: 3.125%;}
#slides .swiper-button-prev {left: 3.125%;}
#slides .arrow {color:#fff; opacity: 0.6; width: auto; height: auto; margin-top: 0; transform: translateY(-50%);}
#slides .arrow:after {--swiper-navigation-size:0.44rem;}
#slides .arrow:hover {opacity: 1;}

/*bar*/
#minbar{background-color:#fff;border-bottom:1px solid #e4e4e4;padding:0.2rem 0;}

/*breadcrumb*/
#breadcrumb{font-size: 0.14rem; line-height: 1.875em; color:#888;}
#breadcrumb a:not(:hover){color:#888;}
#breadcrumb i {font-size: 0.875em; line-height: 1.5em; display: inline-block; margin-top: -0.03rem;vertical-align: middle;}

/*search*/
#search {width:5rem; max-width: 40%;}
#search form {display: block; position: relative; padding-right: 3em;}
#search .text{border:1px solid #e4e4e4; width: 100%; height:2.5em;line-height:1.5em;padding:0.5em 1em;border-radius:0.05rem 0 0 0.05rem; border-right: none;}
#search .text:focus {box-shadow: 0px 0px 0.1em var(--main-color); border-color:var(--main-color)}
#search .submit {cursor:pointer;background-color:var(--main-color);border:none;color:#fff;border-radius:0 0.05rem 0.05rem 0; position: absolute; height: 100%; width: 3em;}


/*wrapper*/
#wrapper{padding:0.7rem 0;}
#wrapper > .flex {--align:flex-start;}

/*wp-block-heading*/
.wp-block-heading {font-size: 0.26rem; margin:0; padding-right: 1.5em; line-height: 1.5em; position: relative;}
.wp-block-heading i {font-size: 0.45em; display: block; position: absolute; top:50%; transform: translateY(-50%); color:#ddd;}
.wp-block-heading i:after {height: 0.01rem; background-color: #eee; display: block; content: ''; position: absolute; top:50%; transform: translateY(-50%); width: 100vw;}
.wp-block-heading i:first-child {left:0;}
.wp-block-heading i:first-child:after {right: 100%;}
.wp-block-heading i:last-child {right:0;}
.wp-block-heading i:last-child:after {left:100%;}
/*mza-name*/
.mza-name {overflow: hidden; margin-bottom: 0.35rem;}
.mza-name.center {--justify:center;}
.mza-name .wp-block-heading {padding:0 3em;}
/*recommend*/
#recommend{overflow:hidden; margin-bottom: 0.5rem; width: 100%;}
#recommend .swiper-slide {width: 3rem; margin-right: 0.25rem;}
#recommend a{display:block;overflow:hidden;position: relative;}
#recommend .title {font-size:0.16rem; line-height:1.875em; text-align: center; margin-top: 0.1rem; font-weight: normal;}
#recommend .arrow {transform: translateY(-50%); margin-top:-0.2rem; font-size: 0.3rem; width: 1em; height: 2em; background-color: rgba(0,0,0,0.1); opacity: 0;}
#recommend .arrow:after {--swiper-navigation-size:0.875em; color:#fff;}
#recommend .arrow:hover {background-color: rgba(0,0,0,0.8);}
#recommend .swiper-button-prev {left:-3em;}
#recommend .swiper-button-next {right:-3em;}
#recommend .swiper:hover .swiper-button-prev {left:0.1rem; opacity: 1;}
#recommend .swiper:hover .swiper-button-next {right:0.1rem; opacity: 1;}
/*error*/
#error {background-color: #f9f9f9; overflow: hidden; clear:both; padding:1.5rem 0; text-align: center;}
#error .title {font-size: 0.6rem; line-height: 1.125em; margin-bottom:1em;}
#error .warning {font-size:0.2rem; line-height: 1.5em;}
#error .warning a {display: inline-block; color:var(--main-color); text-decoration: underline;}
#error .warning a:hover {text-decoration: none;}



/*main*/
#main{width: 71%;}
/*article*/
.article{overflow:hidden;margin-bottom:0.3rem;border-bottom:1px dashed #ccc;padding-bottom:0.3rem;position:relative;}
.article .top{font-size:0.12rem;line-height:1.35em;color:#fff;width:1.8334em;background-color:var(--main-color);padding:0.4167em;border-radius:0 0 0.25em 0.25em;position:absolute;left:0.1rem;top:0;z-index:2;}
.article .thumbnail{width:3rem;}
.article .text{width: calc(100% - 3.3rem);}
.article .title {font-size:0.26rem;line-height:1.5em;}
.article .excerpt{color:#555; max-height:7.5em;margin-top:0.15rem;}
.article .meta{overflow:hidden; margin-top: 0.2rem; font-size:0.14rem; line-height: 2em; color:#666;}
.article .meta span {display: block; float:left; padding-right: 0.2rem;}
.article .meta a{display:block;color:#666;}
.article .meta i {color:#777;}
.article .meta img{width:2em;height:2em;border-radius:50%;display:inline-block;vertical-align:middle; margin-right: 0.1rem; margin-top:-0.03rem;}
.article .meta .cate{float:right;padding-right:0;}
/*bloglist*/
#bloglist {--margin:0.5rem;}

/*blogItem*/
.blogItem{border-bottom:0.01rem solid #eee; margin-bottom: var(--margin);}
.blogItem .top{font-size:0.12rem;color:#fff;line-height:1.35em;width:2em;background-color:var(--main-color);padding:0.5em;border-radius:0 0 0.25em 0.25em;position:absolute;left:0.85em;top:0;z-index:2;}
.blogItem .thumbnail{margin-bottom:0.2rem;}
.blogItem .title {font-size:0.24rem;margin-bottom:0.5em;line-height:1.5em;}
.blogItem .excerpt{color:#555;line-height:2em;height:6em;margin-bottom:1em;}
.blogItem .meta{font-size:0.14rem; line-height: 2em;color:#666;}
.blogItem .meta img{display:block;width:2em;height:2em;border-radius:50%;overflow: hidden; object-fit: cover; margin-right: 0.5em;}
.blogItem a {display: block;overflow: hidden;position: relative;}

/*post*/
#post {position: relative;}
#post .title{font-size:0.32rem;line-height:1.35em; margin-bottom: 0.3rem;}
#post .center {text-align: center;}
#post .meta{font-size:0.14rem;color:#666;overflow:hidden; line-height:2em; border-bottom: 1px solid #e4e4e4; padding-bottom: 0.2rem;}
#post .meta span{display:block; float:left; padding-right: 0.2rem;}
#post .meta a:not(:hover) {color:#666;}
#post .meta .views {float:right;}
#post .meta .cmt {float:right;padding-right:0;}
#post .meta a{display:inline-block;}
#post .meta img{width:2em;height:2em;border-radius:50%;display:inline-block;vertical-align:middle; margin-right: 0.1rem; margin-top:-0.03rem;}
#post .tags{overflow:hidden;font-size:0.14rem; --justify:center;}
#post .tags a{display:block;background-color:#eee;padding:0 0.875em;margin:0.05rem;border-radius:0.03rem;}
#post .tags a:hover{background-color:var(--main-color); color:#fff;}
#post .name {font-size: 0.24rem; line-height: 1.35em; margin-bottom: 1em; position: relative;}
#post .name:after {width: 3em; height: 0.04rem; background-image: linear-gradient(90deg, var(--main-color), transparent); content: ''; display: block; position: absolute; left:0; bottom:0; border-radius: 0.02rem;}

/*entry*/
.entry{overflow:hidden;line-height: 1.875em;}
.entry > * {line-height: 1.875em;}
.entry img,.entry video{max-width:100%;height:auto!important;}
.entry blockquote{overflow:hidden;margin-left:2em; margin-right:2em; background-color:#f9f9f9;padding:0 2em;overflow:hidden;border:1px dotted #ddd;border-radius:0.05rem;}
.entry blockquote p{font-style:italic;}
.entry li p{margin:0;}
.entry hr{border:none;border-bottom:1px solid #eee;}
.entry > p code,
.entry > code {color:var(--main-color); border:0.01rem solid #a7dcc5; background-color: #e6f5ee; padding:0 0.5em;}

/*statement*/
.statement {background-color: #f9f9f9; border-radius: 0.1rem; position: relative; padding:0.35rem; overflow: hidden;}
.statement .icon {position:absolute; right:0; top:0; transform: translate(20%,-20%);}
.statement .icon i {font-size: 6vw; line-height: 1em; color:#eee; opacity: 0.5;}
.statement .text {font-size: 0.14rem; line-height: 2em; color:#999;}
/*related*/
.related {overflow: hidden;}
.related ul {--margin:0.3rem;}
.related .thumbnail {margin-bottom: 0.1rem;}
.related .tit {font-size: 0.16rem; line-height: 1.875em; font-weight: normal;}
/*respond*/
#respond {margin-bottom: 0.5rem;}
#respond .item{font-size: 0.16rem; margin-bottom: 1.25em;}
#respond .text{height:3em;line-height:2em;display:block;width:100%;padding:0.5em 1.25em;border:1px solid #ddd;}
#respond label{display: block; line-height:3em;}
#respond label i{font-style:normal;color:#f00;}
#respond .input{position:relative; width: calc(100% - 0.6rem);}
#respond .cont {--align:flex-start;}
#respond .cont .text{height:9em;resize:vertical;}
#respond .verify {width: 50%;}
#respond .verify img {display: block;position:absolute;right:0.5625em;top:50%;transform:translateY(-50%);height:1.875em;width:auto;}
#respond .verify .text{padding-right:8.625em;}
#respond .button {padding-left: 0.6rem;}
#respond .submit{cursor:pointer;background-color:var(--main-color);color:#fff;display:block;padding:0 1.5em;height:3em;font-weight: bold; margin-right: 1.25em;}
#respond .cancel {background-color:#f1f1f1;color:#333;line-height:3em; font-weight: normal;}
#respond .submit:last-child {margin-right: 0;}
#respond .submit:hover{opacity: 0.8;}
#respond .warming{font-size:0.875em;color:#666;margin-bottom:1.25em; margin-left: 0.6rem;}
#respond .cols .item {width:calc(33.333% - 1.25em);}
/*commentslist*/
#commentslist {font-size: 0.16rem;}
#commentslist li {border: 0.01rem solid #e4e4e4; padding: 1.25em; margin-bottom: 2em;}
#commentslist .box {align-items: flex-start;}
#commentslist .gravatar{width:3.125em;height:3.125em;overflow:hidden;border-radius:50%;position:relative; margin-top: 0.25em;}
#commentslist .gravatar img{width:100%;height:100%;display:block;}
#commentslist .info {width:calc(100% - 4.375em);}
#commentslist .top {margin-bottom: 0.25em;}
#commentslist .top a {display: block;}
#commentslist .author {font-weight: bold; font-size: 1.125em; line-height: 1.125em;}
#commentslist .reply {color:#8EC1F4;border:0.01rem solid #8EC1F4;padding:0 0.75em;border-radius:0.25em; font-size: 0.75em; line-height: 1.875em;}
#commentslist .reply:hover {color:#fff; border-color:transparent;background-color:#8EC1F4;}
#commentslist .time {color:#888;font-size:0.875em; line-height: 1.5em;}
#commentslist .cont {margin-top: 1em;}
#commentslist li li{margin:1em 0 0;border:0.01rem solid #eee;}

/*prevnext*/
.prevnext div {max-width: 47%;}
.prevnext a {display: block; color:#666; font-size: 0.14rem;}
.prevnext span {color:#333;font-size:1.15em;}
.prevnext div:nth-child(2) {text-align: right;}
.prevnext a:hover span {color:var(--main-color);}

/*pagenavi*/
.pagenavi{clear:both;--justify:center;text-align: center; margin-top: 0.3rem;}
.pagenavi a,.pagenavi span.now-page{display:block;background-color:#f9f9f9;border:1px solid #eee;padding:0 0.25em;margin-left:-1px;height:3em;line-height:3em; box-sizing: border-box; min-width: 3em;}
.pagenavi a:hover,.pagenavi span.now-page{background-color:var(--main-color); color:#fff; border-color:var(--main-color);}
.pagenavi a:first-child{border-radius:0.03rem 0 0 0.03rem;}
.pagenavi a:last-child{border-radius:0 0.03rem 0.03rem 0;}

/*sidebar*/
#sidebar{width:25%;}

/*widget*/
.widget {margin-bottom: 0.3rem;}
.widget .wp-block-heading {display: flex; align-items: center; overflow: hidden; margin-bottom: 0.2rem; padding-right: 0;}
.widget .wp-block-heading i {position: relative; transform: none; top:auto; margin-right: 1.5em; font-size:0.35em; line-height: 1em; color:var(--main-color); z-index: -1;}
.widget .wp-block-heading i:after {display: none;}
.widget ul,.widget > div{overflow:hidden;}
.widget .textwidget img {width: 100%; display: block;}
/*order*/
.widget .order {line-height: 2.8em;}
.widget .order i {display: inline-block; color:#666; margin-right: 0.625em;}
.widget .order:nth-child(-n+3) i {color:#b6262f;}
.widget .order a:hover{text-decoration:underline;color:var(--main-color);}
/*new*/
.widget .new {border-bottom:1px dashed #eee;padding-bottom:0.2rem; margin-bottom: 0.2rem;}
.widget .new .date {font-size:0.875em; line-height: 1.5em; color:#888;--justify:flex-start; margin-bottom: 0.5em; position: relative; padding-left: 0.25rem;}
.widget .new .date:before {width: 1em; height:1em; border:0.215em solid #ddd; border-radius: 50%; display: block; content: ''; position: absolute; left:0; top:50%; transform: translateY(-50%);}
.widget .new .date time {display: block;}
.widget .new .date i {font-size:1em;color:#ddd;font-weight:bold;margin-right:8px;}
.widget .new .title {padding-left: 0.25rem; position: relative;}
.widget .new .title:before {width: 0.25em; display: block; content: ''; height: 90%; top:50%; left:0.34375em; position: absolute; transform: translateY(-50%); background-color: #eee; border-radius: 0.5em;}
.widget .new a{display: block; color:#333;}
.widget .new a:hover .date:before {border-color:var(--main-color);}
/*divTags*/
.divTags ul{display: flex; flex-wrap: wrap;}
.divTags li{margin:0 2% 2% 0;}
.divTags li:last-child {margin-right: 0;}
.divTags li a{display:block;background-color:#f9f9f9;border-radius:0px;padding:0 0.834em;color:#fff;font-size:0.14rem;}
.divTags li a:hover{opacity:.8;}
.divTags li:nth-child(8n-7) a{background-color:#8A9B0F;}
.divTags li:nth-child(8n-6) a{background-color:#EB6841;}
.divTags li:nth-child(8n-5) a{background-color:#3FB8AF;}
.divTags li:nth-child(8n-4) a{background-color:#FE4365;}
.divTags li:nth-child(8n-3) a{background-color:#FC9D9A;}
.divTags li:nth-child(8n-2) a{background-color:#EDC951;}
.divTags li:nth-child(8n-1) a{background-color:#C8C8A9;}
.divTags li:nth-child(8n) a{background-color:#83AF9B;}
.divTags li:first-child a{background-color:#E1474D;}
.divTags li:last-child a{background-color:#3299BB;}
/*divSearchPanel*/
.divSearchPanel form {display:block; position: relative; padding-right: 3.5em;}
.divSearchPanel input[name='q']{display:block;width:100%;height:2.75em; width:100%; line-height: 1.5em;padding:0.625em 1.25em;border:0.01rem solid #e4e4e4;border-radius: 0.05rem 0 0 0.05rem; border-right: none;}
.divSearchPanel input[type="submit"] {display:block;position:absolute;right:0;top:0;height:100%;width:3.5em;background-color:var(--main-color);color:#fff;cursor:pointer;border-radius: 0 0.05rem 0.05rem 0;}
/*divMisc*/
.divMisc ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.divMisc li {width:48%; margin-bottom:4%;}
.divMisc li a {display: block; border-radius: 0.05rem; overflow: hidden;}
.divMisc li img {display: block; width: 100%; height: auto;}

/*divLinkage*/
.divLinkage ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.divLinkage li {width:48%; border-bottom: 0.01rem solid #e4e4e4;  margin-bottom:0.5em; padding-bottom: 0.5em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.divLinkage li a {position: relative; padding-left: 1em;}
.divLinkage li a:before {width: 0.25em; height: 0.25em; background-color: var(--main-color); display: block; content: ''; position: absolute; left:0; top:50%; transform:translateY(-50%); border-radius: 50%;}

/*divCalendar*/
.divCalendar table{text-align:center;}
.divCalendar caption{margin-bottom:0.2rem;font-size:0.2rem;font-weight:bold;line-height:2em;}
.divCalendar table a{color:var(--main-color);font-weight:bold;}

/*divArchives*/
.divFavorites ul,.divArchives ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.divFavorites li,.divArchives li{width:calc(50% - 0.075rem); font-size:0.14rem;}
.divFavorites li:nth-child(n+3),.divArchives li:nth-child(n+3){margin-top:0.15rem;}
.divFavorites li a,.divArchives li a{display:block;background-color:#f1f1f1;color:#555;padding:0.25em 1em;line-height:2.25em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/*divAuthors*/
.divAuthors li {margin-bottom:0.5em;}
.divAuthors li a{display:flex;justify-content:space-between;flex-wrap:wrap;}
.divAuthors li span{font-size:0.75em;color:#999;}

/*divStatistics*/
.divStatistics ul {background-color: #f9f9f9; padding:0.25rem; box-shadow: 0 0 0.1rem rgba(0,0,0,0.1);}
.divStatistics li{position:relative;padding-left:1em;margin-bottom:0.1rem;}
.divStatistics li:last-child{margin-bottom:0;}
.divStatistics li:before{width:0.35em;height:0.35em;border-radius:50%;background-color:#ccc;position:absolute;left:0;top:0.7625em;display:block;content:'';}

/*divPrevious*/
.divPrevious li{border-bottom:1px dashed #ccc;padding-bottom:0.15rem;margin-bottom:0.15rem;line-height:1.75em; position: relative; padding-left: 1.25em;}
.divPrevious li:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0;}
.divPrevious li:before{width:0.25em;height:0.25em;border-radius:50%;background-color:#bbb;position:absolute;left:0;top:0.8em;display:block;content:'';}

/*divCatalog*/
.divCatalog li,.divNavBar li{border-bottom:1px solid #eee;padding-bottom:0.1rem;margin-bottom:0.1rem;}
.divCatalog li:last-child,.divNavBar li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
.divCatalog li ul,.divNavBar li ul{padding:0;margin-top:0.1rem;padding-top:0.1rem;border-top:1px dashed #ccc;}
.divCatalog li li,.divNavBar li li{font-size:0.875em;border-bottom-style:dashed;border-bottom-color:#ccc;padding-left:2em;}

.divContorPanel .textwidget {background-color: #f9f9f9; padding:0.25rem; box-shadow: 0 0 0.1rem rgba(0,0,0,0.1); font-size:0.14rem; line-height: 2em;}

/*divComments*/
.divComments li {overflow:hidden;margin-bottom:0.3rem;}
.divComments .top {margin-bottom:0.15rem;}
.divComments .top span {width:calc(100% - 0.4rem); font-weight: bold; color:#333;}
.divComments .top img {display: block; width:0.3rem; height:0.3rem; border-radius: 50%;}
.divComments .mid {position:relative;background-color:#f0f0f0; font-size:0.14rem; line-height: 1.875em; padding:0.1rem 0.2rem;margin-bottom:0.05rem; border-radius: 0.05rem;}
.divComments .mid span{position:absolute;left:0.1rem;bottom:100%;border-bottom:0.08rem solid #f0f0f0;border-left:0.07rem solid transparent;border-right:0.07rem solid transparent;}
.divComments .btm {font-size:0.14rem;color:#999;line-height:2em;}
.divComments .btm a{color:#999;}

/*widget-author*/
.widget-author{border:0.01rem solid #e4e4e4; box-shadow: 0 0 1em rgba(0,0,0,0.05);}
.widget-author .info {padding:0.35rem; flex-direction: column; text-align: center; font-size: 0.16rem;}
.widget-author .gravatar{width:6.25em; height: 6.25em; overflow: hidden; border-radius: 0.35em; margin-bottom: 1em;}
.widget-author .gravatar img{display:block;width:100%;height:100%;object-fit: cover;}
.widget-author .name{font-size:1.25em; line-height: 1.5em; font-weight:bold; margin-bottom: 0.5em;}
.widget-author .intro{color:#555;margin-bottom:1.25em;}
.widget-author .role{height: 2.2em; line-height: 2.2em; border-radius: 0.25em; padding:0 1.25em; background-color: var(--main-color); color:#fff;}
.widget-author .meta{overflow:hidden;border-top:1px solid #eee; position: relative;}
.widget-author .meta:after {width: 0.01rem; height: 1em; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); background-color: #e4e4e4; display: block; content: '';}
.widget-author .meta a {display: block; width: 50%; line-height: 2.2em; text-align: center; padding:0.5em 1em;}


/*backtop*/
#tools{position:fixed;right:3.125%;top:60%;z-index: 7;}
#tools .item {margin-bottom: 0.5em; position: relative;}
#tools .btn {background-color:var(--main-color); color:#fff; font-size: 0.18rem; width: 3em; height:3em; border-radius: 50%; text-align: center; line-height: 3em; display: block; box-shadow: 0 0 1.5em rgba(0,0,0,0.05); cursor: pointer;}
#tools .btn:hover { box-shadow: 0 0 1.5em rgba(0,0,0,0.2);}
/*donate*/
.donate .info{position:absolute; right:100%; top:50%; transform: translateY(-50%) scale(0);  transform-origin: right center; background-color: #fff;box-shadow:0 0 2em rgba(0,0,0,0.4); margin-right:0; padding:0.5em 0.5em 0.75em; text-align: center; visibility: hidden; opacity: 0; border-radius: 0.25em; }
.donate .info:after {display: block; content: ''; border-left: 0.5em solid #fff; border-top:0.5em solid transparent; border-bottom:0.5em solid transparent; position: absolute; left:100%; transform: translateY(-50%); top:50%;}
.donate .tips{font-size:0.14rem;color:#353535;text-align:center;line-height: 2em;}
.donate .qrcode {--wrap:nowrap; font-size: 0.14rem; line-height: 1.75em;}
.donate .figure {width: 1.5rem; padding:0.5em;}
.donate figcaption {margin-top: 0.5em;} 
.donate.active .info { transform: translateY(-50%) scale(1); visibility: visible; opacity: 1; margin-right:1.5em;}

/*bottom*/
#bottom{width:100%;background-color:#222;padding:0.5rem 0; color:#fff;}
#bottom .inner {--align:flex-start;}
#bottom .name {font-size: 0.24rem; line-height: 2em; margin-bottom: 1em;}
/*contact*/
#contact .logo {width: 3rem; margin-bottom: 0.3rem;}
#contact .logo img {display: block; width: 100%; height: auto; filter:invert(1) brightness(100);}
#contact .name {line-height: 1.35em;}
#contact .meta {line-height: 2em; color:#aaa; margin-bottom: 0.3rem;}
#contact .meta span {font-size: 0.18rem; line-height: 1.5em; display: block; color:#fff;}
#contact .social ul {--justify:flex-start;}
#contact .social li {margin:0 0.1rem 0.1rem 0; position: relative;}
#contact .social li:last-child {margin-right: 0;}
#contact .social i {margin-top: 0.2em;display: block;}
#contact .social a{color:#ddd;background-color:#515151;width:2em;height:2em;font-size:0.18rem;border-radius: 0.25em;--justify:center;}
#contact .social a:hover{opacity:0.9;}
#contact .social .wb {background-color:#e74c3c;}
#contact .social .qq{background-color:#43abec;}
#contact .social .wx{background-color:#87bc33;}
#contact .social .tt{background-color:#40bff4;}
#contact .social .fb {background-color:#3b5998;}
#contact .social .qr {background-color: #fff; padding:0.5em; width:8.125em; border-radius: 0.25em; position: absolute; left:50%; transform: translateX(-50%); bottom:100%; margin-bottom: 1em; box-shadow: 0 0 1em rgba(0,0,0,0.05); display: none;}
#contact .social .qr img {display: block; width: 100%;}
#contact .social .qr:after {position: absolute; left:50%; top:100%; transform: translateX(-50%); border-top: 0.5em solid #fff; border-left:0.5em solid transparent; border-right:0.5em solid transparent; display: block; content: '';}
/*space*/
#space {width: 3rem;}
#space a {display: block;}
#space img {display: block; width: 100%; height: auto;}

/*copyright*/
#copyright{width:100%;background-color:#111;font-size:0.14rem;color:#aaa;padding:0.2rem 0; line-height: 2em;}
#copyright .inner {flex-direction: row-reverse;}
#copyright a{color:#aaa;display:inline-block;}
#copyright img{display:inline-block;width:auto;height:1.42857em;vertical-align:middle;margin-top:-0.2142857em;}

/*links*/
#links {width: 4rem;}
#links li {width: 48%; margin-bottom: 0.2rem; font-size: 0.18rem; line-height: 1.5em;}
#links a {color:#fff; position: relative; padding-left: 1em; opacity: 0.5;}
#links a:before {width: 0.2em; height: 0.6em; border-radius: 0.1em; background-color: #fff; display: block; content: ''; position: absolute; left:0; top:0.45em;}
#links a:hover {opacity: 0.7;}

/*mobile*/
#mobile {width: 2rem;}
#mobile img {display: block; width: 100%; height: auto;}

/*screen width*/
@media only screen and (max-width:1280px){
    /*1280*/
    #nav {font-size: 0.16rem;}
    #nav li {padding:1em;}
    /*1280*/
    #slides a {padding-bottom: 37.5%;}
}
@media only screen and (max-width:1024px){
    /*1024*/
    #header .inner {padding:0.167rem 0;}
    /*1024*/
    #logo {padding:0;}
    /*1024*/
    #navbtn {display: block;}

    /*1024*/
    #nav{position:fixed;right:0;top:0.72rem;height:calc(100% - 0.72rem);padding:2em 0;width:3rem;max-width:80%;background-color:#fff;z-index:99;overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translateX(100%);opacity:0;transition:all .3s;box-shadow: 0px 0px 0.2rem rgba(0,0,0,0.1);}
    #nav.active{transform:translateX(0);opacity:1;}
    #nav > ul {display: block;}
    #nav li {padding:0.15rem 0.3rem;}
    #nav li ul{position:static;min-width:0; transform: none; border:none;padding:0.1rem 0 0 2em; background-color: transparent;}
    #nav li ul:before{display:none;}
    #nav li li{text-align:left; padding:0.05rem 0;}
    #nav li li a {padding:0; white-space: normal;}    
    #nav .cur > a,
    #nav .on > a {color:var(--font-color);}
    #nav em{position:absolute;right:0;top:0;width:0.62rem;height:0.62rem;z-index:5;display:block;cursor:pointer;}
    #nav em:after{display:block;content:'';width:13.5%;height:13.5%;border-right:1px solid #999;border-bottom:1px solid #999;transform:rotate(45deg) translate(-100%,-20%);position:absolute;left:50%;top:50%;}
    /*1024*/
    #wrapper > .flex {display: block;}
    /*1024*/
    #main {width: 100%;}
    /*1024*/
    #sidebar {width: 100%; margin-top: 0.5rem;}
    /*1024*/
    #mobile {display: none;}
    /*1024*/
    #links {width: 2.5rem;}
    /*1024*/
    #slides .title {font-size:0.32rem;}
}
@media only screen and (max-width:750px){
    /*750px*/
    #logo {width: 2.3rem;}
    /*750px*/
    #navbtn {margin-left: 0.15rem;}
    /*750px*/
    #minbar {padding:0.1rem 0;}
    /*750px*/
    #breadcrumb,
    #search {width: 100%; max-width: none; padding:0.05rem 0;}
    /*750px*/
    #slides a {padding-bottom: 50%;}
    #slides .title {font-size: 0.2rem;}
    #slides .arrow:after {--swiper-navigation-size:0.24rem;}    
    /*750px*/
    #wrapper{padding:0.5rem 0;}
    /*750px*/
    .mza-name {margin-bottom: 0.3rem;}
    .mza-name .wp-block-heading {padding:0 1.5em;}
    /*750px*/
    #recommend {margin-bottom: 0.3rem;}
    #recommend .swiper-slide {width: 1。89416rem; margin-right: 0.12167rem;}
    /*750px*/
    .article .thumbnail {width: 100%; margin-bottom: 0.25rem;}
    .article .text {width: 100%;}
    .article .title {font-size: 0.2rem;}
    /*750px*/
    #copyright .inner {flex-direction: column; text-align: center;}
    /*750px*/
    #links {width: 100%; margin-bottom: 0.3rem; text-align: center;}
    #links ul {--justify:center;}
    #links li {width:auto; margin-right: 0.35rem;}
    #links li:last-child {margin-right: 0;}
    /*750px*/
    #contact {width: 100%; margin-bottom: 0.3rem; display: flex; flex-direction: column; align-items: center; text-align: center;}
    /*750px*/
    #space {width: 100%;}
    /*750px*/
    #bloglist {--margin:0.35rem;}
    /*750px*/
    #post .title {font-size: 0.24rem;}
    /*750px*/
    .related .item {width: 50%; padding-bottom: 0.2rem;}
    /*750px*/
    .prevnext div {width: 100%; max-width: none; padding:0.5em 0;}
    .prevnext div:nth-child(2) {text-align: left;}
    /*750px*/
    #respond .verify {width: 100%; margin-bottom: 1.25em;}
    #respond .cols .item {width: 100%;}
    #respond .button {width:100%;}
    #respond .cancel {margin-left: 0;}
}