#news{}

#news .banner {width:100%;height:50rem;background:#ea7473 url("../images/page-news-banner.jpg") center center no-repeat;background-size:cover;overflow:hidden;}
#news .banner .container{position:relative;height:100%;}
#news .banner .container .text{position:absolute;top:50%;left:0;transform:translateY(-50%);}
#news .banner .container .text .title{font-size:3rem;color:#fff;}
#news .banner .container .text .slogan{margin-top:1rem;width:100%;font-size:1.5rem;color:#fff;}
#news .banner .container .image{position:absolute;top:50%;right:0;transform:translateY(-50%);}
#news .banner .container .image img{width:37.5rem;}

#news .category{position:relative;height:4rem;border-bottom:1px solid #ddd;text-align:center;box-sizing:border-box;}
#news .category .tabs{display:flex;justify-content:left;height:4rem;}
#news .category .tabs a{position:relative;margin:0 3rem;padding:0 1rem;line-height:4rem;border-bottom:1px solid #ddd;font-size:1.25rem;box-sizing:border-box;}
#news .category .tabs a.active{border-bottom:2px solid #ea7473;color:#ea7473;font-weight:bold;}

#news .list{margin-top:5rem;width:100%;height:auto;}
#news .list .item{cursor:pointer;}
#news .list .item .box{background:#fff;border-radius:0.25rem;box-shadow:0 8px 16px 0 rgba(0,0,0,.16);overflow:hidden;}
#news .list .item .box .image{position:relative;overflow:hidden;}
#news .list .item .box .image img{width:100%;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;}
#news .list .item .box .text{padding:1rem;background-color:#fff;}
#news .list .item .box .text p.t{line-height:2rem;font-size:1.25rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#news .list .item .box .text p.c{display:none;font-size:0.75rem;}
#news .list .item .box .text a.more{display:block;margin-top:1rem;padding-left:4rem;color:#ea7473;position:relative;}
#news .list .item .box .text a.more::before{content:'';position:absolute;top:50%;left:0;margin-top:-0.125rem;width:3rem;height:0.25rem;background:#ea7473;border-radius:0.125rem;}
#news .list .item:hover .image img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}
#news .null{width:100%;height:20rem;line-height:20rem;background:#f3f3f3;text-align:center;}

#news .list .modal{}
#news .list .modal .modal-body{line-height:2rem;}
#news .list .modal .modal-body .point{line-height:2rem;overflow:hidden;}
#news .list .modal .modal-body .point ul{overflow:hidden;}
#news .list .modal .modal-body .point ul li{float:left;margin-left:1.5rem;padding:0.5rem 1rem;width:auto;line-height:1rem;border-radius:1rem;border:1px solid #aaa;font-size:1rem;font-weight:bold;}
#news .list .modal .modal-body .point ul li:first-child{margin-left:0;}
#news .list .modal .modal-body .point ul li i{width:1rem;text-align:center;color:#ea7473;}
#news .list .modal .modal-body .detail{padding:2rem 0;}

#news .none{width:100%;height:auto;}
#news .none h3{padding:3rem 0;text-align:center;}

ul.pagination{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

@media (max-width:768px){
    #news .banner {height:20rem;}
    #news .banner .container .text{width:100%;text-align:center;}
    #news .banner .container .text .title{font-size:1.5rem;}
    #news .banner .container .text .slogan{margin-top:0.5rem;font-size:1.25rem;}

    #news .category{height:3rem;}
    #news .category .tabs{display:flex;justify-content:center;height:3rem;}
    #news .category .tabs a{margin:0 1rem;padding:0 0.5rem;line-height:3rem;font-size:1rem;}

    #news .list{margin-top:2rem;}
    #news .list .item{margin-top:1.5rem;}
    #news .list .item:first-child{margin-top:0;}
    #news .list .item .box .text{padding:1rem;}
    #news .list .item .box .text a.more{display:none;}

    #news .list .modal{}
    #news .list .modal .modal-body .point ul li{margin-left:0.5rem;padding:0.5rem;}
}