.overlay{
  background: url('./icons/bg.png') no-repeat center center;
  background-size: cover;
}
.popup{
  // width: 100vh!important;
  // max-width: 400PX;
  width: 100vw;
  height: 100vh;
  >div{
    height: 100vh;
    overflow: hidden;
  }
  // position: relative;
  :global{
    .van-badge__wrapper{
      display: none;
      // color: #01C1B5;
      // background-color: #FFF;
      // border-radius: 100%;
      // font-size: 20PX;
      // padding: 5PX;
      // right: 0;
      // top: 0;
    }
  }
}
.content{
  // background-color: #fff;
  margin: auto;
  padding-top: 3vh;
  transform: translateY(-50%);
  margin-top: 50vh;
  background: url('./icons/content-bg.png') no-repeat center center;
  background-size: contain;
  border-radius: 10px;
  // overflow: hidden;
  height: 75vh;
  max-height: 370PX;
  min-height: 260PX;
  width: 50vw;
  position: relative;
  text-align: center;
  // .title{
  //   background: url('/src/components/fee/icons/title.png') no-repeat center;
  //   background-size: contain;
  //   width: 120PX;
  //   height: 30PX;
  //   display: inline-block;
  //   margin: auto;
  //   // margin-top: -.65vw;
  //   color: #fff;
  //   font-size: 16PX;
  //   line-height: 30PX;
  //   font-weight: bold;
  //   position: absolute;
  //   left: 50%;
  //   transform: translateX(-50%);
  //   top: -4PX;
  // }
  .notes{
    max-width: 70%;
    width: 70%;
    margin-top: 20PX;
    display: inline-block;
    svg{
      path, rect, g{
        stroke: #fff;
        fill: #fff;
      }
    }
  }
  .tips{
    color: #fff;
    font-size: 16PX;
    margin: 0;
    margin-top: 20PX;
    span{
      color: #01C1B5;
    }
  }
  .steps{
    width: 40%;
    display: flex;
    margin: 25PX auto;
    justify-content: space-between;
    img{
      width: 35PX;
      height: 35PX;
    }
  }
}

.back{
  width: 24PX;
  position: absolute;
  left: 25PX!important;
  top: 20PX!important;
  display: inline-block;
  width: auto;
  height: auto;
  padding: 0;
  background: transparent;
  border: none;
  :global{
    .van-button__icon{
      display: block!important;
    }
  }
}

.close{
  position: absolute;
  right: 25PX!important;
  top: 20PX!important;
  // width: 20PX!important;
  height: 20PX!important;
  div{
    display: flex;
    align-items: center;
    >span{
      // width: 30PX;
      flex: 1;
      font-size: 16PX;
      margin-right: 5PX;
    }
  }
  i{
    display: inline-block!important;
    // width: 100%;
    height: 100%;
    font-size: 3vw;
    color: #01C1B5;
  }
}
.popover{
  :global{
    .van-popover__action{
      font-size: 14PX;
      height: 40PX;
      width: 110PX;
      color: #999999;
    }
  }
}

.tran{
  transform: rotate(90deg);
  font-size: 20PX!important;
}

.root{
  background: url('./icons/bg-note.png') no-repeat center center;
  background-size: 95%;
}

.child{
  background: url('./icons/child.png') no-repeat center center;
  background-size: contain;
  width: 8vw;
  max-width: 95PX;
  height: 135PX;
  position: absolute;
  top: 50%;
  left: 50%;
  position: absolute;
  top: 55vh;
  left: 28%;
  z-index: 2;
}
