.leftbox{display:inline-block;width:66.66666%}
.rightbox{display:inline-block;text-align:left;margin-left:1.5%;margin-top:20px;position:fixed;}
@media(max-width:996px){.leftbox{width:100%}.rightbox{display:none}}
.leftbig{float:left;}
.rightbig{float:right;width:394px;}
.newscardtext{margin:3px 0;}
.newscardtext i{font-size:24px;margin-right:5px;}
.news-view{padding:25px 0;border-bottom:1px dashed #cacaca;transition:ease 1s;overflow:hidden}
.news-view.left .news-img{float:left;width:27%;margin-right:3%}
.news-right{float:right;width:70%}
@media(max-width:699px){
	.news-view.left .news-img{float:none;width:auto;margin-right:auto}
	.news-right{float:none;width:auto}
}
.news-view .news-right .news-header, .news-view .news-right .news-tag, .news-view .news-right .news-tags{padding:0 0 5px;}
.news-header h3, .news-main p, .news-footer p{margin-top:0;margin-bottom:0;}
.news-tag{height:12px;line-height:12px;margin-bottom:8px;}
.news-tag .tags, .news-tags .tag{font-size:12px;color:#e3120b;margin-right:5px;}
.news-view .news-header a{line-height:24px;color:#333;font-weight:700;padding-right:5px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:22px;transition:ease 1s}
.news-view.active{background-color:#EEF;}
.news-view.active .news-header a{color:#F00}
.news-view .news-right .news-main{margin-top:5px;margin-bottom:5px;height:40px;overflow:hidden;}
.news-view .news-main p{font-size:14px;line-height:20px;height:40px;color:#777;}
.news-footer{line-height:20px;}
.news-view .news-footer p, .news-view .news-footer p span{font-size:12px;line-height:20px;margin-right:8px;}
 .news-view .news-footer .cls{border:solid 1px;padding:0 .25em;}
.news-view .news-footer p span img{vertical-align:middle;border:0px;margin:0px;padding:0px;height:20px; width:20px;display:inline;}
.news-view .news-footer p .author a, .news-view .news-footer p .date{color:#777;}
.newscard-list{padding:10px 0;}
.news-img img{width:100%;height:auto;min-height:133px;display:inline;}
.mpbox{max-width:350px;position:relative;border:1px solid #cccccc;}
.mpbox img{float:left;width:128px;height:128px;margin-bottom:-4px;}
.mpbox .mptext{padding:10px;}
.mpbox .mptext .mpname{display:block;margin-bottom:5px;color:#ee3424;font-size:24px;}
.mpbox .mptext .mpweixin{font-size:12px;}
.mpbox .mptext .mpdesc{font-size:12px;line-height:18px;}
.newscard{margin:20px 0;}
.newscard .newscardtext h3{width:380px;height:30px;overflow:hidden;line-height:40px;font-size:18px;}

#news-view-template{display:none;}
.years-selector{margin:1em 0}
.years-selector > a{font-size:14px;padding:.25em .75em;border-radius:.45em;margin-right:1em;display:inline-block;background-color:#BDF;transition:ease .2s}
.years-selector > a:hover{color:#FFF}
.years-selector > a:not(.active):hover{background-color:#4DF;}
.years-selector > a.active{background-color:#4BF;}
.years-selector > a:last-child{margin-right:0;}
.years-selector > a[year]{cursor:pointer}

.class-selector a {display:inline-block;padding:0 .5em;margin:0 1em .25em 0;color:#555;border:solid 1px gray;cursor:pointer;transition:ease-in-out .3s;}
.class-selector a:last-child{margin-right:0;}
.class-selector .all {background-color:#DDD;}
.class-selector a:hover{border-color:#3CF;box-shadow:0 0 2px #4DF;color:inherit;}
.class-selector .check {border-color:#3CF;color:#0AF;}
.class-selector .all:hover, .class-selector .all.check{background-color:#E0F0FF;}
.class-selector a .numb {font-size:12px;}
.class-selector a .numb:before {content:'(';/* margin-left:.25em; */}
.class-selector a .numb:after {content:')';}