.md-news-2 { background-color: #f3f6fb; padding-top: .04rem; padding-bottom: 1.34rem; }

.md-news-2 .title { line-height: 1.5; margin-top: .54rem; }

.md-news-2 .date { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: .41rem; }

.md-news-2 .date img { width: .18rem; min-width: 14px; margin-right: .12rem; }

.md-news-3 { padding-top: .92rem; }

.md-news-3 .layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.md-news-3 .main { width: calc(1080 / 1600 * 100%); padding-bottom: 1.35rem; }

.md-news-3 .main .detail { line-height: 1.8125; }

.md-news-3 .main .foot { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: 1px solid #f3f3f3; padding-top: .3rem; margin-top: .95rem; }

.md-news-3 .main .nav { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-news-3 .main .nav-item { display: block; line-height: 2.11111; }

.md-news-3 .main .back { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 1.8rem; min-height: .54rem; border-radius: .54rem; color: #2f6eb6; border: 1px solid #2f6eb6; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; padding: .6em .28rem; }

.md-news-3 .main .back:after { content: ''; width: .12rem; height: .11rem; min-width: 12px; min-height: 11px; margin-left: .2rem; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(../images/i-back-1.png); }

@media (any-hover: hover) { .md-news-3 .main .back:hover { background-color: #2f6eb6; color: #fff; }
  .md-news-3 .main .back:hover::after { background-image: url(../images/i-back-2.png); } }

.md-news-3 .side { width: calc(400 / 1600 * 100%); position: -webkit-sticky; position: sticky; top: 1.2rem; padding-bottom: 1rem; }

.md-news-3 .rec-list { margin-top: .14rem; }

.md-news-3 .rec-list .li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #f3f3f3; padding: .3rem 0; }

.md-news-3 .rec-list .li:hover .tit { color: #2f6eb6; }

.md-news-3 .rec-list .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-news-3 .rec-list .c-pic { width: calc(150 / 400 * 100%); border-radius: .1rem; overflow: hidden; }

.md-news-3 .rec-list .img { padding-top: calc(100 / 150 * 100%); }

.md-news-3 .rec-list .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: .3rem; }

.md-news-3 .rec-list .tit { line-height: 1.3125; }

.md-news-3 .rec-list .date { margin-top: .15rem; }

@media (max-width: 900px) { .md-news-3 .layout { display: block; }
  .md-news-3 .main { width: 100%; }
  .md-news-3 .main .foot { display: block; }
  .md-news-3 .main .back { margin-top: .3rem; }
  .md-news-3 .side { width: 100%; }
  .md-news-3 .rec-list .c-pic { max-width: 140px; } }

@media (max-width: 500px) { .md-news-3 .main .back { width: 100%; } }

.body-with-padding {
    padding-top: 90px;
   
}