/**
 * Theme Name:  Lonesome
 * Theme URI:   https://mrju.cn/Lonesome
 * Author:      MrJu
 * Author URI:  https://mrju.cn
 * Description: 回归博客最初的本质。
 * Version:     2.1.0
 * Text Domain: Lonesome
 * Tags:        推荐安装wordpress插件：Hermit（mufeng音乐播放器）
 */

/* HTML elements */
*,:after,:before{transition:all .3s}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,STHeiti,WenQuanYi Micro Hei,Helvetica,Arial,sans-serif}
.entry-content h4{font-weight: initial;color: #8f8f8f;}
.entry-content h3{font-weight: initial;font-size: 24px;}
blockquote{border-left:3px solid #b4b4b4;font-weight:400;letter-spacing:.01rem;padding-left:20px;font-size:16px;background: #f7f7f7;}
a:active,a:focus{outline:0}
a:focus{color:#333}
a:hover{opacity:.9}
img{max-width:100%;height:auto;transition:opacity .3s}
label{font-weight:400}
td,th{padding:3px 8px;border:1px solid #e1e1e1}
input[type=text],input[type=url],input[type=email],input[type=tel],input[type=password],input[type=search],textarea{border: 1px solid rgba(0,0,0,.05);width: 100%;padding-left: 1em;padding-right: .6em;box-sizing: border-box;border-radius: 40px;height: 40px;}
input[type=text]:focus,input[type=url]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=password]:focus,input[type=search]:focus,textarea:focus{outline:0}
textarea{height:12em;display:block}
#infinite-handle span button,#infinite-handle span button:hover,.button,button,input[type=button],input[type=submit]{position:relative;display:inline-block;letter-spacing:2px;border:0;border-radius:1px;display:inline-block;border:1px solid #eee;border-radius:999em;padding:4px 20px;color:rgba(0,0,0,.44);cursor:pointer;background:#fff}
#infinite-handle span button:hover,.button:hover,button:hover,input[type=button]:hover,input[type=submit]:hover{border-color: #62b900;color: #62b900;;text-decoration:none}
:active,:focus{outline:0}
pre{font-size: 14px;background: #fafafa;border-radius: 0;border: 1px solid #e6e6eb;}
p i{margin-right: 4px;}

/*css3滑动显示图片*/
@keyframes left {
  0% {opacity:0;transform: translateX(20px);}
100% {opacity:1;transform: translateX(0);}
}
@keyframes right {
  0% {opacity:0;transform: translateX(-20px);}
100% {opacity:1;transform: translateX(0);}
}

/* WordPress 必要的style */
.alignnone{margin:0 0 30px 0}
.aligncenter,.aligncenter img{display:block;margin:30px auto}
.alignright{float:right;margin:0 0 30px 30px}
.alignleft{float:left;margin:0 30px 30px 0}
.wp-caption{text-align:center;max-width:100%}
.wp-caption img{display:block;margin:0 auto}
.wp-caption-text{font-size:11px;margin:5px 0 0}
.bypostauthor{display:block}
.sticky{display:block}
.wp-playlist-item .wp-playlist-caption,.wp-playlist-item .wp-playlist-item-length{line-height:2.5}
.entry-content .wp-playlist,.entry-summary .wp-playlist{padding-bottom:0}
.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden}
.screen-reader-text:focus{clip:auto!important;display:block;height:auto;left:5px;top:5px;width:auto;z-index:100000}
.gallery{margin:0 auto;clear:both}
.gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%;padding:5px}
.gallery-item img {width:100%;box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3) !important;}
.gallery-columns-2 .gallery-item{max-width:50%}
.gallery-columns-3 .gallery-item{max-width:33.33%}
.gallery-columns-4 .gallery-item{max-width:25%}
.gallery-columns-5 .gallery-item{max-width:20%}
.gallery-columns-6 .gallery-item{max-width:16.66%}
.gallery-columns-7 .gallery-item{max-width:14.28%}
.gallery-columns-8 .gallery-item{max-width:12.5%}
.gallery-columns-9 .gallery-item{max-width:11.11%}
.gallery-caption{display:block}

/* 站点顶部 */
.site-header{margin:60px 0}

/* 页面顶部 */
.page-header{text-align:center;padding:0;border:0;margin:0 0 30px}
.page-title{margin:13px 0;font-style:normal;font-weight:normal;letter-spacing:0;padding:0;width:100%;border:0;}
.taxonomy-description{color:#818181;font-style:italic;margin-top:-10px;font-size:14px}

/* 单页面的页顶 */
.page-header.entry-header{margin-bottom:0;}
.site-title{font:2.5em/1 Poppins,sans-serif;margin:0 0 10px}
.site-title a:hover{color:#333}
.custom-logo{display:inline-block;margin:0 0 10px}
.site-description{text-transform:uppercase;letter-spacing:2px;color:#818181;font-weight:normal;font-size: 14px;}

/* 博客pc端导航 */
.main-navigation{border-top:1px solid rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.05);margin-top:30px}
.primary-menu,.top-bar-menu{margin:0;padding:0;list-style:none}
.primary-menu li,.top-bar-menu li{display:inline-block;padding:0 15px;position:relative}
.primary-menu li:hover>ul,.top-bar-menu li:hover>ul{opacity:1;top:51px;visibility:visible}
.primary-menu li:before,.top-bar-menu li:before{margin-right:5px}
.primary-menu>li.menu-item-has-children>a::after,.top-bar-menu>li.menu-item-has-children>a::after{content:"";display:block;border:4px solid transparent;border-top-color:#e1e1e1;position:absolute;z-index:9;right:3px;top:50%;margin-top:-2px}
.primary-menu>li.menu-item-has-children>a:hover::after,.top-bar-menu>li.menu-item-has-children>a:hover::after{border-top-color:#818181}
.primary-menu a,.top-bar-menu a{letter-spacing:1px;text-transform:uppercase;color:#818181;font-size: 14px;line-height: 50px;}
.primary-menu a:hover,.top-bar-menu a:hover{color:#333}
.primary-menu a:active,.primary-menu a:focus,.top-bar-menu a:active,.top-bar-menu a:focus{text-decoration:none}
.primary-menu .current-menu-item>a,.top-bar-menu .current-menu-item>a{color:#333;text-decoration:none}
.primary-menu ul,.top-bar-menu ul{position:absolute;left:0;top:60px;opacity:0;visibility:hidden;z-index:9;margin:0;padding:0;box-shadow:0 5px 12px rgba(0,0,0,.2);background:#fff}
.primary-menu ul li,.top-bar-menu ul li{width:160px;padding:7px 15px;display:block;border-bottom:1px solid rgba(0,0,0,.1)}
.primary-menu ul li:hover,.top-bar-menu ul li:hover{background:#f6f6f6}
.primary-menu ul li:last-child,.top-bar-menu ul li:last-child{border-bottom:none}
.primary-menu ul li.menu-item-has-children>a::after,.top-bar-menu ul li.menu-item-has-children>a::after{content:"";display:block;border:3px solid transparent;border-left-color:#e1e1e1;position:absolute;z-index:9;right:5px;top:50%;margin-top:-3px}
.primary-menu ul li.menu-item-has-children>a:hover::after,.top-bar-menu ul li.menu-item-has-children>a:hover::after{border-left-color:#818181}
.primary-menu ul a,.top-bar-menu ul a{padding-bottom:0;border-bottom:0;display:block;font-size:11px;text-align:left;line-height:1.5}
.primary-menu ul ul,.top-bar-menu ul ul{left:100%;top:50%}
.primary-menu ul li:hover>ul,.top-bar-menu ul li:hover>ul{top:0;left:100%}

/* 博客顶部bar */
.top-bar a{color:#818181}
.top-bar a:hover{color:#333}

/* 移动端菜单导航 */
.sidebar-toggle{position:relative;padding:21px 0;cursor:pointer;width:14px;height:14px;float:left;margin-left:0}
.sidebar-toggle span,.sidebar-toggle span:after,.sidebar-toggle span:before{content:"";position:absolute;display:block;width:14px;height:1px;border-radius:1px;background:#818181;cursor:pointer}
.sidebar-toggle span:before{top:-4px}
.sidebar-toggle span:after{bottom:-4px}
.sidebar-toggle:hover span,.sidebar-toggle:hover span:after,.sidebar-toggle:hover span:before{background:#333}
.top-bar-navigation .sidebar-toggle{display:none}
div.active.sidebar-toggle span{background-color:transparent}
div.active.sidebar-toggle span:after,div.active.sidebar-toggle span:before{top:0}
div.active.sidebar-toggle span:before{-ms-transform:rotate(45deg);transform:rotate(45deg)}
div.active.sidebar-toggle span:after{top:4px;-ms-transform:translateY(-4px) rotate(-45deg);transform:translateY(-4px) rotate(-45deg)}

/* 博客顶部bar导航 */
.top-bar-menu>li:first-child{padding-left:0}
.top-bar-menu li:hover>ul{top:42px}

/* 文章导航 */
.comment-navigation,.posts-navigation{line-height:28px;overflow:hidden;letter-spacing:1px;}
.posts-navigation a{display: inline-block;padding: 4px 30px;color: rgba(0,0,0,.55);background: transparent;font-size: 14px;text-align: center;text-decoration: none;cursor: pointer;border: 1px solid rgba(0,0,0,.1);white-space: nowrap;text-rendering: auto;box-sizing: border-box;border-radius: 999em;}
.comment-navigation a{display: inline-block;color: #62b900;background: transparent;font-size: 14px;text-align: center;text-decoration: none;cursor: pointer;white-space: nowrap;text-rendering: auto;box-sizing: border-box;}
.comment-navigation .nav-next,.posts-navigation .nav-next{float:left;}
.comment-navigation .nav-next i,.posts-navigation .nav-next i{margin-left:5px}
.comment-navigation .nav-previous,.posts-navigation .nav-previous{float:right;}
.comment-navigation .nav-previous i,.posts-navigation .nav-previous i{margin-right:5px}

/* Hides navigation links and site footer when infinite scroll is active */
.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer{display:none}

/* Shows the footer again in case all posts have been loaded */
.infinity-end.neverending .site-footer{display:block}
#infinite-handle span{clear:both;display:block;background:0 0;text-align:center}
.infinite-loader{clear:both}
.spinner{margin:0 auto}

/*Entry*/
#content>.col-sm-6:nth-of-type(2n+1){clear:left}
.hentry{margin-bottom:60px}
.entry-media{margin-bottom:20px;border: 1px solid rgba(0,0,0,.05);border-radius: 2px;max-height: 160px;background: #fafafa;background-position: 50%;background-origin: border-box;background-size: cover;overflow: hidden;}
.entry-media img{width:100%;border-radius: 2px;}
.entry-header{margin-bottom:12px;text-align:center}
.entry-title{margin:13px 0;font-size:20px;color: #555;}
.entry-meta{font-size:11px;color:#939393;text-transform:uppercase;letter-spacing:2px;line-height:1}
.entry-meta a{color:#939393}
.entry-meta a:hover{color:#333}
.by{text-transform:none;font-style:italic}
.separator{color:#e1e1e1;padding:0 5px}
.author-link img{border-radius:50%;margin-right:5px}
.entry-text{overflow:hidden}
.line{text-align:center}
.line:before{display:block;content:'';border-top:1px solid rgba(0,0,0,.05);position:relative;top:16px}
.line span{padding:0 15px;font-size:12px;background:#fff;display:inline-block;position:relative}

/* Entry content */
.entry-content{margin-top:30px;}
.entry-content hr{display: block;border: 0;text-align: center;}
.entry-content hr::before {content: '...';display: inline-block;margin-left: .6em;color: rgba(0,0,0,.5);position: relative;top: -30px;font-size: 28px;letter-spacing: .6em;}
.entry-content a{border-bottom:1px solid #e1e1e1;padding-bottom:1px;color: rgb(84, 181, 219);}
.entry-content img {box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.20), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);}
.share-box .screen-reader-text{position:static!important}
.page .alignright{margin-right:0;max-width:100%}
.page .alignleft{margin-left:0;max-width:100%}

/* Entry tags */
.post-tags{list-style:none;font-size:11px;line-height:28px;display: inline-block;}
.post-tags li{display:inline-block;margin-right:40px}
.post-tags li:last-child{margin-right:0}
.post-tags a{color:#9c9c9c;display:inline-block;padding:0 15px;margin-top:8px;background:#f4f4f4;margin-right:8px;border-radius:2px}
.post-tags a:hover{background:#f0f0f0}
.page .hentry,.single .hentry{margin-bottom:0}

/* single文章页面 */
.page #content,.single #content{margin:0 auto;float:none}

/* 文章下方博主信息 */
.author-info{margin-top:30px;overflow: hidden;padding-top: 30px;border-top: 1px solid rgba(0,0,0,.05);}
.author-avatar{margin-right:15px;border: 1px solid rgba(0,0,0,.05);border-radius: 100%;}
.author-description{margin-left:95px}
.author-title{font-weight:400;font-size:20px;line-height:1}
.author-info .information-navigation{font-size:20px;line-height:1;padding:0;float:right;margin-bottom: -13px;}
.information-navigation i {color: rgba(0,0,0,.6);}
.information-navigation i:hover {color: rgba(0,0,0,.8);}
.author-bio{color:#7e7e7e;font-size:13px;line-height:1.5;margin:10px 0 0}

/* 404页面 */
.error404 .site-header{margin-bottom:80px}
.error404 .site-main{text-align:center}
.not-found-title{color:#f0f0f0;font-size:8em;margin:0;line-height:1}
.not-found-message{font-size:30px;margin: 15px 0;}
.not-found-back{color:#979797}

/* 评论 */
.comment-list{padding:0}
.comment-list li{list-style:none}
.comment-list .depth-2 .children{padding-left: 0;}
.comment-meta{line-height:1;margin-bottom:1em}
.comment-metadata time{font-style: normal;color: rgba(0,0,0,.4);}
.comment-author{font-size:13px}
.comment-author img{border-radius:50%;float:left;margin:-8px 10px 0 0;}
.comment-metadata a{font-size:12px;font-style:italic;color:#818181;}
.comment-content{margin-left:58px;font-size:14px;}
.comment-content p:last-child{margin-bottom:0;}
.comment-content a{padding-bottom:1px}
.comment-content a,.fn{color: #62b900;padding-right: 3px;font-size: 14px;font-weight: normal;}
.url{color: #62b900;}
.comment-reply-link{float:right;font-size:12px;line-height:20px;color:#fff;display:inline-block;padding:0 6px;background:#62b900;border-radius:4px;display: none;cursor: pointer;}
.comment-body{padding:30px 0;border-bottom:1px solid #eee;position:relative}
.comment-body .reply{position:absolute;top:25px;right:0}
.comment-body .reply a:hover{color: #fff;}
.comment-body:hover .comment-reply-link{display:block}
.comment-notes {display: none;}
.comments-title{font-size:16px;line-height:1;position:relative;text-align:center;font-weight:700;margin-bottom:0}
.comments-title:before{display:block;content:'';border-top:1px solid #e7e7e7;position:relative;top:8px;z-index:1}
.comments-title span{display:inline-block;padding:0 30px;background:#fff;position:relative;z-index:2;font-weight:400}

/* 发布评论 */
.comment-reply-title{font-size: 18px;color: rgba(0,0,0,.44);margin-bottom: 20px;font-weight: 400;}
.comment-form label{display:block}
.comment-form input{width:50%}
.comment-subscription-form{margin-top:1em}
.form-submit{margin:10px 0 0}
.form-submit input{display:inline-block;width:auto;font-size: 14px;}

/* 侧边栏必要style */
.widget{font-size:14px;line-height:2;margin-bottom:75px}
.widget ul{list-style:none;padding:0;line-height:2.5}
.widget li ul{padding-left:20px}
.widget a{color: rgba(0,0,0,.7);}
.widget-title{font-size:16px;text-transform:uppercase;margin:0 0 20px;position:relative;text-align:center}
.widget-title:before{display:block;content:'';position:absolute;top:50%;left:0;right:0;border-top:1px solid rgba(0,0,0,.05);z-index:1}
.widget-title span{display:inline-block;padding:0 10px;background:#fff;position:relative;z-index:2;font-weight:normal;color: #555;}

/* 侧边栏搜索 */
.search-form{position:relative}
.search-form label{display:block;font-weight:400}
.search-submit{border:0;padding:0;background:0 0;width:30px;height:30px;color:#969696;position:absolute;right:5px;top:5px;line-height:normal;text-align:center;}
.search-submit:hover{background:0 0;color:#818181}
.search-submit .genericon{line-height:32px}

/* 侧边栏最近的文章 */
.Lonesome-recent-posts-widget {/* Featured post */}
.Lonesome-recent-posts-widget li{margin:0 0 30px;overflow:hidden;line-height:24px}
.Lonesome-recent-posts-widget .Lonesome-thumb{float:left;}
.Lonesome-recent-posts-widget .Lonesome-thumb figure{width:40px;height:40px;text-align:center;background:#f6f6f6}
.Lonesome-recent-posts-widget .Lonesome-thumb img{display: block;width:40px;height:40px;max-width:100%;max-height:100%;border-radius: 100%;border: 1px solid rgba(0,0,0,.05);background: #fafafa;}
.Lonesome-recent-posts-widget .Lonesome-text{margin-left:55px}
.Lonesome-recent-posts-widget .Lonesome-title{display:block;font-weight:inherit;line-height:1.3;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.Lonesome-meta i{font-size:12px;color: rgba(0,0,0,.3);font-style:normal;}
.Lonesome-recent-posts-widget .featured .Lonesome-thumb{float:none;width:100%;display:block}
.Lonesome-recent-posts-widget .featured .Lonesome-thumb figure{width:100%;height:auto}
.Lonesome-recent-posts-widget .featured .Lonesome-text{margin-left:0}
.Lonesome-recent-posts-widget .featured .Lonesome-title{margin-top:12px;font-size:15px}

/* 侧边栏关于我 */
.Lonesome-about-intro{text-align:center}
.Lonesome-about-image{margin:0 auto;display:block;width: 120px;height: 120px;}
.Lonesome-about-intro{margin:15px 0 10px}

/* 侧边栏关于我下方的联系我小图标 */
body .information-navigation ul{margin:0}
body .information-navigation li{margin-right:15px;display: block;float: left;}
body .information-navigation li:last-child{margin-right:0}

/* MailChimp for WordPress */
#subscribe-submit input,.mc4wp-form-fields input,form #subscribe-email input{width:100%;display:block}

/*博客页顶footer*/
.site-footer{margin-top:80px;border-top: 1px solid rgba(0,0,0,.08);}
.site-info{padding:15px 0;font-size:13px}
.site-info p{margin-bottom:0}
.site-info .custom-logo-link{margin-right:15px;display:inline-block;vertical-align:top}
.site-info .custom-logo-link img{margin:0}
.site-info .credit{display:inline-block;text-align:left}
#scroll-to-top{position:fixed;bottom:10px;right:2%;width:40px;height:40px;text-align:center;line-height:45px;color:rgba(0,0,0,.4);display:block;z-index:99;}
#scroll-to-top span{line-height:42px;font-size:30px;}

/* 移动端菜单导航 */
.mobile-sidebar{width:320px;position:fixed;top:0;left:0;bottom:0;z-index:1;overflow:auto;background:#f5f5f5;padding:20px}
.admin-bar .mobile-sidebar{top:32px}
@media (max-width:782px){.admin-bar .mobile-sidebar{top:46px}
}
.mobile-sidebar ul{list-style:none;padding:0;line-height:40px;margin-top: 20px;}
.mobile-sidebar li:before{margin-right:5px}
.mobile-sidebar li ul{padding-left:20px}
.mobile-sidebar li li{font-size:.9em}
.mobile-sidebar .primary-menu-mobile{text-transform:uppercase}
.mobile-sidebar .primary-menu-mobile li li{font-size:.9em}
.mobile-sidebar .primary-menu-mobile li li a{line-height:1.5;display:inline-block}
.mobile-sidebar .primary-menu-mobile a{font-weight:normal;letter-spacing: 1px;display: block;text-align: center;}
.mobile-sidebar .primary-menu-mobile ul{display:none}
.mobile-sidebar .dropdown-toggle{font-size:inherit;line-height:inherit;float:right;cursor:pointer}
.mobile-sidebar-open .site{transform:translate3d(320px,0,0);cursor:pointer}
.mobile-sidebar .author {text-align: center;padding: 20px 0;}

/*媒体查询：响应式*/
@media (min-width:1024px){
::-webkit-scrollbar{width:7px}
::-webkit-scrollbar-track{background:rgba(51,51,51,.1)}
::-webkit-scrollbar-thumb{background:#d2d2d2;border-radius:5px}
::-webkit-scrollbar-thumb:active{background-color:#aaa}
}
@media (max-width:991px){
#secondary{margin-top:75px}
.featured-posts-tiled-big .featured-posts-tiled-text{margin-top:-25px;padding:0}
.featured-posts-tiled .entry-summary{display:none}
.featured-posts-tiled-small .entry-title{font-size:14px}
.site-info{text-align:center}
#secondary{display:none}
.credit{text-align:center!important}
.eggs{background-image:none!important}
.comment-reply-link{display:block}
.fixed-btn{display:none}
}
@media (max-width:767px){
.main-navigation,.top-bar-menu{display:none}
.top-bar-navigation .sidebar-toggle{display:inline-block}
.featured-posts-tiled-big,.featured-posts-tiled-small{width:100%;float:none;padding:0;margin-bottom:30px}
.featured-posts-tiled-small .entry-title{font-size:20px}
.site-info .credit{display:block;text-align:center}
.wp-embed-post-img{display:none}
.to-tip{display:none!important}
}
@media (max-width:479px){
.mobile-sidebar{animation: right .5s;}
.comment-list .children{padding-left:0}
.alignleft,.alignright{margin:30px 0}
blockquote.pull-left,blockquote.pull-right{margin-left:0;margin-right:0;width:100%}
.entry-title{white-space:normal!important}
}
@media (max-width:359px){
.featured-posts-tiled-big .entry-title{font-size:20px}
.mobile-sidebar{width:250px;}
.mobile-sidebar-open .site{transform:translate3d(250px,0,0);cursor:pointer}
}


/*后期css修改*/
body {
    line-height: 1.8;
    color: rgba(0,0,0,.7);
    font-family: PingFang SC,Hiragino Sans GB,Microsoft YaHei,STHeiti,WenQuanYi Micro Hei,Helvetica,Arial,sans-serif;
    text-rendering: optimizeLegibility;
    -moz-font-feature-settings: "liga" on;
}

.entry-title{font-weight:inherit;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.entry-footer{display: table;width: 100%;}
.single .entry-title {font-size: 24px;}
.top-bar{border-bottom: 1px solid rgba(0,0,0,.05);}
.top-admin{letter-spacing:1px;text-transform:uppercase;color:#818181;font-size: 14px;line-height: 50px;}
.credit{font-size:12px;color:rgba(0,0,0,.5)}
.credit a{color:rgba(0,0,0,.66)}
.blogroll li{display: inline-block;padding:0 8px}
.xoxo.blogroll{overflow: hidden;text-align: center;}

/*小表情*/
@font-face{font-family:icomoon;src:url(fonts/icomoon.eot?w9eexz);src:url(fonts/icomoon.eot?w9eexz#iefix) format('embedded-opentype'),url(fonts/icomoon.ttf?w9eexz) format('truetype'),url(fonts/icomoon.woff?w9eexz) format('woff'),url(fonts/icomoon.svg?w9eexz#icomoon) format('svg');font-weight:400;font-style:normal}
[class*=" icon-"],[class^=icon-]{font-family:icomoon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-search:before{content:"\a900"}
.icon-user:before{content:"\a901"}
.icon-right:before{content:"\a902"}
.icon-download:before{content:"\a903"}
.icon-heart:before{content:"\a912"}
.icon-rocket:before{content:"\e605"}
.icon-QQ:before{content:"\e607"}
.icon-mail:before{content:"\e640"}
.icon-weixin:before{content:"\e64b"}
.icon-hongbao:before{content:"\e6bd"}
.icon-setup:before{content:"\e900"}
.icon-stats:before{content:"\e99c"}
.icon-weibo:before{content:"\f18a"}
.icon-home:before{content:"\e901"}

/* 博客标题字体引用 */
@font-face {font-family: Graviola Soft Thin;src: url(fonts/Graviola.otf);}
.site-title a{font-family: Graviola Soft Thin;font-weight: 600;}

.avatar{border-radius: 50%;border: 1px solid rgba(0,0,0,.05);}

/*hermit音乐播放器插件*/
.hermit{border: 1px solid #eee;}
.hermit-box{box-shadow: none;-webkit-box-shadow:none;}
.hermit-song{border-top: 1px solid #eee;}

/*文章h3样式*/
.entry-content h3::before{content:"[";margin-right:5px;color:#FF6D6D;font-size:25px}
.entry-content h3::after{content:"]";margin-left:5px;color:#FF6D6D;font-size:25px}

/*侧边栏联系我*/
.sidebar-navigation{text-align:center}
.sidebar-navigation li{display:inline-block;margin-right:5px}
.sidebar-navigation li a{display:inline-block;border-radius:50%;width:35px;height:35px;line-height:35px;background:#ddd;color:#fff;text-align:center}
.sidebar-navigation li a:hover{background:#333}

/*links*/
.catalog-share{font-size:14px;color:rgba(0,0,0,.44);margin-bottom:20px}
.userItems{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:50px}
.userItem{width:25%;box-sizing:border-box;margin-bottom:20px;padding-left:10px;padding-right:10px}
.userItem--inner{border:1px solid #eee;border-radius:3px;position:relative;padding-bottom:100%;height:0}
.userItem-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;padding:10px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-flow:column wrap;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.userItem-content .avatar{border-radius:100%}
.userItem-name{margin-top:8px;text-align:center}
.userItem-name a{color: rgba(0,0,0,.6);}
@media (max-width:900px){.userItem{width:33.33333%}
}
@media (max-width:600px){.userItem{width:50%}
}

/*归档页面css*/
.all-articles-month{float: right;font-size: 13px;line-height: 25px;color: rgba(0,0,0,.6);}
#primary h3 ,.catalog-title{color: rgba(0,0,0,.7);font-size: 20px;}
#primary h3::before,.catalog-title::before {content: "[";margin-right: 3px;color: #42b983;font-size: 20px;}
#primary h3::after,.catalog-title::after {content: "]";margin-left: 3px;color: #42b983;font-size: 20px;}
.archive-title {padding-bottom: 25px;}
.archives a {display: block;padding: 8px 0;letter-spacing: 0.5px;font-size: 14px;color: rgba(0,0,0,.6);}
.archives i {color: #939393;float: right;font-size: 12px;font-style: normal;}
.time {color: #939393;padding-right: 10px;}
.Lonesome_tags {border-bottom: 1px solid #eee;padding-bottom: 20px;}
.Lonesome_tags a {padding: 5px 10px;display: inline-block;font-size: 14px !important;color: rgba(0,0,0,.6);}
.archives a:hover,.Lonesome_tags a:hover{color: #62b900;}
.archives a:hover i{color: #62b900;}

/*评论表情*/
.wp-smiley {width: 24px;height: auto !important;max-height: none !important;}

/*鼠标滑过事件：浮现二维码*/
.click{position:relative;}
.QR_img{width:100px; height:120px; padding:10px; background:#f3f3f3; text-align:center; position:absolute; left:-30px; top:50px; display:none;z-index: 999;font-size: 12px;animation: left .5s;}
.click.on .QR_img{ display:block;}
.arrow{border-bottom:10px solid #f3f3f3;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:40px; top:-8px;}

/*rss图标不显示*/
.rsswidget img{display: none;}

/*评论点击验证*/
.Lonesome-checkbox-label{cursor:pointer;color:#555;font-size:14px}
.Lonesome-checkbox-label input{padding:0;margin:0;float:none;width:initial}
.Lonesome-checkbox-radio{display:none}
.Lonesome-checkbox-radioInput{background-color:#fff;border:1px solid rgba(0,0,0,.15);border-radius:100%;display:inline-block;height:18px;margin-right:8px;margin-top:-7px;vertical-align:sub;width:18px;line-height:1}
.Lonesome-checkbox-radio:checked+.Lonesome-checkbox-radioInput:after{background-color:#62b900;border-radius:100%;content:"";display:block;height:12px;margin:2px;width:12px}
.comment-button{margin: 10px 0 0;}

/*评论表单框*/
.comment-form-author input,.comment-form-email input,.comment-form-url input{border:1px solid #eee;padding:3px 15px;border-radius:3px;height:30px;box-sizing:border-box;width: 240px;}
.comment-respond textarea{resize:none;width:100%;height:200px;border-radius:3px;box-sizing:border-box;border:1px solid #eee}
.comment-respond label{display:block;color:rgba(0,0,0,.6);font-size:14px;cursor:pointer}

/* 修复代码 */
button,input,textarea{-webkit-appearance:none !important;outline:0;-webkit-tap-highlight-color:transparent}

/*文章引用*/
.wp-embed-post{overflow:hidden;max-height:280px;padding:24px;box-sizing:border-box;box-shadow:0 1px 2px rgba(0,0,0,.15),0 0 1px rgba(0,0,0,.15);border-radius:3px;margin:20px 0}
.wp-embed-post a{text-decoration:none;}
.wp-embed-post-img{float:right;width:160px;height:160px;margin:-24px -24px -24px 48px;background-size:cover;background-repeat:no-repeat;background-position:50%}
.wp-embed-post-title{color:rgba(0,0,0,.8);display:block;margin-bottom:8px;font-size:20px;line-height:1.2}
.wp-embed-post-meta{font-size:12px;margin-top:6px}
.wp-embed-post-meta a{color: #555;}
.wp-embed-post-excerpt{display:block;font-size:14px;font-style:normal;color:rgba(0,0,0,.6)}
.wp-embed-post-meta span{margin-right:10px}

/*ajax评论*/
.butterBar{position:fixed;text-align:center;top:0;left:0;right:0;width:100%;z-index:10000}
.butterBar--center{margin:auto}
.butterBar-message{background:rgba(255,255,255,.97);border-bottom-left-radius:4px;border-bottom-right-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 1px rgba(0,0,0,.15);display:inline-block;font-size:14px;margin-bottom:0;padding:12px 25px;color:#62b900}

/*评论楼层*/
.comment-list{counter-reset:comment-floor}
.comment-list>.comment{position:relative}
.comment-list>.comment:before{content:counter(comment-floor,decimal);counter-increment:comment-floor;font-size:48px;position:absolute;top:40px;right:0;color:rgba(0,0,0,.05);font-style:italic;font-weight:700}

 /*站点统计*/
.stats_click,.stats_close{padding-right:10px}
.stats_click .stats{display:none}
.stats_close .stats{position:absolute;animation:left .5s;}
a#mStats {position: relative;z-index: 10;}
.stats_close{position:relative}
.stats ul{margin:10px 0;padding:0 15px}
.stats{text-align:left;width:200px;height:auto;background:#fff;top:50px;right:-50px;border: 1px solid rgba(0,0,0,.05);}
.stats ul li{line-height:2em;display:block;font-size:12px;color:rgba(0,0,0,.4)}
.stats::after,.stats::before{position:absolute;content:"";border:10px solid transparent}
.stats::before{border-bottom-color:rgba(0,0,0,.08);left:50%;margin-left:5px;top:-20px}
.stats::after{border-bottom-color:#fff;left:50%;margin-left:5px;top:-19px}

/*文章底部菜单*/
.single-footer{padding:30px 0}
.single-footer-about{color:#8f8f8f;font-size:28px;font-weight:100;line-height:.8;margin:0 0 20px;text-align:center}
.single-footer-list{margin:-10px auto;padding:0;text-align:center;vertical-align:baseline}
.single-footer-list li{display:inline-block}
.single-footer-list li a{color:#6a6a6a;display:block;font-size:15px;padding:10px 15px;text-decoration:none;-webkit-transition:opacity .2s ease 0s;transition:opacity .2s ease 0s}

/*侧边栏评论信息栏目*/
.notice-list-item{overflow:hidden;font-size:12px;color:rgba(0,0,0,.6);line-height:1.4;padding:10px;border-bottom:1px solid rgba(0,0,0,.05)}
.notice-list-userAvatarIcon{float:left;margin-right:8px}
.notice-list-button{display:block}
.notice-list-meta .cute{color:#62b900}
.notice-list-button .notice-list-meta{display:block;color:rgba(0,0,0,.44);margin-top:3px}
.notice-list{margin-top:-10px}

/*红包打赏*/
.reward{border:1px solid rgba(0,0,0,.05);z-index:10;-webkit-backface-visibility:hidden;padding:20px 0;cursor:pointer;display: block;}
.reward div{padding:0 10px;font-size:14px;text-align:center;position:relative;margin-top:5px;color:rgba(0,0,0,.6)}
.reward i{margin:0 5px;font-size:26px;color:#57667F}
.reward:hover .code{display:block}
.reward .code{position:absolute;padding:20px;border:1px solid rgba(0,0,0,.05);background-color:#fff;line-height:14px;width:160px;height:170px;bottom: 15px;right: 0;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);display:none;}
.reward .code:after,.reward .code:before{position:absolute;content:"";border:10px solid transparent}
.reward .code:before{right: -20px;bottom: 50%;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid rgba(0,0,0,.08);}
.reward .code:after{right: -19px;bottom: 50%;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid #fff;}
.reward .code img{width:120px;height:120px}
.reward .code b{color:#333;font-size:12px;font-weight:400;line-height: 20px;}

/*文章页面浮动点击*/
.empty{margin-top: 45px;}
.fixed-btn{position:fixed;right:2%;bottom:30%;width:40px;z-index:10;-webkit-backface-visibility:hidden;cursor:pointer}
.fixed-btn .home{display:inline-block;width:40px;height:40px;text-align:center;border:1px solid rgba(0,0,0,.05);margin-bottom:2px;position: relative;}
.fixed-btn .home i{line-height:40px;color:#57667F;font-size:20px}
.back-home{display:none;position:absolute;padding:10px;border:1px solid rgba(0,0,0,.05);background-color:#fff;line-height:14px;width:160px;bottom:0;right:0;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);font-size:13px;color:rgba(0,0,0,.6)}
.back-home:after,.back-home:before{position:absolute;content:"";border:10px solid transparent}
.back-home:before{right: -15px;bottom: 35%;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 5px solid rgba(0,0,0,.08);}
.back-home:after{right: -14px;bottom: 35%;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 5px solid #fff;}
.fixed-btn .home:hover .back-home{display: block;}

/*文章zoom图片放大*/
img[data-action=zoom]{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in}
.zoom-img,.zoom-img-wrap{position:relative;z-index:910;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
img.zoom-img{cursor:pointer;cursor:-webkit-zoom-out;cursor:-moz-zoom-out}
.zoom-overlay{z-index:900;background:#fff;position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;filter:"alpha(opacity=0)";opacity:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}
.zoom-overlay-open .zoom-overlay{filter:"alpha(opacity=100)";opacity:0.9;}

/*二维码*/
#mClick.mobile_click img{display:none;}
#mClick img{box-shadow: 0 2px 6px rgba(100, 100, 100, 0.1);}
#mClick.mobile_close img{position: absolute;top:-155px;right: 0;animation:sidebar .5s;max-width: 150px;animation: left .5s;}
#mClick.mobile_close{position: relative;}
#mClick.mobile_click,#mClick.mobile_close {float: right;color: #fff;padding: 0 15px;margin-top: 8px;background: #62b900;border-radius: 2px;font-size: 11px;line-height: 28px;}
a#mClick,a#mStats{opacity: 1;}

/*判断该页面有没有评论*/
.none-comments{border-top: 1px solid rgba(0,0,0,.05);margin-top: 30px;}
.all-comments{margin-top: 10px;}