@charset "UTF-8";

/* stylelint-disabled */
html[data-v-4b776ed3],
body[data-v-4b776ed3],
div[data-v-4b776ed3],
span[data-v-4b776ed3],
iframe[data-v-4b776ed3],
h1[data-v-4b776ed3],
h2[data-v-4b776ed3],
h3[data-v-4b776ed3],
h4[data-v-4b776ed3],
h5[data-v-4b776ed3],
h6[data-v-4b776ed3],
p[data-v-4b776ed3],
blockquote[data-v-4b776ed3],
pre[data-v-4b776ed3],
a[data-v-4b776ed3],
abbr[data-v-4b776ed3],
acronym[data-v-4b776ed3],
address[data-v-4b776ed3],
big[data-v-4b776ed3],
cite[data-v-4b776ed3],
code[data-v-4b776ed3],
del[data-v-4b776ed3],
dfn[data-v-4b776ed3],
em[data-v-4b776ed3],
img[data-v-4b776ed3],
ins[data-v-4b776ed3],
kbd[data-v-4b776ed3],
q[data-v-4b776ed3],
s[data-v-4b776ed3],
samp[data-v-4b776ed3],
small[data-v-4b776ed3],
strike[data-v-4b776ed3],
strong[data-v-4b776ed3],
sub[data-v-4b776ed3],
sup[data-v-4b776ed3],
tt[data-v-4b776ed3],
b[data-v-4b776ed3],
u[data-v-4b776ed3],
i[data-v-4b776ed3],
dl[data-v-4b776ed3],
dt[data-v-4b776ed3],
dd[data-v-4b776ed3],
ol[data-v-4b776ed3],
ul[data-v-4b776ed3],
li[data-v-4b776ed3],
fieldset[data-v-4b776ed3],
form[data-v-4b776ed3],
label[data-v-4b776ed3],
legend[data-v-4b776ed3],
table[data-v-4b776ed3],
caption[data-v-4b776ed3],
tbody[data-v-4b776ed3],
tfoot[data-v-4b776ed3],
thead[data-v-4b776ed3],
tr[data-v-4b776ed3],
th[data-v-4b776ed3],
td[data-v-4b776ed3],
article[data-v-4b776ed3],
aside[data-v-4b776ed3],
canvas[data-v-4b776ed3],
details[data-v-4b776ed3],
embed[data-v-4b776ed3],
figure[data-v-4b776ed3],
figcaption[data-v-4b776ed3],
footer[data-v-4b776ed3],
header[data-v-4b776ed3],
menu[data-v-4b776ed3],
nav[data-v-4b776ed3],
output[data-v-4b776ed3],
ruby[data-v-4b776ed3],
section[data-v-4b776ed3],
summary[data-v-4b776ed3],
time[data-v-4b776ed3],
mark[data-v-4b776ed3],
audio[data-v-4b776ed3],
video[data-v-4b776ed3],
input[data-v-4b776ed3],
button[data-v-4b776ed3],
optgroup[data-v-4b776ed3],
select[data-v-4b776ed3],
textarea[data-v-4b776ed3] {
  margin: 0;
  padding: 0;
  border: none;
  vertical-align: baseline;
  box-sizing: border-box;
  outline: none;
}
[data-v-4b776ed3] {
  -webkit-touch-callout: none;
  /*系统默认菜单被禁用*/
  -webkit-user-select: none;
  /*webkit浏览器*/
  -khtml-user-select: none;
  /*早起浏览器*/
  -moz-user-select: none;
  /*火狐浏览器*/
  -ms-user-select: none;
  /*IE浏览器*/
  user-select: none;
  /*用户是否能够选中文本*/
}
input[data-v-4b776ed3] {
  user-select: auto;
  -webkit-user-select: auto;
  /*webkit浏览器*/
}

