@charset "UTF-8";
@font-face {
  font-family: 'Berlin Sans FB Demi Bold';
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("../fonts/Berlin Sans FB Demi Bold.c555f41e.woff2") format('woff2');
}

/*公共样式*/
html[data-v-3d5b2905],
body[data-v-3d5b2905] {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-size: 0.12rem;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  text-align: left;
  background-color: #000;
}
body[data-v-3d5b2905] {
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
}
a[data-v-3d5b2905] {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  background: none;
  text-decoration: none;
  color: inherit;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
}
li[data-v-3d5b2905] {
  list-style: none;
}
input[data-v-3d5b2905],
button[data-v-3d5b2905],
textarea[data-v-3d5b2905] {
  outline: none;
  padding: 0;
}
ul[data-v-3d5b2905] {
  padding: 0;
  margin: 0;
}
p[data-v-3d5b2905],
h1[data-v-3d5b2905],
h2[data-v-3d5b2905],
h3[data-v-3d5b2905],
h4[data-v-3d5b2905],
h5[data-v-3d5b2905],
h6[data-v-3d5b2905] {
  height: auto;
  padding: 0;
  margin: 0;
}
button[data-v-3d5b2905] {
  border: none;
  outline: none;
  padding: 0;
  background-color: transparent;
}
input[data-v-3d5b2905],
textarea[data-v-3d5b2905] {
  font-family: Arial;
  -webkit-touch-callout: auto;
  /*系统默认菜单被禁用*/
  -webkit-user-select: auto;
  /*webkit浏览器*/
  -khtml-user-select: auto;
  /*早期浏览器*/
  -moz-user-select: auto;
  /*火狐*/
  -ms-user-select: auto;
  /*IE10*/
  user-select: auto;
  caret-color: #999;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  resize: none;
}

/*滚动条样式*/
[data-v-3d5b2905]::-webkit-scrollbar {
  width: 0;
  height: 0;
}
[data-v-3d5b2905]::-webkit-scrollbar-thumb {
  border-radius: 0;
  background: transparent;
}
[data-v-3d5b2905]::-webkit-scrollbar-track {
  background: transparent;
}
.pull-left[data-v-3d5b2905] {
  float: left;
}
.pull-right[data-v-3d5b2905] {
  float: right;
}
.text-left[data-v-3d5b2905] {
  text-align: left !important;
}
.text-right[data-v-3d5b2905] {
  text-align: right !important;
}
.text-center[data-v-3d5b2905] {
  text-align: center !important;
}
.full[data-v-3d5b2905] {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.hide[data-v-3d5b2905] {
  display: none;
}
.clearfix[data-v-3d5b2905]::after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix[data-v-3d5b2905] {
  *zoom: 1;
}
.text-overflow[data-v-3d5b2905] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mask[data-v-3d5b2905] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 98;
}
.modal[data-v-3d5b2905] {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
  max-width: 7.5rem;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}
.modal .box[data-v-3d5b2905] {
  width: 6.41rem;
  position: absolute;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  color: #333;
  padding: 0.6rem;
}
.modal .box .btn-close[data-v-3d5b2905] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIBAMAAACnw650AAAAG1BMVEUAAAD9+/v9+/v9+/v9+/v9+/v9+/v9+/v9+/ui4XmoAAAACHRSTlMA6i4tD8aysMQToRkAAADxSURBVEjHjdaxTQQxEEDREVDBRYRHCXRAgmiAgBIogAYIQC4brQh+cNLzbrCBZT9LHs94Zt6uw+/+a+bh4+JJzz8v87q+r4Qe1/t8rnUhtNbvPK2DAnQgd8df0GH8U4YmClAUoChAUYCiAEUBigIUBShKUBSgKEFRgKIERQGKMhTlSDXeClAtAHUD3VCAogRFAYoKEhUEKghUEKggUEGgAGEStjNkykfgw9yHZR/g/VUxRMrX14nglAJEymnugrEvPYKiBEUZitqXaEFRgqIMRe2fMkFRhqKCSO2f/CBQQaCCRAWBOtVknWrXTjV+p1rIPzrSz/1D7a6JAAAAAElFTkSuQmCC) top center / 100% no-repeat;
  position: absolute;
  right: 0;
  top: -1rem;
  width: 0.72rem;
  height: 0.72rem;
  cursor: pointer;
}
.fade-enter-active[data-v-3d5b2905],
.fade-leave-active[data-v-3d5b2905] {
  transition: opacity 0.5s 0.25s;
}
.fade-enter[data-v-3d5b2905],
.fade-leave-to[data-v-3d5b2905] {
  opacity: 0;
}
.modal-common .box[data-v-3d5b2905] {
  animation: fadein-modal-3d5b2905 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
.modal-tip[data-v-3d5b2905] {
  background-color: transparent;
}
.modal-tip .box[data-v-3d5b2905] {
  animation: fadein-toast-3d5b2905 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
@keyframes fadein-modal-3d5b2905 {
0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
}
100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.04);
}
}
@keyframes fadein-toast-3d5b2905 {
0% {
    opacity: 0;
    transform: translate(-50%, 0);
}
100% {
    opacity: 1;
    transform: translate(-50%, -50%);
}
}
.ani-pop[data-v-3d5b2905] {
  animation: ani-pop-3d5b2905 0.31s ease-in-out !important;
}
.ani-jelly[data-v-3d5b2905] {
  animation: ani-jelly-3d5b2905 0.5s ease-in-out !important;
}
@keyframes ani-pop-3d5b2905 {
0% {
    transform: scaleX(1);
    opacity: 1;
}
50% {
    transform: scale3d(1.05, 1.05, 1.05);
    opacity: 1;
}
to {
    transform: scaleX(1);
    opacity: 1;
}
}
@keyframes ani-jelly-3d5b2905 {
0%, 100% {
    transform: scale(1, 1);
}
25% {
    transform: scale(0.85, 1.15);
}
40% {
    transform: scale(1.1, 0.9);
}
65% {
    transform: scale(0.9, 1.1);
}
70% {
    transform: scale(1, 1);
}
75% {
    transform: scale(1.05, 0.95);
}
}
.loading[data-v-3d5b2905] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 7.5rem;
  height: 100%;
  background: url(../img/bg-loading.14ec5bfa.jpg) top center / 100% no-repeat;
  background-position: center bottom;
  background-size: cover;
  background-color: #000;
  z-index: 999999;
}
.loading .box[data-v-3d5b2905] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 6.9rem;
  text-align: center;
}
.loading .box .text[data-v-3d5b2905] {
  color: #f6f6f6;
  font-size: 0.34rem;
  text-align: center;
  line-height: 1.4;
  word-break: break-word;
}
.loading .box .bottom[data-v-3d5b2905] {
  margin-top: 0.8rem;
}
.loading .box .bottom .percent[data-v-3d5b2905] {
  font-size: 0.32rem;
  line-height: 0.26rem;
  display: inline-block;
  color: #f6f6f6;
  vertical-align: middle;
  margin-right: 0.16rem;
  width: 1rem;
  text-align: right;
}
.loading .box .bottom .icon-love[data-v-3d5b2905] {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.05rem;
  width: 0.3rem;
  height: 0.26rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAaCAMAAACXfxyGAAAAZlBMVEX///8AAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+yxU8tAAAAInRSTlOzALCLpAutlHBTQKigg311Rjk0LiAbEZ2ZhWAlFIZOLA8G0wledAAAALNJREFUKM990FcOgzAQRdH3DKb33tL2v8mYKkiwrz+PRh4NOFf5aZL6NZcKz3VE65VUYcYYa4+RHC1s9c3CgYM98QwEjqJacSGgyyKkDX0BfBhKYJnYVs+ceToycYzExBkCg4YSbPXsE8wNR1NMT7f2tDCtW3VeXPnt3qjIuTGbTqOKF/+ddwqemPL6f1jywvykJ40qHrw3HOpO/GdmYtVe8o5ZhrN65D2z7oCBWqaMM176An4EBd86zlFRAAAAAElFTkSuQmCC) top center / 100% no-repeat;
}
.loading .box .bottom .icon-love1[data-v-3d5b2905] {
  animation: loading-3d5b2905 1s infinite;
}
.loading .box .bottom .icon-love2[data-v-3d5b2905] {
  animation: loading-3d5b2905 1s 0.1s infinite;
}
.loading .box .bottom .icon-love3[data-v-3d5b2905] {
  animation: loading-3d5b2905 1s 0.21s infinite;
}
@keyframes loading-3d5b2905 {
0% {
    opacity: 1;
}
50% {
    opacity: 0.3;
}
100% {
    opacity: 1;
}
}
@charset "UTF-8";
@font-face {
  font-family: 'Berlin Sans FB Demi Bold';
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("../fonts/Berlin Sans FB Demi Bold.c555f41e.woff2") format('woff2');
}

/*公共样式*/
html[data-v-91450fca],
body[data-v-91450fca] {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-size: 0.12rem;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  text-align: left;
  background-color: #000;
}
body[data-v-91450fca] {
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
}
a[data-v-91450fca] {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  background: none;
  text-decoration: none;
  color: inherit;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
}
li[data-v-91450fca] {
  list-style: none;
}
input[data-v-91450fca],
button[data-v-91450fca],
textarea[data-v-91450fca] {
  outline: none;
  padding: 0;
}
ul[data-v-91450fca] {
  padding: 0;
  margin: 0;
}
p[data-v-91450fca],
h1[data-v-91450fca],
h2[data-v-91450fca],
h3[data-v-91450fca],
h4[data-v-91450fca],
h5[data-v-91450fca],
h6[data-v-91450fca] {
  height: auto;
  padding: 0;
  margin: 0;
}
button[data-v-91450fca] {
  border: none;
  outline: none;
  padding: 0;
  background-color: transparent;
}
input[data-v-91450fca],
textarea[data-v-91450fca] {
  font-family: Arial;
  -webkit-touch-callout: auto;
  /*系统默认菜单被禁用*/
  -webkit-user-select: auto;
  /*webkit浏览器*/
  -khtml-user-select: auto;
  /*早期浏览器*/
  -moz-user-select: auto;
  /*火狐*/
  -ms-user-select: auto;
  /*IE10*/
  user-select: auto;
  caret-color: #999;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  resize: none;
}

/*滚动条样式*/
[data-v-91450fca]::-webkit-scrollbar {
  width: 0;
  height: 0;
}
[data-v-91450fca]::-webkit-scrollbar-thumb {
  border-radius: 0;
  background: transparent;
}
[data-v-91450fca]::-webkit-scrollbar-track {
  background: transparent;
}
.pull-left[data-v-91450fca] {
  float: left;
}
.pull-right[data-v-91450fca] {
  float: right;
}
.text-left[data-v-91450fca] {
  text-align: left !important;
}
.text-right[data-v-91450fca] {
  text-align: right !important;
}
.text-center[data-v-91450fca] {
  text-align: center !important;
}
.full[data-v-91450fca] {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.hide[data-v-91450fca] {
  display: none;
}
.clearfix[data-v-91450fca]::after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix[data-v-91450fca] {
  *zoom: 1;
}
.text-overflow[data-v-91450fca] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mask[data-v-91450fca] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 98;
}
.modal[data-v-91450fca] {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
  max-width: 7.5rem;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}
.modal .box[data-v-91450fca] {
  width: 6.41rem;
  position: absolute;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  color: #333;
  padding: 0.6rem;
}
.modal .box .btn-close[data-v-91450fca] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIBAMAAACnw650AAAAG1BMVEUAAAD9+/v9+/v9+/v9+/v9+/v9+/v9+/v9+/ui4XmoAAAACHRSTlMA6i4tD8aysMQToRkAAADxSURBVEjHjdaxTQQxEEDREVDBRYRHCXRAgmiAgBIogAYIQC4brQh+cNLzbrCBZT9LHs94Zt6uw+/+a+bh4+JJzz8v87q+r4Qe1/t8rnUhtNbvPK2DAnQgd8df0GH8U4YmClAUoChAUYCiAEUBigIUBShKUBSgKEFRgKIERQGKMhTlSDXeClAtAHUD3VCAogRFAYoKEhUEKghUEKggUEGgAGEStjNkykfgw9yHZR/g/VUxRMrX14nglAJEymnugrEvPYKiBEUZitqXaEFRgqIMRe2fMkFRhqKCSO2f/CBQQaCCRAWBOtVknWrXTjV+p1rIPzrSz/1D7a6JAAAAAElFTkSuQmCC) top center / 100% no-repeat;
  position: absolute;
  right: 0;
  top: -1rem;
  width: 0.72rem;
  height: 0.72rem;
  cursor: pointer;
}
.fade-enter-active[data-v-91450fca],
.fade-leave-active[data-v-91450fca] {
  transition: opacity 0.5s 0.25s;
}
.fade-enter[data-v-91450fca],
.fade-leave-to[data-v-91450fca] {
  opacity: 0;
}
.modal-common .box[data-v-91450fca] {
  animation: fadein-modal-91450fca 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
.modal-tip[data-v-91450fca] {
  background-color: transparent;
}
.modal-tip .box[data-v-91450fca] {
  animation: fadein-toast-91450fca 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
@keyframes fadein-modal-91450fca {
0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
}
100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.04);
}
}
@keyframes fadein-toast-91450fca {
0% {
    opacity: 0;
    transform: translate(-50%, 0);
}
100% {
    opacity: 1;
    transform: translate(-50%, -50%);
}
}
.ani-pop[data-v-91450fca] {
  animation: ani-pop-91450fca 0.31s ease-in-out !important;
}
.ani-jelly[data-v-91450fca] {
  animation: ani-jelly-91450fca 0.5s ease-in-out !important;
}
@keyframes ani-pop-91450fca {
0% {
    transform: scaleX(1);
    opacity: 1;
}
50% {
    transform: scale3d(1.05, 1.05, 1.05);
    opacity: 1;
}
to {
    transform: scaleX(1);
    opacity: 1;
}
}
@keyframes ani-jelly-91450fca {
0%, 100% {
    transform: scale(1, 1);
}
25% {
    transform: scale(0.85, 1.15);
}
40% {
    transform: scale(1.1, 0.9);
}
65% {
    transform: scale(0.9, 1.1);
}
70% {
    transform: scale(1, 1);
}
75% {
    transform: scale(1.05, 0.95);
}
}
.modal-toast[data-v-91450fca] {
  z-index: 1000;
}
.modal-toast .box[data-v-91450fca] {
  width: 6.15rem;
  height: 4.1rem;
  padding: 0.3rem 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: 100% 100%;
}
.modal-toast .box .title[data-v-91450fca] {
  font-size: 0.3rem;
  line-height: 0.46rem;
  max-height: 3rem;
  overflow: auto;
  color: #333;
  width: 4.8rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.modal-toast .box .btn-close[data-v-91450fca] {
  top: -0.9rem;
  right: -0.3rem;
}
@charset "UTF-8";
@font-face {
  font-family: 'Berlin Sans FB Demi Bold';
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("../fonts/Berlin Sans FB Demi Bold.c555f41e.woff2") format('woff2');
}

/*公共样式*/
html[data-v-5a52e0ed],
body[data-v-5a52e0ed] {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-size: 0.12rem;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  text-align: left;
  background-color: #000;
}
body[data-v-5a52e0ed] {
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
}
a[data-v-5a52e0ed] {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  background: none;
  text-decoration: none;
  color: inherit;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
}
li[data-v-5a52e0ed] {
  list-style: none;
}
input[data-v-5a52e0ed],
button[data-v-5a52e0ed],
textarea[data-v-5a52e0ed] {
  outline: none;
  padding: 0;
}
ul[data-v-5a52e0ed] {
  padding: 0;
  margin: 0;
}
p[data-v-5a52e0ed],
h1[data-v-5a52e0ed],
h2[data-v-5a52e0ed],
h3[data-v-5a52e0ed],
h4[data-v-5a52e0ed],
h5[data-v-5a52e0ed],
h6[data-v-5a52e0ed] {
  height: auto;
  padding: 0;
  margin: 0;
}
button[data-v-5a52e0ed] {
  border: none;
  outline: none;
  padding: 0;
  background-color: transparent;
}
input[data-v-5a52e0ed],
textarea[data-v-5a52e0ed] {
  font-family: Arial;
  -webkit-touch-callout: auto;
  /*系统默认菜单被禁用*/
  -webkit-user-select: auto;
  /*webkit浏览器*/
  -khtml-user-select: auto;
  /*早期浏览器*/
  -moz-user-select: auto;
  /*火狐*/
  -ms-user-select: auto;
  /*IE10*/
  user-select: auto;
  caret-color: #999;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  resize: none;
}

/*滚动条样式*/
[data-v-5a52e0ed]::-webkit-scrollbar {
  width: 0;
  height: 0;
}
[data-v-5a52e0ed]::-webkit-scrollbar-thumb {
  border-radius: 0;
  background: transparent;
}
[data-v-5a52e0ed]::-webkit-scrollbar-track {
  background: transparent;
}
.pull-left[data-v-5a52e0ed] {
  float: left;
}
.pull-right[data-v-5a52e0ed] {
  float: right;
}
.text-left[data-v-5a52e0ed] {
  text-align: left !important;
}
.text-right[data-v-5a52e0ed] {
  text-align: right !important;
}
.text-center[data-v-5a52e0ed] {
  text-align: center !important;
}
.full[data-v-5a52e0ed] {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.hide[data-v-5a52e0ed] {
  display: none;
}
.clearfix[data-v-5a52e0ed]::after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix[data-v-5a52e0ed] {
  *zoom: 1;
}
.text-overflow[data-v-5a52e0ed] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mask[data-v-5a52e0ed] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 98;
}
.modal[data-v-5a52e0ed] {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
  max-width: 7.5rem;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}
.modal .box[data-v-5a52e0ed] {
  width: 6.41rem;
  position: absolute;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  color: #333;
  padding: 0.6rem;
}
.modal .box .btn-close[data-v-5a52e0ed] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIBAMAAACnw650AAAAG1BMVEUAAAD9+/v9+/v9+/v9+/v9+/v9+/v9+/v9+/ui4XmoAAAACHRSTlMA6i4tD8aysMQToRkAAADxSURBVEjHjdaxTQQxEEDREVDBRYRHCXRAgmiAgBIogAYIQC4brQh+cNLzbrCBZT9LHs94Zt6uw+/+a+bh4+JJzz8v87q+r4Qe1/t8rnUhtNbvPK2DAnQgd8df0GH8U4YmClAUoChAUYCiAEUBigIUBShKUBSgKEFRgKIERQGKMhTlSDXeClAtAHUD3VCAogRFAYoKEhUEKghUEKggUEGgAGEStjNkykfgw9yHZR/g/VUxRMrX14nglAJEymnugrEvPYKiBEUZitqXaEFRgqIMRe2fMkFRhqKCSO2f/CBQQaCCRAWBOtVknWrXTjV+p1rIPzrSz/1D7a6JAAAAAElFTkSuQmCC) top center / 100% no-repeat;
  position: absolute;
  right: 0;
  top: -1rem;
  width: 0.72rem;
  height: 0.72rem;
  cursor: pointer;
}
.fade-enter-active[data-v-5a52e0ed],
.fade-leave-active[data-v-5a52e0ed] {
  transition: opacity 0.5s 0.25s;
}
.fade-enter[data-v-5a52e0ed],
.fade-leave-to[data-v-5a52e0ed] {
  opacity: 0;
}
.modal-common .box[data-v-5a52e0ed] {
  animation: fadein-modal-5a52e0ed 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
.modal-tip[data-v-5a52e0ed] {
  background-color: transparent;
}
.modal-tip .box[data-v-5a52e0ed] {
  animation: fadein-toast-5a52e0ed 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
@keyframes fadein-modal-5a52e0ed {
0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
}
100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.04);
}
}
@keyframes fadein-toast-5a52e0ed {
0% {
    opacity: 0;
    transform: translate(-50%, 0);
}
100% {
    opacity: 1;
    transform: translate(-50%, -50%);
}
}
.ani-pop[data-v-5a52e0ed] {
  animation: ani-pop-5a52e0ed 0.31s ease-in-out !important;
}
.ani-jelly[data-v-5a52e0ed] {
  animation: ani-jelly-5a52e0ed 0.5s ease-in-out !important;
}
@keyframes ani-pop-5a52e0ed {
0% {
    transform: scaleX(1);
    opacity: 1;
}
50% {
    transform: scale3d(1.05, 1.05, 1.05);
    opacity: 1;
}
to {
    transform: scaleX(1);
    opacity: 1;
}
}
@keyframes ani-jelly-5a52e0ed {
0%, 100% {
    transform: scale(1, 1);
}
25% {
    transform: scale(0.85, 1.15);
}
40% {
    transform: scale(1.1, 0.9);
}
65% {
    transform: scale(0.9, 1.1);
}
70% {
    transform: scale(1, 1);
}
75% {
    transform: scale(1.05, 0.95);
}
}
.loading[data-v-5a52e0ed] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.7);
}
.loading .sword[data-v-5a52e0ed] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 1rem;
  height: 1rem;
  margin: auto;
}
.loading .sword span[data-v-5a52e0ed] {
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.loading .sword span[data-v-5a52e0ed]:nth-of-type(1) {
  left: 0%;
  top: 0%;
  -webkit-animation: sword-one-5a52e0ed 0.3s linear infinite;
  animation: sword-one-5a52e0ed 0.3s linear infinite;
  border-bottom: 0.03rem solid #efeffa;
}
.loading .sword span[data-v-5a52e0ed]:nth-of-type(2) {
  right: 0%;
  top: 0%;
  -webkit-animation: sword-two-5a52e0ed 0.5s linear infinite;
  animation: sword-two-5a52e0ed 0.5s linear infinite;
  border-right: 0.03rem solid #efeffa;
}
.loading .sword span[data-v-5a52e0ed]:nth-of-type(3) {
  right: 0%;
  bottom: 0%;
  -webkit-animation: sword-three-5a52e0ed 0.9s linear infinite;
  animation: sword-three-5a52e0ed 0.9s linear infinite;
  border-top: 0.03rem solid #efeffa;
}
@-webkit-keyframes sword-one-5a52e0ed {
0% {
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
}
100% {
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
}
}
@keyframes sword-one-5a52e0ed {
0% {
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
}
100% {
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
}
}
@-webkit-keyframes sword-two-5a52e0ed {
0% {
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
}
100% {
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
}
}
@keyframes sword-two-5a52e0ed {
0% {
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
}
100% {
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
}
}
@-webkit-keyframes sword-three-5a52e0ed {
0% {
    -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
}
100% {
    -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
}
}
@keyframes sword-three-5a52e0ed {
0% {
    -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
}
100% {
    -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
}
}
@charset "UTF-8";
@font-face {
  font-family: 'Berlin Sans FB Demi Bold';
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("../fonts/Berlin Sans FB Demi Bold.c555f41e.woff2") format('woff2');
}

/*公共样式*/
html[data-v-af7dc9d4],
body[data-v-af7dc9d4] {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-size: 0.12rem;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  text-align: left;
  background-color: #000;
}
body[data-v-af7dc9d4] {
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
}
a[data-v-af7dc9d4] {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  background: none;
  text-decoration: none;
  color: inherit;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
}
li[data-v-af7dc9d4] {
  list-style: none;
}
input[data-v-af7dc9d4],
button[data-v-af7dc9d4],
textarea[data-v-af7dc9d4] {
  outline: none;
  padding: 0;
}
ul[data-v-af7dc9d4] {
  padding: 0;
  margin: 0;
}
p[data-v-af7dc9d4],
h1[data-v-af7dc9d4],
h2[data-v-af7dc9d4],
h3[data-v-af7dc9d4],
h4[data-v-af7dc9d4],
h5[data-v-af7dc9d4],
h6[data-v-af7dc9d4] {
  height: auto;
  padding: 0;
  margin: 0;
}
button[data-v-af7dc9d4] {
  border: none;
  outline: none;
  padding: 0;
  background-color: transparent;
}
input[data-v-af7dc9d4],
textarea[data-v-af7dc9d4] {
  font-family: Arial;
  -webkit-touch-callout: auto;
  /*系统默认菜单被禁用*/
  -webkit-user-select: auto;
  /*webkit浏览器*/
  -khtml-user-select: auto;
  /*早期浏览器*/
  -moz-user-select: auto;
  /*火狐*/
  -ms-user-select: auto;
  /*IE10*/
  user-select: auto;
  caret-color: #999;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  resize: none;
}

/*滚动条样式*/
[data-v-af7dc9d4]::-webkit-scrollbar {
  width: 0;
  height: 0;
}
[data-v-af7dc9d4]::-webkit-scrollbar-thumb {
  border-radius: 0;
  background: transparent;
}
[data-v-af7dc9d4]::-webkit-scrollbar-track {
  background: transparent;
}
.pull-left[data-v-af7dc9d4] {
  float: left;
}
.pull-right[data-v-af7dc9d4] {
  float: right;
}
.text-left[data-v-af7dc9d4] {
  text-align: left !important;
}
.text-right[data-v-af7dc9d4] {
  text-align: right !important;
}
.text-center[data-v-af7dc9d4] {
  text-align: center !important;
}
.full[data-v-af7dc9d4] {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.hide[data-v-af7dc9d4] {
  display: none;
}
.clearfix[data-v-af7dc9d4]::after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix[data-v-af7dc9d4] {
  *zoom: 1;
}
.text-overflow[data-v-af7dc9d4] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mask[data-v-af7dc9d4] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 98;
}
.modal[data-v-af7dc9d4] {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
  max-width: 7.5rem;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}
.modal .box[data-v-af7dc9d4] {
  width: 6.41rem;
  position: absolute;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  color: #333;
  padding: 0.6rem;
}
.modal .box .btn-close[data-v-af7dc9d4] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIBAMAAACnw650AAAAG1BMVEUAAAD9+/v9+/v9+/v9+/v9+/v9+/v9+/v9+/ui4XmoAAAACHRSTlMA6i4tD8aysMQToRkAAADxSURBVEjHjdaxTQQxEEDREVDBRYRHCXRAgmiAgBIogAYIQC4brQh+cNLzbrCBZT9LHs94Zt6uw+/+a+bh4+JJzz8v87q+r4Qe1/t8rnUhtNbvPK2DAnQgd8df0GH8U4YmClAUoChAUYCiAEUBigIUBShKUBSgKEFRgKIERQGKMhTlSDXeClAtAHUD3VCAogRFAYoKEhUEKghUEKggUEGgAGEStjNkykfgw9yHZR/g/VUxRMrX14nglAJEymnugrEvPYKiBEUZitqXaEFRgqIMRe2fMkFRhqKCSO2f/CBQQaCCRAWBOtVknWrXTjV+p1rIPzrSz/1D7a6JAAAAAElFTkSuQmCC) top center / 100% no-repeat;
  position: absolute;
  right: 0;
  top: -1rem;
  width: 0.72rem;
  height: 0.72rem;
  cursor: pointer;
}
.fade-enter-active[data-v-af7dc9d4],
.fade-leave-active[data-v-af7dc9d4] {
  transition: opacity 0.5s 0.25s;
}
.fade-enter[data-v-af7dc9d4],
.fade-leave-to[data-v-af7dc9d4] {
  opacity: 0;
}
.modal-common .box[data-v-af7dc9d4] {
  animation: fadein-modal-af7dc9d4 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
.modal-tip[data-v-af7dc9d4] {
  background-color: transparent;
}
.modal-tip .box[data-v-af7dc9d4] {
  animation: fadein-toast-af7dc9d4 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
@keyframes fadein-modal-af7dc9d4 {
0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
}
100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.04);
}
}
@keyframes fadein-toast-af7dc9d4 {
0% {
    opacity: 0;
    transform: translate(-50%, 0);
}
100% {
    opacity: 1;
    transform: translate(-50%, -50%);
}
}
.ani-pop[data-v-af7dc9d4] {
  animation: ani-pop-af7dc9d4 0.31s ease-in-out !important;
}
.ani-jelly[data-v-af7dc9d4] {
  animation: ani-jelly-af7dc9d4 0.5s ease-in-out !important;
}
@keyframes ani-pop-af7dc9d4 {
0% {
    transform: scaleX(1);
    opacity: 1;
}
50% {
    transform: scale3d(1.05, 1.05, 1.05);
    opacity: 1;
}
to {
    transform: scaleX(1);
    opacity: 1;
}
}
@keyframes ani-jelly-af7dc9d4 {
0%, 100% {
    transform: scale(1, 1);
}
25% {
    transform: scale(0.85, 1.15);
}
40% {
    transform: scale(1.1, 0.9);
}
65% {
    transform: scale(0.9, 1.1);
}
70% {
    transform: scale(1, 1);
}
75% {
    transform: scale(1.05, 0.95);
}
}
.card[data-v-af7dc9d4] {
  box-sizing: border-box;
  padding: 0.2rem 0.2rem 0;
  background-color: #fff;
  margin: 0 auto;
}
.card .role[data-v-af7dc9d4] {
  width: 100%;
  font-size: 0;
  position: relative;
}
.card .role .image[data-v-af7dc9d4] {
  width: 100%;
}
.card .role .lines[data-v-af7dc9d4] {
  font-size: 0.36rem;
  color: #fff;
  text-shadow: 0.01rem 0.01rem 0.1rem rgba(0, 0, 0, 0.53), 0.01rem -0.01rem 0.1rem rgba(0, 0, 0, 0.53), -0.01rem 0.01rem 0.1rem rgba(0, 0, 0, 0.53), -0.01rem -0.01rem 0.1rem rgba(0, 0, 0, 0.53);
  font-style: italic;
  margin-top: 0.65rem;
  position: absolute;
  right: 0.36rem;
  bottom: 0.7rem;
  line-height: 1.2;
  text-align: left;
  transform: rotate(-6deg);
}
.card .role .lines[data-v-af7dc9d4]::before {
  content: '';
  width: 0.36rem;
  height: 0.29rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAdCAMAAAAaaVXxAAABF1BMVEUAAAAkGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGycnHiokGyckGyckGyckGyckGyckGycyKTUlHCgkGyckGyckGydGP0kkGyf9/f3Z2NpCOkQkGyckGyckGyckGyf8/Pz5+fn29vfy8vJmYGhiW2RQSFI8ND4tJDAkGyfw7/Dk4+Xh4OK8ub26t7uUj5WJhIvu7e7r6+zp6Onn5ufV09XNy87DwcS/vcCyr7OsqK2hnaKPi5GDfoWAe4FuaHD7+/v39/f08/Td292opaqYlJl7dXxXUFnRz9LJx8q3tLibl52sqK2gnKF3cnmFgIdSSlQ2LjleWGFYUVpFPUf///8lI1TFAAAAXHRSTlMAhwwJFAcgGRAwHEc8OCVYLCiIXYF8d2VAi2JTTxeSQ/7dkHJvSzT8+fbynpyVj4pq8OfkyMeyre/s6ufZ1M3Lwr+4sKqoofr39OC9tKeY1tHGtq2sk4qIg3FqZSk9j1cAAAJkSURBVDjLlZPXetswDIULiiKpPSzLGt57zzjO3qOZ3Zvv/xylY8lKe5dzh/P9JECAePd2yYgxzJCchhJCSJL/Z0rEVhSTMjkNHcdUsfQakjAxNMuKA4eufYRNQysWKwphcgahklOJ8uHo6x+dIHGRqrQKvvfju2aXpAyiStGH4Xmv80VzsMSIYYkjp3uHvw11SyHVsLzJ5YLz+2+CwkSPYHTR551PvwwqZVAOYNnl+1f1SCfU1AswPObV2vXPoo3lpHDaFtBRhx+N3EbLJmtoUOO9izpEelq9jBXLDY84XwI0WwoxjQjKCz7bDaEQmGknkNny6qfVzokL04pDVXHGXfDuFUDOICyBZKo3JrucfyhDMyCMEc0bn/HbHQG16XYQyLHgZs4PrgFih0m4PXVXt7xWhnxFdC5VSffhpMMfAMCyMSMteK7x2Qr+oSQSQ/mO87MhQCMgqlKA3T6/eyyLjMq270iZup+rnPcOTodQ0BXNg1qVV/ePn0IoOiyhsO7Vj/mL5gOwtByM+UZL1w/UpHqqwWCW+Huun2uK9yY6B8vcpJTVIly+T+zZE0zz4VlKHULBRhnVS+z+Cpp5dyel5vWpgrKM/cQ+uIGCD1vqYyjuSqv3w/3E3qk34wgekwKqK4jNdIp2Di66L/ZiDLHeyo8PX6LuSdkPaPpt1KABDz3ery0nYnKmYsHwnnf35ucTN+2XEDO1BsBo8Aye1Vbx+kOOb66uxRxj0ftsecwg1/A8P9IUiiSktuOmB5CPKnYJvdoxptqGHhg2wdJ6D6ljVDRN34RC2RJjoXSPRUQpxUyEb9JfK11oY3tQ1I0AAAAASUVORK5CYII=) top center / 100% no-repeat;
  position: absolute;
  left: -0.36rem;
  top: -0.2rem;
}
.card .role .lines[data-v-af7dc9d4]::after {
  content: '';
  width: 0.36rem;
  height: 0.29rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAdCAMAAAD1qz7PAAABAlBMVEUAAAAkGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyf9/f0kGyckGyckGyckGyf8+/xNRlAnHiokGyfh4OHb2du5trqhnaJYUVtTTFYrIy4kGyckGyfz8vPl4+XQztHLyMucmJ16dXw/N0I4MDskGyf4+Pj29fbr6uzX1tiyr7OQi5Fwa3JlXmddVl8wJzMkGyckGyf6+vqUkJZHQEr29vfx8fHw7/Dp6OnT0dSno6iIhIqCfINqZGwkGyfv7u/DwMTCwMO/vcC9ur6opamPi5GNiI6CfYRsZm5GP0n///8EkKO7AAAAVXRSTlMAhwUMFxNOQyMIDysnLh8bPzo1f11V/nx3c2/7lFhH49/HuJiXiWZh9OfX07amj42D9/bt3MCwop2ai2xS+bKS9vHw6dm8rKmfae/Nzcu9vZ+Uko9mnT7AMwAAAmNJREFUOMt9k9d62zAMhQuRImlRe9iWh7zteO8ZJ2mSZnUvvv+rlLIkJ18vcu6A78chSAIfXqXE+vCelBxSsYWxhpQslEI55S2jWbpDI+oYpppTFKSa3LVtl8vojOVU5lRDACj6VMcIYU790PNCn3KMlMyH0UuotMa7NoSRji038A7Tm3YFioSrKYQsuwRPAyEW9+tDiXI3gJvmcr6sNSaFiKHESDV8GF+IWPlr8CnxDkNxUqPTdRMrBduFXV0kqsu+LqejNCq3ZxQnkElgM0/TtQmUZu2s5OM1EPME5dgR1uUM2kERnmtpdPUAATs7PWTQoAIhtJeZ0+MZsqi3v0rT36azbtj5lEa3z0AsJb1dD0bL/Ol2TSiRKmz7iXPtJmlcCpm0CONhbHaxh6rj9KDVKKclrpa+uKoTAJjIQwbgUcbk28KhKUt2EOgo+zvsvgDs6+L2EXqGqupHABiJ/AAKNlZeoS501nPRmHrUQlpsvF+J/hZ8rinpLMnjvPhj+i2oGlg1HVkyLMuOQhvnslkySBFafSG2cGkzS7d70PmxEMPJjOiakjCmGxSgVRfzayhGnBnRC8Sft6rEtgmDsHEswNNKfG52CsRgXI5WuyHytQr0HAudB65U+XIn7jcgGZM5PmzqYvF1IhkTpV2rnKzvRH64hZBwjHX6e7UQ/RGA75iyoTP0XQw2AN14vFWd/ipfNFpQDFwrZrLj7L9/Kl4pcJhcDWS61Z9jKHSjbAXSxrlNjsQ2ToU5rDukGkQue7NMMq1hxrluyWRSwwyDs8wms5LbqqFsVyWlqaoWh+9L+R/4B5icYAdhNswkAAAAAElFTkSuQmCC) top center / 100% no-repeat;
  position: absolute;
  right: -0.36rem;
  bottom: -0.2rem;
}
.card .desc[data-v-af7dc9d4] {
  padding: 0.2rem 0;
}
.card .desc .item[data-v-af7dc9d4] {
  font-size: 0.28rem;
  color: #222;
  line-height: 1.2;
  padding: 0.1rem 0 0.1rem 0.5rem;
  position: relative;
}
.card .desc .item[data-v-af7dc9d4] span {
  font-weight: bold;
  font-style: italic;
  font-size: 0.32rem;
}
.card .desc .item[data-v-af7dc9d4] i {
  margin-left: 0.2rem;
  font-weight: bold;
  font-style: italic;
  font-size: 0.32rem;
  line-height: 0.42rem;
  position: relative;
  border-radius: 0.28rem;
  padding: 0 0.1rem;
  display: inline-block;
}
.card .desc .item[data-v-af7dc9d4] i:nth-of-type(1) {
  background-color: #e7d2ff;
}
.card .desc .item[data-v-af7dc9d4] i:nth-of-type(2) {
  background-color: #ffd2e7;
}
.card .desc .item[data-v-af7dc9d4] i::before {
  content: '';
  width: 0.14rem;
  height: 0.14rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAYAAADQWvz5AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDYwLCAyMDIwLzA1LzEyLTE2OjA0OjE3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIyLTEwLTEwVDE2OjUzOjEwKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMi0xMC0xMFQxNjo1Mzo1MSswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMi0xMC0xMFQxNjo1Mzo1MSswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDplYTUwY2YyNy1jNGMwLWIxNGEtYTA2OC1kYjMzNjQyMDQ4YjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ZWE1MGNmMjctYzRjMC1iMTRhLWEwNjgtZGIzMzY0MjA0OGIxIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6ZWE1MGNmMjctYzRjMC1iMTRhLWEwNjgtZGIzMzY0MjA0OGIxIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplYTUwY2YyNy1jNGMwLWIxNGEtYTA2OC1kYjMzNjQyMDQ4YjEiIHN0RXZ0OndoZW49IjIwMjItMTAtMTBUMTY6NTM6MTArMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4yIChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4npy20AAABOUlEQVQ4jZ2TrU4DQRSFv1mFwJAaEKh1JGAIRRYciCY4GsIDnGepQ3FfAAKEpI4fA0sIJCCpriIkGFKDaFCIzibT2R9KPzdzT86e2XuvM7Nl4AhIKTIALiWdltQmcGZ2Buz/ocuAtqTvKkECLAbnIXDuk4RsAZmZNeqMckbAhqQOsAK8Rdp14M7/ilqjD0kDAEk/wFOJfg24LzMLjVIzOwAws1WgU/GKFHgxs4nmODO7AnaDuxEwV2ESMgRakvp5oiwSTGMCsAA8mFkzT9QA+sDSlAZlyXYcgHe98V+ZhV4CIOkVaHn3Wfh04cl34pH/PTMD2mH78XO0SXGyq7jGr04SVyS9A9sUJzumB+zl++eqVL6bt4xXI+ZE0mF4UUgUJPtivKzPUek4NqlNFCSbB7pAE7iQ1C3T/QKkq14+wDlfRAAAAABJRU5ErkJggg==) top center / 100% no-repeat;
  position: absolute;
  left: -0.16rem;
  top: 50%;
  margin-top: -0.04rem;
}
.card .desc .item[data-v-af7dc9d4]::before {
  content: '';
  width: 0.1rem;
  height: 0.1rem;
  background-color: #ff5257;
  position: absolute;
  left: 0.26rem;
  top: 0.26rem;
  transform: rotate(45deg);
}
@charset "UTF-8";
@font-face {
  font-family: 'Berlin Sans FB Demi Bold';
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("../fonts/Berlin Sans FB Demi Bold.c555f41e.woff2") format('woff2');
}

