/*--------------------------全--局-------------------------------*/
body{
    margin:0;
    padding:0;
    font-size: 16px;
    line-height: 1.5;
    word-wrap: break-word;
    font-family: "微软雅黑","宋体","Trebuchet MS", Tahoma, Arial, sans-serif; 
}
.main{
	overflow: hidden;
	margin: 25px 8%;
}
.main-left {
    float: left;
    width: 73%;
}
.main-right {
    margin-left: 75%;
}
a {
    color: #1ab394;
    text-decoration: none;
}
/*-------------------------------导航栏--------------------------------*/
nav {
    width: 100%;
    padding-bottom: 15px;
    margin-top:15px;
    display: flex;
    justify-content: space-between;
    border-bottom: solid 1px #e7eaec;
}
nav a {
    text-decoration: none;
}
.nav-left{margin-left: 8%;margin-right:1%;text-align: left;}
.nav-middle{color: #1ab394;}
.nav-right{margin-right: 8%;margin-left: 1%;text-align: right;}

.nav-middle{white-space: nowrap;overflow: hidden;width:100%;}
.nav-middle a{margin-left:3px;margin-right:3%;}
.nav-right,.nav-left{word-wrap: break-word; word-break: normal;font-weight:bold;}
/*------------------------------其他页面---------------------------*/
.fristd{font-size: 14px;}
.fristd a{margin: 0 8px 0 3px;}
.excerpt>p,.excerpt>div>div>p{
	text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.excerpt>p{-webkit-line-clamp: 3;}
/*------------------------------文章模块---------------------------*/
.breadcrumbs{font-size: 12px;}
header h1{font-size: 20px;}
header h1 a{color: #444;}
.meta{color: #666;font-size: 12px;line-height: 1.15;margin-bottom:10px;}
.tag a{margin-right: 10px;line-height: 2.2;}
.label {text-align: center;background-color: #23c6c8;color: #FFFFFF;padding: 3px 8px;text-shadow: none;border-radius: 0.25em;line-height: 1;white-space: nowrap;}
.fristd,.intro {
    background: #f5f2f0;
    line-height: 1.5;
    padding: 10px;
    margin-bottom: 1.5%;
}
.intro-name, #intro, #intro p, #intro a {
    display: inline;
}
#intro p, #intro a {
    font-size: 14px;
}

article h2{font-size: 18px;}
article h3{font-size: 16px;}
article p{line-height: 1.8;}
article img{display: block;margin: 0 auto;max-width:100%;}
article li,article li p{margin:0;}
article strong{font-weight: bold;color: #66be8c;}
.other-answer{font-weight: bold;border-bottom: solid 1px #e7eaec;padding-bottom:10px;}
.copyright{    
	background: #f5f2f0;
    padding: 10px;font-size: 14px;margin-top: 10px;}
.fristd>span,.copyright span,.intro-name {
    color: #1ab394;
    font-size: 16px;
}
.adjacent{
	font-size: 14px;
    border-top: 1px solid #f2f2f2;
    background-color: #f1f9f8;
    overflow: hidden;
    padding: 10px;
    color: #bbb;
    margin:10px 0;
    line-height: 2;
}
span.adjacent-prev {
    float: left;
    position: relative;
    text-align: left;
}
.adjacent-prev a{
	margin:0 5px;
}
.adjacent-next a{
	margin:0 5px;
}
span.adjacent-next {
    float: right;
    text-align: right;
    position: relative;
}

/*---------------------------相关文章----------------------------------*/
#navBox {
    display: flex;
    position: relative;
    top: 1px;
}
ul {
    list-style: none;
}
#tabBox {
	margin-bottom:5px;
}
#tabBox ul{padding:0;margin-bottom:0;}
#navBox li {
    line-height: 35px;
}
#navBox li h3{margin:0;padding:0 15px;}
li.active h3{background-color: #23c6c8;border-radius: 1em;color: #FFFFFF;}
.excerpt h2,div.active h4{margin:0 0 3px 0;padding:0 0 5px 0;border-bottom: solid 1px #e7eaec;}
div.active p{font-size: 14px;margin:0 0 10px 0;}

.liBox{ display: flex;margin-bottom:20px;}
div.active p,.liBox>div>p{
	text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
.thumbnail{
        width: 150px;
        padding:0;
        margin:0 15px 0 0;
    }
.thumbnail img{width:100%;height:auto;}
.text {
        flex: 1;
        width:100%;
}
.text p{margin:0;}

#tabBox>div {
    display: none;
}
/* div为active的才生效，不能有空格，有空格相当于后代， 和> 一样的效果 */
#tabBox>div.active {
    display: block;
    padding:20px 0 0 0;
}
#navBox>li.active {
    border-bottom-color: #FFF;
}
.excerpt h2,div.active h4{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
/*------------------------------广告---------------------------*/
.advert{font-size: 14px;margin:12px 0 10px 0;}
.advert a{font-weight:bold;}
.ad-wap{display: none;}

.blink{display:inline-block;background:-webkit-linear-gradient(left,#f71605,#e0f513);background:-o-linear-gradient(right,#f71605,#e0f513);background:linear-gradient(left,#f71605,#e0f513);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-animation:scratchy 0.253s linear forwards infinite;-moz-animation:scratchy 0.253s linear forwards infinite;-ms-animation:scratchy 0.253s linear forwards infinite;-o-animation:scratchy 0.253s linear forwards infinite;animation:scratchy 0.253s linear forwards infinite}

   @keyframes  scratchy {
		0% {
			background-position: 0 0;
		}
		25% {
			background-position: 0 0;
		}
		26% {
			background-position: 20px -20px;
		}
		50% {
			background-position: 20px -20px;
		}
		51% {
			background-position: 40px -40px;
		}
		75% {
			background-position: 40px -40px;
		}
		76% {
			background-position: 60px -60px;
		}
		99% {
			background-position: 60px -60px;
		}
		100% {
			background-position: 0 0;
		}
	}
	/* 添加兼容性前缀 */
	@-webkit-keyframes scratchy {
	    0% {
			background-position: 0 0;
		}
		25% {
			background-position: 0 0;
		}
		26% {
			background-position: 20px -20px;
		}
		50% {
			background-position: 20px -20px;
		}
		51% {
			background-position: 40px -40px;
		}
		75% {
			background-position: 40px -40px;
		}
		76% {
			background-position: 60px -60px;
		}
		99% {
			background-position: 60px -60px;
		}
		100% {
			background-position: 0 0;
		}
	}
	@-moz-keyframes scratchy {
	    0% {
			background-position: 0 0;
		}
		25% {
			background-position: 0 0;
		}
		26% {
			background-position: 20px -20px;
		}
		50% {
			background-position: 20px -20px;
		}
		51% {
			background-position: 40px -40px;
		}
		75% {
			background-position: 40px -40px;
		}
		76% {
			background-position: 60px -60px;
		}
		99% {
			background-position: 60px -60px;
		}
		100% {
			background-position: 0 0;
		}
	}

.advert ul{
	margin:0;
	padding:0;
	overflow: hidden;
}
.advert ul li{
	width:50%;
	float: left;
	text-align: center;
}
/*------------------------------侧边栏---------------------------*/
.main-right{
	font-size: 14px;
}
.fristt,.widget_tit,.main-right h3{
	margin:5px 0;
	font-size: 16px;
	padding:0 0 8px 0;
	border-bottom: solid 1px #e7eaec;
}
span.widget_tit{
	font-weight:bold;
}
.widget_qrcode img{
	width:100%;
}
.widget_artlist ul {
    padding: 0;
}
.widget_artlist ul li {
    margin: 2px 0 8px 0;
}
.widget_flink ul {
    margin: 10px 0;
    padding:0;
}
.widget_flink ul li {
    float: left;
    margin: 2px 0 8px 0;
}
.widget_flink ul li a{
    text-decoration: none;
    padding-right: 0.8pc;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAdElEQVQYlWNgQAPWF/X+Y8Moirr35/xv21X1H5tmdDEGl0sm/ws2+P3HUGizXOU/Mra+qPd/+5vV2BUiC8AUbX+zGm4yikJ0RTBPtOys+I+icPub1f9bdlb8hymCiddsj4LYiGw1TBG6OIZCvOLovkbGyOoAymR9Yj0WQCIAAAAASUVORK5CYII=) no-repeat right;
    margin-right:0.5em;
}

/*------------------------------底部---------------------------*/
footer{
    line-height: 45px;
    text-align: center;
    border-top: 2px solid #00ffff;
	margin: 0 8%;
	font-size: 14px;
}
footer p{
	margin: 0;
	padding:0;
}
footer a{
	margin:0 5px;
	padding:0 5px;
}

/*------------------------------窄屏---------------------------*/
@media (max-width:780px){
    .excerpt>p,.main-right,.ad-pc,.nav-middle,.thumbnail,.text>p,.active>p{display:none !important;}
    .ad-wap{display:block;}
    .main-left{width:100%;}
    
    .main{margin: 25px 3%;}
    div.active h4{margin-bottom:10px;padding-bottom:10px;font-size: 16px;}
    .excerpt h2{margin:8px 0 5px 0;font-size: 16px;}
    .advert ul li{margin:5px 0;}
    .liBox{margin-bottom:0;}
    .nav-left{margin:0 0 0 3%;width:50%!important;}
    .nav-right{margin:0 3% 0 0;width:50%!important;}
    footer{line-height: 1.8;}
}