html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

#root {
  width: 100vw;
  height: 100vh;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoAgMAAADxkFD+AAAACVBMVEXo1sLm07rlz69A2A9RAAABLElEQVQY0w2NQYrbQBBFXw1dXrehGxIfIacogTXrblAJpLW1GJ9icgMHpIFkF5AX1imn4X/4m/8e7vejLP8Oqzzfjk2e8/9cKKfDxMdtDbwuL2LvW4Hpo0Pcax5wH9DhtJ4jY1+7ebl0CSbftf86tixw2ZX+/qJd5qsjLHpCF00C3vek9degRSuZW/JbXIbQ5q4/IRtR+PT8kX4EglIt3X8XH3Rk/LONXbdts/NepiLj1zE+ATVZ/hZxkMKpsWom6QNRQsy8So4CeKaXIQJhuYJcrRVTwBh8oNmIhs0+rW0C6PPYhQ7I4rSAoMVrZ0CKVvVWAJqiVwCkTqIWS4KQtKI3XcHk7YHa6ZMgen5g4dJMluvUEYDzHsd3o6DIsbmRQJu+OmRIhD1mGpf8DY4wTr+3v5+DAAAAAElFTkSuQmCC) top left /5.33333vw 5.33333vw;
  overflow: hidden;
}

#global-main {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  min-height: 100vh;
  width: 100vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
}

#p-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-around;
          justify-content: space-around;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
  width: 100vw;
}

  #p-1 .logo {
    background: url(data:image/png;base64,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) center /100% no-repeat;
    width: 22.13333vw;
    height: 6.66667vw;
    margin-bottom: 4.26667vw;
  }

  #p-1 .content {
    background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/fc315fc97c06f518.png) center /100% no-repeat;
    width: 92vw;
    height: 108.8vw;
    position: relative
  }

  #p-1 .content:before {
      content: '';
      background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/7d9339cfbb673764.png) center /100% no-repeat;
      width: 27.73333vw;
      height: 39.46667vw;
      right: -4.26667vw;
      top: -1.86667vw;
      position: absolute;
    }

  #p-1 .content:after {
      content: '';
      background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/fdc3ef4f816f4bc6.png) center /100% no-repeat;
      width: 45.06667vw;
      height: 25.86667vw;
      left: -3.73333vw;
      top: 56.26667vw;
      position: absolute;
    }

  #p-1 .content input {
      text-indent: .8em;
      position: absolute;
      width: 54.4vw;
      height: 14.66667vw;
      font-size: 5.06667vw;
      font-weight: 500;
      line-height: 5.06667vw;
      bottom: 2.66667vw;
      right: 2.66667vw;
      outline: none;
      border: none;
      box-sizing: border-box;
      background: transparent;
      color: #1E1E1E
    }

  #p-1 .content input::-webkit-input-placeholder {
        color: rgba(143, 142, 143, 1);
      }

  #p-1 .content input:-ms-input-placeholder {
        color: rgba(143, 142, 143, 1);
      }

  input::-webkit-input-placeholder {
        color: rgba(143, 142, 143, 1);
      }

  #p-1 .content input::placeholder {
        color: rgba(143, 142, 143, 1);
      }

  #p-1 .button {
    background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/f56b2c934e7cb038.png) center /100% no-repeat;
    width: 84.53333vw;
    height: 29.6vw;
    margin-top: 6.4vw;
    -webkit-align-self: flex-end;
            align-self: flex-end;
  }

.toast {
  position: fixed;
  bottom: 24vw;
  font-size: 3.2vw;
  color: #FFFFFF;
  letter-spacing: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 3.2vw 5.06667vw;
  background: rgba(0, 0, 0, .50);
  border-radius: 2em;
  z-index: 99;
}