/*公共样式*/
html[data-v-30a410f0],
body[data-v-30a410f0] {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-size: 0.12rem;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  text-align: left;
  background-color: #000;
}
body[data-v-30a410f0] {
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
}
a[data-v-30a410f0] {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  background: none;
  text-decoration: none;
  color: inherit;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
}
li[data-v-30a410f0] {
  list-style: none;
}
input[data-v-30a410f0],
button[data-v-30a410f0],
textarea[data-v-30a410f0] {
  outline: none;
  padding: 0;
}
ul[data-v-30a410f0] {
  padding: 0;
  margin: 0;
}
p[data-v-30a410f0],
h1[data-v-30a410f0],
h2[data-v-30a410f0],
h3[data-v-30a410f0],
h4[data-v-30a410f0],
h5[data-v-30a410f0],
h6[data-v-30a410f0] {
  height: auto;
  padding: 0;
  margin: 0;
}
button[data-v-30a410f0] {
  border: none;
  outline: none;
  padding: 0;
  background-color: transparent;
}
input[data-v-30a410f0],
textarea[data-v-30a410f0] {
  font-family: Arial;
  -webkit-touch-callout: auto;
  /*系统默认菜单被禁用*/
  -webkit-user-select: auto;
  /*webkit浏览器*/
  -khtml-user-select: auto;
  /*早期浏览器*/
  -moz-user-select: auto;
  /*火狐*/
  -ms-user-select: auto;
  /*IE10*/
  user-select: auto;
  caret-color: #999;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  resize: none;
}

/*滚动条样式*/
[data-v-30a410f0]::-webkit-scrollbar {
  width: 0;
  height: 0;
}
[data-v-30a410f0]::-webkit-scrollbar-thumb {
  border-radius: 0;
  background: transparent;
}
[data-v-30a410f0]::-webkit-scrollbar-track {
  background: transparent;
}
.pull-left[data-v-30a410f0] {
  float: left;
}
.pull-right[data-v-30a410f0] {
  float: right;
}
.text-left[data-v-30a410f0] {
  text-align: left !important;
}
.text-right[data-v-30a410f0] {
  text-align: right !important;
}
.text-center[data-v-30a410f0] {
  text-align: center !important;
}
.full[data-v-30a410f0] {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.hide[data-v-30a410f0] {
  display: none;
}
.clearfix[data-v-30a410f0]::after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix[data-v-30a410f0] {
  *zoom: 1;
}
.text-overflow[data-v-30a410f0] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mask[data-v-30a410f0] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 98;
}
.modal[data-v-30a410f0] {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
  max-width: 7.5rem;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}
.modal .box[data-v-30a410f0] {
  width: 6.41rem;
  position: absolute;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  color: #333;
  padding: 0.6rem;
}
.modal .box .btn-close[data-v-30a410f0] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIBAMAAACnw650AAAAG1BMVEUAAAD9+/v9+/v9+/v9+/v9+/v9+/v9+/v9+/ui4XmoAAAACHRSTlMA6i4tD8aysMQToRkAAADxSURBVEjHjdaxTQQxEEDREVDBRYRHCXRAgmiAgBIogAYIQC4brQh+cNLzbrCBZT9LHs94Zt6uw+/+a+bh4+JJzz8v87q+r4Qe1/t8rnUhtNbvPK2DAnQgd8df0GH8U4YmClAUoChAUYCiAEUBigIUBShKUBSgKEFRgKIERQGKMhTlSDXeClAtAHUD3VCAogRFAYoKEhUEKghUEKggUEGgAGEStjNkykfgw9yHZR/g/VUxRMrX14nglAJEymnugrEvPYKiBEUZitqXaEFRgqIMRe2fMkFRhqKCSO2f/CBQQaCCRAWBOtVknWrXTjV+p1rIPzrSz/1D7a6JAAAAAElFTkSuQmCC) top center / 100% no-repeat;
  position: absolute;
  right: 0;
  top: -1rem;
  width: 0.72rem;
  height: 0.72rem;
  cursor: pointer;
}
.fade-enter-active[data-v-30a410f0],
.fade-leave-active[data-v-30a410f0] {
  transition: opacity 0.5s 0.25s;
}
.fade-enter[data-v-30a410f0],
.fade-leave-to[data-v-30a410f0] {
  opacity: 0;
}
.modal-common .box[data-v-30a410f0] {
  animation: fadein-modal-30a410f0 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
.modal-tip[data-v-30a410f0] {
  background-color: transparent;
}
.modal-tip .box[data-v-30a410f0] {
  animation: fadein-toast-30a410f0 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
@keyframes fadein-modal-30a410f0 {
0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
}
100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.04);
}
}
@keyframes fadein-toast-30a410f0 {
0% {
    opacity: 0;
    transform: translate(-50%, 0);
}
100% {
    opacity: 1;
    transform: translate(-50%, -50%);
}
}
.ani-pop[data-v-30a410f0] {
  animation: ani-pop-30a410f0 0.31s ease-in-out !important;
}
.ani-jelly[data-v-30a410f0] {
  animation: ani-jelly-30a410f0 0.5s ease-in-out !important;
}
@keyframes ani-pop-30a410f0 {
0% {
    transform: scaleX(1);
    opacity: 1;
}
50% {
    transform: scale3d(1.05, 1.05, 1.05);
    opacity: 1;
}
to {
    transform: scaleX(1);
    opacity: 1;
}
}
@keyframes ani-jelly-30a410f0 {
0%, 100% {
    transform: scale(1, 1);
}
25% {
    transform: scale(0.85, 1.15);
}
40% {
    transform: scale(1.1, 0.9);
}
65% {
    transform: scale(0.9, 1.1);
}
70% {
    transform: scale(1, 1);
}
75% {
    transform: scale(1.05, 0.95);
}
}
.btn-menu[data-v-30a410f0] {
  width: 0.45rem;
  height: 0.44rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAmBAMAAACi8w9qAAAALVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADBoCg+AAAADnRSTlMAZjOE79Q8FNj65Vsc2pNQsWkAAABYSURBVCjPY9B4hwW8UGCIe4cNNDD4YRV3YLDDKm7AwCaIBYgxjAJkcEgJFahDhJnRg/PlBrB4HUY4L8AljsscXPaOAgjAlW5xpXNc+QJHPrrAoIpN+KkCAMBM7DH9ttE+AAAAAElFTkSuQmCC) top center / 100% no-repeat;
  background-position: center center;
  cursor: pointer;
}
.modal-menu[data-v-30a410f0] {
  background-color: #fff;
}
.modal-menu .box[data-v-30a410f0] {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  padding-top: 1.6rem;
  text-align: right;
}
.modal-menu .box .btn-close[data-v-30a410f0] {
  position: static;
  margin-bottom: 0.2rem;
}
.modal-menu .box .title[data-v-30a410f0] {
  font-size: 0.36rem;
  color: #fff;
  line-height: 2;
  cursor: pointer;
  display: block;
  text-align: right;
}
@charset "UTF-8";
@font-face {
  font-family: 'Berlin Sans FB Demi Bold';
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("../fonts/Berlin Sans FB Demi Bold.c555f41e.woff2") format('woff2');
}

/*公共样式*/
html[data-v-1d9e3088],
body[data-v-1d9e3088] {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-size: 0.12rem;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  text-align: left;
  background-color: #000;
}
body[data-v-1d9e3088] {
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
}
a[data-v-1d9e3088] {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  background: none;
  text-decoration: none;
  color: inherit;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
}
li[data-v-1d9e3088] {
  list-style: none;
}
input[data-v-1d9e3088],
button[data-v-1d9e3088],
textarea[data-v-1d9e3088] {
  outline: none;
  padding: 0;
}
ul[data-v-1d9e3088] {
  padding: 0;
  margin: 0;
}
p[data-v-1d9e3088],
h1[data-v-1d9e3088],
h2[data-v-1d9e3088],
h3[data-v-1d9e3088],
h4[data-v-1d9e3088],
h5[data-v-1d9e3088],
h6[data-v-1d9e3088] {
  height: auto;
  padding: 0;
  margin: 0;
}
button[data-v-1d9e3088] {
  border: none;
  outline: none;
  padding: 0;
  background-color: transparent;
}
input[data-v-1d9e3088],
textarea[data-v-1d9e3088] {
  font-family: Arial;
  -webkit-touch-callout: auto;
  /*系统默认菜单被禁用*/
  -webkit-user-select: auto;
  /*webkit浏览器*/
  -khtml-user-select: auto;
  /*早期浏览器*/
  -moz-user-select: auto;
  /*火狐*/
  -ms-user-select: auto;
  /*IE10*/
  user-select: auto;
  caret-color: #999;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  resize: none;
}

/*滚动条样式*/
[data-v-1d9e3088]::-webkit-scrollbar {
  width: 0;
  height: 0;
}
[data-v-1d9e3088]::-webkit-scrollbar-thumb {
  border-radius: 0;
  background: transparent;
}
[data-v-1d9e3088]::-webkit-scrollbar-track {
  background: transparent;
}
.pull-left[data-v-1d9e3088] {
  float: left;
}
.pull-right[data-v-1d9e3088] {
  float: right;
}
.text-left[data-v-1d9e3088] {
  text-align: left !important;
}
.text-right[data-v-1d9e3088] {
  text-align: right !important;
}
.text-center[data-v-1d9e3088] {
  text-align: center !important;
}
.full[data-v-1d9e3088] {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.hide[data-v-1d9e3088] {
  display: none;
}
.clearfix[data-v-1d9e3088]::after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix[data-v-1d9e3088] {
  *zoom: 1;
}
.text-overflow[data-v-1d9e3088] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mask[data-v-1d9e3088] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 98;
}
.modal[data-v-1d9e3088] {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
  max-width: 7.5rem;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}
.modal .box[data-v-1d9e3088] {
  width: 6.41rem;
  position: absolute;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  color: #333;
  padding: 0.6rem;
}
.modal .box .btn-close[data-v-1d9e3088] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIBAMAAACnw650AAAAG1BMVEUAAAD9+/v9+/v9+/v9+/v9+/v9+/v9+/v9+/ui4XmoAAAACHRSTlMA6i4tD8aysMQToRkAAADxSURBVEjHjdaxTQQxEEDREVDBRYRHCXRAgmiAgBIogAYIQC4brQh+cNLzbrCBZT9LHs94Zt6uw+/+a+bh4+JJzz8v87q+r4Qe1/t8rnUhtNbvPK2DAnQgd8df0GH8U4YmClAUoChAUYCiAEUBigIUBShKUBSgKEFRgKIERQGKMhTlSDXeClAtAHUD3VCAogRFAYoKEhUEKghUEKggUEGgAGEStjNkykfgw9yHZR/g/VUxRMrX14nglAJEymnugrEvPYKiBEUZitqXaEFRgqIMRe2fMkFRhqKCSO2f/CBQQaCCRAWBOtVknWrXTjV+p1rIPzrSz/1D7a6JAAAAAElFTkSuQmCC) top center / 100% no-repeat;
  position: absolute;
  right: 0;
  top: -1rem;
  width: 0.72rem;
  height: 0.72rem;
  cursor: pointer;
}
.fade-enter-active[data-v-1d9e3088],
.fade-leave-active[data-v-1d9e3088] {
  transition: opacity 0.5s 0.25s;
}
.fade-enter[data-v-1d9e3088],
.fade-leave-to[data-v-1d9e3088] {
  opacity: 0;
}
.modal-common .box[data-v-1d9e3088] {
  animation: fadein-modal-1d9e3088 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
.modal-tip[data-v-1d9e3088] {
  background-color: transparent;
}
.modal-tip .box[data-v-1d9e3088] {
  animation: fadein-toast-1d9e3088 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
@keyframes fadein-modal-1d9e3088 {
0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
}
100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.04);
}
}
@keyframes fadein-toast-1d9e3088 {
0% {
    opacity: 0;
    transform: translate(-50%, 0);
}
100% {
    opacity: 1;
    transform: translate(-50%, -50%);
}
}
.ani-pop[data-v-1d9e3088] {
  animation: ani-pop-1d9e3088 0.31s ease-in-out !important;
}
.ani-jelly[data-v-1d9e3088] {
  animation: ani-jelly-1d9e3088 0.5s ease-in-out !important;
}
@keyframes ani-pop-1d9e3088 {
0% {
    transform: scaleX(1);
    opacity: 1;
}
50% {
    transform: scale3d(1.05, 1.05, 1.05);
    opacity: 1;
}
to {
    transform: scaleX(1);
    opacity: 1;
}
}
@keyframes ani-jelly-1d9e3088 {
0%, 100% {
    transform: scale(1, 1);
}
25% {
    transform: scale(0.85, 1.15);
}
40% {
    transform: scale(1.1, 0.9);
}
65% {
    transform: scale(0.9, 1.1);
}
70% {
    transform: scale(1, 1);
}
75% {
    transform: scale(1.05, 0.95);
}
}
.icon[data-v-1d9e3088] {
  width: 100%;
}
.icon img[data-v-1d9e3088] {
  width: 100%;
}
@charset "UTF-8";
@font-face {
  font-family: 'Berlin Sans FB Demi Bold';
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("../fonts/Berlin Sans FB Demi Bold.c555f41e.woff2") format('woff2');
}

/*公共样式*/
html[data-v-11684d3c],
body[data-v-11684d3c] {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-size: 0.12rem;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  text-align: left;
  background-color: #000;
}
body[data-v-11684d3c] {
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
}
a[data-v-11684d3c] {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  background: none;
  text-decoration: none;
  color: inherit;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
}
li[data-v-11684d3c] {
  list-style: none;
}
input[data-v-11684d3c],
button[data-v-11684d3c],
textarea[data-v-11684d3c] {
  outline: none;
  padding: 0;
}
ul[data-v-11684d3c] {
  padding: 0;
  margin: 0;
}
p[data-v-11684d3c],
h1[data-v-11684d3c],
h2[data-v-11684d3c],
h3[data-v-11684d3c],
h4[data-v-11684d3c],
h5[data-v-11684d3c],
h6[data-v-11684d3c] {
  height: auto;
  padding: 0;
  margin: 0;
}
button[data-v-11684d3c] {
  border: none;
  outline: none;
  padding: 0;
  background-color: transparent;
}
input[data-v-11684d3c],
textarea[data-v-11684d3c] {
  font-family: Arial;
  -webkit-touch-callout: auto;
  /*系统默认菜单被禁用*/
  -webkit-user-select: auto;
  /*webkit浏览器*/
  -khtml-user-select: auto;
  /*早期浏览器*/
  -moz-user-select: auto;
  /*火狐*/
  -ms-user-select: auto;
  /*IE10*/
  user-select: auto;
  caret-color: #999;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  resize: none;
}

/*滚动条样式*/
[data-v-11684d3c]::-webkit-scrollbar {
  width: 0;
  height: 0;
}
[data-v-11684d3c]::-webkit-scrollbar-thumb {
  border-radius: 0;
  background: transparent;
}
[data-v-11684d3c]::-webkit-scrollbar-track {
  background: transparent;
}
.pull-left[data-v-11684d3c] {
  float: left;
}
.pull-right[data-v-11684d3c] {
  float: right;
}
.text-left[data-v-11684d3c] {
  text-align: left !important;
}
.text-right[data-v-11684d3c] {
  text-align: right !important;
}
.text-center[data-v-11684d3c] {
  text-align: center !important;
}
.full[data-v-11684d3c] {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.hide[data-v-11684d3c] {
  display: none;
}
.clearfix[data-v-11684d3c]::after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix[data-v-11684d3c] {
  *zoom: 1;
}
.text-overflow[data-v-11684d3c] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mask[data-v-11684d3c] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 98;
}
.modal[data-v-11684d3c] {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
  max-width: 7.5rem;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}
.modal .box[data-v-11684d3c] {
  width: 6.41rem;
  position: absolute;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  color: #333;
  padding: 0.6rem;
}
.modal .box .btn-close[data-v-11684d3c] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIBAMAAACnw650AAAAG1BMVEUAAAD9+/v9+/v9+/v9+/v9+/v9+/v9+/v9+/ui4XmoAAAACHRSTlMA6i4tD8aysMQToRkAAADxSURBVEjHjdaxTQQxEEDREVDBRYRHCXRAgmiAgBIogAYIQC4brQh+cNLzbrCBZT9LHs94Zt6uw+/+a+bh4+JJzz8v87q+r4Qe1/t8rnUhtNbvPK2DAnQgd8df0GH8U4YmClAUoChAUYCiAEUBigIUBShKUBSgKEFRgKIERQGKMhTlSDXeClAtAHUD3VCAogRFAYoKEhUEKghUEKggUEGgAGEStjNkykfgw9yHZR/g/VUxRMrX14nglAJEymnugrEvPYKiBEUZitqXaEFRgqIMRe2fMkFRhqKCSO2f/CBQQaCCRAWBOtVknWrXTjV+p1rIPzrSz/1D7a6JAAAAAElFTkSuQmCC) top center / 100% no-repeat;
  position: absolute;
  right: 0;
  top: -1rem;
  width: 0.72rem;
  height: 0.72rem;
  cursor: pointer;
}
.fade-enter-active[data-v-11684d3c],
.fade-leave-active[data-v-11684d3c] {
  transition: opacity 0.5s 0.25s;
}
.fade-enter[data-v-11684d3c],
.fade-leave-to[data-v-11684d3c] {
  opacity: 0;
}
.modal-common .box[data-v-11684d3c] {
  animation: fadein-modal-11684d3c 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
.modal-tip[data-v-11684d3c] {
  background-color: transparent;
}
.modal-tip .box[data-v-11684d3c] {
  animation: fadein-toast-11684d3c 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
@keyframes fadein-modal-11684d3c {
0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
}
100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.04);
}
}
@keyframes fadein-toast-11684d3c {
0% {
    opacity: 0;
    transform: translate(-50%, 0);
}
100% {
    opacity: 1;
    transform: translate(-50%, -50%);
}
}
.ani-pop[data-v-11684d3c] {
  animation: ani-pop-11684d3c 0.31s ease-in-out !important;
}
.ani-jelly[data-v-11684d3c] {
  animation: ani-jelly-11684d3c 0.5s ease-in-out !important;
}
@keyframes ani-pop-11684d3c {
0% {
    transform: scaleX(1);
    opacity: 1;
}
50% {
    transform: scale3d(1.05, 1.05, 1.05);
    opacity: 1;
}
to {
    transform: scaleX(1);
    opacity: 1;
}
}
@keyframes ani-jelly-11684d3c {
0%, 100% {
    transform: scale(1, 1);
}
25% {
    transform: scale(0.85, 1.15);
}
40% {
    transform: scale(1.1, 0.9);
}
65% {
    transform: scale(0.9, 1.1);
}
70% {
    transform: scale(1, 1);
}
75% {
    transform: scale(1.05, 0.95);
}
}
.item-music .icon[data-v-11684d3c] {
  display: block;
  width: 0.43rem;
  height: 0.43rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAArCAMAAADWg4HyAAAAjVBMVEUAAAAeHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh7qGFXzAAAALnRSTlMA4R0J2hLSK3oFs603oZAoFlrp1slVTndkXQ+df7eZMgzvvq+nlC/1b1Ih1Ua9OnI5YwAAAbZJREFUOMullWd7gyAUhcER94gaR9Sk2c3o+f8/r9KqiKhPx/kQCLxejle4kLH0NLucbeeSpTpZlGLG4IpNZZY0PCAqi0BXLVU3ijICPGOSVH3g5ApD7gnwVRndU9RyEMMG3Y8H18BaGLDmJkgOTRFWf2rX7n015MOpDRLRVgLQLrKaYDNwBU1EVQrA6/9puPZTFKNEvmlo9N6nHVHX9fkaAouKe/S7p45kgr0B+OjyfWxXdppWZqnio5HjtvEc1oSwyQQbM2/ciI2w+TXhSuyWQmNZj/pXdGGyJByIJJ2x7Jm8BBCw7oEyC94sy3SNvgN7jYkUxSJLKmSsKZA2doNJNu76d7xYEzSGd9hOsquu/6isL+vYEQfWAstlwSH1j9n6V3GX/XIxv3IeZLbLQ4o1kSWzBdLxdwuy0j5Xd5n1EIr7QfXQSmIPVNxn2xXmWBemuH9tzLI2QuFcGBjoKRZFOOJ5u0OOy88bP8dS3LNYa/xxfUjA9RIcRFLdCW49uuMkrztCPdu3SbtVQzQRa02O+MFaK7eTpM6GW+QRI5+vv8sTy3X9j/fF8j30v/uNK+zvzXA89Qmv7UPWJlOwLwAAAABJRU5ErkJggg==) top center / 100% no-repeat;
}
.item-music .icon-off[data-v-11684d3c] {
  position: relative;
}
.item-music .icon-off[data-v-11684d3c]::before {
  content: '';
  width: 0.3rem;
  height: 0.01rem;
  background-color: #000;
  transform: translate(-50%, -50%) rotate(45deg);
  position: absolute;
  top: 50%;
  left: 50%;
}
@charset "UTF-8";
@font-face {
  font-family: 'Berlin Sans FB Demi Bold';
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("../fonts/Berlin Sans FB Demi Bold.c555f41e.woff2") format('woff2');
}

/*公共样式*/
html[data-v-198de6c6],
body[data-v-198de6c6] {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-size: 0.12rem;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  text-align: left;
  background-color: #000;
}
body[data-v-198de6c6] {
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
}
a[data-v-198de6c6] {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  background: none;
  text-decoration: none;
  color: inherit;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
}
li[data-v-198de6c6] {
  list-style: none;
}
input[data-v-198de6c6],
button[data-v-198de6c6],
textarea[data-v-198de6c6] {
  outline: none;
  padding: 0;
}
ul[data-v-198de6c6] {
  padding: 0;
  margin: 0;
}
p[data-v-198de6c6],
h1[data-v-198de6c6],
h2[data-v-198de6c6],
h3[data-v-198de6c6],
h4[data-v-198de6c6],
h5[data-v-198de6c6],
h6[data-v-198de6c6] {
  height: auto;
  padding: 0;
  margin: 0;
}
button[data-v-198de6c6] {
  border: none;
  outline: none;
  padding: 0;
  background-color: transparent;
}
input[data-v-198de6c6],
textarea[data-v-198de6c6] {
  font-family: Arial;
  -webkit-touch-callout: auto;
  /*系统默认菜单被禁用*/
  -webkit-user-select: auto;
  /*webkit浏览器*/
  -khtml-user-select: auto;
  /*早期浏览器*/
  -moz-user-select: auto;
  /*火狐*/
  -ms-user-select: auto;
  /*IE10*/
  user-select: auto;
  caret-color: #999;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  resize: none;
}

/*滚动条样式*/
[data-v-198de6c6]::-webkit-scrollbar {
  width: 0;
  height: 0;
}
[data-v-198de6c6]::-webkit-scrollbar-thumb {
  border-radius: 0;
  background: transparent;
}
[data-v-198de6c6]::-webkit-scrollbar-track {
  background: transparent;
}
.pull-left[data-v-198de6c6] {
  float: left;
}
.pull-right[data-v-198de6c6] {
  float: right;
}
.text-left[data-v-198de6c6] {
  text-align: left !important;
}
.text-right[data-v-198de6c6] {
  text-align: right !important;
}
.text-center[data-v-198de6c6] {
  text-align: center !important;
}
.full[data-v-198de6c6] {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.hide[data-v-198de6c6] {
  display: none;
}
.clearfix[data-v-198de6c6]::after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix[data-v-198de6c6] {
  *zoom: 1;
}
.text-overflow[data-v-198de6c6] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mask[data-v-198de6c6] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 98;
}
.modal[data-v-198de6c6] {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
  max-width: 7.5rem;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}
.modal .box[data-v-198de6c6] {
  width: 6.41rem;
  position: absolute;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  color: #333;
  padding: 0.6rem;
}
.modal .box .btn-close[data-v-198de6c6] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIBAMAAACnw650AAAAG1BMVEUAAAD9+/v9+/v9+/v9+/v9+/v9+/v9+/v9+/ui4XmoAAAACHRSTlMA6i4tD8aysMQToRkAAADxSURBVEjHjdaxTQQxEEDREVDBRYRHCXRAgmiAgBIogAYIQC4brQh+cNLzbrCBZT9LHs94Zt6uw+/+a+bh4+JJzz8v87q+r4Qe1/t8rnUhtNbvPK2DAnQgd8df0GH8U4YmClAUoChAUYCiAEUBigIUBShKUBSgKEFRgKIERQGKMhTlSDXeClAtAHUD3VCAogRFAYoKEhUEKghUEKggUEGgAGEStjNkykfgw9yHZR/g/VUxRMrX14nglAJEymnugrEvPYKiBEUZitqXaEFRgqIMRe2fMkFRhqKCSO2f/CBQQaCCRAWBOtVknWrXTjV+p1rIPzrSz/1D7a6JAAAAAElFTkSuQmCC) top center / 100% no-repeat;
  position: absolute;
  right: 0;
  top: -1rem;
  width: 0.72rem;
  height: 0.72rem;
  cursor: pointer;
}
.fade-enter-active[data-v-198de6c6],
.fade-leave-active[data-v-198de6c6] {
  transition: opacity 0.5s 0.25s;
}
.fade-enter[data-v-198de6c6],
.fade-leave-to[data-v-198de6c6] {
  opacity: 0;
}
.modal-common .box[data-v-198de6c6] {
  animation: fadein-modal-198de6c6 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
.modal-tip[data-v-198de6c6] {
  background-color: transparent;
}
.modal-tip .box[data-v-198de6c6] {
  animation: fadein-toast-198de6c6 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
@keyframes fadein-modal-198de6c6 {
0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
}
100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.04);
}
}
@keyframes fadein-toast-198de6c6 {
0% {
    opacity: 0;
    transform: translate(-50%, 0);
}
100% {
    opacity: 1;
    transform: translate(-50%, -50%);
}
}
.ani-pop[data-v-198de6c6] {
  animation: ani-pop-198de6c6 0.31s ease-in-out !important;
}
.ani-jelly[data-v-198de6c6] {
  animation: ani-jelly-198de6c6 0.5s ease-in-out !important;
}
@keyframes ani-pop-198de6c6 {
0% {
    transform: scaleX(1);
    opacity: 1;
}
50% {
    transform: scale3d(1.05, 1.05, 1.05);
    opacity: 1;
}
to {
    transform: scaleX(1);
    opacity: 1;
}
}
@keyframes ani-jelly-198de6c6 {
0%, 100% {
    transform: scale(1, 1);
}
25% {
    transform: scale(0.85, 1.15);
}
40% {
    transform: scale(1.1, 0.9);
}
65% {
    transform: scale(0.9, 1.1);
}
70% {
    transform: scale(1, 1);
}
75% {
    transform: scale(1.05, 0.95);
}
}
.header[data-v-198de6c6] {
  position: fixed;
  top: 0;
  width: 100%;
  max-width: 7.5rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
  padding: 0.4rem;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: visible;
  height: 1.24rem;
}
.header .logo[data-v-198de6c6] {
  width: 1.43rem;
  height: 0.4rem;
}
.header .btn-download[data-v-198de6c6] {
  font-size: 0.2rem;
  color: #000;
  padding: 0 0.14rem;
  line-height: 0.44rem;
  height: 0.44rem;
  box-sizing: border-box;
  border: 0.01rem solid #000;
  border-radius: 0.24rem;
}
.header .line[data-v-198de6c6] {
  width: 0.01rem;
  height: 0.33rem;
  background-color: rgba(0, 0, 0, 0.5);
}
.header .btn-log[data-v-198de6c6] {
  width: 0.44rem;
  height: 0.44rem;
  position: relative;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAAolBMVEUAAACVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZX////7+/v29vbGxsaoqKilpaWcnJzm5uaYmJj4+Pjo6Ojh4eHd3d3IyMjBwcG8vLy1tbWwsLCvr6+hoaHw8PDu7u7Q0NDOzs40beuKAAAAHXRSTlMARvnWt4aACvXx7c6wp1AilVRWSdi/OwbeulwtHvnE974AAAF5SURBVDjLlZXXksIwDEWdOL0sHbYpPaEsdcv//9oCgUgGJ4bzJEd3NBrnWmI32JoZcE/XPR6Yms260EIHCE6otUpffLjDf5FKewZIMXr32oELLbiDW60FHViitg+d9OV11bWHoGTY3IMLStzrnRjwAMblX8BD1H/Hh4fwz34AQrFdb/I6zDfrbQGEk09CQNI4OlIe5Vl5iuIUkJAxm/jsN6qJd7v4Ev5hVrdpF/voSpI04Z72YeJhFUlYYd5kAR5imXiO+YDxJq4iKVUj4MxTVI4x7zEdDwuZuCTXQcVfMnFKxLSNQtLHvKBtcOgsnQIyZgEg1V3Xi0pwqQmEQyJqkwMQTNF0kCWCNgPKiNm6qJ63anW7tigh/75qf3IQCBrzI8Wy1i4LEBlJn1Uao+0R3vJgs7LM4ZbBE6NggkNGzQeOLzXv6sGIvNGRq+STPVHbUq8JZKxcQJSpcrVxw8FdoViaI8ZmU2tyduYra1nH4HLD1Gbkq+9Y7B+fZbCxvvYOhwAAAABJRU5ErkJggg==) top center / 100% no-repeat;
  background-position: center center !important;
  cursor: pointer;
}
.header .btn-log.got[data-v-198de6c6] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAAsVBMVEUAAAD4PT34PT34PT34PT34PT34PT34PT34PT34PT34PT34PT34PT34PT34PT34PT34PT34PT34PT34PT34PT34PT34PT34PT34PT34PT34PT34PT34PT34PT34PT34PT34PT3////+7+//9/f909P7mZn5XV3/+vr6bW35Wlr5S0v4Rkb/9PT+1tb7lpb5YWH/8fH9w8P8p6f7jo77hYX6eHj5UlL+4+P+4eH9ysr9x8d78Ub7AAAAIHRSTlMARvfy1reGgAr5Vc+xp1Ai7uySSdi/rDsG3si6nFwtHkNFdHYAAAGBSURBVDjLlZXnooIwDIXL3u51dxgiuPcd7/9gVwVNwEL1+9VyDqWkacJKmJLuqi3LaqmuLpmsDsmTgSB7UqW14cAdToNrbWrARWvee20FKlDssteAGoyitwO1dPjrite2QYh9i4MiNivXmGjwAFp+FvAQ2ek4j5mdSz4AYXbY7dNsGO93hxnVznniAbIM/RNRerJG51E4JqLHmEnybOtnhEkS5sMtqrJJd5H4V4LgNkzoPnScbHwOG9R15uJkzjPPUXeZipHwuWBEVNbGNyc87wT1NrNwsuCZI9Qtah7zzGNiptuYhpz/m6LeYirULk2PsIeh4+56UcxSnU6PQdEbHKmqMwkoq6DgjYHSzRMJ3Wv0rldAkc08RZH0++r9SYvKAJMfA/ibef+mJaHLvVbLyemUl1BCrbiwcRTFUMZ+ohT0sciI+cTyJeZDXBiRN1pyhXyxJ9Y2xG0C6QkbEGUobG2qdvvie33TVAZdxkZDo395+sIq2jEoqqZLI/L0VTbYP9NcwsFMLWVnAAAAAElFTkSuQmCC) top center / 100% no-repeat;
}
.header .btn-log .count[data-v-198de6c6] {
  font-size: 0.2rem;
  color: #fff;
  background-color: #ff5757;
  border: 0.01rem solid #fff;
  border-radius: 50%;
  line-height: 0.4rem;
  height: 0.4rem;
  min-width: 0.4rem;
  position: absolute;
  top: -0.24rem;
  left: -0.24rem;
  box-sizing: border-box;
  padding: 0 0.02rem;
}
@charset "UTF-8";
@font-face {
  font-family: 'Berlin Sans FB Demi Bold';
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("../fonts/Berlin Sans FB Demi Bold.c555f41e.woff2") format('woff2');
}

