@font-face {
  font-family: robotoregular;
  src: url(https://otc-static.hbfile.net/vue/otc-ssr/otc-web-front/prod/v5.21.41/static/fonts/roboto-regular-webfont.f47c793.woff2) format('woff2'), url(https://otc-static.hbfile.net/vue/otc-ssr/otc-web-front/prod/v5.21.41/static/fonts/roboto-regular-webfont.37a7b33.woff) format('woff'), url(https://otc-static.hbfile.net/vue/otc-ssr/otc-web-front/prod/v5.21.41/static/fonts/roboto-regular.03523cf.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: impact;
  src: url(https://otc-static.hbfile.net/vue/otc-ssr/otc-web-front/prod/v5.21.41/static/fonts/Impact.4c8ab3a.woff) format('woff'), url(https://otc-static.hbfile.net/vue/otc-ssr/otc-web-front/prod/v5.21.41/static/fonts/Impact.2f7e286.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: dinpro;
  src: url(https://otc-static.hbfile.net/vue/otc-ssr/otc-web-front/prod/v5.21.41/static/fonts/DINPro-Regular.dcfa9d1.woff) format('woff'), url(https://otc-static.hbfile.net/vue/otc-ssr/otc-web-front/prod/v5.21.41/static/fonts/DINPro-Regular.4715276.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.gib-agreement-view {
  width: 100%;
  padding: 10px;
}
.gib-agreement-view .text-indent {
  padding-left: 2em;
}

.fairy-page {
  width: 100%;
  height: 100vh;
}
.fairy-page .fairy {
  width: 80px !important;
  height: 80px !important;
}
.fairy-page .fairy-item {
  width: 80px !important;
  height: 80px !important;
}
.fairy-page .fairy-add {
  width: 45px !important;
  height: 45px !important;
  top: -45px !important;
}
.fairy-page .vue-primebox-nav {
  transform: scale(1) !important;
}
.fairy-page .vue-primebox-nav img {
  display: block;
  height: 61px;
  width: 69px;
}
.fairy-page .vue-primebox-nav {
  z-index: 2000 !important;
}

.fairy-page {
  width: 100%;
  height: 100vh;
  position: relative;
}
.fairy-page .box-position {
  position: fixed;
  right: 15px;
  bottom: 120px;
  z-index: 20;
}

.card-page {
  position: relative;
  width: 100%;
  height: 100vh;
}
.card-page.hasBg {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjM4IiBoZWlnaHQ9IjE1NiIgdmlld0JveD0iMCAwIDIzOCAxNTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00MS45ODkyIDYuOTQxMjVWMEw0Ny43NjIxIDEuOTI4MTJWOS4yNTVMNDEuOTg5MiA2Ljk0MTI1WiIgZmlsbD0iI0ZGNkUzMCIvPgo8cGF0aCBkPSJNNy4zNTIyOSAxMjcuMjU2TDAuMDQwMDM5MSAxMjkuNTdMNC42NTgzIDEzNS4zNTRMMTEuNTg1NyAxMzMuODEyTDcuMzUyMjkgMTI3LjI1NloiIGZpbGw9IiNGRjZFMzAiLz4KPHBhdGggZD0iTTY1Ljg1MDMgMTI5LjU3TDYyLjAwMTcgMTIzLjAxNEw2OS4zMTQgMTIxLjQ3Mkw3Mi43Nzc3IDEyNy4yNTZMNjUuODUwMyAxMjkuNTdaIiBmaWxsPSIjRkY2RTMwIi8+CjxwYXRoIGQ9Ik0xNzcuMDczIDE1NS4wMjFMMTcwLjUzMSAxNTEuMTY1TDE3Ny4wNzMgMTQ2LjkyM0wxODIuNDYxIDE1MS4xNjVMMTc3LjA3MyAxNTUuMDIxWiIgZmlsbD0iI0ZGNkUzMCIvPgo8cGF0aCBkPSJNMTcxLjY4NSAxMjIuNjI5TDE2NS41MjggMTE5LjkyOUwxNjkuMzc2IDExNC41MzFMMTc1LjkxOSAxMTcuMjNMMTcxLjY4NSAxMjIuNjI5WiIgZmlsbD0iI0ZGNkUzMCIvPgo8cGF0aCBkPSJNMjAzLjYyOCAxMDcuNTg5TDE5OC4yNCAxMDMuMzQ3TDIwMy42MjggOTguNzJMMjA4LjYzMiAxMDMuMzQ3TDIwMy42MjggMTA3LjU4OVoiIGZpbGw9IiNGRjZFMzAiLz4KPHBhdGggZD0iTTE0My4yMDYgMjguNTM2MkwxNDcuMDU1IDIyLjc1MTlMMTUwLjkwMyAyOC41MzYyTDE0OC4yMDkgMzMuNTQ5NEwxNDMuMjA2IDI4LjUzNjJaIiBmaWxsPSIjRkY2RTMwIi8+CjxwYXRoIGQ9Ik0yMjkuMDI5IDU5Ljc3MTlMMjMzLjI2MiA1My42MDE5TDIzNy4xMTEgNTkuNzcxOUwyMzMuMjYyIDY1LjE3MDZMMjI5LjAyOSA1OS43NzE5WiIgZmlsbD0iI0ZGNkUzMCIvPgo8L3N2Zz4K);
  background-repeat: no-repeat;
  background-position: 40% 30%;
}
.card-page .van-popup {
  background: transparent;
  width: 100%;
  height: 100%;
}
.card-page .loading-box {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.card-page .cd-container {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
}
.card-page .cd-container .cd-body {
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
}
.card-page .cd-container .cd-body .card-head {
  width: 100%;
  height: 30px;
  text-align: center;
  color: #fff;
  font-size: 24px;
  font-weight: 400;
  font-family: 'Impact';
  font-style: normal;
}
.card-page .cd-container .cd-body .note {
  width: 100%;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #fff;
  text-align: center;
  margin-top: 10px;
}
.card-page .cd-container .cd-body .note span {
  color: yellow;
}
.card-page .cd-container .cd-body .content {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 15px;
}
.card-page .cd-container .cd-body .content .cd-item {
  margin-right: 10px;
  width: auto;
  width: 110px;
}
.card-page .cd-container .cd-body .content .cd-item:last-child {
  margin-right: 0;
}
.card-page .cd-container .cd-body .content .cd-item .small {
  width: 100%;
  height: 140px;
}
.card-page .cd-container .cd-body .content .cd-item .small .card-footer {
  height: 18px;
  display: flex;
  align-items: center;
}
.card-page .cd-container .cd-body .content .cd-item .small .card-footer .icon-sponsor-huobi {
  width: 36px;
  height: 12px;
  margin-bottom: 2px;
}
.card-page .cd-container .cd-body .content .cd-item .small .card-footer .icon-sponsor-and {
  height: 6px;
  margin: 0 4px;
  width: 6px;
}
.card-page .cd-container .cd-body .content .cd-item .small .card-footer .icon-sponsor-item img {
  width: 12px;
  height: 12px;
}
.card-page .cd-container .cd-body .content .cd-item .small .card-footer .icon-sponsor-item span {
  font-size: 12px;
  transform: scale(0.7);
}
.card-page .cd-container .cd-body .content .cd-item .small .overturn {
  bottom: 18px;
  height: 16px;
  width: 16px;
}
.card-page .cd-container .cd-body .content .cd-item .small .overturn .turn {
  height: 8px;
  width: 12px;
}
.card-page .cd-container .cd-body .content .cd-item .small .overturn .done {
  height: 12px;
  width: 12px;
}
.card-page .cd-container .confirm {
  position: fixed;
  width: 50%;
  height: 40px;
  border-radius: 5px;
  text-align: center;
  line-height: 40px;
  color: #000;
  bottom: 40px;
  left: 25%;
  background: #eeb27f;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
}
.card-page .cd-container .closeBtn {
  position: fixed;
  right: 20px;
  top: 45px;
  font-size: 30px;
  color: #fff;
}

.red-packet-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(28, 28, 30, 0.5);
  z-index: 10000;
}
.red-packet-container {
  position: absolute;
  bottom: 0;
  border-radius: 16px 16px 0px 0px;
  padding: 36px 16px 66px 16px;
  z-index: 10000;
  background-color: #fff;
  width: 100%;
}
.red-packet-container .close {
  position: absolute;
  right: 16px;
  top: 8px;
}
.red-packet-container .title-box {
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  line-height: normal;
}
.red-packet-container .title-box > p {
  margin-top: 4px;
}
.red-packet-container .title-box > p.subtitle {
  font-size: 16px;
  font-weight: 600;
}
.red-packet-container .content-box {
  margin: 24px 8px 16px;
}
.red-packet-container .content-box .content-bg {
  height: 15vh;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzI3IiBoZWlnaHQ9Ijk2IiB2aWV3Qm94PSIwIDAgMzI3IDk2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cmVjdCB4PSIxMyIgd2lkdGg9IjMxNCIgaGVpZ2h0PSI5NiIgcng9IjgiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8zN181OTIzKSIvPgo8bWFzayBpZD0ibWFzazBfMzdfNTkyMyIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMTMiIHk9IjAiIHdpZHRoPSIzMTQiIGhlaWdodD0iOTYiPgo8cmVjdCB4PSIxMyIgd2lkdGg9IjMxNCIgaGVpZ2h0PSI5NiIgcng9IjgiIGZpbGw9InVybCgjcGFpbnQxX2xpbmVhcl8zN181OTIzKSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMzdfNTkyMykiPgo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9mXzM3XzU5MjMpIj4KPHBhdGggZD0iTTg0IDk2Qzg0IDk2IDk0IDc3LjY1MTQgOTQgNDhDOTQgMTguMzQ4NiA4NCAwIDg0IDBMMzA1IC05LjY2MDIyZS0wNkMzMDkuNDE4IC05Ljg1MzM1ZS0wNiAzMTMgMy41ODE3MiAzMTMgNy45OTk5OUwzMTMgODhDMzEzIDkyLjQxODMgMzA5LjQxOCA5NiAzMDUgOTZMODQgOTZaIiBmaWxsPSJ1cmwoI3BhaW50Ml9saW5lYXJfMzdfNTkyMykiLz4KPC9nPgo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMV9mXzM3XzU5MjMpIj4KPHBhdGggZD0iTTIgMTlDMiAxNC41ODE3IDUuNTgxNzIgMTEgMTAgMTFIMzA1QzMwOS40MTggMTEgMzEzIDE0LjU4MTcgMzEzIDE5VjgzQzMxMyA4Ny40MTgzIDMwOS40MTggOTEgMzA1IDkxSDEwQzUuNTgxNzIgOTEgMiA4Ny40MTgzIDIgODNWMTlaIiBmaWxsPSIjRTQ1OTI5Ii8+CjwvZz4KPC9nPgo8cGF0aCBkPSJNMCAxNkMwIDExLjU4MTcgMy41ODE3MiA4IDggOEgzMDNDMzA3LjQxOCA4IDMxMSAxMS41ODE3IDMxMSAxNlY4MEMzMTEgODQuNDE4MyAzMDcuNDE4IDg4IDMwMyA4OEg4QzMuNTgxNzIgODggMCA4NC40MTgzIDAgODBWMTZaIiBmaWxsPSIjRkJGNEJEIi8+CjxwYXRoIGQ9Ik04OCA5NkM4OCA5NiA5OCA3Ny42NTE0IDk4IDQ4Qzk4IDE4LjM0ODYgODggMCA4OCAwTDMxOSAtMS4wMDk3M2UtMDVDMzIzLjQxOCAtMS4wMjkwNWUtMDUgMzI3IDMuNTgxNzIgMzI3IDcuOTk5OTlMMzI3IDg4QzMyNyA5Mi40MTgzIDMyMy40MTggOTYgMzE5IDk2TDg4IDk2WiIgZmlsbD0idXJsKCNwYWludDNfbGluZWFyXzM3XzU5MjMpIi8+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2ZfMzdfNTkyMyIgeD0iODAiIHk9Ii00IiB3aWR0aD0iMjM3IiBoZWlnaHQ9IjEwNCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyIiByZXN1bHQ9ImVmZmVjdDFfZm9yZWdyb3VuZEJsdXJfMzdfNTkyMyIvPgo8L2ZpbHRlcj4KPGZpbHRlciBpZD0iZmlsdGVyMV9mXzM3XzU5MjMiIHg9Ii0yIiB5PSI3IiB3aWR0aD0iMzE5IiBoZWlnaHQ9Ijg4IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIiIHJlc3VsdD0iZWZmZWN0MV9mb3JlZ3JvdW5kQmx1cl8zN181OTIzIi8+CjwvZmlsdGVyPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMzdfNTkyMyIgeDE9IjI2LjA4MzMiIHkxPSI0NS40ODQ3IiB4Mj0iNzguNDMzNyIgeTI9IjE2NS4zNTciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZBNjEzRiIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGODdDMzciLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDFfbGluZWFyXzM3XzU5MjMiIHgxPSIxNzAiIHkxPSIwIiB4Mj0iMTcwIiB5Mj0iOTYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZBNjEzRiIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGODdDMzciLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDJfbGluZWFyXzM3XzU5MjMiIHgxPSIyMDYuNSIgeTE9Ijk2IiB4Mj0iMjIwIiB5Mj0iMi41MDAwMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjREE1QTJDIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0RDNDExRSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50M19saW5lYXJfMzdfNTkyMyIgeDE9IjIwNi41IiB5MT0iOTIiIHgyPSIyMzMuNSIgeTI9IjEuNTA0NGUtMDYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZBNjEzRiIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGODdDMzciLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K) no-repeat;
  background-size: 100% 100%;
  display: flex;
  overflow: hidden;
}
.red-packet-container .content-box .content-lf {
  flex: 0 1 112px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.red-packet-container .content-box .content-lf > p {
  color: #F9623E;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
.red-packet-container .content-box .content-lf > p > span {
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
}
.red-packet-container .content-box .content-rt {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.red-packet-container .content-box .content-rt .text-box {
  color: #FFF;
  padding: 0 20px 0 32px;
}
.red-packet-container .content-box .content-rt .text-box > p {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  margin-top: 6px;
}
.red-packet-container .content-box .content-rt .text-box > p:first-child {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin-top: 0;
}
.red-packet-container .content-box .content-rt .text-box > p:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.red-packet-container .content-box .tips {
  color: #5E697A;
  margin-top: 16px;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.red-packet-container .content-box .tips > span {
  color: #0173E5;
}
.red-packet-container .btn-box {
  margin: 16px 8px 0;
  display: flex;
}
.red-packet-container .btn-box .btn {
  width: 50%;
  display: flex;
  height: 44px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  line-height: 18px;
  font-weight: 500;
  font-size: 14px;
}
.red-packet-container .btn-box .btn.draw-btn {
  background-color: #F4F7FA;
  color: #1C1C1E;
}
.red-packet-container .btn-box .btn.know-btn {
  background-color: #1C1C1E;
  color: #ffffff;
}
.red-packet-container .btn-box .btn + .btn {
  margin-left: 8px;
}
/* iOS 设备的样式 */
@media screen and (-webkit-min-device-pixel-ratio: 2) {
.red-packet-container {
    padding-bottom: 66px;
    /* iOS 的 padding-bottom */
}
}
/* 安卓设备的样式 */
@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
.red-packet-container {
    padding-bottom: 32px;
    /* 安卓的 padding-bottom */
}
}

.blind-box-pc-page {
  padding-bottom: 40px;
}
.blind-box-pc-page .blind-box-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100000;
}
.blind-box-pc-page .blind-box-prize-box {
  position: absolute;
  top: 300px;
  left: 50%;
  margin-left: -150px;
  z-index: 100001;
}
.blind-box-pc-page .blind-box-prize-box .blind-box-aperture {
  position: absolute;
  top: -40px;
  left: -60px;
  width: 360px;
}
.blind-box-pc-page .blind-box-prize-box .blind-box-scatter-flowers {
  width: 245px;
  height: 245px;
  position: absolute;
  top: -170px;
}
.blind-box-pc-page .blind-box-prize-box .blind-box-prize-content {
  width: 240px;
  height: 268px;
  position: relative;
}
.blind-box-pc-page .blind-box-prize-box .blind-box-prize-content > img {
  display: block;
  margin: 0 auto;
  width: 147px;
  height: 147px;
}
.blind-box-pc-page .blind-box-prize-box .prize-title {
  text-align: center;
  color: #fff;
  margin-bottom: 40px;
}
.blind-box-pc-page .blind-box-prize-box .prize-info {
  min-width: 194px;
  padding: 0 16px;
  white-space: nowrap;
  height: 44px;
  border-radius: 22px;
  line-height: 44px;
  font-size: 28px;
  font-weight: 500;
  color: #161616;
  text-align: center;
  background: #ffffff;
  z-index: 10;
  position: relative;
  margin-top: -38px;
}
.blind-box-pc-page .blind-box-prize-box .prize-tips {
  text-align: center;
  margin-top: 16px;
  font-size: 12px;
  line-height: 16px;
  color: rgba(255, 255, 255, 0.8);
}
.blind-box-pc-page .blind-box-prize-box .prize-close {
  cursor: pointer;
  margin: 16px auto 0;
  width: 30px;
  height: 30px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTUiIGN5PSIxNSIgcj0iMTQiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIwLjE5MyAyMC4xOTI5QzIwLjYyMTkgMTkuNzY0MSAyMC42MjE5IDE5LjA2ODggMjAuMTkzIDE4LjYzOTlMMTYuMzEwNCAxNC43NTczTDIwLjE5MjkgMTAuODc0OEMyMC42MjE4IDEwLjQ0NTkgMjAuNjIxOCA5Ljc1MDU5IDIwLjE5MjkgOS4zMjE3M0MxOS43NjQgOC44OTI4NyAxOS4wNjg3IDguODkyODcgMTguNjM5OSA5LjMyMTczTDE0Ljc1NzQgMTMuMjA0MkwxMC44NzQ4IDkuMzIxNjRDMTAuNDQ1OSA4Ljg5Mjc4IDkuNzUwNTggOC44OTI3OCA5LjMyMTcyIDkuMzIxNjRDOC44OTI4NiA5Ljc1MDUxIDguODkyODYgMTAuNDQ1OCA5LjMyMTcyIDEwLjg3NDdMMTMuMjA0MyAxNC43NTczTDkuMzIxNjEgMTguNjRDOC44OTI3NSAxOS4wNjg4IDguODkyNzUgMTkuNzY0MiA5LjMyMTYxIDIwLjE5M0M5Ljc1MDQ3IDIwLjYyMTkgMTAuNDQ1OCAyMC42MjE5IDEwLjg3NDcgMjAuMTkzTDE0Ljc1NzQgMTYuMzEwM0wxOC42NCAyMC4xOTI5QzE5LjA2ODggMjAuNjIxOCAxOS43NjQxIDIwLjYyMTggMjAuMTkzIDIwLjE5MjlaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K) no-repeat;
}
.blind-box-pc-page .blind-box-noprize {
  position: absolute;
  top: 300px;
  left: 50%;
  margin-left: -150px;
  z-index: 100001;
}
.blind-box-pc-page .blind-box-noprize .noprize-content-box {
  width: 272px;
  background: #fff;
  border-radius: 8px;
  padding: 16px;
  text-align: center;
}
.blind-box-pc-page .blind-box-noprize .noprize-content-box > img {
  width: 133px;
  height: 76px;
}
.blind-box-pc-page .blind-box-noprize .noprize-content-title {
  margin-top: 22px;
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  color: #000000;
}
.blind-box-pc-page .blind-box-noprize .noprize-content-subtitle {
  margin-top: 8px;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  color: #565656;
}
.blind-box-pc-page .blind-box-noprize .noprize-button {
  width: 100%;
  background-color: #0173E5;
  height: 44px;
  font-size: 14px;
  line-height: 44px;
  color: #fff;
  text-align: center;
  border-radius: 22px;
  cursor: pointer;
  margin-top: 38px;
}
.blind-box-pc-page .blind-box-share-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  top: 0;
}
.blind-box-pc-page .blind-box-share-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100001;
  background-color: #fff;
  border-radius: 8px;
  padding: 16px;
  width: 272px;
}
.blind-box-pc-page .blind-box-share-box .share-title {
  color: #000000;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
}
.blind-box-pc-page .blind-box-share-box .share-list {
  margin-top: 8px;
}
.blind-box-pc-page .blind-box-share-box .share-item {
  height: 56px;
  border-bottom: 0.5px solid #EBEBEB;
  display: flex;
  justify-content: space-around;
}
.blind-box-pc-page .blind-box-share-box .share-item-info {
  flex: 1;
  font-size: 14px;
  color: #000000;
  line-height: 56px;
  vertical-align: middle;
}
.blind-box-pc-page .blind-box-share-box .share-item-info > img {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}
.blind-box-pc-page .blind-box-share-box .share-item:last-child {
  border-bottom: none;
}
.blind-box-pc-page .blind-box-share-box .share-item-btn {
  margin-top: 12px;
  min-width: 80px;
  padding: 0 10px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  border-radius: 16px;
  background-color: #0173E5;
  color: #fff;
  cursor: pointer;
}
.blind-box-pc-page .blind-box-share-box .share-close {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
  margin-top: 40px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTUiIGN5PSIxNSIgcj0iMTQiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIwLjE5MyAyMC4xOTI5QzIwLjYyMTkgMTkuNzY0MSAyMC42MjE5IDE5LjA2ODggMjAuMTkzIDE4LjYzOTlMMTYuMzEwNCAxNC43NTczTDIwLjE5MjkgMTAuODc0OEMyMC42MjE4IDEwLjQ0NTkgMjAuNjIxOCA5Ljc1MDU5IDIwLjE5MjkgOS4zMjE3M0MxOS43NjQgOC44OTI4NyAxOS4wNjg3IDguODkyODcgMTguNjM5OSA5LjMyMTczTDE0Ljc1NzQgMTMuMjA0MkwxMC44NzQ4IDkuMzIxNjRDMTAuNDQ1OSA4Ljg5Mjc4IDkuNzUwNTggOC44OTI3OCA5LjMyMTcyIDkuMzIxNjRDOC44OTI4NiA5Ljc1MDUxIDguODkyODYgMTAuNDQ1OCA5LjMyMTcyIDEwLjg3NDdMMTMuMjA0MyAxNC43NTczTDkuMzIxNjEgMTguNjRDOC44OTI3NSAxOS4wNjg4IDguODkyNzUgMTkuNzY0MiA5LjMyMTYxIDIwLjE5M0M5Ljc1MDQ3IDIwLjYyMTkgMTAuNDQ1OCAyMC42MjE5IDEwLjg3NDcgMjAuMTkzTDE0Ljc1NzQgMTYuMzEwM0wxOC42NCAyMC4xOTI5QzE5LjA2ODggMjAuNjIxOCAxOS43NjQxIDIwLjYyMTggMjAuMTkzIDIwLjE5MjlaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K) no-repeat;
}
.blind-box-pc-page .blind-box-body {
  width: 1000px;
  margin: 0 auto;
}
.blind-box-pc-page .blind-box-banner {
  position: relative;
  height: 258px;
  background-color: #000;
}
.blind-box-pc-page .blind-box-banner .content {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}
.blind-box-pc-page .blind-box-banner .content .blind-box-banner-img {
  position: absolute;
  width: 375px;
  height: 170px;
  top: 50px;
  right: 0px;
  overflow: hidden;
}
.blind-box-pc-page .blind-box-title {
  height: 176px;
}
.blind-box-pc-page .blind-box-banner-btn .blind-box-btn {
  min-width: 220px;
  height: 44px;
  border-radius: 22px;
  background-color: #232323;
  font-size: 14px;
  color: #4C4C4E;
  border: none;
}
.blind-box-pc-page .blind-box-banner-btn .blind-box-btn:focus {
  box-shadow: none;
}
.blind-box-pc-page .blind-box-banner-btn .blind-box-btn.active {
  color: #FFF;
  background: #0173E5;
}
.blind-box-pc-page .blind-box-banner-btn .blind-box-btn:hover {
  opacity: 0.8;
}
.blind-box-pc-page .blind-box-banner-btn .blind-box-btn:active {
  opacity: 0.6;
}
.blind-box-pc-page .blind-box-info {
  margin-top: 24px;
  border-radius: 8px;
  background: #FAFAFA;
  display: flex;
  justify-content: space-between;
  padding: 16px 24px;
}
.blind-box-pc-page .blind-box-info .time-info .activity-date {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #8A8A8E;
  margin-top: 4px;
}
.blind-box-pc-page .blind-box-info .time-info .activity-countdown {
  font-size: 14px;
  line-height: 18px;
  margin-top: 4px;
  color: #000;
  display: flex;
  align-items: center;
}
.blind-box-pc-page .blind-box-info .time-info .activity-countdown > span {
  display: flex;
  align-items: center;
}
.blind-box-pc-page .blind-box-info .time-info .activity-countdown > span > span {
  display: inline-block;
  border-radius: 2px;
  width: 20px;
  height: 18px;
  text-align: center;
  font-size: 12px;
  vertical-align: middle;
  background-color: rgba(255, 255, 255, 0.1);
}
.blind-box-pc-page .blind-box-info .time-info .activity-countdown > span > span:first-child {
  margin-left: 8px;
  width: auto;
  padding: 0 3px;
}
.blind-box-pc-page .blind-box-info .time-info .activity-countdown > span > span + .blind-box-pc-page .blind-box-info .time-info .activity-countdown > span > span {
  margin-left: 8px;
}
.blind-box-pc-page .blind-box-info .time-info .activity-countdown > span > span.v {
  display: flex;
  width: 40px;
  height: 32px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #dddddd;
  background: #FFF;
  font-size: 16px;
  font-weight: 500;
  color: #000;
}
.blind-box-pc-page .blind-box-info .time-info .activity-countdown > span > span.colon {
  width: 8px;
}
.blind-box-pc-page .blind-box-info .prize-info {
  display: flex;
  align-items: center;
}
.blind-box-pc-page .blind-box-info .prize-title {
  display: flex;
  color: #8C8C93;
  font-size: 14px;
  font-weight: 500;
  width: 86px;
  line-height: 20px;
  flex-direction: row-reverse;
  overflow: hidden;
}
.blind-box-pc-page .blind-box-info .prize-list {
  margin-left: 16px;
  display: flex;
}
.blind-box-pc-page .blind-box-info .prize-list li + li {
  margin-left: 16px;
}
.blind-box-pc-page .blind-box-info .prize-item {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.blind-box-pc-page .blind-box-info .prize-item > img {
  width: 40px;
}
.blind-box-pc-page .blind-box-info .prize-item > p {
  width: 50px;
  height: 24px;
  background-color: #fff;
  color: #000;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  border-radius: 30px;
  border: 1px solid #dddddd;
  margin-top: -15px;
}
.blind-box-pc-page .blind-box-content {
  height: auto;
  border-radius: 8px;
  background-color: #fff;
  margin-top: 40px;
  display: flex;
  flex-direction: column;
}
.blind-box-pc-page .blind-box-tabs {
  height: 44px;
  display: flex;
  align-items: center;
  gap: 24px;
}
.blind-box-pc-page .blind-box-tab {
  font-size: 20px;
  color: #565656;
  cursor: pointer;
  font-weight: 500;
}
.blind-box-pc-page .blind-box-tab.active {
  position: relative;
  font-size: 24px;
  color: #000000;
  font-weight: 600;
}
.blind-box-pc-page .blind-box-tabpanes {
  flex: 1;
  overflow: hidden;
  display: flex;
}
.blind-box-pc-page .blind-box-tabpane {
  border-top-right-radius: 8px;
  width: 100%;
  height: 100%;
  position: relative;
}
.blind-box-pc-page .blind-box-tabpane.task {
  min-height: 472px;
}
.blind-box-pc-page .blind-box-tabpane .task-item {
  display: flex;
  border-bottom: 0.5px solid #E3ECE3;
  padding: 24px 0;
}
.blind-box-pc-page .blind-box-tabpane .task-item:last-child {
  border-bottom: none;
}
.blind-box-pc-page .blind-box-tabpane .record-nodata {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.blind-box-pc-page .blind-box-tabpane .record-nodata > img {
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto;
}
.blind-box-pc-page .blind-box-tabpane .task-left {
  display: flex;
  align-items: center;
  flex: 1;
}
.blind-box-pc-page .blind-box-tabpane .task-icon-area {
  width: 32px;
  height: 32px;
}
.blind-box-pc-page .blind-box-tabpane .task-icon-area > img {
  width: 32px;
  height: 32px;
}
.blind-box-pc-page .blind-box-tabpane .task-info-area {
  margin-left: 8px;
}
.blind-box-pc-page .blind-box-tabpane .info-title {
  color: #000000;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.blind-box-pc-page .blind-box-tabpane .info-subtitle {
  color: #8A8A8E;
  font-size: 12px;
  line-height: 16px;
}
.blind-box-pc-page .blind-box-tabpane .info-subtitle > span {
  color: #F9AB15;
}
.blind-box-pc-page .blind-box-tabpane .task-right {
  width: 80px;
  display: flex;
  align-items: center;
}
.blind-box-pc-page .blind-box-tabpane .task-menu {
  width: 80px;
  border-radius: 16px;
  border: none;
  background-color: #F5F5F5;
  font-size: 14px;
  font-weight: 500;
  color: #ADADB4;
  padding: 0;
  line-height: 32px;
  text-align: center;
  overflow: hidden;
}
.blind-box-pc-page .blind-box-tabpane .task-menu:focus {
  box-shadow: none;
}
.blind-box-pc-page .blind-box-tabpane .task-menu.active {
  background-color: #0173E5;
  color: #fff;
}
.blind-box-pc-page .blind-box-tabpane .task-menu > span {
  vertical-align: unset;
}
.blind-box-pc-page .blind-box-tabpane.record {
  padding: 16px 0;
  height: 472px;
}
.blind-box-pc-page .blind-box-tabpane .record-item {
  display: flex;
  justify-content: space-between;
  padding: 12px 24px;
  height: 40px;
  line-height: 16px;
  font-size: 12px;
}
.blind-box-pc-page .blind-box-tabpane .record-item:first-child {
  height: 24px;
  color: #8A8A8E;
  padding: 0 24px;
  line-height: 16px;
}
.blind-box-pc-page .blind-box-tabpane .record-nodata {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.blind-box-pc-page .blind-box-tabpane .record-nodata > img {
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto;
}
.blind-box-pc-page .blind-box-tabpane.rule {
  padding-bottom: 10px;
  height: auto;
}
.blind-box-pc-page .blind-box-tabpane .rule-item {
  margin-top: 24px;
}
.blind-box-pc-page .blind-box-tabpane .rule-item > ul {
  margin-top: 8px;
}
.blind-box-pc-page .blind-box-tabpane .rule-item li {
  font-size: 12px;
  line-height: 18px;
  color: #565656;
  margin-top: 14px;
  position: relative;
  padding-left: 16px;
}
.blind-box-pc-page .blind-box-tabpane .rule-item li::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  position: absolute;
  top: 7px;
  left: 2px;
  background-color: #565656;
  border-radius: 50%;
  vertical-align: middle;
}
.blind-box-pc-page .blind-box-tabpane .rule-item li:first-child {
  margin-top: 0;
}
.blind-box-pc-page .blind-box-tabpane .rule-item li > span {
  text-decoration: underline;
  cursor: pointer;
}
.blind-box-pc-page .blind-box-tabpane .rule-item:last-child > ul {
  padding-bottom: 24px;
}
.blind-box-pc-page .blind-box-tabpane .rule-title {
  font-weight: 500;
  font-size: 14px;
  color: #000000;
  line-height: 20px;
}

.blind-box-mobile-page {
  padding-bottom: 40px;
}
.blind-box-mobile-page .blind-box-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100000;
}
.blind-box-mobile-page .blind-box-prize-box {
  position: absolute;
  top: 300px;
  left: 50%;
  margin-left: -150px;
  z-index: 100001;
}
.blind-box-mobile-page .blind-box-prize-box .blind-box-aperture {
  position: absolute;
  top: -40px;
  left: -60px;
  width: 360px;
}
.blind-box-mobile-page .blind-box-prize-box .blind-box-scatter-flowers {
  width: 245px;
  height: 245px;
  position: absolute;
  top: -170px;
}
.blind-box-mobile-page .blind-box-prize-box .blind-box-prize-content {
  width: 240px;
  height: 268px;
  position: relative;
}
.blind-box-mobile-page .blind-box-prize-box .blind-box-prize-content > img {
  display: block;
  margin: 0 auto;
  width: 147px;
  height: 147px;
}
.blind-box-mobile-page .blind-box-prize-box .prize-title {
  text-align: center;
  color: #fff;
  margin-bottom: 40px;
}
.blind-box-mobile-page .blind-box-prize-box .prize-info {
  min-width: 194px;
  padding: 0 16px;
  white-space: nowrap;
  height: 44px;
  border-radius: 22px;
  line-height: 44px;
  font-size: 28px;
  font-weight: 500;
  color: #161616;
  text-align: center;
  background: #ffffff;
  z-index: 10;
  position: relative;
  margin-top: -38px;
}
.blind-box-mobile-page .blind-box-prize-box .prize-tips {
  text-align: center;
  margin-top: 16px;
  font-size: 12px;
  line-height: 16px;
  color: rgba(255, 255, 255, 0.8);
}
.blind-box-mobile-page .blind-box-prize-box .prize-close {
  cursor: pointer;
  margin: 16px auto 0;
  width: 30px;
  height: 30px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTUiIGN5PSIxNSIgcj0iMTQiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIwLjE5MyAyMC4xOTI5QzIwLjYyMTkgMTkuNzY0MSAyMC42MjE5IDE5LjA2ODggMjAuMTkzIDE4LjYzOTlMMTYuMzEwNCAxNC43NTczTDIwLjE5MjkgMTAuODc0OEMyMC42MjE4IDEwLjQ0NTkgMjAuNjIxOCA5Ljc1MDU5IDIwLjE5MjkgOS4zMjE3M0MxOS43NjQgOC44OTI4NyAxOS4wNjg3IDguODkyODcgMTguNjM5OSA5LjMyMTczTDE0Ljc1NzQgMTMuMjA0MkwxMC44NzQ4IDkuMzIxNjRDMTAuNDQ1OSA4Ljg5Mjc4IDkuNzUwNTggOC44OTI3OCA5LjMyMTcyIDkuMzIxNjRDOC44OTI4NiA5Ljc1MDUxIDguODkyODYgMTAuNDQ1OCA5LjMyMTcyIDEwLjg3NDdMMTMuMjA0MyAxNC43NTczTDkuMzIxNjEgMTguNjRDOC44OTI3NSAxOS4wNjg4IDguODkyNzUgMTkuNzY0MiA5LjMyMTYxIDIwLjE5M0M5Ljc1MDQ3IDIwLjYyMTkgMTAuNDQ1OCAyMC42MjE5IDEwLjg3NDcgMjAuMTkzTDE0Ljc1NzQgMTYuMzEwM0wxOC42NCAyMC4xOTI5QzE5LjA2ODggMjAuNjIxOCAxOS43NjQxIDIwLjYyMTggMjAuMTkzIDIwLjE5MjlaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K) no-repeat;
}
.blind-box-mobile-page .blind-box-noprize {
  position: absolute;
  top: 300px;
  left: 50%;
  margin-left: -150px;
  z-index: 100001;
}
.blind-box-mobile-page .blind-box-noprize .noprize-content-box {
  width: 272px;
  background: #fff;
  border-radius: 8px;
  padding: 16px;
  text-align: center;
}
.blind-box-mobile-page .blind-box-noprize .noprize-content-box > img {
  width: 133px;
  height: 76px;
}
.blind-box-mobile-page .blind-box-noprize .noprize-content-title {
  margin-top: 22px;
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  color: #000000;
}
.blind-box-mobile-page .blind-box-noprize .noprize-content-subtitle {
  margin-top: 8px;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  color: #565656;
}
.blind-box-mobile-page .blind-box-noprize .noprize-button {
  width: 100%;
  background-color: #0173E5;
  height: 44px;
  font-size: 14px;
  line-height: 44px;
  color: #fff;
  text-align: center;
  border-radius: 22px;
  cursor: pointer;
  margin-top: 38px;
}
.blind-box-mobile-page .blind-box-share-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  top: 0;
}
.blind-box-mobile-page .blind-box-share-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100001;
  background-color: #fff;
  border-radius: 8px;
  padding: 16px;
  width: 272px;
}
.blind-box-mobile-page .blind-box-share-box .share-title {
  color: #000000;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
}
.blind-box-mobile-page .blind-box-share-box .share-list {
  margin-top: 8px;
}
.blind-box-mobile-page .blind-box-share-box .share-item {
  height: 56px;
  border-bottom: 0.5px solid #EBEBEB;
  display: flex;
  justify-content: space-around;
}
.blind-box-mobile-page .blind-box-share-box .share-item-info {
  flex: 1;
  font-size: 14px;
  color: #000000;
  line-height: 56px;
  vertical-align: middle;
}
.blind-box-mobile-page .blind-box-share-box .share-item-info > img {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}
.blind-box-mobile-page .blind-box-share-box .share-item:last-child {
  border-bottom: none;
}
.blind-box-mobile-page .blind-box-share-box .share-item-btn {
  margin-top: 12px;
  min-width: 80px;
  padding: 0 10px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  border-radius: 16px;
  background-color: #0173E5;
  color: #fff;
  cursor: pointer;
}
.blind-box-mobile-page .blind-box-share-box .share-close {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
  margin-top: 40px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTUiIGN5PSIxNSIgcj0iMTQiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIwLjE5MyAyMC4xOTI5QzIwLjYyMTkgMTkuNzY0MSAyMC42MjE5IDE5LjA2ODggMjAuMTkzIDE4LjYzOTlMMTYuMzEwNCAxNC43NTczTDIwLjE5MjkgMTAuODc0OEMyMC42MjE4IDEwLjQ0NTkgMjAuNjIxOCA5Ljc1MDU5IDIwLjE5MjkgOS4zMjE3M0MxOS43NjQgOC44OTI4NyAxOS4wNjg3IDguODkyODcgMTguNjM5OSA5LjMyMTczTDE0Ljc1NzQgMTMuMjA0MkwxMC44NzQ4IDkuMzIxNjRDMTAuNDQ1OSA4Ljg5Mjc4IDkuNzUwNTggOC44OTI3OCA5LjMyMTcyIDkuMzIxNjRDOC44OTI4NiA5Ljc1MDUxIDguODkyODYgMTAuNDQ1OCA5LjMyMTcyIDEwLjg3NDdMMTMuMjA0MyAxNC43NTczTDkuMzIxNjEgMTguNjRDOC44OTI3NSAxOS4wNjg4IDguODkyNzUgMTkuNzY0MiA5LjMyMTYxIDIwLjE5M0M5Ljc1MDQ3IDIwLjYyMTkgMTAuNDQ1OCAyMC42MjE5IDEwLjg3NDcgMjAuMTkzTDE0Ljc1NzQgMTYuMzEwM0wxOC42NCAyMC4xOTI5QzE5LjA2ODggMjAuNjIxOCAxOS43NjQxIDIwLjYyMTggMjAuMTkzIDIwLjE5MjlaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K) no-repeat;
}
.blind-box-mobile-page .blind-box-body {
  width: 100%;
}
.blind-box-mobile-page .blind-box-banner {
  width: 100%;
  position: relative;
  height: 302px;
  background-color: #000;
  text-align: center;
}
.blind-box-mobile-page .blind-box-title {
  height: 130px;
  max-width: 100%;
}
.blind-box-mobile-page .blind-box-banner-btn {
  margin-top: 16px;
  width: 100%;
  padding: 0 16px 42px;
}
.blind-box-mobile-page .blind-box-banner-btn .blind-box-btn {
  width: 100%;
  height: 44px;
  border-radius: 22px;
  margin: 0 auto;
  background-color: #232323;
  font-size: 14px;
  color: #4C4C4E;
  border: none;
  display: block;
}
.blind-box-mobile-page .blind-box-banner-btn .blind-box-btn:focus {
  box-shadow: none;
}
.blind-box-mobile-page .blind-box-banner-btn .blind-box-btn.active {
  color: #FFF;
  background: #0173E5;
}
.blind-box-mobile-page .blind-box-banner-btn .blind-box-btn:hover {
  opacity: 0.8;
}
.blind-box-mobile-page .blind-box-banner-btn .blind-box-btn:active {
  opacity: 0.6;
}
.blind-box-mobile-page .blind-box-banner-img {
  position: absolute;
  height: 145px;
  top: 135px;
  left: 50%;
  transform: translate(-50%, 0);
  overflow: hidden;
}
.blind-box-mobile-page .blind-box-info {
  background-color: #000;
}
.blind-box-mobile-page .blind-box-info .prize-info {
  width: 100%;
}
.blind-box-mobile-page .blind-box-info .prize-title {
  text-align: center;
  color: #8C8C93;
  font-size: 12px;
  font-weight: 500;
}
.blind-box-mobile-page .blind-box-info .prize-list {
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
.blind-box-mobile-page .blind-box-info .prize-list li + li {
  margin-left: 16px;
}
.blind-box-mobile-page .blind-box-info .prize-item {
  width: 44px;
  height: 36px;
  position: relative;
  text-align: center;
  margin-left: 16px;
}
.blind-box-mobile-page .blind-box-info .prize-item > img {
  width: 32px;
  height: 32px;
}
.blind-box-mobile-page .blind-box-info .prize-item > p {
  background-color: #292929;
  color: #fff;
  font-size: 10px;
  line-height: 1;
  border-radius: 8px;
  padding: 3px 8px;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
}
.blind-box-mobile-page .blind-box-info .prize-item:first-child {
  margin: 0;
}
.blind-box-mobile-page .time-info {
  display: flex;
  justify-content: space-between;
  padding: 12px 0;
}
.blind-box-mobile-page .time-info .title {
  font-size: 12px;
  color: #000;
  font-weight: 500;
}
.blind-box-mobile-page .time-info .activity-date {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #8A8A8E;
}
.blind-box-mobile-page .time-info .activity-countdown {
  display: flex;
  align-items: center;
}
.blind-box-mobile-page .time-info .activity-countdown > span {
  display: flex;
  align-items: center;
}
.blind-box-mobile-page .time-info .activity-countdown > span > span {
  display: inline-block;
  border-radius: 2px;
  width: 20px;
  height: 18px;
  text-align: center;
  font-size: 12px;
  vertical-align: middle;
  background-color: rgba(255, 255, 255, 0.1);
}
.blind-box-mobile-page .time-info .activity-countdown > span > span:first-child {
  margin-left: 8px;
  width: auto;
  padding: 0 3px;
}
.blind-box-mobile-page .time-info .activity-countdown > span > span + .blind-box-mobile-page .time-info .activity-countdown > span > span {
  margin-left: 8px;
}
.blind-box-mobile-page .time-info .activity-countdown > span > span.v {
  display: flex;
  padding: 4px;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  background: #F5F5F5;
  font-size: 12px;
  font-weight: 500;
  color: #000;
}
.blind-box-mobile-page .time-info .activity-countdown > span > span.colon {
  width: 8px;
}
.blind-box-mobile-page .blind-box-content {
  padding: 0 12px 0;
  margin-top: -12px;
  height: auto;
  min-height: 400px;
  border-radius: 12px 12px 0px 0px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
}
.blind-box-mobile-page .blind-box-tabs {
  height: 44px;
  background-color: #F5F5F5;
  display: flex;
  align-items: center;
  border-radius: 12px;
  padding: 4px;
  gap: 8px;
}
.blind-box-mobile-page .blind-box-tab {
  flex: 1;
  height: 36px;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 8px;
  color: #8A8A8E;
  cursor: pointer;
}
.blind-box-mobile-page .blind-box-tab.active {
  position: relative;
  font-size: 14px;
  color: #000000;
  background: #FFF;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
}
.blind-box-mobile-page .blind-box-tab:first-child.active::before {
  display: none;
}
.blind-box-mobile-page .blind-box-tab:last-child.active::after {
  display: none;
}
.blind-box-mobile-page .blind-box-tabpanes {
  flex: 1;
  overflow: hidden;
  display: flex;
}
.blind-box-mobile-page .blind-box-tabpane {
  border-top-right-radius: 8px;
  width: 100%;
  height: 100%;
  position: relative;
}
.blind-box-mobile-page .blind-box-tabpane .task-item {
  display: flex;
  border-bottom: 0.5px solid #E3ECE3;
  padding: 22px 0;
}
.blind-box-mobile-page .blind-box-tabpane .task-item:last-child {
  border-bottom: none;
}
.blind-box-mobile-page .blind-box-tabpane .task-left {
  display: flex;
  align-items: center;
  flex: 1;
}
.blind-box-mobile-page .blind-box-tabpane .task-icon-area {
  width: 32px;
  height: 32px;
}
.blind-box-mobile-page .blind-box-tabpane .task-icon-area > img {
  width: 32px;
  height: 32px;
}
.blind-box-mobile-page .blind-box-tabpane .task-info-area {
  margin-left: 8px;
}
.blind-box-mobile-page .blind-box-tabpane .info-title {
  color: #000000;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.blind-box-mobile-page .blind-box-tabpane .info-subtitle {
  color: #8A8A8E;
  font-size: 12px;
  line-height: 16px;
}
.blind-box-mobile-page .blind-box-tabpane .info-subtitle > span {
  color: #F9AB15;
}
.blind-box-mobile-page .blind-box-tabpane .task-right {
  width: 80px;
  margin-left: 16px;
  display: flex;
  align-items: center;
}
.blind-box-mobile-page .blind-box-tabpane .task-menu {
  width: 80px;
  height: 32px;
  border-radius: 16px;
  border: none;
  background-color: #F5F5F5;
  font-size: 12px;
  font-weight: 500;
  color: #ADADB4;
  padding: 0;
  line-height: 1;
  text-align: center;
  overflow: hidden;
}
.blind-box-mobile-page .blind-box-tabpane .task-menu:focus {
  box-shadow: none;
}
.blind-box-mobile-page .blind-box-tabpane .task-menu.active {
  background-color: #0173E5;
  color: #fff;
}
.blind-box-mobile-page .blind-box-tabpane .task-menu > span {
  vertical-align: unset;
}
.blind-box-mobile-page .blind-box-tabpane.record {
  padding: 16px 0;
  height: auto;
}
.blind-box-mobile-page .blind-box-tabpane .record-item {
  display: flex;
  justify-content: space-between;
  padding: 12px 24px;
  height: 40px;
  line-height: 16px;
  font-size: 12px;
}
.blind-box-mobile-page .blind-box-tabpane .record-item:first-child {
  height: 24px;
  color: #8A8A8E;
  padding: 0 24px;
  line-height: 16px;
}
.blind-box-mobile-page .blind-box-tabpane .record-nodata {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.blind-box-mobile-page .blind-box-tabpane .record-nodata > img {
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto;
}
.blind-box-mobile-page .blind-box-tabpane .rule-item {
  margin-top: 24px;
}
.blind-box-mobile-page .blind-box-tabpane .rule-item > ul {
  margin-top: 8px;
}
.blind-box-mobile-page .blind-box-tabpane .rule-item li {
  font-size: 12px;
  line-height: 18px;
  color: #565656;
  margin-top: 14px;
  position: relative;
  padding-left: 12px;
}
.blind-box-mobile-page .blind-box-tabpane .rule-item li::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  position: absolute;
  top: 7px;
  left: 1px;
  background-color: #565656;
  border-radius: 50%;
  margin-right: 10px;
  vertical-align: middle;
}
.blind-box-mobile-page .blind-box-tabpane .rule-item li:first-child {
  margin-top: 0;
}
.blind-box-mobile-page .blind-box-tabpane .rule-item li > span {
  text-decoration: underline;
  cursor: pointer;
}
.blind-box-mobile-page .blind-box-tabpane .rule-item:last-child > ul {
  padding-bottom: 12px;
}
.blind-box-mobile-page .blind-box-tabpane .rule-title {
  font-weight: 500;
  font-size: 14px;
  color: #000000;
  line-height: 20px;
}

.modal[data-v-44f5ced0] .ivu-modal-body {
  padding: 24px;
}
.modal.h5[data-v-44f5ced0] .ivu-modal-body {
  padding: 30px 24px;
}

.otc-desk-nav[data-v-4b480619] {
  color: #000;
  background-color: #fafafa;
}
.otc-desk-nav .content[data-v-4b480619] {
  display: flex;
  height: 66px;
  justify-content: space-between;
  align-items: center;
}
.otc-desk-nav .content .title[data-v-4b480619] {
  font-family: PingFang SC;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  color: unset;
}
.otc-desk-nav .content .link[data-v-4b480619] {
  display: inline-flex;
  align-items: center;
  color: unset;
}
.otc-desk-nav .content .link img[data-v-4b480619] {
  margin-right: 4px;
}
.otc-desk-nav .content .link + .link[data-v-4b480619] {
  margin-left: 24px;
}
.otc-desk-nav.h5[data-v-4b480619] {
  padding: 0 16px;
}
.otc-desk-nav.h5 .content[data-v-4b480619] {
  height: 44px;
}
.otc-desk-nav.h5 .content .title[data-v-4b480619] {
  font-size: 14px;
}
.otc-desk-nav.h5 .link img[data-v-4b480619] {
  margin-right: 0;
}
.otc-desk-nav.h5 .link span[data-v-4b480619] {
  display: none;
}
.otc-desk-nav.h5 .link + .link[data-v-4b480619] {
  margin-left: 16px;
}

.modal[data-v-9bac3ae4]  .ivu-modal-body {
  padding: 0;
}
.modal[data-v-9bac3ae4]  .ivu-modal-content {
  border-radius: 16px;
}
@media (max-width: 576px) {
.modal[data-v-9bac3ae4]  .ivu-modal-content {
    border-radius: 8px;
}
}
.welcome-modal .body[data-v-9bac3ae4] {
  padding: 40px;
  text-align: center;
}
.welcome-modal .body .logo[data-v-9bac3ae4] {
  width: 190px;
  height: 150px;
}
.welcome-modal .body .title[data-v-9bac3ae4] {
  color: #000;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  margin-top: 16px;
}
.welcome-modal .body .tips[data-v-9bac3ae4] {
  color: #565656;
  font-size: 14px;
  margin-top: 8px;
}
.welcome-modal .body .btn[data-v-9bac3ae4] {
  height: 44px;
  margin-top: 40px;
}
@media (max-width: 576px) {
.welcome-modal .body[data-v-9bac3ae4] {
    padding: 16px;
    width: 325px;
}
.welcome-modal .body .logo[data-v-9bac3ae4] {
    width: 114px;
    height: 90px;
    margin-top: 8px;
}
.welcome-modal .body .title[data-v-9bac3ae4] {
    font-size: 16px;
    line-height: 20px;
}
.welcome-modal .body .btn[data-v-9bac3ae4] {
    margin-top: 16px;
}
}
.step-modal .body[data-v-9bac3ae4] {
  display: flex;
}
.step-modal .body .left[data-v-9bac3ae4] {
  width: 224px;
  height: 464px;
  margin: 8px;
  display: flex;
  padding: 32px;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 8px;
  background: #F5F5F5;
}
.step-modal .body .left .steps .item[data-v-9bac3ae4] {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #8A8A8E;
  font-size: 12px;
  font-family: 500;
  line-height: 16px;
}
.step-modal .body .left .steps .item + .item[data-v-9bac3ae4] {
  margin-top: 24px;
  position: relative;
}
.step-modal .body .left .steps .item + .item[data-v-9bac3ae4]::before {
  content: '';
  position: absolute;
  width: 1px;
  height: 24px;
  background: #ddd;
  top: -24px;
  left: 12px;
}
.step-modal .body .left .steps .item .index[data-v-9bac3ae4] {
  display: flex;
  width: 24px;
  height: 24px;
  justify-content: center;
  align-items: center;
  border-radius: 80px;
  border: 1px solid currentColor;
}
.step-modal .body .left .steps .item .index img[data-v-9bac3ae4] {
  width: 10px;
  height: 8px;
}
.step-modal .body .left .steps .item.done[data-v-9bac3ae4] {
  color: #000;
  cursor: pointer;
}
.step-modal .body .left .steps .item.done[data-v-9bac3ae4]::before {
  background: #000;
}
.step-modal .body .right[data-v-9bac3ae4] {
  padding: 40px 80px;
  flex: 1;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  color: #565656;
}
.step-modal .body .right .step .title[data-v-9bac3ae4] {
  color: #000;
  font-size: 24px;
  font-weight: 500;
}
.step-modal .body .right .step .tip2[data-v-9bac3ae4] {
  color: #565656;
  margin-top: 8px;
}
.step-modal .body .right .conditions[data-v-9bac3ae4] {
  display: flex;
  align-items: stretch;
  gap: 8px;
  margin-top: 8px;
}
.step-modal .body .right .conditions .item[data-v-9bac3ae4] {
  flex: 1;
  padding: 12px;
  border-radius: 4px;
  background: #FAFAFA;
}
.step-modal .body .right .conditions .item .condition[data-v-9bac3ae4] {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  margin-top: 8px;
}
.step-modal .body .right .conditions .item .condition img[data-v-9bac3ae4] {
  width: 16px;
  height: 16px;
  margin-left: 4px;
  top: 2px;
  position: relative;
}
.step-modal .body .right .form[data-v-9bac3ae4] {
  margin-top: 24px;
}
.step-modal .body .right .form[data-v-9bac3ae4]  .ivu-checkbox-group .ivu-checkbox-group-item {
  line-height: 20px;
  height: 20px;
  color: #000;
  font-size: 14px;
  display: block;
}
.step-modal .body .right .form[data-v-9bac3ae4]  .ivu-checkbox-group .ivu-checkbox-group-item:not(.ivu-checkbox-wrapper-checked) .ivu-checkbox-inner {
  border-color: #8A8A8E;
}
.step-modal .body .right .form[data-v-9bac3ae4]  .ivu-checkbox-group .ivu-checkbox-group-item + .ivu-checkbox-group-item {
  margin-top: 16px;
}
.step-modal .body .right .form[data-v-9bac3ae4]  .ivu-radio-group .ivu-radio-group-item {
  line-height: 20px;
  height: 20px;
  color: #000;
}
.step-modal .body .right .form[data-v-9bac3ae4]  .ivu-radio-group .ivu-radio-group-item:not(.ivu-radio-wrapper-checked) .ivu-radio-inner {
  border-color: #8A8A8E;
}
.step-modal .body .right .form[data-v-9bac3ae4]  .ivu-radio-group .ivu-radio-group-item + .ivu-radio-group-item {
  margin-top: 16px;
}
.step-modal .body .right .form[data-v-9bac3ae4]  .ivu-select .ivu-select-selection {
  height: 44px;
  border-color: #ddd;
}
.step-modal .body .right .form[data-v-9bac3ae4]  .ivu-select .ivu-select-input {
  height: 44px;
}
.step-modal .body .right .form[data-v-9bac3ae4]  .ivu-select .ivu-select-placeholder,
.step-modal .body .right .form[data-v-9bac3ae4]  .ivu-select .ivu-select-selected-value {
  height: 44px;
  line-height: 44px;
  padding-left: 12px;
}
.step-modal .body .right .form[data-v-9bac3ae4]  .ivu-form-item {
  margin-bottom: 16px;
}
.step-modal .body .right .form[data-v-9bac3ae4]  .ivu-form-item.ivu-form-item-required .ivu-form-item-label:before {
  display: none;
}
.step-modal .body .right .form[data-v-9bac3ae4]  .ivu-form-item.ivu-form-item-required .ivu-form-item-label:after {
  content: '*';
  display: inline-block;
  margin-right: 4px;
  line-height: 1;
  font-family: SimSun;
  font-size: 12px;
  color: #EF5656;
}
.step-modal .body .right .form[data-v-9bac3ae4]  .ivu-form-item .ivu-form-item-label {
  font-size: 14px;
  color: #000;
  padding: 0;
  margin-bottom: 8px;
}
.step-modal .body .right .form[data-v-9bac3ae4]  .ivu-form-item .ivu-input {
  height: 44px;
  padding: 6px 12px;
}
.step-modal .body .right .footer[data-v-9bac3ae4] {
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 12px;
}
.step-modal .body .right .footer .pager[data-v-9bac3ae4] {
  margin-right: auto;
  font-size: 14px;
  color: #ADADB4;
}
.step-modal .body .right .footer .pager > span[data-v-9bac3ae4] {
  color: #000;
}
.step-modal .body .right .footer .btn[data-v-9bac3ae4] {
  width: 140px;
  height: 44px;
}

.modal[data-v-17ec745f]  .ivu-modal-body {
  padding: 0;
}
.body[data-v-17ec745f] {
  padding: 40px;
  text-align: center;
}
.body .logo[data-v-17ec745f] {
  width: 64px;
  height: 64px;
}
.body .title[data-v-17ec745f] {
  color: #000;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  margin-top: 16px;
}
.body .tips[data-v-17ec745f] {
  color: #565656;
  font-size: 14px;
  margin-top: 8px;
}
.body .qrcode[data-v-17ec745f] {
  width: 114px;
  height: 114px;
}
.body .btn[data-v-17ec745f] {
  height: 44px;
  margin-top: 40px;
}

.modal[data-v-05e46cc3]  .ivu-modal-header {
  border: none !important;
}
.modal[data-v-05e46cc3]  .ivu-modal-body {
  padding: 0;
}
.modal[data-v-05e46cc3]  .ivu-modal-footer {
  border: none !important;
}

.quote-table[data-v-a24ad5b0] {
  color: #000;
  background: #fff;
  font-size: 16px;
  border-radius: 16px;
  box-shadow: 0px 4px 24px 0px rgba(217, 217, 217, 0.5);
  overflow: hidden;
  min-height: 364px;
}
.quote-table .row[data-v-a24ad5b0] {
  padding: 6px 24px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.quote-table .row .td[data-v-a24ad5b0] {
  flex: 1;
  height: 40px;
  display: flex;
  align-items: center;
}
.quote-table .row .td[data-v-a24ad5b0]:not(:nth-child(1)) {
  justify-content: flex-end;
}
.quote-table .row .up[data-v-a24ad5b0] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAICAYAAAArzdW1AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABpSURBVHgBdYxREYAgEAUfZwEjEAWTiA1oQAUbODYjgglE7wbkmMH9Yrh9a6A5QwSMx50XbHuq3/QJR7AiABYTRb0l9VpFYHL278j1UquouYm9pCsNV2tUKgEjSo1LLMwYIzWWEv65+P4AjNUXdRCPnNkAAAAASUVORK5CYII=);
}
.quote-table .row .down[data-v-a24ad5b0] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABoSURBVHgBdY5dDYAwDISvNcErOCHMBMjAAVODC5CABPY6PEDZwkiW/Xwvbdq7Xsmq6QTQooxhCOq4HT8QXRUQFvLVDi6GkhiBaba146CcS+6vBC417gLqY7dv+RfcBJ26M/wV988Rz14M/xz3F9HHSAAAAABJRU5ErkJggg==);
}
.quote-table .row .autoHide[data-v-a24ad5b0] {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-size: 100% 100%;
  animation: autoHide-data-v-a24ad5b0 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  margin-right: 4px;
}
.quote-table .header[data-v-a24ad5b0] {
  background: #fdfdfd;
  border-bottom: 1px solid #f5f5f5;
  font-size: 14px;
}
.quote-table .header .td[data-v-a24ad5b0] {
  height: 20px;
  color: #565656;
}
.quote-table.h5[data-v-a24ad5b0] {
  font-size: 12px;
  border-radius: 8px;
  min-height: 240px;
}
.quote-table.h5 .row[data-v-a24ad5b0] {
  padding: 6px 12px;
}
.quote-table.h5 .row .td[data-v-a24ad5b0] {
  height: 20px;
}
.quote-table.h5 .header[data-v-a24ad5b0] {
  background: #fcfcfc;
  border-bottom: 1px solid #ebebeb;
  font-size: 12px;
}
.quote-table.h5 .body[data-v-a24ad5b0] {
  padding: 8px 0;
}
@keyframes autoHide-data-v-a24ad5b0 {
0% {
    opacity: 1;
}
70% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}