/* HTML5 display-role reset for older browsers */
article[data-v-4b776ed3],
aside[data-v-4b776ed3],
details[data-v-4b776ed3],
figcaption[data-v-4b776ed3],
figure[data-v-4b776ed3],
footer[data-v-4b776ed3],
header[data-v-4b776ed3],
menu[data-v-4b776ed3],
nav[data-v-4b776ed3],
section[data-v-4b776ed3] {
  display: block;
}
html[data-v-4b776ed3] {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
body[data-v-4b776ed3] {
  line-height: 1;
}
blockquote[data-v-4b776ed3],
q[data-v-4b776ed3] {
  quotes: none;
}
blockquote[data-v-4b776ed3]:before,
blockquote[data-v-4b776ed3]:after,
q[data-v-4b776ed3]:before,
q[data-v-4b776ed3]:after {
  content: none;
}
table[data-v-4b776ed3] {
  border-collapse: collapse;
  border-spacing: 0;
}

/* custom */
a[data-v-4b776ed3] {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  text-decoration: underline;
  color: #4187ff;
  background-color: transparent;
}
li[data-v-4b776ed3] {
  list-style: none;
}
body[data-v-4b776ed3] {
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
img[data-v-4b776ed3] {
  border-style: none;
}
button[data-v-4b776ed3],
input[data-v-4b776ed3],
optgroup[data-v-4b776ed3],
select[data-v-4b776ed3],
textarea[data-v-4b776ed3] {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
  outline: none;
  color: inherit;
  -webkit-tap-highlight-color: transparent;
}
button[data-v-4b776ed3],
input[data-v-4b776ed3] {
  /* 1 */
  overflow: visible;
  scrollbar-highlight-color: transparent;
}
button[data-v-4b776ed3],
select[data-v-4b776ed3] {
  /* 1 */
  text-transform: none;
}
button[data-v-4b776ed3],
[type=button][data-v-4b776ed3],
[type=reset][data-v-4b776ed3],
[type=submit][data-v-4b776ed3] {
  -webkit-appearance: none;
}
button[data-v-4b776ed3]::-moz-focus-inner,
[type=button][data-v-4b776ed3]::-moz-focus-inner,
[type=reset][data-v-4b776ed3]::-moz-focus-inner,
[type=submit][data-v-4b776ed3]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button[data-v-4b776ed3]:-moz-focusring,
[type=button][data-v-4b776ed3]:-moz-focusring,
[type=reset][data-v-4b776ed3]:-moz-focusring,
[type=submit][data-v-4b776ed3]:-moz-focusring {
  outline: 0.0625rem dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset[data-v-4b776ed3] {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend[data-v-4b776ed3] {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress[data-v-4b776ed3] {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea[data-v-4b776ed3] {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox][data-v-4b776ed3],
[type=radio][data-v-4b776ed3] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number][data-v-4b776ed3]::-webkit-inner-spin-button,
[type=number][data-v-4b776ed3]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search][data-v-4b776ed3] {
  -webkit-appearance: none;
  /* 1 */
  outline-offset: -0.125rem;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search][data-v-4b776ed3]::-webkit-search-decoration {
  -webkit-appearance: none;
}
[type=search][data-v-4b776ed3]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
[data-v-4b776ed3]::-webkit-file-upload-button {
  -webkit-appearance: none;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details[data-v-4b776ed3] {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary[data-v-4b776ed3] {
  display: list-item;
}

/* Misc
========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template[data-v-4b776ed3] {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden][data-v-4b776ed3] {
  display: none;
}
.vcode[data-v-4b776ed3] {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-top: 2.5rem;
}
.code[data-v-4b776ed3] {
  padding: 0;
  height: 2.5rem;
  font-size: 1rem;
  overflow: hidden;
  border: none;
  outline: none;
  opacity: 0;
  margin-left: -100%;
  -webkit-tap-highlight-color: transparent;
}
.labels[data-v-4b776ed3] {
  display: flex;
  display: -webkit-flex;
  width: 100%;
  height: 2.5rem;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin-top: -2.5rem;
  -webkit-tap-highlight-color: transparent;
}
.label[data-v-4b776ed3] {
  height: 2.125rem;
  width: 13%;
  border-bottom: solid 0.125rem #a5b2dc;
  float: left;
  font-size: 1rem;
  text-align: center;
  padding-bottom: 0.25rem;
  line-height: 2;
}
@keyframes animate-4b776ed3 {
100% {
    opacity: 0;
}
}
.active[data-v-4b776ed3]:after {
  content: " ";
  display: inline-block;
  height: 100%;
  width: 0.125rem;
  background: #fff;
  animation: 0.8s animate-4b776ed3 infinite;
}
.btn-resend[data-v-4b776ed3] {
  text-align: right;
  color: #4187ff;
  font-size: 0.75rem;
  margin-top: 1.25rem;
}