.md-guide.layout1{position:relative;width:100%}.md-guide.layout1 .title-wrap .layout1-title{text-transform:uppercase;color:var(--g-primary-color);margin-bottom:20px}.md-guide.layout1 .title-wrap .message{font-family:var(--font-medium);font-size:14px;line-height:1.5;color:var(--g-primary-color)}.md-guide.layout1 .guile-list{margin-top:30px;display:flex;gap:30px;flex-wrap:wrap}.md-guide.layout1 .guile-list .item{width:calc((100% - 30px) / 2);aspect-ratio:1.6375;position:relative;cursor:pointer}.md-guide.layout1 .guile-list .item .cover{width:100%;height:100%;position:relative}.md-guide.layout1 .guile-list .item .cover>img{width:100%;height:100%;vertical-align:middle;object-fit:cover}.md-guide.layout1 .guile-list .item .cover .default-wrap{width:100%;height:100%;background:rgba(218,218,218,0.2);display:flex;justify-content:center;align-items:center}.md-guide.layout1 .guile-list .item .cover .default-wrap img{width:100px;height:87.5px;opacity:0.3}.md-guide.layout1 .guile-list .item .mask{width:100%;height:100%;background:rgba(25,25,25,0.5);position:absolute;top:0;left:0;z-index:1;display:none}.md-guide.layout1 .guile-list .item .file-name{width:100%;height:37.5%;background:linear-gradient(180deg, rgba(25,25,25,0) 14.29%, rgba(25,25,25,0.8) 100%);padding:32px 20px;display:flex;align-items:flex-end;position:absolute;left:0;bottom:0;z-index:10;font-family:var(--font-bold);font-size:24px;line-height:150%;text-transform:uppercase;color:#fff;word-break:break-word}.md-guide.layout1 .guile-list .item .delivery-mode{width:40px;height:40px;position:absolute;bottom:0;left:50%;z-index:5;transform:translate(-50%, 0);opacity:0;transition:all 0.3s ease-in}.md-guide.layout1 .guile-list .item .delivery-mode .iconfont{display:inline-block;font-size:40px;color:#fff;transform:rotate(180deg)}.md-guide.layout1 .guile-list .item:hover .mask{display:block}.md-guide.layout1 .guile-list .item:hover .delivery-mode{top:50%;opacity:1;transform:translate(-50%, -50%)}@media (max-width: 800px){.md-guide.layout1 .guile-list{margin-top:20px;display:block}.md-guide.layout1 .guile-list .item+.item{margin-top:15px}.md-guide.layout1 .guile-list .item{width:100%}.md-guide.layout1 .guile-list .item .cover .default-wrap img{width:50px;height:44px}.md-guide.layout1 .guile-list .item .file-name{padding:10px 20px;font-size:20px}}