@IMPORT url("../common/common.css");
/* ---------------------------main-content--------------------------------------- */
.main-content{
	margin: 1rem 0 0 0;
}
a{
	color: #F24182;
}
a:hover{
	color: #F2AEB4;
}
.div-box {
    background: #fff;
    border-radius: .25rem;
    border: 1px solid #eaeaea;
    padding: .5rem;
    margin: 0 1rem;
   	margin-bottom: 1rem;
}
.show-box header{
	border-bottom: 1px solid #eaeaea;
	padding-bottom: .5rem;
	margin-bottom: .5rem;
	text-align: center;
}
.show-box header h2{
	font-size: .9rem;
	margin-bottom: .5rem;
}
.show-box header i{
	margin-right: .2rem;
}
.reward-box{
	text-align: center;
	margin-bottom: 1rem;
	position: relative;
}
.reward-box i{
	margin-right: .2rem;
}
.praise-btn,.reward-btn,.share-btn{
	width:6rem;
	height: 1.8rem;
	line-height: 1.8rem;
	color: #fff;
	display: inline-block;
	cursor: pointer;
}
.praise-btn:hover,.reward-btn:hover,.share-btn:hover{
	background: #b1244e;
}
.praise-btn{
	background: #ffc11b;
	margin-right: -.5rem;
	padding-right: .5rem;
}
.share-btn{
	background: #2fba87;
	margin-left: -.5rem;
	padding-left: .5rem;
}
.reward-btn{
    width: 3rem;
    height: 3rem;
    background: #3498db;
    border-radius: 50%;
    line-height: 3rem;
    border: #fff solid 5px;
    z-index: 10;
    position: relative;
}
.show-footer a{
	margin: 0 .2rem;	
}
.show-footer{
	border-top: #eaeaea solid 1px;
	width: 100%;
	padding-top: .5rem;
}
.about-author{
	clear: both;
	margin-bottom: 1rem;
	padding: .5rem;
}
.author-portrait{
	width: 4rem;
	position: relative;
	float: left;
}
.author-portrait img{
	width: 4rem;
}
.author-introduce{
	margin-left: 5rem;
	position: relative;
}
.author-introduce .author-name{
	display: block;
}
.author-introduce .author-name a {
    font-size: .8rem;
    float: left;
    margin-top: .05rem;
}
.author-introduce .author-name ul{
	margin-left: .5rem;
	float:left
}
.author-introduce .author-name li {
    font-size: .7rem;
    float: left;
    margin-right: .5rem;
    line-height: 1.2rem;
}
.author-signature {
    width: 100%;
    float: left;
    margin-top: .5rem;
}

.show-prevnext{
	padding: .5rem 1rem;
	margin-bottom: 1rem;
}
.show-prevnext a i{
	margin: 0 .3rem;
	font-size: .7rem;
}
.show-prev{
	float: left;
	width: 50%;
	border-right: #eaeaea solid 1px;
	padding: .5rem 0;
}
.show-next{
	float: right;
	padding: .5rem 0;
	width: 49%;
	text-align: right;
}
.show-prev span, .show-next span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    width: 80%;
    line-height: 100%;
    position: relative;
    top: .1rem;
}

.show-related-posts h3{
	padding-bottom: .5rem;
	margin-bottom: .5rem;
	border-bottom: #eaeaea solid 1px;
}
.show-related-posts ol{
	padding-left: 0;
}
.show-related-posts li{
	float: left;
	width: 25%;
	margin-bottom: .5rem;
	list-style:none;
	color: #F24182;
}
.show-related-posts li h4{
	margin: 0;
	padding: 0;
}
.show-related-posts li:hover{
	color: #F2AEB4;
}
.article-meta-views{
	margin-left: .5rem;
}

.show-related-posts li a{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 80%;
    line-height: 100%;
    display: inline-block;
}
/* 密码框 */
.pwd-box{
	width: 100vw;
	height: 100vh;
	position: fixed;
	text-align: center;
	background: rgba(0,0,0,1);
	top: 0;
	left: 0;
	z-index: 10000;
 	display: none;
}
.pwd-box .pwd-input{
	position: relative;
	top: 50%;
	width: 12rem;
	height: 1.5rem;
	margin-top: -.75rem;
	background:  rgba(255,255,255,.9);
	border: 0;
}
.pwd-box a{
	position: absolute;
	top: 50%;
	margin-top: 2rem;
	display: block;
	left: 50%;
	margin-left: -.4rem;
}
.pwd-box .pwd-input:hover{
	background: rgba(255,255,255,1);
}
.pwd-box i{
	position: absolute;
    top: 50%;
    font-size: 1.5rem;
    color: rgba(255,255,255,.9);
    margin-top: -.45rem;
    margin-left: .5rem;
}
.pwd-box i:hover{
	cursor: pointer;
	color: rgba(255,255,255,1);
}
.pwd-box span {
    position: absolute;
    top: 50%;
    color: red;
    margin-top: -1.5rem;
    font-size: .7rem;
    /* display: none; */
    left: 50%;
    margin-left: -6rem;
}


