.md-news-detail.md33869 { position: relative; padding-top: 0.86rem; padding-bottom: 2.3rem; } .md-news-detail.md33869 .layout { margin-left: auto; margin-right: auto; width: 16rem; max-width: 92%; } .md-news-detail.md33869 .box-left { width: calc( 1000 / 1600 * 100%); } .md-news-detail.md33869 .box-right { width: calc( 520 / 1600 * 100%); } @media screen and (max-width: 900px) { .md-news-detail.md33869 .box-left { width: 100%; } .md-news-detail.md33869 .box-right { width: 100%; } } .md-news-detail.md33869 .info { margin-top: 0.2rem; } .md-news-detail.md33869 .info .ini { display: inline-flex; align-items: center; line-height: 1; margin-right: 1.2rem; } .md-news-detail.md33869 .info .ini img { width: 1em; margin-right: 0.1rem; } .md-news-detail.md33869 .rich-text { line-height: 1.4; padding-top: 0.2rem; margin-top: 0.3rem; border-top: 1px solid rgba(0, 0, 0, 0.1); } .md-news-detail.md33869 .shares { margin-top: 1.3rem; } .md-news-detail.md33869 .shares .si { margin-left: 0.1rem; } .md-news-detail.md33869 .shares .si:hover .hd { background-color: var(--theme); } .md-news-detail.md33869 .shares .si:hover .hi { filter: brightness(0) invert(1); } .md-news-detail.md33869 .shares .hd { display: flex; justify-content: center; align-items: center; box-shadow: 0 0 0 1px inset rgba(0, 0, 0, 0.1); transition: 0.5s; } .md-news-detail.md33869 .shares .hi { width: 100%; height: 100%; } .md-news-detail.md33869 .pag { margin-top: 0.4rem; padding-top: 0.36rem; border-top: 1px solid rgba(0, 0, 0, 0.1); } .md-news-detail.md33869 .pag .pa { line-height: 1.4; transition: 0.5s; } .md-news-detail.md33869 .pag .pa:hover { color: var(--theme); } .md-news-detail.md33869 .relate-list .ul { margin-top: 0.2rem; } .md-news-detail.md33869 .relate-list .li { padding-bottom: 0.1rem; } .md-news-detail.md33869 .relate-list .dd { width: 100%; padding: 0.2rem 0.3rem; background-color: #f7f8fa; } .md-news-detail.md33869 .relate-list .dd:hover .img { transform: scale(1.1); } .md-news-detail.md33869 .relate-list .dd:hover .title { color: var(--theme); } .md-news-detail.md33869 .relate-list .c-pic { width: 1.95rem; flex-shrink: 0; } .md-news-detail.md33869 .relate-list .img { padding-top: calc( 110 / 195 * 100%); } .md-news-detail.md33869 .relate-list .text { padding-left: 0.3rem; flex-grow: 1; } .md-news-detail.md33869 .relate-list .title { line-height: 1.25; transition: all 0.5s; } .md-news-detail.md33869 .relate-list .time { line-height: 1; margin-top: 0.2rem; } @media screen and (max-width: 900px) { .md-news-detail.md33869 .relate-list { margin-top: 0.6rem; } }