s{position:absolute;top:1px;right:0;width:32px;height:32px;background:url("img/arrow.png") no-repeat;}
._citys { width: 450px; display: inline-block; border: 2px solid #eee; padding: 5px; position: relative; background-color: #fff; }
._citys span { display: flex; align-items: center; justify-content: center; color: var(--blue); height: 15px; width: 15px; line-height: 15px; text-align: center; border-radius: 3px; position: absolute; right: 10px; top: 10px; border: 1px solid var(--blue); cursor: pointer; }
._citys0 { width: 95%; height: 34px; line-height: 34px; display: inline-block; border-bottom: 2px solid var(--blue); padding: 0px 5px; font-size:14px; font-weight:bold; margin-left:6px; }
._citys0 li { display: inline-block; line-height: 34px; font-size: 15px; color: #888; width: 80px; text-align: center; cursor: pointer; }
._citys1 { width: 100%; display: inline-block; padding: 10px 0;
  display: grid; grid-gap: 10px; grid-template-columns: repeat(4,1fr);}
._citys1 a {  height: 35px; display: inline-block; background-color: #f5f5f5; color: #666;   line-height: 35px; text-align: center; cursor: pointer; font-size: 12px; border-radius: 5px; overflow: hidden; }
._citys1 a:hover { color: #fff; background-color: var(--blue); }
.AreaS { background-color: var(--blue)  !important; color: #fff !important; }


@media screen and (max-width:750px) {
    
    ._citys{ width: 100%;}
   

._citys1{ max-height: 30vh; overflow-y: scroll; }
._citys1::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  width: 2px;}
._citys1::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 3px; background: var(--blue); width: 2px; }
._citys1::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: #f2f5f9; width: 2px; }
}