.page[data-v-5722b5b4] {
  padding: 20px;
  background: #fff;
}
.page .step[data-v-5722b5b4] {
    width: 100%;
    max-width: 800px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 40px;
    background-color: #efefef;
}
.page .step .step-item + .step-item[data-v-5722b5b4]::after {
      position: absolute;
      content: "";
      width: 32px;
      height: 32px;
      left: -32px;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAEbUlEQVR4Xu3Za2gcVRQH8P91NhFFpBFbLCpSEMX6wAdKFYWC4AM/SOI9E5Kg6BeDLxBRQUTSiAi+EHyh+0msYbOecQ0ETVXQgiCKloqIpa2ICEVKRYqGsmazuXLLFJZ1kzl3mr13YHe+7n/mnvObe29mJgo9fqge7x99gP4M6HGB/hLo8QkQZhOcmpo6ZXp6eqUI+N6XABGdBmCnMaaaJAmHRvAKMD4+PtRoNGYA3G4bN8bEoRG8ARDROQAqALa33vXQCF4ARkZGLoii6AMA13Wa8iERug5ARBcDsM1fsdZ6D4XgA2BrCnBp1oYXAqHrALZpIiosgheAIiN4A7AIo6Ojl6ysrNi//YVZDl4B0plgN8UPi4LgHSBFuBDAXBEQggCkCFsAzIdGCAZgEdIHpI9DIgQFSBHOi6JoVyiE4AApwuYoij4PgVAIAIswPDy8qVQqfeEboTAAFmFsbOzs5eXl3T4RCgVgEdJvBl/5QigcgEWYmJg4c2lp6WsfCIUESJ8TzgDwTbcRcgForR9USl1rjDkVwIEkSXas9apLRPcCuB7AZmPMzwMDAy9XKpU/s16P0++H33UTwRkgjuP3jTET7cUzc8drEdHDAF5vy++t1+s3zs/PHxMgDAL4HsDlWdk83xOcAOI4vtUYYx9a/ncYY6bbZwIRbQSwB8D57Sd0yq/WIBFFKcKV643gBEBETwB4cZUiPmHmO1p/S5fKm9J8RnOKiOxMuHo9EVwB7gbw3ioFlJl5sg1gu1LqS2k+Yx+5H8A7Wc0D2MXMxz+7Sw5XgGvSqdjp2pPMXG7/gYg+BXBLhxPuYeadkiKJSNr8t8y8TXLNExknAHsSEdl1aO/qhpaB7mPmdzsN3Ol7oOP6lzZ/gJntxxanwxkgRdhqjLH/4LCb0/4kST7LmL42fwOAs5RSB5n5I0mVDnf+CDNvklyzPZMLIM9Aruc4NL/MzAOu18+9BPIO5HKeQ/PNtHnjcv3WbOFmgEPzSwBOZ+Zm3ubteYUC0FpPKqXeFjR0bGhoaEO5XG4IsmtGCgNARA8AeEvQ0D+Li4sbFxYW/hVkMyOFAIjj+CFjzBuZ1QJH6/X6uZJ3CMG1jkeCA2itH1FKvSYo2L49bmHmRUFWHAkKoLV+VCn1qqDaw4ODgxfNzMz8Lcg6RYIBENFjAF4RVHuo0WhcNjc3d1SQdY4EAYjj+HFjzEuCan8HcBUz/yXI5op4B9BaP6mUekFQ7a8AtjHzEUE2d8QrgNb6KaXU84JqD5ZKpZsqlcphQfakIt4AiOhpAM8Jqt3XbDZvrtVqfwiyJx3xAhDH8TPGmGcF1f4E4DZmPiTIrkuk6wBa6x1KqSlBtT8AuJOZ7cbn7eg6gO1EgLAniiI9Ozv7m7fO04G8AGQg7G02m7pWq9ld3/vhDWAVhB8B3MXMv3jv3PcMONFgy3KwG55m5v2hmrfjep0BrQhRFFWr1eq+kM0HAwjddOv4QWZAH6BAAv0ZUKCbEaSU/gwIwl6gQXt+BvwHuSfkUKAg8skAAAAASUVORK5CYII=) no-repeat center;
      background-size: cover;
}
.page .step-item[data-v-5722b5b4] {
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      position: relative;
      padding-left: 70px;
}
.page .step-item.active[data-v-5722b5b4] {
        color: #1890ff;
}
.page .step-item.active[data-v-5722b5b4]::before {
          color: #1890ff;
          border-color: #1890ff;
}
.page .step-item[data-v-5722b5b4]::before {
        content: attr(data-rank);
        position: absolute;
        left: 20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        width: 30px;
        height: 30px;
        border-radius: 50%;
        border: 2px solid #555;
        color: #555;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
}
.page .content[data-v-5722b5b4] {
    width: 500px;
}
.page .content[data-v-5722b5b4] .operate {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
}
.page .content[data-v-5722b5b4] .operate .el-button + .el-button {
        margin-left: 10px;
}
.page[data-v-5722b5b4] .app-control {
    width: 100%;
}
.page[data-v-5722b5b4] .copy-control {
    width: 100%;
}
.page[data-v-5722b5b4] .copy-control .el-select__tags {
      width: 100%;
}
.page[data-v-5722b5b4] .copy-control .el-input__inner {
      height: 100px;
}
.page .dialog-footer[data-v-5722b5b4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.page .dialog-footer .option-item[data-v-5722b5b4] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
}
.page .account-info[data-v-5722b5b4] {
    width: 100%;
}
.page .account-info .tip[data-v-5722b5b4] {
      color: #666;
      font-size: 14px;
      margin-bottom: 10px;
}
.page .account-info .copy-password[data-v-5722b5b4] {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
}
.page .account-info .copy-password .copy-btn[data-v-5722b5b4] {
        margin-left: 10px;
}