.md-featured-area.grid-standard .style-container{display:flex;flex-wrap:wrap;width:calc(100% + 20px);margin-bottom:-20px;margin-left:-10px}.md-featured-area.grid-standard .style-container .city-style{background:no-repeat 50%;background-size:cover;width:33.33%;height:0;color:#fff;position:relative;cursor:pointer;overflow:hidden;margin:0 0 20px 0;padding:24% 10px 0}.md-featured-area.grid-standard .style-container .city-style .bg-img{position:absolute;left:10px;right:10px;bottom:0;top:-1px}.md-featured-area.grid-standard .style-container .city-style .city-link{position:absolute;top:0;left:0;right:0;bottom:0}.md-featured-area.grid-standard .style-container .city-style .style-title{position:absolute;font-family:var(--font-bold);font-size:18px;bottom:20px;left:20px;right:20px;z-index:1;text-transform:capitalize;transition:all 0.3s cubic-bezier(0.61, 0.25, 0.68, 0.83)}@media (max-width: 600px){.md-featured-area.grid-standard .style-container .city-style .style-title{font-size:14px;line-height:21px;left:10px;right:10px;bottom:10px}}.md-featured-area.grid-standard .style-container .city-style .mask{right:0;bottom:0;position:absolute;top:0;left:0}.md-featured-area.grid-standard .style-container .city-style .mask .pc-content{height:100%;padding-top:calc(20% - 10px);font-size:12px;color:#202437;position:relative}.md-featured-area.grid-standard .style-container .city-style .mask .pc-content p{position:absolute;left:20px;bottom:0;line-height:20px;opacity:0;max-width:calc(100% - 30px);display:-webkit-box;white-space:normal;overflow:hidden;text-overflow:ellipsis;/*! autoprefixer: ignore next */-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-word;max-height:40px;padding:0;text-shadow:0 1px 1px rgba(0,0,0,0.5);transition:all 0.3s cubic-bezier(0.61, 0.25, 0.68, 0.83)}@media (min-width: 601px){.md-featured-area.grid-standard .style-container .city-style:hover{color:var(--color-title)}.md-featured-area.grid-standard .style-container .city-style:hover .style-title.tag{bottom:60px}.md-featured-area.grid-standard .style-container .city-style:hover .mask{background:rgba(255,255,255,0.8)}.md-featured-area.grid-standard .style-container .city-style:hover .mask .pc-content>p{opacity:1;bottom:20px}}@media (max-width: 600px){.md-featured-area.grid-standard .style-container{margin-left:-5px;margin-bottom:-10px;width:calc(100% + 10px)}.md-featured-area.grid-standard .style-container .city-style{margin-bottom:10px;padding-left:5px;padding-right:5px}.md-featured-area.grid-standard .style-container .city-style .bg-img{left:5px;right:5px}}