.md12500.md-case-1 { background-color: #f5f5f5; background-position: center top; background-size: 100%; background-repeat: no-repeat; padding-top: 1.6rem; padding-bottom: 1rem; }

.md12500.md-case-1 .layout { margin-left: auto; margin-right: auto; width: 16rem; max-width: 92%; }

.md12500.md-case-1 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.md12500.md-case-1 .list .li { display: block; width: calc(780 / 1600 * 100%); position: relative; border-radius: .2rem; overflow: hidden; border-bottom-right-radius: 0; margin-bottom: .39rem; }

.md12500.md-case-1 .list .li:before { content: ''; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 1.53rem; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.6))); background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.6)); background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)); }

.md12500.md-case-1 .list .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md12500.md-case-1 .list .li:hover .more { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); background: #e6222a; color: #fff; }

.md12500.md-case-1 .list .img { padding-top: calc(405 / 780 * 100%); }

.md12500.md-case-1 .list .text { position: absolute; left: 0; bottom: .42rem; z-index: 2; width: 100%; padding: 0 .38rem; padding-right: 1rem; }

.md12500.md-case-1 .list .desc { opacity: .6; margin-top: .08rem; }

.md12500.md-case-1 .list .mask { width: 1.04rem; position: absolute; right: -1px; bottom: -1px; z-index: 3; color: #f5f5f5; }

.md12500.md-case-1 .list .more { position: absolute; right: 0; bottom: 0; z-index: 4; width: 0.69rem; height: 0.69rem; border-radius: 50%; background-color: #ffffff; -webkit-box-shadow: 0rem 0rem 0.5rem 0rem rgba(0, 0, 0, 0.04); box-shadow: 0rem 0rem 0.5rem 0rem rgba(0, 0, 0, 0.04); 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; color: #999; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.md12500.md-case-1 .list .more .svg-icon { width: 0.11rem; }

.md12500.md-case-1 .m-pages { margin-top: .2rem; }

@media (max-width: 900px) { .md12500.md-case-1 { padding-top: .6rem; } }

@media (max-width: 700px) { .md12500.md-case-1 .list .li { width: 100%; margin-bottom: 4%; } }

.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; text-align: center; }

.m-pages .item { min-width: 0.46rem; height: 0.46rem; line-height: 0.46rem; border-radius: 0.46rem; padding: 0 .2em; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; margin-right: .08rem; }

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

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

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

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

.m-pages .prev, .m-pages .next { background-position: center; background-repeat: no-repeat; background-size: 8px; }

.m-pages .prev.disabled, .m-pages .next.disabled { -webkit-filter: grayscale(1); filter: grayscale(1); opacity: .3; }

.m-pages .prev { background-image: url(/static/home/images/i-left.svg); }

.m-pages .next { background-image: url(/static/home/images/i-right.svg); }

@media (max-width: 1400px) { .m-pages .item { min-width: 30px; height: 30px; line-height: 30px; line-height: 30px; }
  .m-pages .prev, .m-pages .next { background-size: 6px; } }