﻿header {
    background: #e70310;
}
.news {
    background: #fff;
    padding: 15rem 25% 10rem;
}
.title {
    color: #e70310;
    padding-bottom: .5rem;
    border-bottom: 1px solid;
    font-size: 1.5rem;
}
.title p{
    float: right;
    font-size: 1rem;
    font-family: PingFang Heavy;
    margin-top: .5rem;
}
.news-wrap > h2 {
    font-size: 2.5rem;
    font-family: PingFang Heavy;
    margin-top: 2rem;
}
.news-wrap .date{
        color: #ccc;
    margin: 1rem 0 2rem;
}
.news-content>*{
    margin-bottom:1rem;
}
.news-content img{width:100% !important;height:auto !important;}
.menu-nav {
    position: fixed;
    top: 15%;
    right: 10%;
    transform: scale(.7);
}
.menu-nav>div,.back{    
    background: #ebbd7a;
    display: flex;
    flex-direction: column;
    height: 8rem;
    width: 8rem;
    justify-content: center;
    align-items: center;
    margin-bottom:.5rem;
    position:relative;
    color:#fff;
    cursor:pointer;
}
.back p{margin-top: .75rem;}
.bshare-custom{position:absolute;opacity:0}
.bshare-custom a{height:8rem !important;width:8rem !important;}
.menu-nav div img {
    width: 3rem;
    margin-bottom: .75rem;
}
.menu-nav div.toTop img{
    width:5rem;
}
.bshare-sinaminiblog iframe {
    transform: scale(5);
    transform-origin: left top;
}
.news-nav {
    border-bottom: 1px solid;
    border-top: 1px solid;
    padding: 1rem 0;
    margin-top: 6rem;
    font-size: 0;
    text-align: center;
    position:relative;
}
.news-nav a{
    display: inline-block;
    font-size: 1rem;
    color:#000;
    vertical-align:middle;
        text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.news-nav a:hover{text-decoration:underline}
.news-list {
    border-left: 1px solid;
    border-right: 1px solid;
    padding: 0 2rem;
    margin: 0 2rem;
}
.prev, .next {
   
    width: calc((100% - 11rem)/2);
}
.prev {
    text-align: right;
}
.next {
    text-align: left;
}
.news-nav i{
    position: absolute;
    width: .5rem;
    height: .5rem;
    border-left: 1px solid;
    border-top: 1px solid;
    display: inline-block;
    top: 50%;
    margin-top: -0.25rem;
}
i.prev-arrow {
    transform: rotate(-45deg);
}
i.next-arrow {
    transform: rotate(135deg);
}