
.md28790 .paging{display:flex;justify-content:center;margin-top:0;height:2em}
.md28790 .btn-f5 .paging-btn{background-color:#f5f5f5}
.md28790 .btn-white .paging-btn{background-color:#fff}
.md28790 .paging-btn{display:flex;align-items:center;justify-content:center;margin:0 .05rem;aspect-ratio:1;border-radius:50%;background-color:#f5f7fa;cursor:pointer;transition:.3s}
.md28790 .paging-btn.disabled{color:#ccc;cursor:no-drop}
.md28790 .paging-btn.disabled:hover{color:#ccc;background-color:#f5f7fa}
.md28790 .paging-btn:hover,.md28790 .paging-btn.active{color:#fff;background-color:var(--theme)}
.md28790 .icon{position:relative;display:flex;align-items:center;justify-content:center;width:1em;height:1em;flex-shrink:0;max-width:100%;max-height:100%;transition:.3s}
.md28790 .icon img,.md28790 .icon svg{width:100%;height:100%;object-fit:contain;transition:.3s}
.md28790 .icon img:nth-child(2),.md28790 .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.md28790 .hover-icon:hover.icon img:first-child,.md28790 .hover-icon:hover .icon img:first-child,.md28790 .active-icon.icon img:first-child,.md28790 .active-icon .icon img:first-child{opacity:0}
.md28790 .hover-icon:hover.icon img:last-child,.md28790 .hover-icon:hover .icon img:last-child,.md28790 .active-icon.icon img:last-child,.md28790 .active-icon .icon img:last-child{opacity:1}
.md28790.i-main{position:relative;width:100%;padding:.75rem 0 .85rem}
.md28790.i-main img{display:inline-block;vertical-align:middle;max-width:100%}
.md28790.i-main .layout{width:14rem;max-width:92%;margin:0 auto}
.md28790.i-main .my-top{width:100%;text-align:center;padding-bottom:.35rem}
.md28790.i-main .my-titles{width:100%;color:#000;line-height:1.29;font-weight:700}
.md28790.i-main .i-top{width:100%;padding-bottom:.5rem}
.md28790.i-main .i-navbox{width:100%;text-align:center;font-size:0}
.md28790.i-main .i-swiper{display:inline-block;max-width:100%;padding:.05rem;background-color:#f3f3f3;border-radius:.27rem}
.md28790.i-main .i-nav{display:block;width:auto;cursor:pointer;padding:0 .3rem;line-height:.46rem;border-radius:.23rem;color:#666}
.md28790.i-main .i-nav:hover{color:var(--theme)}
.md28790.i-main .i-nav.active{background-color:var(--theme);color:#fff}
.md28790.i-main .i-cont{position:relative;left:-.1rem;width:calc(100% + .2rem);padding-bottom:.45rem;display:flex;flex-wrap:wrap}
.md28790.i-main .i-item{display:block;width:33.33%;padding:0 .1rem;margin-bottom:.2rem}
.md28790.i-main .i-link{display:block;cursor:pointer;position:relative;width:100%;height:100%;background-color:#f3f3f3}
.md28790.i-main .i-logo{position:absolute;bottom:0;right:0;width:3.42rem}
.md28790.i-main .i-logo img{width:100%}
.md28790.i-main .i-imgbox{position:relative;z-index:1;width:100%;padding:0 .44rem}
.md28790.i-main .i-img{width:100%;position:relative;overflow:hidden;padding-top:100%}
.md28790.i-main .i-img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1);transition:all ease .5s}
.md28790.i-main .i-text{position:relative;z-index:1;width:100%;padding:0 .3rem .3rem}
.md28790.i-main .i-name{transition:all .3s;width:100%;margin-bottom:.1rem;color:#000;line-height:1.5}
.md28790.i-main .i-intro{width:100%;color:#666;line-height:1.7}
.md28790.i-main .i-link:hover .i-img img{transform:scale(1.05)}
.md28790.i-main .i-link:hover .i-name{color:var(--theme)}
.md28790.i-main .i-item.special{width:66.66%}
.md28790.i-main .i-item.special .i-link{min-height:4.53rem}
.md28790.i-main .i-item.special .i-imgbox{height:100%;padding:0}
.md28790.i-main .i-item.special .i-img{height:100%;padding-top:0}
.md28790.i-main .i-item.special .i-text{position:absolute;bottom:0;left:0}
.md28790.i-main .i-item.special .i-name,.md28790.i-main .i-item.special .i-intro{color:#fff}
@media(max-width:750px){
	.md28790.i-main .i-item.special{width:100%}
.md28790.i-main .i-item.special .i-link{min-height:1rem}
.md28790.i-main .i-item.special .i-imgbox{height:auto}
.md28790.i-main .i-item.special .i-img{height:auto;padding-top:48.8673139159%}
.md28790.i-main .i-item{width:50%}
}