#p-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  width: 100vw;
  padding-top: 5.33333vw;
  height: 100vh;
  overflow: hidden;
  box-sizing: border-box;
}

  #p-2 .content {
    background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/bea4c0d020f8ea4e.png) top center /100% no-repeat;
    width: 87.73333vw;
    height: 113.33333vw;
    position: relative;
  }

  #p-2 .next {
    background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/27c3315e3ebf5b0b.png) top center /100% no-repeat;
    width: 84.53333vw;
    height: 30.4vw;
    -webkit-align-self: flex-end;
            align-self: flex-end;
    margin-top: 8vw
  }

  #p-2 .next.last {
      background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/7ffc94e8d130e591.png) center /100% no-repeat;
    }



  .top-item.type-1 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    padding: 0;
  }

    .top-item.type-1 .item-1 {
      content: '';
      display: block;
      background: url(data:image/png;base64,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) center /100% no-repeat;
      width: 55.46667vw;
      height: 14.93333vw;
      position: relative;
    }

    .top-item.type-1 .item-1 input {
        position: absolute;
        bottom: -1.06667vw;
        left: 0;
        width: 100%;
        text-align: center;
        font-size: 5.06667vw;
        font-weight: 500;
        color: #282831;
        background: transparent;
        border: none;
        box-sizing: border-box;
        outline: none
      }

    .top-item.type-1 .item-1 input::-webkit-input-placeholder {
          color: rgba(102, 102, 107, 1);
        }

    .top-item.type-1 .item-1 input:-ms-input-placeholder {
          color: rgba(102, 102, 107, 1);
        }

    input::-webkit-input-placeholder {
          color: rgba(102, 102, 107, 1);
        }

    .top-item.type-1 .item-1 input::placeholder {
          color: rgba(102, 102, 107, 1);
        }

.top-item.type-1:before {
      background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/068b7ab356bd9f47.png) center /100% no-repeat;
    }

.body .type-1 .select-group .select-item.a .icon {
            background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/f213b9710dbbe8be.png) center /100% no-repeat;
            width: 20.8vw;
            height: 33.86667vw;
          }

.body .type-1 .select-group .select-item.b .icon {
            background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/7b250aa0b985da43.png) center /100% no-repeat;
            width: 23.46667vw;
            height: 37.06667vw;
          }

.top-item {
  height: 32vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding-left: 6.66667vw;
  padding-top: 6.66667vw;
  box-sizing: border-box

}
.top-item:before {
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 47.2vw;
    height: 8.8vw;
    top: -4.4vw
  }

.body {
  margin-top: 4vw;
  height: 75.2vw;
  position: relative
}
.body:before {
    content: '';
    background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/7d9339cfbb673764.png) center /100% no-repeat;
    width: 27.73333vw;
    height: 39.46667vw;
    right: -6.4vw;
    top: 11.2vw;
    position: absolute;
  }
.body:after {
    content: '';
    background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/8ecac1842c562605.png) center /100% no-repeat;
    width: 28.26667vw;
    height: 26.4vw;
    left: -5.86667vw;
    bottom: -17.33333vw;
    position: absolute;
  }
.body .type-1 {
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center

  }
.body .type-1:before {
      content: '';
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/00279d9859a03e12.png) center /100% no-repeat;
      width: 47.2vw;
      height: 8.8vw;
      top: -4.4vw;
    }