/*公共样式*/
html[data-v-7f84c361],
body[data-v-7f84c361] {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-size: 0.12rem;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  text-align: left;
  background-color: #000;
}
body[data-v-7f84c361] {
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
}
a[data-v-7f84c361] {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  background: none;
  text-decoration: none;
  color: inherit;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
}
li[data-v-7f84c361] {
  list-style: none;
}
input[data-v-7f84c361],
button[data-v-7f84c361],
textarea[data-v-7f84c361] {
  outline: none;
  padding: 0;
}
ul[data-v-7f84c361] {
  padding: 0;
  margin: 0;
}
p[data-v-7f84c361],
h1[data-v-7f84c361],
h2[data-v-7f84c361],
h3[data-v-7f84c361],
h4[data-v-7f84c361],
h5[data-v-7f84c361],
h6[data-v-7f84c361] {
  height: auto;
  padding: 0;
  margin: 0;
}
button[data-v-7f84c361] {
  border: none;
  outline: none;
  padding: 0;
  background-color: transparent;
}
input[data-v-7f84c361],
textarea[data-v-7f84c361] {
  font-family: Arial;
  -webkit-touch-callout: auto;
  /*系统默认菜单被禁用*/
  -webkit-user-select: auto;
  /*webkit浏览器*/
  -khtml-user-select: auto;
  /*早期浏览器*/
  -moz-user-select: auto;
  /*火狐*/
  -ms-user-select: auto;
  /*IE10*/
  user-select: auto;
  caret-color: #999;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  resize: none;
}

/*滚动条样式*/
[data-v-7f84c361]::-webkit-scrollbar {
  width: 0;
  height: 0;
}
[data-v-7f84c361]::-webkit-scrollbar-thumb {
  border-radius: 0;
  background: transparent;
}
[data-v-7f84c361]::-webkit-scrollbar-track {
  background: transparent;
}
.pull-left[data-v-7f84c361] {
  float: left;
}
.pull-right[data-v-7f84c361] {
  float: right;
}
.text-left[data-v-7f84c361] {
  text-align: left !important;
}
.text-right[data-v-7f84c361] {
  text-align: right !important;
}
.text-center[data-v-7f84c361] {
  text-align: center !important;
}
.full[data-v-7f84c361] {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.hide[data-v-7f84c361] {
  display: none;
}
.clearfix[data-v-7f84c361]::after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix[data-v-7f84c361] {
  *zoom: 1;
}
.text-overflow[data-v-7f84c361] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mask[data-v-7f84c361] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 98;
}
.modal[data-v-7f84c361] {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
  max-width: 7.5rem;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}
.modal .box[data-v-7f84c361] {
  width: 6.41rem;
  position: absolute;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  color: #333;
  padding: 0.6rem;
}
.modal .box .btn-close[data-v-7f84c361] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIBAMAAACnw650AAAAG1BMVEUAAAD9+/v9+/v9+/v9+/v9+/v9+/v9+/v9+/ui4XmoAAAACHRSTlMA6i4tD8aysMQToRkAAADxSURBVEjHjdaxTQQxEEDREVDBRYRHCXRAgmiAgBIogAYIQC4brQh+cNLzbrCBZT9LHs94Zt6uw+/+a+bh4+JJzz8v87q+r4Qe1/t8rnUhtNbvPK2DAnQgd8df0GH8U4YmClAUoChAUYCiAEUBigIUBShKUBSgKEFRgKIERQGKMhTlSDXeClAtAHUD3VCAogRFAYoKEhUEKghUEKggUEGgAGEStjNkykfgw9yHZR/g/VUxRMrX14nglAJEymnugrEvPYKiBEUZitqXaEFRgqIMRe2fMkFRhqKCSO2f/CBQQaCCRAWBOtVknWrXTjV+p1rIPzrSz/1D7a6JAAAAAElFTkSuQmCC) top center / 100% no-repeat;
  position: absolute;
  right: 0;
  top: -1rem;
  width: 0.72rem;
  height: 0.72rem;
  cursor: pointer;
}
.fade-enter-active[data-v-7f84c361],
.fade-leave-active[data-v-7f84c361] {
  transition: opacity 0.5s 0.25s;
}
.fade-enter[data-v-7f84c361],
.fade-leave-to[data-v-7f84c361] {
  opacity: 0;
}
.modal-common .box[data-v-7f84c361] {
  animation: fadein-modal-7f84c361 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
.modal-tip[data-v-7f84c361] {
  background-color: transparent;
}
.modal-tip .box[data-v-7f84c361] {
  animation: fadein-toast-7f84c361 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
@keyframes fadein-modal-7f84c361 {
0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
}
100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.04);
}
}
@keyframes fadein-toast-7f84c361 {
0% {
    opacity: 0;
    transform: translate(-50%, 0);
}
100% {
    opacity: 1;
    transform: translate(-50%, -50%);
}
}
.ani-pop[data-v-7f84c361] {
  animation: ani-pop-7f84c361 0.31s ease-in-out !important;
}
.ani-jelly[data-v-7f84c361] {
  animation: ani-jelly-7f84c361 0.5s ease-in-out !important;
}
@keyframes ani-pop-7f84c361 {
0% {
    transform: scaleX(1);
    opacity: 1;
}
50% {
    transform: scale3d(1.05, 1.05, 1.05);
    opacity: 1;
}
to {
    transform: scaleX(1);
    opacity: 1;
}
}
@keyframes ani-jelly-7f84c361 {
0%, 100% {
    transform: scale(1, 1);
}
25% {
    transform: scale(0.85, 1.15);
}
40% {
    transform: scale(1.1, 0.9);
}
65% {
    transform: scale(0.9, 1.1);
}
70% {
    transform: scale(1, 1);
}
75% {
    transform: scale(1.05, 0.95);
}
}
.btn-rule[data-v-7f84c361] {
  text-transform: uppercase;
  font-size: 0.24rem;
  color: #2b2b2b;
  text-decoration: underline;
  cursor: pointer;
}
.modal-rule .box[data-v-7f84c361] {
  height: 9.42rem;
  position: absolute;
  top: 50%;
  left: 50%;
  background: url(../img/modal-rule.240af2aa.png) top center / 100% no-repeat;
}
.modal-rule .box .logo[data-v-7f84c361] {
  width: 2.92rem;
  height: 0.85rem;
  display: block;
  margin: 0 auto 0.1rem;
}
.modal-rule .box .title[data-v-7f84c361] {
  font-size: 0.28rem;
  color: #282626;
  font-weight: bold;
  margin: 0 0.16rem 0 0.08rem;
  line-height: 1.5;
  position: relative;
  padding-left: 0.3rem;
  margin-bottom: 0.2rem;
}
.modal-rule .box .title[data-v-7f84c361]::before {
  content: '';
  width: 0.1rem;
  height: 0.24rem;
  background-color: #ef0000;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0.1rem;
}
.modal-rule .box .content[data-v-7f84c361] {
  height: 5rem;
  overflow-y: auto;
  padding: 0.1rem;
  background-color: #e9ebf4;
  border-radius: 0.14rem;
  border: 0.01rem solid #c1c1c1;
}
.modal-rule .box .content .desc[data-v-7f84c361] {
  font-size: 0.24rem;
  color: #282626;
  line-height: 1.5;
  padding: 0 0.1rem;
}
@charset "UTF-8";
@font-face {
  font-family: 'Berlin Sans FB Demi Bold';
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("../fonts/Berlin Sans FB Demi Bold.c555f41e.woff2") format('woff2');
}

/*公共样式*/
html[data-v-73bb544c],
body[data-v-73bb544c] {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-size: 0.12rem;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  text-align: left;
  background-color: #000;
}
body[data-v-73bb544c] {
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
}
a[data-v-73bb544c] {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  background: none;
  text-decoration: none;
  color: inherit;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
}
li[data-v-73bb544c] {
  list-style: none;
}
input[data-v-73bb544c],
button[data-v-73bb544c],
textarea[data-v-73bb544c] {
  outline: none;
  padding: 0;
}
ul[data-v-73bb544c] {
  padding: 0;
  margin: 0;
}
p[data-v-73bb544c],
h1[data-v-73bb544c],
h2[data-v-73bb544c],
h3[data-v-73bb544c],
h4[data-v-73bb544c],
h5[data-v-73bb544c],
h6[data-v-73bb544c] {
  height: auto;
  padding: 0;
  margin: 0;
}
button[data-v-73bb544c] {
  border: none;
  outline: none;
  padding: 0;
  background-color: transparent;
}
input[data-v-73bb544c],
textarea[data-v-73bb544c] {
  font-family: Arial;
  -webkit-touch-callout: auto;
  /*系统默认菜单被禁用*/
  -webkit-user-select: auto;
  /*webkit浏览器*/
  -khtml-user-select: auto;
  /*早期浏览器*/
  -moz-user-select: auto;
  /*火狐*/
  -ms-user-select: auto;
  /*IE10*/
  user-select: auto;
  caret-color: #999;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  resize: none;
}

/*滚动条样式*/
[data-v-73bb544c]::-webkit-scrollbar {
  width: 0;
  height: 0;
}
[data-v-73bb544c]::-webkit-scrollbar-thumb {
  border-radius: 0;
  background: transparent;
}
[data-v-73bb544c]::-webkit-scrollbar-track {
  background: transparent;
}
.pull-left[data-v-73bb544c] {
  float: left;
}
.pull-right[data-v-73bb544c] {
  float: right;
}
.text-left[data-v-73bb544c] {
  text-align: left !important;
}
.text-right[data-v-73bb544c] {
  text-align: right !important;
}
.text-center[data-v-73bb544c] {
  text-align: center !important;
}
.full[data-v-73bb544c] {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.hide[data-v-73bb544c] {
  display: none;
}
.clearfix[data-v-73bb544c]::after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix[data-v-73bb544c] {
  *zoom: 1;
}
.text-overflow[data-v-73bb544c] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mask[data-v-73bb544c] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 98;
}
.modal[data-v-73bb544c] {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
  max-width: 7.5rem;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}
.modal .box[data-v-73bb544c] {
  width: 6.41rem;
  position: absolute;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  color: #333;
  padding: 0.6rem;
}
.modal .box .btn-close[data-v-73bb544c] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIBAMAAACnw650AAAAG1BMVEUAAAD9+/v9+/v9+/v9+/v9+/v9+/v9+/v9+/ui4XmoAAAACHRSTlMA6i4tD8aysMQToRkAAADxSURBVEjHjdaxTQQxEEDREVDBRYRHCXRAgmiAgBIogAYIQC4brQh+cNLzbrCBZT9LHs94Zt6uw+/+a+bh4+JJzz8v87q+r4Qe1/t8rnUhtNbvPK2DAnQgd8df0GH8U4YmClAUoChAUYCiAEUBigIUBShKUBSgKEFRgKIERQGKMhTlSDXeClAtAHUD3VCAogRFAYoKEhUEKghUEKggUEGgAGEStjNkykfgw9yHZR/g/VUxRMrX14nglAJEymnugrEvPYKiBEUZitqXaEFRgqIMRe2fMkFRhqKCSO2f/CBQQaCCRAWBOtVknWrXTjV+p1rIPzrSz/1D7a6JAAAAAElFTkSuQmCC) top center / 100% no-repeat;
  position: absolute;
  right: 0;
  top: -1rem;
  width: 0.72rem;
  height: 0.72rem;
  cursor: pointer;
}
.fade-enter-active[data-v-73bb544c],
.fade-leave-active[data-v-73bb544c] {
  transition: opacity 0.5s 0.25s;
}
.fade-enter[data-v-73bb544c],
.fade-leave-to[data-v-73bb544c] {
  opacity: 0;
}
.modal-common .box[data-v-73bb544c] {
  animation: fadein-modal-73bb544c 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
.modal-tip[data-v-73bb544c] {
  background-color: transparent;
}
.modal-tip .box[data-v-73bb544c] {
  animation: fadein-toast-73bb544c 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
@keyframes fadein-modal-73bb544c {
0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
}
100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.04);
}
}
@keyframes fadein-toast-73bb544c {
0% {
    opacity: 0;
    transform: translate(-50%, 0);
}
100% {
    opacity: 1;
    transform: translate(-50%, -50%);
}
}
.ani-pop[data-v-73bb544c] {
  animation: ani-pop-73bb544c 0.31s ease-in-out !important;
}
.ani-jelly[data-v-73bb544c] {
  animation: ani-jelly-73bb544c 0.5s ease-in-out !important;
}
@keyframes ani-pop-73bb544c {
0% {
    transform: scaleX(1);
    opacity: 1;
}
50% {
    transform: scale3d(1.05, 1.05, 1.05);
    opacity: 1;
}
to {
    transform: scaleX(1);
    opacity: 1;
}
}
@keyframes ani-jelly-73bb544c {
0%, 100% {
    transform: scale(1, 1);
}
25% {
    transform: scale(0.85, 1.15);
}
40% {
    transform: scale(1.1, 0.9);
}
65% {
    transform: scale(0.9, 1.1);
}
70% {
    transform: scale(1, 1);
}
75% {
    transform: scale(1.05, 0.95);
}
}
.bottom[data-v-73bb544c] {
  width: 100%;
  height: 0.99rem;
  background: url(../img/bottom.1696f769.png) top center / 100% no-repeat;
  position: absolute;
  bottom: 0.2rem;
  left: 0;
  z-index: 0;
}
@charset "UTF-8";
@font-face {
  font-family: 'Berlin Sans FB Demi Bold';
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("../fonts/Berlin Sans FB Demi Bold.c555f41e.woff2") format('woff2');
}

/*公共样式*/
html[data-v-46a2ab68],
body[data-v-46a2ab68] {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-size: 0.12rem;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  text-align: left;
  background-color: #000;
}
body[data-v-46a2ab68] {
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
}
a[data-v-46a2ab68] {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  background: none;
  text-decoration: none;
  color: inherit;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
}
li[data-v-46a2ab68] {
  list-style: none;
}
input[data-v-46a2ab68],
button[data-v-46a2ab68],
textarea[data-v-46a2ab68] {
  outline: none;
  padding: 0;
}
ul[data-v-46a2ab68] {
  padding: 0;
  margin: 0;
}
p[data-v-46a2ab68],
h1[data-v-46a2ab68],
h2[data-v-46a2ab68],
h3[data-v-46a2ab68],
h4[data-v-46a2ab68],
h5[data-v-46a2ab68],
h6[data-v-46a2ab68] {
  height: auto;
  padding: 0;
  margin: 0;
}
button[data-v-46a2ab68] {
  border: none;
  outline: none;
  padding: 0;
  background-color: transparent;
}
input[data-v-46a2ab68],
textarea[data-v-46a2ab68] {
  font-family: Arial;
  -webkit-touch-callout: auto;
  /*系统默认菜单被禁用*/
  -webkit-user-select: auto;
  /*webkit浏览器*/
  -khtml-user-select: auto;
  /*早期浏览器*/
  -moz-user-select: auto;
  /*火狐*/
  -ms-user-select: auto;
  /*IE10*/
  user-select: auto;
  caret-color: #999;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  resize: none;
}

/*滚动条样式*/
[data-v-46a2ab68]::-webkit-scrollbar {
  width: 0;
  height: 0;
}
[data-v-46a2ab68]::-webkit-scrollbar-thumb {
  border-radius: 0;
  background: transparent;
}
[data-v-46a2ab68]::-webkit-scrollbar-track {
  background: transparent;
}
.pull-left[data-v-46a2ab68] {
  float: left;
}
.pull-right[data-v-46a2ab68] {
  float: right;
}
.text-left[data-v-46a2ab68] {
  text-align: left !important;
}
.text-right[data-v-46a2ab68] {
  text-align: right !important;
}
.text-center[data-v-46a2ab68] {
  text-align: center !important;
}
.full[data-v-46a2ab68] {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.hide[data-v-46a2ab68] {
  display: none;
}
.clearfix[data-v-46a2ab68]::after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix[data-v-46a2ab68] {
  *zoom: 1;
}
.text-overflow[data-v-46a2ab68] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mask[data-v-46a2ab68] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 98;
}
.modal[data-v-46a2ab68] {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
  max-width: 7.5rem;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}
