.main{
	background: #181818;
}
.entry{
	padding: .4rem;
}
.entry .tit{
	font-size: .4rem;
	color: #fff;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: .3rem;
}
.entry .meta{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.entry .meta span{
	font-weight: normal;
	font-size: .24rem;
	color: #bdbdbd;
}
/*内容*/
.entry .blog-content{
	margin-top: .4rem;
}
.blog-content{
    font-size: .3rem;
    line-height: 1.5;
/*    color: #273746;*/
    color: #d7d7d7;
}
.blog-content a{
	color: inherit;
}
.blog-content a:hover{
	color: #76b900;
}
.blog-content p a{
	color: inherit;
/*	border-bottom: .02rem dashed #273746;*/
	border-bottom: .02rem dashed #d7d7d7;
}
.blog-content p a:hover{
	border-bottom: .02rem solid #008AEE;
	color: #76b900;
}
.blog-content p{
    font-size: .3rem;
/*    color: #273746;*/
	color: #d7d7d7;
	margin: .2rem 0;
    line-height: 1.8;
}
.blog-content li{
	font-size: .3rem;
    padding: 0;
    margin-left: .4rem;
    margin-bottom: .12rem;
    line-height: 1.6;
}
.blog-content ul,
.blog-content ol{
	list-style: auto;
    margin: .2rem 0;
    padding: 0;
}
.blog-content p:first-child{
    margin-top: 0;
}
.blog-content p:last-child{
    margin-bottom: 0;
}
.blog-content{
	border-bottom: .02rem solid #f5f5f5;
	padding-bottom: .4rem;
}
.blog-content img:not(.wpml_ico){
    max-width: 100%;
    height: auto;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    background: #f5f6f9;
    border-radius: .05rem;
}
.blog-content p img,
.blog-content figure img{

}
.blog-content figure{
    margin: .15rem 0;
}
.blog-content img.wpml_ico{
    width: auto;
    margin: 0;
}
.blog-content hr{
	margin-top: .3rem;
    margin-bottom: .3rem;
    border: 0;
    border-top: 1px solid #eee;
}
.blog-content blockquote, 
.blog-content p.excerpt{
    margin: .3rem 0;
    padding: .2rem;
    border-left: .12rem solid #76b900;
/*    background: #f5f6f9;*/
	background: #222;
    line-height: 1.8;
    font-size: .3rem;
    font-style: italic;
}
/*===============*/
.prev-next{
	margin-top: .2rem;
}
.prev-next label{
	font-size: .3rem;
	font-weight: bold;
	line-height: 2;
	margin-bottom: .2rem;
	display: block;
	color: #fff;
}
.prev-next ol{
	margin: 0;
    padding-left: .4rem;
    list-style: disc;
}
.prev-next ol li{
	display: list-item;
	font-size: .3rem;
    padding: 0;
    line-height: 2;
    color: #d7d7d7;
}
.prev-next ol li a {
/*    color: #333;*/
    color: #d7d7d7;
    text-decoration: underline;
}
.prev-next ol li a:hover{
	color: #76b900;
}
.prev-next ol li a .pn-btn {
    font-weight: 600;
}

/*======================*/
.share{
	padding: 0 .4rem .4rem;
}
.share label{
	font-size: .3rem;
    font-weight: bold;
    line-height: 2;
    margin-bottom: 0.2rem;
    display: block;
    color: #fff;
}
.share .social-wrap{
	display: flex;
}
.share .social{
	width: 20%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.share .social a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: .8rem;
	height: .8rem;
	border-radius: 50%;
	background: #ddd;
}
.share .social a i{
	font-size: .4rem;
	color: #fff;
}
.share .social.weibo a{
	background: rgb(230,22,45);
}
.share .social.wechat a{
	background: rgb(30,195,84);
}
.share .social.qzone a{
	background: rgb(253,207,0);
}
.share .social.qq a{
	background: rgb(18,183,245);
}
.share .social.douban a{
	background: #072;
}
.share-modal{
	position: fixed;
    z-index: 100;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 7.2rem;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    display: none;
}
.share-modal .share-clip{
    width: 84%;
    padding: 0.4rem;
    border-radius: .2rem;
    background: #fff;
    top: 50%;
    left: 50%;
    position: absolute;
    transition: transform .3s ease-out;
    transform: translate(-50%,-50%);
}
.share-modal .share-clip img{
    margin: auto;
    display: block;
    width: 1.2rem;
    height: auto;
    margin-bottom: 0.3rem;
}
.share-modal .share-clip .main-text{
    text-align: center;
    font-size: .34rem;
    color: #111;
    line-height: 1.3;
    margin-bottom: 0.12rem;
}
.share-modal .share-clip .extra-text {
    text-align: center;
    font-size: .26rem;
    color: #999;
    line-height: 1.3;
    margin-bottom: 0.4rem;
}
.share-modal .share-clip .confirm {
    display: block;
    margin: auto;
    width: 5rem;
    height: 0.7rem;
    font-size: .28rem;
    line-height: .7rem;
    text-align: center;
    background: #f8f8f8;
    color: #111;
}
/*==================*/
.recommend{
	padding:0 .4rem .4rem;
}
.recommend label{
	font-size: .3rem;
    font-weight: bold;
    line-height: 2;
    margin-bottom: 0.2rem;
    display: block;
    color: #fff;
}
.recommend .blog {
    background: #fff;
    margin-bottom: 0.3rem;
}
.recommend .blog > a {
    display: block;
    padding: 0.2rem;
    display: flex;
    justify-content: space-between;
}
.recommend .blog .pic {
    width: 32%;
    height: 1.5rem;
}
.recommend .blog .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.recommend .blog .con {
    width: calc(68% - 0.2rem);
    position: relative;
}
.recommend .blog .con .tit {
    color: #000;
    font-weight: bold;
    font-size: .3rem;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.recommend .blog .con .meta {
    position: absolute;
    width: 100%;
    bottom: 0;
    right: 0;
    color: #555;
    font-size: .28rem;
    display: flex;
    justify-content: space-between;
}