@charset "UTF-8";
.page-main {
  width: 100%;
  max-width: 38.25rem;
  margin: 0 auto;
}
.slide-leave-active,
.slide-enter-active {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.slide-enter,
.slide-leave-to {
  max-height: 0;
  opacity: 0;
}
.slide-enter-to,
.slide-leave {
  max-height: 3.13rem;
  opacity: 1;
}
.swiper-pagination-bullet {
  width: 0.63rem;
  height: 0.63rem;
  margin: 0 0.5rem !important;
}
@media screen and (max-width: 1024px) {
.page-main {
    width: 88%;
}
.swiper-pagination-bullet {
    width: 9px;
    height: 9px;
    margin: 0 0.5rem 0 0 !important;
}
.swiper-pagination-bullet:nth-last-child(1) {
    margin-right: 0 !important;
}
}
/* 超出一行省略号显示 */
/* 超出${line}行省略号显示 */
/* 美化占位符 placeholder 样式 */
/* 隐藏滚动条 */
.form-item-country-wrapper {
  width: 100%;
  margin-bottom: 1rem;
}
.form-item-country-wrapper .form-item-input-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  color: #01194d;
  background-color: #fff;
}
.form-item-country-wrapper .form-item-input-wrapper .area-code-wrapper {
  box-sizing: border-box;
  width: 100%;
  line-height: 0.75rem;
  border-radius: 5px;
  font-family: Open Sans, sans-serif;
  font-size: 0.56rem;
  font-style: normal;
  font-weight: 400;
}
.form-item-country-wrapper .form-item-input-wrapper .area-code-wrapper .area-code-input-wrapper {
  position: relative;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 11px 0.5rem;
  margin-right: 1rem;
  cursor: default;
  border: 2px solid #bec7cc;
  border-radius: 5px;
}
.form-item-country-wrapper .form-item-input-wrapper .area-code-wrapper .area-code-input-wrapper img {
  width: 10px;
  margin: -5px 0 0 10px;
}
.form-item-country-wrapper .form-item-input-wrapper .error-msg {
  font-family: Open Sans, sans-serif;
  font-size: 0.5rem;
  font-style: normal;
  font-weight: 400;
  color: #c22;
}
.form-item-country-wrapper .form-item-input-wrapper .form-item-label {
  font-family: Open Sans, sans-serif;
  font-size: 0.56rem;
  font-style: normal;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 0.5rem;
  line-height: 0.78rem;
  color: #031d40;
}
.form-item-country-wrapper .area-code-popover {
  position: absolute;
  top: calc(100% + 0.47rem);
  left: 0;
  z-index: 9999;
  box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0.75rem 10px 0.56rem 0.75rem;
  line-height: 0.63rem;
  background: #fff;
  border: 2px solid #cad1d6;
  border-radius: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 0.53rem;
  font-style: normal;
  font-weight: 500;
}
.form-item-country-wrapper .area-code-popover .search-input-wrapper {
  position: relative;
  box-sizing: border-box;
  padding: 12px 1.75rem 12px 0.59rem;
  margin-right: 0.44rem;
  margin-bottom: 12px;
  border: 1px solid #bec7cc;
  border-radius: 8px;
}
.form-item-country-wrapper .area-code-popover .search-input-wrapper .search-input {
  width: 100%;
}
.form-item-country-wrapper .area-code-popover .search-input-wrapper .icon-search {
  position: absolute;
  top: 50%;
  right: 0.63rem;
  width: 0.5rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.form-item-country-wrapper .area-code-popover .area-code-list-wrapper {
  height: 7.56rem;
  overflow: auto;
  scroll-behavior: smooth;
}
.form-item-country-wrapper .area-code-popover .area-code-list-wrapper::-webkit-scrollbar {
  width: 0.47rem;
}
.form-item-country-wrapper .area-code-popover .area-code-list-wrapper::-webkit-scrollbar-thumb {
  height: auto;
  min-height: auto;
  background: #c29d5c;
  border-radius: 0.94rem;
}
.form-item-country-wrapper .area-code-popover .area-code-list-wrapper::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 0.94rem;
}
.form-item-country-wrapper .area-code-popover .area-code-list-wrapper .area-code-list .area-code-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 0.47rem;
  line-height: 0.63rem;
  cursor: pointer;
  font-family: Open Sans, sans-serif;
  font-size: 0.53rem;
  font-style: normal;
  font-weight: 500;
}
.form-item-country-wrapper .area-code-popover .area-code-list-wrapper .area-code-list .area-code-item:hover {
  color: #163049;
  background: #eaeef0;
  border-radius: 8px;
}
.form-item-country-wrapper .area-code-popover .area-code-list-wrapper .area-code-list .search-no-results {
  font-family: Open Sans, sans-serif;
  font-size: 0.56rem;
  font-style: normal;
  font-weight: 700;
  padding-top: 10px;
  line-height: 0.63rem;
  color: #54606c;
  text-align: center;
}
.form-item-country-wrapper .area-code-popover.fade-enter-active,
.form-item-country-wrapper .area-code-popover.fade-leave-active {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.form-item-country-wrapper .area-code-popover.fade-enter,
.form-item-country-wrapper .area-code-popover.fade-leave-to {
  opacity: 0;
}

/* area-code-flag -- start */
.area-code-flag {
  display: inline-block;
  width: 0.63rem;
  margin-right: 0.44rem;
}
.area-code-flag.be {
  width: 0.56rem;
}
.area-code-flag.ch {
  width: 0.47rem;
}
.area-code-flag.mc {
  width: 0.59rem;
}
.area-code-flag.ne {
  width: 0.56rem;
}
.area-code-flag.np {
  width: 13px;
}
.area-code-flag.va {
  width: 0.47rem;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.area-code-flag {
    background-size: 175.94rem 0.47rem;
}
}
.area-code-flag.ac {
  height: 10px;
  background-position: 0 0;
}
.area-code-flag.ad {
  height: 0.44rem;
  background-position: -0.69rem 0;
}
.area-code-flag.ae {
  height: 10px;
  background-position: -1.38rem 0;
}
.area-code-flag.af {
  height: 0.44rem;
  background-position: -2.06rem 0;
}
.area-code-flag.ag {
  height: 0.44rem;
  background-position: -2.75rem 0;
}
.area-code-flag.ai {
  height: 10px;
  background-position: -3.44rem 0;
}
.area-code-flag.al {
  height: 0.47rem;
  background-position: -4.13rem 0;
}
.area-code-flag.am {
  height: 10px;
  background-position: -4.81rem 0;
}
.area-code-flag.ao {
  height: 0.44rem;
  background-position: -5.5rem 0;
}
.area-code-flag.aq {
  height: 0.44rem;
  background-position: -6.19rem 0;
}
.area-code-flag.ar {
  height: 13px;
  background-position: -6.88rem 0;
}
.area-code-flag.as {
  height: 10px;
  background-position: -7.56rem 0;
}
.area-code-flag.at {
  height: 0.44rem;
  background-position: -8.25rem 0;
}
.area-code-flag.au {
  height: 10px;
  background-position: -8.94rem 0;
}
.area-code-flag.aw {
  height: 0.44rem;
  background-position: -9.63rem 0;
}
.area-code-flag.ax {
  height: 13px;
  background-position: -10.31rem 0;
}
.area-code-flag.az {
  height: 10px;
  background-position: -11rem 0;
}
.area-code-flag.ba {
  height: 10px;
  background-position: -11.69rem 0;
}
.area-code-flag.bb {
  height: 0.44rem;
  background-position: -12.38rem 0;
}
.area-code-flag.bd {
  height: 12px;
  background-position: -13.06rem 0;
}
.area-code-flag.be {
  height: 0.47rem;
  background-position: -13.75rem 0;
}
.area-code-flag.bf {
  height: 0.44rem;
  background-position: -14.38rem 0;
}
.area-code-flag.bg {
  height: 12px;
  background-position: -15.06rem 0;
}
.area-code-flag.bh {
  height: 12px;
  background-position: -15.75rem 0;
}
.area-code-flag.bi {
  height: 12px;
  background-position: -16.44rem 0;
}
.area-code-flag.bj {
  height: 0.44rem;
  background-position: -17.13rem 0;
}
.area-code-flag.bl {
  height: 0.44rem;
  background-position: -17.81rem 0;
}
.area-code-flag.bm {
  height: 10px;
  background-position: -18.5rem 0;
}
.area-code-flag.bn {
  height: 10px;
  background-position: -19.19rem 0;
}
.area-code-flag.bo {
  height: 0.44rem;
  background-position: -19.88rem 0;
}
.area-code-flag.bq {
  height: 0.44rem;
  background-position: -20.56rem 0;
}
.area-code-flag.br {
  height: 0.44rem;
  background-position: -21.25rem 0;
}
.area-code-flag.bs {
  height: 10px;
  background-position: -21.94rem 0;
}
.area-code-flag.bt {
  height: 0.44rem;
  background-position: -22.63rem 0;
}
.area-code-flag.bv {
  height: 0.47rem;
  background-position: -23.31rem 0;
}
.area-code-flag.bw {
  height: 0.44rem;
  background-position: -24rem 0;
}
.area-code-flag.by {
  height: 10px;
  background-position: -24.69rem 0;
}
.area-code-flag.bz {
  height: 0.44rem;
  background-position: -25.38rem 0;
}
.area-code-flag.ca {
  height: 10px;
  background-position: -26.06rem 0;
}
.area-code-flag.cc {
  height: 10px;
  background-position: -26.75rem 0;
}
.area-code-flag.cd {
  height: 0.47rem;
  background-position: -27.44rem 0;
}
.area-code-flag.cf {
  height: 0.44rem;
  background-position: -28.13rem 0;
}
.area-code-flag.cg {
  height: 0.44rem;
  background-position: -28.81rem 0;
}
.area-code-flag.ch {
  height: 0.47rem;
  background-position: -29.5rem 0;
}
.area-code-flag.ci {
  height: 0.44rem;
  background-position: -30.03rem 0;
}
.area-code-flag.ck {
  height: 10px;
  background-position: -30.72rem 0;
}
.area-code-flag.cl {
  height: 0.44rem;
  background-position: -31.41rem 0;
}
.area-code-flag.cm {
  height: 0.44rem;
  background-position: -32.09rem 0;
}
.area-code-flag.cn {
  height: 0.44rem;
  background-position: -32.78rem 0;
}
.area-code-flag.co {
  height: 0.44rem;
  background-position: -33.47rem 0;
}
.area-code-flag.cp {
  height: 0.44rem;
  background-position: -34.16rem 0;
}
.area-code-flag.cr {
  height: 12px;
  background-position: -34.84rem 0;
}
.area-code-flag.cu {
  height: 10px;
  background-position: -35.53rem 0;
}
.area-code-flag.cv {
  height: 12px;
  background-position: -36.22rem 0;
}
.area-code-flag.cw {
  height: 0.44rem;
  background-position: -36.91rem 0;
}
.area-code-flag.cx {
  height: 10px;
  background-position: -37.59rem 0;
}
.area-code-flag.cy {
  height: 13px;
  background-position: -38.28rem 0;
}
.area-code-flag.cz {
  height: 0.44rem;
  background-position: -38.97rem 0;
}
.area-code-flag.de {
  height: 12px;
  background-position: -39.66rem 0;
}
.area-code-flag.dg {
  height: 10px;
  background-position: -40.34rem 0;
}
.area-code-flag.dj {
  height: 0.44rem;
  background-position: -41.03rem 0;
}
.area-code-flag.dk {
  height: 0.47rem;
  background-position: -41.72rem 0;
}
.area-code-flag.dm {
  height: 10px;
  background-position: -42.41rem 0;
}
.area-code-flag.do {
  height: 13px;
  background-position: -43.09rem 0;
}
.area-code-flag.dz {
  height: 0.44rem;
  background-position: -43.78rem 0;
}
.area-code-flag.ea {
  height: 0.44rem;
  background-position: -44.47rem 0;
}
.area-code-flag.ec {
  height: 0.44rem;
  background-position: -45.16rem 0;
}
.area-code-flag.ee {
  height: 13px;
  background-position: -45.84rem 0;
}
.area-code-flag.eg {
  height: 0.44rem;
  background-position: -46.53rem 0;
}
.area-code-flag.eh {
  height: 10px;
  background-position: -47.22rem 0;
}
.area-code-flag.er {
  height: 10px;
  background-position: -47.91rem 0;
}
.area-code-flag.es {
  height: 0.44rem;
  background-position: -48.59rem 0;
}
.area-code-flag.et {
  height: 10px;
  background-position: -49.28rem 0;
}
.area-code-flag.eu {
  height: 0.44rem;
  background-position: -49.97rem 0;
}
.area-code-flag.fi {
  height: 12px;
  background-position: -50.66rem 0;
}
.area-code-flag.fj {
  height: 10px;
  background-position: -51.34rem 0;
}
.area-code-flag.fk {
  height: 10px;
  background-position: -52.03rem 0;
}
.area-code-flag.fm {
  height: 11px;
  background-position: -52.72rem 0;
}
.area-code-flag.fo {
  height: 0.47rem;
  background-position: -53.41rem 0;
}
.area-code-flag.fr {
  float: none;
  height: 0.44rem;
  background-position: -54.09rem 0;
}
.area-code-flag.ga {
  height: 0.47rem;
  background-position: -54.78rem 0;
}
.area-code-flag.gb {
  height: 10px;
  background-position: -55.47rem 0;
}
.area-code-flag.gd {
  height: 12px;
  background-position: -56.16rem 0;
}
.area-code-flag.ge {
  height: 0.44rem;
  background-position: -56.84rem 0;
}
.area-code-flag.gf {
  height: 0.44rem;
  background-position: -57.53rem 0;
}
.area-code-flag.gg {
  height: 0.44rem;
  background-position: -58.22rem 0;
}
.area-code-flag.gh {
  height: 0.44rem;
  background-position: -58.91rem 0;
}
.area-code-flag.gi {
  height: 10px;
  background-position: -59.59rem 0;
}
.area-code-flag.gl {
  height: 0.44rem;
  background-position: -60.28rem 0;
}
.area-code-flag.gm {
  height: 0.44rem;
  background-position: -60.97rem 0;
}
.area-code-flag.gn {
  height: 0.44rem;
  background-position: -61.66rem 0;
}
.area-code-flag.gp {
  height: 0.44rem;
  background-position: -62.34rem 0;
}
.area-code-flag.gq {
  height: 0.44rem;
  background-position: -63.03rem 0;
}
.area-code-flag.gr {
  height: 0.44rem;
  background-position: -63.72rem 0;
}
.area-code-flag.gs {
  height: 10px;
  background-position: -64.41rem 0;
}
.area-code-flag.gt {
  height: 13px;
  background-position: -65.09rem 0;
}
.area-code-flag.gu {
  height: 11px;
  background-position: -65.78rem 0;
}
.area-code-flag.gw {
  height: 10px;
  background-position: -66.47rem 0;
}
.area-code-flag.gy {
  height: 12px;
  background-position: -67.16rem 0;
}
.area-code-flag.hk {
  height: 0.44rem;
  background-position: -67.84rem 0;
}
.area-code-flag.hm {
  height: 10px;
  background-position: -68.53rem 0;
}
.area-code-flag.hn {
  height: 10px;
  background-position: -69.22rem 0;
}
.area-code-flag.hr {
  height: 10px;
  margin: 0 8px 0 0;
  background-position: -69.91rem 0;
}
.area-code-flag.ht {
  height: 12px;
  background-position: -70.59rem 0;
}
.area-code-flag.hu {
  height: 10px;
  background-position: -71.28rem 0;
}
.area-code-flag.ic {
  height: 0.44rem;
  background-position: -71.97rem 0;
}
.area-code-flag.id {
  height: 0.44rem;
  background-position: -72.66rem 0;
}
.area-code-flag.ie {
  height: 10px;
  background-position: -73.34rem 0;
}
.area-code-flag.il {
  height: 0.47rem;
  background-position: -74.03rem 0;
}
.area-code-flag.im {
  height: 10px;
  background-position: -74.72rem 0;
}
.area-code-flag.in {
  height: 0.44rem;
  background-position: -75.41rem 0;
}
.area-code-flag.io {
  height: 10px;
  background-position: -76.09rem 0;
}
.area-code-flag.iq {
  height: 0.44rem;
  background-position: -76.78rem 0;
}
.area-code-flag.ir {
  height: 12px;
  background-position: -77.47rem 0;
}
.area-code-flag.is {
  height: 0.47rem;
  background-position: -78.16rem 0;
}
.area-code-flag.it {
  height: 0.44rem;
  background-position: -78.84rem 0;
}
.area-code-flag.je {
  height: 12px;
  background-position: -79.53rem 0;
}
.area-code-flag.jm {
  height: 10px;
  background-position: -80.22rem 0;
}
.area-code-flag.jo {
  height: 10px;
  background-position: -80.91rem 0;
}
.area-code-flag.jp {
  height: 0.44rem;
  background-position: -81.59rem 0;
}
.area-code-flag.ke {
  height: 0.44rem;
  background-position: -82.28rem 0;
}
.area-code-flag.kg {
  height: 12px;
  background-position: -82.97rem 0;
}
.area-code-flag.kh {
  height: 13px;
  background-position: -83.66rem 0;
}
.area-code-flag.ki {
  height: 10px;
  background-position: -84.34rem 0;
}
.area-code-flag.km {
  height: 12px;
  background-position: -85.03rem 0;
}
.area-code-flag.kn {
  height: 0.44rem;
  background-position: -85.72rem 0;
}
.area-code-flag.kp {
  height: 10px;
  background-position: -86.41rem 0;
}
.area-code-flag.kr {
  height: 0.44rem;
  background-position: -87.09rem 0;
}
.area-code-flag.kw {
  height: 10px;
  background-position: -87.78rem 0;
}
.area-code-flag.ky {
  height: 10px;
  background-position: -88.47rem 0;
}
.area-code-flag.kz {
  height: 10px;
  background-position: -89.16rem 0;
}
.area-code-flag.la {
  height: 0.44rem;
  background-position: -89.84rem 0;
}
.area-code-flag.lb {
  height: 0.44rem;
  background-position: -90.53rem 0;
}
.area-code-flag.lc {
  height: 10px;
  background-position: -91.22rem 0;
}
.area-code-flag.li {
  height: 12px;
  background-position: -91.91rem 0;
}
.area-code-flag.lk {
  height: 10px;
  background-position: -92.59rem 0;
}
.area-code-flag.lr {
  height: 11px;
  background-position: -93.28rem 0;
}
.area-code-flag.ls {
  height: 0.44rem;
  background-position: -93.97rem 0;
}
.area-code-flag.lt {
  height: 12px;
  background-position: -94.66rem 0;
}
.area-code-flag.lu {
  height: 12px;
  background-position: -95.34rem 0;
}
.area-code-flag.lv {
  height: 10px;
  background-position: -96.03rem 0;
}
.area-code-flag.ly {
  height: 10px;
  background-position: -96.72rem 0;
}
.area-code-flag.ma {
  height: 0.44rem;
  background-position: -97.41rem 0;
}
.area-code-flag.mc {
  height: 0.47rem;
  background-position: -98.09rem 0;
}
.area-code-flag.md {
  height: 10px;
  background-position: -98.75rem 0;
}
.area-code-flag.me {
  height: 10px;
  background-position: -99.44rem 0;
}
.area-code-flag.mf {
  height: 0.44rem;
  background-position: -100.13rem 0;
}
.area-code-flag.mg {
  height: 0.44rem;
  background-position: -100.81rem 0;
}
.area-code-flag.mh {
  height: 11px;
  background-position: -101.5rem 0;
}
.area-code-flag.mk {
  height: 10px;
  background-position: -102.19rem 0;
}
.area-code-flag.ml {
  height: 0.44rem;
  background-position: -102.88rem 0;
}
.area-code-flag.mm {
  height: 0.44rem;
  background-position: -103.56rem 0;
}
.area-code-flag.mn {
  height: 10px;
  background-position: -104.25rem 0;
}
.area-code-flag.mo {
  height: 0.44rem;
  background-position: -104.94rem 0;
}
.area-code-flag.mp {
  height: 10px;
  background-position: -105.63rem 0;
}
.area-code-flag.mq {
  height: 0.44rem;
  background-position: -106.31rem 0;
}
.area-code-flag.mr {
  height: 0.44rem;
  background-position: -107rem 0;
}
.area-code-flag.ms {
  height: 10px;
  background-position: -107.69rem 0;
}
.area-code-flag.mt {
  height: 0.44rem;
  background-position: -108.38rem 0;
}
.area-code-flag.mu {
  height: 0.44rem;
  background-position: -109.06rem 0;
}
.area-code-flag.mv {
  height: 0.44rem;
  background-position: -109.75rem 0;
}
.area-code-flag.mw {
  height: 0.44rem;
  background-position: -110.44rem 0;
}
.area-code-flag.mx {
  height: 12px;
  background-position: -111.13rem 0;
}
.area-code-flag.my {
  height: 10px;
  background-position: -111.81rem 0;
}
.area-code-flag.mz {
  height: 0.44rem;
  background-position: -112.5rem 0;
}
.area-code-flag.na {
  height: 0.44rem;
  background-position: -113.19rem 0;
}
.area-code-flag.nc {
  height: 10px;
  background-position: -113.88rem 0;
}
.area-code-flag.ne {
  height: 0.47rem;
  background-position: -114.56rem 0;
}
.area-code-flag.nf {
  height: 10px;
  background-position: -115.19rem 0;
}
.area-code-flag.ng {
  height: 10px;
  background-position: -115.88rem 0;
}
.area-code-flag.ni {
  height: 12px;
  background-position: -116.56rem 0;
}
.area-code-flag.nl {
  height: 0.44rem;
  background-position: -117.25rem 0;
}
.area-code-flag.no {
  height: 0.47rem;
  background-position: -117.94rem 0;
}
.area-code-flag.np {
  height: 0.47rem;
  background-position: -118.63rem 0;
}
.area-code-flag.nr {
  height: 10px;
  background-position: -119.09rem 0;
}
.area-code-flag.nu {
  height: 10px;
  background-position: -119.78rem 0;
}
.area-code-flag.nz {
  height: 10px;
  background-position: -120.47rem 0;
}
.area-code-flag.om {
  height: 10px;
  background-position: -121.16rem 0;
}
.area-code-flag.pa {
  height: 0.44rem;
  background-position: -121.84rem 0;
}
.area-code-flag.pe {
  height: 0.44rem;
  background-position: -122.53rem 0;
}
.area-code-flag.pf {
  height: 0.44rem;
  background-position: -123.22rem 0;
}
.area-code-flag.pg {
  height: 0.47rem;
  background-position: -123.91rem 0;
}
.area-code-flag.ph {
  height: 10px;
  background-position: -124.59rem 0;
}
.area-code-flag.pk {
  height: 0.44rem;
  background-position: -125.28rem 0;
}
.area-code-flag.pl {
  height: 13px;
  background-position: -125.97rem 0;
}
.area-code-flag.pm {
  height: 0.44rem;
  background-position: -126.66rem 0;
}
.area-code-flag.pn {
  height: 10px;
  background-position: -127.34rem 0;
}
.area-code-flag.pr {
  height: 0.44rem;
  background-position: -128.03rem 0;
}
.area-code-flag.ps {
  height: 10px;
  background-position: -128.72rem 0;
}
.area-code-flag.pt {
  height: 0.44rem;
  background-position: -129.41rem 0;
}
.area-code-flag.pw {
  height: 13px;
  background-position: -130.09rem 0;
}
.area-code-flag.py {
  height: 11px;
  background-position: -130.78rem 0;
}
.area-code-flag.qa {
  height: 8px;
  background-position: -131.47rem 0;
}
.area-code-flag.re {
  height: 0.44rem;
  background-position: -132.16rem 0;
}
.area-code-flag.ro {
  height: 0.44rem;
  background-position: -132.84rem 0;
}
.area-code-flag.rs {
  height: 0.44rem;
  background-position: -133.53rem 0;
}
.area-code-flag.ru {
  height: 0.44rem;
  background-position: -134.22rem 0;
}
.area-code-flag.rw {
  height: 0.44rem;
  background-position: -134.91rem 0;
}
.area-code-flag.sa {
  height: 0.44rem;
  background-position: -135.59rem 0;
}
.area-code-flag.sb {
  height: 10px;
  background-position: -136.28rem 0;
}
.area-code-flag.sc {
  height: 10px;
  background-position: -136.97rem 0;
}
.area-code-flag.sd {
  height: 10px;
  background-position: -137.66rem 0;
}
.area-code-flag.se {
  height: 13px;
  background-position: -138.34rem 0;
}
.area-code-flag.sg {
  height: 0.44rem;
  background-position: -139.03rem 0;
}
.area-code-flag.sh {
  height: 10px;
  background-position: -139.72rem 0;
}
.area-code-flag.si {
  height: 10px;
  background-position: -140.41rem 0;
}
.area-code-flag.sj {
  height: 0.47rem;
  background-position: -141.09rem 0;
}
.area-code-flag.sk {
  height: 0.44rem;
  background-position: -141.78rem 0;
}
.area-code-flag.sl {
  height: 0.44rem;
  background-position: -142.47rem 0;
}
.area-code-flag.sm {
  height: 0.47rem;
  background-position: -143.16rem 0;
}
.area-code-flag.sn {
  height: 0.44rem;
  background-position: -143.84rem 0;
}
.area-code-flag.so {
  height: 0.44rem;
  background-position: -144.53rem 0;
}
.area-code-flag.sr {
  height: 0.44rem;
  background-position: -145.22rem 0;
}
.area-code-flag.ss {
  height: 10px;
  background-position: -145.91rem 0;
}
.area-code-flag.st {
  height: 10px;
  background-position: -146.59rem 0;
}
.area-code-flag.sv {
  height: 12px;
  background-position: -147.28rem 0;
}
.area-code-flag.sx {
  height: 0.44rem;
  background-position: -147.97rem 0;
}
.area-code-flag.sy {
  height: 0.44rem;
  background-position: -148.66rem 0;
}
.area-code-flag.sz {
  height: 0.44rem;
  background-position: -149.34rem 0;
}
.area-code-flag.ta {
  height: 10px;
  background-position: -150.03rem 0;
}
.area-code-flag.tc {
  height: 10px;
  background-position: -150.72rem 0;
}
.area-code-flag.td {
  height: 0.44rem;
  background-position: -151.41rem 0;
}
.area-code-flag.tf {
  height: 0.44rem;
  background-position: -152.09rem 0;
}
.area-code-flag.tg {
  height: 13px;
  background-position: -152.78rem 0;
}
.area-code-flag.th {
  height: 0.44rem;
  background-position: -153.47rem 0;
}
.area-code-flag.tj {
  height: 10px;
  background-position: -154.16rem 0;
}
.area-code-flag.tk {
  height: 10px;
  background-position: -154.84rem 0;
}
.area-code-flag.tl {
  height: 10px;
  background-position: -155.53rem 0;
}
.area-code-flag.tm {
  height: 0.44rem;
  background-position: -156.22rem 0;
}
.area-code-flag.tn {
  height: 0.44rem;
  background-position: -156.91rem 0;
}
.area-code-flag.to {
  height: 10px;
  background-position: -157.59rem 0;
}
.area-code-flag.tr {
  height: 0.44rem;
  background-position: -158.28rem 0;
}
.area-code-flag.tt {
  height: 12px;
  background-position: -158.97rem 0;
}
.area-code-flag.tv {
  height: 10px;
  background-position: -159.66rem 0;
}
.area-code-flag.tw {
  height: 0.44rem;
  background-position: -160.34rem 0;
}
.area-code-flag.tz {
  height: 0.44rem;
  background-position: -161.03rem 0;
}
.area-code-flag.ua {
  height: 0.44rem;
  background-position: -161.72rem 0;
}
.area-code-flag.ug {
  height: 0.44rem;
  background-position: -162.41rem 0;
}
.area-code-flag.um {
  height: 11px;
  background-position: -163.09rem 0;
}
.area-code-flag.us {
  height: 11px;
  background-position: -163.78rem 0;
}
.area-code-flag.uy {
  height: 0.44rem;
  background-position: -164.47rem 0;
}
.area-code-flag.uz {
  height: 10px;
  background-position: -165.16rem 0;
}
.area-code-flag.va {
  height: 0.47rem;
  background-position: -165.84rem 0;
}
.area-code-flag.vc {
  height: 0.44rem;
  background-position: -166.38rem 0;
}
.area-code-flag.ve {
  height: 0.44rem;
  background-position: -167.06rem 0;
}
.area-code-flag.vg {
  height: 10px;
  background-position: -167.75rem 0;
}
.area-code-flag.vi {
  height: 0.44rem;
  background-position: -168.44rem 0;
}
.area-code-flag.vn {
  height: 0.44rem;
  background-position: -169.13rem 0;
}
.area-code-flag.vu {
  height: 12px;
  background-position: -169.81rem 0;
}
.area-code-flag.wf {
  height: 0.44rem;
  background-position: -170.5rem 0;
}
.area-code-flag.ws {
  height: 10px;
  background-position: -171.19rem 0;
}
.area-code-flag.xk {
  height: 0.47rem;
  background-position: -171.88rem 0;
}
.area-code-flag.ye {
  height: 0.44rem;
  background-position: -172.56rem 0;
}
.area-code-flag.yt {
  height: 0.44rem;
  background-position: -173.25rem 0;
}
.area-code-flag.za {
  height: 0.44rem;
  background-position: -173.94rem 0;
}
.area-code-flag.zm {
  height: 0.44rem;
  background-position: -174.63rem 0;
}
.area-code-flag.zw {
  height: 10px;
  background-position: -175.31rem 0;
}
.area-code-flag.np {
  background-color: transparent;
}
.area-code-flag {
  width: 0.63rem;
  height: 0.47rem;
  background-color: #dbdbdb;
  background-repeat: no-repeat;
  background-position: 0.63rem 0;
  box-shadow: 0 0 1px 0 #888;
}

/* area-code-flag -- end */
@media screen and (max-width: 1024px) {
.form-item-country-wrapper {
    max-width: 100% !important;
    margin-bottom: 0.5rem;
}
.form-item-country-wrapper .form-item-input-wrapper .area-code-popover {
    z-index: 777;
}
.form-item-country-wrapper .form-item-input-wrapper .form-item-label {
    margin-bottom: 4px;
    line-height: 0.59rem;
    white-space: nowrap;
    font-family: Open Sans, sans-serif;
    font-size: 0.44rem;
    font-style: normal;
    font-weight: 600;
}
.form-item-country-wrapper .form-item-input-wrapper .area-code-input-wrapper span {
    font-family: Open Sans, sans-serif;
    font-size: 0.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.66rem;
}
.form-item-mobile-wrapper .area-code-popover {
    z-index: 777;
    padding: 10px 0.47rem 0;
}
.form-item-mobile-wrapper .area-code-popover .search-input-wrapper {
    padding: 8px 1.75rem 8px 0.5rem;
}
.form-item-mobile-wrapper .area-code-popover .area-code-list-wrapper {
    height: 6.81rem;
}
}

/*# sourceMappingURL=app~._src_components_BaseUi_FormCountrySelect_index.vue~0.ab58739f.css.map*/