.md-featured-area.template7{padding:0 50px}.md-featured-area.template7 .mg-title{width:auto}.md-featured-area.template7 .column-header{margin-bottom:40px}.md-featured-area.template7 .column-header .margin-box{display:flex;justify-content:space-between;margin:0 auto;position:relative}@media (max-width: 800px){.md-featured-area.template7 .column-header .margin-box{margin:0}}.md-featured-area.template7 .column-header .margin-box .mg-title{width:100%;color:var(--mg-title-color, #fff);margin:0;padding:0}.md-featured-area.template7 .column-header .margin-box .mg-title p{line-height:100%}.md-featured-area.template7 .column-header .margin-box .header-button{position:absolute;z-index:10;top:0;right:0;width:100px;height:100%;display:flex;justify-content:space-between}.md-featured-area.template7 .column-header .margin-box .header-button button{background:none;border:none;cursor:pointer}.md-featured-area.template7 .column-header .margin-box .header-button button:hover .iconfont{opacity:1}.md-featured-area.template7 .column-header .margin-box .header-button button:disabled .iconfont{color:#a8a8a8;opacity:1;cursor:not-allowed}.md-featured-area.template7 .column-header .margin-box .header-button .iconfont{display:inline-block;font-size:22px;opacity:0.8}.md-featured-area.template7 .column-header .margin-box .header-button .button-prev .iconfont{transform:rotate(-90deg)}.md-featured-area.template7 .column-header .margin-box .header-button .button-next .iconfont{transform:rotate(90deg)}.md-featured-area.template7 .style-container{display:flex;position:relative;transition:left 0.3s;width:100%}.md-featured-area.template7 .style-container.center{justify-content:center}@media (min-width: 1300px) and (max-width: 1540px){.md-featured-area.template7 .style-container.narrow-display .city-style:nth-child(odd){width:450px}}.md-featured-area.template7 .style-container .city-style{background:no-repeat 50%;background-size:cover;height:290px;color:#fff;position:relative;cursor:pointer;overflow:hidden;flex-shrink:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0)}.md-featured-area.template7 .style-container .city-style:nth-child(odd){width:500px;border-radius:160px}.md-featured-area.template7 .style-container .city-style:nth-child(odd) .bg-img,.md-featured-area.template7 .style-container .city-style:nth-child(odd) .mask{border-radius:160px}.md-featured-area.template7 .style-container .city-style:nth-child(even){width:390px}.md-featured-area.template7 .style-container .city-style .style-title{font-family:var(--font-bold);font-size:16px;line-height:30px;z-index:1;text-transform:uppercase}@media (max-width: 600px){.md-featured-area.template7 .style-container .city-style .style-title{font-size:14px;transform:none}}.md-featured-area.template7 .style-container .city-style .bg-img{position:absolute;left:0;right:0;bottom:0;top:-1px;transition:transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;will-change:transform}.md-featured-area.template7 .style-container .city-style .city-link{position:absolute;top:0;left:0;right:0;bottom:0}.md-featured-area.template7 .style-container .city-style .mask{right:0;bottom:0;position:absolute;top:0;left:0;background:linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2))}.md-featured-area.template7 .style-container .city-style .mask .city-detail{height:100%;position:relative}.md-featured-area.template7 .style-container .city-style .mask .city-detail .position-box{width:100%;max-height:80%;position:absolute;bottom:25px;display:flex;flex-direction:column;align-items:center}.md-featured-area.template7 .style-container .city-style .mask .city-detail .position-box .tags{display:inline-block;width:100%;padding:0 10px;margin-top:20px;max-height:calc(100% - 44px);overflow:hidden;height:0;opacity:0}@media (max-width: 800px){.md-featured-area.template7 .style-container .city-style .mask .city-detail .position-box .tags{padding:0 5px;height:initial;opacity:1}}.md-featured-area.template7 .style-container .city-style .mask .city-detail .position-box .tags .tag-detail{max-width:100%;padding:8px 20px;background-color:rgba(25,25,25,0.7);border-radius:20px;width:fit-content;line-height:100%;margin:0 auto;font-size:14px;line-height:14px}@media (max-width: 800px){.md-featured-area.template7 .style-container .city-style .mask .city-detail .position-box .tags .tag-detail{font-size:12px;line-height:14px;padding:6px 20px}}.md-featured-area.template7 .style-container .city-style .mask .city-detail .position-box .tags .tag-detail span{display:-webkit-box;white-space:normal;overflow:hidden;text-overflow:ellipsis;/*! autoprefixer: ignore next */-webkit-box-orient:vertical;-webkit-line-clamp:1;word-break:break-word}.md-featured-area.template7 .style-container .city-style .mask .city-detail .position-box .tags .tag-detail+.tag-detail{margin-top:15px}@media (max-width: 800px){.md-featured-area.template7 .style-container .city-style .mask .city-detail .position-box .tags .tag-detail+.tag-detail{margin-top:20px}}.md-featured-area.template7 .style-container .city-style .mask .city-detail .position-box .style-title{text-align:center}.md-featured-area.template7 .style-container .city-style:hover .bg-img{transform:scale(1.1)}.md-featured-area.template7 .style-container .city-style:hover .mask .city-detail .position-box .tags{opacity:1;height:initial;transition:opacity 0.3s}.md-featured-area.template7 .style-container .city-style+.city-style{margin-left:25px}@media (max-width: 600px){.md-featured-area.template7{padding:0}.md-featured-area.template7 .column-header{padding:0 15px;width:calc(100vw - 50px);margin:0 auto 20px 0}.md-featured-area.template7 .column-header .mg-title{font-size:16px;line-height:24px}.md-featured-area.template7 .style-container{padding:0 15px;overflow:auto;width:100%}.md-featured-area.template7 .style-container .city-style{height:180px}.md-featured-area.template7 .style-container .city-style:nth-child(odd){width:310px;border-radius:160px}.md-featured-area.template7 .style-container .city-style:nth-child(even){width:244px}.md-featured-area.template7 .style-container .city-style+.city-style{margin-left:15px}.md-featured-area.template7 .style-container::-webkit-scrollbar{display:none}}