/* p5003 新闻列表 */
.mm-a{width: 100%;padding-top: .7rem;padding-bottom: 1.3rem;}
.mm-b{width: 17.7rem;margin: 0 auto;}
.mm-top{width: 100%;text-align: center; }
.mm-nav{display: inline-block;vertical-align: middle;border-bottom: .02rem solid #fff;padding: .12rem 0; position: relative;cursor: pointer; color: #999999; margin: 0 .45rem .35rem;}
.mm-nav:after{content: '';position: absolute;top: 50%;right: -.45rem;margin-top: -.09rem;width: .03rem;height: .18rem;background-color: #eee;}
.mm-nav:last-child:after{display: none;}
.mm-nav:before{display: none;content: ''; position: absolute;bottom: -.1rem;left: 50%;margin-left: -.05rem;width: .11rem;height: .1rem;background-image: url(/static/home/images/g25.png);background-size: .11rem auto;background-position: top center;background-repeat: no-repeat;}

.mm-nav:hover{border-bottom: .02rem solid #0f69ce;color: #222222;}
.mm-nav:hover:before{display: block;}
.mm-nav.active{border-bottom: .02rem solid #0f69ce;color: #222222;}
.mm-nav.active:before{display: block;}

.mm-cont{width: 100%;font-size: 0;}
.mm-item{display: inline-block;vertical-align: top;cursor: pointer;position: relative;overflow: hidden; width: 3.85rem;margin-right: .75rem; margin-top: .5rem;margin-bottom: .7rem;}
.mm-item:nth-child(4n){margin-right: 0;}
.mm-text{width: 100%; }
.mm-time{color: #222222;margin-bottom: .35rem;}
.mm-year{display: inline-block;vertical-align: bottom; color: #999999;margin-left: .15rem; }
.mm-img{width: 100%;margin-bottom: .25rem;position: relative;padding-top: calc(200 / 384 * 100%); background-color: #eee;}
.mm-img img{width: 100%;position: absolute; left: 0; top: 0; height: 100%; opacity: 0;}
.mm-name{margin-bottom: .25rem; width: 100%;color: #111111;line-height: 1.6;height: 3.2em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.mm-intro{ width: 100%;color: #999999;line-height: 1.7;max-height: 3.4em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.mm-c{margin-top: 1rem; display: inline-block;   padding-bottom: .1rem; position: relative;  } 
.mm-c:before{content: '';position: absolute;bottom: 0;left: 0; width: 100%;height: 1px;background-color: #999999;}
.mm-c:after{content: '';position: absolute;bottom: 0;left: 0; width: .4rem;height: 1px;background-color: #0f69ce;}
.mm-ctext{display: inline-block;vertical-align: middle;color: #000000;}
.mm-cimg{display: inline-block;vertical-align: middle;}
.mm-cimg1{display: block;width: 1em;margin-left: .1rem;}
.mm-cimg2{display: none;width: 1em;margin-left: .1rem;} 
.mm-bg{transition: all ease .5s; position: absolute;top: 110%;left: 0;width: 100%;height: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;background-color: #999;}
.mm-d{position: absolute;bottom: 0;left: 0;line-height: 1.7;padding:  .25rem ;overflow: auto; max-height: 80%; width: 100%;color: #ffffff;background-color: rgba(0,0,0,.2); }
.mm-item:hover .mm-bg{top: 0;}

@media(max-width:900px) {
    .mm-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} 
    .mm-top{margin-bottom: .35rem;}
    .mm-item{width: calc(50% - 5px);margin-right: 10px;margin-top: 0;}
    .mm-item:nth-child(2n){margin-right: 0;}
    .mm-c{margin-top: .35rem;}
}

/* 分页 */
.bg-cont{width: 100%;font-size: 0;text-align: center;}
.bg-buttom{ display: inline-block;vertical-align: middle;cursor: pointer;margin: 0 5px .1rem; min-width: 83px;height: 50px;line-height: 50px;font-size: 18px;background-color: #f7f7f7;}
.bg-item{ display: inline-block;vertical-align: middle;cursor: pointer;margin: 0 5px .1rem; min-width: 50px;height: 50px;line-height: 50px;font-size: 20px;background-color: #f7f7f7;}
 
.bg-buttom:hover{background-color: #0f69ce !important;color: #ffffff;}
.bg-item:hover{background-color: #0f69ce !important;color: #ffffff;}
.bg-item.active{background-color: #0f69ce !important;color: #ffffff;}

.bg-cont.cont2 .bg-buttom{background-color: #fff;}
.bg-cont.cont2 .bg-item{background-color: #fff;}

@media(max-width:1400px) {
    .bg-buttom{min-width: 55px;height: 45px;line-height: 45px;font-size: 14px;}
    .bg-item{min-width: 45px;height: 45px;line-height: 45px;font-size: 16px;}
}

@media(max-width:900px) {
    .bg-buttom{min-width: 45px;height: 35px;line-height: 35px;font-size: 12px;}
    .bg-item{min-width: 35px;height: 35px;line-height: 35px;font-size: 13px;}
}