/*
*Theme Name:Mars
*Description: 火星人主题，一个简单的两栏Zblog博客主题
*Author: 佐语
*Website: https://www.plan.zuoyv.com/
*Mail: bob.cy@qq.com
*Version: 1.0
*/
@charset "utf-8";
@import url(fonts/iconfont.css);
* { margin: 0; padding: 0 }
html {height: 100%;}
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, select, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {margin:0; padding:0;}
body {display: flex;flex-direction: column;height: 100%;background-color:#f1f4f9; color:#333; font:16px/1.75em Arial,"Microsoft Yahei","Lucida Grande"; overflow-x:hidden; width:100%;/*设置宽度*/}
table {background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size:16px; 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:10px;border:1px solid #ddd; box-sizing: border-box;}
button, select, input, textarea{background:none; border:none; border-radius:0; -webkit-border-radius:0; color:#333; outline:none; -webkit-appearance:none;}
input:focus { outline: none;}
textarea{resize:none;}
img { border: 0; display: block }
ul, li { list-style: none; }
a { text-decoration: none; color: #333; }
a:hover { color: #000; text-decoration: none; }
.clear { clear: both; width: 100%; overflow: hidden; }
.inner { width: 1200px; margin:0 auto; }
mark{display: none;}
/*header*/
header {position: relative;flex: 0 0 auto; }
.wrapper {flex: 1 0 auto;}
footer {flex: 0 0 auto;}
/*logo*/
.logo { float: left; margin-right: 30px;margin-top: 10px}
.logo img {max-height: 60px;vertical-align: middle;}
/*导航nav*/
.header { line-height: 80px;height: 80px; width: 100%; background: #fff; box-shadow: 0 1px 10px 0 rgba(0,0,0,.1); }
.nav{float: left;}
#nav ul {float:left;}
#nav li {float:left;font-size:16px;line-height:45px;padding:18px 20px;position:relative; font-weight: normal;}
#nav li:hover a{ color: #ff6969; }
#nav li a {display:block;}
#nav li ul {position:absolute;left:-1px;top:90%;width:150%;background-color:#fff;height:auto;border:1px solid #e6e6e6;z-index:2;padding:5px 0;display:none;border-radius: 10px;}
#nav li ul li:hover{background: #ff6969 ;color: #fff!important}
#nav li ul:before {content: "";height: 15px;width: 15px;background-color: #fff;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);border-left: 0;border-bottom: 0;position: absolute;top: -8px;left: 44px;border-top: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;}
#nav li ul li a:hover{color: #fff!important}
#nav li li {padding:0;text-align:center;float:none; font-weight: normal;}
#nav li li:after {display:none;}
#nav li li a {padding:0 5px;}
#nav li:last-child:after {display:none;}
#nav .selected a{color: #ff6969}
#nav em:after{border-bottom:1px solid #333;border-right:1px solid #333;transform:rotate(45deg);width:5px;height:5px;content:'';display:block;position:absolute;left:95%;top:50%;margin:-6px 0 0 -6px;}
/*搜索*/
.search { position: relative; overflow: hidden; }
.search input.input_submit { border: 0; color: #fff; outline: none; position: absolute; top: 0; right: 0; display: block; font-size: 15px; height: 36px; background: #424241; line-height: 36px; cursor: pointer; }
.search input.input_text { border: 0; line-height: 36px; height: 36px; font-size: 14px; outline: none; text-indent: 1em; }
.search-btn {float: right; }
.search-btn i { display: block;font-size: 20px;  }
.search-page { width: 300px; right: 160px; background: #fff; position: absolute; top: 80px; z-index: 8; display: none; padding: 10px 10px;background: #ff6969;border-radius: 20px;}
.search-page .search { clear: both; margin: auto;border-radius: 20px;background: #fff; }
.search-page .search input.input_text { width: 80%; float: left; z-index: 9; }
.search-page .search input.input_submit { width: 20%; }
/*main*/
.main { width: 70%; float: left; margin: 15px 0; }
.blogs_list { overflow: hidden; position: relative; transition: all .8s; padding: 20px; background: #fff; margin-bottom: 20px;border-radius: 18px; }
.blogs_list .post_listimg { display: block; width: 210px; height: 158px; background: #ccc; overflow: hidden; float: left; margin-right: 20px; border-radius: 10px; }
.blogs_list .post_listimg img { width: 100%; min-height: 100%; transition: all .6s; }
.blogs_list h2 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 10px 0; line-height: 28px; font-size: 20px; }
.blogs_list h2 span { font-size: 14px;    color: #ffffff;    margin-right: 5px;    background: #ff6969;    padding: 0 5px;    border-radius: 3px;    display: inline-block;}
.blogs_list p { color: #808595; font-size: 14px; line-height: 24px; word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; }
.blogs_list:hover { box-shadow: 0px 12px 8px -12px #c0bebe; }
.blogs_list h2:hover { color: #ff6969; }
.blogs_list img:hover { transform: scale(1.1); }
.list_footer { color: #999; font-size: 14px; margin: 30px 0 0 0; line-height: 24px; }
.list_footer a { color: #999; }
.list_footer span { padding-left: 20px; line-height: 24px; display: block; float: left; }
.list_footer span i{font-size: 16px;font-weight: bold;}
.stick {position: absolute;top: 0px;right: -30px;width: 80px;margin-left: 10px; padding: 2px 6px;transform: rotate(45deg);text-align: center;color: #fff;border-radius: 3px;background-color: #ff6969;font-size: 12px;line-height: 30px;}
/*页脚*/
footer {padding: 30px 0;width: 100%;overflow: hidden;text-align: center;color: #fff;background: #333;}
.copyright {font-size: 14px;overflow: hidden;line-height: 30px;color: #fff;}
footer a {color: #fff;}
footer a:hover { text-decoration: underline;color: #ff6969  }
/*返回顶部*/
.gotop {position: fixed;bottom: 40px;right: 20px;width: 40px;height: 40px;line-height: 40px;text-align: center;background-color: #ff6969;color: #fff;border-radius: 5px;cursor: pointer;z-index: 999; }
/*面包屑*/
.breadcrumb {background-size: 24px;line-height: 40px;color: #333;padding-left: 10px;margin: 10px 0 0}
.breadcrumb a {color: #333;}
/*分页条*/
.pagination{font-size:0;line-height:normal;text-align:center;clear:both;margin: 20px 0}
.pagination ul li {display:inline;}
.pagination ul li a {margin:3px 5px 3px 0;padding:7px 14px;background-color:#FFF;border:1px solid #ddd;font-size:12px;color:#666;border-radius:20px;box-shadow:0 1px 3px rgba(0,0,0,.03);}
.pagination ul li:hover a {color:#ffffff;background-color:#ff6969;border:1px solid #ff6969;}
.pagination ul li.active a {color:#ffffff!important;background-color:#ff6969;border:1px solid #ff6969;}
.pagination ul li span {background-color:#ffffff;cursor:default;margin:3px 5px 3px 0;float:left;padding:7px 14px;border:1px solid #ddd;font-size:12px;color:#666;border-radius:8px;}
/*文章页面*/
article {background: #fff; padding: 20px; margin: 0px 0 20px 0px; border-radius: 18px; }
article h1 {color: #001737;font-size: 24px;margin: 10px 0 20px 0;text-align: center;}
.poatmeta { font-size: 12px; line-height: 28px; color: #808595; margin-bottom: 30px; border-bottom: #dbdbdb 1px dashed; text-align: center;}
.poatmeta span { margin: 0 20px 0 0 }
.poatmeta a { color: #808595; }
.content { font-size: 16px; line-height: 32px; word-break: break-all;position: relative;background-image: linear-gradient( 90deg,rgba(255,0,0,0.05) 5%,rgba(72,42,10,0) 0),linear-gradient( 1turn,rgba(0,0,0,0.05) 5%,rgba(255,153,44,0) 0);background-size: 20px 20px;box-sizing: border-box;border-top: 1px solid #eee;margin-top: -16px;padding-bottom: 16px; }
.content p { margin: 10px 0; text-indent: 2em; }
.content ul, .content ol { margin: 20px 0 20px 35px; }
.content ul li, .content ol li { margin-top: 3px; line-height: 30px; }
.content ul li { list-style-type: disc; }
.content ol li { list-style-type: decimal; }
.content h1 {font-size:28px;text-align: left;}
.content h2 {font-size:24px}
.content h2 {font-size:20px}
.content h3 {font-size:18px}
.content h4 {font-size:16px}
.content h5 {font-size:14px}
.content h6 {font-size:14px}
.content h1,.content h2, .content h3, .content h4, .content h5, .content h6 { position: relative; padding-left: 14px; margin: 20px 0; text-indent: 1em; }
.content img { max-width: 100% !important; margin: 10px auto; }
/*文章页标签tags*/
.tags {margin: 30px 0;font-size: 16px;background-size: 24px;color: #ff6969;text-align: center;}
.tags a { color: #ff6969; border: 1px solid #ff6969; display: inline-block; font-size: 14px; padding: 0px 15px; margin: 5px; border-radius: 15px; transition: all .2s; }
.tags a:hover { background: #ff6969; color: #fff; border: 1px solid #ff6969; }
/*文章页上下篇导航info-pre-next*/
.info-pre-next { line-height: 34px; margin-bottom: 20px; overflow: hidden; }
.info-pre-next p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 45%; float: left; }
.info-pre-next p:nth-child(2) { text-align: right; float: right; }
.info-pre-next a { margin-left: 10px; font-weight: bold; }
/*相关文章relatepost*/
.relatepost {background: rgba(255,255,255,.9);border-radius: 18px;overflow: hidden;padding: 15px;margin: 20px 0 20px 0px;}
.relatepost .h_title { padding-bottom: 15px;padding-left: 25px;margin-top: 20px;position: relative;z-index: 9;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.relatepost .h_title h2 {font-size: 16px;color: #333;margin-right: 16px;display: inline-block;vertical-align: bottom;}
.relatepost .h_title:before {content: '';position: absolute;width: 5px;height: 16px;left: 10px;top: 4px;z-index: -1;-webkit-transform: translate(0,-50%);transform: translate(0,0%);background-color: #ff6969;border-radius: 16px;}
.relatepost p { width: 88px; height: 25px; background: #012684; font-size: 16px; color: #fff; line-height: 25px; text-align: center; margin-top: 20px; }
.relatepost ul { overflow: hidden; margin: 10px 0 10px;padding: 0 10px; }
.relatepost ul li { position: relative;margin-bottom: 12px;list-style: none;}
.relatepost ul li:before {position: absolute;content: '';width: 6px;height: 6px;left: 0;top: 6px;border-radius: 50%;background: #ff6969;}
.relatepost ul li a { display: block; margin: 0 30px; }
.relatepost ul li a:hover { color: #ff6969 }
/* 评论部分msg start */
ul.msg {width: 100%;margin: 10px 0 0px 0;padding: 5px 0px;table-layout: fixed;list-style-position: outside;text-align: left;word-wrap: break-word;border-radius: 20px;}
.h_title ,.posttop{padding-left: 25px;margin-top: 20px;position: relative;z-index: 9;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.h_title h2,.posttop h2 {font-size: 16px;color: #333;margin-right: 16px;display: inline-block;vertical-align: bottom;}
.h_title:before,.posttop:before {content: '';position: absolute;width: 5px;height: 16px;left: 10px;top: 4px;z-index: -1;-webkit-transform: translate(0,-50%);transform: translate(0,0%);background-color: #ff6969;border-radius: 16px;}
.tbname {padding-left: 20px;border-left: 5px solid #ff6969;border-radius: 5px;background: #f6f7fa;font-size: 16px;/* line-height: 35px;*/}
li.msgname {display: flex;align-items: center;color: #9ca0ad;font-size: 14px;    margin-left: 10px;}
li.msgname .msgNameRight {display: flex;flex-direction: column;justify-content: center;}
li.msgname a {color: #9ca0ad;}
li.msgurl {margin: 0;padding: 2px 10px 2px 10px;text-align: right;font-size: 1em;}
img.avatar {float: left;width: 40px;height: 40px;margin-right: 15px;border: 2px solid #fff;border-radius: 50%;box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);}
.commentname {float: left;}
.msginfo {margin-top: 10px;padding: 10px 20px 20px;background-color: #eee;line-height: 30px;border-radius: 10px;}
.msgcon {margin: 20px 0 20px 0px;padding: 15px;border-radius: 18px;background: rgba(255,255,255,.9);}
#txaArticle {width: 100%;margin-top: 10px;transition: all .35s ease 0s;border: 1px solid rgba(227, 229, 236, .4);border-radius: 10px;background: #f5f2f0;line-height: 30px;}
#inpName,
#inpEmail,
#inpHomePage{width: 100%;height: 30px;transition: all .35s ease 0s;border: 1px solid rgba(227, 229, 236, .4);border-radius: 5px;background: #f5f2f0;line-height: 30px;}
.verifyinput{float: left;}
#inpVerify { width: 100%;height: 30px;transition: all .35s ease 0s;border: 1px solid rgba(227, 229, 236, .4);border-radius: 5px;background: #f5f2f0;line-height: 30px;}
.verify img{float: left;margin-left: 5px}
.msgcon .button {height: 35px;margin-top: 10px;padding: 0 20px;cursor: pointer;transition: 0.3s ease-out;text-align: center;white-space: nowrap;opacity: .9;color: #fff;border: 0;border-radius: 20px;background-color: #ff6969;font-size: 14px;line-height: 35px;}
.msgarticle {color: #666;padding-bottom: 3px;min-height: 30px;margin-left: 40px;margin-right: 10px;text-align: justify;}
.msg { border: 1px solid #eee;}
.msghead{border: none;}
/* msg END */
/* 侧边栏sidebar */
.sidebar { float: right; width: 28%;margin-top: 15px }
.function{position: relative; background: rgba(255,255,255,.8);margin-bottom: 20px; overflow: hidden; padding: 22px; z-index: 1; border-radius: 18px; }
.function_t{font-size: 18px;margin-bottom: 10px;font-weight:normal;}
.function .function_t:before {content: '';position: absolute;width: 5px;height: 16px;left: 10px;top: 27px;z-index: -1;-webkit-transform: translate(0,-50%);transform: translate(0,0%);background-color: #ff6969;border-radius: 16px;   }
.function a:hover {color: #ff6969;}
#divCatalog .function_c li,
#divPrevious .function_c li,
#divFavorites .function_c li,
#divArchives .function_c li,
#divStatistics .function_c li,
#aside_random .function_c li,
#aside_hot .function_c li,
#divComments .function_c li,
#divAuthors .function_c li,
#divLinkage .function_c li,
#aside_pro .function_c li,
#aside_tags .function_c li {overflow: hidden;margin-bottom: 10px;white-space: nowrap;text-overflow: ellipsis;line-height: 30px;}
#divArchives li ,#divAuthors li,#divStatistics li,#divFavorites li,#divLinkage li,#divCatalog li,#divMisc li{display: inline-block;width: 49%;vertical-align: top;}
#divNavBar .function_c li {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 30px;}
#divCatalog li::before, #divLinkage li::before,#divAuthors li::before, #divNavBar li::before,#divArchives li::before, #divFavorites li::before, #divStatistics li::before {margin: 0 5px 0 0;font-size: 12px;color: #ff6969;font-family: iconfont;display: inline-block;vertical-align: top;}
#divAuthors li::before{content: "\e607";}
#divArchives li::before{content: "\e75e";}
#divCatalog li::before, #divLinkage li::before, #divNavBar li::before, #divFavorites li::before, #divStatistics li::before {content: "\e621";color: #ff6969}
/*标签模块*/
#divTags a{display: inline-block;margin: 0 10px 10px 0;padding: 0 6px;border: 1px solid #e5e5e5;font-weight: 400;font-size: 12px;line-height: 30px;width: 25%;float: left;height: 30px;overflow: hidden;color:#666;text-align:center;border-radius: 15px;}
#divTags a:hover{background-color:#ff6969;color:#fff;border:1px solid #ff6969}
#divTags .tag-count{display: none;}
/*控制面板*/
#divContorPanel .function_c{text-align:center;}
#divContorPanel .cp-hello{display:block;margin:5px 0 -15px;padding:12px 0;background:#f5f5f5;background:linear-gradient(to right, transparent 0%, #f5f5f5 30%, #f5f5f5 70%, transparent 100%);}
#divContorPanel .function_c a{display:inline-block;margin:0 6px;color:#fff;background-color:#ff6969;background-image:linear-gradient(0deg, transparent 0, rgba(255,255,255,.15) 50%, transparent 100%);padding:3px 15px;border-radius:30px;}
#divContorPanel .function_c a:hover{background-color:#dd4a68;}
/* 日历 */
#divCalendar .function_t {display:none}
#divCalendar .function_c {width:100%;padding:0 4px 15px 4px}
#divCalendar table {width:100%;font-size:16px;table-layout:fixed}
#divCalendar caption {height:24px;margin:0 0 10px;padding:0;font-weight:bold;text-align:center}
#divCalendar caption a {padding:0 18px;color:#ff6969}
#divCalendar th {height:20px;color:#fff;font-weight:normal;line-height:20px;text-transform:uppercase;border:1px solid #ff6969;background:#ff6969}
#divCalendar td {height:20px;color:#888;line-height:20px;text-align:center;border:1px solid #e4e8eb}
#divCalendar td.pad {background:none}
#divCalendar td a {line-height:30px;color:#ff6969;display:block}
#divCalendar #today {color:#0188fb;font-weight:bold}
/* 搜索模块 */
#divSearchPanel {padding-bottom: 14px !important;}
#divSearchPanel .function_c input:first-child {width: 75%;height: 26px;border: 1px solid #ff6969;border-radius: 16px;}
#divSearchPanel .function_c input:last-child {width: 20%;height: 32px;margin-left: 2%;cursor: pointer;border: 1px solid #ff6969;border-radius: 16px;color:#fff;background-color:#ff6969;}
#divSearchPanel .function_c input:last-child:hover {color: #fff;background-color: #dd4a68;}
#divMisc ul {display: flex;justify-content: center;}
/*移动端*/
@media only screen and (max-width: 1200px) {
.inner { width: 1000px; }
}
@media screen and (min-width: 960px) and (max-width: 1024px) {
.inner { width: 940px; }
.nav li a { padding: 0 10px }
.menu:after { right: 0 }
.main{ width: 68%; }
.sidebar { width: 30% }
}
@media only screen and (max-width: 959px) {
.inner { width: 96% }
.search-btn {background: none;top: 10px;}
.search-page {top: 60px;right: 0;width: 100%;border-radius: 0;}
.search-btn i{position: absolute;border-radius: 4px;top: 16px;right: 0px;margin-right: 40px;line-height: 28px; font-size: 1.5em;font-weight: 100;cursor: pointer;color: #666;padding: 0px 15px;}
.header { height: auto }
.header {width: 100%;height: 60px;top: 0;z-index: 999;padding: 0;margin: 0;background: rgba(255,255,255,.9);}
.header .inner {width: 100%;position: relative;}
.logo{float: none;text-align: center;height: 60px;line-height: 60px;margin: 0 auto;max-width: 100%;width: 100%;    }
.logo a{ color:#333}
.navBtn{width:20px;height:20px;position:absolute;right:15px;top:50%;margin-top:-10px;cursor:pointer;display:block;z-index:10;}
.navBtn span{position:absolute;left:0;top:50%;margin-top:-0.5px;width:100%;height:1px;background-color:#000;}
.navBtn span:before,.navBtn span:after{content:'';display:block;width:100%;height:1px;background-color:#000;position:absolute;left:0;}
.navBtn span:before{top:-8px;}
.navBtn span:after{bottom:-8px;}
#nav{background-color:#666;position:fixed;left:-240px;width:240px;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;transition:left .3s;z-index:9;margin-left:0;}
#nav.open{left:0;}
#nav ul{text-align:left;}
#nav li{display:block;line-height:40px;position:relative;padding:5px 0;margin:0;width: 100%;}
#nav li a{color:#fff;display:block;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 2em;}
#nav li a:hover{opacity:0.85;}
#nav li ul{width: 100%; position:static;left:auto;top:auto;transform:none;box-shadow:none;min-width:0;background-color:transparent;padding:0;text-align:left;border:none;}
#nav li ul:before{display: none;}
#nav li li{font-size:14px;}
#nav li li a {padding: 0 5px;text-align: left;margin-left: 3em;}
#nav em{position:absolute;right:0;top:5px;width:40px;height:40px;z-index:5;display:block;}
#nav em:after{border-bottom:1px solid rgba(255,255,255,0.9);border-right:1px solid rgba(255,255,255,0.9);transform:rotate(45deg);width:8px;height:8px;content:'';display:block;position:absolute;left:50%;top:50%;margin:-6px 0 0 -6px;}
#nav em.open:after {transform:rotate(45deg); margin:-6px 0 0 -6px;}
.main{width: 100%;margin: 10px 0;}
.sidebar {width: 100%}
}
 @media only screen and (max-width: 768px) {
.breadcrumb {padding-left: 0;font-size: 14px;margin-top: 10px;}
.relatepost {margin: 20px 0;}
.blogs_list .post_listimg{width: 40%;height: auto;}
}
 @media only screen and (max-width: 640px) {
h2.h_title { font-size: 18px; }
.relatepost ul li { width: 100% }
}
 @media only screen and (max-width: 480px) {
.search-page .search {width: 100%;}
.search-page  { right: 0px; top: 60px;width: 96%;  }
.blogs_list {padding: 15px;margin: 0 0 10px 0;}
.blogs_list i { width: 90px; height: 68px; margin: 0 10px 10px 0 }
.blogs_list h2 { font-size: 15px; white-space: inherit; line-height: inherit; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; margin: 10px 0; }
.poatmeta span { margin: 0 5px 0 0 }
.info-pre-next p, .info-pre-next p:nth-child(2) { width: 100%; float: none; text-align: left }
.relatepost ul li a { margin: 0 15px; }
article {padding: 15px;margin: 0;}
.relatepost ul li span { left: 148px; }
footer { margin-top: 20px }
}