.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;}
/* *:not(.news-view)+.news-view,.news-view[style*="none"] + .news-view:not([style*="none"]){padding-top:0px}*/
.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;max-height:310px;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-select-ctn{position:fixed;padding:.75em 1em;border-radius:4px;background-color:#FFF;margin:1em 1em 1em 0;box-shadow:0 2px 16px rgba(0,0,0,.2);max-width:780px;}
.news-select-ctn+div{margin-bottom:150px;}

#news-view-template{display:none;}
.years-selector{margin:0 0 1em 0;/* max-height:3em; */overflow-y:scroll;-ms-overflow-style: none;overflow: -moz-scrollbars-none;}
.years-selector::-webkit-scrollbar { width: 0 !important }
.years-selector > a{font-size:14px;padding:.25em .75em;border-radius:.45em;margin:.25em 1em .25em 0;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{margin-bottom: -.25em;}*/
.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;text-align:center}
.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:')';}