input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

[v-cloak] {
  display: none !important;
}

.red {
  color: #F11F1F;
}

.blue {
  color: #019ddd;
}

.yellow {
  color: #F4854B;
}

.clearfix:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}

.dianzan_animate {
  animation: dianzanAnimate 4s;
}

@keyframes dianzanAnimate {
  0% {
    top: -20px;
    opacity: 1;
  }
  50% {
    top: -100px;
    opacity: 0;
  }
  100% {
    top: -100px;
    opacity: 0;
  }
}
._city_line_bottom {
  position: relative;
}

._city_line_bottom::before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid #e9e9e9;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}

._city_show {
  display: block !important;
}

._city_choose_box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 99999;
}

._city_mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  -webkit-transition: all 0.2s 20ms;
  transition: all 0.2s 20ms;
  opacity: 0;
}

._city_title {
  font-size: 16px;
  color: #333333;
  width: 100%;
  position: relative;
  text-align: center;
  height: 3.3333333333rem;
  line-height: 3.3333333333rem;
}
._city_title i {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaBAMAAABbZFH9AAAAMFBMVEUAAADNzc3R0dHNzc3MzMzOzs7Nzc3MzMzMzMzNzc3Nzc3Nzc3V1dXb29vNzc3MzMz86Bg8AAAAD3RSTlMA6isk4xW359O9raMMB8K32VuTAAAAiUlEQVQY003OPQqDQBCG4Y9AujTJBfLThTQhV9gLpLS3tvAQnkPwAt5EvIogWlis7vgOOLALwzPFq3Mun0+vbPyynO6F6hjYnnHZXkKjeEtfgIaHDJ0EQjtCIAT+jBxLI8cIgRDbTC2X4UBXC/LCF7UUUkshtRSCFIIQCIFtInBSlwisdGnk8/6vVb1SMGbx9GoAAAAASUVORK5CYII=") no-repeat center;
  width: 0.8666666667rem;
  height: 0.8666666667rem;
  background-size: 100%;
}

._city_content {
  width: 94%;
  max-width: 40rem;
  margin: 0 3%;
  height: 0;
  background: #fff;
  position: relative;
  margin: 0 auto;
  bottom: 0;
  border-radius: 10px;
  top: 30%;
  -webkit-transition: all 0.2s 20ms;
  transition: all 0.2s 20ms;
  overflow: hidden;
}

._city_change {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
._city_change span {
  font-size: 1rem;
  color: #666666;
  height: 2.8666666667rem;
  line-height: 2.8666666667rem;
}

._city_change_choose {
  width: 201%;
  height: 80%;
  transition: all 0.2s 20ms;
}
._city_change_choose ul {
  width: 50%;
  overflow-y: scroll;
  height: 100%;
  float: left;
}
._city_change_choose ul li {
  font-size: 0.9333333333rem;
  color: #333333;
  height: 2.6666666667rem;
  line-height: 2.6666666667rem;
  padding-left: 1.3333333333rem;
  position: relative;
}

._city_red {
  color: #F10215 !important;
  border-bottom: 0.1333333333rem solid #F10215 !important;
}

._city_clooseMask {
  opacity: 1;
}

._city_cloose {
  height: 0 !important;
}

._city_active {
  color: #F10215 !important;
}

._city_active::before {
  content: "";
  position: absolute;
  top: 1rem;
  right: 1.3333333333rem;
  width: 1.2rem;
  height: 0.8rem;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAYCAMAAAClZq98AAAAkFBMVEUAAADyAxb/UFDyAhXxAhXxAhbyAhXzAhb2Bxj1Chr7DRv/Fhv/JibxAhbyAhbyAhXyAxXyAxXyAxXzAhfxAxb0BBfyAhbyAhXyAxXyAxbyAxbyBBbyBBbyAhXzAhX0AxfzAxbxAxj0BRbzBhj/Dx/////yAhXxAhXxBBXyAxfyAxfyBBb2BRj1BRnyDRryAhWUH1itAAAAL3RSTlMAyAP78N/VaSIaEgsG9eznt6CZfF5D+OO9sayOi3RsWVBKLyoQAdnMhGViOzY0FFfaMKQAAADSSURBVCjPhdLXFoIwEEVRUQRFOvbeu57//ztn2UCISZ5yZ+2HSWZqpuOn9txk6iMIDWaXAFMDmohJdnqTiRnV9cYVM/T1ZiHG6ujNqgGOpzeXAJptvVnbELXeoRd3VaYVQbj5pCYcq6Yt5eD6jTGQlY3nQL+X544lavZJea2xLFa2B1Huz+CHQKnTuwOcC4MfS55XutwDi29MJWXKt+Q9TMVMlL8yELV6XmdiEpURFb3ffBIz/rccmxCCrueKiX3trMC0HLfBy2y1c/dSx7ZcVT8PcP0YiZ0sbBwAAAAASUVORK5CYII=") no-repeat center;
  background-size: 100%;
}