.other-city{height:calc(100vh - 66px);background:linear-gradient(143.04deg,#70ebb0 13.42%,#40caca 84.3%);padding-top:20px;box-sizing:border-box}.other-city .city-list__container{background:#fff;border-radius:0 40px 0 0;height:calc(100vh - 86px);padding:24px 25px 0 25px;box-sizing:border-box}.other-city .article-title{display:flex;position:relative;height:36px;margin-bottom:26px}.other-city .article-title img{width:36px;height:36px}.other-city .article-title h3{text-align:left;margin-bottom:35px;font-size:20px;margin-right:auto;line-height:36px}.other-city .article-title .decoration-line{width:80px;height:20px;border-bottom:2px solid #81e1d5;position:absolute;right:0;top:-8%}.other-city .article-title .decoration-line:after{content:"";height:9px;border-right:2px solid #81e1d5;position:absolute;bottom:-1px;right:1.5px;transform:rotate(-20deg)}.other-city .article-content{padding-bottom:60px}.other-city .article-content .city-list__button{height:50px;width:100%;border-radius:16px;background:#2fc3b1;display:flex;padding:13px 17px;box-sizing:border-box}.other-city .article-content .city-list__button+.city-list__button{margin-top:12px}.other-city .article-content .city-list__button img{width:22px;height:24px}.other-city .article-content .city-list__button h4{color:#fff;font-weight:500;font-size:22px;margin-left:12px}@media screen and (min-width:768px){.other-city .article-content{display:flex;justify-content:center}.other-city .city-list{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:15px}.other-city .city-list__button{min-width:235px}.other-city .city-list .city-list__button+.city-list__button{margin-top:0}.other-city .city-list .city-list__button:hover{box-shadow:0 4px 10px rgba(19,23,20,.6);cursor:pointer}}@media screen and (min-width:1024px){.other-city .city-list{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:15px}.other-city .city-list__button{min-width:245px;max-width:350px}.other-city .city-list .city-list__button+.city-list__button{margin-top:0}}