/* 服务支持-视频 */
.md38412.m-main{width: 100%;padding: 1.2rem 0 1.1rem;} 
.md38412.m-main .layout{width: 14.4rem;max-width: 92%;margin: 0 auto;} 
.md38412.m-main img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md38412.m-main .my-top{width: 100%;padding-bottom: .55rem;text-align: center;}
.md38412.m-main .my-titles{width: 100%;color: #222222;line-height: 1.2;font-weight: bold;}
.md38412.m-main .m-cont{width: 100%;padding-bottom: .1rem; display: flex;flex-wrap: wrap;}
.md38412.m-main .m-item{display: block;cursor: pointer;width: 31.25%;text-align: center; margin-right: 3.125%;margin-bottom: .55rem;}
.md38412.m-main .m-item:nth-child(3n){margin-right: 0;}
.md38412.m-main .m-imgbox{position: relative;width: 100%;}
.md38412.m-main .m-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(253/450*100%);border-radius: .2rem;}
.md38412.m-main .m-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.md38412.m-main .m-img:after{opacity: 0;transition: all .3s;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;}
.md38412.m-main .m-play{opacity: 0;transition: all .3s;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.md38412.m-main .m-play img{width: .62rem;}
.md38412.m-main .m-text{width: 100%;padding-top: .25rem;}
.md38412.m-main .m-name{width: 100%;color: #222222;line-height: 1.5;}
.md38412.m-main .m-item:hover .m-img:after{opacity: .4;}
.md38412.m-main .m-item:hover .m-play{opacity: 1;}

@media (max-width: 750px) {
  .md38412.m-main .m-item{width: calc(50% - .15rem);margin-right: .3rem;}
  .md38412.m-main .m-item:nth-child(3n){margin-right: .3rem;}
  .md38412.m-main .m-item:nth-child(2n){margin-right: 0;}
}

/* 分页 */
.paging{width: 100%;font-size: 0;text-align: center;}
.paging-item{transition: all  .3s;display: inline-block;vertical-align: middle;cursor: pointer;margin: .1rem .05rem;min-width: 2.78em;height: 2.78em;line-height: 2.78em;border-radius: 1.39em;color: #bbbbbb;}
.paging-item:hover{color: #fff;background-color: var(--theme);}
.paging-item.active{color: #fff;background-color: var(--theme);}
.paging-up{transition: all  .3s;display: inline-block;vertical-align: middle;cursor: pointer;margin: .1rem .05rem; width: 2.78em;height: 2.78em;line-height: 2.78em;border-radius: 1.39em;color: transparent;background-image: url('../images/a1.png'); background-size: .5em auto;background-position: center center;background-repeat: no-repeat;}
.paging-up:hover{background-image: url('../images/a1-b.png');background-color: var(--theme);}
.paging-next{transform: rotate(-180deg);transition: all  .3s;display: inline-block;vertical-align: middle;cursor: pointer;margin: .1rem .05rem; width: 2.78em;height: 2.78em;line-height: 2.78em;border-radius: 1.39em;color: transparent;background-image: url('../images/a1.png'); background-size: .5em auto;background-position: center center;background-repeat: no-repeat;}
.paging-next:hover{background-image: url('../images/a1-b.png');background-color: var(--theme);}