.md-news-article { padding-top: 1rem; padding-bottom: .5rem; }

.md-news-article .layout { padding: .76rem .8rem .8rem; }

.md-news-article .msg { margin-top: .18rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.md-news-article .date { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

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

.md-news-article .share { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* 自定义图标，去掉插件默认的 */ /* 其他设计稿样式 */ }

.md-news-article .share .social-share { margin-left: .2rem; }

.md-news-article .share .custom-icon:before { display: none; }

.md-news-article .share .custom-icon:hover { background: none; }

.md-news-article .share .custom-icon { margin: 0; margin-right: .1rem; border: none; width: auto; height: auto; line-height: inherit; width: .44rem; height: .44rem; min-width: 30px; min-height: 30px; border: 1px solid rgba(0, 0, 0, 0.08); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-news-article .share .custom-icon:last-of-type { margin-right: 0; }

.md-news-article .share .custom-icon:hover { border-color: #000; }

.md-news-article .share .custom-icon:hover .img { opacity: 1; }

.md-news-article .share .custom-icon .img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; opacity: .4; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-news-article .content { border-top: 1px solid black; border-bottom: 1px solid rgba(0, 0, 0, 0.08); line-height: 1.66667; margin-top: .37rem; padding-top: .63rem; padding-bottom: .53rem; }

.md-news-article .foot { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: .58rem; }

.md-news-article .foot .btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-news-article .foot .btn .icon { width: .52rem; height: .52rem; min-width: 35px; min-height: 35px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.1); background-position: center; background-repeat: no-repeat; background-size: calc(13 / 52 * 100%); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-news-article .foot .btn:hover { color: #c7000c; }

.md-news-article .foot .btn:hover .icon { background-color: #c7000c; border-color: #c7000c; }

.md-news-article .foot .btn.prev { position: absolute; left: 0; top: 0; }

.md-news-article .foot .btn.prev .icon { background-image: url(/static/home/images/i-c-1.png); margin-right: .19rem; }

.md-news-article .foot .btn.prev:hover .icon { background-image: url(/static/home/images/i-c-3.png); }

.md-news-article .foot .btn.next { position: absolute; right: 0; top: 0; }

.md-news-article .foot .btn.next .icon { background-image: url(/static/home/images/i-c-2.png); margin-left: .19rem; }

.md-news-article .foot .btn.next:hover .icon { background-image: url(/static/home/images/i-c-4.png); }

.md-news-article .foot .back { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 3px; min-width: 2.08rem; border-radius: .53rem; border: 1px solid rgba(0, 0, 0, 0.08); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-news-article .foot .back span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 1em; }

.md-news-article .foot .back .icon { width: .46rem; height: .46rem; min-width: 30px; min-height: 30px; border-radius: 50%; background-color: #000; background-position: center; background-repeat: no-repeat; background-size: calc(15 / 46 * 100%); background-image: url(../images/i-list.png); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-news-article .foot .back:hover { border-color: #c7000c; background: #c7000c; color: #fff; }

.md-news-article .foot .back:hover .icon { background-color: #c7000c; }

@media (max-width: 900px) { .md-news-article .layout { padding: 4%; } }

.md-news-relate { padding-top: .45rem; padding-bottom: .5rem; }

.md-news-relate .m-news-list { margin-top: .52rem; display: block; }

.md-news-relate .m-news-list .li { margin-bottom: 0; }

.md-news-relate .swiper-container { padding-bottom: .5rem; }

.md-news-relate .swiper-pagination { bottom: 0; font-size: 0; }

.md-news-relate .swiper-pagination-bullet { width: 0.1rem; height: .1rem; min-width: 8px; min-height: 8px; margin: 0 0.05rem !important; border-radius: .1rem; background-color: #000; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-news-relate .swiper-pagination-bullet-active { width: .3rem; min-width: 24px; background-color: #c7000c; }
.m-news-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.m-news-list .li { overflow: hidden; width: calc(506 / 1600 * 100%); margin-right: calc(40 / 1600 * 100%); margin-bottom: .4rem; background-color: #fff; }

.m-news-list .li:nth-of-type(3n) { margin-right: 0; }

.m-news-list .li:hover .tit { color: #c7000c; }

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

.m-news-list .li:hover .m-more { -webkit-box-shadow: 0 0.1rem 0.1rem -0.05rem rgba(0, 0, 0, 0.3); box-shadow: 0 0.1rem 0.1rem -0.05rem rgba(0, 0, 0, 0.3); -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); }

.m-news-list .li:hover .m-more:after { background-color: #c7000c; }

.m-news-list .img { padding-top: calc(285 / 506 * 100%); }

.m-news-list .text { padding: .39rem .34rem .32rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.m-news-list .tit { line-height: 1.5; height: calc(36 / 24 * 2em); }

.m-news-list .date { margin-bottom: .23rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.m-news-list .date .icon { width: .18rem; min-width: 12px; height: .18rem; min-height: 12px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(../images/i-date.png); margin-right: .09rem; }

.m-news-list .m-more { margin-top: .53rem; }

@media (max-width: 900px) { .m-news-list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .m-news-list .li { width: 48%; margin-right: 0; } }

@media (max-width: 500px) { .m-news-list .li { width: 100%; margin-bottom: 4%; }
  .m-news-list .text { padding: 5%; } }