.area-select-content[data-v-2e9b1ec5] {
  border-radius: 6.4vw 6.4vw 0 0;
  background: #000;
  padding: 0 3.2vw 3.2vw;
}
.area-select-content .title[data-v-2e9b1ec5] {
  color: #FFF;
  text-align: center;
  font-family: "PingFang SC";
  font-size: 4.533333vw;
  font-style: normal;
  font-weight: 600;
  line-height: 14.311111vw;
}
.area-select-content .input[data-v-2e9b1ec5] {
  position: relative;
  margin: 2.666667vw 0 8vw;
}
.area-select-content .input img[data-v-2e9b1ec5] {
  height: 5.333333vw;
  position: absolute;
  left: 2.666667vw;
  top: 50%;
  transform: translateY(-50%);
}
.area-select-content .input input[data-v-2e9b1ec5] {
  height: 9.333333vw;
  border-radius: 4.711111vw;
  background: #111314;
  padding-left: 10.666667vw;
  width: 100%;
}
.area-select-content .input input[data-v-2e9b1ec5]::placeholder {
  color: #5B6366;
  font-family: "PingFang SC";
  font-size: 3.2vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.area-select-content .list[data-v-2e9b1ec5] {
  height: calc(100vh - 53.333333vw);
  height: calc(100svh - 53.333333vw);
  overflow: scroll;
}
.area-select-content .list li[data-v-2e9b1ec5] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 5.333333vw;
  margin-bottom: 8vw;
}
.area-select-content .list li .l[data-v-2e9b1ec5] {
  display: flex;
  align-items: center;
  gap: 2.133333vw;
}
.area-select-content .list li .l span[data-v-2e9b1ec5] {
  font-size: 7.111111vw;
}
.area-select-content .list li .l i[data-v-2e9b1ec5] {
  color: #FFF;
  font-family: "PingFang SC";
  font-size: 3.733333vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.area-select-content .list li .r[data-v-2e9b1ec5] {
  color: #8B9699;
  font-family: "PingFang SC";
  font-size: 3.733333vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.area-select-content.area-select-content-pc[data-v-2e9b1ec5] {
  max-width: 53.333333vw;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 2.133333vw 2.133333vw 0 0;
  padding: 0 1.066667vw 1.066667vw;
}
.area-select-content.area-select-content-pc .title[data-v-2e9b1ec5] {
  font-size: 2.4vw;
  line-height: 4.8vw;
}
.area-select-content.area-select-content-pc .input[data-v-2e9b1ec5] {
  margin: 0.888889vw 0 2.666667vw;
}
.area-select-content.area-select-content-pc .input img[data-v-2e9b1ec5] {
  height: 1.777778vw;
  left: 0.888889vw;
}
.area-select-content.area-select-content-pc .input input[data-v-2e9b1ec5] {
  height: 3.111111vw;
  border-radius: 1.6vw;
  padding-left: 3.555556vw;
}
.area-select-content.area-select-content-pc .input input[data-v-2e9b1ec5]::placeholder {
  font-size: 1.066667vw;
}
.area-select-content.area-select-content-pc .list[data-v-2e9b1ec5] {
  height: calc(100vh - 35.555556vw);
  height: calc(100svh - 35.555556vw);
}
.area-select-content.area-select-content-pc .list li[data-v-2e9b1ec5] {
  height: 1.777778vw;
  margin-bottom: 2.666667vw;
}
.area-select-content.area-select-content-pc .list li .l[data-v-2e9b1ec5] {
  gap: 0.711111vw;
}
.area-select-content.area-select-content-pc .list li .l span[data-v-2e9b1ec5] {
  font-size: 2.4vw;
}
.area-select-content.area-select-content-pc .list li .l i[data-v-2e9b1ec5] {
  font-size: 1.244444vw;
}
.area-select-content.area-select-content-pc .list li .r[data-v-2e9b1ec5] {
  font-size: 1.244444vw;
}
.area-select-overlay[data-v-2e9b1ec5] {
  background: rgba(16, 17, 18, 0.87);
}
@media (min-width: 768px) and (min-height: 0px) {
.area-select-content[data-v-2e9b1ec5] {
    border-radius: 72px 72px 0 0;
    padding: 0 36px 36px;
}
.area-select-content .title[data-v-2e9b1ec5] {
    font-size: 51px;
    font-weight: 600;
    line-height: 161px;
}
.area-select-content .input[data-v-2e9b1ec5] {
    margin: 30px 0 90px;
}
.area-select-content .input img[data-v-2e9b1ec5] {
    height: 60px;
    left: 30px;
}
.area-select-content .input input[data-v-2e9b1ec5] {
    height: 105px;
    border-radius: 53px;
    padding-left: 120px;
}
.area-select-content .input input[data-v-2e9b1ec5]::placeholder {
    font-size: 36px;
    font-weight: 400;
}
.area-select-content .list[data-v-2e9b1ec5] {
    height: calc(100svh - 600px);
}
.area-select-content .list li[data-v-2e9b1ec5] {
    height: 60px;
    margin-bottom: 90px;
}
.area-select-content .list li .l[data-v-2e9b1ec5] {
    gap: 24px;
}
.area-select-content .list li .l span[data-v-2e9b1ec5] {
    font-size: 80px;
}
.area-select-content .list li .l i[data-v-2e9b1ec5] {
    font-size: 42px;
    font-weight: 400;
}
.area-select-content .list li .r[data-v-2e9b1ec5] {
    font-size: 42px;
    font-weight: 400;
}
.area-select-content.area-select-content-pc[data-v-2e9b1ec5] {
    border-radius: 24px 24px 0 0;
    max-width: 600px;
    padding: 0 12px 12px;
}
.area-select-content.area-select-content-pc .title[data-v-2e9b1ec5] {
    font-size: 27px;
    line-height: 54px;
}
.area-select-content.area-select-content-pc .input[data-v-2e9b1ec5] {
    margin: 10px 0 30px;
}
.area-select-content.area-select-content-pc .input img[data-v-2e9b1ec5] {
    height: 20px;
    left: 10px;
}
.area-select-content.area-select-content-pc .input input[data-v-2e9b1ec5] {
    height: 35px;
    border-radius: 18px;
    padding-left: 40px;
}
.area-select-content.area-select-content-pc .input input[data-v-2e9b1ec5]::placeholder {
    font-size: 12px;
}
.area-select-content.area-select-content-pc .list[data-v-2e9b1ec5] {
    height: calc(100svh - 400px);
}
.area-select-content.area-select-content-pc .list li[data-v-2e9b1ec5] {
    height: 20px;
    margin-bottom: 30px;
}
.area-select-content.area-select-content-pc .list li .l[data-v-2e9b1ec5] {
    gap: 8px;
}
.area-select-content.area-select-content-pc .list li .l span[data-v-2e9b1ec5] {
    font-size: 27px;
}
.area-select-content.area-select-content-pc .list li .l i[data-v-2e9b1ec5] {
    font-size: 14px;
}
.area-select-content.area-select-content-pc .list li .r[data-v-2e9b1ec5] {
    font-size: 14px;
}
}