.body .type-1 .title {
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANQAAAA6CAMAAAD/TofYAAAANlBMVEVHcEwoKDEoKDEoKDEoKDEnJzEnJzEoKDEmJi8lJTUpKTAoKDApKTEoKDEoKDEoKDEnJzEoKDFF9nmCAAAAEXRSTlMAZJTzgW5MqB4OMkJY2Oa3yBX4otIAAAROSURBVGje7ZpZlqQgEEUVUGaB/W+2SyAQTFDMqbr7+PLDdIK4EASTw3Dr1q1bt/4/MTTz9ciFF2s8xpnXU1nEd/n3oKhzzqJ5QM5rbjwWb8MpmUTjwZF65QQqvEvKwhR7cRaL9bh4OyRChmZY/BG3nrP+to5ncn3UTLxNfwpF3V7z6A+Uh9OpeFzjulTNWBNSEHM4ohYUDhlWEdtQdln1DqjF1TVWTJAuGgtwxxUa7ZrbCRZQwTz9bahQ5I7FhHSrolTR4g4qqoAKRUG/DKXA6aZavlBLP+1ex6bnQ0B8Cy8g1IAKD5IvQwVbMYMaoyjXVDgbiMW3MtEGFPF/1RGUb+39UHyfzyPUBBUlqqVg6lCj64UKhosDqCVr2D1QZALZBhSHJ8GSPqilGypU6fBGqHP3Iw5yWy5AVQqApo53ktGthFR8CA6GYmTVCP24N/8sFMcANbsLULgNZYqrourUr0Gl2LTgOlQqckKvQOUhxZZQZXHO6hwKr6nQ9wUKtjkUhkjkij8FlGYsM80WkYbuUwxWkXOoqyEdEVA9UGyp6tSQcRHgSqhhyAyQNai59M66A/BP9lOPDs/6oPB2Zwfla8ZuHqq/DmVqLagHStptiFhC+SSjsUuO9y0o+XBbdUKxAZmhCrX4uB0bXVZWXxsm5cW46FU8g1L+CmpADbwK5eOEiVDJZtSAkuMIlToGsSMoOdfFHkey+9xwsjvTI9RQhfKVTyJUinxTA2qLyqneW1DyROxpKGztVlNRJZTnmKOlawZ2ndeLNpTdXW9BaXessXBpDKkKP0YcE5T053NjlJ7aIyugfJIsQgmnqTiazm9FqN4GxfXanUNuY/QwgCIP3U8HlPZrHDCg/Wl3LDYWcLP1/1zp/eNyw/gy1CBw6vJJdKMXoZhC2uaj9Nowye7dOrNtehlqGBe+g7KvQXkHuAA1fQBqEEOCIu+CGi5A0V6oWf1oUl4QVanaxGoTKoAyh1BavxnK9kKFYGMUz0qYNFcySTnzPYTK+ikIACN/CQpfgVpLAFOZoBBrrWXvoGgnVKPzvQgFwU8wWEY8GFFIuLaPLlMbin4EKm4MgJOicoshIi9pwnAEFYbfmF+HQm+GOlxLh8xNDxRL48gLUOYXoGgy9BwKpawvQNl4/CaUTp3MKRRP47m/HcqlLYlTqGlDSNFPtHaxEpSOrxxBcX4Riis1+h+M/UJXycvlBN4Btc0QLenvpzqg8qWMPqj6Wja8r7Z9ljOoWtdAs4mibLhf2BzboPLNjM9Ake3VMyh7MvYzdaiOSeK7oeiW9wmUdP8MlN628U6gYC23CWUPoWZ3EQo9DcWzM4CCTxP2NWVDHmp5pqbSJk0vlHRPQ8WbOPPEsbQqi35xqZGTpQNKhW8eYIo90agSSphCWQ+E4qU8vsqw1L2G9PraT0wUUWOtNt7koGgGM+G0+JhgjkFLTshYvRO9P/G5devWrVu3fkV/ADAcQ9EQ2AdOAAAAAElFTkSuQmCC) center /100% no-repeat;
      width: 28.26667vw;
      height: 7.73333vw;
    }

.select-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-around;
          justify-content: space-around;
  width: 100%;
  box-sizing: border-box;
  padding-top: 2.66667vw
}
.select-group.row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
  }
.select-group .select-item {
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
            flex: 1 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    font-size: 5.06667vw;
    font-weight: bold;
    color: rgba(40, 40, 50, 1);
    box-sizing: border-box
  }
.select-group .select-item.row {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
              flex-direction: column;
      -webkit-justify-content: space-around;
              justify-content: space-around;
    }
.select-group .select-item.selected .select-key:before {
          content: '';
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAA0BAMAAADF6lN9AAAAGFBMVEXChndHcEzChnfBg3TChnbBhXbChnfChnejvr4sAAAACHRSTlOdAI0TdipdQmpFJgYAAAILSURBVDjLjZXBkqIwEIa7UtTMOZVivKYyqGeKQa9WBuWqC7LXVQY9Oyr7+pvuAKIrMP8hRZMv3Z2QboCjgujEuwU4lAeVDzCuBDZNeCCC9szNQiYDo0Icw2ubmV/9GzPSyBxTpSZ+y80+8k4N4y6QiQzpFBwDIDk/SMV2N+YPMkqaYRwmnIfbYCNSNJd+k88aGQr4XuZCZPvru7tCRp3vGEaJM6W8SIFy/iICXuPnN+bjfYEVUzhE9vnMz5a50BJZMdA8GCbexj4xb9Alz9NqR4zuZNhMghojI+WTWTtiGi8b4ELfXj4w9kCKJuensWxWdT6yO6kV8FD/H6qSgirWrHtfxLAceKqgV+poYsl+P68+4E3t1dTv9UPCcxY/YNJ+hCWG+TXA+IZZDzB8mPF+wMSGsZXTLdMIYLToZ/CuivUwM7R3ZNz+WFjz8Daw9dMwU2CdatYbaonMV78fYtK7gnrup8pn8lhU9lZN8hbzKZ8Wao4dCEZ2Mq4ZZ98ueGrb1feKotrBiz33iNawgpgZGUlWM843jddFiyE/rGhufjzHF5OM7OmGGHdvLJVw6qPTQ3kWeKFWH8SMqWmCSDWYBk9daLVLhOk1WnrHj6pubF/NSuWZ9C9KsoSWbTP9KS7UbZYVI4IgMHNBUtb/J9/YFPHWn+uZcNP+7VyqD3HHPMhszDkNMK6W4+rxH0p2ZvjO7F6NAAAAAElFTkSuQmCC) center /100% no-repeat;
          width: 9.33333vw;
          height: 6.93333vw;
          position: absolute;
          left: -0.66667vw;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
        }