.modal .box[data-v-46a2ab68] {
  width: 6.41rem;
  position: absolute;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  color: #333;
  padding: 0.6rem;
}
.modal .box .btn-close[data-v-46a2ab68] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIBAMAAACnw650AAAAG1BMVEUAAAD9+/v9+/v9+/v9+/v9+/v9+/v9+/v9+/ui4XmoAAAACHRSTlMA6i4tD8aysMQToRkAAADxSURBVEjHjdaxTQQxEEDREVDBRYRHCXRAgmiAgBIogAYIQC4brQh+cNLzbrCBZT9LHs94Zt6uw+/+a+bh4+JJzz8v87q+r4Qe1/t8rnUhtNbvPK2DAnQgd8df0GH8U4YmClAUoChAUYCiAEUBigIUBShKUBSgKEFRgKIERQGKMhTlSDXeClAtAHUD3VCAogRFAYoKEhUEKghUEKggUEGgAGEStjNkykfgw9yHZR/g/VUxRMrX14nglAJEymnugrEvPYKiBEUZitqXaEFRgqIMRe2fMkFRhqKCSO2f/CBQQaCCRAWBOtVknWrXTjV+p1rIPzrSz/1D7a6JAAAAAElFTkSuQmCC) top center / 100% no-repeat;
  position: absolute;
  right: 0;
  top: -1rem;
  width: 0.72rem;
  height: 0.72rem;
  cursor: pointer;
}
.fade-enter-active[data-v-46a2ab68],
.fade-leave-active[data-v-46a2ab68] {
  transition: opacity 0.5s 0.25s;
}
.fade-enter[data-v-46a2ab68],
.fade-leave-to[data-v-46a2ab68] {
  opacity: 0;
}
.modal-common .box[data-v-46a2ab68] {
  animation: fadein-modal-46a2ab68 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
.modal-tip[data-v-46a2ab68] {
  background-color: transparent;
}
.modal-tip .box[data-v-46a2ab68] {
  animation: fadein-toast-46a2ab68 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
@keyframes fadein-modal-46a2ab68 {
0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
}
100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.04);
}
}
@keyframes fadein-toast-46a2ab68 {
0% {
    opacity: 0;
    transform: translate(-50%, 0);
}
100% {
    opacity: 1;
    transform: translate(-50%, -50%);
}
}
.ani-pop[data-v-46a2ab68] {
  animation: ani-pop-46a2ab68 0.31s ease-in-out !important;
}
.ani-jelly[data-v-46a2ab68] {
  animation: ani-jelly-46a2ab68 0.5s ease-in-out !important;
}
@keyframes ani-pop-46a2ab68 {
0% {
    transform: scaleX(1);
    opacity: 1;
}
50% {
    transform: scale3d(1.05, 1.05, 1.05);
    opacity: 1;
}
to {
    transform: scaleX(1);
    opacity: 1;
}
}
@keyframes ani-jelly-46a2ab68 {
0%, 100% {
    transform: scale(1, 1);
}
25% {
    transform: scale(0.85, 1.15);
}
40% {
    transform: scale(1.1, 0.9);
}
65% {
    transform: scale(0.9, 1.1);
}
70% {
    transform: scale(1, 1);
}
75% {
    transform: scale(1.05, 0.95);
}
}
.btn-gift[data-v-46a2ab68] {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAABLCAMAAADdwICAAAAAclBMVEUAAACVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZXT5XjxAAAAJXRSTlMAM6pmLfcT4dnQx+u2KecK8j0gGxkOvq6hmZJVBoh/bF1NUG9HowgkDwAAAVxJREFUWMPt2MlugzAUheGTgM1MIGQgQMb2vP8rFoVMOFSVsKmy8Lfz5l94caV78Ye88gW98oK7hRN7Ig33S4xXxLwJZriqU3bEvsFIbsoHcUbrwKdwjVGkxxdiBpz4KsYoO/YEkBl7ThhhJdj3fWCfjxEcKnYBFa7+H5AhVTV+tz47gwIqBFVzZ8B5gVYd0bDoAuScQI4NJ7CB4AQEOAmbtVmbtVmb/adsxglk2HICWyQZjcsSwA1pWOgCrWJmVIHJFXMjoHBphM3a7Kdky1mzclJe+bVc5LGJ7LHb/Xy2Novro9LPbtCRARl3VTSedvaIR7et3lTa2RPu1g3uDtrZPQZstbORxJtE6GWHjxyFT+3se3fp0USWoVSqZrIMZK9qKstghZskpbks/dWjajJLP0Erj2g2S1Eev7bi8+etzdqszRrJSpoQQRXTgB1USURtvsSbZakZ9qpn9Qe5irqvlIPN2AAAAABJRU5ErkJggg==) top center / 100% no-repeat;
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.46);
  background-position: center center !important;
  background-size: 0.66rem;
  background-color: #fff;
  position: absolute;
  right: 0.2rem;
  top: 0.5rem;
  z-index: 20;
  cursor: pointer;
}
.btn-gift.got[data-v-46a2ab68] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAABLCAMAAADdwICAAAAAhFBMVEUAAAD8QUf8QUf8QUf8QUf8QUf8QUf8QUf8QUf8QUf8QUf8QUf8QUf8QUf8QUf8QUf8QUf8QUf8QUf8QUf8QUf8QUf8QUf8QUf8QUf8QUf8QUf8QUf8QUf8QUf8QUf8QUf8QUf8QUf8QUf8QUf8QUf8QUf8QUf8QUf8QUf8QUf8QUf8QUfbkGJOAAAAK3RSTlMAM6pmLRP82evh0CnECvby5yAbDvnKta6hmZJVGQa+uYh/bF1NO+RQP29H/V4JZAAAAWdJREFUWMPt2MeOgzAUheGTEFNDCemF9DZz3v/9BgWUBMNoJGxGWfhb2Zt/4YXla/zhsnImtre4AaXQmnlRMt2P0F46Y8nv4WGdsDDZZ2hpkPApOiN34MtwjFaExzeTHnDiux1aWbLCh4hZcUILG5tV3wdWOWjBomTpUzJQPwNyalOyxu/GZ6uRT0lEWd9qcA6RW7vUzL0Bd5va2Xds2YEtInYgAjthsiZrsiZrsv+UjdmBGHN2YI4gpnZxAAyG1GxYvKHSnlYpOpf2tYBkQC1M1mQ/JbvoZRsr4YOzFuFlpiN7LGY/h7lt+Nis1LNDFIRP7ooqMk85e0RJTGchSivl7Ok1FmbP5UE5u0eDuXLWFagJbLVs8ydH6lA5W++OPOrIciqkqp4sfVGpKmfr3eBKfVk6m7KaUGeWToDcxaXeLCeL49fc/vz71mRN1mS1ZIVNDVzIdtRgCVngUpkjUDNaKIavq1f1B+HFKxb4FXdvAAAAAElFTkSuQmCC);
}
.btn-gift.fixed[data-v-46a2ab68] {
  position: absolute;
  top: 1.2rem;
}
.modal-gift .box[data-v-46a2ab68] {
  height: 5.47rem;
  position: absolute;
  top: 50%;
  left: 50%;
  background: url(../img/modal-gift.2f81f87a.png) top center / 100% no-repeat;
}
.modal-gift .box .logo[data-v-46a2ab68] {
  width: 2.92rem;
  height: 0.85rem;
  background: url(../img/logo-gta-black.cfa2516a.png) top center / 100% no-repeat;
  display: block;
  margin: 0 auto 0.5rem;
}
.modal-gift .box .header[data-v-46a2ab68] {
  display: flex;
  align-items: center;
  margin-bottom: 0.46rem;
}
.modal-gift .box .header[data-v-46a2ab68]::before {
  content: '';
  width: 0.1rem;
  height: 0.53rem;
  background-color: #ef0000;
  display: inline-block;
}
.modal-gift .box .header .name[data-v-46a2ab68] {
  font-size: 0.3rem;
  color: #282626;
  font-weight: bold;
  margin: 0 0.16rem 0 0.08rem;
  line-height: 1.2;
}
.modal-gift .box .header .code[data-v-46a2ab68] {
  height: 0.62rem;
  line-height: 0.62rem;
  background-color: #e9ebf4;
  border: 0.01rem solid #959595;
  box-sizing: border-box;
  border-radius: 0.07rem;
  padding: 0 0.24rem;
  text-align: left;
  color: #282626;
  font-size: 0.3rem;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modal-gift .box .desc[data-v-46a2ab68] {
  font-size: 0.24rem;
  color: #282626;
  line-height: 1.5;
}
.modal-gift .box .desc .title[data-v-46a2ab68] {
  font-weight: bold;
}
@charset "UTF-8";
@font-face {
  font-family: 'Berlin Sans FB Demi Bold';
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("../fonts/Berlin Sans FB Demi Bold.c555f41e.woff2") format('woff2');
}

/*公共样式*/
html[data-v-3fdca674],
body[data-v-3fdca674] {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-size: 0.12rem;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  text-align: left;
  background-color: #000;
}
body[data-v-3fdca674] {
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
}
a[data-v-3fdca674] {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  background: none;
  text-decoration: none;
  color: inherit;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
}
li[data-v-3fdca674] {
  list-style: none;
}
input[data-v-3fdca674],
button[data-v-3fdca674],
textarea[data-v-3fdca674] {
  outline: none;
  padding: 0;
}
ul[data-v-3fdca674] {
  padding: 0;
  margin: 0;
}
p[data-v-3fdca674],
h1[data-v-3fdca674],
h2[data-v-3fdca674],
h3[data-v-3fdca674],
h4[data-v-3fdca674],
h5[data-v-3fdca674],
h6[data-v-3fdca674] {
  height: auto;
  padding: 0;
  margin: 0;
}
button[data-v-3fdca674] {
  border: none;
  outline: none;
  padding: 0;
  background-color: transparent;
}
input[data-v-3fdca674],
textarea[data-v-3fdca674] {
  font-family: Arial;
  -webkit-touch-callout: auto;
  /*系统默认菜单被禁用*/
  -webkit-user-select: auto;
  /*webkit浏览器*/
  -khtml-user-select: auto;
  /*早期浏览器*/
  -moz-user-select: auto;
  /*火狐*/
  -ms-user-select: auto;
  /*IE10*/
  user-select: auto;
  caret-color: #999;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  resize: none;
}

/*滚动条样式*/
[data-v-3fdca674]::-webkit-scrollbar {
  width: 0;
  height: 0;
}
[data-v-3fdca674]::-webkit-scrollbar-thumb {
  border-radius: 0;
  background: transparent;
}
[data-v-3fdca674]::-webkit-scrollbar-track {
  background: transparent;
}
.pull-left[data-v-3fdca674] {
  float: left;
}
.pull-right[data-v-3fdca674] {
  float: right;
}
.text-left[data-v-3fdca674] {
  text-align: left !important;
}
.text-right[data-v-3fdca674] {
  text-align: right !important;
}
.text-center[data-v-3fdca674] {
  text-align: center !important;
}
.full[data-v-3fdca674] {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.hide[data-v-3fdca674] {
  display: none;
}
.clearfix[data-v-3fdca674]::after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix[data-v-3fdca674] {
  *zoom: 1;
}
.text-overflow[data-v-3fdca674] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mask[data-v-3fdca674] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 98;
}
.modal[data-v-3fdca674] {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
  max-width: 7.5rem;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}
.modal .box[data-v-3fdca674] {
  width: 6.41rem;
  position: absolute;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  color: #333;
  padding: 0.6rem;
}
.modal .box .btn-close[data-v-3fdca674] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIBAMAAACnw650AAAAG1BMVEUAAAD9+/v9+/v9+/v9+/v9+/v9+/v9+/v9+/ui4XmoAAAACHRSTlMA6i4tD8aysMQToRkAAADxSURBVEjHjdaxTQQxEEDREVDBRYRHCXRAgmiAgBIogAYIQC4brQh+cNLzbrCBZT9LHs94Zt6uw+/+a+bh4+JJzz8v87q+r4Qe1/t8rnUhtNbvPK2DAnQgd8df0GH8U4YmClAUoChAUYCiAEUBigIUBShKUBSgKEFRgKIERQGKMhTlSDXeClAtAHUD3VCAogRFAYoKEhUEKghUEKggUEGgAGEStjNkykfgw9yHZR/g/VUxRMrX14nglAJEymnugrEvPYKiBEUZitqXaEFRgqIMRe2fMkFRhqKCSO2f/CBQQaCCRAWBOtVknWrXTjV+p1rIPzrSz/1D7a6JAAAAAElFTkSuQmCC) top center / 100% no-repeat;
  position: absolute;
  right: 0;
  top: -1rem;
  width: 0.72rem;
  height: 0.72rem;
  cursor: pointer;
}
.fade-enter-active[data-v-3fdca674],
.fade-leave-active[data-v-3fdca674] {
  transition: opacity 0.5s 0.25s;
}
.fade-enter[data-v-3fdca674],
.fade-leave-to[data-v-3fdca674] {
  opacity: 0;
}
.modal-common .box[data-v-3fdca674] {
  animation: fadein-modal-3fdca674 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
.modal-tip[data-v-3fdca674] {
  background-color: transparent;
}
.modal-tip .box[data-v-3fdca674] {
  animation: fadein-toast-3fdca674 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
@keyframes fadein-modal-3fdca674 {
0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
}
100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.04);
}
}
@keyframes fadein-toast-3fdca674 {
0% {
    opacity: 0;
    transform: translate(-50%, 0);
}
100% {
    opacity: 1;
    transform: translate(-50%, -50%);
}
}
.ani-pop[data-v-3fdca674] {
  animation: ani-pop-3fdca674 0.31s ease-in-out !important;
}
.ani-jelly[data-v-3fdca674] {
  animation: ani-jelly-3fdca674 0.5s ease-in-out !important;
}
@keyframes ani-pop-3fdca674 {
0% {
    transform: scaleX(1);
    opacity: 1;
}
50% {
    transform: scale3d(1.05, 1.05, 1.05);
    opacity: 1;
}
to {
    transform: scaleX(1);
    opacity: 1;
}
}
@keyframes ani-jelly-3fdca674 {
0%, 100% {
    transform: scale(1, 1);
}
25% {
    transform: scale(0.85, 1.15);
}
40% {
    transform: scale(1.1, 0.9);
}
65% {
    transform: scale(0.9, 1.1);
}
70% {
    transform: scale(1, 1);
}
75% {
    transform: scale(1.05, 0.95);
}
}
.main[data-v-3fdca674] {
  width: 100%;
  height: 100%;
}
.main .home[data-v-3fdca674] {
  width: 100%;
  height: 100%;
  background-color: #efefef;
  position: relative;
  z-index: 1;
}
.main .home .container[data-v-3fdca674] {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 80%;
}
.main .home .container .btn-rule[data-v-3fdca674] {
  position: absolute;
  right: 0.4rem;
  top: 0;
  z-index: 19;
}
.main .home .container .slogan-box[data-v-3fdca674] {
  position: absolute;
  bottom: 2.8rem;
  right: 0;
  z-index: 19;
}
.main .home .container .slogan-box .slogan[data-v-3fdca674] {
  height: 1.45rem;
}
.main .home .container .slogan-box[data-v-3fdca674]::before {
  content: '';
  width: 6.35rem;
  height: 4.05rem;
  background: url(../img/slogan-bg.1e061b31.png) top center / 100% no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.main .home .container .dot[data-v-3fdca674] {
  width: 1.47rem;
  height: 0.62rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJMAAAA+CAMAAAAYudkXAAAARVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADc6ur3AAAAF3RSTlMAgAR0a0ZuG3F6Nj0yGDojQV4VYWZbV6cbywUAAAEASURBVGje7dpBrsMgDEVRCCRQSPhJm3T/S/0jECAsYakDD94dHbMDI6v1lVSudRz6ZPssjlNe1UvbPHbeig1pX9kM333zbobvW+dk9zySDkzvpMOUEUJIasvfIs63/uax8afxM+Gr+CL9GfrpbPSdx8ae8KYty1ZvxVtlS/jWXrn1nUfSB9vH0O8pO4UQQmi+04QJp6HjhJOJEz5r9zudiP0u+r3MtENxYjr4xHRUCCEktcUt4lztcaSvKT/FD+lr6G/reqcj7bUlXO1ubPti29lVuxXf7uc+sN8hhAQn70/sEPl3KPGPVcr/c22EEJIa4+aB4VCbe/8g8jZE4A3NP8R0GogfoG75AAAAAElFTkSuQmCC) top center / 100% no-repeat;
  position: absolute;
  bottom: 2rem;
  right: 0;
  z-index: 18;
}
.main .home .container .btns[data-v-3fdca674] {
  position: absolute;
  bottom: 0.4rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 20;
  opacity: 0;
}
.main .home .container .btns .btn-start[data-v-3fdca674] {
  height: 1.62rem;
  text-align: center;
  border-radius: 0.82rem;
  box-shadow: 0 0.1rem 0.1rem rgba(255, 70, 75, 0.5);
  padding: 0 0.7rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAesAAABUBAMAAABQNgKGAAAAHlBMVEUAAAD///////////////////////////////////8kfJuVAAAACnRSTlMAFBkeECMgJggMDrPChgAACSdJREFUeNrkmTFOw0AQRccmhd1lHA4Q/40QdDBBCDpwjsAN6LhFhJukQ4Qmt0Xe8WZxnyKaed2UX5vJfyOTO/bX5I7qt1k/zckX1VtYC/BBvijfMRCW5IoSimzJEwcoN75ibzCim77b7Y/HI5knQHmIEyLhm4xTCZTHYSpaHmjM11mdYr8MU8fKLRmnSLGfiahuWVmRccoU+56Ivniksf633mNkqb9xpXkl26T+CnN9bSfLvUixh/ctOHFHtoGiVT1rOUGmqSXF3g7TKXZjW1hmKbbEMb+2bWEpp7HZyXL3mCj5D/tY7gOykscG8yEsG2Q3TQ3m4BoJ09iz1oWwVJLdNM4ts4NrZCbZTSPsYrkLyW4a6djDNXL13021wTwsd+wvgUQ31QbzsNwLZEnLDaY0ZJYACCJEqcHsXyOVTN1UGyxh9vNQLdlNR9jBNRJrOyAAnzTSsf1rpMTETbXB7C93DwRMP/OWbP8a2SC76UjB9oVloZnVTXODJVqyiUzdVBvM/DVSi5opEHJAZuvXSCHZTU90Z1vuPV0mJSaxc4Od5RqpsbrMJekRCeqmucHOc410/Ne89TwnDURh0Y4DNxNT1JsJabU3IQXGWxNwRm5KXOIVkHC2nTRX/DVTb4g4Y/9bN1k23y7bAgk647s4kRLy5Xvvfd/bbHTz9Z3/MH5y2bY+CM7N3L+4s40RlvE/EV7qXWWyXRNNGh4I7TuNlC1248z/yOotLEszrq8sxZtCwfadRrz/UPz1hAfr4Xkm2yKrmhB68RT/1+JfyX9edk2duAHYIk/7TyNl/R+Lf/mHlq9toHwP4wtYclnB9n3wufjHqxXftSRycIJxw3hGGN2w5FCw/QzLQY7+UIxqFvn08TOD3SbBOZ7p33zNZuHegfjrVBdhBdU7JcEIsBUFK96QPuMMf3+1ouzi1Mbj/B1NC0jQgDcVFczoFl5qwH37NxsjvmpCWPVZ7svyogx2XfrcdfUa0qiwZG86xVVRqjUhaq2Jb87yamonIgTrpkJ0WkFsF59GPoHsWxVM63Z78z17pdEehH3PztnRtGpEImyzRbjtOApOYVgKudLNY1zF6Ha7xjYR1OhfnSkahGiGYd/VdytvCPNhRC7hTXFTRk1CW7wLroqnOE7wWyatS8Odb5UDy0ISgzEJtmbtmuYal21yoZq0imMdRfQTF26jmCuFbDN6ReCfukls4Amzga0wJsHeUWtwPqMN2EKv/dmwjinsCDlaPMUhXz8oyh6ur5vGkx3KGFKiplIYhsPdbcEB9KsPkyY8J6lR2IFdzG0sbiS7nNQyChWHG+IuauSWMSkHbJzPiwAbVVZNjgMK+y3oKtJp8W0kdfcxSns7bE/2S+pQ7A3CSZ3+m6+jdSDbtZm8KXFKCDl3i7gNXVM0G+x2eyjtJOY7eCoZVaUobFxaFbCt7G6yNaY2hX25eZT4PN8q2eCKsssCpZ3EbBerZ8vJVBy2mekXSY2p4E2/sPtwRLYVdynoz7alOAwaR+0m3wH5mxUBZ7hFth/mgl0xuX5lbqUO8UoiVTDBsKgAy+1x8+1WyTa6IBtAcbzNU6n6WeoWhl3SMv26XPOm93itJ7A/urdPI4e+40xPt6S451gZ2WhpKO3XO3W0M9GQ1yzDlWDbO8LGbZxy2YY3vQvYgmFRR4kvlw6N6cv1xwEy17RUTn5zJyraMnZ0fbZB/b96tqIjlSMSx1Fd41ENU9hGPvMY0G4NbyrvSQzIJsNSIk4awfNNKe4NJn3P0nqUXB6iave8+obX6K3qW5fBFlD7ThzHHzUexwy2naejQbbhTbGVZUo2FHf52dhhQR5vcKXNkCSMWQ9PUsjI6goTs2cjSIQYVxQ0TRV/rZ8eNH2nRWG/QzblgV0xIdsjwJY3LrWJZFjOlMJm0YrObnOlxsPBJCXMODpBHxc62nJiwhPLS/jJt5pptwKoT1P6q00K+1SCbe4GGyJzCNnGz1urOCKSYXmqFDbHfTGHCZLCnYTESLMqPFlT7WV6sBiYN74pv7p7k9BHX0lQjx0G2xZhhzvPDHez+Quwz9Y3JR5HkmGx1wob0ezPb5Rs43gwGbop6w6HfSaZlY5v6rp968rPIPRdWMRFkNZVex32YGfYC+gXwbtQ668ARpJh0SXFdiTc53gcIIRHwoGhJeE4NnJcKO3DsY4brrBSHYRD1Fc5dtKYUthC88gDW4d+RSuTVsPUKcH+cMM08sp35Gi/F9ZKwQQjm4qr45xizERp945GmmlaCmyPMzk5xS8fXGSwIwm2v+MyPGaYAG6loe6zDogyjaCw5ThHigtOAmQ7p0spx9nRMhxRtq25cnkc0sRGnt31V4oZx5duIdgH0C9yAW8q+pUGa+UwLDh1KXKUaM6UwculV11nZI85bFdeYlgMGqZpKrBLWWkPhK5ynxVWItsXgB3uDBtPejoC7FNlMwuDHRsaDxS2Eu0H667UyMg2jukfDJeZMcUc8jOsW2ts966vr/hQPAj7Lu73LyeDjQzUb4Kt6+y1F7WjYezsw5vCpkHBRMMy54qtRutNxVLEa6W63ph+ztiey6V92DIltpmHdeu8o1HY0K/D1S/BpLGMoH8kwy4ntDSgi0LLgGyP4E1h06BgomF5gMJW4i0km/czpj6M7HFPGrd+MNjN0LRozIT8TlK/n3W0utBUWqty2ggbtNUACNYUss0L+YW6v7wWoafxu35A0lsuRdpfbUW8ONkOclwu7WU41ijbKWy0ul7H4WZlYgv65QP2BwX2c3XHmTNT3ABkO2jAmypvw0VEnkZ4YbfUloZLkchm6uW0nmD4Qmkv/JHO2cYHvWMnQyQUV2mlX23mTaEWgC0rUe2FMmxDv4j8TB82rcEUTDIsM1rYDPVYjFRVeFJgDF5dnENjtESOY4nh52CUsi0/MViOR+7qFL7gk+75cCu2DFuTYX/hRCrDNvQrkl4Bg01DKw+GmEZYYatst7mWQrwksk/kHP+06mghSzX5icFiXOe2s+9Cv745mWzHpgR7mMEu/76m0QEiKTxBvy6xzRa3C7Cl4jb0yTpedNdYTPEqW/NIopWQfQ1jitLuHbXqpsx28r9VJ0VlUNkfCn7hEWALJq0qwb47Tq2ThEhdha1CtmHJ/wAvzaFg+8rxewAAAABJRU5ErkJggg==) top center / 100% no-repeat;
  background-size: 4.91rem auto;
  background-position: bottom center;
  background-color: #ff5257;
  font-family: 'Berlin Sans FB Demi Bold';
  transform-origin: 50% 50%;
  cursor: pointer;
  position: relative;
}
.main .home .container .btns .btn-start[data-v-3fdca674]::before {
  content: '';
  width: calc(100% - 0.24rem);
  height: calc(100% - 0.24rem);
  border: 0.01rem solid #fff;
  border-radius: 0.82rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  box-sizing: border-box;
}
.main .home .container .btns .btn-start span[data-v-3fdca674] {
  line-height: 1;
  font-weight: bold;
  font-size: 0.5rem;
  color: #fff;
  text-transform: uppercase;
  white-space: nowrap;
  position: relative;
}
.main .home .container .btns .btn-start span[data-v-3fdca674]::before {
  content: '';
  width: 0.21rem;
  height: 0.19rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAATCAMAAABIkLa5AAAASFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////neHiwAAAAF3RSTlMARfsSB+HSxIxRMyXXvqidg3NqOQ8E8ryICXwAAAB+SURBVBjTZc1JDsMgEETRYrQBz0Pq/jcNYOSg9FuVvlpqFDEog8KoEPFQjqReDcyq83KqRs1qStMzdM7WsfmwcRaBUsBGacNIacRB6UCilIBZxBnAKeqJbBS/CjuwN1hUl++iv9CY4Xdp8LJLi4tFb9e56R1/oqePEG51v/sLZugWZck6wLUAAAAASUVORK5CYII=) top center / 100% no-repeat;
  position: absolute;
  left: -0.3rem;
  top: 50%;
  margin-top: -0.095rem;
}
.main .home .container .btns .btn-start span[data-v-3fdca674]::after {
  content: '';
  width: 0.21rem;
  height: 0.19rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAATCAMAAABIkLa5AAAASFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////neHiwAAAAF3RSTlMARfsSB+HSxIxRMyXXvqidg3NqOQ8E8ryICXwAAAB+SURBVBjTZc1JDsMgEETRYrQBz0Pq/jcNYOSg9FuVvlpqFDEog8KoEPFQjqReDcyq83KqRs1qStMzdM7WsfmwcRaBUsBGacNIacRB6UCilIBZxBnAKeqJbBS/CjuwN1hUl++iv9CY4Xdp8LJLi4tFb9e56R1/oqePEG51v/sLZugWZck6wLUAAAAASUVORK5CYII=) top center / 100% no-repeat;
  position: absolute;
  right: -0.3rem;
  top: 50%;
  margin-top: -0.095rem;
}
.main .home .container .btns .btn-start.disabled[data-v-3fdca674] {
  filter: grayscale(1);
}
.main .home .container .photo-box[data-v-3fdca674] {
  font-size: 0;
  position: absolute;
}
.main .home .container .photo-box .photo[data-v-3fdca674] {
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.4);
  padding: 0.12rem;
  background-color: #fff;
  object-fit: cover;
  box-sizing: border-box;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.main .home .container .photo-box.p1[data-v-3fdca674] {
  top: 1.42rem;
  left: 4.4rem;
  transform: rotate(-14deg);
  z-index: 1;
  width: 3.54rem;
  height: 5rem;
}
.main .home .container .photo-box.p2[data-v-3fdca674] {
  top: 0;
  left: 2rem;
  transform: rotate(-18deg);
  z-index: 2;
  width: 3.29rem;
  height: 4.65rem;
}
.main .home .container .photo-box.p3[data-v-3fdca674] {
  top: 2.72rem;
  left: 2rem;
  transform: rotate(35deg);
  z-index: 3;
  width: 3.2rem;
  height: 4.51rem;
}
.main .home .container .photo-box.p4[data-v-3fdca674] {
  top: 4rem;
  left: 7.2rem;
  transform: rotate(-12deg);
  z-index: 4;
  width: 3.45rem;
  height: 4.88rem;
}
.main .home .container .photo-box.p5[data-v-3fdca674] {
  top: 0;
  left: -1.08rem;
  transform: rotate(-8deg);
  z-index: 5;
  width: 3.29rem;
  height: 4.65rem;
}
.main .home .container .photo-box.p6[data-v-3fdca674] {
  top: 3.3rem;
  left: -1.72rem;
  transform: rotate(19deg);
  z-index: 6;
  width: 3.4rem;
  height: 4.8rem;
}
.main .home .container .photo-box.p7[data-v-3fdca674] {
  top: 6.5rem;
  left: -1rem;
  transform: rotate(-15deg);
  z-index: 7;
  width: 3.14rem;
  height: 4.43rem;
}
.main .home .container .photo-box.p8[data-v-3fdca674] {
  bottom: -4.5rem;
  right: -1.88rem;
  transform: rotate(24deg);
  z-index: 7;
  width: 3.54rem;
  height: 5rem;
}
.main .home .bottom[data-v-3fdca674] {
  z-index: -1;
}
.main.loaded .home .container .btns[data-v-3fdca674] {
  animation: heartBeat-3fdca674 2s 0.75s ease-in-out forwards;
}
.main.loaded .home .container .btn-start.disabled[data-v-3fdca674] {
  animation: none;
  opacity: 1;
}
.main.loaded .home .container .slogan-box[data-v-3fdca674],
.main.loaded .home .container .dot[data-v-3fdca674] {
  animation: fadeInRightBig-3fdca674 1s forwards;
}
.main.loaded .home .container .photo-box .photo[data-v-3fdca674] {
  opacity: 1;
}
.main.loaded .home .container .photo-box.p1 .photo[data-v-3fdca674] {
  animation: scaleIn-3fdca674 0.2s forwards;
}
.main.loaded .home .container .photo-box.p2 .photo[data-v-3fdca674] {
  animation: scaleIn-3fdca674 0.2s 0.1s forwards;
}
.main.loaded .home .container .photo-box.p3 .photo[data-v-3fdca674] {
  animation: scaleIn-3fdca674 0.75s 0.2s forwards;
}
.main.loaded .home .container .photo-box.p4 .photo[data-v-3fdca674] {
  animation: scaleIn-3fdca674 0.75s 0.3s forwards;
}
.main.loaded .home .container .photo-box.p5 .photo[data-v-3fdca674] {
  animation: scaleIn-3fdca674 0.75s 0.3s forwards;
}
.main.loaded .home .container .photo-box.p6 .photo[data-v-3fdca674] {
  animation: scaleIn-3fdca674 0.75s 0.4s forwards;
}
.main.loaded .home .container .photo-box.p7 .photo[data-v-3fdca674] {
  animation: scaleIn-3fdca674 0.75s 0.5s forwards;
}
.main.loaded .home .container .photo-box.p8 .photo[data-v-3fdca674] {
  animation: scaleIn-3fdca674 0.75s 0.5s forwards;
}
@keyframes fadeInRightBig-3fdca674 {
0% {
    opacity: 0;
    -webkit-transform: translate3d(20rem, 0, 0);
    transform: translate3d(20rem, 0, 0);
}
to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
}
@keyframes heartBeat-3fdca674 {
0% {
    -webkit-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
    opacity: 1;
}
14% {
    -webkit-transform: translateX(-50%) scale(1.3);
    transform: translateX(-50%) scale(1.3);
    opacity: 1;
}
28% {
    -webkit-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
    opacity: 1;
}
42% {
    -webkit-transform: translateX(-50%) scale(1.3);
    transform: translateX(-50%) scale(1.3);
    opacity: 1;
}
70% {
    -webkit-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
    opacity: 1;
}
100% {
    opacity: 1;
}
}
@keyframes scaleIn-3fdca674 {
0% {
    transform: scale(2);
}
100% {
    transform: scale(1);
}
}
@media all and (min-aspect-ratio: 375/762) {
.main .home .logo[data-v-3fdca674] {
    top: 0.16rem;
}
}
@charset "UTF-8";
@font-face {
  font-family: 'Berlin Sans FB Demi Bold';
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("../fonts/Berlin Sans FB Demi Bold.c555f41e.woff2") format('woff2');
}

/*公共样式*/
html[data-v-0b0af25c],
body[data-v-0b0af25c] {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-size: 0.12rem;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  text-align: left;
  background-color: #000;
}
body[data-v-0b0af25c] {
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
}
a[data-v-0b0af25c] {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  background: none;
  text-decoration: none;
  color: inherit;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
}
li[data-v-0b0af25c] {
  list-style: none;
}
input[data-v-0b0af25c],
button[data-v-0b0af25c],
textarea[data-v-0b0af25c] {
  outline: none;
  padding: 0;
}
ul[data-v-0b0af25c] {
  padding: 0;
  margin: 0;
}
p[data-v-0b0af25c],
h1[data-v-0b0af25c],
h2[data-v-0b0af25c],
h3[data-v-0b0af25c],
h4[data-v-0b0af25c],
h5[data-v-0b0af25c],
h6[data-v-0b0af25c] {
  height: auto;
  padding: 0;
  margin: 0;
}
button[data-v-0b0af25c] {
  border: none;
  outline: none;
  padding: 0;
  background-color: transparent;
}
input[data-v-0b0af25c],
textarea[data-v-0b0af25c] {
  font-family: Arial;
  -webkit-touch-callout: auto;
  /*系统默认菜单被禁用*/
  -webkit-user-select: auto;
  /*webkit浏览器*/
  -khtml-user-select: auto;
  /*早期浏览器*/
  -moz-user-select: auto;
  /*火狐*/
  -ms-user-select: auto;
  /*IE10*/
  user-select: auto;
  caret-color: #999;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  resize: none;
}

/*滚动条样式*/
[data-v-0b0af25c]::-webkit-scrollbar {
  width: 0;
  height: 0;
}
[data-v-0b0af25c]::-webkit-scrollbar-thumb {
  border-radius: 0;
  background: transparent;
}
[data-v-0b0af25c]::-webkit-scrollbar-track {
  background: transparent;
}
.pull-left[data-v-0b0af25c] {
  float: left;
}
.pull-right[data-v-0b0af25c] {
  float: right;
}
.text-left[data-v-0b0af25c] {
  text-align: left !important;
}
.text-right[data-v-0b0af25c] {
  text-align: right !important;
}
.text-center[data-v-0b0af25c] {
  text-align: center !important;
}
.full[data-v-0b0af25c] {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.hide[data-v-0b0af25c] {
  display: none;
}
.clearfix[data-v-0b0af25c]::after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix[data-v-0b0af25c] {
  *zoom: 1;
}
.text-overflow[data-v-0b0af25c] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mask[data-v-0b0af25c] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 98;
}
.modal[data-v-0b0af25c] {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
  max-width: 7.5rem;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}
.modal .box[data-v-0b0af25c] {
  width: 6.41rem;
  position: absolute;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  color: #333;
  padding: 0.6rem;
}
.modal .box .btn-close[data-v-0b0af25c] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIBAMAAACnw650AAAAG1BMVEUAAAD9+/v9+/v9+/v9+/v9+/v9+/v9+/v9+/ui4XmoAAAACHRSTlMA6i4tD8aysMQToRkAAADxSURBVEjHjdaxTQQxEEDREVDBRYRHCXRAgmiAgBIogAYIQC4brQh+cNLzbrCBZT9LHs94Zt6uw+/+a+bh4+JJzz8v87q+r4Qe1/t8rnUhtNbvPK2DAnQgd8df0GH8U4YmClAUoChAUYCiAEUBigIUBShKUBSgKEFRgKIERQGKMhTlSDXeClAtAHUD3VCAogRFAYoKEhUEKghUEKggUEGgAGEStjNkykfgw9yHZR/g/VUxRMrX14nglAJEymnugrEvPYKiBEUZitqXaEFRgqIMRe2fMkFRhqKCSO2f/CBQQaCCRAWBOtVknWrXTjV+p1rIPzrSz/1D7a6JAAAAAElFTkSuQmCC) top center / 100% no-repeat;
  position: absolute;
  right: 0;
  top: -1rem;
  width: 0.72rem;
  height: 0.72rem;
  cursor: pointer;
}
.fade-enter-active[data-v-0b0af25c],
.fade-leave-active[data-v-0b0af25c] {
  transition: opacity 0.5s 0.25s;
}
.fade-enter[data-v-0b0af25c],
.fade-leave-to[data-v-0b0af25c] {
  opacity: 0;
}
.modal-common .box[data-v-0b0af25c] {
  animation: fadein-modal-0b0af25c 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
.modal-tip[data-v-0b0af25c] {
  background-color: transparent;
}
.modal-tip .box[data-v-0b0af25c] {
  animation: fadein-toast-0b0af25c 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
@keyframes fadein-modal-0b0af25c {
0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
}
100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.04);
}
}
@keyframes fadein-toast-0b0af25c {
0% {
    opacity: 0;
    transform: translate(-50%, 0);
}
100% {
    opacity: 1;
    transform: translate(-50%, -50%);
}
}
.ani-pop[data-v-0b0af25c] {
  animation: ani-pop-0b0af25c 0.31s ease-in-out !important;
}
.ani-jelly[data-v-0b0af25c] {
  animation: ani-jelly-0b0af25c 0.5s ease-in-out !important;
}
@keyframes ani-pop-0b0af25c {
0% {
    transform: scaleX(1);
    opacity: 1;
}
50% {
    transform: scale3d(1.05, 1.05, 1.05);
    opacity: 1;
}
to {
    transform: scaleX(1);
    opacity: 1;
}
}
@keyframes ani-jelly-0b0af25c {
0%, 100% {
    transform: scale(1, 1);
}
25% {
    transform: scale(0.85, 1.15);
}
40% {
    transform: scale(1.1, 0.9);
}
65% {
    transform: scale(0.9, 1.1);
}
70% {
    transform: scale(1, 1);
}
75% {
    transform: scale(1.05, 0.95);
}
}
#app[data-v-0b0af25c] {
  height: 100%;
  background-color: #000;
  width: 7.5rem;
  margin: 0 auto;
  overflow: hidden;
}
@charset "UTF-8";
@font-face {
  font-family: 'Berlin Sans FB Demi Bold';
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("../fonts/Berlin Sans FB Demi Bold.c555f41e.woff2") format('woff2');
}

/*公共样式*/
html[data-v-58c2a90c],
body[data-v-58c2a90c] {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-size: 0.12rem;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  text-align: left;
  background-color: #000;
}
body[data-v-58c2a90c] {
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
}
a[data-v-58c2a90c] {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  background: none;
  text-decoration: none;
  color: inherit;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
}
li[data-v-58c2a90c] {
  list-style: none;
}
input[data-v-58c2a90c],
button[data-v-58c2a90c],
textarea[data-v-58c2a90c] {
  outline: none;
  padding: 0;
}
ul[data-v-58c2a90c] {
  padding: 0;
  margin: 0;
}
p[data-v-58c2a90c],
h1[data-v-58c2a90c],
h2[data-v-58c2a90c],
h3[data-v-58c2a90c],
h4[data-v-58c2a90c],
h5[data-v-58c2a90c],
h6[data-v-58c2a90c] {
  height: auto;
  padding: 0;
  margin: 0;
}
button[data-v-58c2a90c] {
  border: none;
  outline: none;
  padding: 0;
  background-color: transparent;
}
input[data-v-58c2a90c],
textarea[data-v-58c2a90c] {
  font-family: Arial;
  -webkit-touch-callout: auto;
  /*系统默认菜单被禁用*/
  -webkit-user-select: auto;
  /*webkit浏览器*/
  -khtml-user-select: auto;
  /*早期浏览器*/
  -moz-user-select: auto;
  /*火狐*/
  -ms-user-select: auto;
  /*IE10*/
  user-select: auto;
  caret-color: #999;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  resize: none;
}

/*滚动条样式*/
[data-v-58c2a90c]::-webkit-scrollbar {
  width: 0;
  height: 0;
}
[data-v-58c2a90c]::-webkit-scrollbar-thumb {
  border-radius: 0;
  background: transparent;
}
[data-v-58c2a90c]::-webkit-scrollbar-track {
  background: transparent;
}
.pull-left[data-v-58c2a90c] {
  float: left;
}
.pull-right[data-v-58c2a90c] {
  float: right;
}
.text-left[data-v-58c2a90c] {
  text-align: left !important;
}
.text-right[data-v-58c2a90c] {
  text-align: right !important;
}
.text-center[data-v-58c2a90c] {
  text-align: center !important;
}
.full[data-v-58c2a90c] {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.hide[data-v-58c2a90c] {
  display: none;
}
.clearfix[data-v-58c2a90c]::after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix[data-v-58c2a90c] {
  *zoom: 1;
}
.text-overflow[data-v-58c2a90c] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mask[data-v-58c2a90c] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 98;
}
.modal[data-v-58c2a90c] {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
  max-width: 7.5rem;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}
.modal .box[data-v-58c2a90c] {
  width: 6.41rem;
  position: absolute;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  color: #333;
  padding: 0.6rem;
}
.modal .box .btn-close[data-v-58c2a90c] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIBAMAAACnw650AAAAG1BMVEUAAAD9+/v9+/v9+/v9+/v9+/v9+/v9+/v9+/ui4XmoAAAACHRSTlMA6i4tD8aysMQToRkAAADxSURBVEjHjdaxTQQxEEDREVDBRYRHCXRAgmiAgBIogAYIQC4brQh+cNLzbrCBZT9LHs94Zt6uw+/+a+bh4+JJzz8v87q+r4Qe1/t8rnUhtNbvPK2DAnQgd8df0GH8U4YmClAUoChAUYCiAEUBigIUBShKUBSgKEFRgKIERQGKMhTlSDXeClAtAHUD3VCAogRFAYoKEhUEKghUEKggUEGgAGEStjNkykfgw9yHZR/g/VUxRMrX14nglAJEymnugrEvPYKiBEUZitqXaEFRgqIMRe2fMkFRhqKCSO2f/CBQQaCCRAWBOtVknWrXTjV+p1rIPzrSz/1D7a6JAAAAAElFTkSuQmCC) top center / 100% no-repeat;
  position: absolute;
  right: 0;
  top: -1rem;
  width: 0.72rem;
  height: 0.72rem;
  cursor: pointer;
}
.fade-enter-active[data-v-58c2a90c],
.fade-leave-active[data-v-58c2a90c] {
  transition: opacity 0.5s 0.25s;
}
.fade-enter[data-v-58c2a90c],
.fade-leave-to[data-v-58c2a90c] {
  opacity: 0;
}
.modal-common .box[data-v-58c2a90c] {
  animation: fadein-modal-58c2a90c 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
.modal-tip[data-v-58c2a90c] {
  background-color: transparent;
}
.modal-tip .box[data-v-58c2a90c] {
  animation: fadein-toast-58c2a90c 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
@keyframes fadein-modal-58c2a90c {
0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
}
100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.04);
}
}
@keyframes fadein-toast-58c2a90c {
0% {
    opacity: 0;
    transform: translate(-50%, 0);
}
100% {
    opacity: 1;
    transform: translate(-50%, -50%);
}
}
.ani-pop[data-v-58c2a90c] {
  animation: ani-pop-58c2a90c 0.31s ease-in-out !important;
}
.ani-jelly[data-v-58c2a90c] {
  animation: ani-jelly-58c2a90c 0.5s ease-in-out !important;
}
@keyframes ani-pop-58c2a90c {
0% {
    transform: scaleX(1);
    opacity: 1;
}
50% {
    transform: scale3d(1.05, 1.05, 1.05);
    opacity: 1;
}
to {
    transform: scaleX(1);
    opacity: 1;
}
}
@keyframes ani-jelly-58c2a90c {
0%, 100% {
    transform: scale(1, 1);
}
25% {
    transform: scale(0.85, 1.15);
}
40% {
    transform: scale(1.1, 0.9);
}
65% {
    transform: scale(0.9, 1.1);
}
70% {
    transform: scale(1, 1);
}
75% {
    transform: scale(1.05, 0.95);
}
}
.visible .icon-love[data-v-58c2a90c] {
  width: 1.21rem;
  height: 1.05rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHkAAABpCAMAAAAp8nzgAAAAY1BMVEX/a5UAAAD/a5X/a5X/a5X/a5X/a5X/a5X/a5X/a5X/a5X/a5X/a5X/a5X/a5X/a5X/a5X/a5X/a5X/a5X/a5X/a5X/a5X/a5X/a5X/a5X/a5X/a5X/a5X/a5X/a5X/a5X/a5V+WGFGAAAAIXRSTlOzALCtB38gn0gMBKmYcVFBpYl5XzIZFJMsJo1rhWVYOhAgbPWXAAAC8ElEQVRo3sXaCW7rIBSF4XPA8zzGY9Luf5XvSVGVpLVjG2L4NvBLFheMBPhhTp9Nc1IIIPY79xp4XAGuirz8lrrj2I1zNWXNhduGehT4JXaD8EjZu80Sr4oqeFtvbz6WCbfZWb7cEiwrg5DLBhfvJPmOspcKrJNTy788F1u6fqPcVtggpgtfhSn2SMM3ZacW2BYHfPZVYB+/Xy0PCfYZPf4IK+wmgpVyJrCXDHjn+TiiXipHKY6YIv7XSBwz/S2HM45xIzIXOKr+XXZKHOU6ORTkr2VnxnGdgALpvZRTmJM4T+UMJtWP8iBgkmh/ylEHs6qf8g2meffyRcK09F6eYJwMCbIVMC8gyCsscAlGBSyQEfgFK3owhRUZ6MOKCR7sKJHDDh817Cjgwg6JDrb4sEMihh0FbOkgYYdr7WtfkcCOADPs8JDCipjIYEVF9LAiIBwBC8Q3wRIWuCR4gwVfJNjCPD8iQY4wLiMJModpRXgvOwUMy3gvs4ZZfkTaucXm/CnzCpNGPsrfMcwR3lOZGcy58rkcJTAlcV7K7GGIGPhSNrfIMv4uOwlMcPmnTE/ifH64UGaA08mBS2VWOFvO5XKY4Fw1V8psY5zJ5WqZjcB5RmehbGKVJd9cL595VPsXvi9zwilijyvlk2crHrhdjmZ8nOy5o0yn/Hi44WL59LRouFw+Oy0b7i4zLM8PE1zizOcsru0yHRcfEfc8WGZU4QOKgYfLZAptvkeVMq/a4ZZqZWbQ0l2oWmYgoG4MqV7ml4Qq16FOmUMBNWlEvTLbRPXaplLW30kzfqBMp8JBIqdW+aFW3DH1ywyE2salX2YjFfYPzfLRt1hzyM+Weem0x3i7rHFi37gfuNtVaZq2y/pLPG54BHhAE6tNk36ZbaI2TfplhqXaoahfZpSuPYQ8CjzqpnA2qZW3f1RkTgXgcYOPZ0VPFaCCy4iHpOUizfL230IZUg2opsZd5VARqCiX+K+mMlDVUEAEVAcqa8uGGv4BBqIlqhuBPIEAAAAASUVORK5CYII=) top center / 100% no-repeat;
  position: absolute;
  top: -1.05rem;
  left: 0;
  z-index: 99;
  pointer-events: none;
}
.visible .icon-love.love1[data-v-58c2a90c] {
  left: 0.1rem;
  animation: love1-58c2a90c 6s 0.25s infinite linear;
}
.visible .icon-love.love2[data-v-58c2a90c] {
  left: 3.15rem;
  animation: love2-58c2a90c 5s infinite linear;
}
.visible .icon-love.love3[data-v-58c2a90c] {
  left: 6.8rem;
  animation: love3-58c2a90c 6s 0.5s infinite linear;
}
.visible .icon-love.love4[data-v-58c2a90c] {
  left: 0.2rem;
  animation: love4-58c2a90c 5s 0.25s infinite linear;
}
.visible .icon-love.love5[data-v-58c2a90c] {
  left: 7rem;
  animation: love5-58c2a90c 5s 0.5s infinite linear;
}
.visible .icon-love .love6[data-v-58c2a90c] {
  animation-delay: 0.6s;
}
@keyframes love1-58c2a90c {
0% {
    transform: translateY(16.2rem) scale(1);
}
0%, 40%, 70%, 100% {
    left: 0.1rem;
}
20%, 50%, 80% {
    left: 0;
}
30%, 60%, 90% {
    left: 0.2rem;
}
100% {
    transform: translateY(0) scale(0.5);
}
}
@keyframes love2-58c2a90c {
0% {
    transform: translateY(16.2rem) scale(1);
}
0%, 40%, 70%, 100% {
    left: 3rem;
}
20%, 50%, 80% {
    left: 3.15rem;
}
30%, 60%, 90% {
    left: 3.3rem;
}
100% {
    transform: translateY(0) scale(0.5);
}
}
@keyframes love3-58c2a90c {
0% {
    transform: translateY(16.2rem) scale(1);
}
0%, 40%, 70%, 100% {
    left: 6.7rem;
}
20%, 50%, 80% {
    left: 6.8rem;
}
30%, 60%, 90% {
    left: 6.9rem;
}
100% {
    transform: translateY(0) scale(0.5);
}
}
@keyframes love4-58c2a90c {
0% {
    transform: translateY(16.2rem) scale(1);
}
0%, 40%, 70%, 100% {
    left: 0.2rem;
}
20%, 50%, 80% {
    left: -0.1rem;
}
30%, 60%, 90% {
    left: 0.5rem;
}
100% {
    transform: translateY(0) scale(0.5);
}
}
@keyframes love5-58c2a90c {
0% {
    transform: translateY(16.2rem) scale(1);
}
0%, 40%, 70%, 100% {
    left: 6.5rem;
}
20%, 50%, 80% {
    left: 7rem;
}
30%, 60%, 90% {
    left: 7.5rem;
}
100% {
    transform: translateY(0) scale(0.5);
}
}
@charset "UTF-8";
@font-face {
  font-family: 'Berlin Sans FB Demi Bold';
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("../fonts/Berlin Sans FB Demi Bold.c555f41e.woff2") format('woff2');
}

