@charset "UTF-8";
/**
*  列表带图
**/
.news-item {
    width:100%;
    /*padding-left:1.5em;*/
}
.item-list {
    width:100%;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;    
    -webkit-box-orient: horizontal;
    font-size: 0.8em;
}
.list-img img {
    width: 18.5em;
    height: calc(18.5em / 4 * 3);
}
.list-info {
    /*width:70%;*/
    padding-left:1.7em;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    box-flex:1;
    -webkit-box-flex: 1;    
    -webkit-box-pack: center;
    -webkit-box-orient: vertical
}
.list-info p {
    line-height: 1.15;
    font-size: 1em;
    margin:0.5em 0;
}
.list-info span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 0.88em;
}
.list-info a{
	font-size: 0.88em;
}
.list-time {
    margin-top: .5em;
}
.list-time span{
	font-size: 0.9em;
}
.news-item .item-list:not(:first-child) {
    margin-top:2.75em;
}
.news-more{
	display:none;
}
.news-more span:hover {
    box-shadow: 3px 3px 8px 0px rgba(0,0,0,.2);
    -webkit-box-shadow: 3px 3px 8px 0px rgba(0,0,0,.2);
    -ms-box-shadow: 3px 3px 8px 0px rgba(0,0,0,.2);
    -moz-box-shadow: 3px 3px 8px 0px rgba(0,0,0,.2);
    -o-box-shadow: 3px 3px 8px 0px rgba(0,0,0,.2);
    background-color: #ffe03a;
    border-color:#ffe03a;
}
/**
*  竖排 样式
**/
.classify-vertical {
    overflow: hidden;
    margin:1em auto;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
}
.classify-vertical .news-btn {
    /*float:left;
    width:15%;*/
    width: 7.5em;    
    margin-top: 1em;
    margin-right: 2em;
}
.classify-vertical .news-item {
    margin-top: 1.75em;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    box-flex: 1;
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
}
.classify-vertical .news-item .list-info {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    padding-left: 2.5em;
    -webkit-box-flex: 1;   
    -webkit-box-pack: center;
    -webkit-box-orient: vertical;
}
.classify-vertical .news-btn .btn-list {
    padding:0px 0 0 1.5em;
    margin:1em 0;
    border-left: 3px solid transparent;
}
.classify-vertical .news-btn .btn-list span { 
    border:0;
    padding: 0px;
    position: relative;
    display: block;
}
.classify-vertical .news-btn .btn-list span:after {
    content:"";
    display: block;
    width:100%;
    height:2px;
    background-color: #ddd;
    position: absolute;
    bottom:-0.8em;
}
/* .classify-vertical .news-btn .btn-list span:hover:before {
    content:"";
    display: block;
    width:3px;
    height:100%;
    background-color: #ffe03a;;
    position: absolute;
    left:-30px;
    top:0;
} */
.classify-vertical .news-btn .btn-list span:hover{
	 /* color:#999;  */
}
.classify-vertical .news-btn .menuActive span:before {
    content:"";
    display: block;
    width:3px;
    height:100%;
    position: absolute;
    left:-20px;
    top:0;
}
.classify-vertical .news-btn .menuActive span:hover{
  /*   color:#333;  */
}
.classify-vertical .news-btn .menuActive span{
    color:#333; 
}
.classify-vertical .news-btn .active {
    border-top: 0;
}
.classify-vertical .news-btn .active{
    border-left:3px solid #ffe03a;
}
@media screen and (max-width: 700px) {
    .classify-vertical .news-item .item-list{
        -webkit-box-orient: vertical;
    }
    .classify-vertical .news-item .list-info{
        padding-left: 0;
    }
}
.container{
	opacity:1;
}
.loadMore{
	cursor:pointer;
}