.select-group .select-item .select-key {
      position: relative;
      -webkit-box-flex: 1;
      -webkit-flex: 1 1;
              flex: 1 1;
      box-sizing: border-box;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
              align-items: center;
      margin-top: 2.66667vw;
      padding-left: 9.33333vw;
      min-height: 6.4vw;
      min-width: 8vw;
    }
.select-group .select-item.a .select-key {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAAAwBAMAAABnHKAwAAAAKlBMVEVHcEwoKDEpKTEoKDAnJzEkJCwoKDEnJzAmJjMpKTMoKDEnJzEoKDEoKDHYPhlMAAAADXRSTlMArUOvLgjEVRQddPSG8c//dAAAAUJJREFUSMfd1b9Kw1AUBvD4Jy2UDr6A4AOYRxB8AeFSCAhdMmUQCr5AR8Gl4Ho3pw4RRycp5AUcDDaK7fcuntPbeyHS5hy34BnCzeGXEL6c3ETRv69TUN02Wn1uve/CF13BlbWGV5aLF7G10334wy2O+X4r404SAQ8Y40yHjza41OHxBmc6fAW8Ai86/AzMgUqHKfBzYK3C8QIYAbUKU8w1XbANWsADfoSJD1rAPeAzevNBC5hi/oqmPmgBJ+xmPmgBU8wn/CyVBk94qg980O2YY37gsa8V+JCGKM9zOhoZu2kOE92OewGXMh4HnMk4CXgpY3rRN0VRPG2DbscU86P7ENci5pgvXSi1iCnmld88jISHfr9auKBbMcX87XfgUsIUcxi+TPF1N2o/TtNfvTRNOr7z/wFf31OZRivm1l1nf8Y/9qdpPG11CokAAAAASUVORK5CYII=) left /11.73333vw 6.4vw no-repeat;
      }
.select-group .select-item.b .select-key {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAAAwBAMAAAB51ZCDAAAAJ1BMVEVHcEwoKDApKTEnJzEnJzIoKDEoKDAsLDAoKDEnJzEoKDAoKDEoKDErDNB0AAAADHRSTlMArkMuFvNWBnSTy+PT9Ob9AAAA/ElEQVRIx2NgGM5A5gwQJKAI5YCEBAat2kMuLgUMDM5qHR1tKiAR9hIXN1xqD7OzMzCwngGDFQ4gxexMONWCKKjaM2FgQeLUQpxOpNoQotQenCkNVHuCKLXHGdjnAHUQqZah9MyZ08Sq5SJN7SkS3EC0e3vOnDlGlNoTHbOAYbac+Lg46EC02qMJJKSHUwYkpIfNRKk9ppa5h4TwrQIabECkWqCaMw1EqmUBqp1ApFpmEtRykKA2FZrhiMxDRwuIj4sTJMTbBOLVbiMi7XDFgFSeFisgQi0Di1FamrIDVBC32vJyKBtiKAN7edFgLteJV1vi4gKuA/ALDRYAAAOOU0bWF4b8AAAAAElFTkSuQmCC) left /11.46667vw 6.4vw no-repeat;
      }