/*公共样式*/
html[data-v-74f44c91],
body[data-v-74f44c91] {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-size: 0.12rem;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  text-align: left;
  background-color: #000;
}
body[data-v-74f44c91] {
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
}
a[data-v-74f44c91] {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  background: none;
  text-decoration: none;
  color: inherit;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
}
li[data-v-74f44c91] {
  list-style: none;
}
input[data-v-74f44c91],
button[data-v-74f44c91],
textarea[data-v-74f44c91] {
  outline: none;
  padding: 0;
}
ul[data-v-74f44c91] {
  padding: 0;
  margin: 0;
}
p[data-v-74f44c91],
h1[data-v-74f44c91],
h2[data-v-74f44c91],
h3[data-v-74f44c91],
h4[data-v-74f44c91],
h5[data-v-74f44c91],
h6[data-v-74f44c91] {
  height: auto;
  padding: 0;
  margin: 0;
}
button[data-v-74f44c91] {
  border: none;
  outline: none;
  padding: 0;
  background-color: transparent;
}
input[data-v-74f44c91],
textarea[data-v-74f44c91] {
  font-family: Arial;
  -webkit-touch-callout: auto;
  /*系统默认菜单被禁用*/
  -webkit-user-select: auto;
  /*webkit浏览器*/
  -khtml-user-select: auto;
  /*早期浏览器*/
  -moz-user-select: auto;
  /*火狐*/
  -ms-user-select: auto;
  /*IE10*/
  user-select: auto;
  caret-color: #999;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  resize: none;
}

/*滚动条样式*/
[data-v-74f44c91]::-webkit-scrollbar {
  width: 0;
  height: 0;
}
[data-v-74f44c91]::-webkit-scrollbar-thumb {
  border-radius: 0;
  background: transparent;
}
[data-v-74f44c91]::-webkit-scrollbar-track {
  background: transparent;
}
.pull-left[data-v-74f44c91] {
  float: left;
}
.pull-right[data-v-74f44c91] {
  float: right;
}
.text-left[data-v-74f44c91] {
  text-align: left !important;
}
.text-right[data-v-74f44c91] {
  text-align: right !important;
}
.text-center[data-v-74f44c91] {
  text-align: center !important;
}
.full[data-v-74f44c91] {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.hide[data-v-74f44c91] {
  display: none;
}
.clearfix[data-v-74f44c91]::after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix[data-v-74f44c91] {
  *zoom: 1;
}
.text-overflow[data-v-74f44c91] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mask[data-v-74f44c91] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 98;
}
.modal[data-v-74f44c91] {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
  max-width: 7.5rem;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}
.modal .box[data-v-74f44c91] {
  width: 6.41rem;
  position: absolute;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  color: #333;
  padding: 0.6rem;
}
.modal .box .btn-close[data-v-74f44c91] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIBAMAAACnw650AAAAG1BMVEUAAAD9+/v9+/v9+/v9+/v9+/v9+/v9+/v9+/ui4XmoAAAACHRSTlMA6i4tD8aysMQToRkAAADxSURBVEjHjdaxTQQxEEDREVDBRYRHCXRAgmiAgBIogAYIQC4brQh+cNLzbrCBZT9LHs94Zt6uw+/+a+bh4+JJzz8v87q+r4Qe1/t8rnUhtNbvPK2DAnQgd8df0GH8U4YmClAUoChAUYCiAEUBigIUBShKUBSgKEFRgKIERQGKMhTlSDXeClAtAHUD3VCAogRFAYoKEhUEKghUEKggUEGgAGEStjNkykfgw9yHZR/g/VUxRMrX14nglAJEymnugrEvPYKiBEUZitqXaEFRgqIMRe2fMkFRhqKCSO2f/CBQQaCCRAWBOtVknWrXTjV+p1rIPzrSz/1D7a6JAAAAAElFTkSuQmCC) top center / 100% no-repeat;
  position: absolute;
  right: 0;
  top: -1rem;
  width: 0.72rem;
  height: 0.72rem;
  cursor: pointer;
}
.fade-enter-active[data-v-74f44c91],
.fade-leave-active[data-v-74f44c91] {
  transition: opacity 0.5s 0.25s;
}
.fade-enter[data-v-74f44c91],
.fade-leave-to[data-v-74f44c91] {
  opacity: 0;
}
.modal-common .box[data-v-74f44c91] {
  animation: fadein-modal-74f44c91 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
.modal-tip[data-v-74f44c91] {
  background-color: transparent;
}
.modal-tip .box[data-v-74f44c91] {
  animation: fadein-toast-74f44c91 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
@keyframes fadein-modal-74f44c91 {
0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
}
100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.04);
}
}
@keyframes fadein-toast-74f44c91 {
0% {
    opacity: 0;
    transform: translate(-50%, 0);
}
100% {
    opacity: 1;
    transform: translate(-50%, -50%);
}
}
.ani-pop[data-v-74f44c91] {
  animation: ani-pop-74f44c91 0.31s ease-in-out !important;
}
.ani-jelly[data-v-74f44c91] {
  animation: ani-jelly-74f44c91 0.5s ease-in-out !important;
}
@keyframes ani-pop-74f44c91 {
0% {
    transform: scaleX(1);
    opacity: 1;
}
50% {
    transform: scale3d(1.05, 1.05, 1.05);
    opacity: 1;
}
to {
    transform: scaleX(1);
    opacity: 1;
}
}
@keyframes ani-jelly-74f44c91 {
0%, 100% {
    transform: scale(1, 1);
}
25% {
    transform: scale(0.85, 1.15);
}
40% {
    transform: scale(1.1, 0.9);
}
65% {
    transform: scale(0.9, 1.1);
}
70% {
    transform: scale(1, 1);
}
75% {
    transform: scale(1.05, 0.95);
}
}
.match[data-v-74f44c91] {
  padding: 1.2rem 0;
  background: url(../img/bg-top.6b27e02a.jpg) no-repeat top center / 7.5rem, url(../img/bg-bottom.5604f1d4.jpg) no-repeat bottom center / 7.5rem;
  background-color: #efefef;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 100%;
}
.match .box[data-v-74f44c91] {
  background-color: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0;
  min-height: 12rem;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 1.2rem 0;
  box-sizing: border-box;
  z-index: 10;
  margin-top: 0.3rem;
  opacity: 0;
  animation: fadeIn-74f44c91 1s forwards;
}
.match .box .role-info[data-v-74f44c91] {
  position: relative;
  margin-top: -0.2rem;
}
.match .box .role-info .card-box[data-v-74f44c91] {
  width: 7.5rem;
  height: 11.6rem;
  z-index: 1;
}
.match .box .role-info .card-box[data-v-74f44c91] .tinder-card {
  background-color: transparent;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-radius: 0.15rem;
  box-shadow: none;
}
.match .box .role-info .card[data-v-74f44c91] {
  width: 7.16rem;
  height: 11.2rem;
  box-sizing: border-box;
  position: relative;
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.5);
  border-radius: 0.15rem;
  font-size: 0;
  margin: 0.2rem auto 0;
}
.match .box .role-info .card .role[data-v-74f44c91] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.15rem;
}
.match .box .role-info .card .info[data-v-74f44c91] {
  padding: 0.28rem 0.4rem;
  position: absolute;
  bottom: 0.2rem;
  left: 0;
  right: 0;
  width: 100%;
  box-sizing: border-box;
}
.match .box .role-info .card .info .name[data-v-74f44c91] {
  font-size: 0.62rem;
  color: #292929;
  font-weight: bold;
  padding-left: 0.1rem;
  padding-right: 1rem;
  position: relative;
  display: inline-block;
  max-width: 90%;
  box-sizing: border-box;
}
.match .box .role-info .card .info .name .text[data-v-74f44c91] {
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.match .box .role-info .card .info .name .title[data-v-74f44c91] {
  position: absolute;
  z-index: 1;
  bottom: -0.06rem;
  right: 0;
  transform: translate(50%);
  color: #fdfbfb;
  font-size: 0.14rem;
  padding: 0 0.08rem;
  background-color: #373336;
}
.match .box .role-info .card .info .name[data-v-74f44c91]::after {
  content: '';
  background-color: rgba(255, 148, 148, 0.5);
  height: 0.22rem;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.match .box .role-info .card .info .name[data-v-74f44c91]::before {
  content: '';
  height: 0.01rem;
  background-color: #292929;
  width: 100%;
  position: absolute;
  bottom: -0.05rem;
  left: 0.14rem;
  z-index: 0;
}
.match .box .role-info .card .info .cv[data-v-74f44c91] {
  font-size: 0.3rem;
  color: #292929;
  line-height: 1.2;
  margin-left: 0.14rem;
  margin-top: 0.1rem;
  margin-bottom: 0.2rem;
}
.match .box .role-info .card .info .tags .item[data-v-74f44c91] {
  margin-right: 0.16rem;
  padding-left: 0.22rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAMAAADnhAzLAAAAVFBMVEUAAADkRkvkRkvkRkvkRkvkRkvkRkvkRkvkRkvkRkvkRkvkRkvkRkvkRkvkRkvkRkvkRkvkRkvkRkvkRkvkRkvkRkvkRkvkRkvkRkvkRkvkRkvkRkteMKlbAAAAG3RSTlMA0cDv69yWD8yupjYtIx4G9+S4WhsVCsWye3HzPvi2AAAAe0lEQVQY02XP2Q6EIAyF4YPsKLg7S9//PQcYizH+V82XtEmRvCj5Fa1AZ51l6ohk0MXc3miKGEUxsTFpAIZKOvHiikFRbY6FljxNxKkh04duyR6w6mm9vNsb4NucQS7OF/ATSTdZDvzbxCl+BLe7KqEIZ198+eow7ovaD+vyETawCt1EAAAAAElFTkSuQmCC) top center / 100% no-repeat;
  background-size: 0.18rem 0.17rem;
  background-position: left center;
  display: inline-block;
  margin-top: 0.16rem;
}
.match .box .role-info .card .info .tags .item .text[data-v-74f44c91] {
  border-radius: 0.18rem;
  height: 0.4rem;
  line-height: 0.4rem;
  padding: 0 0.08rem;
  display: inline-block;
  font-size: 0.28rem;
  color: #292929;
}
.match .box .role-info .card .info .tags .item:nth-of-type(1n) .text[data-v-74f44c91] {
  background-color: #cbc0ee;
}
.match .box .role-info .card .info .tags .item:nth-of-type(2n) .text[data-v-74f44c91] {
  background-color: #eec0e5;
}
.match .box .role-info .card .info .tags .item:nth-of-type(3n) .text[data-v-74f44c91] {
  background-color: #bbd1ff;
}
.match .box .role-info .match-text[data-v-74f44c91] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 110%;
  z-index: 10;
  font-size: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.match .box .role-info .match-text img[data-v-74f44c91] {
  width: 6.14rem;
  height: 2.99rem;
  animation: scaleIn-74f44c91 0.5s forwards;
  margin-top: 0.4rem;
}
.match .box .btns[data-v-74f44c91] {
  width: 100%;
  justify-content: space-around;
  display: flex;
  box-sizing: border-box;
  position: relative;
  z-index: 10;
  margin-top: -0.2rem;
  flex: none;
}
.match .box .btns .btn[data-v-74f44c91] {
  width: 1.43rem;
  height: 1.43rem;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
}
.match .box .btns .btn-like[data-v-74f44c91] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAI8AAACPCAMAAAD0vXihAAAA3lBMVEUAAAD/a3D/a3D/a3D/a3D/a3D/a3D/a3D/a3D/a3D/a3D/a3D/a3D/a3D/a3D/a3D/a3D/a3D/a3D/a3D/a3D/a3D/a3D/a3D/a3D/a3D/a3D/a3D/a3D/a3D/a3D/a3D/a3D/a3D/a3D/a3D/a3D/a3D/a3D/a3D/a3D/a3D/a3D/////bHH/eHz/9PX/hYn/8fH/zc//pqn/6+z/dHn/bXL/+fn/3d7/09X/xMb/wcP/trn/sbT/jpL/gIT/5eb/19n/x8n/vsD/q67/nqL/mZ3/l5r/iY3/gYb/b3TB9crFAAAAKnRSTlMA8GrNCIr6burbtZ4l11wgHkhBfmZN9+Thwrqnlxyu8nkujdNZMzI0LLB/ZTxEAAAEY0lEQVR42t3caVvaQBAH8Eki9yEURYRWq622/U8SbkUE1Hq13/8LtfaKD4fsbBKy9veWN/uwyyy7OzMURrFqp1pNp2FZaaQtq+E0Wym7WqQEfLYLTh3L1Z2C/Zk2p5jJW1jHymc28kWdpnJQlUudUqwqtRxkcrUKxWU3n4ZcOr9LMdjaKUFXaWcr6tFksggjm4l0RPYewtqzKSpvSohCqUpReHeAqBy8o9BsC9Gxwk7a9j6itb9NIZQtRO2wTLq2CohDYUtzrhzEw9GaszdZxCX7RmPppBGftHgRvUe83pNICnFLkcBbxO+tWcMB3pozWb+lzFjKwkVdxuaUFcJgGpuTXhsYK1lsUnZ7zRbqYLOclzfXAjatQC/4iM37SCtVLGyeVaFV9pGEfVrBRjLsFQcbC8k4XH4MOkBSDpYGZiSnSos+IDkfaMEOkmQvbBR7SNLe/LaRQbIyc19PFsnKbhm0ep7s0HMlJK1Ez+wiebsUyCN5efqnAjGv3Z4NsNxg1m57EAv+d9Qg4t1e+/ykM+p585/1Rh1+4l/fehCp0V85CHjjM36m20ag3eVnzsYeBHL0xykE7n2eMx78nacxz/HvIXCicT6e8KL+Nzz51udFE6hLyadrwsv4jwAefV5mAggnrAhl97ycP8PM5+UEU1YUbqWezytcfb/iFXwPqjLCYHjDK13xSjcIqIREC4pmrGcGRRb9dARVX1nPV6g6kpy63A7r6bhQZEuuEB5Z1yMUFYjIgaJb1nULRQ4R1aHognVdQFFdEg1HrGsEVUXBX8Nz1nUOVVVBdL5mXddQZdMxVHVZVxeqUtSCIBzGHhBb1ISqHuvqQVWTHKhqs642VDnUgEH7BRpkQdmFdjhUZknGM2U9U8l40lDmXrGOKxfK0gSBnuavS4DSUDfss1x/CHVpsiBwx3J3ELBk43HP5XupCwGLGpBoa8RCiQY5ELlkmUuIONSEyPBcNltDiDSpBRmvI9kpPMi06BhC0zNWdTaFUErjIrwniIRSts7V6qVgLQtVqQi5MasYQ65IVIeY2+X1ui7E6sH5VGR4w+vcDCHn6KYAuBf8sgsXGgrar8ru5ctL2YUOW3D/I/nZ96DnKLgfk3s4WxUGH6DH0n5MCS6cV1xHa8mHfKocjHjRaABdmeD+WY874XkTF9qKwf28rmmHn+tMoS8XRX7foMuB7gDagveLE4Ry5/Nv/h1COQnev0Lxuvyk6yGU3Pz7oL6HPvcfEFJt4f1U37A9RFgVY9+XjXt/Ny0/wbj8DdPyW0zL/zEuP8q0/DHj8uuMyz80LT/TuPxV0/J7jct/Tig/fPvV5M8bV19gXP0FbZtVn2Jc/Y5x9U3G1X8RHWMzjl9p/aBx9ZWbmLIUidQQr9orr182rr7buPp34/oD/FQ+RNQOy/9Rf4mo+28c2kb1J/nyjqJQNap/i3n9bczr/2NcfyTz+kcZ2F/rl0+i/mOfaLn/tz/bH0dr+tcdUQKC/n4Aounv9wPA00wz1y/MUAAAAABJRU5ErkJggg==) top center / 100% no-repeat;
  box-shadow: 0 0.1rem 0.1rem rgba(255, 70, 75, 0.5);
}
.match .box .btns .btn-unlike[data-v-74f44c91] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAI8AAACPCAMAAAD0vXihAAAAk1BMVEUAAABzof9zof9zof9zof9zof9zof9zof9zof9zof9zof9zof9zof9zof9zof9zof9zof9zof9zof9zof9zof9zof9zof9zof9zof9zof9zof9zof9zof9zof9zof9zof9zof9zof9zof9zof9zof9zof/////G2f+evv/s8v+Cq//O3v+Rtf+1zf/3+v+Ns//k7f+bgEN9AAAAJXRSTlMA8fvNaooIbu3ctVslIBxm45/Yfk1D9+jUwrqup5ZJMy55nT8KVtKXsgAAA/VJREFUeNrd3OtS2zAQhmEfEzuYnAkQkhCgX9Q2tPT+r64wZdiWGqzVru2F9zczfoY4dmRLiiRVuyzfrNNpUSRIimKarjd5tquiHtpnt+kK9a3S22wfdVc1HMVoKh4NO/lHXeclfCvz66jVxos5eM0X46itlqME/JLRMmqhwWSO0OaTgbZmeA5J50NV0WQKadOJmubsAhpdnOl8p66g1ZXCdy2LoVecCTWnl9Dt8lTCOYmhXXwS/iWfoY1mg8DPKkU7pUGf2V2BtiruAk6dBO2VsE+iG7TbDY+To+1yDmeL9tva4gBbOx/Wn3IbpzLzpD5Bd3l87c8SdFdy1niTKNBlRcOtY5Ci29L3b6636LqZlXPZ45w+jdF98dun0CX66PItToZ+yuo54xj9FNcPg67QV1e1F2b0V91l+gL9dfE/ZwJB+qf0YIo+m76+bQzRb8NX/55z9Nv5wNDZ89TkH88c3v1w8O37r3v4Nv+bs2RwDgfny/l2+OkPWkbUiMMhUCPnwACNiDNOGBwCNXM4oITuYgsGh0DNHB5oQWczg0OgRg4TVL68ImFwCNTIYYOuaXzM4BCokUMg1vi5hFfu4AUiDvWV84FVgAAk51AV3UqFIDmHbqojyEFyDl0SYwhAmhzET5w9KAlIzgH2NOqCBCTn0M/WGSgBSMihhwspKBFIzkH66FmhNj5IzsGq4WrIAsk5QFX705APUuJgxx/o1IN0OMjeurlzQUcVDvJoA271IBUONtEagbkWOFhHKUJz+hykUYngnDoHZRQjPKfNQSHywClzEEcJJDldDpIIso6qHED0/6GbBOUgKRGcP8TRA8UCD3HkIPJMERBxlEGl4PpMHD1QGnL/Io46aB1wfyeOPmgT8PuHOPqgvPn3oecY3amAMv7v53oOoALa1Y4vQjg6oKp+/MXn6IBW9eNTPkcJlDaM33kcOWjW8HyDx5GDMnr+AzlHDtrT8zE5Rw6K6fmhkCMH0fPDoYijBaLnq5WEowqq6Pm8nCMHlbz3F66G4/mnD/ApZ77fOXpwCMQfA70srikZIM9jOD6n5L8fPPofw3E5WAS8Pz36H8MxOck45P3y0f8YjsXBKOz9+9H/GI7DwTJwfsLR/xiOwZkHz9+4h3cP8G5ien6Ltfk/5uZHWZs/Zm5+nbn5h9bmZ5qbv2ptfq+5+c/m5odbmz9vbn1BD+svvnyo9Snm1u+YW99kbv2XufVx5tYPdnMZ2tpa8JlHrBZot8UHX79sbn23ufXv5vYHMLd/gr39Jcztv2Fvf5LHdkr7t+w+6f429vb/Mbc/kr39o5731yrBq6zZX+vz7j9mcH+25/bZ7J3962bB+9dZ29/vN40oDT8ZeRsJAAAAAElFTkSuQmCC) top center / 100% no-repeat;
  box-shadow: 0 0.1rem 0.1rem rgba(18, 40, 179, 0.24);
}
.match .box .btns .btn-message[data-v-74f44c91] {
  cursor: pointer;
  height: 1.35rem;
  text-align: center;
  border-radius: 0.82rem;
  padding: 0 0.7rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAesAAABUBAMAAABQNgKGAAAAHlBMVEUAAAD///////////////////////////////////8kfJuVAAAACnRSTlMAFBkeECMgJggMDrPChgAACSdJREFUeNrkmTFOw0AQRccmhd1lHA4Q/40QdDBBCDpwjsAN6LhFhJukQ4Qmt0Xe8WZxnyKaed2UX5vJfyOTO/bX5I7qt1k/zckX1VtYC/BBvijfMRCW5IoSimzJEwcoN75ibzCim77b7Y/HI5knQHmIEyLhm4xTCZTHYSpaHmjM11mdYr8MU8fKLRmnSLGfiahuWVmRccoU+56Ivniksf633mNkqb9xpXkl26T+CnN9bSfLvUixh/ctOHFHtoGiVT1rOUGmqSXF3g7TKXZjW1hmKbbEMb+2bWEpp7HZyXL3mCj5D/tY7gOykscG8yEsG2Q3TQ3m4BoJ09iz1oWwVJLdNM4ts4NrZCbZTSPsYrkLyW4a6djDNXL13021wTwsd+wvgUQ31QbzsNwLZEnLDaY0ZJYACCJEqcHsXyOVTN1UGyxh9vNQLdlNR9jBNRJrOyAAnzTSsf1rpMTETbXB7C93DwRMP/OWbP8a2SC76UjB9oVloZnVTXODJVqyiUzdVBvM/DVSi5opEHJAZuvXSCHZTU90Z1vuPV0mJSaxc4Od5RqpsbrMJekRCeqmucHOc410/Ne89TwnDURh0Y4DNxNT1JsJabU3IQXGWxNwRm5KXOIVkHC2nTRX/DVTb4g4Y/9bN1k23y7bAgk647s4kRLy5Xvvfd/bbHTz9Z3/MH5y2bY+CM7N3L+4s40RlvE/EV7qXWWyXRNNGh4I7TuNlC1248z/yOotLEszrq8sxZtCwfadRrz/UPz1hAfr4Xkm2yKrmhB68RT/1+JfyX9edk2duAHYIk/7TyNl/R+Lf/mHlq9toHwP4wtYclnB9n3wufjHqxXftSRycIJxw3hGGN2w5FCw/QzLQY7+UIxqFvn08TOD3SbBOZ7p33zNZuHegfjrVBdhBdU7JcEIsBUFK96QPuMMf3+1ouzi1Mbj/B1NC0jQgDcVFczoFl5qwH37NxsjvmpCWPVZ7svyogx2XfrcdfUa0qiwZG86xVVRqjUhaq2Jb87yamonIgTrpkJ0WkFsF59GPoHsWxVM63Z78z17pdEehH3PztnRtGpEImyzRbjtOApOYVgKudLNY1zF6Ha7xjYR1OhfnSkahGiGYd/VdytvCPNhRC7hTXFTRk1CW7wLroqnOE7wWyatS8Odb5UDy0ISgzEJtmbtmuYal21yoZq0imMdRfQTF26jmCuFbDN6ReCfukls4Amzga0wJsHeUWtwPqMN2EKv/dmwjinsCDlaPMUhXz8oyh6ur5vGkx3KGFKiplIYhsPdbcEB9KsPkyY8J6lR2IFdzG0sbiS7nNQyChWHG+IuauSWMSkHbJzPiwAbVVZNjgMK+y3oKtJp8W0kdfcxSns7bE/2S+pQ7A3CSZ3+m6+jdSDbtZm8KXFKCDl3i7gNXVM0G+x2eyjtJOY7eCoZVaUobFxaFbCt7G6yNaY2hX25eZT4PN8q2eCKsssCpZ3EbBerZ8vJVBy2mekXSY2p4E2/sPtwRLYVdynoz7alOAwaR+0m3wH5mxUBZ7hFth/mgl0xuX5lbqUO8UoiVTDBsKgAy+1x8+1WyTa6IBtAcbzNU6n6WeoWhl3SMv26XPOm93itJ7A/urdPI4e+40xPt6S451gZ2WhpKO3XO3W0M9GQ1yzDlWDbO8LGbZxy2YY3vQvYgmFRR4kvlw6N6cv1xwEy17RUTn5zJyraMnZ0fbZB/b96tqIjlSMSx1Fd41ENU9hGPvMY0G4NbyrvSQzIJsNSIk4awfNNKe4NJn3P0nqUXB6iave8+obX6K3qW5fBFlD7ThzHHzUexwy2naejQbbhTbGVZUo2FHf52dhhQR5vcKXNkCSMWQ9PUsjI6goTs2cjSIQYVxQ0TRV/rZ8eNH2nRWG/QzblgV0xIdsjwJY3LrWJZFjOlMJm0YrObnOlxsPBJCXMODpBHxc62nJiwhPLS/jJt5pptwKoT1P6q00K+1SCbe4GGyJzCNnGz1urOCKSYXmqFDbHfTGHCZLCnYTESLMqPFlT7WV6sBiYN74pv7p7k9BHX0lQjx0G2xZhhzvPDHez+Quwz9Y3JR5HkmGx1wob0ezPb5Rs43gwGbop6w6HfSaZlY5v6rp968rPIPRdWMRFkNZVex32YGfYC+gXwbtQ668ARpJh0SXFdiTc53gcIIRHwoGhJeE4NnJcKO3DsY4brrBSHYRD1Fc5dtKYUthC88gDW4d+RSuTVsPUKcH+cMM08sp35Gi/F9ZKwQQjm4qr45xizERp945GmmlaCmyPMzk5xS8fXGSwIwm2v+MyPGaYAG6loe6zDogyjaCw5ThHigtOAmQ7p0spx9nRMhxRtq25cnkc0sRGnt31V4oZx5duIdgH0C9yAW8q+pUGa+UwLDh1KXKUaM6UwculV11nZI85bFdeYlgMGqZpKrBLWWkPhK5ynxVWItsXgB3uDBtPejoC7FNlMwuDHRsaDxS2Eu0H667UyMg2jukfDJeZMcUc8jOsW2ts966vr/hQPAj7Lu73LyeDjQzUb4Kt6+y1F7WjYezsw5vCpkHBRMMy54qtRutNxVLEa6W63ph+ztiey6V92DIltpmHdeu8o1HY0K/D1S/BpLGMoH8kwy4ntDSgi0LLgGyP4E1h06BgomF5gMJW4i0km/czpj6M7HFPGrd+MNjN0LRozIT8TlK/n3W0utBUWqty2ggbtNUACNYUss0L+YW6v7wWoafxu35A0lsuRdpfbUW8ONkOclwu7WU41ijbKWy0ul7H4WZlYgv65QP2BwX2c3XHmTNT3ABkO2jAmypvw0VEnkZ4YbfUloZLkchm6uW0nmD4Qmkv/JHO2cYHvWMnQyQUV2mlX23mTaEWgC0rUe2FMmxDv4j8TB82rcEUTDIsM1rYDPVYjFRVeFJgDF5dnENjtESOY4nh52CUsi0/MViOR+7qFL7gk+75cCu2DFuTYX/hRCrDNvQrkl4Bg01DKw+GmEZYYatst7mWQrwksk/kHP+06mghSzX5icFiXOe2s+9Cv745mWzHpgR7mMEu/76m0QEiKTxBvy6xzRa3C7Cl4jb0yTpedNdYTPEqW/NIopWQfQ1jitLuHbXqpsx28r9VJ0VlUNkfCn7hEWALJq0qwb47Tq2ThEhdha1CtmHJ/wAvzaFg+8rxewAAAABJRU5ErkJggg==) top center / 100% no-repeat;
  background-size: 4.91rem auto;
  background-position: bottom center;
  background-color: #ff5257;
  position: relative;
  box-shadow: 0 0.1rem 0.1rem rgba(255, 70, 75, 0.5);
  font-family: 'Berlin Sans FB Demi Bold';
  animation: breath-74f44c91 2s 0.5s infinite;
  opacity: 0;
}
.match .box .btns .btn-message[data-v-74f44c91]::before {
  content: '';
  width: calc(100% - 0.24rem);
  height: calc(100% - 0.24rem);
  border: 0.01rem solid #fff;
  border-radius: 0.82rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  box-sizing: border-box;
}
.match .box .btns .btn-message span[data-v-74f44c91] {
  line-height: 1;
  font-weight: bold;
  font-size: 0.48rem;
  color: #fff;
  text-transform: uppercase;
  white-space: nowrap;
  position: relative;
}
.match .box .btns .btn-message span[data-v-74f44c91]::before {
  content: '';
  width: 0.21rem;
  height: 0.19rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAATCAMAAABIkLa5AAAASFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////neHiwAAAAF3RSTlMARfsSB+HSxIxRMyXXvqidg3NqOQ8E8ryICXwAAAB+SURBVBjTZc1JDsMgEETRYrQBz0Pq/jcNYOSg9FuVvlpqFDEog8KoEPFQjqReDcyq83KqRs1qStMzdM7WsfmwcRaBUsBGacNIacRB6UCilIBZxBnAKeqJbBS/CjuwN1hUl++iv9CY4Xdp8LJLi4tFb9e56R1/oqePEG51v/sLZugWZck6wLUAAAAASUVORK5CYII=) top center / 100% no-repeat;
  position: absolute;
  left: -0.3rem;
  top: 50%;
  margin-top: -0.095rem;
}
.match .box .btns .btn-message span[data-v-74f44c91]::after {
  content: '';
  width: 0.21rem;
  height: 0.19rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAATCAMAAABIkLa5AAAASFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////neHiwAAAAF3RSTlMARfsSB+HSxIxRMyXXvqidg3NqOQ8E8ryICXwAAAB+SURBVBjTZc1JDsMgEETRYrQBz0Pq/jcNYOSg9FuVvlpqFDEog8KoEPFQjqReDcyq83KqRs1qStMzdM7WsfmwcRaBUsBGacNIacRB6UCilIBZxBnAKeqJbBS/CjuwN1hUl++iv9CY4Xdp8LJLi4tFb9e56R1/oqePEG51v/sLZugWZck6wLUAAAAASUVORK5CYII=) top center / 100% no-repeat;
  position: absolute;
  right: -0.3rem;
  top: 50%;
  margin-top: -0.095rem;
}
@keyframes scaleIn-74f44c91 {
0% {
    transform: scale(2);
}
70% {
    transform: scale(1);
}
85% {
    transform: scale(1.2);
}
100% {
    transform: scale(1);
}
}
@keyframes breath-74f44c91 {
0% {
    opacity: 0.9;
    transform: scale(0.88);
}
50% {
    opacity: 1;
    transform: scale(1);
}
100% {
    opacity: 0.9;
    transform: scale(0.88);
}
}
@keyframes fadeIn-74f44c91 {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
@media all and (min-aspect-ratio: 375/700) {
.match .box[data-v-74f44c91] {
    transform: translate(-50%, -50%) scale(0.8);
}
}
@charset "UTF-8";
@font-face {
  font-family: 'Berlin Sans FB Demi Bold';
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("../fonts/Berlin Sans FB Demi Bold.c555f41e.woff2") format('woff2');
}

/*公共样式*/
html[data-v-f5cbce8e],
body[data-v-f5cbce8e] {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-size: 0.12rem;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  text-align: left;
  background-color: #000;
}
body[data-v-f5cbce8e] {
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
}
a[data-v-f5cbce8e] {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  background: none;
  text-decoration: none;
  color: inherit;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
}
li[data-v-f5cbce8e] {
  list-style: none;
}
input[data-v-f5cbce8e],
button[data-v-f5cbce8e],
textarea[data-v-f5cbce8e] {
  outline: none;
  padding: 0;
}
ul[data-v-f5cbce8e] {
  padding: 0;
  margin: 0;
}
p[data-v-f5cbce8e],
h1[data-v-f5cbce8e],
h2[data-v-f5cbce8e],
h3[data-v-f5cbce8e],
h4[data-v-f5cbce8e],
h5[data-v-f5cbce8e],
h6[data-v-f5cbce8e] {
  height: auto;
  padding: 0;
  margin: 0;
}
button[data-v-f5cbce8e] {
  border: none;
  outline: none;
  padding: 0;
  background-color: transparent;
}
input[data-v-f5cbce8e],
textarea[data-v-f5cbce8e] {
  font-family: Arial;
  -webkit-touch-callout: auto;
  /*系统默认菜单被禁用*/
  -webkit-user-select: auto;
  /*webkit浏览器*/
  -khtml-user-select: auto;
  /*早期浏览器*/
  -moz-user-select: auto;
  /*火狐*/
  -ms-user-select: auto;
  /*IE10*/
  user-select: auto;
  caret-color: #999;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  resize: none;
}

/*滚动条样式*/
[data-v-f5cbce8e]::-webkit-scrollbar {
  width: 0;
  height: 0;
}
[data-v-f5cbce8e]::-webkit-scrollbar-thumb {
  border-radius: 0;
  background: transparent;
}
[data-v-f5cbce8e]::-webkit-scrollbar-track {
  background: transparent;
}
.pull-left[data-v-f5cbce8e] {
  float: left;
}
.pull-right[data-v-f5cbce8e] {
  float: right;
}
.text-left[data-v-f5cbce8e] {
  text-align: left !important;
}
.text-right[data-v-f5cbce8e] {
  text-align: right !important;
}
.text-center[data-v-f5cbce8e] {
  text-align: center !important;
}
.full[data-v-f5cbce8e] {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.hide[data-v-f5cbce8e] {
  display: none;
}
.clearfix[data-v-f5cbce8e]::after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix[data-v-f5cbce8e] {
  *zoom: 1;
}
.text-overflow[data-v-f5cbce8e] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mask[data-v-f5cbce8e] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 98;
}
.modal[data-v-f5cbce8e] {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
  max-width: 7.5rem;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}
.modal .box[data-v-f5cbce8e] {
  width: 6.41rem;
  position: absolute;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  color: #333;
  padding: 0.6rem;
}
.modal .box .btn-close[data-v-f5cbce8e] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIBAMAAACnw650AAAAG1BMVEUAAAD9+/v9+/v9+/v9+/v9+/v9+/v9+/v9+/ui4XmoAAAACHRSTlMA6i4tD8aysMQToRkAAADxSURBVEjHjdaxTQQxEEDREVDBRYRHCXRAgmiAgBIogAYIQC4brQh+cNLzbrCBZT9LHs94Zt6uw+/+a+bh4+JJzz8v87q+r4Qe1/t8rnUhtNbvPK2DAnQgd8df0GH8U4YmClAUoChAUYCiAEUBigIUBShKUBSgKEFRgKIERQGKMhTlSDXeClAtAHUD3VCAogRFAYoKEhUEKghUEKggUEGgAGEStjNkykfgw9yHZR/g/VUxRMrX14nglAJEymnugrEvPYKiBEUZitqXaEFRgqIMRe2fMkFRhqKCSO2f/CBQQaCCRAWBOtVknWrXTjV+p1rIPzrSz/1D7a6JAAAAAElFTkSuQmCC) top center / 100% no-repeat;
  position: absolute;
  right: 0;
  top: -1rem;
  width: 0.72rem;
  height: 0.72rem;
  cursor: pointer;
}
.fade-enter-active[data-v-f5cbce8e],
.fade-leave-active[data-v-f5cbce8e] {
  transition: opacity 0.5s 0.25s;
}
.fade-enter[data-v-f5cbce8e],
.fade-leave-to[data-v-f5cbce8e] {
  opacity: 0;
}
.modal-common .box[data-v-f5cbce8e] {
  animation: fadein-modal-f5cbce8e 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
.modal-tip[data-v-f5cbce8e] {
  background-color: transparent;
}
.modal-tip .box[data-v-f5cbce8e] {
  animation: fadein-toast-f5cbce8e 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
@keyframes fadein-modal-f5cbce8e {
0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
}
100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.04);
}
}
@keyframes fadein-toast-f5cbce8e {
0% {
    opacity: 0;
    transform: translate(-50%, 0);
}
100% {
    opacity: 1;
    transform: translate(-50%, -50%);
}
}
.ani-pop[data-v-f5cbce8e] {
  animation: ani-pop-f5cbce8e 0.31s ease-in-out !important;
}
.ani-jelly[data-v-f5cbce8e] {
  animation: ani-jelly-f5cbce8e 0.5s ease-in-out !important;
}
@keyframes ani-pop-f5cbce8e {
0% {
    transform: scaleX(1);
    opacity: 1;
}
50% {
    transform: scale3d(1.05, 1.05, 1.05);
    opacity: 1;
}
to {
    transform: scaleX(1);
    opacity: 1;
}
}
@keyframes ani-jelly-f5cbce8e {
0%, 100% {
    transform: scale(1, 1);
}
25% {
    transform: scale(0.85, 1.15);
}
40% {
    transform: scale(1.1, 0.9);
}
65% {
    transform: scale(0.9, 1.1);
}
70% {
    transform: scale(1, 1);
}
75% {
    transform: scale(1.05, 0.95);
}
}
.modal-gif[data-v-f5cbce8e] {
  padding: 0;
  background-color: #efefef;
  box-sizing: border-box;
}
.modal-gif .box[data-v-f5cbce8e] {
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.modal-gif .box .bg[data-v-f5cbce8e] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modal-gif .box .logo[data-v-f5cbce8e] {
  width: 3.22rem;
  height: 0.91rem;
  position: absolute;
  top: 0.2rem;
  left: 0.5rem;
}
.modal-gif .box .btn-close[data-v-f5cbce8e] {
  top: 0.75rem;
  right: 0.35rem;
  width: 0.9rem;
  height: 0.9rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAMAAAAPdrEwAAAAk1BMVEUAAAAkGyckGyckGyfu6+xPSFEkGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGycyKjUkGyfSztEkGyckGyckGyfBvsHAvL/9+/uZ80f+AAAAMHRSTlMA4AQN/OYIGCU2aoyyTd0ut2UdRhWOd1URq4JcSjkhnNzVypaFT0I+1274wb+i9vU12ZsSAAAC7UlEQVRYw8zW2W7jMAwF0FHdRF7aSrYlO16zeEvapM3/f93QpbsI88AQgwLVo6l7IBAmwD8/fe7c89+A8329XnvvZ73m4wgseQQ+C/B5Y6RMEmnMBqo8e3Yhb+a8hLw340vF84xsfTUfv03kZq5xZIBl8glI43mQXyoy8VUzpnWdToHyE+PatGwgH0xzfmwgLzEPJaioYByqOAzjKk8b1WLtZlm2qklzzA9joOBtSEPJD9I8zHprozKL8zTwHZuQMR5nZWRtn4VLHOlNq8b8VHaF1rrYRllcuzYt13EWbd/jXXnKR9VuFtr4zRCWW318W4ndQW/L+NGxSfkxhvRhJ1ZvR0iHQ+MbpD2pxirr9PH5er8SQhyKKHRsUg6j4gDB1f31+ai7rBqV9D7oNO4LkK9o7x9cm5Yf9ihfwS76OP2kE1WHVr9CYbF3rk3LO5Tn86ptWKvEobGE9pNjk/ITyhh36LkhkRaEfaMsdPStIcafqrLYEfaN8q4oq8k3SK9NG+TZ9iBom5bFYZvlQWs+RibBjtA2LWM/kg3Sd3CrwWcTNinjoxvI3CGNzy6LPWXT8r4o8dGYgIvQ7TqG35OwSRkGIq6h0xD45yphM67/5GXWda7MsTky12bITJshM+0NbCsMmWMnUia3yGx7aJTvq2YgZbZtT3k6TWl+soTMtoXusriq4qzTgpD59svF9r29vNAy396ftT7vaZlv46Flvs2X+TYt822GzLYJmWs7nCsLQiZsqx3bkbV1ZKY9nDpnRJwR6k4DX0Yb15PL9yH5PkAXXDjY8td6Ys8CbVcWZ/u1cPBtePZU9VostiML3VcTbkm/if5bnp3cAACDQAzsv2tq8GOklUgBeeSAxS4HsnKN9fEtfBnw0UF5AkUVtALVwGTblWFBRhwZzGSclCFYRnc5cNAxqe/sxkY37D5hBQq1OEAEsRaEcRAhOvAJcS2EzBCNS6APNYSTJ1L5QFEl9RqUgk5lQgHrtLGT3XgdThIelEYpOQIAAAAASUVORK5CYII=) top center / 100% no-repeat;
}
.modal-gif .box .detail[data-v-f5cbce8e] {
  width: 100%;
  height: 5rem;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  box-sizing: border-box;
  padding: 0.4rem 1.2rem 0.7rem 0;
}
.modal-gif .box .detail .item[data-v-f5cbce8e] {
  display: flex;
  font-size: 0.22rem;
  color: #fff;
  margin-bottom: 0.14rem;
  align-items: top;
}
.modal-gif .box .detail .item .title[data-v-f5cbce8e] {
  width: 2.4rem;
  text-align: right;
  font-weight: bold;
  line-height: 0.34rem;
  text-transform: uppercase;
}
.modal-gif .box .detail .item .text[data-v-f5cbce8e] {
  flex: 1;
  line-height: 0.34rem;
  background-color: #000;
  padding-left: 0.14rem;
  box-sizing: border-box;
  border-right: 0.04rem solid #730c19;
}
.modal-gif .box .info[data-v-f5cbce8e] {
  position: absolute;
  right: 0.7rem;
  top: 50%;
  transform: translateY(-50%);
  text-align: right;
  cursor: pointer;
}
.modal-gif .box .info .name[data-v-f5cbce8e] {
  font-size: 0.6rem;
  color: #fff;
  font-weight: bold;
  text-shadow: 0.01rem 0.01rem 0.1rem rgba(0, 0, 0, 0.34), -0.01rem 0.01rem 0.1rem rgba(0, 0, 0, 0.34), 0.01rem -0.01rem 0.1rem rgba(0, 0, 0, 0.34), -0.01rem -0.01rem 0.1rem rgba(0, 0, 0, 0.34);
  margin-bottom: 0.08rem;
  margin-right: 0.2rem;
}
.modal-gif .box .info .name .icon-audio[data-v-f5cbce8e] {
  display: inline-block;
  width: 0.35rem;
  height: 0.33rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAhCAMAAABkz+JgAAAAkFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+WABnwAAAAL3RSTlMA++iGJfRLB6bdsJZoVUA8LRcQysO0YTUZCuDWxqB4W0Lu2s63kn1zXB/2vYxrWF8S9WsAAAExSURBVDjLjZPpcoIwFIVvEERREdDiXpfWrdt5/7frMRknmEja7weTO/PNXQfx6F7kD8pPoA4r4whAFlTOCmQSMKqMQtgpDjBMW5VtgkdnNhg9GukRcBy2f2wq8zUs76JZ8tmzSh6hwYto4hXfHbOSXpYpeA6pJgx2t0cC4jtpyQ6YfnXr3jVME4uD2vJ2jEYs9dy5AslVZMqsrY5w5wORGvgQ2fnORkissOeXYcGSHgO50QcWkjLM/+HsWh3Ou7zXGvnOl5A3veNvjpf6jtl/DkQVTX29MnrqVP0kF7mYHcq8Hp4T1yELdrPXtzAUy6ZzEkPM0VRuf5k1LK+i6UY6pyXtuU6s7iu3dBynYKGTOAwVDEMT15uxeHSTuxNgFoUcOy35kSDlhJ3OJUzaWW/F4RdKGFhxVMkpBAAAAABJRU5ErkJggg==) top center / 100% no-repeat;
  margin-right: 0.1rem;
}
.modal-gif .box .info .name .text[data-v-f5cbce8e] {
  display: inline-block;
}
.modal-gif .box .info .cv[data-v-f5cbce8e] {
  font-size: 0.24rem;
  color: #fff;
  background-color: #730c19;
  padding: 0 0.3rem;
  height: 0.3rem;
  line-height: 0.3rem;
  box-shadow: 0.01rem 0.01rem 0.1rem rgba(0, 0, 0, 0.34), -0.01rem 0.01rem 0.1rem rgba(0, 0, 0, 0.34), 0.01rem -0.01rem 0.1rem rgba(0, 0, 0, 0.34), -0.01rem -0.01rem 0.1rem rgba(0, 0, 0, 0.34);
  display: inline-block;
}
.modal-gif .box .info .lines[data-v-f5cbce8e] {
  font-size: 0.44rem;
  color: #fff;
  text-shadow: 0.01rem 0.01rem 0.1rem rgba(0, 0, 0, 0.88), 0.01rem -0.01rem 0.1rem rgba(0, 0, 0, 0.88), -0.01rem 0.01rem 0.1rem rgba(0, 0, 0, 0.88), -0.01rem -0.01rem 0.1rem rgba(0, 0, 0, 0.88);
  font-style: italic;
  font-weight: bold;
  margin-top: 0.65rem;
  position: relative;
  line-height: 1.2;
  text-align: left;
}
.modal-gif .box .info .lines[data-v-f5cbce8e]::before {
  content: '';
  width: 0.51rem;
  height: 0.42rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAqCAMAAAApppNLAAAA+VBMVEUAAAAkGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyc0LDfz8/MkGyckGyckGyfKyMqSjZOCfYQkGyckGyfX1tiuq69kXmckGyckGyckGyckGyckGyckGyegnKFVTlfl5OZ0bnZFPUe8ub0kGyeZlJq7uLxGP0mOiZCBfIPl5Obq6epqY2yNiI42Ljm7uLyblpxMRE45MTxRSVNWT1hCOkX///87n43qAAAAUnRSTlMA4AsHGhIjFh4PLieUTUk4qn09Km9SNTGHVptlRch4arawYlvRjUHi/duloPfu7LqB+fPozV7Ec7+98eb76uT11eDe2q+g+vXX1tDFvLuwp5Z7KDgDLgAAA+1JREFUSMelled62lAMhmvw3nsvbGzAJkApM23TvTf3fzHVOV40bZ/+qH4kzhe9lo6OLD34s43Hf1L/6jwejUYcx8FPAAcJDB7+SIw4imFIMIahgEP+IIEGf2PhPgIEQ7K0YBiGQLMkUAhAEi3QWOihAaFIWuBtHUxxDOTEIMDgbVuxsUB1zBCEFRw9lCwwubR5iMXid4SyJMml4ggsw2FoQEiaV0IrD5IkCXIrVBzeMHillLw8y7LcknWe7gINefG6tE9izXU3sZmBj6LoQARmrGmxGXiyYrAMZgbEKa0gdkW/rv3Xn46ZJ8my5GWmVoiiWHx/E1ilQ5Ncz6DEnNBLNmKVrs8f3l0ub47BPs8RUauTyZeXl/mPvawIkFwXhmMQYrp1epi+Wl4ul/ln7Wgmpub66jn6+OIC9jqTdIMFps2MofkSkOo8JVZzIF58FV1N01yxWkeLxw+BePlNCyRF6HMbUSxCCvWwIG7h/8tXJ9UvXFesJ4fn+CVv30/EeC/b3XkgM9LQLUAigtgCcktMz6ovir663hHECpRns0gtTK/k6a5ukJktJa66a5AVQUzXau1DkEWDbAniULmJhEswbsPwcoCRG4xgplLTCJ6egnIDv0++tg8dGvqgPQ2t51oNHo9aB8htMsHI3RxFAVuLRw9VrUsNwpjiiSBmT+D4BLLnp3SNEAIq9nCGHtIikVAF2tQoWsk3k0WT2R1mFtEpAgErj4iGCWRnCMMYYSJGEKbNAye3AwQry0ZYF1nID5dDOpamti99SvT2q3IogtAgRx3DKvviBDKcBrJfDQhW5ts7HNhPZJ7seo2jy8SfNlXF1OMOedwqW1QFNbYctus1SpDNCsTbS2dtqEGZw2vSTa7QXeNQhhSruKy9y6xhlr3yBB0o02mqZRheiifg0Ts05b2v7MQgFP7JzK4VVIQrpsnt7jfm0a9xrhnKkM36+S9x8HnuKZEYlAMjlIEYXdfgdriertrQCO4e1wAbh9ttuB9oyr4NhkIuVM2zWa7vA0cy/ai/jmcYWVwV+yF0wkm87oMRI8DnU03h3m+WyxvcBVGankEgVs+Wyy264l0de7rA9HOKYh34TKsd0dlu4sMUrM6LXokqDdqapcb9CCUFRQo29XrafDqp78amedyI6qGhpqmvZbLdzI9+UhmKlMWFDwNTrUT3CBPegqELQ3WSpqnqu0cYUwKJZ0E/EVnDDptZrh2TvRWi6R5KOcz7TTPvS6cfOdc7QYHF43mWJOto8+C9I1tenntoFxl0jwwQg9aZY9sO3+03khVAUBSQBCC437ci3psky5LNFh31Akj39+iAATes9EHABsp/2k/6hbrBHa9cPwAAAABJRU5ErkJggg==) top center / 100% no-repeat;
  position: absolute;
  left: -0.51rem;
  top: -0.32rem;
}
.modal-gif .box .info .lines[data-v-f5cbce8e]::after {
  content: '';
  width: 0.51rem;
  height: 0.42rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAqCAMAAADLeogyAAAA/1BMVEUAAAAkGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyfLycskGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyeSjZMkGyckGyckGyckGyckGyckGyckGyckGyckGyfy8vIkGyckGyckGyckGyc0LDckGyfX1tiuq68kGyckGyehnaJkXmdVTlckGyeCfYRFPUd0bnbl5Oa8ub3j4ePAvcCCfYRCOkT08/S2s7d1b3fd291YUlugnKGSjZNcVV43Lzo3Lzquq69PSFE7Mz5VTlf///8rF7Z6AAAAVHRSTlMA4BELBgkZIhUeLUEoMTlJ1jWEPXAl97KTdVpXU06cZ2LIj0Xuv4uupXi4oX5d/c/Lqmriw/nzl2Dx6OZ77OTq+/Xr2J59++bm3tXTzMfHxbyvn5dR+Mw8AAAD7ElEQVRIx62V17aaUBCGIyi9SAvSW0AQbByNmmNy0nuP7/8smU2PyUWyVuZC1xrm4589zJ6595uNkd37extPcByrDccnFT0BV+uYjP+AwGOCJklN00iSJigIhHgKucjagQN2rUIRJMcLCsuyisBzGk0QAHCMJCiKIkgMRxOA/cpgFMlJrGP6nucdTYcVeIZjeIF1rOXRP5q2qPAaTeFDrQlGkIzi+IYczmazpFB9WwRJ0fbVQg7DRM5KUxS4IQXnoUietdQk1+NgE8RzVza8pbn0jMSdL3a7eJHOzr4jcAQ2GQjRDGsaM306qm2jH+QiKxJXX9eOaZzLniNpFN5BOMEplnGIq+e3T9Dvbp67qb4ZdbZOZT9iaGzcZofRvFiGC3j0eH+5XFYP0LuDXYU8era6XO7fAZVnlqBRkw4iBbPYQsTDS20PO4FT44H3xGEZMUQLTSgu8sJdFwH2qGNag6TTzOYJvIUIxlHz6ej20tmpZp70HpBayKZA410deDuD7B70IfcRcu0JQl8hh9B5Phrdv4KuPeuDx5LYP0JTt/wFclB6p+EJKns48DTQoBAiFGJ47LsaetR7HlfpKT1Ecaw3g095t2pDbpqSPx6WPAiPUL3+4ypLGTXETZPPs4YBreZY+xEquSURA0iyz3AohD14WufSYw9XjSc1nEFHAOQYedPi0H1P685uMRBbQb7BzGM1bNzfJoDcTf3iVmgTNNRtU815AQ0BUHttOcE23KAV2ldMHAed0FMQ2h1UkSHwTghdwXMetI1zi5iFru+6VkI3Iy1MhcQm/XzgRV9OEXRXpwLMNp3HU5TcqropUz3xkNC4EcJoyK5MtpsuYhToqZtX0A149jfAzFQbXcHhUEEDYt29Fe764eAi6Mm+ZQyTBaFhGRy/cBdryB4x60V6CJPQne+mj2qdtT7LlhEPJxpMIsUu5fwT+vYnkNHdUC5kGF5fTqi7b0bBHBiRJ/upB9kxMPJ+vEAT5e00gBEnZ4Zxlr9/eI2qMl3H29BYipLWD71xDZXvIODN53ixdZNM9XxPLZ4jmfdBrOcJYrieQUo0GsgvLy++bbepGxbq0bJt01e/Xp5/1PUtCKsmMDRWJdcXQoos75WcwMyGKW6JERuJ9vHVywTmeihnnhWBDjBXs18QLV9VDbUEBBYGLymRsyyN7Jyp5dJhea1j+i7ieEW0LdO0YFfAJtI0jqmXzHFpOZHAkC3TQyAFQUoURawiMRqJtpnGgJgoihHowobBJuPrHYhBEGwwHvZYvTipegeCIRdB4T3TU81qpRGBgzWOdvvi47/Z6rDUQQ5Z5eqZoaE4MPgbOiAc+e79F/sJE6m/+g+saS4AAAAASUVORK5CYII=) top center / 100% no-repeat;
  position: absolute;
  right: -0.51rem;
  bottom: -0.32rem;
}
.modal-gif .bottom[data-v-f5cbce8e] {
  z-index: 1;
  opacity: 0.2;
}
@charset "UTF-8";
@font-face {
  font-family: 'Berlin Sans FB Demi Bold';
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("../fonts/Berlin Sans FB Demi Bold.c555f41e.woff2") format('woff2');
}

