.area-index-list.area-city-directory{width:min(100%,var(--container));margin:auto;padding:76px 60px;border:0;border-radius:0;background:transparent}
.area-city-directory .area-directory-head{display:flex;margin-bottom:24px}
.area-city-directory .area-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.area-city-directory .area-index-grid>a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 18px;padding:15px 16px;border:1px solid #dfe7f0;border-radius:12px;color:#17314c;background:#fff;text-decoration:none}
.area-city-directory .area-index-grid b{color:#102b4b;font-size:16px;font-weight:600}
.area-city-directory .area-index-grid>a>span{color:#566c82;font-size:12px;line-height:1.45}
.area-city-directory .area-index-grid small{grid-column:2;grid-row:1/3;align-self:center;padding:6px 9px;border:1px solid #cfe0ef;border-radius:7px;color:#17649b;background:#f2f8fd;font-size:12px;font-weight:550}
.area-city-directory .area-bank-card{min-height:0;border-left:3px solid #ff7a00;box-shadow:none;transform:none}
.area-city-directory .area-bank-card-left{border-left-color:#1986c8}
.area-city-directory .area-bank-card:before{display:none}
@media(max-width:760px){.area-index-list.area-city-directory{width:100%;padding:62px 18px}.area-city-directory .area-directory-head{display:flex}.area-city-directory .area-index-grid{grid-template-columns:1fr}.area-city-directory .area-index-grid>a{padding:14px}.area-city-directory .area-index-grid small{font-size:11px}}