.select-group .select-item.c .select-key {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAAAwBAMAAABwPjD5AAAAKlBMVEVHcEwnJzIoKDAnJzIoKDEnJzEkJCwoKDEnJzAnJzEnJzAnJzAnJzEoKDG9gjpvAAAADXRSTlMALa4YwvsH2U83ZOuCfr8G4AAAAPtJREFUOMtjYBh+QDUUCBqQBNhBAoFYVOreBQIUlSCBi3RTecPYOAHMtFi1opmBgdnY2BeHyosMYIVsx0GGbQQxcasEg26Qwrs3CavkukusyrnEqmSrBSq7ujuWsEqg5VdjDBiYpxFUyYIcqnhV2t69e4mBKJW9d+/eIk7l2bt3A4lTCYz+a8Sp9L17dwNxKoHBWTAUVBLvI2AohREd8hepHZvAFHKFOJWgVLeAKJWgbBQ0Oc1yMeF8BAzQUOJy3FSi8yZHLLEqGaYTrZJhEdDUq87EqGRInNEphjeUbqalIQuwpaX50rGkpb7KZGNjWOkNAcwgAYNBVhcCAMUoLeQOrhaEAAAAAElFTkSuQmCC) left /10.93333vw 6.4vw no-repeat;
      }
.select-group .select-item.d .select-key {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAAAwBAMAAABnHKAwAAAAJ1BMVEVHcEwnJzIoKDAoKDEoKDIoKDEoKDAlJS0nJzAoKDEnJzEoKDEoKDHqWB++AAAADHRSTlMALq7DGPJ6Bk3bY47IlK+DAAAA60lEQVRIx2NgGPZA5wwQNKCKzQGJCQxmxSdcXAoYWCS6lmV1OEDEXFyccSk+yFDAwMAKMuzMUa0CsGABM27FDDDFZ85EQUSJU3xmOymKTxOn+KixKTxkCCo+xsAgDFRsQKzicmAIHyRWMUMPhCJOcemZM4eIVgxUdJJoxUxAHxYQq5gbqNiBWMVs0OQ2CBQ70MSDJAUdSZHCSkp0y5CSkGzOnDlCrGInohP/0ZmW8MKFyAx7jJTcvYEExTOIL2SOahQQo5hFYlVa1goHmChuxeXlaGLl5cWDvOQnQXGJiwuomkABICGXQVsZAwA7AU9yN7P+DAAAAABJRU5ErkJggg==) left /11.73333vw 6.4vw no-repeat;
      }
.select-group .select-item.e .select-key {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAAAwBAMAAAB9IEC+AAAAJFBMVEVHcEwoKDApKTAnJzIoKDIpKTIlJTIoKDEoKDEpKTEnJzAoKDG5dQUAAAAAC3RSTlMArUgt8h0SWdSWb1qdg8AAAAB8SURBVEjHY2AYpkB6NxAoIItUg0QEqKC0gPqmbgoNTWBgDYWCBIbU0HBcSjeDKJbdUAByC9NwUrpRqQgIAohRuhMuNqyUbukAglYGosN189BQukMSCMQYRnDE7lgFAgrEZxiBYaUUBVBD6YCX2kQrTQMBFBE2kEjC4Ks2AdzxGb7LnZaJAAAAAElFTkSuQmCC) left /11.2vw 6.4vw no-repeat;
      }


  .top-item.type-2 .item-1 {
      content: '';
      display: block;
      background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/5bbcef7a7d7fb32a.png) center /100% no-repeat;
      width: 76.8vw;
      height: 17.33333vw;
      position: relative;
    }

.top-item.type-2:before {
      background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/00279d9859a03e12.png) center /100% no-repeat;
    }

.body .type-2 {
    height: 100%;
  }

.body .type-2 .select-group .select-item {
        padding-left: 8vw;
        margin-top: 9.06667vw;
      }

.body .type-2 .select-group .select-item .select-key {
          width: 100%;
        }


  .top-item.type-3 .item-1 {
      content: '';
      display: block;
      background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/9f41e45a930d129b.png) center /100% no-repeat;
      width: 66.4vw;
      height: 7.73333vw;
      position: relative;
    }

.top-item.type-3:before {
      background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/00279d9859a03e12.png) center /100% no-repeat;
    }

.body .type-3 {
    height: 100%;
  }

.body .type-3 .select-group .select-item {
        padding-left: 8vw;
        margin-top: 5.86667vw;
      }

.body .type-3 .select-group .select-item .select-key {
          width: 100%;
        }


  .top-item.type-4 .item-1 {
      content: '';
      display: block;
      background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/f2dbf8b73c42d0b6.png) center /100% no-repeat;
      width: 74.13333vw;
      height: 7.73333vw;
      position: relative;
    }