/*公共样式*/
html[data-v-c19745e8],
body[data-v-c19745e8] {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-size: 0.12rem;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  text-align: left;
  background-color: #000;
}
body[data-v-c19745e8] {
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
}
a[data-v-c19745e8] {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  background: none;
  text-decoration: none;
  color: inherit;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
}
li[data-v-c19745e8] {
  list-style: none;
}
input[data-v-c19745e8],
button[data-v-c19745e8],
textarea[data-v-c19745e8] {
  outline: none;
  padding: 0;
}
ul[data-v-c19745e8] {
  padding: 0;
  margin: 0;
}
p[data-v-c19745e8],
h1[data-v-c19745e8],
h2[data-v-c19745e8],
h3[data-v-c19745e8],
h4[data-v-c19745e8],
h5[data-v-c19745e8],
h6[data-v-c19745e8] {
  height: auto;
  padding: 0;
  margin: 0;
}
button[data-v-c19745e8] {
  border: none;
  outline: none;
  padding: 0;
  background-color: transparent;
}
input[data-v-c19745e8],
textarea[data-v-c19745e8] {
  font-family: Arial;
  -webkit-touch-callout: auto;
  /*系统默认菜单被禁用*/
  -webkit-user-select: auto;
  /*webkit浏览器*/
  -khtml-user-select: auto;
  /*早期浏览器*/
  -moz-user-select: auto;
  /*火狐*/
  -ms-user-select: auto;
  /*IE10*/
  user-select: auto;
  caret-color: #999;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  resize: none;
}

/*滚动条样式*/
[data-v-c19745e8]::-webkit-scrollbar {
  width: 0;
  height: 0;
}
[data-v-c19745e8]::-webkit-scrollbar-thumb {
  border-radius: 0;
  background: transparent;
}
[data-v-c19745e8]::-webkit-scrollbar-track {
  background: transparent;
}
.pull-left[data-v-c19745e8] {
  float: left;
}
.pull-right[data-v-c19745e8] {
  float: right;
}
.text-left[data-v-c19745e8] {
  text-align: left !important;
}
.text-right[data-v-c19745e8] {
  text-align: right !important;
}
.text-center[data-v-c19745e8] {
  text-align: center !important;
}
.full[data-v-c19745e8] {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.hide[data-v-c19745e8] {
  display: none;
}
.clearfix[data-v-c19745e8]::after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix[data-v-c19745e8] {
  *zoom: 1;
}
.text-overflow[data-v-c19745e8] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mask[data-v-c19745e8] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 98;
}
.modal[data-v-c19745e8] {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
  max-width: 7.5rem;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}
