.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: 1rem 0.6rem 0.6rem 0.6rem !important;
  color: #fff;
  box-sizing: border-box;
  font-size: 0.65rem !important; }
  .city-select-mask.mask .city-select .name {
    font-size: 1.2rem !important; }
  .city-select-mask.mask .city-select .left, .city-select-mask.mask .city-select .right {
    width: 50% !important;
    vertical-align: top;
    font-size: 0.65rem !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 0.05rem !important; }
      .city-select-mask.mask .city-select .left li em, .city-select-mask.mask .city-select .right li em {
        line-height: 1.2rem !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: 1.2rem !important;
        margin-right: 0.25rem !important;
        white-space: nowrap; }
  .city-select-mask.mask .city-select .close {
    width: 1.2rem; }
    .city-select-mask.mask .city-select .close > img {
      width: 100%; }
  .city-select-mask.mask .city-select .more {
    font-size: 0.65rem; }

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

body .easemobim-mobile.easemobim-chat-panel {
  width: 100%;
  height: 100%;
  /*  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 */