.md36044.md-resource-video { padding-top: 1.2rem; padding-bottom: .6rem; }

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

.md36044.md-resource-video .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; }

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

.md36044.md-resource-video .list { margin-top: .6rem; }

.md36044.md-resource-video .list .li { display: block; width: calc(695 / 1440 * 100%); margin-bottom: .58rem; cursor: pointer; }

.md36044.md-resource-video .list .li:hover .icon { background-color: var(--theme); }

.md36044.md-resource-video .list .media-ratio { aspect-ratio: 695 / 390; 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; }

.md36044.md-resource-video .list .icon { width: .6rem; height: .6rem; border-radius: 50%; 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; position: relative; z-index: 2; background: rgba(0, 0, 0, 0.5); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md36044.md-resource-video .list .icon svg { width: calc(14 / 60 * 100%); }

.md36044.md-resource-video .list .tit { line-height: 1.5; margin-top: .22rem; }

/* 分页 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 */