.top-item.type-4:before {
      background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/00279d9859a03e12.png) center /100% no-repeat;
    }

.body .type-4 {
    height: 100%;
  }

.body .type-4 .select-group .select-item {
        padding-left: 8vw;
        margin-top: 8vw;
      }

.body .type-4 .select-group .select-item .select-key {
          width: 100%;
          line-height: 6.66667vw;
          background-position: left top
        }

.body .type-4 .select-group .select-item .select-key:before {
            top: 0;
            -webkit-transform: translateY(0);
                    transform: translateY(0);
          }

.body .type-4 .select-group .select-item .select-key p:first-child {
            margin-bottom: 2.66667vw;
          }


  .top-item.type-5 .item-1 {
      content: '';
      display: block;
      background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/d0e0d65e501f1f1c.png) center /100% no-repeat;
      width: 76.8vw;
      height: 17.33333vw;
      position: relative;
    }

.top-item.type-5:before {
      background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/00279d9859a03e12.png) center /100% no-repeat;
    }

.body .type-5 {
    height: 100%;
  }

.body .type-5 .select-group .select-item {
        padding-left: 8vw;
        margin-top: 8.53333vw;
      }

.body .type-5 .select-group .select-item .select-key {
          width: 100%;
        }

.body .type-5 .select-group .select-item .select-key img {
            height: 4.8vw;
            margin-left: 2.13333vw;
          }



  .top-item.type-6 .item-1 {
      content: '';
      display: block;
      background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/d54311c3a0d71ffe.png) center /100% no-repeat;
      width: 55.73333vw;
      height: 8vw;
      position: relative;
    }

.top-item.type-6:before {
      background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/00279d9859a03e12.png) center /100% no-repeat;
    }

.body .type-6 {
    height: 100%;
  }

.body .type-6 .select-group {
      height: 100%;
    }

.body .type-6 .select-group .select-item.a .icon {
            background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/a55c5416b1ead471.png) center /100% no-repeat;
            width: 30.93333vw;
            height: 39.2vw;
          }

.body .type-6 .select-group .select-item.b .icon {
            background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/d0d04e31ba142775.png) center /100% no-repeat;
            width: 30.93333vw;
            height: 39.2vw;
          }


  .top-item.type-7 .item-1 {
      content: '';
      display: block;
      background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/ecdecfb07d1cbe59.png) center /100% no-repeat;
      width: 76.8vw;
      height: 17.33333vw;
      position: relative;
    }

.top-item.type-7:before {
      background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/00279d9859a03e12.png) center /100% no-repeat;
    }

.body .type-7 {
    height: 100%;
  }

.body .type-7 .select-group .select-item {
        padding-left: 8vw;
        margin-top: 8.53333vw;
      }

.body .type-7 .select-group .select-item .select-key {
          width: 100%;
        }


  .top-item.type-8 .item-1 {
      content: '';
      display: block;
      background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/13c62440c1a2acbf.png) center /100% no-repeat;
      width: 76.8vw;
      height: 17.33333vw;
      position: relative;
    }

.top-item.type-8:before {
      background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/00279d9859a03e12.png) center /100% no-repeat;
    }

.body .type-8 {
    height: 100%;
  }

.body .type-8 .select-group .select-item {
        padding-left: 8vw;
        margin-top: 2.93333vw;
      }

.body .type-8 .select-group .select-item .select-key {
          width: 100%;
        }


  .top-item.type-9 .item-1 {
      content: '';
      display: block;
      background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/ff1f3e97517afd96.png) center /100% no-repeat;
      width: 76.8vw;
      height: 7.73333vw;
      position: relative;
    }

.top-item.type-9:before {
      background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/00279d9859a03e12.png) center /100% no-repeat;
    }

.body .type-9 {
    height: 100%;
  }

.body .type-9 .select-group .select-item {
        padding-left: 8vw;
        margin-top: 2.93333vw;
      }

.body .type-9 .select-group .select-item .select-key {
          width: 100%;
        }


  .top-item.type-10 .item-1 {
      content: '';
      display: block;
      background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/2dd6a13babf26315.png) center /100% no-repeat;
      width: 76.8vw;
      height: 17.33333vw;
      position: relative;
    }

.top-item.type-10:before {
      background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/e25ef7f6cbc1c0ed.png) center /100% no-repeat;
    }

