.md-featured-area.layout10{position:relative}.md-featured-area.layout10 .featured-area-bg-mask{position:absolute;width:100%;height:100%;left:0;top:0;bottom:0;right:0}.md-featured-area.layout10 .featured-area-title{margin-bottom:40px}@media (max-width: 800px){.md-featured-area.layout10 .featured-area-title{margin-bottom:30px}}.md-featured-area.layout10 .featured-area-div{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:30px}.md-featured-area.layout10 .featured-area-div .featured-area-item{display:block;width:calc((100% - 30px * 3) / 4);aspect-ratio:1;position:relative;border-radius:50px 50px 50px 0;overflow:hidden}.md-featured-area.layout10 .featured-area-div .featured-area-item .item-preview{width:100%;height:100%;overflow:hidden}.md-featured-area.layout10 .featured-area-div .featured-area-item .item-preview img{width:100%;height:100%;vertical-align:middle;object-fit:cover;transition:transform 0.3s}.md-featured-area.layout10 .featured-area-div .featured-area-item .default-wrap{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgba(218,218,218,0.2)}.md-featured-area.layout10 .featured-area-div .featured-area-item .default-wrap img{width:64px;height:56px;object-fit:contain;opacity:0.3}@media (max-width: 800px){.md-featured-area.layout10 .featured-area-div .featured-area-item .default-wrap img{width:50px;height:44px}}.md-featured-area.layout10 .featured-area-div .featured-area-item .item-bottom{width:100%;position:absolute;left:0;right:0;bottom:0;top:auto;z-index:10;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;cursor:pointer}.md-featured-area.layout10 .featured-area-div .featured-area-item .item-bottom .title-mask{position:absolute;z-index:20;width:100%;height:60px;left:0;bottom:0;right:0;background:var(--g-btn-background);opacity:0.9}.md-featured-area.layout10 .featured-area-div .featured-area-item .item-bottom .item-title{width:100%;height:60px;padding:0 10px;font-family:var(--font-medium);font-size:24px;color:#fff;line-height:60px;transition:all 0.3s ease;position:relative;z-index:30;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.md-featured-area.layout10 .featured-area-div .featured-area-item .item-bottom .item-tag-wrap{width:100%;padding:15px;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:10px;opacity:0;transition:all 0.3s ease;transform:translateY(190px);position:absolute}.md-featured-area.layout10 .featured-area-div .featured-area-item .item-bottom .item-tag-wrap>span{display:block;padding:0 8px;background-color:rgba(25,25,25,0.5);border-radius:12px;font-family:var(--font-normal);font-size:12px;line-height:20px;color:#fff}.md-featured-area.layout10 .featured-area-div .featured-area-item:hover .item-preview .img-content img{transform:scale(1.1)}.md-featured-area.layout10 .featured-area-div .featured-area-item:hover .item-bottom .title-mask{opacity:1}.md-featured-area.layout10 .featured-area-div .featured-area-item:hover .item-bottom .item-tag-wrap{opacity:1;position:static;transform:translateY(0)}@media (max-width: 800px){.md-featured-area.layout10 .featured-area-div{display:block}.md-featured-area.layout10 .featured-area-div .swiper-slide{width:312px;height:312px}.md-featured-area.layout10 .featured-area-div .swiper-slide:first-child{margin-left:15px}.md-featured-area.layout10 .featured-area-div .swiper-slide .featured-area-item{width:100%;height:100%}.md-featured-area.layout10 .featured-area-div.len1 .swiper-wrapper{justify-content:center}.md-featured-area.layout10 .featured-area-div.len1 .swiper-slide:first-child{margin-left:0;margin-right:0 !important}}