.di-city-link{color:#0084c9;text-decoration:none;}
.di-city-link:hover{text-decoration:underline;}
#di-city-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.35);z-index:100001;}
#di-city-overlay.on{display:block;}
#di-city-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;max-width:94%;max-height:400px;background:#fff;z-index:100002;box-shadow:0 6px 30px rgba(0,0,0,.25);display:flex;flex-direction:column;}
#di-city-modal .dcm-head{padding:18px 30px 8px;font-family:'PT Sans',Arial,sans-serif;font-size:16px;font-weight:700;color:#444;border-bottom:1px dotted #ccc;}
#di-city-modal .dcm-close{position:absolute;top:14px;right:22px;font-size:22px;line-height:1;color:#999;cursor:pointer;background:none;border:0;}
#di-city-modal .dcm-close:hover{color:#333;}
#di-city-modal .dcm-search-wrap{padding:16px 30px 6px;}
#di-city-modal .dcm-search{width:100%;box-sizing:border-box;padding:10px 14px;border:1px solid #ccc;font-size:15px;font-family:'PT Sans',Arial,sans-serif;color:#555;}
#di-city-modal .dcm-search:focus{outline:none;border-color:#0084c9;}
#di-city-modal .dcm-body{padding:10px 30px 24px;overflow-y:auto;flex:1;}
#di-city-cols{columns:3;column-gap:34px;}
@media(max-width:760px){#di-city-cols{columns:1;}#di-city-modal{width:96%;}}
.dcm-city{display:block;padding:5px 0;margin-bottom:6px;font-family:'PT Sans',Arial,sans-serif;color:#3b3b3b;text-decoration:none;font-size:15px;font-weight:700;line-height:1.1;break-inside:avoid;}
.dcm-city small{display:block;color:#9aa0a6;font-size:12.5px;font-weight:400;line-height:1.3;}
.dcm-city:hover{color:#006ba3;}