.body .type-10 {
    height: 100%;
  }

.body .type-10 .select-group {
      box-sizing: border-box;
      padding-top: 5.33333vw;
    }

.body .type-10 .select-group .rows {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        margin-top: 5.86667vw;
        padding-left: 9.33333vw;
        width: 100%;
        box-sizing: border-box;
      }

.body .type-10 .select-group .rows .item {
          width: 15.2vw;
          height: 7.2vw;
          border-radius: 2.13333vw;
          border: 0.26667vw dashed rgba(40, 40, 49, 1);
          font-size: 5.06667vw;
          font-weight: bold;
          color: rgba(40, 40, 50, 1);
          line-height: 7.2vw;
          box-sizing: border-box;
          text-align: center;
          margin-right: 5.6vw
        }

.body .type-10 .select-group .rows .item.selected {
            background: rgba(194, 134, 119, .4);
          }


  .top-item.type-11 .item-1 {
      content: '';
      display: block;
      background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/3ce85d40c4c6ab03.png) center /100% no-repeat;
      height: 7.73333vw;
      width: 40vw;
      position: relative;
    }

.top-item.type-11:before {
      background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/00279d9859a03e12.png) center /100% no-repeat;
    }

.body .type-11 {
    height: 100%;
  }

.body .type-11 .select-group .select-item {
        padding-left: 8vw;
        margin-top: 5.6vw;
      }

.body .type-11 .select-group .select-item .select-key {
          width: 100%;
        }

#done {
  width: 96.8vw;
  height: 153.6vw;
  position: relative
}
#done.jingjixue {
    background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/7a12ff6db04f509e.png) center /100% no-repeat;
  }
#done.zhexue {
    background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/893e671402135171.png) center /100% no-repeat;
  }
#done.faxue {
    background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/a08e7589ea3397c9.png) center /100% no-repeat;
  }
#done.shehuixue {
    background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/ae333a1894b54bdf.png) center /100% no-repeat;
  }
#done.jiaoyuxue {
    background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/81dea8c8a2fa084e.png) center /100% no-repeat;
  }
#done.hanyuyan {
    background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/72e6990c175f1275.png) center /100% no-repeat;
  }
#done.waiguo {
    background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/8debb3a1d99eac6d.png) center /100% no-repeat;
  }
#done.xinwenxue {
    background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/7bd0d367c8c566fd.png) center /100% no-repeat;
  }
#done.lishixue {
    background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/5bba4502fa75fe74.png) center /100% no-repeat;
  }
#done.shuxue {
    background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/8b70681d5a09d8e6.png) center /100% no-repeat;
  }
#done.wulixue {
    background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/be828a2c7b661b60.png) center /100% no-repeat;
  }
#done.huaxue {
    background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/06e2279079654aee.png) center /100% no-repeat;
  }
#done.shengmingkexue {
    background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/ffda5649f401bd85.png) center /100% no-repeat;
  }
#done.dilixue {
    background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/017eac788da54c80.png) center /100% no-repeat;
  }
#done.xinlixue {
    background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/031073e4bcea1611.png) center /100% no-repeat;
  }
#done.jisuanjikexue {
    background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/18dd6797c6cb68e6.png) center /100% no-repeat;
  }
#done.tumugongcheng {
    background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/9d32f6b651c3e26c.png) center /100% no-repeat;
  }
#done.jianzhuxue {
    background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/0449bac4468cebdb.png) center /100% no-repeat;
  }
#done.jidiangongcheng {
    background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/1554f82b2be84bf4.png) center /100% no-repeat;
  }
#done.nonglinxue {
    background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/707b4363445bd77a.png) center /100% no-repeat;
  }
#done.yixue {
    background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/947bfc6c08a4b202.png) center /100% no-repeat;
  }
#done.guanlixue {
    background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/eb6ba010d80b1d34.png) center /100% no-repeat;
  }
#done.yishu {
    background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/dbe883cb4d8bb395.png) center /100% no-repeat;
  }
#done.xijuyingshi {
    background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/7b0591f9b20b2de5.png) center /100% no-repeat;
  }
#done.biaoyan {
    background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/16255b7f108533b2.png) center /100% no-repeat;
  }
#done.tiyuxue {
    background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/cdbb1564b5c65f55.png) center /100% no-repeat;
  }
#done.kaoguxue {
    background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/1363140d20d73abc.png) center /100% no-repeat;
  }
