/*
Theme Name:wp-mzaeight
Theme URI: https://www.boke8.net/wp-mzaeight.html
Author: 博客吧
Author URI: https://www.boke8.net/
Description: CMS资讯型网站zblog模板，响应式结构！
Version: 1.0.1
License: 使用条款
License URI: https://www.boke8.net/
Tags: gray, orange, CMS, 自定义菜单, theme-options
Text Domain: boke8.net
*/
:root {  
    --font-color:#333;
    --main-color:#ff7200;
}
*{-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: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(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,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,.nmp, .nmp p,dl.nmp dt, dl.nmp dd,ul.nmp li,ol.nmp li{margin:0;padding:0;}
body {background-color:#f9f9f9; 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;text-align: justify;}
/*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;}
/*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%;}
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;}
/*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{line-clamp:1; -webkit-line-clamp:1;}
.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;}
/*wrap*/
.wrap {white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
/*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 {margin-bottom:0.25rem; overflow: hidden; background-color:#fff; border:1px solid #eee; border-radius:0.05rem; padding:0.2rem; position: relative;}
/*inner*/
.inner {width:93.75%; max-width:14.4rem; 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 a {display:block; position:relative; overflow:hidden; padding-bottom:75%;}
.thumbnail img {display:block; position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; transition:all .3s;}
.thumbnail:hover img {transform: scale(1.1);}
/*warning*/
.warning {font-size:0.15rem; color:#999; line-height: 2em;}
/*banner*/
.banner {clear:both; overflow: hidden;}
.banner img {width: 100%; height: auto; display: block;}
.banner a {display: block; overflow: hidden;}
/*topBar*/
#topBar {background-color:#f9f9f9; border-bottom:1px solid #e4e4e4; padding:0.05rem 0; color:#888;}
/*welcome*/
#welcome {width: calc(100% - 1.36rem);white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:0.14rem; line-height: 1.75em;}
/*social*/
#social li{position:relative; font-size: 0.16rem; margin-right: 0.625em;}
#social li:last-child {margin-right: 0;}
#social a{display:block;overflow:hidden;width:1.5em;height:1.5em; text-align: center; line-height: 1.5em; border-radius: 50%; color:#fff;}
#social a:hover{opacity:.85;}
#social .wx a {background-color: #2ac447;}
#social .dy a {background-color: #060716;}
#social .wb a {background-color: #f56467;}
#social .qq a {background-color: #69a6e1;}
#social .qr{position:absolute;left:50%;transform:translateX(-50%);top:100%;margin-top:0.625em;background-color:#fff;padding:0.375em;width:7.5em;z-index:5;display:none; border: 1px solid #eee;}
#social .qr img{width:100%;height:auto;display:block;}
#social .qr:after{width:0.5em;height:0.5em; border-left: 1px solid #eee; border-top: 1px solid #eee; background-color:#fff;transform:rotate(45deg);content:'';display:block;position:absolute;left:50%;margin-left:-0.3125em;top:-0.3125em;}
/*全站头部*/
#header {padding:0.35rem 0; background-color:#fff;}
#header .inner {position:relative;}

/*logo*/
#logo {width:2.38rem;}
#logo a {display:block; padding-bottom: 21.05264%; position: relative; overflow: hidden; background:no-repeat left center; background-size:contain;}
#logo i {display: block; position: absolute; left:0; top:0; width: 100%; height: 100%; text-indent:-9999em; overflow: hidden;}
/*navbtn*/
#navbtn {display: none;}
/*顶部搜索*/
#search {width: 4rem;}
#search .form { padding:0.05rem 0.45rem 0.05rem 0.05rem; border-radius:0.03rem; overflow:hidden; background-color: var(--main-color); position: relative;}
#search .submit {display:block; width:0.45rem; height:100%; position:absolute; right:0; top:0; cursor:pointer; font-size:0.18rem; color:#fff; text-align:center;}
#search .text {background-color:#f8f8f8; color:#333; height:2.25em;  line-height: normal; width:100%; display: block; padding:0.375em 1.25em; -webkit-appearance:none; appearance:none; font-size:0.16rem; line-height: 1.5em;}
/*nav*/
#nav {background-color:var(--main-color);}
#nav ul {margin:0; padding:0; display: flex;}
#nav li {width:12.5%; text-align:center; color:#333; font-size:0.18rem; line-height:2.778em; position:relative; list-style: none;}
#nav li a {display:block; color:#fff; position:relative;}
#nav li a i {margin-right: 0.5em;}
#nav li.on > a,#nav li.current-menu-item > a,#nav li.current-menu-parent > a,#nav li.current_page_item > a{background-color:#fb8d33;}
#nav li em {display:none;}
#nav li ul {position:absolute; height:auto; left:0; top:100%; width:100%; background-color:var(--main-color); text-align:center; display:none; z-index:5; margin:0; padding:0;}
#nav li li {width:auto; font-size:0.8889em;}
#nav li li a {padding:0 1em;}
/*面包屑*/
#breadcrumb {padding:0.1rem 0; line-height: 1.5em; font-size:0.13rem; color:#999; background-color:#fff; border-bottom:1px solid #eee; clear:both;}
#breadcrumb a {color:#999;}
#breadcrumb a:hover {color:var(--main-color);}
/*wrapper*/
#wrapper {padding:0.5rem 0;}
#wrapper > .flex {--align:flex-start;}
/*mza-name*/
.wp-block-heading,
.mza-name {font-weight:500; font-size:0.2rem; line-height: 1.25em; margin-bottom:0.2rem;}
/*sidebar*/
#sidebar {width:24%;position: sticky; top:0.15rem;}
/*widget*/
.widget ol,
.widget ul {margin:0; padding:0;}
.widget li {border-top:1px solid #eee; overflow: hidden; position:relative; padding:0.1rem 0 0.1rem 0.15rem; list-style: none;}
.widget li:before {content:''; display:block; width:0.375em; height:0.375em; background-color:#aaa; border-radius:50%; position:absolute; left:0; top:1.375em;}
.widget li a {display: block;}
.widget .wp-block-latest-comments a {display: inline;}
.widget .textwidget {overflow:hidden;}
.widget .textwidget img {display:block; width:100%; height:auto;}
/*divComments*/
.widget_mza_recent_comments ul li{color:#444;margin-bottom:0.15rem;padding-bottom:0.1rem;border-bottom:1px dashed #e4e4e4;text-align:justify; border-top: none;}
.widget_mza_recent_comments ul li:before {display: none;}
.widget_mza_recent_comments ul li:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0;}
.widget_mza_recent_comments ul li .top{border:1px solid #eee;padding:0.05rem 0.1rem;font-size:0.12rem;line-height:1.75em;color:#999;position:relative;margin-bottom:0.1rem;}
.widget_mza_recent_comments ul li .top:after{content:'';display:block;width:0.07rem;height:0.07rem;border-right:1px solid #eee;border-bottom:1px solid #eee;background-color:#fff;transform:rotate(45deg);position:absolute;bottom:-0.05rem;left:0.07rem;}
.widget_mza_recent_comments ul li .gravatar{float:left;width:0.24rem;height:0.24rem;overflow:hidden;border-radius:50%;}
.widget_mza_recent_comments ul li img{display:block;width:100%;height:100%;object-fit:cover;}
.widget_mza_recent_comments ul li .cont{margin-left:0.3rem;line-height:0.24rem;max-height:0.48rem;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.widget_mza_recent_comments ul li a{overflow:hidden;color:#555;}
/*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:0px;padding:0 0.833em;color:#fff;font-size:0.12rem!important;margin:1% 1% 1% 0;line-height:2.2em;}
.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;}
/*widget_categories*/
.widget_nav_menu li ul,
.widget_categories li ul {margin-top: 0.1rem;}
.widget_nav_menu li li,
.widget_categories li li {font-size: 0.875em;}
/*divSearchPanel*/
.widget_search form{position:relative;}
.widget_search .searchform > div,.widget_search .wp-block-search__inside-wrapper{position:relative;padding-right:0.6rem;overflow:hidden;}
.widget_search label{font-size:0.875em;position:absolute;left:0;top:0;line-height:40px;padding:0 3%;cursor:text;width:94%;display:none;}
.widget_search input[type='text'],.widget_search .wp-block-search__input{padding:0.45em 1.25em; height:2.4em; line-height: 1.5em;; font-size:0.15rem; width:100%;border:1px solid #ddd; border-right: none;}
.widget_search input[type='submit'],.widget_search .wp-element-button{cursor:pointer; position:absolute; right:0; top:0; background-color:var(--main-color); color:#fff; height:100%; width:0.6rem; border-radius:0 0.03rem 0.03rem 0;}
.widget_search .wp-block-search label{position:static;padding:0;width:auto;font-size:0.875em;}
.widget_search .wp-element-button{border:none;}
/*divCalendar*/
.widget_calendar {text-align: center;}
.widget_calendar caption {margin-bottom: 0.15rem;}
/*text*/
.widget .text time {display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:0.75em; color:#999;}
/*pic*/
.widget .pic {display: flex; padding:0.15rem 0;}
.widget .pic:before {display:none;}
.widget .pic .thumbnail {width:1rem;}
.widget .pic .info {width:calc(100% - 1.2rem); }
.widget .pic a {max-height:5.635em;}
/*main*/
#main {width:74%;}
/*slides*/
#slides .owl-stage-outer {overflow:hidden;}
#slides .item {background:no-repeat center center; background-size:cover; padding-bottom:37.5%; position:relative;}
#slides .item a {display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
#slides .item i {font-style:normal; position:absolute; left:0; bottom:0; width:100%; padding:0.1rem 1.25em; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background-color:rgba(0,0,0,.8); color:#fff; text-align:center;}
#slides .owl-nav button {position:absolute; top:50%; display:flex; align-items: center; justify-content: center; transform: translateY(-50%); width: 0.3rem; height: 0.5rem; background-color:rgba(0,0,0,.8); color:#fff;}
#slides .owl-nav .owl-prev {left:0.05rem;}
#slides .owl-nav .owl-next {right:0.05rem;}
#slides .loading {padding-bottom:34.375%; background-color:#f9f9f9; position:relative;}
#slides .loading span {display:block; position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%); font-size:36px; line-height:1.125em; color:#999; text-align:center;}
/*recommend*/
#recommend ul {width:101.953%; --justify:flex-start;}
#recommend li {width:25%; padding-right:1.9164%;}
#recommend li:nth-child(n+5){padding-top: 1.9164%;}
#recommend .thumbnail {margin-bottom:0.1rem; padding-bottom: 75%;}
#recommend .title {font-weight:normal; font-size:0.16rem; line-height: 1.875em; text-align:center;}
#recommend a {display: block; overflow: hidden;}
#recommend a:hover img {transform: scale(1.05);}
/*latest*/
#latest .today {position:absolute; right:0.2rem; top:0.2rem; font-size:0.15rem; line-height: 2em;}
#latest .today i {font-style: normal; font-weight: bold; color:var(--main-color); margin-left:5px;}
#latest .item {border-top:1px dashed #e4e4e4; padding: 0.2rem 0;}
#latest .thumbnail {width: 1.7rem;}
#latest .info {width:calc(100% - 1.9rem); overflow: hidden;}
#latest .title {font-size:0.18rem; font-weight: 500; line-height: 1.5em; margin-bottom: 0.08rem;}
#latest .excerpt {height:3.75em; color:#666; margin-bottom: 0.08rem;}
#latest .meta {font-size:0.14rem; line-height: 1.5em; color:#999;}
#latest .meta span {display: block;}
#latest .meta a {color:#999;}
#latest .meta a:hover {color:var(--font-color);}
/*categories*/
#categories {--align:stretch;}
#categories .item {width:calc(50% - 0.1rem);}
#categories .more {font-size:0.15rem; line-height: 1.5em; position: absolute; right: 0.2rem; top:0.2rem;}
#categories li {overflow:hidden;border-top: 1px solid #eee; padding:0.15rem 0;}
#categories .first {padding:0.2rem 0;}
#categories .thumbnail {width:1.5rem;}
#categories .info {width:calc(100% - 1.65rem);}
#categories .title {font-weight:normal; font-size:0.16rem; line-height:1.35em;}
#categories .excerpt {font-size:0.14rem; line-height:1.75em; height:5.25em; color:#666; margin-top: 0.1rem;}
/*pagenavi*/
#pagenavi {--justify:center; text-align:center;}
#pagenavi a, #pagenavi .current {display:block; color:#999; background-color:#f9f9f9; margin:0.18em; height:2em; line-height: 2em; min-width: 2em; padding:0 0.5em; border-radius:0.214em; box-sizing: border-box;}
#pagenavi a:hover, #pagenavi .current {background-color:#999; color:#fff;}
/*newsitem*/
.newsitem .thumbnail {width:2.8rem;}
.newsitem .info {width: calc(100% - 3rem);}
.newsitem .title {font-weight:500; font-size:0.22rem; line-height: 1.35em; margin-bottom:0.15rem;}
.newsitem .title strong {color: #f00;}
.newsitem .meta {color:#999; margin-bottom:0.2rem; font-size:0.13rem; line-height: 1.5em; --justify:flex-start;}
.newsitem .meta a {color:#999;}
.newsitem .meta a:hover {color:#333;}
.newsitem .meta span {margin-right:0.2rem; display:block;}
.newsitem .meta span:last-child {margin-right:0;}
.newsitem .excerpt {font-size:0.15rem; line-height:1.875em; height:7.5em; color:#555;}
/*footer*/
#footer {background-color:#fff; border-top:1px solid #eee; clear:both;}
/*links*/
#links {padding:0.2rem 0; border-bottom:1px solid #eee;}
#links ul {--justify:center;}
#links li {font-size:0.15rem; line-height: 2em; color:#999; margin-right: 0.2rem;}
#links li:last-child {margin-right: 0;}
#links li a {color:#999;}
#links li a:hover {color:var(--main-color);}
/*copyright*/
#copyright {text-align:center; font-size:0.15rem; line-height: 1.75em; color:#999; text-transform:uppercase; padding:0.2rem 0;}
#copyright a {color:#999; display: inline-block;}
#copyright a:hover {color:#333;}
#copyright img {display: inline-block; vertical-align: middle; height: 1.3334em; width: auto; margin-top:-0.266667em;}
/*fixed*/
#fixed {position: fixed; right:3.125%; top:80%; transform: translateY(-100%);}
#fixed li {font-size:1.125em; width: 2em; height: 2em; display: flex; align-items:center; justify-content: center; border-radius: 0.25em; background-color: #ff7200; color:#fff; cursor: pointer;}
#fixed li:hover {background-color:var(--main-color);}
/*details*/
#details {padding:0.35rem;}
#details .center {text-align: center; margin-bottom: 0.35rem;}
#details .meta {--justify:center; border-bottom:1px solid #eee; padding-bottom:0.2rem; margin-bottom:0.25rem; font-size: 0.15rem; line-height: 1.75em;color:#888;}
#details .meta span {margin-right: 0.2rem; display:block;}
#details .meta span:last-child {margin-right: 0;}
#details .meta a {color:#888;}
#details .meta a:hover {color:#333;}
#details .mza-name {font-weight: bold;}
.posttitle {font-size:0.28rem; text-align: center; line-height: 1.5em; margin-bottom:0.15rem; font-weight:500;}
/*entry*/
.entry img {height:auto!important;}
.entry blockquote {margin-left:2em; margin-right: 0.2em; padding:0.2rem; font-style:italic; overflow: hidden; color:#555; border:1px dashed #eee; background-color:#f9f9f9; border-radius:0.03rem;}
.entry hr {border:none; border-bottom:1px solid #999; margin-bottom:0.2rem;}
/*tags*/
.tags {overflow: hidden; font-size:0.15rem; line-height: 1.75em; color:#888; padding:0.2rem 0;}
.tags a {color:#888; margin-right:0.2rem;}
.tags a:last-child {margin-right: 0;}
/*postnavi*/
.postnavi {padding:0.2rem 0; margin-bottom: 0.2rem;}
.postnavi > div {max-width: 45%;}

/*error404*/
#error404 .post {padding:0.35rem;}
#error404 .post .title {font-size:0.36rem; text-align:center; line-height: 1.35em; margin-bottom:0.2rem;}
#error404 .post .warning {text-align:center;}
#error404 .post a {color:var(--main-color);}
/*commentlist*/
#comments {overflow: hidden; margin-top:0.35rem;}
#comments ol {margin:0; padding:0;}
#comments li {overflow: hidden; margin-bottom:0.2rem; padding-bottom:0.2rem; border-bottom:1px solid #eee; list-style: none;}
#comments .gravatar {float:left; width:0.6rem; border-radius:0.05rem; overflow: hidden; position: relative;}
#comments .gravatar:after {display: block; content: ''; padding-bottom: 100%;}
#comments .gravatar img {display:block; width:100%; height:100%; position: absolute; left:0; top:0; object-fit: cover;}
#comments .info {margin-left:0.8rem; overflow: hidden;}
#comments .noimg {overflow: hidden;}
#comments .name {font-weight:bold; line-height: 1.35em; color:#333; margin-bottom: 0.1rem;}
#comments time {display:block; color:#999; font-size:0.12rem; line-height: 1.5em;}
#comments .replay {font-size:0.12rem; font-weight:bold; color:#000;}
#comments .text {padding:0.05rem 0; color:#555;}
#comments .text p {margin:0;}
#comments li li {margin:0.2rem 0 0 0.2rem; padding-bottom:0; border-bottom:none;}
/*respond*/
#respond .item {overflow: hidden; margin-bottom:0.15rem; position:relative;}
#respond .label {display:block; float:left; height:2.5em; line-height: 2.5em;}
#respond .label i {font-style:normal; color:#f00;}
#respond .input {margin-left:0.8rem; overflow: hidden;}
#respond .text { border:1px solid #e4e4e4; border-radius:5px; width:100%; height:2.5em; line-height:1.5em; line-height: normal; padding:0.5em 1.25em; font-size:0.16rem;}
#respond textarea.text {height:10em; resize: vertical;}
#respond .submit {margin-left:0.8rem; color:#fff; background-color:#555; border-radius:0.05rem; height:2.8125em; width:10em; font-size:0.16rem; cursor:pointer;}
#respond .submit:hover {background-color: var(--main-color);}
#respond .verify {position:relative;}
#respond .verify .input {margin-right:1.26rem;}
#respond .verify img {display:block; position:absolute; right:0; bottom:0; height:100%; width:auto; cursor:pointer; border-radius:0.05rem;}
#cancel-comment-reply-link{font-size:0.13rem;color:#999;line-height:2em;}

@media only screen and (max-width:1280px) {	
	/*1280px两栏*/
	#main {width:70%;}
	#sidebar {width:28%;}
}
@media only screen and (max-width:1024px) {
    /*1024px*/
    #header {padding:0.25rem 0; border-bottom: 1px solid #eee;}
    /*1024px*/
    #search {width:calc(100% - 2.68rem); padding:0 0.2rem;}
	/*1024px*/
	#navbtn {width:0.3rem; height:0.3rem; cursor:pointer; display: block; position: relative;}
	#navbtn span {display:block; width:100%; height:0.03rem; background-color:#666; position:absolute; top:50%; left:0; transform: translateY(-50%);}
	#navbtn span:before, #navbtn span:after {content:''; display:block; width:100%; height:0.03rem; background-color:#666; position:absolute; left:0; top:-0.1rem; transition:transform .3s; transition:transform .3s;}
	#navbtn span:after {top:auto; bottom:-0.1rem;}
	#navbtn.active span {height:0;}
	#navbtn.active span:before {transform:rotate(45deg); top:0;}
	#navbtn.active span:after {transform:rotate(-45deg); bottom:auto; top:0;}
	/*1024px*/
	#nav {position:fixed; right:0; top:1.356rem; height:calc(100% - 1.356rem); width:100%; max-width: 35em; background-color:#fff; overflow-y:auto; transition:all 0.3s; -webkit-overflow-scrolling:touch; border-top:1px solid #eee; border-left:1px solid #eee; z-index:9; transform: translateX(100%); opacity: 0;}
	#nav.active {transform: translateX(0); opacity: 1;}
	#nav .inner {width:auto; max-width: none;}
	#nav ul {display: block;}
	#nav li {padding: 0 0.5rem; width: auto; line-height: 2em; text-align:left;}
	#nav li a { color:var(--font-color); padding: 1.5em 0; border-bottom: 1px solid #e4e4e4;}
    #nav li.on > a, #nav li.cur > a {background-color: transparent;}
	#nav li ul {position:static; width:auto; transform: none; background-color:transparent; text-align:left; border:none; padding: 1em 0 1em 2em;} 
    #nav li li {padding:0;}
    #nav li li a {padding: 0.75em 0; border-bottom: none;}
	#nav li em {position:absolute; right: 0.3rem; top:0; width: 3.61111111em; height: 5.05555556em; display:block; cursor:pointer; z-index: 2;}
	#nav li em:after {content:''; display:block; width: 0.66666667em; height: 0.66666667em;  border-right:1px solid #666; border-bottom:1px solid #666; transition:all .3s; position:absolute; left:50%; top:50%; margin: -0.38888889em 0 0 -0.38888889em;transform: rotate(-45deg);}	
    #nav li.active {background-color: #f9f9f9;}
    #nav li.active em:after {transform:rotate(45deg);} 
    /*1024px*/
	#main {width:100%;}
	#sidebar {width:100%;} 
   
}
@media only screen and (max-width:750px) {
    /*750px*/
    #logo {width: 2rem;}
    /*750px*/
    #search {width: calc(100% - 2.3rem); padding:0 0.15rem;}
    #search .form {padding:0.03rem 0.35rem 0.03rem 0.03rem;}
    #search .text {padding:0.35em 1em; height: 2.2em;}
    #search .submit {width: 0.35rem;}
    /*750px*/
	#nav {top:1.27755rem; height:calc(100% - 1.27755rem);}
    /*750px*/
    #wrapper {padding:0.2rem 0;}
    /*750px*/
    #slides .item {padding-bottom:70%;}
    /*750px*/
    #recommend ul {width: auto; justify-content: space-between;}
	#recommend li {width:48.5%; padding-right: 0;}
    #recommend li:nth-child(n+3){padding-top: 3%;}
    /*750px*/
	#categories .item {width:100%;}
    /*750px*/
    .newsitem .thumbnail {width:1.5rem;}
    .newsitem .info {width: calc(100% - 1.7rem);}
    .newsitem .title {white-space: normal; line-height: 1.5em;}
    .newsitem .meta span,
	.newsitem .excerpt {display: none;}
    .newsitem .meta {margin-bottom: 0;}
    .newsitem .meta .date {display: block;}
    /*750px*/
    #fixed {display: none;}
    #details {padding-left:0.2rem; padding-right: 0.2rem;}
	/*750px*/
	#comments .gravatar {width:0.3rem;}
	#comments .info {margin-left:0.4rem;}	
	/*750px*/
    #respond .label {float:none;}
	#respond .input {margin-left:0;}
	#respond .submit {margin-left:0;}
    #respond .verify img {height: 0.4rem;}
}