/* 资源中心 */
.md34823.md-resource-install { padding-top: 1.2rem; padding-bottom: 1.2rem; }

.md34823.md-resource-install .layout { margin-left: auto; margin-right: auto; width: 14.4rem; max-width: 90%; }

.md34823.md-resource-install .m-more { 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: 2rem; min-height: .55rem; padding: .1rem; -webkit-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; border: none; border-radius: 0; cursor: pointer; background-color: #333; color: #fff; }

.md34823.md-resource-install .m-more:hover { background-color: var(--theme); }

.md34823.md-resource-install .m-pages { margin-top: .3rem; }

.md34823.md-resource-install .list { margin-top: .61rem; }

.md34823.md-resource-install .list .li { display: block; background: #f7f7f7; padding: .4rem .4rem .34rem; width: calc(450 / 1440 * 100%); margin-bottom: .5rem; margin-right: calc(45 / 1440 * 100%); position: relative; }

.md34823.md-resource-install .list .li:nth-of-type(3n) { margin-right: 0; }

.md34823.md-resource-install .list .li:hover::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid var(--theme); }

.md34823.md-resource-install .list .li:hover .tit { color: var(--theme); }

.md34823.md-resource-install .list .li:hover .icon { color: var(--theme); }

.md34823.md-resource-install .list .media { aspect-ratio: 370 / 212; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md34823.md-resource-install .list .media img { max-height: 100%; max-width: 100%; -o-object-fit: contain; object-fit: contain; }

.md34823.md-resource-install .list .tit { margin-top: .27rem; line-height: 1.33333; min-height: 2.66667em; }

.md34823.md-resource-install .list .data { margin-top: .15rem; }

.md34823.md-resource-install .list .date { margin-right: .3rem; }

.md34823.md-resource-install .list .icon { width: calc(23 / 16 * 1em); margin-left: auto; }

@media (max-width: 900px) { .md34823.md-resource-install .list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .md34823.md-resource-install .list .li { width: 49%; margin-right: 0; padding: 4%; }
  .md34823.md-resource-install .list .date { margin-right: .5em; }
  .md34823.md-resource-install .list .tit { display: block; } }

/* 分页 start */
.m-pages { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; --size: .5rem; }

.m-pages .item { 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: var(--size); height: var(--size); line-height: var(--size); padding: 0 .2em; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; margin-right: .2rem; border: 1px solid #eee; background-color: #fff; }

.m-pages .item:last-child { margin-right: 0; }

.m-pages .item:hover { color: #333; border-color: #333; }

.m-pages .item.on { color: #fff; background: #333; }

.m-pages .item.disabled { pointer-events: none; }

.m-pages .a::before { content: ''; display: block; margin: auto; width: .1rem; height: 1px; background: #666; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; margin-bottom: -1px; }

.m-pages .a::after { content: ''; display: block; margin: auto; width: .1rem; height: 1px; background: #666; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.m-pages .prev { margin-right: .4rem; }

.m-pages .next { margin-left: .2rem; }

.m-pages .next .a::before { -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.m-pages .next .a::after { -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

@media (max-width: 900px) { .m-pages { --size: 30px; }
  .m-pages .prev { margin-right: 0.2rem; }
  .m-pages .next { margin-left: 0; } }

/* 分页 end */