.popup_container{
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: auto;
  top: 6.23rem;
  bottom: unset;
  padding: 0 3rem;
}
.pop_con{
  background: var(--darkColor1);
  border-radius: 0.36rem;
  overflow: hidden;
  width: 100%;
  height: fit-content;
  pointer-events: auto;
}
.container{
  background: #fff;
  height: 22.73rem;
  padding: 2.93rem 1.46rem 1.83rem;
  width: 100%;
  & .title{
    align-items: center;
    display: flex;
    justify-content: center;
    img{
      height: 2.2rem;
      margin-right: 0.29rem;
      width: 1.91rem;
    }
    span{
      color: #656565;
      font-size: 1.3rem;
      font-weight: 550;
    }
  }
  & .sub_box{
    background: #fff;
    border: 1px solid #8a8a8a;
    border-radius: 0.29rem;
    color: #8a8a8a;
    font-size: 1.02rem;
    font-weight: 520;
    margin: 0.73rem auto 0;
    padding: 0.44rem 1.17rem;
    width: fit-content;
    line-height: 1.02rem;
  }
  & .loading_box{
    align-items: center;
    display: flex;
    height: 5.86rem;
    justify-content: center;
    margin: 4.76rem auto 0;
    position: relative;
    width: 5.86rem;
    & .text{
      color: #01875f;
      font-size: 1.32rem;
      font-weight: 520;
    }
    & .arc{
      height: auto;
      left: 50%;
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 120%;
      z-index: 2;
      path{
        animation: arc-animation 3s linear infinite
      }
    }
  }
  & .active_top{
    align-items: center;
    background: #e2f1ec;
    border: 1px solid #038760;
    border-radius: 1.1rem;
    display: flex;
    height: 2.2rem;
    justify-content: center;
    margin: 3.11rem auto 4.76rem;
    width: 8.21rem;
    img{
      height: 1.32rem;
      width: 1.12rem;
    }
    span{
      color: #01875f;
      font-size: 0.95rem;
      line-height: 0.95rem;
      font-weight: 520;
    }
  }
  & .btn{
    background: #01875f;
    border: none;
    border-radius: 0.36rem;
    color: #fff;
    font-size: 1.02rem;
    height: 2.93rem;
    outline: none;
    width: 100%;
  }
}
@keyframes arc-animation {
  0%,to {
    stroke-dasharray: 0 235.5;
    stroke-dashoffset: 0
  }

  33.33% {
    stroke-dasharray: 58.9 176.6;
    stroke-dashoffset: -58.9
  }

  66.66% {
    stroke-dasharray: 117.8 117.8;
    stroke-dashoffset: -117.8
  }

  to {
    stroke-dasharray: 235.6 0;
    stroke-dashoffset: -235.6
  }
}