img[data-v-ad8a3456] {
  width: 100%;
}
ul[data-v-ad8a3456],
li[data-v-ad8a3456] {
  list-style-type: none;
  list-style: none;
}
.ma[data-v-ad8a3456] {
  width: 1200px;
  margin: 0 auto;
  color: #000000;
  padding: 120px 0;
}
.banner[data-v-ad8a3456] {
  border-top: 1px solid #ddd;
  height: 524px;
  background-color: #fafafa;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: 100% 100%;
}
.banner-content[data-v-ad8a3456] {
  display: flex;
  align-items: center;
}
.banner-text[data-v-ad8a3456] {
  width: 540px;
  font-size: 0;
}
.banner-text img[data-v-ad8a3456] {
  height: 77px;
  width: auto;
}
.banner .banner-content-left[data-v-ad8a3456] {
  width: 540px;
}
.banner-pic[data-v-ad8a3456] {
  width: 540px;
  margin-left: 120px;
  position: relative;
}
.banner-pic .cir1[data-v-ad8a3456] {
  position: absolute;
  width: 104px;
  left: -54px;
  top: 27px;
  z-index: 1;
}
.banner-pic .cir2[data-v-ad8a3456] {
  position: absolute;
  width: 60px;
  right: -62px;
  bottom: 16px;
}
.banner-pic .table[data-v-ad8a3456] {
  position: relative;
  z-index: 2;
}
.banner .trading-btn[data-v-ad8a3456] {
  width: 240px;
  line-height: 64px;
  color: #fff;
  text-align: center;
  font-size: 20px;
  border-radius: 8px;
  font-weight: 500;
  cursor: pointer;
  user-select: none;
  background-color: #0173e5;
}
.banner .trading-btn[data-v-ad8a3456]:hover {
  background-color: #0162C3;
}
.banner .contact[data-v-ad8a3456] {
  color: #7e8697;
  font-size: 14px;
  margin-top: 8px;
}
.banner .contact span[data-v-ad8a3456] {
  cursor: pointer;
  color: #0173e5;
}
.banner .contact[data-v-ad8a3456] .ivu-poptip-arrow {
  display: none;
}
.banner .contact[data-v-ad8a3456] .ivu-poptip-body {
  padding: 16px;
}
.banner .contact-content[data-v-ad8a3456] {
  width: 205px;
  color: #000000;
  font-size: 14px;
}
.banner .contact-content h5[data-v-ad8a3456] {
  color: #565656;
  margin-bottom: 8px;
  font-size: 14px;
}
.banner .contact-content > div[data-v-ad8a3456] {
  display: flex;
}
.banner .contact-content > div[data-v-ad8a3456]:last-child {
  margin-top: 10px;
}
.banner .contact-content span[data-v-ad8a3456] {
  color: #000000;
  text-decoration: underline;
}
.banner .contact-content .icon-box[data-v-ad8a3456] {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  display: table-cell;
  text-align: center;
  margin-right: 4px;
}
.banner .contact-content .icon-box img[data-v-ad8a3456] {
  width: auto;
}
.onboarding-procedure[data-v-ad8a3456] {
  background-color: #fff;
}
.onboarding-procedure h2[data-v-ad8a3456] {
  font-size: 48px;
  font-weight: 600;
  line-height: 56px;
  text-align: center;
  margin-bottom: 60px;
}
.onboarding-procedure ul[data-v-ad8a3456] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.onboarding-procedure li[data-v-ad8a3456] {
  width: 444px;
  display: flex;
  align-items: center;
}
.onboarding-procedure li[data-v-ad8a3456]:nth-child(n + 3) {
  margin-top: 60px;
}
.onboarding-procedure li h4[data-v-ad8a3456] {
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 16px;
}
.onboarding-procedure li .icon-box[data-v-ad8a3456] {
  width: 60px;
  height: 60px;
  margin-right: 24px;
}
.onboarding-procedure li p[data-v-ad8a3456] {
  width: 360px;
  font-size: 16px;
  line-height: 20px;
}
.about[data-v-ad8a3456] {
  background-color: #fafafa;
}
.about .ma[data-v-ad8a3456] {
  display: flex;
  padding: 25px 0;
  justify-content: space-between;
  align-items: center;
  height: 476px;
}
.about-text[data-v-ad8a3456] {
  width: 500px;
}
.about-text h2[data-v-ad8a3456] {
  font-weight: 600;
  font-size: 48px;
  line-height: 56px;
  margin-bottom: 40px;
}
.about-text p[data-v-ad8a3456] {
  color: #565656;
  font-size: 16px;
  line-height: 20px;
}
.about-pic[data-v-ad8a3456] {
  width: 280px;
  font-size: 0;
}
.features[data-v-ad8a3456] {
  background-color: #fff;
}
.features ul[data-v-ad8a3456] {
  display: flex;
  flex-wrap: wrap;
}
.features li[data-v-ad8a3456] {
  width: 384px;
  min-height: 284px;
  padding: 40px 24px;
  border-radius: 16px;
  background-color: #fafafa;
  margin-right: 24px;
  box-sizing: border-box;
}
.features li[data-v-ad8a3456]:nth-child(3n) {
  margin-right: 0;
}
.features li[data-v-ad8a3456]:nth-child(n + 4) {
  margin-top: 24px;
}
.features li[data-v-ad8a3456]:nth-child(3) {
  padding: 0;
  background-color: transparent;
}
.features li h3[data-v-ad8a3456] {
  margin: 40px 0 16px;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
}
.features li p[data-v-ad8a3456] {
  color: #565656;
  font-size: 16px;
  line-height: 20px;
}
.features li h2[data-v-ad8a3456] {
  text-align: right;
  font-weight: 600;
  font-size: 48px;
  line-height: 56px;
}
.features .icon-box[data-v-ad8a3456] {
  width: 60px;
  height: 60px;
}
.how-works[data-v-ad8a3456] {
  height: 384px;
  background-color: #0173e5;
  background-size: 1920px 100%;
  background-position: center 0;
  background-repeat: no-repeat;
  background-image: url(https://otc-static.hbfile.net/vue/otc-ssr/otc-web-front/prod/v5.21.41/static/img/how-works-bg.23fc29c.png);
}
.how-works .ma[data-v-ad8a3456] {
  display: flex;
  justify-content: space-between;
}
.how-works h2[data-v-ad8a3456] {
  width: 440px;
  color: #fff;
  font-weight: 600;
  font-size: 48px;
  line-height: 56px;
  flex-shrink: 0;
  margin-right: 164px;
}
.how-works .tabs[data-v-ad8a3456] {
  color: #fff;
  display: flex;
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.how-works .tabs > div[data-v-ad8a3456] {
  padding: 16px 0;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  margin-right: 32px;
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.2s;
  color: rgba(255, 255, 255, 0.6);
}
.how-works .tabs > div.active[data-v-ad8a3456] {
  color: #fff;
}
.how-works .tabs > div[data-v-ad8a3456]:nth-child(3) {
  margin-right: 0;
}
.how-works .tabs .tabs-ink-bar[data-v-ad8a3456] {
  transition: all 0.2s;
  position: absolute;
  bottom: -1px;
  background-color: #fff;
  height: 1px;
}
.how-works .tabs .tabs-ink-bar[data-v-ad8a3456]::after {
  content: '';
  border-width: 6px;
  border-color: #fff transparent transparent transparent;
  border-style: solid;
  left: 50%;
  top: 100%;
  margin-left: -3px;
  position: absolute;
}
.how-works .carousel[data-v-ad8a3456] {
  width: 588px;
  overflow: hidden;
  margin-top: 30px;
}
.how-works .carousel .text[data-v-ad8a3456] {
  font-size: 16px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.8);
}
.why[data-v-ad8a3456] {
  background-color: #000;
}
.why .ma[data-v-ad8a3456] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.why h2[data-v-ad8a3456] {
  color: #d7ddeb;
  width: 440px;
  flex-shrink: 0;
  text-align: right;
  font-weight: 600;
  font-size: 48px;
  line-height: 56px;
}
.why p[data-v-ad8a3456] {
  width: 600px;
  color: #7e8697;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 24px;
}
.why a[data-v-ad8a3456] {
  color: #0173e5;
}
.faqs[data-v-ad8a3456] {
  background-color: #fff;
}
.faqs h2[data-v-ad8a3456] {
  font-weight: 700;
  font-size: 48px;
  line-height: 56px;
  text-align: center;
  margin-bottom: 28px;
}
.faqs li[data-v-ad8a3456] {
  padding: 32px 0;
  border-bottom: 1px solid #DDDDDD;
}
.faqs li h4[data-v-ad8a3456] {
  color: #000000;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  position: relative;
  cursor: pointer;
}
.faqs li p[data-v-ad8a3456] {
  margin-top: 32px;
  color: #565656;
}
.faqs li .toggle-icon[data-v-ad8a3456] {
  width: 14px;
  height: 14px;
  top: 50%;
  right: 0;
  margin-top: -7px;
  position: absolute;
  font-size: 0;
  line-height: 1;
  display: flex;
}
.faqs li .toggle-icon img[data-v-ad8a3456] {
  width: 100%;
  height: 100%;
}
.contact-more[data-v-ad8a3456] {
  height: 472px;
  background-color: #0E1015;
  background-size: 1920px 100%;
  background-position: center 0;
  background-repeat: no-repeat;
  background-image: url(https://otc-static.hbfile.net/vue/otc-ssr/otc-web-front/prod/v5.21.41/static/img/contact-bg.56ae73d.png);
  text-align: center;
}
.contact-more h2[data-v-ad8a3456] {
  font-weight: 600;
  font-size: 48px;
  line-height: 56px;
  color: #e6e6e6;
}
.contact-more .content[data-v-ad8a3456] {
  margin-top: 80px;
  color: #e6e6e6;
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  line-height: 20px;
}
.contact-more .content > div[data-v-ad8a3456] {
  flex: 1;
  display: flex;
}
.contact-more .content > div[data-v-ad8a3456]:nth-child(2) {
  justify-content: center;
}
.contact-more .content > div[data-v-ad8a3456]:nth-child(3) {
  justify-content: flex-end;
}
.contact-more .content img[data-v-ad8a3456] {
  width: 32px;
  height: 32px;
  margin-bottom: 20px;
}
.contact-more .content .name[data-v-ad8a3456] {
  font-weight: 500;
}
.contact-more .content .value[data-v-ad8a3456] {
  margin-top: 4px;
  color: #8C8C93;
}

img[data-v-37dc067e] {
  width: 100%;
}
ul[data-v-37dc067e],
li[data-v-37dc067e] {
  list-style-type: none;
  list-style: none;
}
.part-title[data-v-37dc067e] {
  color: #000000;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
}
.mWrap.inApp[data-v-37dc067e] {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.mWrap .content[data-v-37dc067e] {
  flex-grow: 1;
  overflow-y: auto;
}
.mWrap .content[data-v-37dc067e]::-webkit-scrollbar {
  width: 0;
  display: none;
}
.banner[data-v-37dc067e] {
  color: #565656;
  font-size: 12px;
  padding-top: 40px;
  padding-bottom: 48px;
  text-align: center;
  background-color: #fafafa;
  border-top: 1px solid #ddd;
  overflow: hidden;
}
.banner-pic[data-v-37dc067e] {
  padding: 0 48px;
}
.banner-pic img[data-v-37dc067e] {
  height: 38px;
}
.banner-text[data-v-37dc067e] {
  padding: 0 12px;
  margin-top: 8px;
  margin-bottom: 12px;
}
.banner .start-btn[data-v-37dc067e] {
  color: #fff;
  width: 140px;
  font-weight: 600;
  padding: 12px 0;
  margin: 0 auto 12px;
  border-radius: 4px;
  background-color: #0173e5;
}
.banner .contact-text[data-v-37dc067e] {
  color: #7e8697;
}
.banner .table-box[data-v-37dc067e] {
  position: relative;
}
.banner .table-box .cir1[data-v-37dc067e] {
  position: absolute;
  width: 58px;
  left: 0px;
  top: -5px;
  z-index: 1;
}
.banner .table-box .cir2[data-v-37dc067e] {
  position: absolute;
  width: 60px;
  right: -14px;
  bottom: -4px;
}
.banner .table-box .table[data-v-37dc067e] {
  position: relative;
  z-index: 2;
}
.onboarding-procedure[data-v-37dc067e] {
  padding: 48px 0;
  background-color: #fff;
}
.onboarding-procedure ul[data-v-37dc067e] {
  padding: 0 16px;
  margin-top: 40px;
}
.onboarding-procedure li[data-v-37dc067e] {
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 16px;
  color: #565656;
}
.onboarding-procedure li[data-v-37dc067e]:nth-child(n + 2) {
  margin-top: 32px;
}
.onboarding-procedure li .icon-box[data-v-37dc067e] {
  width: 40px;
  height: 40px;
  margin-right: 16px;
  flex-shrink: 0;
}
.onboarding-procedure li h4[data-v-37dc067e] {
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 4px;
}
.about[data-v-37dc067e] {
  padding-top: 48px;
  text-align: center;
  background-color: #fafafa;
}
.about p[data-v-37dc067e] {
  color: #565656;
  padding: 0 25px;
  font-size: 12px;
  line-height: 16px;
  margin-top: 16px;
}
.about-pic img[data-v-37dc067e] {
  width: 152px;
  margin: 24px 0 48px 0;
}
.features[data-v-37dc067e] {
  padding: 48px 0;
  background-color: #fff;
}
.features ul[data-v-37dc067e] {
  margin-top: 40px;
  padding: 0 16px;
}
.features li[data-v-37dc067e] {
  padding: 24px 12px;
  border-radius: 8px;
  background-color: #fafafa;
}
.features li[data-v-37dc067e]:nth-child(n + 2) {
  margin-top: 8px;
}
.features li .icon-box[data-v-37dc067e] {
  width: 40px;
  height: 40px;
}
.features li h3[data-v-37dc067e] {
  color: #000000;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  margin: 16px 0 3px;
}
.features li p[data-v-37dc067e] {
  font-size: 12px;
  line-height: 16px;
  color: #565656;
}
.how-works[data-v-37dc067e] {
  padding: 46px 16px 24px;
  position: relative;
  background-color: #0173e5;
}
.how-works .part-title[data-v-37dc067e] {
  color: #fff;
  z-index: 2;
  position: relative;
}
.how-works-pic[data-v-37dc067e] {
  width: 100%;
  left: 0;
  top: 0;
  position: absolute;
}
.how-works .tabs[data-v-37dc067e] {
  color: #fff;
  display: flex;
  position: relative;
  margin-top: 40px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  overflow: hidden;
}
.how-works .tabs > div[data-v-37dc067e] {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  margin-right: 16px;
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.2s;
  color: rgba(255, 255, 255, 0.6);
}
.how-works .tabs > div.active[data-v-37dc067e] {
  color: #fff;
}
.how-works .tabs > div[data-v-37dc067e]:nth-child(3) {
  margin-right: 0;
}
.how-works .tabs .tabs-ink-bar[data-v-37dc067e] {
  transition: all 0.2s;
  position: absolute;
  bottom: -1px;
  background-color: #fff;
  height: 1px;
}
.how-works .tabs .tabs-ink-bar[data-v-37dc067e]::after {
  content: '';
  border-width: 5px;
  border-color: #fff transparent transparent transparent;
  border-style: solid;
  left: 50%;
  top: 100%;
  position: absolute;
  transform: translateX(-50%);
}
.how-works .carousel[data-v-37dc067e] {
  overflow: hidden;
  margin-top: 15px;
}
.how-works .carousel .text[data-v-37dc067e] {
  font-size: 12px;
  line-height: 16px;
  color: rgba(255, 255, 255, 0.8);
}
.why[data-v-37dc067e] {
  padding: 48px 16px;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  background-color: #000;
}
.why .part-title[data-v-37dc067e] {
  color: #fff;
}
.why p[data-v-37dc067e] {
  color: #7e8697;
  margin-top: 40px;
  margin-bottom: 16px;
}
.why a[data-v-37dc067e] {
  color: #0173e5;
}
.faqs[data-v-37dc067e] {
  padding: 48px 16px;
  background-color: #fff;
}
.faqs ul[data-v-37dc067e] {
  margin-top: 24px;
}
.faqs li[data-v-37dc067e] {
  padding: 16px 0;
  border-bottom: 1px solid #DDDDDD;
}
.faqs li h4[data-v-37dc067e] {
  color: #000000;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  cursor: pointer;
  padding-right: 15%;
}
.faqs li p[data-v-37dc067e] {
  margin-top: 16px;
  font-size: 12px;
  line-height: 16px;
  color: #565656;
}
.faqs li .toggle-icon[data-v-37dc067e] {
  width: 10px;
  height: 10px;
  top: 50%;
  right: 0;
  margin-top: -7px;
  position: absolute;
  display: flex;
  align-items: center;
}
.faqs li .toggle-icon img[data-v-37dc067e] {
  width: 100%;
  height: 100%;
}
.contact-more[data-v-37dc067e] {
  padding: 48px 0;
  position: relative;
  text-align: center;
  background-color: #0e1015;
}
.contact-more .part-title[data-v-37dc067e] {
  z-index: 2;
  color: #d7ddeb;
  position: relative;
}
.contact-more-pic[data-v-37dc067e] {
  left: 0;
  top: 0;
  width: 100%;
  position: absolute;
}
.contact-more .content[data-v-37dc067e] {
  margin-top: 24px;
  color: #e6e6e6;
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}
.contact-more .content img[data-v-37dc067e] {
  width: 24px;
  height: 24px;
  margin-bottom: 8px;
}
.contact-more .content .name[data-v-37dc067e] {
  font-weight: 500;
}
.contact-more .content .value[data-v-37dc067e] {
  margin-top: 4px;
  color: #8C8C93;
}
.footer[data-v-37dc067e] {
  padding: 16px;
  padding-bottom: calc(16px + env(safe-area-inset-bottom));
  position: sticky;
  width: 100%;
  bottom: 0;
  background: #fff;
  z-index: 10;
}
.footer .button[data-v-37dc067e] {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background: #0173E5;
  color: #fff;
  height: 44px;
}
.apply-btn[data-v-37dc067e] {
  flex-shrink: 0;
  padding: 16px 16px 50px 16px;
}
.apply-btn div[data-v-37dc067e] {
  color: #fff;
  text-align: center;
  line-height: 44px;
  font-weight: 500;
  font-size: 14px;
  background-color: #0173e5;
}

.popup-wrapper[data-v-637703fe] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2000;
}
.popup-wrapper > .popup-mask[data-v-637703fe] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2001;
}
.popup-wrapper > .popup-body[data-v-637703fe] {
  background: #fff;
  bottom: 0%;
  position: absolute;
  left: 0;
  right: 0;
  border-radius: 8px 8px 0 0;
  z-index: 2002;
  transition-property: bottom;
  transition-duration: 0.3s;
}
.popup-fade-enter-active[data-v-637703fe],
.popup-fade-leave-active[data-v-637703fe] {
  transition: all 0.3s ease;
}
.popup-fade-enter > .popup-body[data-v-637703fe],
.popup-fade-leave-to > .popup-body[data-v-637703fe] {
  bottom: -100%;
}

.fill-header > img[data-v-4c37b8c4] {
  width: 291px;
  margin-bottom: 8px;
}
.fill-header-text[data-v-4c37b8c4] {
  display: flex;
  color: #565656;
  font-size: 14px;
  line-height: 16px;
  justify-content: space-between;
}
.fill-header-text > p[data-v-4c37b8c4] {
  width: 390px;
}
.fill-header-text > div[data-v-4c37b8c4] {
  line-height: 18px;
  margin-top: -8px;
  cursor: pointer;
}
.fill-header-text > div div[data-v-4c37b8c4] {
  margin-top: 4px;
  color: #0173e5;
  text-align: right;
}
.fill-header-text span[data-v-4c37b8c4] {
  color: #000000;
}
.fill-header.h5[data-v-4c37b8c4] {
  text-align: center;
  padding: 0 15px;
}
.fill-header.h5 > img[data-v-4c37b8c4] {
  width: 56%;
}
.fill-header.h5 .fill-header-text[data-v-4c37b8c4] {
  flex-direction: column;
}
.fill-header.h5 .fill-header-text > p[data-v-4c37b8c4] {
  width: 100%;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 16px;
}
.fill-header.h5 .fill-header-text > div[data-v-4c37b8c4] {
  font-size: 12px;
  margin-top: 0;
}
.fill-header.h5 .fill-header-text > div div[data-v-4c37b8c4] {
  text-align: center;
}
.record-item[data-v-4c37b8c4] {
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid #FAFAFA;
}
.record-item h4[data-v-4c37b8c4] {
  font-size: 14px;
  font-weight: 400;
  line-height: 38px;
  padding: 0 16px;
  color: #000000;
  background-color: #FAFAFA;
}
.record-item .row[data-v-4c37b8c4] {
  display: flex;
  padding: 16px;
}
.record-item .col[data-v-4c37b8c4] {
  width: 25%;
}
.record-item .col .label[data-v-4c37b8c4] {
  color: #8A8A8E;
}
.record-item .col .text[data-v-4c37b8c4] {
  display: flex;
  align-items: center;
}
.record-item .col .text img[data-v-4c37b8c4] {
  cursor: pointer;
  margin-left: 6px;
}
.record-item .col .text div[data-v-4c37b8c4] {
  font-size: 0;
}
.record-item .col[data-v-4c37b8c4]:last-child {
  text-align: right;
}
.record-item .col:last-child .text[data-v-4c37b8c4] {
  justify-content: flex-end;
}
.record-item[data-v-4c37b8c4]:nth-child(n + 2) {
  margin-top: 16px;
}
.modal[data-v-4c37b8c4] .ivu-modal-header {
  padding: 24px;
  border: none;
  color: #263241;
}
.modal[data-v-4c37b8c4] .ivu-modal-body {
  padding: 0 24px;
}
.modal[data-v-4c37b8c4] .ivu-modal-footer {
  padding: 0;
  border: none;
}
.wrap[data-v-4c37b8c4] {
  max-height: 474.5px;
  overflow-y: auto;
  padding-bottom: 24px;
}
.noMore[data-v-4c37b8c4] {
  margin-top: 16px;
  text-align: center;
}
.layer-title[data-v-4c37b8c4] {
  padding: 12px 16px;
  border-bottom: 1px solid #e9eaed;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.layer-title img[data-v-4c37b8c4] {
  width: 16px;
  height: 16px;
}
.layer li[data-v-4c37b8c4] {
  text-align: left;
  list-style-type: none;
  list-style: none;
  padding: 16px;
}
.layer li.noMore[data-v-4c37b8c4] {
  padding: 0;
  text-align: center;
}
.layer ul[data-v-4c37b8c4] {
  padding-bottom: 35px;
  max-height: 45vh;
  overflow-y: auto;
}
.layer dt[data-v-4c37b8c4] {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  line-height: 18px;
  margin-bottom: 16px;
}
.layer dd[data-v-4c37b8c4] {
  display: flex;
  font-size: 14px;
  color: #8A8A8E;
  line-height: 18px;
  justify-content: space-between;
}
.layer dd div[data-v-4c37b8c4] {
  color: #000000;
  display: flex;
  align-items: center;
}
.layer dd div img[data-v-4c37b8c4] {
  margin-left: 6px;
}
.layer dd[data-v-4c37b8c4]:nth-child(n + 2) {
  margin-top: 16px;
}

.fill-step[data-v-54c402d6] {
  display: flex;
  justify-content: center;
}
.fill-step-item[data-v-54c402d6] {
  display: flex;
  margin-right: 24px;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #565656;
  align-items: center;
}
.fill-step-item[data-v-54c402d6]::after {
  content: '';
  width: 82px;
  height: 1px;
  margin-left: 24px;
  background-color: #DDDDDD;
  display: block;
}
.fill-step-item[data-v-54c402d6]:last-child {
  margin-right: 0;
}
.fill-step-item[data-v-54c402d6]:last-child::after {
  display: none;
}
.fill-step-item .order[data-v-54c402d6] {
  color: #fff;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  margin-right: 4px;
  background-color: #8A8A8E;
}
.fill-step-item.current[data-v-54c402d6] {
  color: #0173e5;
}
.fill-step-item.current .order[data-v-54c402d6] {
  background-color: #0173e5;
}
.fill-step-item.passed[data-v-54c402d6] {
  color: #000000;
}
.fill-step-item.passed[data-v-54c402d6]::after {
  background-color: #8A8A8E;
}
.fill-step-item.passed .order[data-v-54c402d6] {
  background-color: #000000;
}
.fill-step-item.h5[data-v-54c402d6] {
  font-size: 12px;
  line-height: 14px;
  flex-direction: column;
  text-align: center;
  margin-right: 32px;
  position: relative;
  width: 88px;
  flex-shrink: 0;
}
.fill-step-item.h5 .order[data-v-54c402d6] {
  margin-bottom: 3px;
}
.fill-step-item.h5[data-v-54c402d6]:last-child {
  margin-right: 0;
}
.fill-step-item.h5[data-v-54c402d6]::after {
  width: 24px;
  top: 50%;
  right: -28px;
  position: absolute;
}

.label[data-v-ca25d228] {
  color: #000000;
  margin-bottom: 8px;
  margin-top: 16px;
  font-size: 12px;
  line-height: 16px;
}
.label span[data-v-ca25d228] {
  color: #E94359;
}
.select[data-v-ca25d228] .ivu-select-selection {
  height: 44px;
  line-height: 44px;
  background-color: #F5F5F5;
  border-color: #EBEBEB;
}
.select[data-v-ca25d228] .ivu-select-placeholder {
  height: 44px !important;
  line-height: 44px !important;
  padding-left: 12px;
  font-size: 14px;
  color: #ADADB4;
}
.select[data-v-ca25d228] .ivu-select-selected-value {
  height: 44px !important;
  line-height: 44px !important;
  padding-left: 12px;
  font-size: 14px;
}
.select-wrap.child .label[data-v-ca25d228] {
  color: #565656;
  margin-top: 8px;
}
.select.warn[data-v-ca25d228] .ivu-select-selection {
  border-color: #E94359;
}

.label[data-v-61c08d44] {
  color: #000000;
  margin-bottom: 8px;
  margin-top: 16px;
  font-size: 12px;
  line-height: 16px;
}
.label span[data-v-61c08d44] {
  color: #E94359;
}
.inputNumber-wrap.child .label[data-v-61c08d44] {
  color: #565656;
  margin-top: 8px;
}
.inputNumber[data-v-61c08d44] .ivu-input {
  height: 44px;
  background-color: #F5F5F5;
  border-color: #EBEBEB;
  padding-left: 12px;
  font-size: 14px;
}
.inputNumber[data-v-61c08d44] .ivu-input::-webkit-input-placeholder {
  color: #ADADB4 !important;
}
.inputNumber.warn[data-v-61c08d44] .ivu-input {
  border-color: #E94359;
}
.desc[data-v-61c08d44] {
  color: #8A8A8E;
  font-size: 12px;
  margin-top: 8px;
}
.desc.warn[data-v-61c08d44] {
  color: #E94359;
}

.label[data-v-25efab6a] {
  color: #000000;
  margin-bottom: 8px;
  margin-top: 16px;
  font-size: 12px;
  line-height: 16px;
}
.label span[data-v-25efab6a] {
  color: #E94359;
}
.input-wrap.child .label[data-v-25efab6a] {
  color: #565656;
  margin-top: 8px;
}
.input[data-v-25efab6a] .ivu-input {
  height: 44px;
  background-color: #F5F5F5;
  border-color: #EBEBEB;
  padding-left: 12px;
  font-size: 14px;
}
.input[data-v-25efab6a] .ivu-input::-webkit-input-placeholder {
  color: #ADADB4 !important;
}
.input.warn[data-v-25efab6a] .ivu-input {
  border-color: #E94359;
}
.desc[data-v-25efab6a] {
  color: #8A8A8E;
  font-size: 12px;
  margin-top: 8px;
}
.desc.warn[data-v-25efab6a] {
  color: #E94359;
}

.modal[data-v-729c8b53] .ivu-modal-header {
  padding: 24px;
  border: none;
}
.modal[data-v-729c8b53] .ivu-modal-body {
  padding: 24px;
}
.modal[data-v-729c8b53] .ivu-modal-footer {
  padding: 0;
  border: none;
}
.content[data-v-729c8b53] {
  max-height: 60vh;
  overflow-y: auto;
  overflow-x: hidden;
}

.fillTrade[data-v-984da592] {
  width: 334px;
  margin: 60px auto 0;
}
.fillTrade .label[data-v-984da592] {
  color: #000000;
  margin-bottom: 8px;
  margin-top: 16px;
  font-size: 12px;
  line-height: 16px;
}
.fillTrade .label span[data-v-984da592] {
  color: #E94359;
}
.fillTrade .next[data-v-984da592] {
  margin-top: 40px;
}
.fillTrade .next .agree[data-v-984da592] {
  display: flex;
  justify-content: center;
  margin-bottom: 8px;
}
.fillTrade .next .agreeText[data-v-984da592] {
  color: #ADADB4;
  display: inline-block;
  margin-left: 2px;
}
.fillTrade .next .agreeText a[data-v-984da592] {
  cursor: pointer;
}
.fillTrade .next .checkbox[data-v-984da592] .ivu-checkbox-inner {
  box-shadow: none;
}
.fillTrade .btn[data-v-984da592] {
  color: #fff;
  line-height: 44px;
  text-align: center;
  cursor: pointer;
  background-color: #ADADB4;
  border-radius: 4px;
  transition: all 0.2s;
}
.fillTrade .btn.canClick[data-v-984da592] {
  background-color: #0173e5;
}
.fillTrade .btn.submit[data-v-984da592] {
  margin-top: 40px;
}
.fillTrade.h5[data-v-984da592] {
  width: 100%;
  margin: 24px auto 0;
}

.otcDesk-fill-wrap[data-v-0d5e622e] {
  padding: 84px 0 80px;
  background-color: #F2F2F2;
}
.otcDesk-fill-wrap.h5[data-v-0d5e622e] {
  padding: 40px 0 0;
}
.otcDesk-fill-body[data-v-0d5e622e] {
  width: 1200px;
  margin: 0 auto;
}
.otcDesk-fill-body.h5[data-v-0d5e622e] {
  width: 100%;
}
.otcDesk-fill-body.h5 .otcDesk-fill-content[data-v-0d5e622e] {
  margin-top: 24px;
  padding: 24px;
}
.otcDesk-fill-content[data-v-0d5e622e] {
  padding: 40px;
  border-radius: 8px;
  margin-top: 40px;
  background-color: #fff;
}
.otcDesk-fill-result[data-v-0d5e622e] {
  text-align: center;
  margin: 80px 0 56px;
}
.otcDesk-fill-result img[data-v-0d5e622e] {
  width: 64px;
}
.otcDesk-fill-result div[data-v-0d5e622e] {
  color: #000000;
  font-size: 16px;
  line-height: 20px;
  margin: 24px 0 8px;
}
.otcDesk-fill-result p[data-v-0d5e622e] {
  font-size: 12px;
  line-height: 16px;
  color: #8A8A8E;
}