.channelRegistrationWrap[data-v-ef1e4b96] {
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
  min-height: 100vh;
  min-height: 100dvh;
  padding-bottom: 24px;
  padding-bottom: calc(24px + constant(safe-area-inset-bottom));
  padding-bottom: calc(24px + env(safe-area-inset-bottom));
  box-sizing: border-box;
  background-image: url(../img/loginWrapBg.14362e7e.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top center;
  display: flex;
  flex-direction: column;
}
.channelRegistrationWrap .container[data-v-ef1e4b96] {
    width: calc(100% - 32px);
    margin: 0 auto;
    padding-top: clamp(24px, 10.67vw, 40px);
    flex: 1;
    display: flex;
    flex-direction: column;
}
.channelRegistrationWrap .container .title[data-v-ef1e4b96] {
      font-weight: 600;
      font-size: clamp(20px, 5.87vw, 24px);
      color: #191B21;
      line-height: 1.55;
      text-indent: 8px;
      margin-bottom: 2px;
}
.channelRegistrationWrap .container .subtitle[data-v-ef1e4b96] {
      font-weight: 500;
      font-size: clamp(14px, 4.27vw, 17px);
      color: #434753;
      line-height: 1.5;
      text-indent: 8px;
}
.channelRegistrationWrap .container .explanation[data-v-ef1e4b96] {
      flex: 1;
      display: flex;
      flex-direction: column;
      margin-top: clamp(16px, 5.33vw, 20px);
}
.channelRegistrationWrap .container .explanation .explanationTitle[data-v-ef1e4b96] {
        width: 100%;
        min-height: 50px;
        background-image: url(../img/explain.bb0c57be.png);
        background-repeat: no-repeat;
        background-size: 100% 120%;
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 8px 16px;
        box-sizing: border-box;
}
.channelRegistrationWrap .container .explanation .explanationTitle .ico[data-v-ef1e4b96] {
          width: 18px;
          height: 18px;
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAFFUlEQVR4AexXX0ybVRQ/9yvTqegWRWo0RB9kQ5SC2IKJS3TZ3OKLy15GTIxu2VRa9XHJAi99cGTJHtUW55apMZrtZcEXM3VhGk2EVgZlYSAm/lk0gtMMg0YZ/Y6/39dboH79g6YPmqw5P+655/zO7557e/u1OPIfe11tqNIb8v8/oZEX7r89HWvdnIqGDqZirR+ko6EvU9GWOcLzEUvFQi+RQ26lE/l7ftUnNP3i3deiicez2ewJVT0JoR5RfVRFGkXMTYTnIyYqveSQyxrWyipfFRvSuDjDsba2y4vXfwLNU8AmYC0wDLwF9LpG9hH0AcaYI4fcU6j9mBrUQr6sVWwoPdOy3aj7JlQ6AAe7P6PG7As4V3bNB2/eG0lm+joTmWMEfcaYI4dcr0akkxrUwryslWyIu8G9eEzEDIhIyIhMq9E9kf7M1o7E2In2Vy98uzl+dhG5AmOMOXLIZQ1rQQoJtKhJbSnxKtlQaraNAodQtwa4qOrs+a3+lrfh+yz97Ia6wVhzrS+BAGtYC/ciAC1zKKeNWREr2tA0LjCO+DXwvZMRdZ6I9I9+xt0jVmDp7lBUA2u/rtWaieFoy8MFSUxYw1pq5E8K2v1cA2mfFW0Il3A7mGFAXKN987etH6JfDKpmG+I8nQZHHa8Gc59Rg1o2EbFr2Ony4GvIPjv2g+Jd4I7E+BvcJeZFzTjmHSNmDMlBY9yzGIsaNai14qLvt2sV8H0Nua67EYwmYF4d8zrGsnZdcGFARbtMdnF3e3D8XFkyklZzHm6TXQvusvkaUs1uRboOmKgxC59jLGv3xicW8HGfCh+Z+M7ExS1LRtJqTsCtw0a2YCwwX0NiAhHLmJy7Nfi99UsOqmJS3aH7CPoliTZhNSdzU8NnW861f30NGdW7bG6K77v1Sw4jsZZ2MTIggOeXZOYSVnOKsxVrcerB1xCOMciMa2SGYyW4GrgRHA/Wx7S85bXza61k+xrKJwOKPecnVR7LafsaMmK8k1GR+ir3sSSX186vtZSA42sIX4rfIE7bOBh/pIZONWE1+WiRFWstLeFrSET504GEpnU/zdxBp5qwmnzOQXZpLfg58zWEYzyD1CWgeVGveRBjVc1qNkP0kl0L7rL5GnIchx9JPidqjavPLFOr41lNfvdN2rUKhH0Ntb9y7gcwDgMuPmdbhmMtu+37jpDf1GQVlzQH+H5GLkINalETERc4bNeCu2y+hphaX/P7aYxpQBw1PbU/Xu6kXwwBo7NGxAP9YhzGqEEt+kDKrgG30Io21PjyV3+qcZ4DNYPdN4px3011tz3EXSJWYA8kzl8w2TWbCPoFSUxYw1pqeFoiGWh3cw2kfVa0IbIi9aMZET0A/wrQgJ8Wx2+Y/flJ+D4LH/lijvAlEGANa+E2ANDSAzltzIpYyYZMXNxIcvx9Ed2Buozi3x2j5ji+RD8ajrV2jTx/z53cPXIFxhhz5JDLGtaCxA3uoCa1MS9qJRvKs8PB8dM44qcxHwJcXkp8KR7NumtO1s78ciwVDfUMxUJ7CfqMMUcOuV6NyBA1qIV5WavYEHfTkRgdxSXk7+WdUPsU+APgT4enMB50VI4S9AHGmCOH3J2spQa1kC9rFRvKVzfiokeSmfcCgUCXMWaXiNsnxnxo8O+RiP5KeD5ighw55LKGtXmdSuOqG8oL8dkRTowNRpLneyOJsW3hZGZDJDm+jvB8xJgjh9x83WrHf9zQaoX/Le9qQ5VO7i8AAAD//9pbd0UAAAAGSURBVAMA68Y1Z1PZcegAAAAASUVORK5CYII=) no-repeat;
          background-size: 100% 100%;
          flex-shrink: 0;
}
.channelRegistrationWrap .container .explanation .explanationTitle p[data-v-ef1e4b96] {
          flex: 1;
          font-weight: 400;
          font-size: 12px;
          color: #CB692E;
          line-height: 18px;
}
.channelRegistrationWrap .container .explanation .registrationForm[data-v-ef1e4b96] {
        flex: 1;
        width: 100%;
        background: #fff;
        padding: clamp(12px, 4.27vw, 20px) clamp(16px, 6.4vw, 28px) 0;
        box-sizing: border-box;
}
.channelRegistrationWrap .container .explanation .registrationForm .formField[data-v-ef1e4b96] {
          display: block;
          padding: 0;
          margin-bottom: clamp(18px, 6.4vw, 28px);
}
.channelRegistrationWrap .container .explanation .registrationForm .formField[data-v-ef1e4b96]::after {
            display: none;
}
.channelRegistrationWrap .container .explanation .registrationForm[data-v-ef1e4b96] .van-cell__value {
          width: 100%;
          height: 36px;
          display: block;
          overflow: visible;
          text-align: left;
          background: #F8F8F9;
          border-radius: 4px;
}
.channelRegistrationWrap .container .explanation .registrationForm[data-v-ef1e4b96] .van-field__body {
          width: 100%;
          height: 100%;
          padding: 0 12px;
          box-sizing: border-box;
}
.channelRegistrationWrap .container .explanation .registrationForm[data-v-ef1e4b96] .van-field__label {
          font-weight: 400;
          font-size: 14px;
          color: #191B21;
          line-height: 22px;
          margin-bottom: 8px;
}
.channelRegistrationWrap .container .explanation .registrationForm[data-v-ef1e4b96] .van-field__control {
          height: 24px;
          font-size: 14px;
          color: #191B21;
          line-height: 24px;
}
.channelRegistrationWrap .container .explanation .registrationForm[data-v-ef1e4b96] .van-field__control::-moz-placeholder {
          color: #C0C3CC;
}
.channelRegistrationWrap .container .explanation .registrationForm[data-v-ef1e4b96] .van-field__control::placeholder {
          color: #C0C3CC;
}
.channelRegistrationWrap .container .explanation .registrationForm .sendCodeBtn[data-v-ef1e4b96] {
          flex-shrink: 0;
          font-size: 14px;
          line-height: 36px;
          color: #1D6EFE;
          cursor: pointer;
          transition: opacity .2s;
}
.channelRegistrationWrap .container .explanation .registrationForm .sendCodeBtn[data-v-ef1e4b96]:active {
            opacity: .8;
}
.channelRegistrationWrap .container .explanation .registrationForm .sendCodeBtn.disabled[data-v-ef1e4b96] {
            color: #C0C3CC;
            cursor: default;
}
.channelRegistrationWrap .container .explanation .registrationForm .sendCodeBtn.disabled[data-v-ef1e4b96]:active {
              opacity: 1;
}
.channelRegistrationWrap .container .explanation .registrationForm .submitBtn[data-v-ef1e4b96] {
          width: 100%;
          height: 40px;
          background: #1D6EFE;
          border-radius: 4px;
          border: none;
}
.channelRegistrationWrap .container .explanation .registrationForm .protocol[data-v-ef1e4b96] {
          margin-top: 16px;
          color: #191b21;
          font-size: 12px;
          font-weight: 400;
          line-height: 18px;
          display: flex;
          align-items: flex-start;
          flex-wrap: wrap;
          cursor: pointer;
          -webkit-user-select: none;
             -moz-user-select: none;
                  user-select: none;
}
.channelRegistrationWrap .container .explanation .registrationForm .protocol .check[data-v-ef1e4b96] {
            width: 12px;
            height: 12px;
            flex-shrink: 0;
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAyElEQVR4AezSMQqDMBQG4Lyg3XSxpZ6vN/AWbt7Ae+ngLG1dzNYEX9+/FBxKwGQz4A8qyfeTR/Q0TfdxHFvJcxiGTcKB2WBJWtjaOdcwc1MUxa2qKpKowBAsmLC1UupRluWlrutQ+LcfFkzYWpqueZ7Le9wHJmycgOLSO41QsPsT+yMVeCeaRpRG5J2Ad0G6RScZEXvPeXwBayJ6W2uPE392woSNa9qv6/qZ51ktyxIlsGBKd6+zLOukqTPGvKSAJaElDAsm7C8AAAD//ycbpEkAAAAGSURBVAMAJDf4YV7GmmkAAAAASUVORK5CYII=) no-repeat;
            background-size: 100% 100%;
            margin-right: 8px;
            margin-top: 3px;
}
.channelRegistrationWrap .container .explanation .registrationForm .protocol .check.active[data-v-ef1e4b96] {
              background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAB4ElEQVR4AcyTTUhUURTHf/eFjEnQrhFKIiKCogiCCGIWYTCLaBcFEaXgQlGclV+4UURQ/FgpunArqAtBBBF0KaILV+pGEATFDxAVRPHzXc8ZEefpPMfRGRHu/3HPfef+/u+ec5/zJGKDTyPHdTml7orIFdlbShkrylS2k4Fb4lhTBmSLjOi2QxnZyoyyZVIgxIAo1SOgbEeoQVG6RlAN9EjpMjBqkC54lHu/DV5K9yJhQ2Guf5VvfIK3z6Az31CUC6610XLEe9zI4IHsKv9ueCV/zvA09E3EQ5+uSerp5OLzw3P4+AIeZ3nfZAWg8ofh6xuYWYTqPsvWrjcnNvI1+PvF0JFnKA3Do8zzLeF38PszLG1Aw6BlZ//8XbyZr0H7iGVpE/JChuJvBmPgfQ7U/zJkZkBNv2VsLh7Su+ZrsLAOjfKFrvTvfwh+fjJUSGkeCrxHaj466wX5Rb4GejEm56FWvlQ8aPkDodcwMAWtQxbX9UN6130NztIUqNJ4WUrWLPCrmqp5sUposL1HtN5VvfCvU/oizY0FJJonNFDAwRF0j1vmVjVKTtcySA7pzb4TA70kXtvURVZPsJY63iXSmuMa2yXLCX54yUh+7CvbOcRpk0mT7Nc7kopyKWNVmco+AQAA///CIFYUAAAABklEQVQDABd8sOkbVGEYAAAAAElFTkSuQmCC);
}
.channelRegistrationWrap .container .explanation .registrationForm .protocol span[data-v-ef1e4b96] {
            color: #1d6efe;
            font-size: 12px;
            cursor: pointer;
}
.channelRegistrationWrap .container .explanation .registrationForm .protocol span[data-v-ef1e4b96]:active {
              opacity: .8;
}