#done.dianzijingji {
    background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/4862ccdce31f59a8.png) center /100% no-repeat;
  }
#done .done-img {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
  }
#done .title {
    height: 4.53333vw;
    font-size: 4.53333vw;
    font-weight: 400;
    color: rgba(40, 40, 50, 1);
    line-height: 6.93333vw;
    margin-top: 1.33333vw;
    margin-left: 9.86667vw;
  }
#done .title span {
      font-weight: bolder
    }
#done .title span.name {
        color: #E7D4BB;
      }
#done .img-title {
    background: url(data:image/png;base64,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) center /100% no-repeat;
    width: 46.66667vw;
    height: 8.8vw;
    margin-top: 7.46667vw;
    margin-left: 9.86667vw;
  }
#done .logo {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAABIBAMAAACD9uPxAAAAMFBMVEVHcEw4NUI3NEQ3NEP///+PjZX19faenaRlY25VU198eoRCP03Y2Nrp6eq1tLrGxcnYfUm5AAAAA3RSTlMAYE956PN4AAADRElEQVRYw+2Yz08TQRTH+Rf8D/wfHrC/aHvgdYpktz0UEQyeXA0YCQeqaIxcCjGePGwFQ+TUGkkwXoomGj3ZEBXjhY2JkuKBvZh4sxq9iO/NQsFY06WdgyadhJlhdvrZ78y8H9N2df3zBdSW4x1gB9gBdoBNgD3nPcVAzP8PQKPI3aVw8fqpUaqfrsqhYmvA5SSAdRnFNeb5iK8ASoP8NNffEtDw0wRFRJs0DlFLY20Bl3EHLN85eR1fgI7plQc40RZQCtTwC0AtCX2YBQjSbQFZIMQc+uexDYUMtTHRDvCmSwJhLUVVHKFE50NyPQJqXmvAG3iC2kIIKg8NyjZPwNxEi0sOHO8AWGKlCSzfHtVQePPZVoBxfH8A7BVlgDmb9w/psFvzFJa4D9TIqnV/kPdzPBCNAsejz1+9JkCWuA+0Kvi2wiaUEyS9gUTTRTzXzPWCTB0Id8lRMrTs3DiNNwCWcNLF6b8DzSrpj2/A8gemV4k0hlMcEjR6kfbnkg1MksiBZhG7HDlQxbG4d2iKUkDMDh1AGbA71ShvtAtUmfWaAs1dUq/9pN7iu23a754ZkJV2xZy9St0z+JpnfZv8RPUbL16zv0dIAQnBNijtr4+6XK1lfDIQeEaj02BUZENzY8ijkYA5vOhTxK4DEQV9NBC7OADP0VnHFM/tc8WFaECd3qz7qUPAVPkJWLgFc1kIbI+f89yme7gPTLDBLohDQHYXkxKCHmKpdyRgty19uVgH2uHToqyzLPBowEIqFFQHyg/qnG54DguMBjRZwz6AgInfgOCflcAVebaRgAZrKAjodaSP5jVWTOvdAwb98j01zFruZiQg52KjIohFMW7OoUVuECYpgXfoqcxSLglM4HQ04AJ+rKAAw03nF5FCf805PYabDDSqnkmWCXw9eblUEeVoQJ1CuhAcianshL5BOYaAGpt6PgyCVMaj7SElnfXtWyK8dXGusALEH2Hir9X9bFhepCICIXQ9MGcvycBt3eOrYc8I/a1P7d1GrfszfI08WZbjEYEqvwWoBJpV9hRHHVBnn+q1FS7Z3aJYmFQIHHJGHlJ4UgdkoxV5lac8LA1ZpdnMr3a+L3eAHWBj4DG1Rf2PxL8Aw5ri6s57fy4AAAAASUVORK5CYII=) center /100% no-repeat;
    width: 20vw;
    height: 9.6vw;
    position: absolute;
    bottom: 8.53333vw;
    left: 9.86667vw;
  }
#done .code {
    width: 14.13333vw;
    height: 14.13333vw;
    background: url(https://cdn-act.knowyourself.cc/life_profession/static/img/c94b498bd720fec9.jpg) center /100% no-repeat;
    position: absolute;
    bottom: 4vw;
    right: 8.53333vw;
  }


/*# sourceMappingURL=index.13918870.css.map*/