.content{        background-color: #f6f6f6;padding: 100px 0 60px;width: 100%;overflow: hidden;}
.content .container{    width: 1520px;    max-width: 95%;    margin: 0 auto;}
.body{display: flex;    align-items: flex-start;}
.body>.left{width: 75%;border-right: 40px solid #f6f6f6;padding: 40px;background-color: #ffffff;margin-bottom: 20px;}
.body>.left>.tit{            border-bottom-color: #e9e9e9;        border-bottom-style: solid;        border-bottom-width: 1px;        text-align: center;            font-size: 24px;        margin-bottom: 15px;        padding-bottom: 20px;}
.body>.left>.date{             color: #8a8a8a;line-height: 25px;        font-size: 14px;   padding-bottom: 25px;        padding-top: 10px;        text-align: center;}
.body>.left>.con{        font-size: 15px;        margin-bottom: 30px;        line-height: 27px;}

.body>.right{width: 25%;        background-color: #ffffff;padding: 20px;}
.body>.right>.top{display: flex;justify-content: space-between; }
.body>.right>.top>.tit{        font-size: 22px;        font-weight: normal;        line-height: 50px;}
.body>.right>.top>.more{           line-height: normal;        top: 13px;     font-size: 16px;}
.body>.right>.top>.more a:hover{color: #b63239;}  
.body>.right>.list{margin-top: 20px;display: flex;    flex-direction: column;width: 100%;overflow: hidden;}
.body>.right>.list>.li{margin-bottom: 20px}
.body>.right>.list>.li img{width: 100%;height: auto;}
.body>.right>.list>.li .tit{margin: 10px 0;font-size: 16px;line-height: 30px;    display: -webkit-box;      -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;}
.body>.right>.list>.li:hover .tit{        color: #b63239;}
.body>.right>.list>.li .con{        color: #000000;    line-height: 25px;display: -webkit-box;      -webkit-line-clamp: 3;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;        font-size: 14px;        opacity: 0.5;}

@media only screen and (max-width: 1023px) {
.content{    padding: 95px 20px 30px;}
.content .container{max-width: 100%;}
.mbx{display: none;}
.body{    flex-wrap: wrap;}
.body>.left{width: 100%;border-right:0px;padding: 20px;}
.body>.left>.tit{        font-size: 22px;        padding-bottom: 15px;        text-align: left;        margin-bottom: 10px;        border-bottom-width: 1px;        border-bottom-style: solid;        border-bottom-color: #e9e9e9;}
.body>.left>.date{        font-size: 12px;    line-height: 25px;text-align:left;  padding-bottom:0;padding-top:0px;      color: #8a8a8a;}
.body>.left>.con{        margin-top: 10px;    line-height: 25px;margin-bottom:0px;    font-size: 14px;}

.body>.right{background-color: transparent;width: 100%;padding: 0;}
.body>.right>.top>.tit{        color: #484848;    line-height: 25px;    font-size: 14px;}
.body>.right>.top>.more{color: #484848;  top: 0;  line-height: 25px;    font-size: 14px;}
.body>.right>.list>.li{         height: auto;        background-color: #ffffff;        padding-bottom: 20px;}
.body>.right>.list>.li .tit{        font-size: 16px;        text-align: left;        padding-left: 20px;        padding-right: 20px;        padding-top: 10px;        line-height: 25px;}
.body>.right>.list>.li .con{    -webkit-line-clamp: 2;        padding-left: 20px;     opacity:1;   color: #8a8a8a;        font-size: 12px;        padding-right: 20px;}
}