.modal .box[data-v-c19745e8] {
  width: 6.41rem;
  position: absolute;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  color: #333;
  padding: 0.6rem;
}
.modal .box .btn-close[data-v-c19745e8] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIBAMAAACnw650AAAAG1BMVEUAAAD9+/v9+/v9+/v9+/v9+/v9+/v9+/v9+/ui4XmoAAAACHRSTlMA6i4tD8aysMQToRkAAADxSURBVEjHjdaxTQQxEEDREVDBRYRHCXRAgmiAgBIogAYIQC4brQh+cNLzbrCBZT9LHs94Zt6uw+/+a+bh4+JJzz8v87q+r4Qe1/t8rnUhtNbvPK2DAnQgd8df0GH8U4YmClAUoChAUYCiAEUBigIUBShKUBSgKEFRgKIERQGKMhTlSDXeClAtAHUD3VCAogRFAYoKEhUEKghUEKggUEGgAGEStjNkykfgw9yHZR/g/VUxRMrX14nglAJEymnugrEvPYKiBEUZitqXaEFRgqIMRe2fMkFRhqKCSO2f/CBQQaCCRAWBOtVknWrXTjV+p1rIPzrSz/1D7a6JAAAAAElFTkSuQmCC) top center / 100% no-repeat;
  position: absolute;
  right: 0;
  top: -1rem;
  width: 0.72rem;
  height: 0.72rem;
  cursor: pointer;
}
.fade-enter-active[data-v-c19745e8],
.fade-leave-active[data-v-c19745e8] {
  transition: opacity 0.5s 0.25s;
}
.fade-enter[data-v-c19745e8],
.fade-leave-to[data-v-c19745e8] {
  opacity: 0;
}
.modal-common .box[data-v-c19745e8] {
  animation: fadein-modal-c19745e8 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
.modal-tip[data-v-c19745e8] {
  background-color: transparent;
}
.modal-tip .box[data-v-c19745e8] {
  animation: fadein-toast-c19745e8 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
@keyframes fadein-modal-c19745e8 {
0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
}
100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.04);
}
}
@keyframes fadein-toast-c19745e8 {
0% {
    opacity: 0;
    transform: translate(-50%, 0);
}
100% {
    opacity: 1;
    transform: translate(-50%, -50%);
}
}
.ani-pop[data-v-c19745e8] {
  animation: ani-pop-c19745e8 0.31s ease-in-out !important;
}
.ani-jelly[data-v-c19745e8] {
  animation: ani-jelly-c19745e8 0.5s ease-in-out !important;
}
@keyframes ani-pop-c19745e8 {
0% {
    transform: scaleX(1);
    opacity: 1;
}
50% {
    transform: scale3d(1.05, 1.05, 1.05);
    opacity: 1;
}
to {
    transform: scaleX(1);
    opacity: 1;
}
}
@keyframes ani-jelly-c19745e8 {
0%, 100% {
    transform: scale(1, 1);
}
25% {
    transform: scale(0.85, 1.15);
}
40% {
    transform: scale(1.1, 0.9);
}
65% {
    transform: scale(0.9, 1.1);
}
70% {
    transform: scale(1, 1);
}
75% {
    transform: scale(1.05, 0.95);
}
}
.dialog[data-v-c19745e8] {
  padding: 1.2rem 0;
  background: url(../img/bg-top.6b27e02a.jpg) no-repeat top center / 7.5rem, url(../img/bg-bottom.5604f1d4.jpg) no-repeat bottom center / 7.5rem;
  background-color: #efefef;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 100%;
}
.dialog .box[data-v-c19745e8] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: none;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 1.4rem 0;
  box-sizing: border-box;
  animation: fadeIn-c19745e8 1s forwards;
}
.dialog .box .life[data-v-c19745e8] {
  display: flex;
  justify-content: center;
}
.dialog .box .life .item[data-v-c19745e8] {
  width: 0.31rem;
  height: 0.29rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAdCAMAAAD4tU6IAAAAmVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAjHWqVAAAAMnRSTlMA8d/sVAXoyZEhF/XUv2xfLSrOu7axn3x3aVFNRzonEw8MCu6tWhzDqJmBb0I+NQeKiKiifi8AAAEeSURBVCjPhdDnloIwEAXgm4TQexWxYddVd9f3f7g9EWGp8fs1A/ckmcFLoNuWRc8FKuvZiT3VyC1RK3UrnQfGPaNhIHqXxJ5vPFxNVd6JTegYVcWvuztwoUtUFDKriijhqHk7Y0bNpvXJ65wD3eKfrhG/1Raq+Gkf0LJhOtoiF1iRb7TlZqc9OIDiQGbFAPcsjayfHPn+QwSYn6QRnwEGkUY88VS6kEX2Yr9ZJBvIOoplqcV0JP6BoKjHqcSX/d6rbq/HEwV51GWilWOJG7s1NU+0zTCx2LVn5fvQ7CcUMkdHavfe7JHBvnQadGZhSwxk7Y+/qo8ReXM5T6mBUYqVQ9jGmokJS3YFYGrxFpMCmvIVvUDGDB2WQa5MPPT8AV3eD+4roobTAAAAAElFTkSuQmCC) top center / 100% no-repeat;
  margin: 0 0.08rem;
  transition: background 0.5s;
}
.dialog .box .life .item.full[data-v-c19745e8] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAdCAMAAABluEcAAAAAWlBMVEUAAAD/T0//T0//T0//T0//T0//T0//T0//T0//T0//T0//T0//T0//T0//T0//T0//T0//T0//T0//T0//T0//T0//T0//T0//T0//T0//T0//T0//T0//T0+Rxa5uAAAAHXRSTlMApQf0kIhA1q/7y8eXahsW7OvAgntfT0g2LSUPsC6boacAAAC4SURBVCjPfdFHjsMwDEDRL8oq7ul1dP9rDqIUx4jEtyP+hgTJvItxON55uh+HGJ3n7dqlzO4FkL19jt2VzNv01s3M3WeyHmDepkUvfVpsZ8Ckb2E1GZjaVNdOjEkzYtRu2Kl9R6/2nj+1R5zaHWe1n5GNkjcCjdIbYLLVbCcAp2z3IKGSg5Bd2vJzLryMld98NOXdF6bwuRWjZxhWeeDH4SsfKDjZV7Unim4h53CjQprHXUKdN56Vf3I/RIQykCS3AAAAAElFTkSuQmCC) top center / 100% no-repeat;
  animation: life-c19745e8 0.5s forwards;
}
.dialog .box .log[data-v-c19745e8] {
  padding: 0.1rem 0.4rem 0;
  box-sizing: border-box;
  position: relative;
  flex: 1;
  overflow-y: auto;
  margin: 0.1rem 0 0.2rem;
}
.dialog .box .log .item[data-v-c19745e8] {
  display: flex;
  margin-bottom: 0.2rem;
}
.dialog .box .log .item .avatar[data-v-c19745e8] {
  width: 1.53rem;
  height: 1.53rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJkAAACZCAMAAAALgmiIAAABCFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9/f3+Ghob4+Pj9/f2Li4uEhITZ2dmQkJDo6Oji4uLAwMCIiIjS0tLDw8OBgYH8/Pz19fXq6uq6urqrq6unp6fm5ubPz8+goKCNjY2kpKSZmZmSkpLKysqioqLw8PDc3Ny1tbWtra3e3t7W1taxsbG8f0XPAAAAMnRSTlMA++90gx/znRQRDQdaUOJtI9+H8LF5TOzNw9vZ0r60oZNXMxnMqrZTxquWlW9kQ0L1xRp3hOMAAAW0SURBVHja5dyHetowEAfws9mE0UD2ambbdPcvzDCbAAkkZKd9/zdpydeWpgHjk2Wipr8n8GdL1ul0OvIqvvs6sH2wuZEyTQOGaaY2Ng+2A6934/SEokvBhXlMMr8QXIrS7MV2IuuYbj2yE6MZerH4xoBbxpvFFzQTe4F9cO0H9shvS1sGZBhbS+SjeHoe8ubTfs3XaGYZ3piZKKkXC4bhXTioeqrOBUyoYQbmSKHkGtRZS6r7fb2CWq8U/eDef4Zqn9+reGGr8MOq59eWCMMf4YS3KRmBfyIeJmloBX5aCZGkj8vw1/JHkvLBgN+MDyQhiFkIEts7zMY7YnqJWXlJLAeYnQM939jQS/3G2C/v9JqVEjM0gdlLkAufDMye8YmmCi3jKSyHpkYXK3gaK3PkLAIprUqjOyjkRK4w6DYqLUiI+DD686XbovhT8baUB1vCcZCZYGv1bPGY3WuByXQaaqtgu7bFePY1mFZpojS4rFsx2a0FnvTEbxkGU/tcODkvgyU86XtugekuJ5zl7sCyRWMlwXRXFNMUr8GSHPuPXQNPpSimK1bAsTbufxsAz9GpcOP0CBwBeiRmgiV/Jtw5y4MhG/MclF0Ity7AEaS/RMNgOcoJt3JHYAhH6aEMeG6EezfgyNADcRMsR0XhXpH10sy4p3WpKjiqGOGuUSnw2ILDBkeK/rAEnorgqYBjiUYWwFMVPFVwLNBvewZ4+oKnDw5jT3phQlHw5DDCWqL2wXMluK7Asf87sQ6mO8F1B5ZfKflFMH0VXF/Bsii7L6kLrjpYvtC9mAGmnuDqgcWI0dAORjT5mtiRTBhcC65r8ERoaB1cZcFVBs/6fcwItlZT8DRbYIqONnMsA8EzAFdSMivbETwdcAVHcQZLSfCUwHQfb8yDr1UTHLUWuOaJ4pBxIzhuwBenXcgoM/8ZfLuy2f9j4d4xJLymRUgpN4VbzTIkBGgbcm5Yo4xvmw4hxzoX7pxbkHFAm5B0UhRuFE8gZZM2IKvHiMz4NigFaVXGTpMtRSbkNcQ0DcjKUhYe9IrOY6wHaVky4MXJudOsPIE8g+CN1WmK8ZodC16QAY/a3ea45+q24YlBWXjW7hTEQ4VOGx5lyYQC+Uq1X/j1VP1qJQ/PspSCKla5cl0pW1AjRRvQ0wZtQk+bdAg9HdI29LRNi9BTgBLQ02vahZ52KQ49xYnmoaPUfV5DRwv3uSAdBUf5M0mtcumi+u1scH5aqzWH0U+tdno+OPtWvSiVW5CXHOUc2fLleqdvCyd2v1Nv5yEjKpWnvY96LnPCndxlgx8VrUvltq16tyZ4at26BY4I/zwgX+oWhYxil1Mtt8M9Q7EatpB32rDgjhGje1/gjlXNCW9yLp/tDe+srl4Q3hV6cGGRc755dCzUODvCVC8YZ8Inp0KV0xNMsc84Rz/JCXVyZTgLuK89uCoIlQpXcGLsua7XyF8KtS7hZMF9jUtJqFaCgyX3dUHHQrVjTJZi1FIVhGoFTJZm1J81hXKYyIwzavZsoZbjO8s8qnPUZJyFo/SXoCZzM8irp+0LtS4xSTZGjwS0WAMCY+u2NVg31+bYte7l2cQaSRrr1ZPHZ68YdyqUx7R1TBYOSd5DsRo+7wPS8nd3rAtbyLOdnwurnu475Uu3fu03zZDXO2JW/daXPXpCxb26fKVx5jqvceYurxFRdhcx3653Lm2nAKlpX7rPBa3MKb6/2WoP82fH/YFdq+WGb6hWswf942H+rN2Ce8uhf/jOq8b3hJ8ic5shl95itt4+gzv8Gvc90LhXxOzG2ttn1JNE4z4uGve+0bhfkMY9ln5IZOGPbII8CvnUyytE3qXDUC2cJiVCynvGhZ59nz2dexNq3M9xKJoxIYPfA5Mv/t5T39D3cXrgv+i1Kt2fdsWxP+3z7+mrdR/kn6LJzJZD7+itTFL1VOT32z580G/7UEm/7e9gBBoshlHlaAAAAABJRU5ErkJggg==) top center / 100% no-repeat;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.26);
  border-radius: 50%;
  flex: none;
}
.dialog .box .log .item .text[data-v-c19745e8] {
  margin-top: 0.5rem;
  margin-left: 0.2rem;
  padding: 0.2rem 0.34rem;
  line-height: 1.2;
  font-size: 0.3rem;
  color: #fff;
  background-color: #90d0ff;
  box-shadow: 0 0 0.13rem rgba(0, 0, 0, 0.26);
  border-radius: 0.2rem;
  word-break: break-word;
}
.dialog .box .log .item .image[data-v-c19745e8] {
  margin-top: 0.5rem;
  margin-left: 0.2rem;
  width: 2.7rem;
  height: 3.94rem;
  border-radius: 0.2rem;
  box-shadow: 0 0 0.13rem rgba(0, 0, 0, 0.46);
  cursor: pointer;
  animation: shake-c19745e8 1.2s infinite;
}
.dialog .box .log .item.me[data-v-c19745e8] {
  flex-direction: row-reverse;
}
.dialog .box .log .item.me .text[data-v-c19745e8] {
  margin-right: 0.2rem;
  margin-left: 0;
  background-color: #fff;
  color: #414141;
}
.dialog .box .btns[data-v-c19745e8] {
  width: 100%;
  justify-content: space-around;
  display: flex;
  box-sizing: border-box;
}
.dialog .box .btns .btn[data-v-c19745e8] {
  width: 3.42rem;
  height: 1.34rem;
  text-align: center;
  border-radius: 0.68rem;
  position: relative;
  cursor: pointer;
}
.dialog .box .btns .btn[data-v-c19745e8]::before {
  content: '';
  width: 3.18rem;
  height: 1.1rem;
  border: 0.01rem solid #fff;
  border-radius: 0.52rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  box-sizing: border-box;
}
.dialog .box .btns .btn span[data-v-c19745e8] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2.4rem;
  line-height: 1;
  font-weight: bold;
  font-size: 0.3rem;
  color: #fff;
  font-family: 'Berlin Sans FB Demi Bold';
}
.dialog .box .btns .btn-again[data-v-c19745e8] {
  background-color: #ff5257;
  box-shadow: 0 0.1rem 0.1rem rgba(255, 70, 75, 0.5);
}
.dialog .box .btns .btn-report[data-v-c19745e8] {
  background-color: #677cff;
  box-shadow: 0 0.1rem 0.1rem rgba(18, 40, 179, 0.24);
}
.dialog .box .fail[data-v-c19745e8] {
  width: 6.34rem;
  height: 1.94rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  font-size: 0;
  pointer-events: none;
}
.dialog .box .fail img[data-v-c19745e8] {
  width: 100%;
  height: 100%;
  animation: scaleIn-c19745e8 0.5s 2s forwards;
  opacity: 0;
}
.dialog .box .answer[data-v-c19745e8] {
  flex: none;
}
.dialog .box .answer .btn[data-v-c19745e8] {
  border: 0.01rem solid #383737;
  background-color: #fff;
  width: 5.36rem;
  height: 1.3rem;
  border-radius: 0.66rem;
  position: relative;
  display: block;
  margin: 0 auto 0.44rem;
  cursor: pointer;
  opacity: 0;
}
.dialog .box .answer .btn span[data-v-c19745e8] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 4.78rem;
  line-height: 1.2;
  font-size: 0.3rem;
  color: #2c2c2c;
}
.dialog .box .answer .btn.show.a1[data-v-c19745e8] {
  animation: fadeInUp-c19745e8 0.25s 0.5s forwards;
}
.dialog .box .answer .btn.show.a2[data-v-c19745e8] {
  animation: fadeInUp-c19745e8 0.25s 0.6s forwards;
}
@keyframes scaleIn-c19745e8 {
0% {
    opacity: 1;
    transform: scale(2);
}
70% {
    transform: scale(1);
}
85% {
    transform: scale(1.2);
}
100% {
    opacity: 1;
    transform: scale(1);
}
}
@keyframes life-c19745e8 {
0% {
    transform: scale(1);
}
50% {
    transform: scale(1.2);
}
100% {
    transform: scale(1);
}
}
@keyframes fadeInUp-c19745e8 {
0% {
    margin-top: 0.2rem;
    opacity: 1;
}
100% {
    margin-top: 0;
    opacity: 1;
}
}
@keyframes shake-c19745e8 {
10% {
    transform: rotate(3deg);
}
20% {
    transform: rotate(-2deg);
}
30% {
    transform: rotate(1deg);
}
40% {
    transform: rotate(-1deg);
}
50%, 100% {
    transform: rotate(0deg);
}
}
@keyframes fadeIn-c19745e8 {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
@media all and (min-aspect-ratio: 375/700) {
.dialog .box .answer .btn[data-v-c19745e8]:last-of-type {
    margin-bottom: 0;
}
}
@charset "UTF-8";
@font-face {
  font-family: 'Berlin Sans FB Demi Bold';
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("../fonts/Berlin Sans FB Demi Bold.c555f41e.woff2") format('woff2');
}

/*公共样式*/
html[data-v-1454ebca],
body[data-v-1454ebca] {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-size: 0.12rem;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  text-align: left;
  background-color: #000;
}
body[data-v-1454ebca] {
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
}
a[data-v-1454ebca] {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  background: none;
  text-decoration: none;
  color: inherit;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
}
li[data-v-1454ebca] {
  list-style: none;
}
input[data-v-1454ebca],
button[data-v-1454ebca],
textarea[data-v-1454ebca] {
  outline: none;
  padding: 0;
}
ul[data-v-1454ebca] {
  padding: 0;
  margin: 0;
}
p[data-v-1454ebca],
h1[data-v-1454ebca],
h2[data-v-1454ebca],
h3[data-v-1454ebca],
h4[data-v-1454ebca],
h5[data-v-1454ebca],
h6[data-v-1454ebca] {
  height: auto;
  padding: 0;
  margin: 0;
}
button[data-v-1454ebca] {
  border: none;
  outline: none;
  padding: 0;
  background-color: transparent;
}
input[data-v-1454ebca],
textarea[data-v-1454ebca] {
  font-family: Arial;
  -webkit-touch-callout: auto;
  /*系统默认菜单被禁用*/
  -webkit-user-select: auto;
  /*webkit浏览器*/
  -khtml-user-select: auto;
  /*早期浏览器*/
  -moz-user-select: auto;
  /*火狐*/
  -ms-user-select: auto;
  /*IE10*/
  user-select: auto;
  caret-color: #999;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  resize: none;
}

/*滚动条样式*/
[data-v-1454ebca]::-webkit-scrollbar {
  width: 0;
  height: 0;
}
[data-v-1454ebca]::-webkit-scrollbar-thumb {
  border-radius: 0;
  background: transparent;
}
[data-v-1454ebca]::-webkit-scrollbar-track {
  background: transparent;
}
.pull-left[data-v-1454ebca] {
  float: left;
}
.pull-right[data-v-1454ebca] {
  float: right;
}
.text-left[data-v-1454ebca] {
  text-align: left !important;
}
.text-right[data-v-1454ebca] {
  text-align: right !important;
}
.text-center[data-v-1454ebca] {
  text-align: center !important;
}
.full[data-v-1454ebca] {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.hide[data-v-1454ebca] {
  display: none;
}
.clearfix[data-v-1454ebca]::after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix[data-v-1454ebca] {
  *zoom: 1;
}
.text-overflow[data-v-1454ebca] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mask[data-v-1454ebca] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 98;
}
.modal[data-v-1454ebca] {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
  max-width: 7.5rem;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}
.modal .box[data-v-1454ebca] {
  width: 6.41rem;
  position: absolute;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  color: #333;
  padding: 0.6rem;
}
.modal .box .btn-close[data-v-1454ebca] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIBAMAAACnw650AAAAG1BMVEUAAAD9+/v9+/v9+/v9+/v9+/v9+/v9+/v9+/ui4XmoAAAACHRSTlMA6i4tD8aysMQToRkAAADxSURBVEjHjdaxTQQxEEDREVDBRYRHCXRAgmiAgBIogAYIQC4brQh+cNLzbrCBZT9LHs94Zt6uw+/+a+bh4+JJzz8v87q+r4Qe1/t8rnUhtNbvPK2DAnQgd8df0GH8U4YmClAUoChAUYCiAEUBigIUBShKUBSgKEFRgKIERQGKMhTlSDXeClAtAHUD3VCAogRFAYoKEhUEKghUEKggUEGgAGEStjNkykfgw9yHZR/g/VUxRMrX14nglAJEymnugrEvPYKiBEUZitqXaEFRgqIMRe2fMkFRhqKCSO2f/CBQQaCCRAWBOtVknWrXTjV+p1rIPzrSz/1D7a6JAAAAAElFTkSuQmCC) top center / 100% no-repeat;
  position: absolute;
  right: 0;
  top: -1rem;
  width: 0.72rem;
  height: 0.72rem;
  cursor: pointer;
}
.fade-enter-active[data-v-1454ebca],
.fade-leave-active[data-v-1454ebca] {
  transition: opacity 0.5s 0.25s;
}
.fade-enter[data-v-1454ebca],
.fade-leave-to[data-v-1454ebca] {
  opacity: 0;
}
.modal-common .box[data-v-1454ebca] {
  animation: fadein-modal-1454ebca 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
.modal-tip[data-v-1454ebca] {
  background-color: transparent;
}
.modal-tip .box[data-v-1454ebca] {
  animation: fadein-toast-1454ebca 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
@keyframes fadein-modal-1454ebca {
0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
}
100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.04);
}
}
@keyframes fadein-toast-1454ebca {
0% {
    opacity: 0;
    transform: translate(-50%, 0);
}
100% {
    opacity: 1;
    transform: translate(-50%, -50%);
}
}
.ani-pop[data-v-1454ebca] {
  animation: ani-pop-1454ebca 0.31s ease-in-out !important;
}
.ani-jelly[data-v-1454ebca] {
  animation: ani-jelly-1454ebca 0.5s ease-in-out !important;
}
@keyframes ani-pop-1454ebca {
0% {
    transform: scaleX(1);
    opacity: 1;
}
50% {
    transform: scale3d(1.05, 1.05, 1.05);
    opacity: 1;
}
to {
    transform: scaleX(1);
    opacity: 1;
}
}
@keyframes ani-jelly-1454ebca {
0%, 100% {
    transform: scale(1, 1);
}
25% {
    transform: scale(0.85, 1.15);
}
40% {
    transform: scale(1.1, 0.9);
}
65% {
    transform: scale(0.9, 1.1);
}
70% {
    transform: scale(1, 1);
}
75% {
    transform: scale(1.05, 0.95);
}
}
.card[data-v-1454ebca] {
  box-sizing: border-box;
  padding: 0.2rem 0.2rem 0;
  background-color: #fff;
  margin: 0 auto;
}
.card .logo[data-v-1454ebca] {
  width: 2.36rem;
  margin-bottom: 0.1rem;
}
.card .role[data-v-1454ebca] {
  width: 100%;
  font-size: 0;
  position: relative;
}
.card .role .image[data-v-1454ebca] {
  width: 6rem;
  height: 8.06rem;
}
.card .role .lines[data-v-1454ebca] {
  font-size: 0.36rem;
  color: #fff;
  text-shadow: 0.01rem 0.01rem 0.1rem rgba(0, 0, 0, 0.53), 0.01rem -0.01rem 0.1rem rgba(0, 0, 0, 0.53), -0.01rem 0.01rem 0.1rem rgba(0, 0, 0, 0.53), -0.01rem -0.01rem 0.1rem rgba(0, 0, 0, 0.53);
  font-style: italic;
  margin-top: 0.65rem;
  position: absolute;
  right: 0.36rem;
  bottom: 0.7rem;
  line-height: 1.2;
  text-align: left;
  transform: rotate(-6deg);
}
.card .role .lines[data-v-1454ebca]::before {
  content: '';
  width: 0.36rem;
  height: 0.29rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAdCAMAAAAaaVXxAAABF1BMVEUAAAAkGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGycnHiokGyckGyckGyckGyckGyckGycyKTUlHCgkGyckGyckGydGP0kkGyf9/f3Z2NpCOkQkGyckGyckGyckGyf8/Pz5+fn29vfy8vJmYGhiW2RQSFI8ND4tJDAkGyfw7/Dk4+Xh4OK8ub26t7uUj5WJhIvu7e7r6+zp6Onn5ufV09XNy87DwcS/vcCyr7OsqK2hnaKPi5GDfoWAe4FuaHD7+/v39/f08/Td292opaqYlJl7dXxXUFnRz9LJx8q3tLibl52sqK2gnKF3cnmFgIdSSlQ2LjleWGFYUVpFPUf///8lI1TFAAAAXHRSTlMAhwwJFAcgGRAwHEc8OCVYLCiIXYF8d2VAi2JTTxeSQ/7dkHJvSzT8+fbynpyVj4pq8OfkyMeyre/s6ufZ1M3Lwr+4sKqoofr39OC9tKeY1tHGtq2sk4qIg3FqZSk9j1cAAAJkSURBVDjLlZPXetswDIULiiKpPSzLGt57zzjO3qOZ3Zvv/xylY8lKe5dzh/P9JECAePd2yYgxzJCchhJCSJL/Z0rEVhSTMjkNHcdUsfQakjAxNMuKA4eufYRNQysWKwphcgahklOJ8uHo6x+dIHGRqrQKvvfju2aXpAyiStGH4Xmv80VzsMSIYYkjp3uHvw11SyHVsLzJ5YLz+2+CwkSPYHTR551PvwwqZVAOYNnl+1f1SCfU1AswPObV2vXPoo3lpHDaFtBRhx+N3EbLJmtoUOO9izpEelq9jBXLDY84XwI0WwoxjQjKCz7bDaEQmGknkNny6qfVzokL04pDVXHGXfDuFUDOICyBZKo3JrucfyhDMyCMEc0bn/HbHQG16XYQyLHgZs4PrgFih0m4PXVXt7xWhnxFdC5VSffhpMMfAMCyMSMteK7x2Qr+oSQSQ/mO87MhQCMgqlKA3T6/eyyLjMq270iZup+rnPcOTodQ0BXNg1qVV/ePn0IoOiyhsO7Vj/mL5gOwtByM+UZL1w/UpHqqwWCW+Huun2uK9yY6B8vcpJTVIly+T+zZE0zz4VlKHULBRhnVS+z+Cpp5dyel5vWpgrKM/cQ+uIGCD1vqYyjuSqv3w/3E3qk34wgekwKqK4jNdIp2Di66L/ZiDLHeyo8PX6LuSdkPaPpt1KABDz3ery0nYnKmYsHwnnf35ucTN+2XEDO1BsBo8Aye1Vbx+kOOb66uxRxj0ftsecwg1/A8P9IUiiSktuOmB5CPKnYJvdoxptqGHhg2wdJ6D6ljVDRN34RC2RJjoXSPRUQpxUyEb9JfK11oY3tQ1I0AAAAASUVORK5CYII=) top center / 100% no-repeat;
  position: absolute;
  left: -0.36rem;
  top: -0.2rem;
}
.card .role .lines[data-v-1454ebca]::after {
  content: '';
  width: 0.36rem;
  height: 0.29rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAdCAMAAAD1qz7PAAABAlBMVEUAAAAkGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyckGyf9/f0kGyckGyckGyckGyf8+/xNRlAnHiokGyfh4OHb2du5trqhnaJYUVtTTFYrIy4kGyckGyfz8vPl4+XQztHLyMucmJ16dXw/N0I4MDskGyf4+Pj29fbr6uzX1tiyr7OQi5Fwa3JlXmddVl8wJzMkGyckGyf6+vqUkJZHQEr29vfx8fHw7/Dp6OnT0dSno6iIhIqCfINqZGwkGyfv7u/DwMTCwMO/vcC9ur6opamPi5GNiI6CfYRsZm5GP0n///8EkKO7AAAAVXRSTlMAhwUMFxNOQyMIDysnLh8bPzo1f11V/nx3c2/7lFhH49/HuJiXiWZh9OfX07amj42D9/bt3MCwop2ai2xS+bKS9vHw6dm8rKmfae/Nzcu9vZ+Uko9mnT7AMwAAAmNJREFUOMt9k9d62zAMhQuRImlRe9iWh7zteO8ZJ2mSZnUvvv+rlLIkJ18vcu6A78chSAIfXqXE+vCelBxSsYWxhpQslEI55S2jWbpDI+oYpppTFKSa3LVtl8vojOVU5lRDACj6VMcIYU790PNCn3KMlMyH0UuotMa7NoSRji038A7Tm3YFioSrKYQsuwRPAyEW9+tDiXI3gJvmcr6sNSaFiKHESDV8GF+IWPlr8CnxDkNxUqPTdRMrBduFXV0kqsu+LqejNCq3ZxQnkElgM0/TtQmUZu2s5OM1EPME5dgR1uUM2kERnmtpdPUAATs7PWTQoAIhtJeZ0+MZsqi3v0rT36azbtj5lEa3z0AsJb1dD0bL/Ol2TSiRKmz7iXPtJmlcCpm0CONhbHaxh6rj9KDVKKclrpa+uKoTAJjIQwbgUcbk28KhKUt2EOgo+zvsvgDs6+L2EXqGqupHABiJ/AAKNlZeoS501nPRmHrUQlpsvF+J/hZ8rinpLMnjvPhj+i2oGlg1HVkyLMuOQhvnslkySBFafSG2cGkzS7d70PmxEMPJjOiakjCmGxSgVRfzayhGnBnRC8Sft6rEtgmDsHEswNNKfG52CsRgXI5WuyHytQr0HAudB65U+XIn7jcgGZM5PmzqYvF1IhkTpV2rnKzvRH64hZBwjHX6e7UQ/RGA75iyoTP0XQw2AN14vFWd/ipfNFpQDFwrZrLj7L9/Kl4pcJhcDWS61Z9jKHSjbAXSxrlNjsQ2ToU5rDukGkQue7NMMq1hxrluyWRSwwyDs8wms5LbqqFsVyWlqaoWh+9L+R/4B5icYAdhNswkAAAAAElFTkSuQmCC) top center / 100% no-repeat;
  position: absolute;
  right: -0.36rem;
  bottom: -0.2rem;
}
.card .role .info[data-v-1454ebca] {
  position: absolute;
  right: 0.36rem;
  bottom: 0.7rem;
  text-align: right;
}
.card .role .info .name[data-v-1454ebca] {
  font-size: 0.6rem;
  color: #fff;
  font-weight: bold;
  text-shadow: 0.01rem 0.01rem 0.1rem rgba(0, 0, 0, 0.34), -0.01rem 0.01rem 0.1rem rgba(0, 0, 0, 0.34), 0.01rem -0.01rem 0.1rem rgba(0, 0, 0, 0.34), -0.01rem -0.01rem 0.1rem rgba(0, 0, 0, 0.34);
  margin-bottom: 0.08rem;
  margin-right: 0.2rem;
}
.card .role .info .name .icon-audio[data-v-1454ebca] {
  display: inline-block;
  width: 0.35rem;
  height: 0.33rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAhCAMAAABkz+JgAAAAkFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+WABnwAAAAL3RSTlMA++iGJfRLB6bdsJZoVUA8LRcQysO0YTUZCuDWxqB4W0Lu2s63kn1zXB/2vYxrWF8S9WsAAAExSURBVDjLjZPpcoIwFIVvEERREdDiXpfWrdt5/7frMRknmEja7weTO/PNXQfx6F7kD8pPoA4r4whAFlTOCmQSMKqMQtgpDjBMW5VtgkdnNhg9GukRcBy2f2wq8zUs76JZ8tmzSh6hwYto4hXfHbOSXpYpeA6pJgx2t0cC4jtpyQ6YfnXr3jVME4uD2vJ2jEYs9dy5AslVZMqsrY5w5wORGvgQ2fnORkissOeXYcGSHgO50QcWkjLM/+HsWh3Ou7zXGvnOl5A3veNvjpf6jtl/DkQVTX29MnrqVP0kF7mYHcq8Hp4T1yELdrPXtzAUy6ZzEkPM0VRuf5k1LK+i6UY6pyXtuU6s7iu3dBynYKGTOAwVDEMT15uxeHSTuxNgFoUcOy35kSDlhJ3OJUzaWW/F4RdKGFhxVMkpBAAAAABJRU5ErkJggg==) top center / 100% no-repeat;
  margin-right: 0.1rem;
}
.card .role .info .name .text[data-v-1454ebca] {
  display: inline-block;
}
.card .role .info .cv[data-v-1454ebca] {
  font-size: 0.24rem;
  color: #fff;
  background-color: #730c19;
  padding: 0 0.3rem;
  height: 0.3rem;
  line-height: 0.3rem;
  box-shadow: 0.01rem 0.01rem 0.1rem rgba(0, 0, 0, 0.34), -0.01rem 0.01rem 0.1rem rgba(0, 0, 0, 0.34), 0.01rem -0.01rem 0.1rem rgba(0, 0, 0, 0.34), -0.01rem -0.01rem 0.1rem rgba(0, 0, 0, 0.34);
  display: inline-block;
}
.card .desc[data-v-1454ebca] {
  padding: 0.2rem 0;
}
.card .desc .item[data-v-1454ebca] {
  font-size: 0.28rem;
  color: #222;
  line-height: 1.2;
  padding: 0.1rem 0 0.1rem 0.5rem;
  position: relative;
}
.card .desc .item[data-v-1454ebca] span {
  font-weight: bold;
  font-style: italic;
  font-size: 0.32rem;
}
.card .desc .item[data-v-1454ebca] i {
  margin-left: 0.2rem;
  font-weight: bold;
  font-style: italic;
  font-size: 0.32rem;
  line-height: 0.42rem;
  position: relative;
  border-radius: 0.28rem;
  padding: 0 0.1rem;
  display: inline-block;
}
.card .desc .item[data-v-1454ebca] i:nth-of-type(1) {
  background-color: #e7d2ff;
}
.card .desc .item[data-v-1454ebca] i:nth-of-type(2) {
  background-color: #ffd2e7;
}
.card .desc .item[data-v-1454ebca] i::before {
  content: '';
  width: 0.14rem;
  height: 0.14rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAYAAADQWvz5AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDYwLCAyMDIwLzA1LzEyLTE2OjA0OjE3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIyLTEwLTEwVDE2OjUzOjEwKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMi0xMC0xMFQxNjo1Mzo1MSswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMi0xMC0xMFQxNjo1Mzo1MSswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDplYTUwY2YyNy1jNGMwLWIxNGEtYTA2OC1kYjMzNjQyMDQ4YjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ZWE1MGNmMjctYzRjMC1iMTRhLWEwNjgtZGIzMzY0MjA0OGIxIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6ZWE1MGNmMjctYzRjMC1iMTRhLWEwNjgtZGIzMzY0MjA0OGIxIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplYTUwY2YyNy1jNGMwLWIxNGEtYTA2OC1kYjMzNjQyMDQ4YjEiIHN0RXZ0OndoZW49IjIwMjItMTAtMTBUMTY6NTM6MTArMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4yIChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4npy20AAABOUlEQVQ4jZ2TrU4DQRSFv1mFwJAaEKh1JGAIRRYciCY4GsIDnGepQ3FfAAKEpI4fA0sIJCCpriIkGFKDaFCIzibT2R9KPzdzT86e2XuvM7Nl4AhIKTIALiWdltQmcGZ2Buz/ocuAtqTvKkECLAbnIXDuk4RsAZmZNeqMckbAhqQOsAK8Rdp14M7/ilqjD0kDAEk/wFOJfg24LzMLjVIzOwAws1WgU/GKFHgxs4nmODO7AnaDuxEwV2ESMgRakvp5oiwSTGMCsAA8mFkzT9QA+sDSlAZlyXYcgHe98V+ZhV4CIOkVaHn3Wfh04cl34pH/PTMD2mH78XO0SXGyq7jGr04SVyS9A9sUJzumB+zl++eqVL6bt4xXI+ZE0mF4UUgUJPtivKzPUek4NqlNFCSbB7pAE7iQ1C3T/QKkq14+wDlfRAAAAABJRU5ErkJggg==) top center / 100% no-repeat;
  position: absolute;
  left: -0.16rem;
  top: 50%;
  margin-top: -0.04rem;
}
.card .desc .item[data-v-1454ebca]::before {
  content: '';
  width: 0.1rem;
  height: 0.1rem;
  background-color: #ff5257;
  position: absolute;
  left: 0.26rem;
  top: 0.26rem;
  transform: rotate(45deg);
}
.card .qrcode[data-v-1454ebca] {
  width: 1.4rem;
  height: 1.4rem;
  position: absolute;
  right: 0.2rem;
  bottom: 0.2rem;
  padding: 0.1rem;
  background-color: #fff;
  box-sizing: border-box;
}
.card.share[data-v-1454ebca] {
  background: url(../img/bg-share.c5d768e9.png) top center / 100% no-repeat;
  background-size: 2.75rem 2.78rem;
  background-position: bottom right;
  background-color: #fff;
}
.card.share .role .image[data-v-1454ebca] {
  width: 7.09rem;
  height: 9.52rem;
}
.card.share .desc[data-v-1454ebca] {
  padding-right: 1.4rem;
}
@charset "UTF-8";
@font-face {
  font-family: 'Berlin Sans FB Demi Bold';
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("../fonts/Berlin Sans FB Demi Bold.c555f41e.woff2") format('woff2');
}

/*公共样式*/
html[data-v-242144b8],
body[data-v-242144b8] {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-size: 0.12rem;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  text-align: left;
  background-color: #000;
}
body[data-v-242144b8] {
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
}
a[data-v-242144b8] {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  background: none;
  text-decoration: none;
  color: inherit;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
}
li[data-v-242144b8] {
  list-style: none;
}
input[data-v-242144b8],
button[data-v-242144b8],
textarea[data-v-242144b8] {
  outline: none;
  padding: 0;
}
ul[data-v-242144b8] {
  padding: 0;
  margin: 0;
}
p[data-v-242144b8],
h1[data-v-242144b8],
h2[data-v-242144b8],
h3[data-v-242144b8],
h4[data-v-242144b8],
h5[data-v-242144b8],
h6[data-v-242144b8] {
  height: auto;
  padding: 0;
  margin: 0;
}
button[data-v-242144b8] {
  border: none;
  outline: none;
  padding: 0;
  background-color: transparent;
}
input[data-v-242144b8],
textarea[data-v-242144b8] {
  font-family: Arial;
  -webkit-touch-callout: auto;
  /*系统默认菜单被禁用*/
  -webkit-user-select: auto;
  /*webkit浏览器*/
  -khtml-user-select: auto;
  /*早期浏览器*/
  -moz-user-select: auto;
  /*火狐*/
  -ms-user-select: auto;
  /*IE10*/
  user-select: auto;
  caret-color: #999;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  resize: none;
}

/*滚动条样式*/
[data-v-242144b8]::-webkit-scrollbar {
  width: 0;
  height: 0;
}
[data-v-242144b8]::-webkit-scrollbar-thumb {
  border-radius: 0;
  background: transparent;
}
[data-v-242144b8]::-webkit-scrollbar-track {
  background: transparent;
}
.pull-left[data-v-242144b8] {
  float: left;
}
.pull-right[data-v-242144b8] {
  float: right;
}
.text-left[data-v-242144b8] {
  text-align: left !important;
}
.text-right[data-v-242144b8] {
  text-align: right !important;
}
.text-center[data-v-242144b8] {
  text-align: center !important;
}
.full[data-v-242144b8] {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.hide[data-v-242144b8] {
  display: none;
}
.clearfix[data-v-242144b8]::after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix[data-v-242144b8] {
  *zoom: 1;
}
.text-overflow[data-v-242144b8] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mask[data-v-242144b8] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 98;
}
.modal[data-v-242144b8] {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
  max-width: 7.5rem;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}
