.city-select-mask.mask .city-select {
  left: 5% !important;
  right: 5% !important;
  margin-left: 0 !important;
  width: 90% !important;
  top: 10% !important;
  z-index: 201;
  padding: 50px 25px 25px 25px !important;
  color: #fff;
  box-sizing: border-box; }
  .city-select-mask.mask .city-select .name {
    font-size: 50px !important; }
  .city-select-mask.mask .city-select .left, .city-select-mask.mask .city-select .right {
    width: 50% !important;
    vertical-align: top;
    font-size: 24px !important;
    float: none;
    top: 0 !important; }
    .city-select-mask.mask .city-select .left li, .city-select-mask.mask .city-select .right li {
      line-height: 2rem !important;
      padding: 0 5px !important; }
      .city-select-mask.mask .city-select .left li em, .city-select-mask.mask .city-select .right li em {
        line-height: 50px !important; }
      .city-select-mask.mask .city-select .left li > ul > li, .city-select-mask.mask .city-select .right li > ul > li {
        padding: 0 !important;
        line-height: 50px !important;
        margin-right: 10px !important;
        white-space: nowrap; }
  .city-select-mask.mask .city-select .close {
    width: 50px; }
    .city-select-mask.mask .city-select .close > img {
      width: 100%; }
  .city-select-mask.mask .city-select .more {
    font-size: 24px; }

.mask .city-select {
  opacity: 1 !important; }

body .easemobim-mobile.easemobim-chat-panel {
  width: 50% !important;
  height: 50% !important;
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  -webkit-transform: scale(2);
  transform: scale(2);
  -webkit-transform-origin: 0 0; }

/*# sourceMappingURL=city-select.css.map */