/* 弹出框显示 */
.show-pop-up-box{
	width: 100vw;
	height: 100vh;
	position: fixed;
	background: rgba(0,0,0,.9);
	top: 0;
	left: 0;
	z-index: 10000;
 	display: none;
 	overflow: auto;
}

.show-pop-up-box::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	background: #CCC;
}

.show-pop-up-box::-webkit-scrollbar-button {
	display: none;
}

.show-pop-up-box::-webkit-scrollbar-track-piece {
	display: none;
}

.show-pop-up-box::-webkit-scrollbar-thumb {
	background: #999;
}

.show-pop-up-box::-webkit-scrollbar-thumb:hover {
	background: #79D9CF;
}

.show-pop-up-box .pop-up{
	float: left;
}
.show-pop-up-box .pop-up-close{
	position: fixed;
    z-index: 10001;
    right: 1rem;
    top: 1rem;
    font-size: 1rem;
    color: rgba(255,0,0,.9);
}
.show-pop-up-box .pop-up-close:hover{
	cursor:pointer;
	color: rgba(255,0,0,1);
}

/* 	赏 */
.reward-img-box {}
.reward-img-box img ,.reward-img-box  p{
    width: 20rem;
    text-align: center;
}
.reward-img-box .wechat{
	display: none;
}
.reward-img-box  p input{
	padding:.3rem 1rem;
	margin-bottom: .5rem;
	background: #019fe8;
	border: 0;
	color: #fff;
}

/* 	分享 */
.share-img-box p{
	color: #fff;
	margin: .5rem 0;
}
.share-img-box input{
	width: 10rem;	
	padding: .2rem 0;
}

/* 内容调整 */
.show-content{
	word-break: break-all;
}
.show-content p {
    padding: .5rem 0;
}
.show-content pre {
    border-radius: .3rem;
    overflow: hidden;
    border: #ddd solid 1px;
}
.show-content pre *{
	font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei","微软雅黑", "Lantinghei SC", "Open Sans","Hiragino Sans GB", "STHeiti", SimSun,sans-serif;
}
.show-content table.b{
	border: #ddd solid 1px;
}
.show-content table.b tr:nth-of-type(even) {
    background: #e8e8e8;
}
.show-content table.b td,.show-content table.b th{
	border: #ddd solid 1px;
}
.show-content table{
	border-collapse: collapse;
}
.show-content table td,.show-content table th{
	padding: .5rem;
}
.show-content h1,h2,h3,h4,h4,h5,h6{
	margin: 1rem 0;
}
.show-content *{
	max-width: 100%;
}

/* 广告 */
.ad{
	display: none;
}
@media only screen and (max-width:1000px) {
	/* --------main-content-------- */
	.div-box {
	    background: #fff;
	    border-radius: .25rem;
	    border: 1px solid #eaeaea;
	    padding: .5rem;
	    margin: 0 .5rem;
	   	margin-bottom: 1rem;
	}
	.show-related-posts li{
		width: 50%;
	}
	/* 	赏 */
	.reward-img-box img,.reward-img-box  p{
	    width: 10rem;
	}
}
@media only screen and (max-width:700px) {
	/* --------main-content-------- */
	.show-box header h2{
		font-size: .6rem;
		margin-bottom: .3rem;
	}
	.praise-btn,.reward-btn,.share-btn{
		width:4rem;
	}
	.reward-btn{
	    width: 3rem;
	    height: 3rem;
	}
	.author-introduce .author-name a{
		width: 100%;
	}
	.author-introduce .author-name ul{
		margin-left: 0rem;
	}
	.author-signature {
	    width: 100%;
	    float: left;
	    margin-top: .1rem;
	}
	.show-related-posts li{
		width: 100%;
	}
	
	/* 	赏 */
	.reward-img-box img,.reward-img-box  p{
	    width: 10rem;
	}
}