.modal .box[data-v-242144b8] {
  width: 6.41rem;
  position: absolute;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  color: #333;
  padding: 0.6rem;
}
.modal .box .btn-close[data-v-242144b8] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIBAMAAACnw650AAAAG1BMVEUAAAD9+/v9+/v9+/v9+/v9+/v9+/v9+/v9+/ui4XmoAAAACHRSTlMA6i4tD8aysMQToRkAAADxSURBVEjHjdaxTQQxEEDREVDBRYRHCXRAgmiAgBIogAYIQC4brQh+cNLzbrCBZT9LHs94Zt6uw+/+a+bh4+JJzz8v87q+r4Qe1/t8rnUhtNbvPK2DAnQgd8df0GH8U4YmClAUoChAUYCiAEUBigIUBShKUBSgKEFRgKIERQGKMhTlSDXeClAtAHUD3VCAogRFAYoKEhUEKghUEKggUEGgAGEStjNkykfgw9yHZR/g/VUxRMrX14nglAJEymnugrEvPYKiBEUZitqXaEFRgqIMRe2fMkFRhqKCSO2f/CBQQaCCRAWBOtVknWrXTjV+p1rIPzrSz/1D7a6JAAAAAElFTkSuQmCC) top center / 100% no-repeat;
  position: absolute;
  right: 0;
  top: -1rem;
  width: 0.72rem;
  height: 0.72rem;
  cursor: pointer;
}
.fade-enter-active[data-v-242144b8],
.fade-leave-active[data-v-242144b8] {
  transition: opacity 0.5s 0.25s;
}
.fade-enter[data-v-242144b8],
.fade-leave-to[data-v-242144b8] {
  opacity: 0;
}
.modal-common .box[data-v-242144b8] {
  animation: fadein-modal-242144b8 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
.modal-tip[data-v-242144b8] {
  background-color: transparent;
}
.modal-tip .box[data-v-242144b8] {
  animation: fadein-toast-242144b8 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
@keyframes fadein-modal-242144b8 {
0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
}
100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.04);
}
}
@keyframes fadein-toast-242144b8 {
0% {
    opacity: 0;
    transform: translate(-50%, 0);
}
100% {
    opacity: 1;
    transform: translate(-50%, -50%);
}
}
.ani-pop[data-v-242144b8] {
  animation: ani-pop-242144b8 0.31s ease-in-out !important;
}
.ani-jelly[data-v-242144b8] {
  animation: ani-jelly-242144b8 0.5s ease-in-out !important;
}
@keyframes ani-pop-242144b8 {
0% {
    transform: scaleX(1);
    opacity: 1;
}
50% {
    transform: scale3d(1.05, 1.05, 1.05);
    opacity: 1;
}
to {
    transform: scaleX(1);
    opacity: 1;
}
}
@keyframes ani-jelly-242144b8 {
0%, 100% {
    transform: scale(1, 1);
}
25% {
    transform: scale(0.85, 1.15);
}
40% {
    transform: scale(1.1, 0.9);
}
65% {
    transform: scale(0.9, 1.1);
}
70% {
    transform: scale(1, 1);
}
75% {
    transform: scale(1.05, 0.95);
}
}
.report[data-v-242144b8] {
  padding: 0;
  background: url(../img/bg-top.6b27e02a.jpg) no-repeat top center / 7.5rem, url(../img/bg-bottom.5604f1d4.jpg) no-repeat bottom center / 7.5rem;
  background-color: #efefef;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 100%;
}
.report .box[data-v-242144b8] {
  background-color: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0;
  min-height: 12rem;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 1.2rem 0;
  box-sizing: border-box;
  z-index: 10;
  animation: fadeIn-242144b8 1s forwards;
}
.report .box .icon-star[data-v-242144b8] {
  width: 0.35rem;
  height: 0.39rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAnCAMAAACylgF9AAAAclBMVEUAAAAqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioRL2mcAAAAJXRSTlMACOt/EfJ4c08eBdymnxwU99CsbVWak4ZpYEc2MiDJlWZGPiQPStVsvgAAALtJREFUOMulk1sOgjAURMuzUAGhVUQU37P/LUpqiGiwg+F8n/RO57big7WgeAfuHPfcCTLuVJHHlBYwRFEV4IckDXrciTawxA4lKUEkFQADeTg9Z4URvlRf/RftbjDeVp3cH2PnOuHkSee5ZzWKZ6Z3l66CSD2WmOzCcuI7FTfAzHpjDJkvePP875A/yCkER3IljFLqnKGZ0gAI3FfcAj3697jURHhRxik7J3PHvtg8hBp6Rj/dHz3zfT0Bf44ahfSXwJQAAAAASUVORK5CYII=) top center / 100% no-repeat;
  position: absolute;
  top: 40%;
  right: 0.3rem;
  z-index: 0;
}
.report .box .dot1[data-v-242144b8] {
  width: 1.47rem;
  height: 0.62rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJMAAAA+CAMAAAAYudkXAAAARVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADc6ur3AAAAF3RSTlMAgAR0a0ZuG3F6Nj0yGDojQV4VYWZbV6cbywUAAAEASURBVGje7dpBrsMgDEVRCCRQSPhJm3T/S/0jECAsYakDD94dHbMDI6v1lVSudRz6ZPssjlNe1UvbPHbeig1pX9kM333zbobvW+dk9zySDkzvpMOUEUJIasvfIs63/uax8afxM+Gr+CL9GfrpbPSdx8ae8KYty1ZvxVtlS/jWXrn1nUfSB9vH0O8pO4UQQmi+04QJp6HjhJOJEz5r9zudiP0u+r3MtENxYjr4xHRUCCEktcUt4lztcaSvKT/FD+lr6G/reqcj7bUlXO1ubPti29lVuxXf7uc+sN8hhAQn70/sEPl3KPGPVcr/c22EEJIa4+aB4VCbe/8g8jZE4A3NP8R0GogfoG75AAAAAElFTkSuQmCC) top center / 100% no-repeat;
  position: absolute;
  top: 40%;
  right: -0.5rem;
  margin-top: -4.3rem;
  z-index: 0;
}
.report .box .dot2[data-v-242144b8] {
  width: 1.47rem;
  height: 0.62rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJMAAAA+CAMAAAAYudkXAAAARVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADc6ur3AAAAF3RSTlMAgAR0a0ZuG3F6Nj0yGDojQV4VYWZbV6cbywUAAAEASURBVGje7dpBrsMgDEVRCCRQSPhJm3T/S/0jECAsYakDD94dHbMDI6v1lVSudRz6ZPssjlNe1UvbPHbeig1pX9kM333zbobvW+dk9zySDkzvpMOUEUJIasvfIs63/uax8afxM+Gr+CL9GfrpbPSdx8ae8KYty1ZvxVtlS/jWXrn1nUfSB9vH0O8pO4UQQmi+04QJp6HjhJOJEz5r9zudiP0u+r3MtENxYjr4xHRUCCEktcUt4lztcaSvKT/FD+lr6G/reqcj7bUlXO1ubPti29lVuxXf7uc+sN8hhAQn70/sEPl3KPGPVcr/c22EEJIa4+aB4VCbe/8g8jZE4A3NP8R0GogfoG75AAAAAElFTkSuQmCC) top center / 100% no-repeat;
  background-size: auto 0.76rem;
  position: absolute;
  top: 40%;
  left: 0;
  margin-top: 2.8rem;
  z-index: 0;
}
.report .box .dot3[data-v-242144b8] {
  width: 1.47rem;
  height: 0.62rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJMAAAA+CAMAAAAYudkXAAAARVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADc6ur3AAAAF3RSTlMAgAR0a0ZuG3F6Nj0yGDojQV4VYWZbV6cbywUAAAEASURBVGje7dpBrsMgDEVRCCRQSPhJm3T/S/0jECAsYakDD94dHbMDI6v1lVSudRz6ZPssjlNe1UvbPHbeig1pX9kM333zbobvW+dk9zySDkzvpMOUEUJIasvfIs63/uax8afxM+Gr+CL9GfrpbPSdx8ae8KYty1ZvxVtlS/jWXrn1nUfSB9vH0O8pO4UQQmi+04QJp6HjhJOJEz5r9zudiP0u+r3MtENxYjr4xHRUCCEktcUt4lztcaSvKT/FD+lr6G/reqcj7bUlXO1ubPti29lVuxXf7uc+sN8hhAQn70/sEPl3KPGPVcr/c22EEJIa4+aB4VCbe/8g8jZE4A3NP8R0GogfoG75AAAAAElFTkSuQmCC) top center / 100% no-repeat;
  background-size: auto 0.76rem;
  position: absolute;
  top: 40%;
  right: 0;
  margin-top: 6.3rem;
  z-index: 0;
}
.report .box .info[data-v-242144b8] {
  width: 6.4rem;
  transform: rotate(-6deg) translateX(-0.2rem);
  margin: 0 auto;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.4);
  position: relative;
  z-index: 1;
}
.report .box .info .role[data-v-242144b8] {
  height: 8.1rem;
}
.report .box .info .share-image[data-v-242144b8] {
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
  opacity: 0;
  top: 0;
  left: 0;
}
.report .box .info .tip[data-v-242144b8] {
  font-size: 0.3rem;
  color: #fff;
  position: absolute;
  top: 0.3rem;
  left: 0.2rem;
  line-height: 1.4;
  padding: 0 0.3rem;
  background-color: rgba(0, 0, 0, 0.4);
}
.report .box .btns[data-v-242144b8] {
  width: 100%;
  justify-content: space-around;
  display: flex;
  box-sizing: border-box;
  margin-top: 0.4rem;
  padding: 0 0.3rem;
  position: relative;
  z-index: 10;
  flex: none;
}
.report .box .btns .btn[data-v-242144b8] {
  width: 2.1rem;
  height: 1.2rem;
  text-align: center;
  border-radius: 0.68rem;
  position: relative;
  cursor: pointer;
}
.report .box .btns .btn[data-v-242144b8]::before {
  content: '';
  width: 1.9rem;
  height: 1rem;
  border: 0.01rem solid #fff;
  border-radius: 0.52rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  box-sizing: border-box;
}
.report .box .btns .btn span[data-v-242144b8] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.62rem;
  line-height: 1.2;
  font-weight: bold;
  font-size: 0.24rem;
  color: #fff;
  font-family: 'Berlin Sans FB Demi Bold';
}
.report .box .btns .btn-again[data-v-242144b8] {
  background-color: #ff5257;
  box-shadow: 0 0.1rem 0.1rem rgba(255, 70, 75, 0.5);
}
.report .box .btns .btn-share[data-v-242144b8] {
  background-color: #677cff;
  box-shadow: 0 0.1rem 0.1rem rgba(18, 40, 179, 0.24);
}
.report .box .btns .btn-download[data-v-242144b8] {
  background-color: #fff;
  box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.24);
}
.report .box .btns .btn-download[data-v-242144b8]::before {
  border-color: #333;
}
.report .box .btns .btn-download span[data-v-242144b8] {
  color: #484848;
}
.report .share-box[data-v-242144b8] {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 7.5rem;
  z-index: -1;
}
@keyframes fadeIn-242144b8 {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
@media all and (min-aspect-ratio: 375/700) {
.report .box[data-v-242144b8] {
    transform: translate(-50%, -50%) scale(0.8);
}
}
@charset "UTF-8";
@font-face {
  font-family: 'Berlin Sans FB Demi Bold';
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("../fonts/Berlin Sans FB Demi Bold.c555f41e.woff2") format('woff2');
}

/*公共样式*/
html[data-v-36348d60],
body[data-v-36348d60] {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-size: 0.12rem;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  text-align: left;
  background-color: #000;
}
body[data-v-36348d60] {
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
}
a[data-v-36348d60] {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  background: none;
  text-decoration: none;
  color: inherit;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
}
li[data-v-36348d60] {
  list-style: none;
}
input[data-v-36348d60],
button[data-v-36348d60],
textarea[data-v-36348d60] {
  outline: none;
  padding: 0;
}
ul[data-v-36348d60] {
  padding: 0;
  margin: 0;
}
p[data-v-36348d60],
h1[data-v-36348d60],
h2[data-v-36348d60],
h3[data-v-36348d60],
h4[data-v-36348d60],
h5[data-v-36348d60],
h6[data-v-36348d60] {
  height: auto;
  padding: 0;
  margin: 0;
}
button[data-v-36348d60] {
  border: none;
  outline: none;
  padding: 0;
  background-color: transparent;
}
input[data-v-36348d60],
textarea[data-v-36348d60] {
  font-family: Arial;
  -webkit-touch-callout: auto;
  /*系统默认菜单被禁用*/
  -webkit-user-select: auto;
  /*webkit浏览器*/
  -khtml-user-select: auto;
  /*早期浏览器*/
  -moz-user-select: auto;
  /*火狐*/
  -ms-user-select: auto;
  /*IE10*/
  user-select: auto;
  caret-color: #999;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  resize: none;
}

/*滚动条样式*/
[data-v-36348d60]::-webkit-scrollbar {
  width: 0;
  height: 0;
}
[data-v-36348d60]::-webkit-scrollbar-thumb {
  border-radius: 0;
  background: transparent;
}
[data-v-36348d60]::-webkit-scrollbar-track {
  background: transparent;
}
.pull-left[data-v-36348d60] {
  float: left;
}
.pull-right[data-v-36348d60] {
  float: right;
}
.text-left[data-v-36348d60] {
  text-align: left !important;
}
.text-right[data-v-36348d60] {
  text-align: right !important;
}
.text-center[data-v-36348d60] {
  text-align: center !important;
}
.full[data-v-36348d60] {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.hide[data-v-36348d60] {
  display: none;
}
.clearfix[data-v-36348d60]::after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix[data-v-36348d60] {
  *zoom: 1;
}
.text-overflow[data-v-36348d60] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mask[data-v-36348d60] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 98;
}
.modal[data-v-36348d60] {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
  max-width: 7.5rem;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}
.modal .box[data-v-36348d60] {
  width: 6.41rem;
  position: absolute;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  color: #333;
  padding: 0.6rem;
}
.modal .box .btn-close[data-v-36348d60] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIBAMAAACnw650AAAAG1BMVEUAAAD9+/v9+/v9+/v9+/v9+/v9+/v9+/v9+/ui4XmoAAAACHRSTlMA6i4tD8aysMQToRkAAADxSURBVEjHjdaxTQQxEEDREVDBRYRHCXRAgmiAgBIogAYIQC4brQh+cNLzbrCBZT9LHs94Zt6uw+/+a+bh4+JJzz8v87q+r4Qe1/t8rnUhtNbvPK2DAnQgd8df0GH8U4YmClAUoChAUYCiAEUBigIUBShKUBSgKEFRgKIERQGKMhTlSDXeClAtAHUD3VCAogRFAYoKEhUEKghUEKggUEGgAGEStjNkykfgw9yHZR/g/VUxRMrX14nglAJEymnugrEvPYKiBEUZitqXaEFRgqIMRe2fMkFRhqKCSO2f/CBQQaCCRAWBOtVknWrXTjV+p1rIPzrSz/1D7a6JAAAAAElFTkSuQmCC) top center / 100% no-repeat;
  position: absolute;
  right: 0;
  top: -1rem;
  width: 0.72rem;
  height: 0.72rem;
  cursor: pointer;
}
.fade-enter-active[data-v-36348d60],
.fade-leave-active[data-v-36348d60] {
  transition: opacity 0.5s 0.25s;
}
.fade-enter[data-v-36348d60],
.fade-leave-to[data-v-36348d60] {
  opacity: 0;
}
.modal-common .box[data-v-36348d60] {
  animation: fadein-modal-36348d60 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
.modal-tip[data-v-36348d60] {
  background-color: transparent;
}
.modal-tip .box[data-v-36348d60] {
  animation: fadein-toast-36348d60 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
@keyframes fadein-modal-36348d60 {
0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
}
100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.04);
}
}
@keyframes fadein-toast-36348d60 {
0% {
    opacity: 0;
    transform: translate(-50%, 0);
}
100% {
    opacity: 1;
    transform: translate(-50%, -50%);
}
}
.ani-pop[data-v-36348d60] {
  animation: ani-pop-36348d60 0.31s ease-in-out !important;
}
.ani-jelly[data-v-36348d60] {
  animation: ani-jelly-36348d60 0.5s ease-in-out !important;
}
@keyframes ani-pop-36348d60 {
0% {
    transform: scaleX(1);
    opacity: 1;
}
50% {
    transform: scale3d(1.05, 1.05, 1.05);
    opacity: 1;
}
to {
    transform: scaleX(1);
    opacity: 1;
}
}
@keyframes ani-jelly-36348d60 {
0%, 100% {
    transform: scale(1, 1);
}
25% {
    transform: scale(0.85, 1.15);
}
40% {
    transform: scale(1.1, 0.9);
}
65% {
    transform: scale(0.9, 1.1);
}
70% {
    transform: scale(1, 1);
}
75% {
    transform: scale(1.05, 0.95);
}
}
.log[data-v-36348d60] {
  width: 7.5rem;
  height: 100%;
  position: relative;
}
.log .box[data-v-36348d60] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  padding: 1.2rem 0 1.3rem;
  background: url(../img/bg-top.6b27e02a.jpg) no-repeat top center / 7.5rem, url(../img/bg-bottom.5604f1d4.jpg) no-repeat bottom center / 7.5rem;
  background-color: #efefef;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  animation: fadeIn-36348d60 1s forwards;
}
.log .box .header[data-v-36348d60] {
  padding: 0 0.4rem;
  margin-bottom: 0.1rem;
}
.log .box .header .title[data-v-36348d60] {
  font-size: 0.44rem;
  color: #ff5257;
  font-weight: bold;
  margin-right: 0.6rem;
}
.log .box .header strong[data-v-36348d60] {
  font-size: 0.44rem;
}
.log .box .header span[data-v-36348d60] {
  font-size: 0.36rem;
}
.log .box .content[data-v-36348d60] {
  padding: 0.32rem 0.3rem 0.2rem;
  overflow-y: auto;
  flex: 1;
  box-sizing: border-box;
}
.log .box .content .list .item[data-v-36348d60] {
  padding: 0.16rem 0.28rem;
  border-radius: 0.18rem;
  background-color: #fff;
  display: flex;
  box-shadow: 0 0 0.12rem rgba(138, 138, 138, 0.46);
  margin-bottom: 0.22rem;
  box-sizing: border-box;
  min-height: 1.84rem;
  cursor: pointer;
}
.log .box .content .list .item .avatar[data-v-36348d60] {
  width: 1.52rem;
  height: 1.52rem;
  border-radius: 50%;
}
.log .box .content .list .item .text[data-v-36348d60] {
  margin-left: 0.44rem;
  flex: 1;
  padding: 0.24rem 0;
  color: #313131;
  overflow: hidden;
  position: relative;
}
.log .box .content .list .item .text .name[data-v-36348d60] {
  font-weight: bold;
  font-size: 0.36rem;
  line-height: 1.6;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.log .box .content .list .item .text .detail[data-v-36348d60] {
  font-size: 0.3rem;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 0.54rem;
}
.log .box .content .list .item .text .icon-dialog[data-v-36348d60] {
  position: absolute;
  right: 0;
  bottom: 0.24rem;
  width: 0.45rem;
  height: 0.43rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAArCAMAAADbnfG1AAAAhFBMVEUAAAC9vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb0W3YdCAAAAK3RSTlMA+J9wEgTvOzCoW5eL2c/FXwq+t2UXDvTp5dNPOCkjkHc/HePKfIRVRAawZZURGQAAAhFJREFUOMuNVNe2gjAQXEzoRZQiXUGxXP7//y67IYANnAfOJplsHQIv4LkTuNqhUzQ3cHIOC1CtQOnmUAL/8Y3Lzt07UvaRf3e7z3Dv744dGXx/tXTDMHTrupdpOeozOd6L/a0fz3etrdjex0+d8GjzosMr9AudeLPu7MiFwuATmEJBdyBh4jox4DOMBI9NuQxxda7gG6oUCaFYRFpvayV8R0mMiOwN3sxhCTlSNmg1wlqA9Nj0Bo7lEK2wowMOqTewhCOs4YiSAdAxRrnKLpGmwwknBevAaZ/gb0xkPZU/yPqvNZTS2pZKSghtFovfw26HBvg9LwON8kFUyTDgxxZVzQdJJDhkUZ8GqBlD9lTctMhokTHNwsBGQzeyhcR9gKsk+ULcI7ubZWLTWSF9nwAKMuyZb3cUSZMOYVWMksVDcmkDiBpLAKyIAYEz50aG6h9Dof6bw/jUE4/imz/3O8Q/AdaRUSkVFlKv62TogEu1rcEWKZCslGaF3OAQr9gJ5Yc6TXRJiqE3bbdItqYp3fDeIts44Gj4GCVY7EfSjbLe4cVwgaxrUokyEf6Vq54UEuJjeioCcVBVb+R7Jl7qGAQuKKtYZ/ald5KxCCbwEA/R29iEADPpJmQ2y2ujuPvOVm63Kkwv7Aq8Yl6Gt8h1fXgCp7F6G1bzeqM9URUzhzfwolRlpIJttm6qaWfPbOvXCf8DvFNlubnswm8AAAAASUVORK5CYII=) top center / 100% no-repeat;
}
.log .box .content .list .item[data-v-36348d60]:last-of-type {
  margin-bottom: 0;
}
.log .box .btns[data-v-36348d60] {
  height: 1.88rem;
  width: 100%;
  justify-content: space-between;
  left: 0;
  display: flex;
  padding: 0.38rem 0.26rem;
  box-sizing: border-box;
}
.log .box .btns .btn[data-v-36348d60] {
  width: 3.42rem;
  height: 1.34rem;
  text-align: center;
  border-radius: 0.68rem;
  position: relative;
}
.log .box .btns .btn[data-v-36348d60]::before {
  content: '';
  width: 3.18rem;
  height: 1.1rem;
  border: 0.01rem solid #fff;
  border-radius: 0.52rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  box-sizing: border-box;
}
.log .box .btns .btn span[data-v-36348d60] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2.4rem;
  line-height: 1;
  font-weight: bold;
  font-size: 0.3rem;
  color: #fff;
  font-family: 'Berlin Sans FB Demi Bold';
}
.log .box .btns .btn-report[data-v-36348d60] {
  background-color: #677cff;
  box-shadow: 0 0.1rem 0.1rem rgba(18, 40, 179, 0.24);
}
.log .box .btns .btn-back[data-v-36348d60] {
  background-color: #ff5257;
  box-shadow: 0 0.1rem 0.1rem rgba(255, 70, 75, 0.5);
}
@keyframes fadeIn-36348d60 {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
@charset "UTF-8";
@font-face {
  font-family: 'Berlin Sans FB Demi Bold';
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("../fonts/Berlin Sans FB Demi Bold.c555f41e.woff2") format('woff2');
}

/*公共样式*/
html[data-v-6c77e20e],
body[data-v-6c77e20e] {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-size: 0.12rem;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  text-align: left;
  background-color: #000;
}
body[data-v-6c77e20e] {
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
}
a[data-v-6c77e20e] {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  background: none;
  text-decoration: none;
  color: inherit;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
}
li[data-v-6c77e20e] {
  list-style: none;
}
input[data-v-6c77e20e],
button[data-v-6c77e20e],
textarea[data-v-6c77e20e] {
  outline: none;
  padding: 0;
}
ul[data-v-6c77e20e] {
  padding: 0;
  margin: 0;
}
p[data-v-6c77e20e],
h1[data-v-6c77e20e],
h2[data-v-6c77e20e],
h3[data-v-6c77e20e],
h4[data-v-6c77e20e],
h5[data-v-6c77e20e],
h6[data-v-6c77e20e] {
  height: auto;
  padding: 0;
  margin: 0;
}
button[data-v-6c77e20e] {
  border: none;
  outline: none;
  padding: 0;
  background-color: transparent;
}
input[data-v-6c77e20e],
textarea[data-v-6c77e20e] {
  font-family: Arial;
  -webkit-touch-callout: auto;
  /*系统默认菜单被禁用*/
  -webkit-user-select: auto;
  /*webkit浏览器*/
  -khtml-user-select: auto;
  /*早期浏览器*/
  -moz-user-select: auto;
  /*火狐*/
  -ms-user-select: auto;
  /*IE10*/
  user-select: auto;
  caret-color: #999;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  resize: none;
}

/*滚动条样式*/
[data-v-6c77e20e]::-webkit-scrollbar {
  width: 0;
  height: 0;
}
[data-v-6c77e20e]::-webkit-scrollbar-thumb {
  border-radius: 0;
  background: transparent;
}
[data-v-6c77e20e]::-webkit-scrollbar-track {
  background: transparent;
}
.pull-left[data-v-6c77e20e] {
  float: left;
}
.pull-right[data-v-6c77e20e] {
  float: right;
}
.text-left[data-v-6c77e20e] {
  text-align: left !important;
}
.text-right[data-v-6c77e20e] {
  text-align: right !important;
}
.text-center[data-v-6c77e20e] {
  text-align: center !important;
}
.full[data-v-6c77e20e] {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.hide[data-v-6c77e20e] {
  display: none;
}
.clearfix[data-v-6c77e20e]::after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix[data-v-6c77e20e] {
  *zoom: 1;
}
.text-overflow[data-v-6c77e20e] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mask[data-v-6c77e20e] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 98;
}
.modal[data-v-6c77e20e] {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
  max-width: 7.5rem;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}
.modal .box[data-v-6c77e20e] {
  width: 6.41rem;
  position: absolute;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  color: #333;
  padding: 0.6rem;
}
.modal .box .btn-close[data-v-6c77e20e] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIBAMAAACnw650AAAAG1BMVEUAAAD9+/v9+/v9+/v9+/v9+/v9+/v9+/v9+/ui4XmoAAAACHRSTlMA6i4tD8aysMQToRkAAADxSURBVEjHjdaxTQQxEEDREVDBRYRHCXRAgmiAgBIogAYIQC4brQh+cNLzbrCBZT9LHs94Zt6uw+/+a+bh4+JJzz8v87q+r4Qe1/t8rnUhtNbvPK2DAnQgd8df0GH8U4YmClAUoChAUYCiAEUBigIUBShKUBSgKEFRgKIERQGKMhTlSDXeClAtAHUD3VCAogRFAYoKEhUEKghUEKggUEGgAGEStjNkykfgw9yHZR/g/VUxRMrX14nglAJEymnugrEvPYKiBEUZitqXaEFRgqIMRe2fMkFRhqKCSO2f/CBQQaCCRAWBOtVknWrXTjV+p1rIPzrSz/1D7a6JAAAAAElFTkSuQmCC) top center / 100% no-repeat;
  position: absolute;
  right: 0;
  top: -1rem;
  width: 0.72rem;
  height: 0.72rem;
  cursor: pointer;
}
.fade-enter-active[data-v-6c77e20e],
.fade-leave-active[data-v-6c77e20e] {
  transition: opacity 0.5s 0.25s;
}
.fade-enter[data-v-6c77e20e],
.fade-leave-to[data-v-6c77e20e] {
  opacity: 0;
}
.modal-common .box[data-v-6c77e20e] {
  animation: fadein-modal-6c77e20e 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
.modal-tip[data-v-6c77e20e] {
  background-color: transparent;
}
.modal-tip .box[data-v-6c77e20e] {
  animation: fadein-toast-6c77e20e 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
@keyframes fadein-modal-6c77e20e {
0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
}
100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.04);
}
}
@keyframes fadein-toast-6c77e20e {
0% {
    opacity: 0;
    transform: translate(-50%, 0);
}
100% {
    opacity: 1;
    transform: translate(-50%, -50%);
}
}
.ani-pop[data-v-6c77e20e] {
  animation: ani-pop-6c77e20e 0.31s ease-in-out !important;
}
.ani-jelly[data-v-6c77e20e] {
  animation: ani-jelly-6c77e20e 0.5s ease-in-out !important;
}
@keyframes ani-pop-6c77e20e {
0% {
    transform: scaleX(1);
    opacity: 1;
}
50% {
    transform: scale3d(1.05, 1.05, 1.05);
    opacity: 1;
}
to {
    transform: scaleX(1);
    opacity: 1;
}
}
@keyframes ani-jelly-6c77e20e {
0%, 100% {
    transform: scale(1, 1);
}
25% {
    transform: scale(0.85, 1.15);
}
40% {
    transform: scale(1.1, 0.9);
}
65% {
    transform: scale(0.9, 1.1);
}
70% {
    transform: scale(1, 1);
}
75% {
    transform: scale(1.05, 0.95);
}
}
.modal-confirm[data-v-6c77e20e] {
  z-index: 998;
}
.modal-confirm .mask[data-v-6c77e20e] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.modal-confirm .box[data-v-6c77e20e] {
  width: 6.15rem;
  height: 4.1rem;
  padding: 0.3rem 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: 100% 100%;
  z-index: 2;
}
.modal-confirm .box .title[data-v-6c77e20e] {
  font-size: 0.28rem;
  line-height: 0.46rem;
  color: #a7775c;
  width: 4.8rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  margin-top: -0.4rem;
}
.modal-confirm .box .btns[data-v-6c77e20e] {
  display: flex;
  justify-content: space-around;
  width: 4.8rem;
  margin: 2.6rem auto 0;
  font-size: 0.2rem;
}
.modal-confirm .box .btns .btn-confirm[data-v-6c77e20e] {
  width: 1.44rem;
  height: 0.42rem;
  color: #a15340;
}
.modal-confirm .box .btns .btn-cancel[data-v-6c77e20e] {
  width: 1.44rem;
  height: 0.42rem;
  color: #7d7b77;
}
.modal-confirm .box .btn-close[data-v-6c77e20e] {
  top: -0.9rem;
  right: -0.3rem;
}
@charset "UTF-8";

@font-face {
  font-family: 'Berlin Sans FB Demi Bold';
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("../fonts/Berlin Sans FB Demi Bold.c555f41e.woff2") format('woff2');
}

/*公共样式*/

html,
body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-size: 0.12rem;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  text-align: left;
  background-color: #000;
}

body {
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
}

a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  background: none;
  text-decoration: none;
  color: inherit;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
}

li {
  list-style: none;
}

input,
button,
textarea {
  outline: none;
  padding: 0;
}

ul {
  padding: 0;
  margin: 0;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  height: auto;
  padding: 0;
  margin: 0;
}

button {
  border: none;
  outline: none;
  padding: 0;
  background-color: transparent;
}

input,
textarea {
  font-family: Arial;
  -webkit-touch-callout: auto;
  /*系统默认菜单被禁用*/
  -webkit-user-select: auto;
  /*webkit浏览器*/
  -khtml-user-select: auto;
  /*早期浏览器*/
  -moz-user-select: auto;
  /*火狐*/
  -ms-user-select: auto;
  /*IE10*/
  user-select: auto;
  caret-color: #999;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  resize: none;
}

/*滚动条样式*/

::-webkit-scrollbar {
  width: 0;
  height: 0;
}

::-webkit-scrollbar-thumb {
  border-radius: 0;
  background: transparent;
}

::-webkit-scrollbar-track {
  background: transparent;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.full {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.hide {
  display: none;
}

.clearfix::after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  *zoom: 1;
}

.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 98;
}

.modal {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
  max-width: 7.5rem;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}

.modal .box {
  width: 6.41rem;
  position: absolute;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  color: #333;
  padding: 0.6rem;
}

.modal .box .btn-close {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIBAMAAACnw650AAAAG1BMVEUAAAD9+/v9+/v9+/v9+/v9+/v9+/v9+/v9+/ui4XmoAAAACHRSTlMA6i4tD8aysMQToRkAAADxSURBVEjHjdaxTQQxEEDREVDBRYRHCXRAgmiAgBIogAYIQC4brQh+cNLzbrCBZT9LHs94Zt6uw+/+a+bh4+JJzz8v87q+r4Qe1/t8rnUhtNbvPK2DAnQgd8df0GH8U4YmClAUoChAUYCiAEUBigIUBShKUBSgKEFRgKIERQGKMhTlSDXeClAtAHUD3VCAogRFAYoKEhUEKghUEKggUEGgAGEStjNkykfgw9yHZR/g/VUxRMrX14nglAJEymnugrEvPYKiBEUZitqXaEFRgqIMRe2fMkFRhqKCSO2f/CBQQaCCRAWBOtVknWrXTjV+p1rIPzrSz/1D7a6JAAAAAElFTkSuQmCC) top center / 100% no-repeat;
  position: absolute;
  right: 0;
  top: -1rem;
  width: 0.72rem;
  height: 0.72rem;
  cursor: pointer;
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s 0.25s;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

.modal-common .box {
  animation: fadein-modal 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}

.modal-tip {
  background-color: transparent;
}

.modal-tip .box {
  animation: fadein-toast 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}

@keyframes fadein-modal {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
  }

  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.04);
  }
}

@keyframes fadein-toast {
  0% {
    opacity: 0;
    transform: translate(-50%, 0);
  }

  100% {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}

.ani-pop {
  animation: ani-pop 0.31s ease-in-out !important;
}

.ani-jelly {
  animation: ani-jelly 0.5s ease-in-out !important;
}

@keyframes ani-pop {
  0% {
    transform: scaleX(1);
    opacity: 1;
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
    opacity: 1;
  }

  to {
    transform: scaleX(1);
    opacity: 1;
  }
}

@keyframes ani-jelly {
  0%, 100% {
    transform: scale(1, 1);
  }

  25% {
    transform: scale(0.85, 1.15);
  }

  40% {
    transform: scale(1.1, 0.9);
  }

  65% {
    transform: scale(0.9, 1.1);
  }

  70% {
    transform: scale(1, 1);
  }

  75% {
    transform: scale(1.05, 0.95);
  }
}

@font-face {
  font-family: 'Berlin Sans FB Demi Bold';
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("../fonts/Berlin Sans FB Demi Bold.c555f41e.woff2") format('woff2');
}

/*公共样式*/

html,
body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-size: 0.12rem;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  text-align: left;
  background-color: #000;
}

body {
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
}

a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  background: none;
  text-decoration: none;
  color: inherit;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
}

li {
  list-style: none;
}

input,
button,
textarea {
  outline: none;
  padding: 0;
}

ul {
  padding: 0;
  margin: 0;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  height: auto;
  padding: 0;
  margin: 0;
}

button {
  border: none;
  outline: none;
  padding: 0;
  background-color: transparent;
}

input,
textarea {
  font-family: Arial;
  -webkit-touch-callout: auto;
  /*系统默认菜单被禁用*/
  -webkit-user-select: auto;
  /*webkit浏览器*/
  -khtml-user-select: auto;
  /*早期浏览器*/
  -moz-user-select: auto;
  /*火狐*/
  -ms-user-select: auto;
  /*IE10*/
  user-select: auto;
  caret-color: #999;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  resize: none;
}

/*滚动条样式*/

::-webkit-scrollbar {
  width: 0;
  height: 0;
}

::-webkit-scrollbar-thumb {
  border-radius: 0;
  background: transparent;
}

::-webkit-scrollbar-track {
  background: transparent;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.full {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.hide {
  display: none;
}

.clearfix::after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  *zoom: 1;
}

.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 98;
}

.modal {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
  max-width: 7.5rem;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}

.modal .box {
  width: 6.41rem;
  position: absolute;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  color: #333;
  padding: 0.6rem;
}

.modal .box .btn-close {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIBAMAAACnw650AAAAG1BMVEUAAAD9+/v9+/v9+/v9+/v9+/v9+/v9+/v9+/ui4XmoAAAACHRSTlMA6i4tD8aysMQToRkAAADxSURBVEjHjdaxTQQxEEDREVDBRYRHCXRAgmiAgBIogAYIQC4brQh+cNLzbrCBZT9LHs94Zt6uw+/+a+bh4+JJzz8v87q+r4Qe1/t8rnUhtNbvPK2DAnQgd8df0GH8U4YmClAUoChAUYCiAEUBigIUBShKUBSgKEFRgKIERQGKMhTlSDXeClAtAHUD3VCAogRFAYoKEhUEKghUEKggUEGgAGEStjNkykfgw9yHZR/g/VUxRMrX14nglAJEymnugrEvPYKiBEUZitqXaEFRgqIMRe2fMkFRhqKCSO2f/CBQQaCCRAWBOtVknWrXTjV+p1rIPzrSz/1D7a6JAAAAAElFTkSuQmCC) top center / 100% no-repeat;
  position: absolute;
  right: 0;
  top: -1rem;
  width: 0.72rem;
  height: 0.72rem;
  cursor: pointer;
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s 0.25s;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

.modal-common .box {
  animation: fadein-modal 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}

.modal-tip {
  background-color: transparent;
}

.modal-tip .box {
  animation: fadein-toast 0.3s ease-in-out;
  transition: transform 0.5s ease-in-out;
}

@keyframes fadein-modal {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
  }

  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.04);
  }
}

@keyframes fadein-toast {
  0% {
    opacity: 0;
    transform: translate(-50%, 0);
  }

  100% {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}

.ani-pop {
  animation: ani-pop 0.31s ease-in-out !important;
}

.ani-jelly {
  animation: ani-jelly 0.5s ease-in-out !important;
}

@keyframes ani-pop {
  0% {
    transform: scaleX(1);
    opacity: 1;
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
    opacity: 1;
  }

  to {
    transform: scaleX(1);
    opacity: 1;
  }
}

@keyframes ani-jelly {
  0%, 100% {
    transform: scale(1, 1);
  }

  25% {
    transform: scale(0.85, 1.15);
  }

  40% {
    transform: scale(1.1, 0.9);
  }

  65% {
    transform: scale(0.9, 1.1);
  }

  70% {
    transform: scale(1, 1);
  }

  75% {
    transform: scale(1.05, 0.95);
  }
}