.bl-button[data-v-83e6a2ae] {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1;
  margin: 0;
  padding: 6px 12px;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  outline: none;
  overflow: hidden;
}
.bl-button > .txt[data-v-83e6a2ae] {
  position: relative;
  vertical-align: middle;
}
.bl-button[data-v-83e6a2ae]:disabled {
  cursor: not-allowed;
}
.bl-button--primary[data-v-83e6a2ae] {
  background-color: #23ade5;
  color: #fff;
  border-radius: 4px;
}
.bl-button--primary[data-v-83e6a2ae]:hover {
  background-color: #39b5e7;
}
.bl-button--primary[data-v-83e6a2ae]:active {
  background-color: #21a4d9;
}
.bl-button--primary[data-v-83e6a2ae]:disabled {
  background-color: #e9eaec;
  color: #b4b4b4;
}
.bl-button--ghost[data-v-83e6a2ae] {
  border: 1px solid #23ade5;
  color: #23ade5;
  border-radius: 4px;
}
.bl-button--ghost[data-v-83e6a2ae]:hover {
  border-color: #39b5e7;
  background-color: #39b5e7;
  color: #fff;
}
.bl-button--ghost[data-v-83e6a2ae]:active {
  border-color: #21a4d9;
  background-color: #21a4d9;
  color: #fff;
}
.bl-button--ghost[data-v-83e6a2ae]:disabled {
  border-color: #d0d7dd;
  background-color: transparent;
  color: #b4b4b4;
}
.bl-button--shallow[data-v-83e6a2ae] {
  background-color: #e9eaec;
  color: #999;
  border-radius: 4px;
}
.bl-button--shallow[data-v-83e6a2ae]:hover {
  background-color: #edeeef;
}
.bl-button--shallow[data-v-83e6a2ae]:active {
  background-color: #dddedf;
}
.bl-button--shallow[data-v-83e6a2ae]:disabled {
  background-color: #e9eaec;
  color: #b4b4b4;
}
.bl-button--shallow-ghost[data-v-83e6a2ae] {
  border: 1px solid #e9eaec;
  color: #999;
  border-radius: 4px;
}
.bl-button--shallow-ghost[data-v-83e6a2ae]:hover {
  border-color: #39b5e7;
  background-color: #39b5e7;
  color: #fff;
}
.bl-button--shallow-ghost[data-v-83e6a2ae]:active {
  border-color: #21a4d9;
  background-color: #21a4d9;
  color: #fff;
}
.bl-button--shallow-ghost[data-v-83e6a2ae]:disabled {
  border-color: #e9eaec;
  background-color: #e9eaec;
  color: #b4b4b4;
}
.bl-button--shallow-o[data-v-83e6a2ae] {
  border: 1px solid #9499a0;
  color: #18191c;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.bl-button--shallow-o[data-v-83e6a2ae]:hover {
  border-color: #00aeec;
  background-color: transparent;
  color: #00aeec;
}
.bl-button--shallow-o[data-v-83e6a2ae]:active,
.bl-button--shallow-o.active[data-v-83e6a2ae],
.bl-button--shallow-o[active][data-v-83e6a2ae] {
  border-color: #00aeec;
  background-color: #dff6fd;
  color: #00aeec;
}
.bl-button--shallow-o:active svg[data-v-83e6a2ae],
.bl-button--shallow-o.active svg[data-v-83e6a2ae],
.bl-button--shallow-o[active] svg[data-v-83e6a2ae] {
  color: #00aeec;
}
.bl-button--shallow-o[data-v-83e6a2ae]:disabled {
  pointer-events: none;
}
.bl-button--shallow-o[data-v-83e6a2ae]:disabled:not(.active,
.bl-button--shallow-o:disabled[active]) {
  opacity: 0.4;
}
.bl-button--shallow-o:disabled.active[data-v-83e6a2ae],
.bl-button--shallow-o:disabled[active][data-v-83e6a2ae] {
  opacity: 0.5;
}
.bl-button--text[data-v-83e6a2ae] {
  color: #23ade5;
  border-radius: 4px;
}
.bl-button--text[data-v-83e6a2ae]:hover {
  background-color: #eef9fd;
}
.bl-button--text[data-v-83e6a2ae]:active {
  background-color: #eef9fd;
}
.bl-button--text[data-v-83e6a2ae]:disabled {
  color: #b4b4b4;
}
.bl-button--round[data-v-83e6a2ae] {
  border-radius: 16px;
}
.bl-button--size[data-v-83e6a2ae] {
  min-width: 104px;
  height: 32px;
  font-size: 14px;
}
.bl-button--small[data-v-83e6a2ae] {
  min-width: 80px;
  height: 24px;
  font-size: 12px;
}
.bl-button--small.bl-button--round[data-v-83e6a2ae] {
  border-radius: 12px;
}
.bl-button--ssmall[data-v-83e6a2ae] {
  min-width: 64px;
  height: 18px;
  padding: 3px 12px;
  font-size: 12px;
}
.bl-button--ssmall.bl-button--round[data-v-83e6a2ae] {
  border-radius: 9px;
}
@-webkit-keyframes anim-effect-boris-data-v-83e6a2ae {
0% {
    -webkit-transform: scale3d(0.3, 0.3, 1);
            transform: scale3d(0.3, 0.3, 1);
}
25%, 50% {
    opacity: 1;
}
100% {
    opacity: 0;
    -webkit-transform: scale3d(1.2, 1.2, 1);
            transform: scale3d(1.2, 1.2, 1);
}
}
@keyframes anim-effect-boris-data-v-83e6a2ae {
0% {
    -webkit-transform: scale3d(0.3, 0.3, 1);
            transform: scale3d(0.3, 0.3, 1);
}
25%, 50% {
    opacity: 1;
}
100% {
    opacity: 0;
    -webkit-transform: scale3d(1.2, 1.2, 1);
            transform: scale3d(1.2, 1.2, 1);
}
}

.p-relative[data-v-385379dd] {
  position: relative;
}
.p-absolute[data-v-385379dd] {
  position: absolute;
}
.bg-center[data-v-385379dd] {
  background-position: center center;
}
.bg-no-repeat[data-v-385379dd] {
  background-repeat: no-repeat;
}
.pointer[data-v-385379dd] {
  cursor: pointer;
}
.a-move-in-top[data-v-385379dd] {
  -webkit-animation: move-in-top-data-v-385379dd cubic-bezier(0.22, 0.58, 0.12, 0.98) 0.4s;
          animation: move-in-top-data-v-385379dd cubic-bezier(0.22, 0.58, 0.12, 0.98) 0.4s;
}
.a-scale-out[data-v-385379dd] {
  -webkit-animation: scale-out-data-v-385379dd cubic-bezier(0.22, 0.58, 0.12, 0.98) 0.4s;
          animation: scale-out-data-v-385379dd cubic-bezier(0.22, 0.58, 0.12, 0.98) 0.4s;
}
.a-forwards[data-v-385379dd] {
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.t-center[data-v-385379dd] {
  text-align: center;
}
.bp-popup-panel[data-v-385379dd] {
  width: 500px;
  height: auto;
  top: 50%;
  padding: 20px;
  border-radius: 5px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 5em 0.5em rgba(0,0,0,0.2);
          box-shadow: 0 0 5em 0.5em rgba(0,0,0,0.2);
  word-wrap: break-word;
  word-break: break-word;
}
.bp-popup-panel .title-ctnr[data-v-385379dd] {
  padding-bottom: 5px;
}
.bp-popup-panel .title-ctnr .popup-title[data-v-385379dd] {
  margin: 0;
  color: #23ade5;
  font-weight: 100;
  font-size: 18px;
}
.bp-popup-panel .popup-btn-ctnr .panel-btn[data-v-385379dd] {
  margin: 0 10px;
}
.bp-popup-panel .close-btn[data-v-385379dd] {
  width: 20px;
  height: 20px;
  right: 12px;
  top: 12px;
  color: #999;
  line-height: 20px;
  -webkit-transition: all cubic-bezier(0.22, 0.58, 0.12, 0.98) 0.3s;
  transition: all cubic-bezier(0.22, 0.58, 0.12, 0.98) 0.3s;
}
.bp-popup-panel .close-btn[data-v-385379dd]:hover {
  -webkit-transform: rotate(180deg) scale(1.1);
          transform: rotate(180deg) scale(1.1);
}
.bp-popup-panel .close-btn[data-v-385379dd]:active {
  -webkit-transform: rotate(180deg) scale(1);
          transform: rotate(180deg) scale(1);
  -webkit-transition: none !important;
  transition: none !important;
}
.bp-popup-panel .close-btn.disabled[data-v-385379dd] {
  cursor: not-allowed;
  opacity: 0.5;
}
.bp-popup-panel .close-btn.disabled[data-v-385379dd]:hover,
.bp-popup-panel .close-btn.disabled[data-v-385379dd]:active {
  -webkit-transform: rotate(0) scale(1) !important;
          transform: rotate(0) scale(1) !important;
}
@-webkit-keyframes move-in-top-data-v-385379dd {
from {
    opacity: 0;
    -webkit-transform: translate(0, 5em);
            transform: translate(0, 5em);
}
to {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
}
}
@keyframes move-in-top-data-v-385379dd {
from {
    opacity: 0;
    -webkit-transform: translate(0, 5em);
            transform: translate(0, 5em);
}
to {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
}
}
@-webkit-keyframes scale-out-data-v-385379dd {
from {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
}
to {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
}
}
@keyframes scale-out-data-v-385379dd {
from {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
}
to {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
}
}

.dp-table[data-v-b38bf146] {
  display: table;
}
.dp-table-cell[data-v-b38bf146] {
  display: table-cell;
}
.bp-v-middle[data-v-b38bf146] {
  vertical-align: middle;
}
.w-100[data-v-b38bf146] {
  width: 100%;
}
.h-100[data-v-b38bf146] {
  height: 100%;
}
.p-absolute[data-v-b38bf146] {
  position: absolute;
}
.p-fixed[data-v-b38bf146] {
  position: fixed;
}
.p-zero[data-v-b38bf146] {
  top: 0;
  left: 0;
}
.f-family[data-v-b38bf146] {
  font-family: "Microsoft YaHei", "Microsoft Sans Serif", "Microsoft SanSerf", "微软雅黑";
}
.bp-popup-ctnr[data-v-b38bf146] {
  font-size: 12px;
  z-index: 10002;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bp-popup-ctnr.out-leave[data-v-b38bf146] {
  -webkit-animation: fade-out-data-v-b38bf146 cubic-bezier(0.22, 0.58, 0.12, 0.98) 0.4s;
          animation: fade-out-data-v-b38bf146 cubic-bezier(0.22, 0.58, 0.12, 0.98) 0.4s;
}
.bp-popup-ctnr p[data-v-b38bf146] {
  margin: 15px 0;
}
.bp-popup-ctnr .body-merge[data-v-b38bf146] {
  background-color: rgba(0,0,0,0.5);
}
.bp-popup-ctnr .popup-content-ctnr[data-v-b38bf146] {
  margin: 10px 0;
}
.fade-out-leave[data-v-b38bf146],
.fade-out-leave-active[data-v-b38bf146] {
  -webkit-animation: fade-out-data-v-b38bf146 linear 0.2s forwards;
          animation: fade-out-data-v-b38bf146 linear 0.2s forwards;
}
@-webkit-keyframes fade-out-data-v-b38bf146 {
from {
    opacity: 1;
}
to {
    opacity: 0;
}
}
@keyframes fade-out-data-v-b38bf146 {
from {
    opacity: 1;
}
to {
    opacity: 0;
}
}

.link-toast {
  position: absolute;
  padding: 12px 24px;
  font-size: 14px;
  border-radius: 8px;
  white-space: nowrap;
  color: #fff;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.22, 0.58, 0.12, 0.98);
  transition: -webkit-transform 0.4s cubic-bezier(0.22, 0.58, 0.12, 0.98);
  transition: transform 0.4s cubic-bezier(0.22, 0.58, 0.12, 0.98);
  transition: transform 0.4s cubic-bezier(0.22, 0.58, 0.12, 0.98), -webkit-transform 0.4s cubic-bezier(0.22, 0.58, 0.12, 0.98);
  -webkit-animation: link-msg-move-in-top cubic-bezier(0.22, 0.58, 0.12, 0.98) 0.4s;
          animation: link-msg-move-in-top cubic-bezier(0.22, 0.58, 0.12, 0.98) 0.4s;
  z-index: 10100;
  text-align: center;
  height: auto;
  line-height: auto;
}
.link-toast.mobile {
  text-align: center;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  width: auto;
  background-color: transparent !important;
  position: fixed;
  top: 50vh;
  left: 0;
  right: 0;
}
.link-toast.mobile.pc-fxied .toast-text {
  padding: 10px 20px;
}
.link-toast.mobile .toast-text {
  background-color: rgba(0,0,0,0.8);
  padding: 8px;
  border-radius: 8px;
  display: inline-block;
  min-width: 50px;
  word-break: break-all;
  white-space: pre-wrap;
}
.link-toast.fixed {
  position: fixed;
}
.link-toast.success {
  background-color: #47d279;
  -webkit-box-shadow: 0 0.2em 0.1em 0.1em rgba(71,210,121,0.2);
          box-shadow: 0 0.2em 0.1em 0.1em rgba(71,210,121,0.2);
}
.link-toast.caution {
  background-color: #ffb243;
  -webkit-box-shadow: 0 0.2em 0.1em 0.1em rgba(255,190,68,0.2);
          box-shadow: 0 0.2em 0.1em 0.1em rgba(255,190,68,0.2);
}
.link-toast.error {
  background-color: #ff6464;
  -webkit-box-shadow: 0 0.2em 1em 0.1em rgba(255,100,100,0.2);
          box-shadow: 0 0.2em 1em 0.1em rgba(255,100,100,0.2);
}
.link-toast.info {
  background-color: #48bbf8;
  -webkit-box-shadow: 0 0.2em 0.1em 0.1em rgba(72,187,248,0.2);
          box-shadow: 0 0.2em 0.1em 0.1em rgba(72,187,248,0.2);
}
.link-toast.out-fade {
  -webkit-animation: link-msg-fade-out cubic-bezier(0.22, 0.58, 0.12, 0.98) 0.4s;
          animation: link-msg-fade-out cubic-bezier(0.22, 0.58, 0.12, 0.98) 0.4s;
}
@-webkit-keyframes link-msg-move-in-top {
  from {
    opacity: 0;
    -webkit-transform: translate(0, 5em);
            transform: translate(0, 5em);
  }
  to {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes link-msg-move-in-top {
  from {
    opacity: 0;
    -webkit-transform: translate(0, 5em);
            transform: translate(0, 5em);
  }
  to {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes link-msg-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes link-msg-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.userinfo-content[data-v-c6080324] {
  font-size: 12px;
  width: 366px;
  background: #fff;
  position: relative;
  color: #6d757a;
}
.userinfo-content a[data-v-c6080324] {
  text-decoration: none;
}
.userinfo-content .bg[data-v-c6080324] {
  position: absolute;
  width: 366px;
  height: 85px;
  top: 0;
  left: 0;
  border-radius: 4px 4px 0 0;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
}
.userinfo-content .face[data-v-c6080324] {
  left: 10px;
  top: 95px;
  position: absolute;
  border-radius: 50%;
  width: 48px;
  height: 48px;
}
.userinfo-content .face > img[data-v-c6080324] {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.userinfo-content .info[data-v-c6080324] {
  padding: 97px 20px 16px 70px;
}
.userinfo-content .info .sex[data-v-c6080324] {
  margin-left: 6px;
  width: 16px;
  height: 16px;
  display: block;
}
.userinfo-content .info .sex.men[data-v-c6080324] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAALKADAAQAAAABAAAALAAAAAD8buejAAAEbUlEQVRYCe2XXWgcVRTH/3dmsySaFlMMKK2CgqiIBUUEpdCE4kcqIunHqvSt3VYbWixiKz6ooT6JSh9KqOTDR7GbgAlIsVGIPij1weJLREIJid1SNW2t2I91d2eu/zPNjcNkNnd2NVVkBmbvveeee85v/nM/ZoH0ShVIFUgVSBX4NxVQy5V8b0G3lzS2+0CrclCF5g14iqVmW7N05m1QqGRdTPRtVrM2nmUD3nlUv03YAzYA00+QX1corD6UU1eNLa504oz/iM3BGJX7nvd53heVwiXGLbGssq2jOWhoK7m4NWqPtpdN4WiiaDs/rA9qH6+H7U4T7h7YpKbCtmh9+RSOZgq180d1r4Gl4n+YLqeKjKnXKq87cAALvDkPNMPpsdvAec5/DDgK25xBB2FPGWDK65p6rfK6KRwHK9uYe21rC/g8ZVfYOmfinrR3QmfOXECH76GL++pdfK0rucovcV+dhIMvHtMYz+WUZ8bWgpV+bs4Lfo5nB65b4Z3D+rniHKb8Kj7j5vQyQZ/mIbCe9adk3/V9HBsHprkPbxegpWCl33WDA0WqPFXswIkV7i3o7GmFIwQKQCQBV/gVFt/yPse7jfdawq/ifTsfZIiwr7C8l3a5ZmTORk8zPzQlnASLLjFwUeMDqrhNMhP0R0K90dKKjw5vVAvbkkyV4nk8zpf8FkEfXIBVmG1qQmdf9+Kj1/VRlTNbLvpbF10iYE6DHiprYL9k4E1Dz6oL19L89dvbqST3sUJBHx/XOES/vdLL0+nE+91qRurRK9uKYvV3XKb9xoyH09H+aNt60vUUdCslnObjt9N5ylF4uD+nfosGimvnC3qQb2JH0KfQNZRTn8b57RrR98hUGtiqvo7rD9usClc0nueAdhmkFV5KCiv+a9qxhwv0CcKs4cO+SlMscP8W9YP4J7msuwQhuyQQ5+2pWgrVSsQpUuJ8eE/6Cd3RM6pvq+Wb1G4FZqD7JRjBJ5IGDftlMhg17XIZj5p6o6UVmAvnZgnOQ+FsI0nmF1tpfuwdjcQIj7ECc+7Jdyx8hRvCA+usl8WfsVrqHLfI3QrM3WE2GKVx36LRCQwHxvQKuq0UV76tnxIMWdLFDgx8HkTQ6Nz3sb5pyWgxnRcr2GDMPIYnTb3R0gqsXAzzXVIcNF8uJ/+PZoB44OyTOqfDuQ0evjL2Rksr8MAWNclkBUnAnWI//9p0JE22Y1jnuZ2tD/wdHAl/wSWNEfWzAsuAbBb7KdEck2f412YsP6I3RgNF2zzOt/G99Imde3hxVRbvRH0aaVO8ZNeugl7Hz8dxQrfIFOF38IcEeXcgp74LR3hxRD9Q8fEaYbeKnT5XHRfr+jerk2G/RuuJgSXBCyP6Ic/HKKFXm4QEOku4aT4EnwF3sn5LuI+fjN08er8xtr9b1gUsyXZ/otsqV6ggsCdQO45AoUzwQdWMg4PPqJ/jXBq11Q1sEslXHE+DJ6nqI7QF3whU+xf4ONGicPxwTs0Z37RMFUgVSBVIFfj/KPAnnoB30RYEztcAAAAASUVORK5CYII=) center/cover no-repeat;
}
.userinfo-content .info .sex.women[data-v-c6080324] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAALKADAAQAAAABAAAALAAAAAD8buejAAAERElEQVRYCe2XXWgcVRTH77l3pGl1k1ZKBR9E8RO1BGqxiAgqUgVRUWrVfkDRJEtBiqShFVHYB1GUZAV9ysY8KEqrRR9aFbRotBVEpFhQfFCoVdsqCtp22xTbuXP8n2lmMyQ7d+7upurDDCT33K9zfvnfM+dOlCqeQoFCgUKBQoH/UgE6F8F562iPtXqVYr6LFV9OihYyqz9I8fdK6fdMd7SLKuXJdmLPKTBXWEf12hAr9SQAF2UBEanf8FMxw+XRrDVZ43MGzFvGS9aG2wB6twSDqjB5HxF9wcR/EqvFGLgJU8sSGATfYbrVhlbUnhNgUdbWazsbsESfmICfoBfK3yRwSYt0WWpDqjLzHTIGpd83pYF7qUJRssbVatek71x04tVN07CqZlYsXNkMVvzJuCn136k0VaUv+6L62NNi+zwdKxynQmgP4vgvRB7sCVYsup1Wr7Y+wcPNtR1QehUgJk2XuoKeK/+at69jhW0U3hPDIlKg9KAvrICZebxJYPGSLghPq415sDLfMbBitTIOROo7Gunf5xM0WRMrSvRO3Ge6Lxl3tR0Ds6IrJQCU+tIVKHuOPz67n6/nykSQve7sTC4wv/zBPOSZI9d5vrgC+NG8YM3mmehwvJ9x2pMHljRbkx5zAvPQ60vswUNHwqHatyhHl6Q3Jjbq7TGx8RflBkv2pFsUswWNvu461bAzDCewMqe6UP+7Id+1qJ2fNoOG+vtj38w3Z8RwDuO6XioLcMGcVM+vyT0lJzBq5s+K9TqoaAF2WTNoBPpIAuJNv/TMltHbxG7lwW3x4NT6CfiCG/fjBJatQbX/Lfz9a7OgcQl8iHQ4EIcJ1bDkvDvk9CxS7WH0euMR4m3TM9lWLrBsdUHHV6rWg1MhltmfDo37vO28dbwXx1KL96EkmgsGtk/5cDZewOLBBW20/gonEOcfUmetrf+wGzfg1c0iS8XBDbfengk/h13C6UwGbNb5fktgfWtPODj2EDL2TdxuBjn3ozG0JrT8Gj4Krkp7wkdNiD7ShXaj5P2iKOrCd8N1GHsAyl4jawUWvx8JqgM7pe/ztAwsTtPQ6SBa0WZ8Sh7H2DDgetJzs2yi/QHrR6na9/WsOcdAW8Dizw6NPh5F6pWGb6JnzxsZeEb68h9HFNKGiNX9UHo5jv58GYf9u2LaC2O7KfW965sGsjd52gJGfl4cWjuRToM4PQK+NS6Fifeplqtvz1fH/6JWPtRnuGh0WwaeCQsHb0geNnI6A7oRsUPDu0pInJmwmtRgUC2vB3Bmne6Qb9Z2b4X5qbGLwr95T5IGAmtGyi8lHtMvois9kvXttt4Kh6ejjVmwEtxVp9uFa7bPGxglaBeO/jPSui+tbNrpvwHtnRJpsDx7VnoY00svPlbP2+cz762wj7NkzUylwyi6IZnrtD0nwAIl0EabW3BZ9Ac39uztFLTYXyhQKFAoUCjw/1DgHz524LXaAru+AAAAAElFTkSuQmCC) center/cover no-repeat;
}
.userinfo-content .info .level[data-v-c6080324] {
  width: 21px;
  margin: 0 4px;
}
.userinfo-content .info .vip-label[data-v-c6080324] {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 58px;
  height: 16px;
  color: #fff;
  background: #f69;
  border-radius: 2px;
  line-height: 16px;
  font-size: 12px;
  font-weight: 400;
  margin-left: 0;
  overflow: hidden;
  white-space: nowrap;
}
.userinfo-content .info .vip-label .label-size[data-v-c6080324] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: scale(0.83);
          transform: scale(0.83);
}
.userinfo-content .info p[data-v-c6080324] {
  margin: 0;
  color: #222;
  line-height: 12px;
}
.userinfo-content .info .user[data-v-c6080324] {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 21px;
}
.userinfo-content .info .user .name[data-v-c6080324] {
  color: #222;
}
.userinfo-content .info .user .name.vip[data-v-c6080324] {
  color: #fb7299;
}
.userinfo-content .info .social[data-v-c6080324] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.userinfo-content .info .social a[data-v-c6080324] {
  color: #18191c;
}
.userinfo-content .info .social .label[data-v-c6080324] {
  margin-right: 18px;
  display: inline-block;
  margin-left: 3px;
  color: #9499a0;
}
.userinfo-content .info .verify-desc[data-v-c6080324] {
  font-size: 12px;
  line-height: 17px;
  color: #9499a0;
  margin-bottom: 10px;
}
.userinfo-content .info .verify-desc .verify-icon[data-v-c6080324] {
  width: 14px;
  height: 14px;
  margin-right: 2px;
  display: inline-block;
  vertical-align: sub;
}
.userinfo-content .info .verify-desc .verify-icon.type--0[data-v-c6080324] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASZSURBVHgBxVptThNBGJ5Wo4FAgjGBSCSuMZHon5Z4AMoN4ATACVpOwHIC6gkoJ6A3KJygNDH+8Icu0YhUCU0wEAxmfZ/d2XZnZ/ZzpvVJhk1nttPn/ZyZdygxA3Bdd44e69Sq1F7w5xxvARzeetS61E5KpZLD/hdAmtoutY5bHF1qm9QsNimEiF+5ZnEwdkHGRDyK3TycSlle4po5Yr5vq3F9zNhtjz9PGbsfMPZ34I89oFB4TFM8ojZFU8yuUquxBDjU1rLESKoARH6THk0mBqQPkPz5nrGL5ohsVkAYCPFs1xdOBibcJiHaSdMkCsDNaUsDIP5jzyduAk+3kgSxSYi9uK/GChBLvk8a/27n13gaYJFFm4TZVI3GCqEUgMgjpx9JA992zGk9DvMNxpb2VSNbJMRhtFMSgAcsFpqRz8NlPm/4AToJTFOgv+74wT8CTL4SDWyVAF/oYQmdH1f8zDJJIMAhhIhTEmAl3FEOf+B+bwlfgdtMmjwAa3/difZWiaMd7hgKwF1HGGSXLTM+jwzzzo0L0Hj0m37SEFF3/b2Xh7AFbOG1O4eyTWz2yg6QR3YpCjnjgXwj+OAJwLUvquecvvjHYVqIkr/psdwAeVmRQysEFqgJw9D+5SHTQpQ8iBSNpX4z1gqBAHXhC9C+DubrsttcnzAtXEixsIo/Ze4+VWM/hkBdUgS+7hrSl+aswY1ggZr0Q0V9H+StlnpMNxXDhWQlrEMAM9pPIg/cGFhL5CRQhQAVoeu2y3IjC3kTm7/fx9EeCwJYQtfdGcuFNPKAqZVctmKlhDOc0HX6JLu2cLp6m8FimO9+kDx+tp3uZtjcVa/CPYOHysmyAOSXO9nexQ+LO8tikLnNlVkR4PCx3DFDCsii/RhAAFGsLKRw9Ls3EJQAyP9qZXtXwQ0uBCZzwktpboR8/OFl8jsI7LTdZx7yACwvwoEFRNtNV5gRpM2TlzwgH/o9AcS8ObPGtAErTlXjx3FIyksekOfsjccCSeTPNcoxs6vRni4EaIsv1fSzy3SMACCPA0oRBIUwESdlOiQjYo+F7vkG04KsKT3y3py1aA8O+E6wDog7uIU600LUArrkgUWp5uv5YTn0YZQ74UJFrQBTh9OdCfIoPcop1FO6JwB3I/HIA4mLxEJY+ybIeyVHSfutoMAV3krIVljMVar3ESyCJsgDOJrK2h+e8oXKHC8aiaxRXOoXTHu6wNlaPp7ukfbt4IOqtIj9sRiFn9YmVxcNoN6qO0Re2MOodqNUxY1s8F4dxef2cWCmptqqg5O0TZAE4MEhFiURD2+6+utDFsBt1Fv1bdWVk/I8QC+2WChQhkDd3jpQBZU+QPj5vrok4/t9WzWQdsVks2hQAyi7IMPoVu8CBIUwddoWgjaKLJd86/QgtSsu+QJBUIrJW0vyFksivtCIIw6f3+HeEIs816yIKiv2JWQpCIIKBGqrECh8zYqGRIA9zVQl7ZoVO+QN4/+KAJdyx4ur6AWGccAa1FquWXjE3dDFxdjBBdly/X/YKIqOLvFMMZBFGOYXibHa4UhnMTFeBrzBt8/4s803kVr4B9ZWrx2gQRFMAAAAAElFTkSuQmCC) center/cover no-repeat;
}
.userinfo-content .info .verify-desc .verify-icon.type--1[data-v-c6080324] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAT3SURBVHgBxVq9bxxFFH/3kVzwWY5FAUYK4iK7oEDyhhIh4VSkTEQaqnMKKpCCK2hQLqJKBUhQUeTcx0rKUBn/A/gsUSBxUS6iiJUmTnSX2Mbn5f3mZk+zs7MfNzN3/KTx6t7e7f7e18ybNy6RB4RhuMiXqzwCHu/J66IcEXpy7PHY5bFTKpV69H8BpHnc4rEd2mOXR5NHg2YFhfjz0C/uTl2RKRHXcWsSTqUiX5KWuU+j2Dai82JI3VdD2ntxQt3BkPpDov5JKO7NV0u0dJbHuTIt1ysULFQpOF/JeKPIlctFciRXASbf5MuPFE9IARDcenpM93hEZItiqVYWSjQv1IRiBhzwuMFKPMh6TqYC0p0tXQ6ym/8cCeI+cOWtM1mKtFiJ22m/TVUgjTws3mbyk1o8D/BI892aUMaAVCWMCjB5zOn3dfkvjw+9WT0N1985S19ePGe6tc5KbOrChAIyYbHQjGMe1v7ur1fUeTmkWWBlrkw/fFAXya8AOXFJT2yTAo/50lBlX3T6PMOc0iwRLFSEEho6rMAlVRDLGhn3DVWGsJk1eQDexrs1BMyxpQrGCsjQid18+OzYS8wjObc/WqBPzQmaintPje+/GY5qLwHVAy31W/tHp2KqdAXIr/MACq2aGjaTMx7Ifx19EApI6zf1H+4fuU2VKnmg2588FKM1R8PYC5EH1tS7sP7DZ/+SC3TyIIJSwwaGlX7shUiBm+pd19D5jOdylTyAWskFhlz4BH/KMnyC+MtOyBZI1K8MC1Hnpf0zga2kAmsII3hgLfYitpRt7IP8tytvGO89Grh5ACFkMOxVKBC3vqWlssgDPtYSwzMCKLCqSmwslUse+wMPxZ/BAw0o0FAl+4eTvSiPPNAd+KmhHg0SHlitkq7AcXFXo+jKIw98/OYZCj6spt7vD0O68/fr3DDD9zQsJp5a1NVRxVgEqCq1ytIKBm6LZbIANh+Gctcad7qvrZMcChyogiKklmolbzsykC+66pu4IYSgwLi6m6/AVZnPEaXu53/0M7/zDefGlZzqcxLyAAynoQcPdFTJSr1CPrBSz47OSckDb9cSzxQKPFElq+er5Aq4OssQ2KjYFIuGZ+4lPTBnlddU9Bku7RhsMzXs4k2xxlHAHnCdXZZTrA/ybctKd9QIS0THTpk3yUji31UpymEXGF7kRB5YTbYiscHvRb7eUe9cd1RADyFX8sD6hZouQrtzvKHBh/F6gBCy9QJcrbYIfZBHvWVoOwqjC6kMo5/Uu9hR2eTCct0veRjEYP121OBS1Up4oZn8YS4GcoX2QR7A3tpg/XGfNGZi2TSKHTD8zHP21pT7oWlAGBu2p7fZ+q3og6m1iL5obJe28edgZn3RCJgIfg3mdXGPyV9UBaYV5xppBd737895WeCKIqUvCk6XdWGClUyODVWGfIA1XNeHIsA7Ukr1G6Yjp6wDjhZp+QCgX+qja6dDTBqcsClrUCzuVeQdMbXIoAQ6d5hhfnPs3kWIGmEp03YqeaDIIR9Oa+6S4ZAvUgQnk5N6JFosYfEU4oj5DSbfznrOJMes26Q1AFSg5YGZCm2Z/cNTbg6EsWNWbJRQDqNcx4QQZJftqJCvef9XBIRUOF081w8wvAPe4NEO/UIQD5WDi6lDKrIejv5hwxbbrsS99EXCUY6s0WgFR6uyQfF8OZADsf1EXh/IItIJ/wGIiiU8ye7cIAAAAABJRU5ErkJggg==) center/cover no-repeat;
}
.userinfo-content .info .sign[data-v-c6080324] {
  line-height: 16px;
  color: #9499a0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
}
.userinfo-content .btn-box[data-v-c6080324] {
  padding: 0 0 16px 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.userinfo-content .btn-box >a[data-v-c6080324] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100px;
  height: 30px;
  border: 1px solid #ccd0d7;
  margin-right: 8px;
  border-radius: 3px;
  color: #61666d;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background-color: #fff;
  font-size: 14px;
}
.userinfo-content .btn-box >a>span[data-v-c6080324] {
  display: inline-block;
}
.userinfo-content .btn-box >a[data-v-c6080324]:hover {
  border-color: #00b5e5;
  color: #00a1d6;
}
.userinfo-content .btn-box >a.like[data-v-c6080324] {
  color: #fff;
  font-weight: 400;
  border-color: #00a1d6;
  background-color: #00a1d6;
}
.userinfo-content .btn-box >a.like[data-v-c6080324]:hover {
  background-color: #00b5e5;
}
.userinfo-content .btn-box >a .plus[data-v-c6080324] {
  font-size: 16px;
  margin-right: 3px;
}
.userinfo-content .btn-box >a.liked[data-v-c6080324] {
  background-color: #e5e9ef;
  border-color: #e5e9ef;
  color: #6d757a;
}
.userinfo-content .btn-box >a.liked[data-v-c6080324]:hover {
  background-color: #e5e9ef;
  border-color: #e5e9ef;
  color: #6d757a;
}
.verify-box[data-v-c6080324] {
  width: 14px;
  height: 14px;
  background: #fff center/14px no-repeat;
  position: absolute;
  top: 34px;
  right: 0;
  border-radius: 50%;
}
.verify-box.type-0[data-v-c6080324] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASZSURBVHgBxVptThNBGJ5Wo4FAgjGBSCSuMZHon5Z4AMoN4ATACVpOwHIC6gkoJ6A3KJygNDH+8Icu0YhUCU0wEAxmfZ/d2XZnZ/ZzpvVJhk1nttPn/ZyZdygxA3Bdd44e69Sq1F7w5xxvARzeetS61E5KpZLD/hdAmtoutY5bHF1qm9QsNimEiF+5ZnEwdkHGRDyK3TycSlle4po5Yr5vq3F9zNhtjz9PGbsfMPZ34I89oFB4TFM8ojZFU8yuUquxBDjU1rLESKoARH6THk0mBqQPkPz5nrGL5ohsVkAYCPFs1xdOBibcJiHaSdMkCsDNaUsDIP5jzyduAk+3kgSxSYi9uK/GChBLvk8a/27n13gaYJFFm4TZVI3GCqEUgMgjpx9JA992zGk9DvMNxpb2VSNbJMRhtFMSgAcsFpqRz8NlPm/4AToJTFOgv+74wT8CTL4SDWyVAF/oYQmdH1f8zDJJIMAhhIhTEmAl3FEOf+B+bwlfgdtMmjwAa3/difZWiaMd7hgKwF1HGGSXLTM+jwzzzo0L0Hj0m37SEFF3/b2Xh7AFbOG1O4eyTWz2yg6QR3YpCjnjgXwj+OAJwLUvquecvvjHYVqIkr/psdwAeVmRQysEFqgJw9D+5SHTQpQ8iBSNpX4z1gqBAHXhC9C+DubrsttcnzAtXEixsIo/Ze4+VWM/hkBdUgS+7hrSl+aswY1ggZr0Q0V9H+StlnpMNxXDhWQlrEMAM9pPIg/cGFhL5CRQhQAVoeu2y3IjC3kTm7/fx9EeCwJYQtfdGcuFNPKAqZVctmKlhDOc0HX6JLu2cLp6m8FimO9+kDx+tp3uZtjcVa/CPYOHysmyAOSXO9nexQ+LO8tikLnNlVkR4PCx3DFDCsii/RhAAFGsLKRw9Ls3EJQAyP9qZXtXwQ0uBCZzwktpboR8/OFl8jsI7LTdZx7yACwvwoEFRNtNV5gRpM2TlzwgH/o9AcS8ObPGtAErTlXjx3FIyksekOfsjccCSeTPNcoxs6vRni4EaIsv1fSzy3SMACCPA0oRBIUwESdlOiQjYo+F7vkG04KsKT3y3py1aA8O+E6wDog7uIU600LUArrkgUWp5uv5YTn0YZQ74UJFrQBTh9OdCfIoPcop1FO6JwB3I/HIA4mLxEJY+ybIeyVHSfutoMAV3krIVljMVar3ESyCJsgDOJrK2h+e8oXKHC8aiaxRXOoXTHu6wNlaPp7ukfbt4IOqtIj9sRiFn9YmVxcNoN6qO0Re2MOodqNUxY1s8F4dxef2cWCmptqqg5O0TZAE4MEhFiURD2+6+utDFsBt1Fv1bdWVk/I8QC+2WChQhkDd3jpQBZU+QPj5vrok4/t9WzWQdsVks2hQAyi7IMPoVu8CBIUwddoWgjaKLJd86/QgtSsu+QJBUIrJW0vyFksivtCIIw6f3+HeEIs816yIKiv2JWQpCIIKBGqrECh8zYqGRIA9zVQl7ZoVO+QN4/+KAJdyx4ur6AWGccAa1FquWXjE3dDFxdjBBdly/X/YKIqOLvFMMZBFGOYXibHa4UhnMTFeBrzBt8/4s803kVr4B9ZWrx2gQRFMAAAAAElFTkSuQmCC);
}
.verify-box.type-1[data-v-c6080324] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAT3SURBVHgBxVq9bxxFFH/3kVzwWY5FAUYK4iK7oEDyhhIh4VSkTEQaqnMKKpCCK2hQLqJKBUhQUeTcx0rKUBn/A/gsUSBxUS6iiJUmTnSX2Mbn5f3mZk+zs7MfNzN3/KTx6t7e7f7e18ybNy6RB4RhuMiXqzwCHu/J66IcEXpy7PHY5bFTKpV69H8BpHnc4rEd2mOXR5NHg2YFhfjz0C/uTl2RKRHXcWsSTqUiX5KWuU+j2Dai82JI3VdD2ntxQt3BkPpDov5JKO7NV0u0dJbHuTIt1ysULFQpOF/JeKPIlctFciRXASbf5MuPFE9IARDcenpM93hEZItiqVYWSjQv1IRiBhzwuMFKPMh6TqYC0p0tXQ6ym/8cCeI+cOWtM1mKtFiJ22m/TVUgjTws3mbyk1o8D/BI892aUMaAVCWMCjB5zOn3dfkvjw+9WT0N1985S19ePGe6tc5KbOrChAIyYbHQjGMe1v7ur1fUeTmkWWBlrkw/fFAXya8AOXFJT2yTAo/50lBlX3T6PMOc0iwRLFSEEho6rMAlVRDLGhn3DVWGsJk1eQDexrs1BMyxpQrGCsjQid18+OzYS8wjObc/WqBPzQmaintPje+/GY5qLwHVAy31W/tHp2KqdAXIr/MACq2aGjaTMx7Ifx19EApI6zf1H+4fuU2VKnmg2588FKM1R8PYC5EH1tS7sP7DZ/+SC3TyIIJSwwaGlX7shUiBm+pd19D5jOdylTyAWskFhlz4BH/KMnyC+MtOyBZI1K8MC1Hnpf0zga2kAmsII3hgLfYitpRt7IP8tytvGO89Grh5ACFkMOxVKBC3vqWlssgDPtYSwzMCKLCqSmwslUse+wMPxZ/BAw0o0FAl+4eTvSiPPNAd+KmhHg0SHlitkq7AcXFXo+jKIw98/OYZCj6spt7vD0O68/fr3DDD9zQsJp5a1NVRxVgEqCq1ytIKBm6LZbIANh+Gctcad7qvrZMcChyogiKklmolbzsykC+66pu4IYSgwLi6m6/AVZnPEaXu53/0M7/zDefGlZzqcxLyAAynoQcPdFTJSr1CPrBSz47OSckDb9cSzxQKPFElq+er5Aq4OssQ2KjYFIuGZ+4lPTBnlddU9Bku7RhsMzXs4k2xxlHAHnCdXZZTrA/ybctKd9QIS0THTpk3yUji31UpymEXGF7kRB5YTbYiscHvRb7eUe9cd1RADyFX8sD6hZouQrtzvKHBh/F6gBCy9QJcrbYIfZBHvWVoOwqjC6kMo5/Uu9hR2eTCct0veRjEYP121OBS1Up4oZn8YS4GcoX2QR7A3tpg/XGfNGZi2TSKHTD8zHP21pT7oWlAGBu2p7fZ+q3og6m1iL5obJe28edgZn3RCJgIfg3mdXGPyV9UBaYV5xppBd737895WeCKIqUvCk6XdWGClUyODVWGfIA1XNeHIsA7Ukr1G6Yjp6wDjhZp+QCgX+qja6dDTBqcsClrUCzuVeQdMbXIoAQ6d5hhfnPs3kWIGmEp03YqeaDIIR9Oa+6S4ZAvUgQnk5N6JFosYfEU4oj5DSbfznrOJMes26Q1AFSg5YGZCm2Z/cNTbg6EsWNWbJRQDqNcx4QQZJftqJCvef9XBIRUOF081w8wvAPe4NEO/UIQD5WDi6lDKrIejv5hwxbbrsS99EXCUY6s0WgFR6uyQfF8OZADsf1EXh/IItIJ/wGIiiU8ye7cIAAAAABJRU5ErkJggg==);
}

.userinfo-wrapper[data-v-6c7ff250] {
  position: absolute;
  z-index: 9999;
  -webkit-box-shadow: 0 0 30px 2px rgba(0,0,0,0.1);
          box-shadow: 0 0 30px 2px rgba(0,0,0,0.1);
  border-radius: 8px;
  overflow: hidden;
  top: 0;
  left: 0;
  text-align: left;
}

.pop-message {
  position: absolute;
  padding: 12px 24px;
  font-size: 14px;
  border-radius: 8px;
  white-space: nowrap;
  color: #fff;
  -webkit-animation: link-msg-move-in-top cubic-bezier(0.22, 0.58, 0.12, 0.98) 0.4s;
          animation: link-msg-move-in-top cubic-bezier(0.22, 0.58, 0.12, 0.98) 0.4s;
  z-index: 10000;
  background-color: rgba(0,0,0,0.51);
}
.pop-message.fixed {
  position: fixed;
}
.pop-message.out {
  -webkit-animation: link-msg-fade-out cubic-bezier(0.22, 0.58, 0.12, 0.98) 0.4s;
          animation: link-msg-fade-out cubic-bezier(0.22, 0.58, 0.12, 0.98) 0.4s;
}
.pop-message-style {
  position: absolute;
  padding: 20px 26px;
  font-size: 14px;
  border-radius: 4px;
  white-space: nowrap;
  color: #fff;
  z-index: 10000;
  background-color: rgba(0,0,0,0.8);
}
.pop-message-style.fixed {
  position: fixed;
}
.pop-message-style.out {
  -webkit-animation: link-msg-fade-out cubic-bezier(0.22, 0.58, 0.12, 0.98) 0.4s;
          animation: link-msg-fade-out cubic-bezier(0.22, 0.58, 0.12, 0.98) 0.4s;
}
.photo-imager-container {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: #000;
  top: 0;
  left: 0;
  overflow: hidden;
  font-family: Arial, "Microsoft YaHei", "Microsoft Sans Serif", "Microsoft SanSerf", "微软雅黑";
}
.photo-imager-container.preview-mode .image-viewer {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
.photo-imager-container.actual-size .image-viewer {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.photo-imager-container a {
  color: inherit;
  text-decoration: none;
}
.photo-imager-container button {
  border: 0;
  outline: none;
}
.photo-imager-container .bp-icon-font {
  font-size: inherit;
}
.photo-imager-container .image-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
  overflow: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.photo-imager-container .image-container .image-viewer {
  position: absolute;
}
.photo-imager-container .loading-image-container {
  height: 100%;
  position: relative;
  background-color: #000;
  visibility: hidden;
}
.photo-imager-container .image-hinter-ctnr {
  width: 100%;
  height: 120px;
  position: absolute;
  left: 0;
  bottom: 0;
  overflow: hidden;
}
.photo-imager-container .image-count-hinter {
  width: 100%;
  height: 80px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.8);
  text-align: center;
  line-height: 80px;
  -webkit-transform: translate(0, 100%);
          transform: translate(0, 100%);
  -webkit-transition: all cubic-bezier(0.22, 0.58, 0.12, 0.98) 0.4s;
  transition: all cubic-bezier(0.22, 0.58, 0.12, 0.98) 0.4s;
}
.photo-imager-container .image-count-hinter.show {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.photo-imager-container .image-count-hinter .count-hinter {
  font-size: 26px;
  color: rgba(255,255,255,0.6);
}
.photo-imager-container .image-count-hinter .count-hinter .current-index {
  font-size: 40px;
  color: #03a9f4;
}
.photo-imager-container .image-count-hinter .view-actual-pictrue {
  height: 100%;
  position: absolute;
  right: 80px;
  top: 0;
  color: rgba(255,255,255,0.6);
}
.photo-imager-container .control-buttons .control-button {
  width: 22%;
  height: 100%;
  position: absolute;
  top: 0;
  font-size: 35px;
  color: rgba(255,255,255,0.6);
  background-color: transparent;
  cursor: pointer;
}
.photo-imager-container .control-buttons .control-button.prev {
  left: 0;
  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAA6CAYAAADRN1sJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2Q0Q3NUY5MzU2MjExRTc4QTFERTcyODI5Mjc5QUREIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2Q0Q3NUZBMzU2MjExRTc4QTFERTcyODI5Mjc5QUREIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZDRDc1RjczNTYyMTFFNzhBMURFNzI4MjkyNzlBREQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZDRDc1RjgzNTYyMTFFNzhBMURFNzI4MjkyNzlBREQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz76EAfqAAAAn0lEQVR42uyZ0Q1AMBRFWxMYxQhsZhMjGMEIbMIGdZvwgQ8iaZ/EuclNEz/nVPvTPOcyJYRQqq06qL1auczwMRwzx+9W8D11kRquZVDz/e6HO48ZTeHJzh84cODAgQMHDhw48DcCnRl8E7CDK4WzzheOwPYSIoEEEkgggQQSSCCBxK8lcrw57iTSzoy894uWRp2sX192Y7uTyGVwuQowADjruDq5vdRUAAAAAElFTkSuQmCC), url("//s1.hdslb.com/bfs/static/blive/live-assets/canvas/photo-imager/cursor.left.cur?v1"), pointer;
}
.photo-imager-container .control-buttons .control-button.next {
  right: 0;
  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAA6CAYAAADRN1sJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFCMkExNjZGMzU2MjExRTdCMEE2RjdGMjIzNDc1RkJEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjFCMkExNjcwMzU2MjExRTdCMEE2RjdGMjIzNDc1RkJEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MUIyQTE2NkQzNTYyMTFFN0IwQTZGN0YyMjM0NzVGQkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MUIyQTE2NkUzNTYyMTFFN0IwQTZGN0YyMjM0NzVGQkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7l2d5lAAAAiUlEQVR42uyZQQ2AQBADNyhAAhKQhAQk4AAJSEACUpCAhNIHHxL43sJlmvQ9k+x9Lo1wJE3u5q5uHyVj4KJ7jqISF1BpEgbtek4ZCUMGvQcJJJBAAgkkkEACCSSQqF6iy5YYm6g5qSdIfYTAgQMHDhw4cODAgf/rC/WFySZ9tJqzZ7s2c7g8BRgAZHlQvbel2owAAAAASUVORK5CYII=), url("//s1.hdslb.com/bfs/static/blive/live-assets/canvas/photo-imager/cursor.right.cur?v1"), pointer;
}
.photo-imager-container .control-buttons .close-button {
  padding: 10px;
  position: absolute;
  top: 25px;
  right: 50px;
  font-size: 30px;
  color: rgba(255,255,255,0.6);
  background-color: rgba(0,0,0,0.8);
  cursor: pointer;
  -webkit-transform: rotate(0deg) scale(1);
          transform: rotate(0deg) scale(1);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transition: all cubic-bezier(0.22, 0.58, 0.12, 0.98) 0.4s;
  transition: all cubic-bezier(0.22, 0.58, 0.12, 0.98) 0.4s;
  z-index: 11;
}
.photo-imager-container .control-buttons .close-button .icon-close {
  float: left;
}
.photo-imager-container .control-buttons .close-button:hover {
  -webkit-transform: rotate(180deg) scale(1.1);
          transform: rotate(180deg) scale(1.1);
}
.photo-imager-container .control-buttons .close-button:active {
  -webkit-transform: rotate(180deg) scale(0.9);
          transform: rotate(180deg) scale(0.9);
}
.photo-imager-container .support-button,
.photo-imager-container .favourite-button {
  width: 80px;
  height: 100px;
  position: absolute;
  right: 55px;
  bottom: 100px;
  background-color: rgba(0,0,0,0.8);
  color: rgba(255,255,255,0.6);
  cursor: pointer;
}
.photo-imager-container .support-button .icon,
.photo-imager-container .favourite-button .icon {
  margin-bottom: 3px;
  font-size: 34px;
}
.photo-imager-container .support-button {
  bottom: 200px !important;
}
.photo-imager-container .loading-progress {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.5);
  background-image: url(//s1.hdslb.com/bfs/static/blive/blfe-dynamic-web/static/img/progress.4890beaf.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 80px 80px;
  z-index: 10;
}
@-webkit-keyframes link-msg-move-in-top {
  from {
    opacity: 0;
    -webkit-transform: translate(0, 5em);
            transform: translate(0, 5em);
  }
  to {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes link-msg-move-in-top {
  from {
    opacity: 0;
    -webkit-transform: translate(0, 5em);
            transform: translate(0, 5em);
  }
  to {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes link-msg-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes link-msg-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.dot-loading[data-v-47988eef] {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  font-size: 12px;
  color: #2a2a2a;
  height: 32px;
  line-height: 32px;
  text-align: center;
}
.dot-loading .dot[data-v-47988eef] {
  width: 45px;
  display: inline-block;
}
.dot-loading .dot em[data-v-47988eef] {
  display: inline-block;
  margin: 0 0 0 3px;
  display: inline-block;
  background: #fff;
  -webkit-animation: dotMove-data-v-47988eef 1.5s infinite linear;
          animation: dotMove-data-v-47988eef 1.5s infinite linear;
  border-radius: 100%;
  width: 6px;
  height: 6px;
}
.dot-loading .dot em.dot1[data-v-47988eef] {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.dot-loading .dot em.dot2[data-v-47988eef] {
  -webkit-animation-delay: 0.15s;
          animation-delay: 0.15s;
}
.dot-loading .dot em.dot3[data-v-47988eef] {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
@-webkit-keyframes dotMove-data-v-47988eef {
0% {
    -webkit-transform: scale(0);
            transform: scale(0);
}
80% {
    -webkit-transform: scale(0);
            transform: scale(0);
}
100% {
    -webkit-transform: scale(0);
            transform: scale(0);
}
40% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@keyframes dotMove-data-v-47988eef {
0% {
    -webkit-transform: scale(0);
            transform: scale(0);
}
80% {
    -webkit-transform: scale(0);
            transform: scale(0);
}
100% {
    -webkit-transform: scale(0);
            transform: scale(0);
}
40% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}

.photo-imager-container {
  z-index: 23333;
}

.imagesbox .zoom-wrap .zoom-list[data-v-690d023e] {
  line-height: 0;
  text-align: left;
  margin-top: -4px;
  margin-left: -4px;
  vertical-align: top;
}
.imagesbox .zoom-wrap .zoom-list.zoom-1[data-v-690d023e] {
  width: auto;
  height: auto;
  margin-bottom: 4px;
}
.imagesbox .zoom-wrap .zoom-list.zoom-4[data-v-690d023e] {
  width: 228px;
}
.imagesbox .zoom-wrap .zoom-list.zoom-2[data-v-690d023e] {
  width: 456px;
}
.imagesbox .zoom-wrap .zoom-list.zoom-3[data-v-690d023e] {
  width: 456px;
}
.imagesbox .zoom-wrap .zoom-list.zoom-5[data-v-690d023e] {
  width: 342px;
}
.imagesbox .zoom-wrap .zoom-list.zoom-6[data-v-690d023e] {
  width: 342px;
}
.imagesbox .zoom-wrap .zoom-list.zoom-7[data-v-690d023e] {
  width: 342px;
}
.imagesbox .zoom-wrap .zoom-list.zoom-8[data-v-690d023e] {
  width: 342px;
}
.imagesbox .zoom-wrap .zoom-list.zoom-9[data-v-690d023e] {
  width: 342px;
}
.imagesbox .zoom-wrap .zoom-list .card[data-v-690d023e] {
  width: 104px;
  height: 104px;
  margin: 4px 0 0 4px;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  border-radius: 4px;
  position: relative;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
.imagesbox .zoom-wrap .zoom-list .card.card-1[data-v-690d023e] {
  width: auto;
  height: auto;
  border-radius: 0;
}
.imagesbox .zoom-wrap .zoom-list .card.card-1 img[data-v-690d023e] {
  border-radius: 4px;
}
.imagesbox .zoom-wrap .zoom-list .card img[data-v-690d023e] {
  max-width: 100%;
  max-height: 100%;
}
.imagesbox .zoom-wrap .zoom-list .card .z-loading[data-v-690d023e] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.5);
}
.imagesbox .zoom-wrap .zoom-list .card .z-error[data-v-690d023e] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(251,228,228,0.88);
  font-size: 12px;
  color: #e95c82;
  text-align: center;
  line-height: 16px;
}
.imagesbox .zoom-wrap .zoom-list .card .z-error .bp-svg-icon[data-v-690d023e] {
  font-size: 28px;
  margin-bottom: 6px;
  margin-top: 18px;
}
.imagesbox .zoom-wrap .zoom-list .card .plus-mask[data-v-690d023e] {
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.3);
  font-size: 16px;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 104px;
  text-align: center;
  color: #fff;
}
.imagesbox .boost-control[data-v-690d023e] {
  height: 32px;
  background: #f4f5f7;
  border-radius: 4px 4px 0 0;
  text-align: left;
}
.imagesbox .boost-control li[data-v-690d023e] {
  font-size: 12px;
  color: #666;
  line-height: 34px;
  display: inline-block;
  margin: 0 16px;
  cursor: pointer;
}
.imagesbox .boost-control li i[data-v-690d023e] {
  color: #999;
  display: inline-block;
  margin: -2px 6px 0 0;
}
.imagesbox .boost-control li[data-v-690d023e]:hover {
  color: #23ade5;
}
.imagesbox .boost-control li:hover i[data-v-690d023e] {
  color: #23ade5;
}
.imagesbox .boost-img[data-v-690d023e] {
  width: 100%;
  background: #f4f5f7;
  line-height: 0;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
  position: relative;
}
.imagesbox .boost-img .prev[data-v-690d023e],
.imagesbox .boost-img .next[data-v-690d023e] {
  position: absolute;
  width: 155.4px;
  height: 100%;
  background: rgba(0,0,0,0);
  outline: none;
  border: none;
  z-index: 10;
  zoom: 1;
}
.imagesbox .boost-img .prev[data-v-690d023e] {
  left: 0;
  top: 0;
  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAA8CAYAAAADm2gpAAAAAXNSR0IArs4c6QAAAsVJREFUaAXtmUur2kAUx5NYUXtFiwtx0UU30iLcRWlx4aa4E8W29wv0G/QLlO5vP0BpN1210G0X9YlQC4ILKYLQhctaaF0IPrjx/Uj/I02ITXI1cSZCyUBwPJnM+eU/J5k5GZ6zsRSLxbs8z7/dbDYPXS5Xb7VaXWYymXc2InBcLpdLAkTsdDrr+XwuDQYDqVqtXhUKhRcEhLeDhkBAgc/xePwsFAopLmezGQeYWTgcDgiKlVHFCIK483q9nNvtXnS73TtMQa6DICCLxYIcHqj18wYxsCj7ICRJ4prN5hjB+zqdTs+ZKHIIRKPRmIxGo68+n+8lEYJ6sB4KMRwOqx6P52kymVxRB7EKQRXkGAhqIMdCUAGhAXE0CC2Io0BoQlgGoQ1hCYQFhGkQVhCmQFhCHAzCGoKA7J30TEB8Uc8dpHMz5dpJzyTEhTyBmQGQ2xqC2AlBYHRB7IbQBTkFhAbkVBA7IKeEUEAOhBj/Xd4d9XQQp3qFL5fL95ACfvs3+ZEbk9U2FrpMIYgvAY7exGIxnzoDsxtiCwI1HkQiEd03LPKOYb/f/443JpPhkG94CyIIQm8ymahtSj0ajd5CAnSO8xnFyKgirNfrV61WS4QyGheBQIBLJBI3AfsRAf1Y04C2AZ8LPtRqNRFQCBltQUYmoc2YOQxc8w6M3vA6yuipQmyOMo4yRgoY2Z2Y+e+UyefzT4xuiordTMw4MFBrp8hLCEeZHVnwx1Fm37LTiRmjmMGe3iMqLzejTuB474K81+uR7OA36UP3Q41R52btBKZUKr33+/0XyI/OkB9puqhUKiSNOdee0TS1bkCWKKVSqWeiKH6q1+tjvSQOe78ubDBeWfdi4kr1MGEzUQmXdru9hGI10hXToVGzEhh8ArnE7/NgMLiYTqfCcrn8gSOdzWZ/2QYiQ+EpuY36fQB1sbvZxPBtk+4/aTj+WpXZtpcAAAAASUVORK5CYII=), url("//s1.hdslb.com/bfs/static/blive/live-assets/canvas/photo-imager/cursor.left.cur?v1"), pointer;
  z-index: 10;
}
.imagesbox .boost-img .next[data-v-690d023e] {
  right: 0;
  top: 0;
  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAA8CAYAAAADm2gpAAAAAXNSR0IArs4c6QAAAhNJREFUaAXtmb9OwlAUxttLiYkV0plB4sgLODC5QRTiYqIbcXDyHXwMEyMMbg7GBfmzEBISIDHdGYU3KLQQEwp4LvHE5oJJIfTS4XQ5vdDe+/V3Ttp+PaoCW7PZ1BzHuY1Go2fz+bwfiUSKmUzmi/8na1Or1eoBY8w0DOMkkUjo4/HY7ff737PZrJDL5d5lCVFAyINpms7Csw2Hw0W9Xh+Xy+UrWUIYpOEimUzq3gXj8biSTqcPIVUvssQwVVWt6XTq1bHcj8ViUsUwEPHY6/UcqIm9i1FqtdpTq9VyXNf1VMrf7mg0klMzsKQKxVkiMWJREBmRCI6JDJIQI5ERieA4dGTgDlwMzU2PxGCdeCOvGSLjJYL7RAZJiJHIiERwTGSQhBg3JHPOz1fFSXY15mLghfxZ1/UbMGs6GLmVqS3LUrrdrgWG7pit/LujH8C4LbLZ7B146dd2uz1c55vAbyvcyNm2fRqYEH49XIzf69L8HrjNcfx5BKm5htQc/ZcaoKFAaj63md/XOb8PRduHe1wWq69JNz1oAxHBffYgEZg2IkEkkABGqgkigQQwUk0QCSSAkWqCSCABjGGpCd4m8fOiG9w7ZqVSuWw0GvsVAWlhmqbdp1Kptb6De45OpzOBLlchn8+/YRqDiLynZ0ATcWVumSL44gwM0MdgMJh4lcgWwdcOTQN6+VlCaMl/gU8tyW7J/wCJLeOSU2dAQgAAAABJRU5ErkJggg==), url("//s1.hdslb.com/bfs/static/blive/live-assets/canvas/photo-imager/cursor.right.cur?v1"), pointer;
  z-index: 10;
}
.imagesbox .boost-img .b-loading[data-v-690d023e] {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
.imagesbox .boost-img .boost-fade-enter-active[data-v-690d023e],
.imagesbox .boost-img .boost-fade-leave-active[data-v-690d023e] {
  -webkit-transition: opacity 0.15s ease-in-out;
  transition: opacity 0.15s ease-in-out;
}
.imagesbox .boost-img .boost-fade-enter[data-v-690d023e],
.imagesbox .boost-img .boost-fade-leave-to[data-v-690d023e] {
  opacity: 0.4;
}
.imagesbox .boost-slider-wrap[data-v-690d023e] {
  position: relative;
}
.imagesbox .boost-slider-wrap .boost-slider[data-v-690d023e] {
  width: 518px;
  margin: 6px 0 0 0;
  overflow: hidden;
  position: relative;
}
.imagesbox .boost-slider-wrap .boost-slider ul[data-v-690d023e] {
  text-align: left;
  white-space: nowrap;
  -webkit-transition: all 0.18s cubic-bezier(0.22, 0.58, 0.12, 0.98);
  transition: all 0.18s cubic-bezier(0.22, 0.58, 0.12, 0.98);
}
.imagesbox .boost-slider-wrap .boost-slider ul li[data-v-690d023e] {
  width: 54px;
  height: 54px;
  display: inline-block;
  margin-left: 4px;
  position: relative;
  cursor: pointer;
}
.imagesbox .boost-slider-wrap .boost-slider ul li[data-v-690d023e]:nth-of-type(9n + 1) {
  margin-left: 0;
}
.imagesbox .boost-slider-wrap .boost-slider ul li.active img[data-v-690d023e] {
  opacity: 1;
}
.imagesbox .boost-slider-wrap .boost-slider ul li img[data-v-690d023e] {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  opacity: 0.5;
  -webkit-transition: all 0.18s cubic-bezier(0.22, 0.58, 0.12, 0.98);
  transition: all 0.18s cubic-bezier(0.22, 0.58, 0.12, 0.98);
}
.imagesbox .boost-slider-wrap .boost-slider ul li img[data-v-690d023e]:hover {
  opacity: 1;
}
.imagesbox .boost-slider-wrap .boost-slider .arrow-left[data-v-690d023e],
.imagesbox .boost-slider-wrap .boost-slider .arrow-right[data-v-690d023e] {
  width: 12px;
  height: 54px;
  position: absolute;
  z-index: 10;
  border-radius: 4px;
  background-color: rgba(0,0,0,0.41);
  background-size: 6px 10px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: all 0.18s cubic-bezier(0.22, 0.58, 0.12, 0.98);
  transition: all 0.18s cubic-bezier(0.22, 0.58, 0.12, 0.98);
  cursor: pointer;
}
.imagesbox .boost-slider-wrap .boost-slider .arrow-left[data-v-690d023e]:hover,
.imagesbox .boost-slider-wrap .boost-slider .arrow-right[data-v-690d023e]:hover {
  background-color: rgba(0,0,0,0.7);
}
.imagesbox .boost-slider-wrap .boost-slider .arrow-left[data-v-690d023e]:active,
.imagesbox .boost-slider-wrap .boost-slider .arrow-right[data-v-690d023e]:active {
  background-color: rgba(0,0,0,0.9);
}
.imagesbox .boost-slider-wrap .boost-slider .arrow-left[data-v-690d023e] {
  left: 0;
  top: 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKCAYAAACXDi8zAAAAAXNSR0IArs4c6QAAAG1JREFUCB1tj0sOgCAMRNG9GvX+N9AL6M7Ez8LPhTT1DQZiopM8SqelQOJeMrOStIUz2jJhA6nzBTYV7HLQDLljqeEAaYI8dA/eMhuJWZidhs0n0vU/Sp0U35cv5EWcQKLnriD1Saw8J/XBBq4bxrJ7qAI5OxEAAAAASUVORK5CYII=);
}
.imagesbox .boost-slider-wrap .boost-slider .arrow-right[data-v-690d023e] {
  right: 0;
  top: 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKCAYAAACXDi8zAAAAAXNSR0IArs4c6QAAAGtJREFUCB1lj0kOgCAQBMW7GvVLvloTDiYuB5en+ISxmgNg7KQIPQ0zUJjZBB7aIheFEaQTUoipYQPpgi5exChcQbqhz8OKwqIEzWVMvhsLlhP/VhQb2EFKwzH6h3RAfK5mqJ+HwTn3hN4sL2TpgK3mkarXAAAAAElFTkSuQmCC);
}
.imagesbox .boost-slider-wrap .bp-svg-icon[data-v-690d023e] {
  font-size: 28px;
}
.imagesbox .boost-slider-wrap .boost-slider-border[data-v-690d023e] {
  width: 58px;
  height: 58px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #fb7299;
  border-radius: 4px;
  position: absolute;
  z-index: 9;
  margin: -2px 0 0 -2px;
  top: 0;
  -webkit-transition: all 0.18s cubic-bezier(0.22, 0.58, 0.12, 0.98);
  transition: all 0.18s cubic-bezier(0.22, 0.58, 0.12, 0.98);
}
.list-none[data-v-690d023e] {
  padding: 0;
  margin: 0;
  list-style: none;
}
.bp-v-middle[data-v-690d023e] {
  vertical-align: middle;
}
.imagesbox[data-v-690d023e] {
  width: 518px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-align: center;
}
.imagesbox div[data-v-690d023e],
.imagesbox img[data-v-690d023e],
.imagesbox ul[data-v-690d023e],
.imagesbox li[data-v-690d023e],
.imagesbox p[data-v-690d023e],
.imagesbox span[data-v-690d023e],
.imagesbox i[data-v-690d023e] {
  padding: 0;
  margin: 0;
}
.imagesbox .tag-img[data-v-690d023e] {
  width: 18px;
  height: 18px;
  margin: -25px 0 0 7px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAMAAACf4xmcAAAA2FBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAQEEBASCgoIFBQUAAAAAAAD8/PzX19fQ0NCurq5iYmJkZGQAAAAAAAAAAAAAAAD29vbS0tLNzc3Nzc3KysrIyMjFxcWkpKRbW1v19fXg4ODR0dHMzMy/v7+wsLCurq5nZ2eDg4MoKCg+Pj4AAAAuLi79/f36+vr4+Pjy8vLo6OjW1tasrKzExMTAwMCPj4+FhYW5ubl1dXWsrKyZmZlWVlY3Nzd4eHgAAAD///9tbJvVAAAAR3RSTlMABQIpDBgVCBEKJT4sIjs3dEAuHvm+upljYVdQQhzzvri2tbKugVbs38+rnJSKhm9rSklC/PTy8ebVr6Sdm5eWjIR9fHBiMYBXxEkAAAFvSURBVDjLndRpT4MwGMDxtYXyUClVcOpON3WXmzuc9333+38j4TEd2bpuif83kPALTXkaSnaUkrwgwAulpXVlJvQAgHMOWV6A0FYh+KkUDBOywXNoK4/LSHUrlaOsSqWrWAMCaitfqOG+XtTrJA2PUEux+EAv9c54SC2109LLXavUI5Zq69W+BZBVdWIe9sdfz7d4N2FAXKo5rV3WPnEvuxEPHEoPqvW4Xr03bEmd6kV9ZAPDLGV6yxadNg1zKb3/MH650wXDOXIRn2lHhhnlYgxyRgOQyq30RADBl/nJhVtdzVMPGcjZjZs9JX5I8zU52/CytpJA/lh07lax4CEpbWGtHebjqcRFO1sVbmHeW6sOCoUfJPrYonBWkKrRGrW3UBjJx3C4qo6XlRn9oUNZzqXcrlwoy6nRRmWcVJ0mHtzHWBTKdmkyey2Xh90fyQtluQB8yZIkEg0IUblcCNz3OZhfmhOSIIsY5IZY6b/9Ah1EohwYHhUIAAAAAElFTkSuQmCC) center/contain no-repeat;
}
.imagesbox .tag-img.small[data-v-690d023e] {
  margin: -22px 0 0 4px;
}
.img-content[data-v-690d023e] {
  background: #fff center/cover no-repeat;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.img-content.bg-top[data-v-690d023e] {
  background-position: top;
}
.boost-img-container[data-v-690d023e] {
  position: relative;
}
.boost-img-container .shop-tag[data-v-690d023e] {
  position: absolute;
  left: 7px;
  margin: -13px -7px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: text;
  height: 26px;
  line-height: 16px;
  font-size: 12px;
  color: #fff;
}
.boost-img-container .shop-tag .tag-point[data-v-690d023e] {
  position: relative;
  width: 14px;
  height: 14px;
  background-color: rgba(0,0,0,0.3);
  border-radius: 50%;
  margin: 0 0 0 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.boost-img-container .shop-tag .tag-point[data-v-690d023e]::after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #fff;
}
.boost-img-container .shop-tag .tag-bg[data-v-690d023e] {
  height: 100%;
  max-width: 100%;
  position: relative;
}
.boost-img-container .shop-tag .tag-fake[data-v-690d023e] {
  background-color: #000;
  padding: 5px 5px 5px 8px;
  border-radius: 4px;
  position: relative;
  opacity: 0.7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.boost-img-container .shop-tag .tag-fake[data-v-690d023e]::after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  right: -7px;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background-color: #000;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.boost-img-container .shop-tag .tag-fake[data-v-690d023e]:only-child {
  display: none;
}
.boost-img-container .shop-tag .tag-real[data-v-690d023e] {
  background-color: transparent;
  padding: 5px 5px 5px 0;
  border-radius: 4px;
  position: relative;
  top: -6px;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.boost-img-container .shop-tag .tag-text[data-v-690d023e] {
  position: relative;
  top: -20.5px;
  margin: 0 4px;
  padding-left: 4px;
  max-width: 400px;
  z-index: 11;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 1;
/* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  font-size: 12px;
  line-height: 16px;
  max-height: 1.333333333333333em;
}
.boost-img-container .shop-tag .tag-text .tag-text[data-v-690d023e] {
  top: -16px;
  margin-right: 0;
  padding-left: 16px;
}
.boost-img-container .shop-tag .tag-icon[data-v-690d023e] {
  width: 16px;
  height: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: url(//s1.hdslb.com/bfs/static/blive/blfe-dynamic-web/static/img/shop_tag.063bf680.svg) center/contain no-repeat;
}
.boost-img-container .shop-tag .tag-icon.lbs[data-v-690d023e] {
  background-image: url(//s1.hdslb.com/bfs/static/blive/blfe-dynamic-web/static/img/lbs_tag.eb0e0ebf.svg);
}
.boost-img-container .shop-tag a[data-v-690d023e],
.boost-img-container .shop-tag a[data-v-690d023e]:hover,
.boost-img-container .shop-tag a[data-v-690d023e]:active,
.boost-img-container .shop-tag a[data-v-690d023e]:link,
.boost-img-container .shop-tag a[data-v-690d023e]:visited {
  color: #fff;
  cursor: pointer;
}
.boost-img-container .not-reverse.shop-tag[data-v-690d023e] {
  right: 7px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.boost-img-container .not-reverse.shop-tag .tag-point[data-v-690d023e] {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  margin: 0 10px 0 0;
}
.boost-img-container .not-reverse.shop-tag .tag-fake[data-v-690d023e] {
  padding: 5px 8px 5px 5px;
}
.boost-img-container .not-reverse.shop-tag .tag-fake[data-v-690d023e]::after {
  left: -7px;
}
.boost-img-container .not-reverse.shop-tag .tag-real[data-v-690d023e] {
  padding: 5px 0 5px 5px;
}
.boost-img-container .not-reverse.shop-tag .tag-text[data-v-690d023e] {
  padding: 0 4px 0 0;
}
.boost-img-container .not-reverse.shop-tag .tag-text .tag-text[data-v-690d023e] {
  padding: 0 0 0 16px;
}

.article-container[data-v-740aaa35] {
  width: 520px;
  background: #fff;
  cursor: pointer;
  border-top: 1px solid #e5e9ef;
  text-align: left;
  border: 1px solid #e5e9ef;
  border-radius: 4px;
}
.article-container:hover .text-area[data-v-740aaa35] {
  -webkit-box-shadow: 0 3px 10px 0 rgba(213,216,219,0.44);
          box-shadow: 0 3px 10px 0 rgba(213,216,219,0.44);
}
.article-container:hover .text-area .title[data-v-740aaa35] {
  color: #00a1d6;
}
.article-container .images-area[data-v-740aaa35] {
  width: 100%;
  height: 120px;
  border-radius: 4px 4px 0 0;
  overflow: hidden;
}
.article-container .images-area img[data-v-740aaa35] {
  width: 170px;
  height: 100%;
  margin-left: 5px;
}
.article-container .images-area img[data-v-740aaa35]:first-child {
  margin: 0;
}
.article-container .images-area .card-1[data-v-740aaa35] {
  width: 100%;
  margin: 0;
}
.article-container .text-area[data-v-740aaa35] {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 20px 14px;
  -webkit-transition: -webkit-box-shadow 0.2s cubic-bezier(0.22, 0.58, 0.12, 0.98);
  transition: -webkit-box-shadow 0.2s cubic-bezier(0.22, 0.58, 0.12, 0.98);
  transition: box-shadow 0.2s cubic-bezier(0.22, 0.58, 0.12, 0.98);
  transition: box-shadow 0.2s cubic-bezier(0.22, 0.58, 0.12, 0.98), -webkit-box-shadow 0.2s cubic-bezier(0.22, 0.58, 0.12, 0.98);
}
.article-container .text-area .title[data-v-740aaa35] {
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  color: #212121;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 6px;
  -webkit-transition: color 0.2s cubic-bezier(0.22, 0.58, 0.12, 0.98);
  transition: color 0.2s cubic-bezier(0.22, 0.58, 0.12, 0.98);
}
.article-container .text-area .content[data-v-740aaa35] {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
/* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  font-size: 12px;
  line-height: 19px;
  max-height: 3.166666666666667em;
  color: #666;
}

.cover-preview-module[data-v-5f843606] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  border-radius: 0 4px 4px 0;
  overflow: hidden;
}
.cover-preview-module.show[data-v-5f843606] {
  opacity: 1;
}
.cover-preview-module .cover[data-v-5f843606] {
  position: absolute;
  left: 0;
  top: 11px;
  height: 118px;
  width: 100%;
  margin-top: 2px;
}
.cover-preview-module .progress-bar[data-v-5f843606] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 13px;
  border-width: 5px 8px 6px 8px;
  border-style: solid;
  border-color: #000;
  background: #444;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cover-preview-module .progress-bar span[data-v-5f843606] {
  display: block;
  background: #fff;
  height: 2px;
}

.danmu-module[data-v-3c877149] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden;
}
.danmu-module.show[data-v-3c877149] {
  opacity: 1;
}
.danmu-module .dm[data-v-3c877149] {
  position: absolute;
  color: #fff;
  left: 100%;
  will-change: transform;
  top: 8px;
  white-space: pre;
  text-shadow: 1px 1px 2px #001;
}
.danmu-module .dm.row2[data-v-3c877149] {
  top: 25px;
}

.video-container[data-v-59c4907e] {
  width: 520px;
  height: 127px;
  background: #fff;
  border-radius: 4px;
  text-align: left;
  position: relative;
  border: 1px solid #e5e9ef;
  overflow: hidden;
}
.video-container .image-area[data-v-59c4907e],
.video-container .text-area[data-v-59c4907e] {
  display: inline-block;
  vertical-align: top;
}
.video-container.can-hover[data-v-59c4907e] {
  cursor: pointer;
}
.video-container.can-hover:hover .image-area .mask[data-v-59c4907e] {
  opacity: 1;
}
.video-container.can-hover:hover .image-area .see-later[data-v-59c4907e] {
  opacity: 1;
}
.video-container.can-hover:hover .text-area .title[data-v-59c4907e] {
  color: #00a1d6;
}
.video-container .types[data-v-59c4907e] {
  padding: 0 4px;
  height: 18px;
  border-radius: 2px;
  background: #fb7299;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 3;
  -webkit-transition: opacity 0.2s cubic-bezier(0.22, 0.58, 0.12, 0.98);
  transition: opacity 0.2s cubic-bezier(0.22, 0.58, 0.12, 0.98);
}
.video-container .types.need-pay[data-v-59c4907e] {
  background-color: #faab4b;
}
.video-container .image-area[data-v-59c4907e] {
  width: 203px;
  height: 127px;
  position: relative;
}
.video-container .image-area img[data-v-59c4907e] {
  width: 100%;
  height: 100%;
  border-radius: 0 4px 4px 0;
}
.video-container .image-area .mask[data-v-59c4907e] {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background: rgba(0,0,0,0.2);
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 12px;
  -webkit-transition: opacity 0.2s cubic-bezier(0.22, 0.58, 0.12, 0.98);
  transition: opacity 0.2s cubic-bezier(0.22, 0.58, 0.12, 0.98);
}
.video-container .image-area .mask span[data-v-59c4907e] {
  position: absolute;
  bottom: 8px;
  left: 8px;
}
.video-container .image-area .see-later[data-v-59c4907e] {
  width: 22px;
  height: 22px;
  opacity: 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABT0lEQVQ4je3VMYrCQBTG8b/DWASLNKJgJ1hY2sloZeF2gkeYW+wZvIVXsLBJY5UdtLJLk17EIghCwChukWRxFzSaaLdfMwm8/EgemTclgOl02gEmwAAoky8RsAA+tdbrUoJ+AVZO8G9CoCeJ39Sq1+sopbBtO5e23+8xxrDdbi1gIog/vxAKYNs2Sqn0diBIenoP9X2fIAgyccv66WZZZBXvdjtc18UYkwlfJxM+n8+/1pfBefMPPw4LEZcEQcBqteJ0Or0GrlartFotLpcLnucxm83YbDbFYSEE/X6f4XBIpVLhcDjgOA6u63I8HvPDaRqNBuPxmHa7DcS7cT6f36yXj8IAUkq63S7NZpPlcomUtx9/Ck5Tq9UYjUZ3a976u0UQz9OiCcMwvYwk8XHyYYxBKXU9+p5Grybg4m1Hk9Bar4Ee4JC0JWeixOhprdffE/1yRW/TLMYAAAAASUVORK5CYII=);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  position: absolute;
  bottom: 8px;
  right: 10px;
  -webkit-transition: opacity 0.2s cubic-bezier(0.22, 0.58, 0.12, 0.98);
  transition: opacity 0.2s cubic-bezier(0.22, 0.58, 0.12, 0.98);
}
.video-container .image-area .see-later.done[data-v-59c4907e] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABiklEQVQ4jbXVzyvDcRzH8efns1+JIRtbOSiKrMRBrZZC5IzcHJYTJyc1J464ubuY5MQ/oLSTNSHfIg5KyEmbzY/5sa++c/hOCtv47rvX8f2pR+/3u0+fjwAgfNoFLAH9gA1jUYEIECLoU0QOjQIVBsHveQECEr1Ts1By1pJEH9/s9EuM77RQbLIMKACG4QaHhYNBL7EBj3lwtU2yFXDT6rRil8Ic2C4F634XnbU24m8aY9F46bAUsNJdR1+9g6f3LKPROBfp99LhxY5aRhorULUs43sJlFQmfxO/FWMDHpQhL+3VXzdxps3JVEsVAJOHSSK3rwWbsP5WtAhorrSy09vAxH6CeoeFOV8NALPHKTZvnovMBoLwafZ7sc4uWfe76HE70HKnUsDy+SNzJ/dFUciziruMxvBunNXLNFLo6Mb1M/N/RCHPKgAyWpbpoyQHdxmaKi0snD3wYzQj8GfWrtL/4L5S1rdCLYOrSvTvxOxEJBBC/07MygsQkgR9ChAAtiltLWrOCBD0KR9smmovo1v+1QAAAABJRU5ErkJggg==);
}
.video-container .image-area .see-later .tips[data-v-59c4907e] {
  padding: 6px 8px;
  background: rgba(0,0,0,0.7);
  border-radius: 4px;
  font-size: 12px;
  color: #fff;
  line-height: 12px;
  position: absolute;
  white-space: nowrap;
  top: -27px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.video-container .text-area[data-v-59c4907e] {
  width: 289px;
  height: 100%;
  margin: 0 12px 0 16px;
}
.video-container .text-area .title[data-v-59c4907e] {
  -webkit-transition: color 0.2s cubic-bezier(0.22, 0.58, 0.12, 0.98);
  transition: color 0.2s cubic-bezier(0.22, 0.58, 0.12, 0.98);
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
/* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  font-size: 14px;
  line-height: 19px;
  max-height: 2.714285714285714em;
  color: #212121;
  margin-top: 9px;
  height: 38px;
}
.video-container .text-area .content[data-v-59c4907e] {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
/* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  font-size: 12px;
  line-height: 19px;
  max-height: 3.166666666666667em;
  margin-top: 8px;
  color: #666;
  height: 38px;
}
.video-container .text-area .icon-vt[data-v-59c4907e] {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: -4px;
  margin-right: 2px;
  background: center/cover no-repeat;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJmSURBVHgB7VZdbtNAEJ7ZOFXEC+4JMDfIEegJ6A3IvlBFAQlOUDhB+4BVkRe7J2g5ARwhnABzAswDEkrtnc6s13bSJqljuWor5XvJZL0/3367O/MB7LDDAwPXfYiiyP8P4GcZBNzLJwO+tCviGIp4xWSpQUhtjJC4/unkrZ41JiAL/5vDKQG+xjULtQETilVOn8djnawlcHYWBbnC7xwGrinhHgnyLsDtDID+GirjZSgUwvjc9qrn8PnPsJyvZ+hgkYS3OEGu4JMsTkA/PQOHN9m2hd1YDy+ECP9G3HRQfqsUOGHp+3P8IzGzfNnV4kskFP6S+GqP9j9qbVVUZQcvczIh/Oh6cYGdE8Fexr2r6niWj2AbhGE0BA+PDdD5+yN92WwU/eYdDvlOBfzHkqkUoKxghVA8nzun8uADX7RDBDyBpnCXl7B+XQoeGBUBVIUChkSm+wE5dQ3Vd+DxKPCUCQThNI7knUMLtCaAGZyCO1MiGEkKD6fRCLZEawKTiZ5JXuflz11TQIRR+DW+2EaNOg8YVz4RXzQdLNnt3ZEeoSENpRqcG0wPj1f1R1egFNa5ppNLOBnruFSDCaRI9K3p2CoVcx4ospShfWgBVz9GGzuJuszQ5CsUqGTZ4gi6QEVg3q9YDds+qU2wcxK8kjgbwOwWAVufuRRLLOahSxIyV6bAVkyxZqUXECyV415O2loycS5sHr5MY2FamMyqSjazZCDmFa0dC3K+/c75JOILF8fgKraFNcM30BHkZTC5y2d94s3rdCOBRYjpMKqo3aXJVOoOW26cYvKqOGaJk8EA0psL7/BocA07XPn/qchUMwAAAABJRU5ErkJggg==");
}
.video-container .text-area .view-danmaku[data-v-59c4907e] {
  font-size: 12px;
  color: #999;
  line-height: 18px;
  margin-top: 8px;
}
.video-container .text-area .view-danmaku > div[data-v-59c4907e] {
  margin-right: 10px;
  display: inline-block;
}
.video-container .text-area .view-danmaku > div .icon-play-a[data-v-59c4907e],
.video-container .text-area .view-danmaku > div .icon-danmu-a[data-v-59c4907e] {
  vertical-align: -2px;
  margin-right: 4px;
}

.cover-preview-module[data-v-313ee167] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  border-radius: 0 4px 4px 0;
  overflow: hidden;
}
.cover-preview-module.show[data-v-313ee167] {
  opacity: 1;
}
.cover-preview-module .cover[data-v-313ee167] {
  position: absolute;
  left: 0;
  top: 11px;
  height: 118px;
  width: 100%;
  margin-top: 2px;
}
.cover-preview-module .progress-bar[data-v-313ee167] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 13px;
  border-width: 5px 8px 6px 8px;
  border-style: solid;
  border-color: #000;
  background: #444;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cover-preview-module .progress-bar span[data-v-313ee167] {
  display: block;
  background: #fff;
  height: 2px;
}

.danmu-module[data-v-01e60aac] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden;
}
.danmu-module.show[data-v-01e60aac] {
  opacity: 1;
}
.danmu-module .dm[data-v-01e60aac] {
  position: absolute;
  color: #fff;
  left: 100%;
  will-change: transform;
  top: 8px;
  white-space: pre;
  text-shadow: 1px 1px 2px #001;
}
.danmu-module .dm.row2[data-v-01e60aac] {
  top: 25px;
}

.video-container[data-v-3bada5c8] {
  width: 520px;
  height: 127px;
  background: #fff;
  border-radius: 4px;
  text-align: left;
  position: relative;
  border: 1px solid #e5e9ef;
  overflow: hidden;
}
.video-container .image-area[data-v-3bada5c8],
.video-container .text-area[data-v-3bada5c8] {
  display: inline-block;
  vertical-align: top;
}
.video-container.can-hover[data-v-3bada5c8] {
  cursor: pointer;
}
.video-container.can-hover:hover .image-area .mask[data-v-3bada5c8] {
  opacity: 1;
}
.video-container.can-hover:hover .image-area .see-later[data-v-3bada5c8] {
  opacity: 1;
}
.video-container.can-hover:hover .text-area .title[data-v-3bada5c8] {
  color: #00a1d6;
}
.video-container .types[data-v-3bada5c8] {
  padding: 0 4px;
  height: 18px;
  border-radius: 2px;
  background: #fb7299;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 3;
  -webkit-transition: opacity 0.2s cubic-bezier(0.22, 0.58, 0.12, 0.98);
  transition: opacity 0.2s cubic-bezier(0.22, 0.58, 0.12, 0.98);
}
.video-container .types.need-pay[data-v-3bada5c8] {
  background-color: #faab4b;
}
.video-container .image-area[data-v-3bada5c8] {
  width: 203px;
  height: 127px;
  position: relative;
}
.video-container .image-area img[data-v-3bada5c8] {
  width: 100%;
  height: 100%;
  border-radius: 0 4px 4px 0;
}
.video-container .image-area .mask[data-v-3bada5c8] {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background: rgba(0,0,0,0.2);
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 12px;
  -webkit-transition: opacity 0.2s cubic-bezier(0.22, 0.58, 0.12, 0.98);
  transition: opacity 0.2s cubic-bezier(0.22, 0.58, 0.12, 0.98);
}
.video-container .image-area .mask span[data-v-3bada5c8] {
  position: absolute;
  bottom: 8px;
  left: 8px;
}
.video-container .image-area .see-later[data-v-3bada5c8] {
  width: 22px;
  height: 22px;
  opacity: 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABT0lEQVQ4je3VMYrCQBTG8b/DWASLNKJgJ1hY2sloZeF2gkeYW+wZvIVXsLBJY5UdtLJLk17EIghCwChukWRxFzSaaLdfMwm8/EgemTclgOl02gEmwAAoky8RsAA+tdbrUoJ+AVZO8G9CoCeJ39Sq1+sopbBtO5e23+8xxrDdbi1gIog/vxAKYNs2Sqn0diBIenoP9X2fIAgyccv66WZZZBXvdjtc18UYkwlfJxM+n8+/1pfBefMPPw4LEZcEQcBqteJ0Or0GrlartFotLpcLnucxm83YbDbFYSEE/X6f4XBIpVLhcDjgOA6u63I8HvPDaRqNBuPxmHa7DcS7cT6f36yXj8IAUkq63S7NZpPlcomUtx9/Ck5Tq9UYjUZ3a976u0UQz9OiCcMwvYwk8XHyYYxBKXU9+p5Grybg4m1Hk9Bar4Ee4JC0JWeixOhprdffE/1yRW/TLMYAAAAASUVORK5CYII=);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  position: absolute;
  bottom: 8px;
  right: 10px;
  -webkit-transition: opacity 0.2s cubic-bezier(0.22, 0.58, 0.12, 0.98);
  transition: opacity 0.2s cubic-bezier(0.22, 0.58, 0.12, 0.98);
}
.video-container .image-area .see-later.done[data-v-3bada5c8] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABiklEQVQ4jbXVzyvDcRzH8efns1+JIRtbOSiKrMRBrZZC5IzcHJYTJyc1J464ubuY5MQ/oLSTNSHfIg5KyEmbzY/5sa++c/hOCtv47rvX8f2pR+/3u0+fjwAgfNoFLAH9gA1jUYEIECLoU0QOjQIVBsHveQECEr1Ts1By1pJEH9/s9EuM77RQbLIMKACG4QaHhYNBL7EBj3lwtU2yFXDT6rRil8Ic2C4F634XnbU24m8aY9F46bAUsNJdR1+9g6f3LKPROBfp99LhxY5aRhorULUs43sJlFQmfxO/FWMDHpQhL+3VXzdxps3JVEsVAJOHSSK3rwWbsP5WtAhorrSy09vAxH6CeoeFOV8NALPHKTZvnovMBoLwafZ7sc4uWfe76HE70HKnUsDy+SNzJ/dFUciziruMxvBunNXLNFLo6Mb1M/N/RCHPKgAyWpbpoyQHdxmaKi0snD3wYzQj8GfWrtL/4L5S1rdCLYOrSvTvxOxEJBBC/07MygsQkgR9ChAAtiltLWrOCBD0KR9smmovo1v+1QAAAABJRU5ErkJggg==);
}
.video-container .image-area .see-later .tips[data-v-3bada5c8] {
  padding: 6px 8px;
  background: rgba(0,0,0,0.7);
  border-radius: 4px;
  font-size: 12px;
  color: #fff;
  line-height: 12px;
  position: absolute;
  white-space: nowrap;
  top: -27px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.video-container .text-area[data-v-3bada5c8] {
  width: 289px;
  height: 100%;
  margin: 0 12px 0 16px;
}
.video-container .text-area .title[data-v-3bada5c8] {
  -webkit-transition: color 0.2s cubic-bezier(0.22, 0.58, 0.12, 0.98);
  transition: color 0.2s cubic-bezier(0.22, 0.58, 0.12, 0.98);
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
/* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  font-size: 14px;
  line-height: 19px;
  max-height: 2.714285714285714em;
  color: #212121;
  margin-top: 9px;
  height: 38px;
}
.video-container .text-area .content[data-v-3bada5c8] {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
/* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  font-size: 12px;
  line-height: 19px;
  max-height: 3.166666666666667em;
  margin-top: 8px;
  color: #666;
  height: 38px;
}
.video-container .text-area .view-danmaku[data-v-3bada5c8] {
  font-size: 12px;
  margin-top: 8px;
  color: #999;
  line-height: 18px;
}
.video-container .text-area .view-danmaku > div[data-v-3bada5c8] {
  margin-right: 10px;
  display: inline-block;
}
.video-container .text-area .view-danmaku > div .icon-play-a[data-v-3bada5c8],
.video-container .text-area .view-danmaku > div .icon-danmu-a[data-v-3bada5c8] {
  vertical-align: -2px;
  margin-right: 4px;
}

.live-container[data-v-23b19018] {
  width: 520px;
  height: 127px;
  background: #fff;
  border-radius: 4px;
  text-align: left;
  position: relative;
  border: 1px solid #e5e9ef;
  overflow: hidden;
  z-index: 1;
}
.live-container .image-area[data-v-23b19018],
.live-container .text-area[data-v-23b19018] {
  display: inline-block;
  vertical-align: top;
}
.live-container .status[data-v-23b19018] {
  padding: 0 4px;
  letter-spacing: 0.5px;
  border-radius: 2px;
  background: #fb7299;
  color: #fff;
  font-size: 12px;
  text-align: center;
  position: absolute;
  height: 18px;
  line-height: 18px;
  right: 8px;
  top: 8px;
  z-index: 3;
}
.live-container .back[data-v-23b19018] {
  background-color: rgba(0,0,0,0.5);
}
.live-container .image-area[data-v-23b19018] {
  width: 203px;
  height: 127px;
  position: relative;
}
.live-container .image-area img[data-v-23b19018] {
  width: 100%;
  height: 100%;
  border-radius: 0 4px 4px 0;
}
.live-container .text-area[data-v-23b19018] {
  width: 285px;
  height: 100%;
  margin: 12px 16px;
}
.live-container .text-area .title[data-v-23b19018] {
  height: 52px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
/* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  font-size: 16px;
  line-height: 26px;
  max-height: 3.25em;
  margin-bottom: 30px;
}
.live-container .text-area .view-num[data-v-23b19018] {
  width: 130px;
}

.bangumi-container[data-v-4131c4fc] {
  width: 520px;
  height: 127px;
  background: #fff;
  border-radius: 4px;
  text-align: left;
  position: relative;
  border: 1px solid #e5e9ef;
}
.bangumi-container .image-area[data-v-4131c4fc],
.bangumi-container .text-area[data-v-4131c4fc] {
  display: inline-block;
  vertical-align: top;
}
.bangumi-container.can-hover cursor pointer:hover .image-area .mask[data-v-4131c4fc] {
  opacity: 1;
}
.bangumi-container.can-hover cursor pointer:hover .text-area .title[data-v-4131c4fc] {
  color: #00a1d6;
}
.bangumi-container .image-area[data-v-4131c4fc] {
  width: 203px;
  height: 127px;
  position: relative;
}
.bangumi-container .image-area img[data-v-4131c4fc] {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.bangumi-container .text-area[data-v-4131c4fc] {
  width: 289px;
  height: 100%;
  margin: 0 12px 0 16px;
}
.bangumi-container .text-area .title[data-v-4131c4fc] {
  -webkit-transition: color 0.2s cubic-bezier(0.22, 0.58, 0.12, 0.98);
  transition: color 0.2s cubic-bezier(0.22, 0.58, 0.12, 0.98);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #212121;
  margin-top: 14px;
  height: 21px;
  font-size: 14px;
}
.bangumi-container .text-area .content[data-v-4131c4fc] {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 3;
/* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  font-size: 12px;
  line-height: 18px;
  max-height: 4.5em;
  margin-top: 10px;
  color: #666;
  height: 54px;
}
.bangumi-container .text-area .view-danmaku[data-v-4131c4fc] {
  font-size: 12px;
  color: #999;
  line-height: 18px;
  margin-top: 8px;
}
.bangumi-container .text-area .view-danmaku > div[data-v-4131c4fc] {
  width: 72px;
  display: inline-block;
}
.bangumi-container .text-area .view-danmaku > div .icon-play-a[data-v-4131c4fc],
.bangumi-container .text-area .view-danmaku > div .icon-danmu-a[data-v-4131c4fc] {
  vertical-align: -2px;
  margin-right: 4px;
}
.tag[data-v-4131c4fc] {
  position: absolute;
  top: 8px;
  right: 8px;
  background-color: #fb7299;
  color: #fff;
  min-width: 32px;
  padding: 0 5px;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  text-align: center;
  border-radius: 2px;
}

.p-rel {
  position: relative;
}
.p-abs {
  position: absolute;
}
.p-fixed {
  position: fixed;
}
.f-left {
  float: left;
}
.f-right {
  float: right;
}
.f-clear:after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
}
.d-block {
  display: block;
}
.d-i-block {
  display: inline-block;
}
.d-table {
  display: table;
}
.d-table-cell {
  display: table-cell;
}
.d-none {
  display: none;
}
.t-center {
  text-align: center;
}
.t-left {
  text-align: left;
}
.t-right {
  text-align: right;
}
.c-default {
  cursor: default;
}
.c-pointer {
  cursor: pointer;
}
.fs-8 {
  font-size: 8px;
}
.fs-9 {
  font-size: 9px;
}
.fs-10 {
  font-size: 10px;
}
.fs-11 {
  font-size: 11px;
}
.fs-12 {
  font-size: 12px;
}
.fs-13 {
  font-size: 13px;
}
.fs-14 {
  font-size: 14px;
}
.fs-15 {
  font-size: 15px;
}
.fs-16 {
  font-size: 16px;
}
.fs-16 {
  font-size: 16px;
}
.fs-18 {
  font-size: 18px;
}
.fs-20 {
  font-size: 20px;
}
.fs-22 {
  font-size: 22px;
}
.fs-24 {
  font-size: 24px;
}
.fs-26 {
  font-size: 26px;
}
.fs-28 {
  font-size: 28px;
}
.fs-30 {
  font-size: 30px;
}
.fs-32 {
  font-size: 32px;
}
.tc-pink {
  color: #f25d8e;
}
.tc-pink-hover {
  color: #ff85ad;
}
.tc-pink-sub {
  color: #ffaec9;
}
.tc-blue {
  color: #00a1d6;
}
.tc-blue-hover {
  color: #00b5e5;
}
.tc-blue-sub {
  color: #68cff1;
}
.tc-yellow {
  color: #f7b32c;
}
.tc-yellow-hover {
  color: #ffc248;
}
.tc-red {
  color: #e40c0c;
}
.tc-black {
  color: #222;
}
.tc-dark-slate {
  color: #6d757a;
}
.tc-slate {
  color: #99a2aa;
}
.bc-gray {
  border-color: #ccd0d7;
}
.bc-light-gray {
  border-color: #e5e9ef;
}
.w-100 {
  width: 100%;
}
.h-100 {
  height: 100%;
}
.bg-white {
  background-color: #fff;
}
.bg-gray {
  background-color: #f4f5f7;
}
.bg-center {
  background-position: center center;
}
.over-hidden {
  overflow: hidden;
}
.b-circle {
  border-radius: 50%;
}
.b-box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ff-yahei {
  font-family: "Microsoft YaHei", "Microsoft Sans Serif", "Microsoft SanSerf", "微软雅黑";
}
.ls-0 {
  letter-spacing: 0;
}
.bp-v-middle {
  vertical-align: middle;
}
.break-all {
  word-break: break-all;
}
.fw-bold {
  font-weight: bold;
}
.line-clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
body,
button,
form,
input,
li,
ol,
p,
td,
textarea,
ul {
  margin: 0;
  padding: 0;
}
margin,
nav {
  display: block;
}
img {
  border: 0;
  outline: 0;
}
li {
  list-style: none;
}
a {
  outline: none;
  text-decoration: none;
}
button {
  outline: none;
}
em {
  font-style: normal;
}
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
textarea-webkit-input-placeholder {
  color: #99a2aa;
}
textarea-moz-input-placeholder {
  color: #99a2aa;
}
textarea-ms-input-placeholder {
  color: #99a2aa;
}
.dynamic-link-hover-bg {
  border-radius: 4px;
}
.dynamic-link-hover-bg:hover {
  background-color: #dde2eb;
}

.h5share-container[data-v-2261f36a] {
  width: 520px;
  height: 80px;
  border-top: 1px solid #e5e9ef;
  border: 1px solid #e5e9ef;
  border-radius: 4px;
}
.h5share-container:hover .text-area[data-v-2261f36a] {
  -webkit-box-shadow: 0 3px 10px 0 rgba(213,216,219,0.44);
          box-shadow: 0 3px 10px 0 rgba(213,216,219,0.44);
}
.h5share-container:hover .text-area .text[data-v-2261f36a] {
  color: #00a1d6;
}
.h5share-container .image-area[data-v-2261f36a] {
  width: 80px;
  height: 80px;
}
.h5share-container .image-area .share-img[data-v-2261f36a] {
  border-radius: 3px 0 0 3px;
  background-color: #f4f5f7;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.h5share-container .image-area .share-img.bg-shrink[data-v-2261f36a] {
  background-size: 70%;
}
.h5share-container .text-area[data-v-2261f36a] {
  width: 410px;
  height: 80px;
  padding: 0 15px;
}
.h5share-container .text-area .text-content[data-v-2261f36a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 20px;
  padding-top: 16px;
}
.h5share-container .text-area .text-content .text[data-v-2261f36a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.h5share-container .text-area .text-content.middle[data-v-2261f36a] {
  padding-top: 30px;
}
.h5share-container .text-area .text-content .tag[data-v-2261f36a] {
  color: #fff;
  padding: 0 6px;
  margin-left: 8px;
  border-radius: 2px;
}
.h5share-container .text-area .text-desc[data-v-2261f36a] {
  padding-top: 10px;
  max-height: 1.5em;
}
.h5share-container .share-iframe-text[data-v-2261f36a] {
  width: 440px;
}
.share-iframe-container[data-v-2261f36a] {
  width: auto;
  border: 0;
  background: #f4f5f7;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.share-iframe-container:hover .text-area[data-v-2261f36a] {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.share-iframe-container:hover .text-area .text[data-v-2261f36a] {
  color: unset;
}

.h5share-container[data-v-11158ee6] {
  width: 520px;
  height: 160px;
  border-top: 1px solid #e5e9ef;
  border: 1px solid #e5e9ef;
  border-radius: 4px;
  overflow: hidden;
}
.h5share-container:hover .text-area[data-v-11158ee6] {
  -webkit-box-shadow: 0 3px 10px 0 rgba(213,216,219,0.44);
          box-shadow: 0 3px 10px 0 rgba(213,216,219,0.44);
}
.h5share-container:hover .text-area .text[data-v-11158ee6] {
  color: #00a1d6;
}
.h5share-container .tag[data-v-11158ee6] {
  position: absolute;
  top: 8px;
  right: 406px;
  background-color: #fb7299;
  color: #fff;
  min-width: 32px;
  padding: 0 5px;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  text-align: center;
  border-radius: 2px;
}
.h5share-container .image-area[data-v-11158ee6] {
  width: 120px;
  height: 160px;
}
.h5share-container .image-area .share-img[data-v-11158ee6] {
  border-radius: 3px 0 0 3px;
  background-color: #f4f5f7;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.h5share-container .text-area[data-v-11158ee6] {
  width: 370px;
  height: 160px;
  padding: 0 15px;
}
.h5share-container .text-area .text-content[data-v-11158ee6] {
  padding-top: 16px;
  color: #212121;
  line-height: 20px;
}
.h5share-container .text-area .text-desc[data-v-11158ee6] {
  line-height: 16px;
  padding-top: 10px;
/*max-height 1.5em*/
  color: #666;
}
.h5share-container .text-area .text-desc + .text-desc[data-v-11158ee6] {
  padding-top: 8px;
}

.music-container[data-v-4f69160e] {
  width: 520px;
  height: 80px;
  border-top: 1px solid #e5e9ef;
  border: 1px solid #e5e9ef;
  border-radius: 4px;
}
.music-container:hover .text-area[data-v-4f69160e] {
  -webkit-box-shadow: 0 3px 10px 0 rgba(213,216,219,0.44);
          box-shadow: 0 3px 10px 0 rgba(213,216,219,0.44);
}
.music-container:hover .text-area .text[data-v-4f69160e] {
  color: #00a1d6;
}
.music-container .image-area[data-v-4f69160e] {
  width: 80px;
  height: 80px;
}
.music-container .image-area .share-img[data-v-4f69160e] {
  border-radius: 3px 0 0 3px;
  background-color: #f4f5f7;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.music-container .image-area .share-img.bg-shrink[data-v-4f69160e] {
  background-size: 70%;
}
.music-container .image-area .music-play-icon[data-v-4f69160e] {
  width: 44px;
  height: 44px;
  top: 19px;
  left: 19px;
}
.music-container .text-area[data-v-4f69160e] {
  width: 410px;
  height: 80px;
  padding: 0 15px;
}
.music-container .text-area .text-content[data-v-4f69160e] {
  padding-top: 16px;
}
.music-container .text-area .text-content.middle[data-v-4f69160e] {
  padding-top: 30px;
}
.music-container .text-area .text-desc[data-v-4f69160e] {
  padding-top: 8px;
  height: 18px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.music-container .share-iframe-text[data-v-4f69160e] {
  width: 440px;
}
.share-iframe-container[data-v-4f69160e] {
  width: auto;
  border: 0;
  background: #f4f5f7;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.vote-container[data-v-9b0fce88] {
  width: 520px;
  height: 80px;
  border-top: 1px solid #e5e9ef;
  border: 1px solid #e5e9ef;
  border-radius: 4px;
  cursor: pointer;
}
.vote-container:hover .text-area[data-v-9b0fce88] {
  -webkit-box-shadow: 0 3px 10px 0 rgba(213,216,219,0.44);
          box-shadow: 0 3px 10px 0 rgba(213,216,219,0.44);
}
.vote-container:hover .text-area .text[data-v-9b0fce88] {
  color: #00a1d6;
}
.vote-container .image-area[data-v-9b0fce88] {
  width: 80px;
  height: 80px;
}
.vote-container .image-area .share-img[data-v-9b0fce88] {
  border-radius: 3px 0 0 3px;
  background-color: #f4f5f7;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.vote-container .image-area .share-img.bg-shrink[data-v-9b0fce88] {
  background-size: 70%;
}
.vote-container .text-area[data-v-9b0fce88] {
  width: 335px;
  height: 80px;
  padding: 0 90px 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
.vote-container .text-area .text-desc[data-v-9b0fce88] {
  padding-top: 10px;
}
.vote-btn-box[data-v-9b0fce88] {
  width: 90px;
  height: 80px;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.vote-btn-box .vote-btn[data-v-9b0fce88] {
  width: 54px;
  display: inline-block;
  color: #fff;
  background-color: #00a1d6;
  border-radius: 4px;
  font-size: 13px;
  line-height: 28px;
}

.card-subscription[data-v-3706b0bb] {
  cursor: pointer;
}
.card-subscription__desc[data-v-3706b0bb] {
  margin-bottom: 12px;
  font-size: 14px;
  color: #222222;
  letter-spacing: 0;
  line-height: 22px;
}
.card-subscription__poster[data-v-3706b0bb] {
  position: relative;
  width: 520px;
  height: 152px;
  border-radius: 4px;
  overflow: hidden;
}
.card-subscription__poster-img[data-v-3706b0bb] {
  width: 100%;
  height: 100%;
}
.card-subscription__poster-tag[data-v-3706b0bb] {
  padding: 0 4px;
  letter-spacing: 0.5px;
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  position: absolute;
  height: 18px;
  line-height: 18px;
  right: 12px;
  top: 12px;
  z-index: 3;
}
.card-subscription__poster-title[data-v-3706b0bb] {
  position: absolute;
  color: #fff;
  bottom: 0;
  left: 0;
  font-size: 16px;
  line-height: 16px;
  padding: 20px 0 12px 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 48px;
  width: 100%;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.6)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.6) 100%);
}

.content[data-v-bf1c912a] {
  height: 127px;
  position: relative;
  border-radius: 4px;
  border: 1px solid #e5e9ef;
  padding-left: 218px;
  text-align: left;
  background-color: #fff;
  padding-right: 10px;
  overflow: hidden;
}
.cover-box-cliper[data-v-bf1c912a] {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  border-radius: 0 4px 4px 0;
}
.cover-box[data-v-bf1c912a] {
  height: 127px;
  width: 203px;
  background: #e7e7e7 center/cover no-repeat;
}
.cover-image[data-v-bf1c912a] {
  background: #e7e7e7 center/cover no-repeat;
  position: absolute;
  left: 38px;
  top: 0;
}
.text-box[data-v-bf1c912a] {
  position: relative;
  height: 109px;
}
.title[data-v-bf1c912a] {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
/* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  font-size: 14px;
  line-height: 19px;
  max-height: 2.714285714285714em;
  margin-top: 10px;
  color: #222;
}
.description[data-v-bf1c912a] {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
/* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  font-size: 12px;
  line-height: 16px;
  max-height: 2.666666666666667em;
  margin-top: 10px;
  color: #99a2aa;
}
.count-box[data-v-bf1c912a] {
  font-size: 12px;
  color: #99a2aa;
  position: absolute;
  bottom: 0;
  left: 0;
}
.love-count[data-v-bf1c912a] {
  margin-left: 10px;
}
.media-list-icon[data-v-bf1c912a] {
  width: 20px;
  height: 20px;
  background: url(//s1.hdslb.com/bfs/static/blive/blfe-dynamic-web/static/img/icon-media-list.e3923306.svg) center/contain no-repeat;
  position: absolute;
  right: 8px;
  bottom: 5px;
}

.video-container[data-v-e3b1c07e] {
  width: 520px;
  height: 127px;
  background: #fff;
  border-radius: 4px;
  text-align: left;
  position: relative;
  border: 1px solid #e5e9ef;
  overflow: hidden;
}
.video-container .image-area[data-v-e3b1c07e],
.video-container .text-area[data-v-e3b1c07e] {
  display: inline-block;
  vertical-align: top;
}
.video-container.can-hover[data-v-e3b1c07e] {
  cursor: pointer;
}
.video-container.can-hover:hover .text-area .title[data-v-e3b1c07e] {
  color: #00a1d6;
}
.video-container .types[data-v-e3b1c07e] {
  padding: 0 4px;
  height: 18px;
  border-radius: 2px;
  background: #fb7299;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 3;
  -webkit-transition: opacity 0.2s cubic-bezier(0.22, 0.58, 0.12, 0.98);
  transition: opacity 0.2s cubic-bezier(0.22, 0.58, 0.12, 0.98);
}
.video-container .image-area[data-v-e3b1c07e] {
  width: 203px;
  height: 127px;
  position: relative;
}
.video-container .image-area img[data-v-e3b1c07e] {
  width: 100%;
  height: 100%;
  border-radius: 0 4px 4px 0;
}
.video-container .text-area[data-v-e3b1c07e] {
  width: 289px;
  height: 100%;
  margin: 0 12px 0 16px;
}
.video-container .text-area .title[data-v-e3b1c07e] {
  -webkit-transition: color 0.2s cubic-bezier(0.22, 0.58, 0.12, 0.98);
  transition: color 0.2s cubic-bezier(0.22, 0.58, 0.12, 0.98);
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 1;
/* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  font-size: 14px;
  line-height: 19px;
  max-height: 1.357142857142857em;
  color: #212121;
  margin-top: 16px;
}
.video-container .text-area .content[data-v-e3b1c07e] {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 1;
/* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  font-size: 12px;
  line-height: 19px;
  max-height: 1.583333333333333em;
  color: #999;
  min-height: 38px;
  margin-top: 7px;
}
.video-container .text-area .content.is-update[data-v-e3b1c07e] {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 1;
/* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  font-size: 14px;
  line-height: 19px;
  max-height: 1.357142857142857em;
}
.video-container .text-area .subtitle[data-v-e3b1c07e] {
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
/* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  font-size: 12px;
  line-height: 19px;
  max-height: 3.166666666666667em;
  margin-top: 7px;
}
.video-container .text-area .subtitle.is-update[data-v-e3b1c07e] {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 1;
/* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  font-size: 14px;
  line-height: 19px;
  max-height: 1.357142857142857em;
  margin-top: 26px;
}

.text[data-v-98357e68] {
  font-size: 14px;
  letter-spacing: 0.5px;
}
.content[data-v-98357e68] {
  display: block;
  color: inherit;
  padding-right: 10px;
}
.content-ellipsis[data-v-98357e68] {
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  word-wrap: break-word;
}
.hidden[data-v-98357e68] {
  display: none;
  height: 0;
}
.visibility-hidden[data-v-98357e68] {
  visibility: hidden;
}
.content-full[data-v-98357e68] {
  width: 100%;
  word-break: break-word;
  word-wrap: break-word;
}
.expand-btn[data-v-98357e68] {
  display: inline-block;
  color: #178bcf;
  cursor: pointer;
  line-height: 22px;
}
.expand-btn[data-v-98357e68]:hover {
  color: #00b5e5;
}

.fade-enter-active[data-v-21fef14f],
.fade-leave-active[data-v-21fef14f] {
  -webkit-transition: 200ms;
  transition: 200ms;
}
.fade-enter[data-v-21fef14f],
.fade-leave-to[data-v-21fef14f] {
  opacity: 0;
}
.fade-enter-to[data-v-21fef14f],
.fade-leave[data-v-21fef14f] {
  opacity: 1;
}
.slide-leave-active[data-v-21fef14f] {
  -webkit-animation: scale-out-data-v-21fef14f ease-in-out 200ms;
          animation: scale-out-data-v-21fef14f ease-in-out 200ms;
}
.slide-enter-active[data-v-21fef14f] {
  -webkit-animation: move-in-top-data-v-21fef14f cubic-bezier(0.22, 0.58, 0.12, 0.98) 200ms;
          animation: move-in-top-data-v-21fef14f cubic-bezier(0.22, 0.58, 0.12, 0.98) 200ms;
}
.backdrop[data-v-21fef14f] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.3);
  z-index: 10010;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.backdrop .extension-wrapper[data-v-21fef14f] {
  width: 560px;
  height: 550px;
  border-radius: 4px;
  overflow: hidden;
}
.backdrop .title-box[data-v-21fef14f] {
  width: 100%;
  height: 55px;
  border-bottom: 1px solid #e8ecf1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  position: relative;
}
.backdrop .title-box .close-button[data-v-21fef14f] {
  width: 55px;
  height: 55px;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  line-height: 55px;
  color: #99a2aa;
  cursor: pointer;
}
.backdrop iframe[data-v-21fef14f] {
  width: 100%;
  height: 495px;
  background-color: #fff;
}
@-webkit-keyframes move-in-top-data-v-21fef14f {
from {
    opacity: 0;
    -webkit-transform: translate(0, 5em);
            transform: translate(0, 5em);
}
to {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
}
}
@keyframes move-in-top-data-v-21fef14f {
from {
    opacity: 0;
    -webkit-transform: translate(0, 5em);
            transform: translate(0, 5em);
}
to {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
}
}
@-webkit-keyframes scale-out-data-v-21fef14f {
from {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
}
to {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
}
}
@keyframes scale-out-data-v-21fef14f {
from {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
}
to {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
}
}

.dyn-topic__card {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  border-radius: 2px;
  cursor: pointer;
}
.dyn-topic__card:hover {
  background-color: #DFF6FD;
}
.dyn-topic__icon {
  width: 16px;
  height: 16px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAPqSURBVHgB7ZlbThsxFIZ/T0KhUIl0BQwraHhsUSWygsIKCisAXopQHwgPFWp4gK4AugLCCkAqoY+EFTCsoEHqJVxi9zihyfiSzNgkiEr5pE4ncwbHxz4+twBDhjwIBl+KRzmMZvO4vquiWKjBh0+VPIKbGtYLETwJ4EPpdBnjz34gExzR/2fYOgrhSqlyhhGcIfPsAtunO/DETwGI3diHkCZxABe2Kxt0zXeGEyvY+jYHDzwVgG4y+dSrWKosQqBoCrIRPPBToMEXjGdpVrFlahvm32IT668jeOCnwPrbYwi+aTzPBHvNw92N7OgepMmplLE2W4Qnbl6o6XnGcuA8h4D+yQnrExKsTFt0bn5TMEXXRcuoS7SjUeuWzOi6XnPxaixxwhNjy7Ta84gfusehSlu6j8afw15utrsC0p6z7IBWtLtJPA4RbrGAj7NVm9CugJy89PFPhxopUbApYT/ELdv2Q9CKcXyhm+MEeRXpyVHQs8Yacweknwb8FWgE022XuH1yRCY45yTvOTYvND1gDNsOvIM/NcWfc1z2lAvmlkOxYF5/ZCrAxAMOLatqo0/1lLt+V8BeGY+MlwQL4QsX59pYeSd5IiLUn9hMKIQvTETt+51mRM51lctUWpcnY7yfhReiBs6+gnHVhnm23L6vQ0brza5yWQeIrCpnwXv0XkBDAdULbX2n1JhfIIkGhf/12X30mzTx5/fNy3iq4ZfMjTwfTJDTXKSVF5OT8Y+qAjJJS4Oor2AQyErPEfUMyAwzzabI3L90SocwdigFO8Tam46NlypqMEySMxbSuHNI4vbXNF0v7Qo4oX8Z77hI6YFu9dQ5QS4EfPAtKU14LLepZ/POck/6p4Bsr7RHtQSoJLkn/VJAraKYETGT5N5ocSCFH5apcH28iOKMXzPLRiv+yK7GfOK7WkaqudEgeVIi2O3r5CUyQ20Eq6neHZlQAq2qQJBCAVl0D4K0MUjD3Y2Ojx5QIraqKBvP8f91LuIkyXFHJoR0jbGfV1fxj7aKzN0h32KmXa9+PlmhoKROJp6/2OQufJhV5twPL1RTiu3BeiDDfG0KRHBCr7L0qilJ7kSkP7CVlG6HlAvFJs0qK5YvWeUusBQ7wHEOFwLWSW9bzVvtgLKwt9wBvSSF7RD7NbWqtLLHtHsyEIWmmGSC3ukqT4mlrWLvzLn2ax6HMnkgo61v90J3mSU4H+YBIrt5XSK1XYFWaC/gKSjBqEXJaS5dfgBJ/n1AngnZEcsI6f5y993qEIMhal5l+6XBzqmtX06qk/1/ZpXILLLJXWjIAuq6sZjHabBIkWcoFWncpyPXY7W+J4hDhgz5P/gL3piMFyScemUAAAAASUVORK5CYII=) center / cover no-repeat;
  margin-right: 4px;
}
.dyn-topic__text {
  color: #008AC5;
  height: 100%;
  line-height: 20px;
}

.risk-tip[data-v-3773de5c] {
  max-width: 514px;
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 16px;
  position: relative;
}
.tip-icon[data-v-3773de5c] {
  display: inline-block;
  width: 14px;
  height: 16px;
  background: url(//s1.hdslb.com/bfs/static/blive/blfe-dynamic-web/static/img/notice.5057b82a.svg) center/contain no-repeat;
  position: absolute;
  top: 2px;
  left: 5px;
}
.risk-tip-content[data-v-3773de5c] {
  background-color: #fff1d3;
  border-radius: 2px;
  padding: 3px 4px 3px 24px;
  font-size: 12px;
  color: #e78b1f;
}

.lost-tip[data-v-2eb743de] {
  background: #F4F5F7;
  border-radius: 4px;
  font-size: 14px;
  color: #99A2AA;
  letter-spacing: 0;
  width: 520px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 36px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lost-tip.white[data-v-2eb743de] {
  background: #fff;
}
.lost-tip__icon[data-v-2eb743de] {
  width: 36px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lost-tip__icon img[data-v-2eb743de] {
  width: 16px;
  height: 16px;
}

.shop-item[data-v-6be15733] {
  position: relative;
  width: 64px;
  height: 64px;
  border-radius: 2px;
  background: #fff center/cover no-repeat;
  margin-right: 8px;
}
.shop-item.vertical[data-v-6be15733] {
  width: 48px;
}
.shop-item.ugc[data-v-6be15733] {
  width: 114px;
}
.shop-item .ugc-duration[data-v-6be15733] {
  color: #fff;
  font-size: 10px;
  position: absolute;
  border-radius: 2px;
  padding: 1px 2px;
  bottom: 4px;
  right: 4px;
  background: rgba(0,0,0,0.4);
}
.shop-link[data-v-6be15733] {
  display: block;
  width: 100%;
  height: 100%;
}

.shop-desc[data-v-2dca39c2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 4px;
  cursor: pointer;
  position: relative;
  width: 100%;
}
.shop-desc.reserve[data-v-2dca39c2] {
  margin-left: 0;
  cursor: default;
}
.shop-desc.reserve .desc-box[data-v-2dca39c2] {
  cursor: default;
}
.shop-desc .desc-box[data-v-2dca39c2] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.shop-desc .desc-box .title[data-v-2dca39c2] {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
/* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  font-size: 14px;
  line-height: 19px;
  max-height: 1.357142857142857em;
  color: #212121;
  -webkit-box-align: start;
  margin-bottom: 0;
  margin-right: 12px;
}
.shop-desc .desc-box .sub-title[data-v-2dca39c2] {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
/* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  font-size: 12px;
  line-height: 16px;
  max-height: 1.333333333333333em;
  color: #99a2aa;
  font-size: 12px;
  min-height: 16px;
  margin-top: 4px;
  margin-right: 36px;
}
.shop-desc .desc-box .sub-title.reserve[data-v-2dca39c2] {
  color: #999;
  margin-top: 5px;
}
.shop-desc .desc-box .sub-title.reserve span[data-v-2dca39c2] {
  display: inline-block;
}
.shop-desc .desc-box .sub-title.reserve span.highlight[data-v-2dca39c2] {
  color: #00a1d6;
}
.shop-desc .desc-box .sub-title.reserve span + span[data-v-2dca39c2] {
  margin-left: 12px;
}
.shop-desc .desc-box .prize[data-v-2dca39c2] {
  margin-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.shop-desc .desc-box .prize[data-v-2dca39c2]:hover {
  opacity: 0.8;
  cursor: pointer;
}
.shop-desc .desc-box .prize-icon[data-v-2dca39c2] {
  width: 16px;
  height: 16px;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transform-origin: 0 3px;
          transform-origin: 0 3px;
}
.shop-desc .desc-box .prize-text[data-v-2dca39c2] {
  position: relative;
  font-size: 12px;
  line-height: 16px;
  color: #00a1d6;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 90%;
  padding-right: 20px;
}
.shop-desc .desc-box .prize-text[data-v-2dca39c2]::before {
  content: '';
  position: absolute;
  right: 9px;
  top: 4px;
  width: 6px;
  height: 6px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  border-right: 1px solid #00a1d6;
  border-bottom: 1px solid #00a1d6;
}
.shop-desc .desc-box .multi-line[data-v-2dca39c2] {
  white-space: unset;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: unset;
}
.shop-desc .desc-box .price[data-v-2dca39c2] {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
/* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  font-size: 12px;
  line-height: 16px;
  max-height: 1.333333333333333em;
  font-size: 14px;
  margin-top: 4px;
  line-height: 20px;
  color: #00a1d6;
  margin-right: 36px;
}
.shop-desc .desc-box .price .price-desc[data-v-2dca39c2] {
  font-size: 10px;
  color: #99a2aa;
}
.shop-desc .desc-box .price[data-v-2dca39c2]:first-letter {
  font-size: 12px;
}
.shop-desc .btn-box[data-v-2dca39c2] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: default;
}
.shop-desc .btn-box[href][data-v-2dca39c2] {
  cursor: pointer;
}
.shop-desc .btn-box .jump-btn[data-v-2dca39c2] {
  border: none;
  cursor: pointer;
  background-color: #00a1d6;
  border-radius: 4px;
  font-size: 13px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 64px;
  height: 28px;
  line-height: 1;
}
.shop-desc .btn-box .jump-btn.border[data-v-2dca39c2] {
  border: 1px solid #00a1d6;
  background: transparent;
  color: #00a1d6;
}
.shop-desc .btn-box .jump-btn.checked[data-v-2dca39c2] {
  background-color: #e5e9ef;
  color: #99a2aa;
}
.shop-desc .btn-box .jump-btn.disabled[data-v-2dca39c2] {
  background-color: #e5e9ef;
  color: #999;
}
.shop-desc .btn-box .jump-btn .btn-icon[data-v-2dca39c2] {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 2px;
  background: center/contain no-repeat;
}
.shop-desc .btn-box .jump-btn .btn-icon.reserve-disabled[data-v-2dca39c2] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABgUExURUdwTJmiqpulrpqkq5miqpmiqpmiqpqkq5miqpulrJmjqpmiqpmjq5ukq////5miqqCksZmjq5qjq5ukq5qmrZmlrJ2lrKrExJujq5qjqpmjq6iorpqiqpmiq5mjqpmiquYu4PsAAAAfdFJOUwDwGTbptt9Ns0pp+Kk7AckTeIwtJkUhBF2Anwy+lNWzRPLcAAABX0lEQVR42u2V23KDMAxEMRgTbHNNSAiXnP//y/almTiISzt96Ux3eEFo0ci7lqI/g0zr7Dv5NwXqdjg9th7A2/hQejHxxFTsZZe1J4CvtwlnA7jUFpdLYVMHmPNWfqKAIX42MwAq2ehWg+peI50CHa82UIG+hLGLhqpcIfTgisWhOehX1DJwX4bvYGQNM9DjMjxqkG0yBAWCEoPYsoZEPGvQUts1qFL8k4JaEhkekYgHSHJ3MMmECTohnEMqE1LI/wk/I5Q9eJngRYNfDTQyoQFzXXg7uIvCzX1zuAVcsjobHGCDCGCSjWligCRsq9qcWHUFPjRwsTNAQ/NXsjShStXL6wzGZuvIrYH5VQTHLtw1qLjLcPmbOI0/bcA38eq26l8+xdn+3mrR5+cg0bS7hBPo7GuVwmmXcNWAmZtmNgTTf8s3T5giOoCx1QCg2vHoXu9s29ruFh1H+fmU0a/gA7N+KsP9FB0EAAAAAElFTkSuQmCC);
}

.shop-panel[data-v-af82b85a],
.shop-panel *[data-v-af82b85a] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.shop-panel[data-v-af82b85a] {
  width: 520px;
}
.shop-panel.top-margin[data-v-af82b85a] {
  margin-top: 10px;
}
.shop-panel.big-size[data-v-af82b85a] {
  width: 600px;
  margin-top: 12px;
}
.shop-panel .panel-desc[data-v-af82b85a] {
  color: #6d757a;
  font-size: 12px;
  margin-bottom: 4px;
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.shop-panel .panel-desc .shop-icon[data-v-af82b85a] {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 5px;
  background: url(//s1.hdslb.com/bfs/static/blive/blfe-dynamic-web/static/img/shop.eef9dd84.svg) center/contain no-repeat;
}
.shop-panel .shop-list[data-v-af82b85a] {
  width: 100%;
  background-color: #f4f5f7;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 12px;
  overflow-x: auto;
  position: relative;
}
.shop-panel .shop-list.reserve[data-v-af82b85a] {
  padding: 10px 12px;
}
.shop-panel .shop-list.is-repost[data-v-af82b85a] {
  background-color: #fff;
}
.shop-panel .shop-list.repost-card[data-v-af82b85a] {
  background-color: #fff;
}
.shop-panel .shop-list .delete-btn[data-v-af82b85a] {
  cursor: pointer;
  position: absolute;
  height: 14px;
  width: 14px;
  right: 6px;
  top: 6px;
}
.shop-panel .shop-list .delete-btn .delete-img[data-v-af82b85a] {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.like-users-panel[data-v-9f189eb0] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 13px;
  font-size: 13px;
  line-height: 19px;
  color: #99a2aa;
}
.like-users-panel[data-v-9f189eb0]::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 2px;
  background-color: #e7e7e7;
  border-radius: 1px;
}
.like-icon[data-v-9f189eb0] {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 12px;
  background: url(//s1.hdslb.com/bfs/static/blive/blfe-dynamic-web/static/img/zan_light.26982dd2.svg) top/contain no-repeat;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.users-box[data-v-9f189eb0] {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
/* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  font-size: 13px;
  line-height: 19px;
  max-height: 1.461538461538461em;
  color: #6d757a;
}
.users-box .like-users-list[data-v-9f189eb0],
.users-box .like-users-list[data-v-9f189eb0]:active,
.users-box .like-users-list[data-v-9f189eb0]:link,
.users-box .like-users-list[data-v-9f189eb0]:visited {
  color: #6d757a;
}
.users-box .like-users-list[data-v-9f189eb0]:hover {
  color: #00a1d6;
}
.suffix-text[data-v-9f189eb0] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 4px;
}

.card-content[data-v-5584c656] {
/* width: 532px */
  margin-top: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
/* padding-right 12px */
  padding-right: 0;
/* &.fake */
/* padding-bottom: 20px */
}
.card-content .repost[data-v-5584c656],
.card-content .not-support[data-v-5584c656],
.card-content .deleted[data-v-5584c656] {
  position: relative;
  padding: 8px 12px;
  border-radius: 4px;
  margin-left: -12px;
  background-color: #f4f5f7;
  line-height: 22px;
}
.card-content .repost p[data-v-5584c656],
.card-content .not-support p[data-v-5584c656],
.card-content .deleted p[data-v-5584c656] {
  padding: 0;
  margin: 0;
}
.card-content .repost .forbidden-icon[data-v-5584c656],
.card-content .not-support .forbidden-icon[data-v-5584c656],
.card-content .deleted .forbidden-icon[data-v-5584c656] {
  position: absolute;
  top: 0;
  left: 0;
}
.card-content .repost .forbidden-text[data-v-5584c656],
.card-content .not-support .forbidden-text[data-v-5584c656],
.card-content .deleted .forbidden-text[data-v-5584c656] {
  display: block;
  text-indent: 20px;
  font-size: 14px;
}
.card-content .repost .not-support[data-v-5584c656],
.card-content .not-support .not-support[data-v-5584c656],
.card-content .deleted .not-support[data-v-5584c656],
.card-content .repost .deleted[data-v-5584c656],
.card-content .not-support .deleted[data-v-5584c656],
.card-content .deleted .deleted[data-v-5584c656] {
  padding: 0;
  margin-left: 0;
}
.card-content .repost .deleted-icon[data-v-5584c656],
.card-content .not-support .deleted-icon[data-v-5584c656],
.card-content .deleted .deleted-icon[data-v-5584c656] {
  position: absolute;
  top: 0;
  left: 0;
}
.card-content .repost .deleted-text[data-v-5584c656],
.card-content .not-support .deleted-text[data-v-5584c656],
.card-content .deleted .deleted-text[data-v-5584c656] {
  cursor: pointer;
  display: block;
  text-indent: 20px;
  font-size: 14px;
}
.description[data-v-5584c656] {
  max-width: 100%;
  display: inline-block;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 22px;
  word-wrap: break-word;
}
.description.active[data-v-5584c656] {
  cursor: pointer;
}
.pure-text .description[data-v-5584c656] {
  margin-bottom: 0;
}
.original-poster[data-v-5584c656] {
  line-height: 22px;
}
.original-poster .username[data-v-5584c656] {
  font-size: 14px;
  margin-right: 8px;
  margin-bottom: 5px;
  color: #00a1d6;
  cursor: pointer;
}
.original-poster-tip[data-v-5584c656] {
  display: inline-block;
  font-size: 12px;
  color: #99a2aa;
  vertical-align: top;
  padding-top: 1px;
}
.vc-video[data-v-5584c656] {
  height: 300px;
}
.vc-cover[data-v-5584c656] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 6;
}
.vc-cover .duration[data-v-5584c656] {
  position: absolute;
  right: 16px;
  bottom: 8px;
  color: #fff;
}
.vc-cover .play-area[data-v-5584c656] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.vc-cover .play-area .play-btn[data-v-5584c656] {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -26px;
  margin-left: -28px;
}
.vc-ctnr[data-v-5584c656] {
  width: 520px;
}
.up-info[data-v-5584c656] {
  width: 100%;
  position: relative;
}
.up-info .up-info-avatar[data-v-5584c656] {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.up-info .up-info-avatar[data-v-5584c656]:hover {
  cursor: pointer;
}
.up-info .up-info-name[data-v-5584c656] {
  display: inline-block;
  font-size: 14px;
  color: #00a1d6;
  line-height: 24px;
  vertical-align: top;
  padding: 0 8px;
}
.up-info .up-info-tip[data-v-5584c656] {
  display: inline-block;
  font-size: 12px;
  color: #99a2aa;
  vertical-align: top;
  padding-top: 1px;
}
.up-info .up-focus-btn[data-v-5584c656] {
  -webkit-appearance: none;
  padding: 0;
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 48px;
  height: 24px;
  font-size: 12px;
  color: #00a1d6;
  line-height: 24px;
  border: 1px solid #00a1d6;
  border-radius: 4px;
  background: transparent;
  cursor: pointer;
}
.up-info .up-focus-btn.is-focus[data-v-5584c656] {
  border-color: #d3d7de;
  color: #999;
}

.static-popup[data-v-00b4b4ea] {
  display: inline-block;
  position: relative;
  border: 1px solid #e5e9ef;
  border-radius: 8px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.17);
          box-shadow: 0 3px 5px 0 rgba(0,0,0,0.17);
  opacity: 1;
  margin-top: 0;
  z-index: 20;
}
.static-popup .bp-arrow[data-v-00b4b4ea] {
  content: '';
  display: block;
  position: absolute;
  width: 8px;
  height: 5px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAA2CAYAAAD6f9hWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjkwRDkzMDhDMzA4MTFFNEJGNDZFNkI5OTEzQTlFMDQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjkwRDkzMDdDMzA4MTFFNEJGNDZFNkI5OTEzQTlFMDQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzRCNTREQjJDMTRFMTFFNDk3NDQ5RkRDM0M5MzVDQzYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzRCNTREQjNDMTRFMTFFNDk3NDQ5RkRDM0M5MzVDQzYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6HgAzyAAABaklEQVR42uxVsWqDYBA+rZt0cWl0qEvWTEKhjxBICXkPhz5Kh75Ep1ASyCMUiorQuYodtBl0aHUT7H3FX6w1mq4lHxx3/90X7r+7/4wUBEGVZdkTEa0sy9pTB1LFSJKE4jh+4/OCSS8/GFWNNE0rz/M+HMeZ85GENAQgz/PK9/2SSbYgyDSGsRQKSEOXVMIwJC7zme0lB9/7yhy8wugl/wmBG4VG9ApiMrqIVncBHx4SUiwxBz40Qdj1bFYgoP+LKIo+i6IgCGz4WPYSj1f8cK4oygZGWZY3rHbf02yl3XHgVtinaf6R0Nso13UnrB41TbtSeoIzVlvDMC51XSdq7yH2EvuJPRVoB22sPj4BbRy1/oMpflXRveShMi9YrbnM69ODOfbBtHYTsGt933xpW0Es7129vK9iP0WKmSzLD9Pp9AwCGz5BwGC2pmmeq6pKENjwsUxAWGO0PLkmF2z48HAJf2qHgNiXAAMAKF1cCIwQuHUAAAAASUVORK5CYII=) 0 -49px no-repeat;
}
.close-btn[data-v-00b4b4ea] {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 14px;
  height: 14px;
  color: #999;
  cursor: pointer;
}
.title[data-v-00b4b4ea] {
  padding: 15px;
  font-size: 14px;
  color: #222;
  text-align: left;
}
.move-in-enter-active[data-v-00b4b4ea] {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.move-in-leave-active[data-v-00b4b4ea] {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.move-in-enter[data-v-00b4b4ea],
.move-in-leave-active[data-v-00b4b4ea] {
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
  opacity: 0;
}

.dp-i-block[data-v-60ae9c4d] {
  display: inline-block;
}
.f-clear[data-v-60ae9c4d]:after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
}
.emoji-page[data-v-60ae9c4d] {
  position: relative;
  height: 200px;
  padding: 0 15px;
  overflow: hidden;
}
.emoji-page.ie[data-v-60ae9c4d] {
  overflow: auto;
}
.emoji-list[data-v-60ae9c4d] {
  list-style: none;
  padding: 0;
  margin: 0 0 0 -12px;
}
.emoji[data-v-60ae9c4d] {
  margin: 0;
  padding: 0;
  width: 38px;
  height: 38px;
  padding: 3px;
  margin-left: 12px;
  margin-bottom: 12px;
  line-height: 38px;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  font-size: 12px;
  background-color: #fff;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.emoji[data-v-60ae9c4d]:hover {
  background-color: #f3f5f7;
}
.emoji img[data-v-60ae9c4d] {
  width: 100%;
}
.emoji.kaomoji[data-v-60ae9c4d] {
  width: auto;
  height: 22px;
  line-height: 22px;
  padding-left: 4px;
  padding-right: 4px;
  border-radius: 4px;
}

.f-clear[data-v-97c4281e]:after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
}
.f-left[data-v-97c4281e] {
  float: left;
}
.pagination[data-v-97c4281e] {
  position: relative;
  width: 100%;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background-color: #f4f4f4;
  overflow: hidden;
}
.page-controller[data-v-97c4281e] {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
}
.page-controller .prev[data-v-97c4281e],
.page-controller .next[data-v-97c4281e] {
  display: block;
  width: 50%;
  height: 100%;
  float: left;
  text-align: center;
}
.page-controller .prev.disabled[data-v-97c4281e],
.page-controller .next.disabled[data-v-97c4281e] {
  color: #ccc;
}
.page-controller .prev.disabled[data-v-97c4281e]:hover,
.page-controller .next.disabled[data-v-97c4281e]:hover {
  background-color: transparent;
}
.page-controller .prev[data-v-97c4281e]:hover,
.page-controller .next[data-v-97c4281e]:hover {
  background-color: #fff;
}
.emoji-cover-list[data-v-97c4281e] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.emoji-cover[data-v-97c4281e] {
  min-width: 54px;
  margin: 0;
  padding: 6px 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}
.emoji-cover.selected[data-v-97c4281e] {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #fff;
}
.emoji-cover img[data-v-97c4281e] {
  height: 24px;
}
.emoji-cover .kaomoji[data-v-97c4281e] {
  display: inline-block;
  line-height: 24px;
}

.common-font[data-v-3c70393a] {
  font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
}
.revert[data-v-3c70393a] {
  top: -222px !important;
  left: 40px !important;
}
.move-in-enter-active[data-v-3c70393a] {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.move-in-leave-active[data-v-3c70393a] {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.move-in-enter[data-v-3c70393a],
.move-in-leave-active[data-v-3c70393a] {
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
  opacity: 0;
}
.move-in-down-enter-active[data-v-3c70393a] {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.move-in-down-leave-active[data-v-3c70393a] {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.move-in-down-enter[data-v-3c70393a],
.move-in-down-leave-active[data-v-3c70393a] {
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  opacity: 0;
}

.at-popup[data-v-9b2294ce] {
  z-index: 20000;
  width: 164px;
  border: 1px solid #e5e9ef;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.17);
          box-shadow: 0 3px 5px 0 rgba(0,0,0,0.17);
  border-radius: 4px;
  position: absolute;
}
.at-popup .hint[data-v-9b2294ce] {
  margin: 0;
  height: 30px;
  line-height: 32px;
  padding-left: 10px;
}
.at-popup .user-container[data-v-9b2294ce] {
  height: 120px;
  overflow: auto;
}
.at-popup .user-container .item[data-v-9b2294ce] {
  line-height: 24px;
  padding-left: 10px;
}
.at-popup .user-container .item.is-selected[data-v-9b2294ce] {
  color: #00a1d6;
  background-color: #f4f5f7;
}

.textarea-container[data-v-13122930] {
  font-size: 12px;
  position: relative;
}
.textarea-container .textarea[data-v-13122930] {
  font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
  margin: 0;
}
.textarea-container .textarea[data-v-13122930]::-webkit-input-placeholder {
  color: #99a2aa;
}
.textarea-container .textarea[data-v-13122930]::-moz-input-placeholder {
  color: #99a2aa;
}
.textarea-container .textarea[data-v-13122930]::-ms-input-placeholder {
  color: #99a2aa;
}
.textarea-container textarea[data-v-13122930],
.textarea-container .comm-nologin[data-v-13122930] {
  border-radius: 4px;
  padding: 5px 2px 0 6px;
  border: 1px solid #e5e9ef;
  font-size: inherit;
}
.textarea-container .comm-nologin[data-v-13122930] {
  display: block;
  position: absolute;
  z-index: 10;
  top: 0;
  height: 45px;
  line-height: 45px;
  font-size: 12px;
  text-align: center;
  color: #777;
  background-color: #e5e9ef;
  overflow: hidden;
}
.textarea-container .comm-nologin .loginBtn[data-v-13122930] {
  padding: 4px 9px;
  margin: 0 3px;
  background-color: #00a1d6;
  border-radius: 4px;
  outline: none;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.textarea-container .comm-nologin .loginBtn[data-v-13122930]:hover {
  background-color: #00b5e5;
}
.textarea-container textarea[data-v-13122930] {
  resize: none;
  display: inline-block;
  background-color: #fff;
  word-wrap: break-word;
  color: #555;
  outline: none;
  line-height: 20px;
  overflow: hidden;
}
.textarea-container textarea[data-v-13122930]:hover,
.textarea-container textarea[data-v-13122930]:focus {
  border-color: #00a1d6;
}
.textarea-container .comm-tool[data-v-13122930] {
  padding-top: 4px;
  margin-bottom: 15px;
}
.textarea-container .comm-tool .comm-submit[data-v-13122930],
.textarea-container .comm-tool .comm-emoji[data-v-13122930] {
  height: 26px;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.textarea-container .comm-tool .comm-word[data-v-13122930] {
  margin-right: 8px;
  color: #99a2aa;
  line-height: 26px;
}
.textarea-container .comm-tool .comm-word span.exceed[data-v-13122930] {
  color: #fb7299;
}
.textarea-container .comm-tool .comm-submit[data-v-13122930] {
  width: 56px;
  background: #00a1d6;
  border-radius: 4px;
  line-height: 26px;
  color: #fff;
}
.textarea-container .comm-tool .comm-submit.exceed[data-v-13122930] {
  color: #99a2aa;
  background-color: #dce1e3;
}
.textarea-container .comm-tool .comm-submit.exceed[data-v-13122930]:hover {
  color: #6d757a;
  background-color: #dce1e3;
  cursor: not-allowed;
}
.textarea-container .comm-tool .comm-submit[data-v-13122930]:hover {
  background: #00b5e5;
}
.textarea-container .comm-tool .comm-emoji[data-v-13122930] {
  line-height: 23px;
  width: 68px;
  border: 1px solid #e5e9ef;
  position: relative;
  color: #99a2aa;
  background-color: #fff;
}
.textarea-container .comm-tool .comm-emoji.exceed[data-v-13122930] {
  background-color: #dce1e3;
}
.textarea-container .comm-tool .comm-emoji.exceed[data-v-13122930]:hover {
  background-color: #dce1e3;
  cursor: not-allowed;
}
.textarea-container .comm-tool .comm-emoji .bp-emoji-box[data-v-13122930] {
  color: #222;
  cursor: default;
}
.textarea-container .comm-tool .comm-emoji .icon-face[data-v-13122930] {
  width: 16px;
  height: 16px;
  background-position: -408px -24px;
  margin-right: 5px;
}
.textarea-container .comm-tool .comm-emoji .comm-text[data-v-13122930] {
  vertical-align: middle;
}
.textarea-container .comm-tool .comm-emoji:hover .comm-text[data-v-13122930] {
  color: #6d757a;
}
.textarea-container .comm-tool .comm-emoji:hover .icon-face[data-v-13122930] {
  background-position: -472px -24px;
}

.bili-at-popup {
  z-index: 10;
  width: 246px;
  border: 1px solid #e5e9ef;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.17);
          box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.17);
  border-radius: 4px;
  position: absolute;
  background-color: #fff;
  font-size: 12px;
}
.bili-at-popup__hint {
  margin: 0;
  height: 40px;
  line-height: 42px;
  padding-left: 12px;
  letter-spacing: 0;
  cursor: default;
  color: #99a2aa;
  font-family: "Microsoft YaHei", "Microsoft Sans Serif", "Microsoft SanSerf";
}
.bili-at-popup__list {
  width: 100%;
  max-height: 353px;
  overflow: auto;
}
.bili-at-popup__group-name {
  line-height: 17px;
  padding-left: 12px;
  color: #505050;
  padding-bottom: 3px;
}
.bili-at-popup__group:not(:last-child)-list {
  padding-bottom: 7px;
}
.bili-at-popup__user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 12px;
  height: 50px;
  cursor: pointer;
}
.bili-at-popup__user--selected {
  background-color: #f4f5f7;
}
.bili-at-popup__user-avatar {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 36px;
  height: 36px;
}
.bili-at-popup__user-avatar img {
  width: 36px;
  height: 36px;
  border-radius: 20px;
}
.bili-at-popup__user-avatar .bili-at-popup__user-auth {
  position: absolute;
  z-index: 9;
  background-image: url(//s1.hdslb.com/bfs/static/blive/blfe-dynamic-web/static/img/user-auth.e9bcc833.png);
  background-repeat: no-repeat;
  right: -3px;
  top: 22px;
  width: 18px;
  height: 18px;
  -webkit-transform: scale(0.66);
          transform: scale(0.66);
}
.bili-at-popup__user-avatar .bili-at-popup__user-auth--personal {
  background-position: -39px -82px;
}
.bili-at-popup__user-avatar .bili-at-popup__user-auth--organization {
  background-position: -5px -82px;
}
.bili-at-popup__user-info {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-left: 8px;
}
.bili-at-popup__user-name {
  color: #282828;
  line-height: 16px;
  letter-spacing: 0;
}
.bili-at-popup__user-fans {
  margin-top: 3px;
  line-height: 16px;
  color: #99A2AA;
  letter-spacing: 0;
}

.textarea-container[data-v-1b7dc8c2] {
  font-size: 12px;
  position: relative;
}
.textarea-container .textarea[data-v-1b7dc8c2] {
  font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
  margin: 0;
}
.textarea-container .textarea[data-v-1b7dc8c2]::-webkit-input-placeholder {
  color: #99a2aa;
}
.textarea-container .textarea[data-v-1b7dc8c2]::-moz-input-placeholder {
  color: #99a2aa;
}
.textarea-container .textarea[data-v-1b7dc8c2]::-ms-input-placeholder {
  color: #99a2aa;
}
.textarea-container textarea[data-v-1b7dc8c2],
.textarea-container .comm-nologin[data-v-1b7dc8c2] {
  border-radius: 4px;
  padding: 5px 2px 0 6px;
  border: 1px solid #e5e9ef;
  font-size: inherit;
}
.textarea-container .comm-nologin[data-v-1b7dc8c2] {
  display: block;
  position: absolute;
  z-index: 10;
  top: 0;
  height: 45px;
  line-height: 45px;
  font-size: 12px;
  text-align: center;
  color: #777;
  background-color: #e5e9ef;
  overflow: hidden;
}
.textarea-container .comm-nologin .loginBtn[data-v-1b7dc8c2] {
  padding: 4px 9px;
  margin: 0 3px;
  background-color: #00a1d6;
  border-radius: 4px;
  outline: none;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.textarea-container .comm-nologin .loginBtn[data-v-1b7dc8c2]:hover {
  background-color: #00b5e5;
}
.textarea-container textarea[data-v-1b7dc8c2] {
  resize: none;
  display: inline-block;
  background-color: #fff;
  word-wrap: break-word;
  color: #555;
  outline: none;
  line-height: 20px;
  overflow: hidden;
}
.textarea-container textarea[data-v-1b7dc8c2]:hover,
.textarea-container textarea[data-v-1b7dc8c2]:focus {
  border-color: #00a1d6;
}
.textarea-container .comm-tool[data-v-1b7dc8c2] {
  padding-top: 4px;
  margin-bottom: 15px;
}
.textarea-container .comm-tool .comm-submit[data-v-1b7dc8c2],
.textarea-container .comm-tool .comm-emoji[data-v-1b7dc8c2] {
  height: 26px;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.textarea-container .comm-tool .comm-word[data-v-1b7dc8c2] {
  margin-right: 8px;
  color: #99a2aa;
  line-height: 26px;
}
.textarea-container .comm-tool .comm-word span.exceed[data-v-1b7dc8c2] {
  color: #fb7299;
}
.textarea-container .comm-tool .comm-submit[data-v-1b7dc8c2] {
  width: 56px;
  background: #00a1d6;
  border-radius: 4px;
  line-height: 26px;
  color: #fff;
}
.textarea-container .comm-tool .comm-submit.exceed[data-v-1b7dc8c2] {
  color: #99a2aa;
  background-color: #dce1e3;
}
.textarea-container .comm-tool .comm-submit.exceed[data-v-1b7dc8c2]:hover {
  color: #6d757a;
  background-color: #dce1e3;
  cursor: not-allowed;
}
.textarea-container .comm-tool .comm-submit[data-v-1b7dc8c2]:hover {
  background: #00b5e5;
}
.textarea-container .comm-tool .comm-emoji[data-v-1b7dc8c2] {
  line-height: 23px;
  width: 68px;
  border: 1px solid #e5e9ef;
  position: relative;
  color: #99a2aa;
  background-color: #fff;
}
.textarea-container .comm-tool .comm-emoji.exceed[data-v-1b7dc8c2] {
  background-color: #dce1e3;
}
.textarea-container .comm-tool .comm-emoji.exceed[data-v-1b7dc8c2]:hover {
  background-color: #dce1e3;
  cursor: not-allowed;
}
.textarea-container .comm-tool .comm-emoji .bp-emoji-box[data-v-1b7dc8c2] {
  color: #222;
  cursor: default;
}
.textarea-container .comm-tool .comm-emoji .icon-face[data-v-1b7dc8c2] {
  width: 16px;
  height: 16px;
  background-position: -408px -24px;
  margin-right: 5px;
}
.textarea-container .comm-tool .comm-emoji .comm-text[data-v-1b7dc8c2] {
  vertical-align: middle;
}
.textarea-container .comm-tool .comm-emoji:hover .comm-text[data-v-1b7dc8c2] {
  color: #6d757a;
}
.textarea-container .comm-tool .comm-emoji:hover .icon-face[data-v-1b7dc8c2] {
  background-position: -472px -24px;
}

.dynamic-list-item-wrap[data-v-6ecb7732] {
  padding: 12px 0 10px;
  border-top: 1px solid #ebeef2;
}
.dynamic-list-item-wrap .item-detail .text[data-v-6ecb7732] {
  color: #222;
}
.dynamic-list-item-wrap .item-detail .text[data-v-6ecb7732] .dynamic-link-hover-bg {
  cursor: pointer;
}
.dynamic-list-item-wrap .item-detail .info a[data-v-6ecb7732],
.dynamic-list-item-wrap .item-detail .info span[data-v-6ecb7732] {
  font-size: 12px;
}
.dynamic-list-item-wrap .item-detail .info .time[data-v-6ecb7732] {
  color: #98a2aa;
}
.dynamic-list-item-wrap .item-detail .info .forw-submit[data-v-6ecb7732] {
  cursor: pointer;
  color: #23ade6;
}

.comm-loading[data-v-740f9d96] {
  text-align: center;
  position: relative;
  margin-left: -45px;
}
.comm-loading >span[data-v-740f9d96] {
  vertical-align: middle;
  font-size: 12px;
  color: #999;
}
.comm-loading .loading-icon[data-v-740f9d96] {
  display: inline-block;
  height: 18px;
  width: 18px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAfNJREFUOBGllM9LG0EUx53dLEg2FHJRUAgiTZGk+bEl1B6qpYeCp5566L/Qu2Bvhd7auyDoHyFePIgYqIfe8nMhEAiC2KZU+iMgyWY3ST8vsCEslbA6MHlv5r33me/M7ETN/adVKpVnSqlXw+Ewh43TvdFo1Ca1xFzRsqxysExNT5RKpRVN0z5S9IRil5hHn7YuMU/X9TJ9N5VKfffrJyBUrJO0R8AE0sE/wJ65rnspyfhLhmGs474mFmH8F/9zNpttjOPyU61WVwke4cZIOEf+Tj6fv5JYsLHgAnPvyF9DfQdlH9LpdHusiOAhgKcAvuRyubf4oyBgegxE1ev199hH1DRY9JOGmhcUPmfSgb49CyJAyXEcZx/IDcNVGGsagzd0A9BeJpMZn8f06rf5hULhmppj4nIBFtvUNlkhghqZDNWorVArt7qiQUvgGEy2QlFIjkajPzGiKBrhcONhAYF8F1WeFpgMNez3+yKij6Jf9wLxsT4EJFtr3RnUbDYfcEGWgOj2nUAoUN1u9yWfDcejLnjEFxFooZpt27FarbZB0SI3feN53okAJo/2Nhqr68ViUSUSCbPX6y1zLo9RMQ9kyNZO/X+AmSAUbLGqrCPfmiF2MBj8Nk3zazKZ7PgCZm6NcxgAkPfl0P8w/sYj/eEDfPsPXw/tUFe7UiQAAAAASUVORK5CYII=);
  -webkit-animation: rotate-data-v-740f9d96 1s infinite;
          animation: rotate-data-v-740f9d96 1s infinite;
  margin-right: 10px;
}
@-webkit-keyframes rotate-data-v-740f9d96 {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes rotate-data-v-740f9d96 {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}

.dynamic-comm-icon {
  background-image: url(data:image/png;base64,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);
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
}
.dynamic-like,
.dynamic-hate {
  cursor: pointer;
}
.dynamic-like i,
.dynamic-hate i {
  width: 14px;
  height: 14px;
  vertical-align: text-top;
  margin-right: 5px;
}
.dynamic-like i {
  background-position: -153px -25px;
}
.dynamic-like:hover i {
  background-position: -218px -25px;
}
.dynamic-liked i,
.dynamic-liked:hover i {
  background-position: -154px -89px;
}
.dynamic-hate i {
  background-position: -153px -153px;
}
.dynamic-hate:hover i {
  background-position: -217px -153px;
}
.dynamic-hated i,
.dynamic-hated:hover i {
  background-position: -154px -217px;
}
.dynamic-spot {
  width: 18px;
  height: 18px;
  cursor: pointer;
  background-position: -151px -280px;
}
.dynamic-spot:hover {
  background-position: -216px -280px;
}
.dynamic-level {
  display: inline-block;
  width: 19px;
  height: 9px;
  vertical-align: middle;
  margin: 0 8px;
  background: url(data:image/png;base64,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) no-repeat;
}
.dynamic-level.lv0 {
  background-position: -23px -28px;
}
.dynamic-level.lv1 {
  background-position: -23px -92px;
}
.dynamic-level.lv2 {
  background-position: -23px -156px;
}
.dynamic-level.lv3 {
  background-position: -23px -220px;
}
.dynamic-level.lv4 {
  background-position: -23px -284px;
}
.dynamic-level.lv5 {
  background-position: -23px -348px;
}
.dynamic-level.lv6 {
  background-position: -23px -412px;
}
.dynamic-level.lv7 {
  background-position: -23px -476px;
}
.dynamic-level.lv8 {
  background-position: -23px -540px;
}
.dynamic-level.lv9 {
  background-position: -23px -604px;
}
.dynamic-list-item-wrap {
  position: relative;
}
.dynamic-list-item-wrap .item-user {
  font-size: 0;
}
.dynamic-list-item-wrap .item-user >a,
.dynamic-list-item-wrap .item-user >span {
  vertical-align: middle;
}
.dynamic-list-item-wrap .item-user a.stick {
  border: 1px solid #ff81aa;
  min-width: 30px;
  display: inline-block;
  height: 18px;
  line-height: 18px;
  text-align: center;
  font-size: 12px;
  color: #ff81aa;
  border-radius: 3px;
  margin-right: 5px;
  vertical-align: middle;
  font-weight: 400;
}
.dynamic-list-item-wrap .item-user a.user-name {
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  text-decoration: none;
  color: #6d757a;
}
.dynamic-list-item-wrap .item-user a.user-name.vip {
  color: #fb7299;
}
.dynamic-list-item-wrap .item-detail .text {
  margin: 0;
  width: 480px;
  line-height: 20px;
  padding: 6px 0 8px;
  font-size: 12px;
  text-shadow: none;
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-word;
}
.comm-face,
.forw-face {
  margin-right: 8px;
}
.comm-face .comm-head,
.forw-face .comm-head,
.comm-face .forw-head,
.forw-face .forw-head {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}

.forw-area[data-v-54292558] {
  background-color: #fff;
  border-radius: 0 0 4px 4px;
}
.forw-area .forw-loading-box[data-v-54292558] {
  padding: 10px 0;
}
.forw-area .forw-main[data-v-54292558] {
/*width 100%*/
  padding-left: 64px;
}
.forw-area .forw-main .forw-send[data-v-54292558] {
  padding-top: 20px;
}
.forw-area .forw-main .forw-list .hot-line[data-v-54292558] {
  text-align: center;
  position: relative;
  font-size: 12px;
}
.forw-area .forw-main .forw-list .hot-line >span[data-v-54292558] {
  position: absolute;
  top: -7px;
  margin-left: -115px;
  padding: 0 20px;
  background: #fff;
}
.forw-area .forw-main .forw-list .hot-line >span .more-hot[data-v-54292558] {
  padding: 5px 6px;
  border-radius: 4px;
  outline: none;
  color: #00a1d6;
  text-decoration: none;
  cursor: pointer;
}
.forw-area .forw-more[data-v-54292558] {
  width: 100%;
  border-top: 1px solid #ebeef2;
  height: 44px;
  line-height: 44px;
  text-align: center;
}
.forw-area .forw-more.forw-more-tag[data-v-54292558] {
  width: calc(100% - 100px);
  margin-left: 88px;
}
.forw-area .forw-more a[data-v-54292558] {
  cursor: pointer;
  font-size: 14px;
  color: #999;
  text-decoration: none;
}
.forw-area .forw-more a.nomore[data-v-54292558] {
  cursor: not-allowed;
}
.forw-area .forw-more a.more[data-v-54292558]:hover {
  color: #00b5e5;
}

.im-popup[data-v-53efcfd2] {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10003;
  background: rgba(0,0,0,0.6);
  color: #666;
}
.split-line[data-v-53efcfd2] {
  width: 100%;
  position: absolute;
  top: 50px;
  left: 0;
  border-top: 1px solid #e9eaec;
}
.content[data-v-53efcfd2] {
  padding: 24px 0 25px;
  line-height: 1.7;
  font-size: 14px;
}
.im-popup-fade-enter-active[data-v-53efcfd2],
.im-popup-fade-leave-active[data-v-53efcfd2] {
  -webkit-transition: 200ms;
  transition: 200ms;
}
.im-popup-fade-enter[data-v-53efcfd2],
.im-popup-fade-leave-to[data-v-53efcfd2] {
  opacity: 0;
}
.im-popup-fade-enter-to[data-v-53efcfd2],
.im-popup-fade-leave[data-v-53efcfd2] {
  opacity: 1;
}

.im-popup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.im-popup .bp-popup-panel {
  top: 0 !important;
}
.im-popup .bp-popup-panel .title-ctnr .popup-title {
  font-family: PingFangSC-Regular !important;
  font-size: 18px !important;
  font-weight: 100 !important;
  color: #0097d0 !important;
}
.im-popup .hide-button .popup-title {
  padding: 15px 0;
}
.im-popup .im-popup-shell {
  width: 464px !important;
  border-radius: 12px;
  padding: 24px 32px !important;
  overflow: hidden;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.im-popup .bp-popup-panel .close-btn {
  top: 15px !important;
}

.type-selector[data-v-1f7f31f2] {
  width: 50%;
  cursor: pointer;
  margin-top: 20px;
  position: relative;
}
.type-selector[data-v-1f7f31f2]:last-child {
  margin-right: 0;
}
.type-selector .bp-svg-icon[data-v-1f7f31f2] {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 22px;
}
.radio[data-v-1f7f31f2] {
  width: 22px;
  margin-right: 5px;
  cursor: pointer;
  visibility: hidden;
}
.radio-selected[data-v-1f7f31f2],
.radio-default[data-v-1f7f31f2] {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(//s1.hdslb.com/bfs/static/blive/blfe-dynamic-web/static/img/radio-default.ecbd76f5.svg) center/contain no-repeat;
}
.radio-selected[data-v-1f7f31f2] {
  background-image: url(//s1.hdslb.com/bfs/static/blive/blfe-dynamic-web/static/img/radio-selected.fd4f5b34.svg);
}

.content-text[data-v-126b8d34] {
  color: #666;
}
.selector-box[data-v-126b8d34] {
  color: #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.name[data-v-126b8d34] {
  padding: 0 5px;
  font-weight: bold;
  text-decoration: underline;
}
.report-tip[data-v-126b8d34] {
  padding-left: 16px;
  font-size: 12px;
  margin: 8px 0;
}
.report-input[data-v-126b8d34] {
  border: 1px solid #e9eaec;
  border-radius: 4px;
  padding: 5px 10px;
  margin-left: 16px;
}
.other-reason[data-v-126b8d34] {
  margin-right: 50% !important;
}
.input-box[data-v-126b8d34] {
  position: relative;
}
.textarea[data-v-126b8d34] {
  -webkit-tap-highlight-color: rgba(0,0,0,0.1);
  outline: 0;
  padding: 0;
  margin: 0;
  border: 0;
  resize: none;
  overflow-x: hidden;
  overflow-y: auto;
  height: 50px;
  width: 100%;
  border-radius: 4px;
  padding: 0 0 14px;
  -webkit-transition: 200ms;
  transition: 200ms;
  font-size: 12px;
  color: #333;
  font-size: 14px;
}
.textarea[data-v-126b8d34]::-webkit-input-placeholder {
  color: #999;
}
.indicator[data-v-126b8d34] {
  color: #c0c0c0;
  position: absolute;
  right: 5px;
  bottom: 0;
  padding: 1px;
  font-size: 12px;
}
.too-much[data-v-126b8d34] {
  color: #f00;
}


.skeleton[data-v-17bb0413] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
}
.skeleton .skeleton-head[data-v-17bb0413],
.skeleton .skeleton-focusbtn[data-v-17bb0413],
.skeleton .skeleton-user-name[data-v-17bb0413],
.skeleton .skeleton-time[data-v-17bb0413],
.skeleton .skeleton-content[data-v-17bb0413] {
    background: #f4f5f7;
}
.skeleton-head[data-v-17bb0413] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.skeleton-body[data-v-17bb0413] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 20px;
}
.first-line[data-v-17bb0413] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.skeleton-user-name[data-v-17bb0413] {
  width: 100px;
  height: 20px;
}
.skeleton-time[data-v-17bb0413] {
  margin-top: 10px;
  width: 60px;
  height: 20px;
}
.skeleton-content[data-v-17bb0413] {
    width: 520px;
    height: 80px;
    margin-top: 10px;
}
.skeleton-focusbtn[data-v-17bb0413] {
  width: 70px;
  height: 32px;
  margin-left: 40px;
}

.svga-player {
  width: 118px;
  height: 177px;
}

@font-face {
  font-family: "fans num";
  src: url(data:font/ttf;base64,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AGMAbwBtAFIAZQBlAEoAaQAtAEIAaQBnAFIAdQBpAHgAYQBpAG4ALQBCAGwAYQBjAGsARwBCAFYAMQAuADAAQwBvAHAAeQByAGkAZwBoAHQAKABjACkAIAAyADAAMQA1ACAAUgBFAEUASgBJACAAlQAQAFsAVwBdAOUAYgA/AA0ACgBTAGgAYQBuAGcAIABoAGEAaQAgAFIAdQBpACAAWABpAGEAbgAgAEMAcgBlAGEAdABpAHYAZQAgAEQAZQBzAGkAZwBuACAAQwBvAC4AIABMAHQAZAAuAP8ADAANAAoATgAKAG0AdwCVABAAfgC/AFIAGwBhAA8AiwC+AIsAoQBnAAkAlgBQAFEAbABTAPgADQAKAHcAdwB3AC4AcgBlAGUAagBpAC4AYwBvAG0ADQAKAFEAUQA6ADIANwA3ADAAOAA1ADEANwAzADMADQAKAE0AYQBpAGwAOgBSAGUAZQBqAGkAZgBvAG4AdABAAG8AdQB0AGwAbwBvAGsALgBjAG8AbQACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4AAAARABMAFAAVABYAFwAYABkAGgAbABwAMQAyAAA=);
}
.card[data-v-5ae963b0] {
  position: relative;
  top: 0;
  border-radius: 4px;
  min-width: 632px;
  background: #fff;
}
.card .main-content[data-v-5ae963b0] {
  width: 534px;
  padding-top: 27px;
  margin-left: 88px;
}
.card .main-content .user-name[data-v-5ae963b0] {
  color: #222;
}
.card .main-content .user-name a[data-v-5ae963b0] {
  color: #222;
}
.card .main-content .user-name a[data-v-5ae963b0]:hover {
  color: #00b5e5;
}
.card .main-content .user-name.big-vip a[data-v-5ae963b0],
.card .main-content .user-name.big-vip a[data-v-5ae963b0]:hover {
  color: #fb7299;
}
.card .main-content .time[data-v-5ae963b0] {
  padding-top: 4px;
}
.card .main-content .time .detail-link[data-v-5ae963b0] {
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.card .main-content .time .detail-link[data-v-5ae963b0]:hover {
  color: #ff85ad;
}
.card .main-content .error-msg[data-v-5ae963b0] {
  color: #fa5a57;
  line-height: 20px;
  padding-top: 24px;
}
.card .main-content .error-msg .icon-error[data-v-5ae963b0] {
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 14A7 7 0 1 1 7 0a7 7 0 0 1 0 14zm-.75-9.75a.75.75 0 1 0 1.5 0 .75.75 0 0 0-1.5 0zM7.375 6h-.75a.125.125 0 0 0-.125.125v4.25c0 .069.056.125.125.125h.75a.125.125 0 0 0 .125-.125v-4.25A.125.125 0 0 0 7.375 6z' fill='%23FA5A57' fill-rule='nonzero'/%3E%3C/svg%3E") no-repeat center;
  display: inline-block;
  margin-right: 4px;
}
.card .main-content .button-bar[data-v-5ae963b0] {
  width: 100%;
}
.card .main-content .button-bar .bp-svg-icon[data-v-5ae963b0] {
  background-image: url(//s1.hdslb.com/bfs/static/blive/blfe-dynamic-web/static/img/bp-svg-icon.eb35343a.svg);
}
.card .main-content .button-bar .single-button[data-v-5ae963b0] {
  display: inline-block;
  line-height: 48px;
  width: 92px;
  font-size: 12px;
}
.card .main-content .button-bar .single-button .single-icon[data-v-5ae963b0] {
  font-size: 20px;
  padding-right: 4px;
  -webkit-transform-origin: 50% 40%;
          transform-origin: 50% 40%;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}
.card .main-content .button-bar .single-button .text-bar.selected[data-v-5ae963b0] {
  color: #00a1d6;
}
.card .main-content .button-bar .single-button .text-bar .text-offset[data-v-5ae963b0] {
  position: relative;
  top: 2px;
}
.card .user-head[data-v-5ae963b0] {
  display: block;
  position: absolute;
  width: 48px;
  height: 48px;
  top: 24px;
  left: 24px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.card .user-head .user-decorator[data-v-5ae963b0] {
  position: absolute;
  width: 84px;
  height: 84px;
  top: -18px;
  left: -18px;
  background: transparent center/contain no-repeat;
}
.card .user-head .verify-icon[data-v-5ae963b0] {
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  background: #fff center/14px no-repeat;
}
.card .user-head .verify-personal[data-v-5ae963b0] {
  background-image: url(//s1.hdslb.com/bfs/static/blive/blfe-dynamic-web/static/img/verify_0.6e59734b.svg);
}
.card .user-head .verify-company[data-v-5ae963b0] {
  background-image: url(//s1.hdslb.com/bfs/static/blive/blfe-dynamic-web/static/img/verify_1.d53e8b68.svg);
}
.card .user-head .big-vip[data-v-5ae963b0] {
  background-image: url(//s1.hdslb.com/bfs/static/blive/blfe-dynamic-web/static/img/verify_big.230767cd.svg);
}
.card .card-decorator[data-v-5ae963b0] {
  position: absolute;
  top: 18px;
  right: 48px;
  width: 60px;
  height: 34px;
  background: transparent center/contain no-repeat;
}
.card .card-decorator .fans-card-text[data-v-5ae963b0] {
  font-family: "fans num";
  font-size: 12px;
  color: #fff;
  position: absolute;
  top: 17px;
  right: 54px;
  line-height: normal !important;
  -webkit-transform: scale(0.88);
          transform: scale(0.88);
  -webkit-transform-origin: right;
          transform-origin: right;
}
.card .focus-btn[data-v-5ae963b0] {
  width: 70px;
  height: 32px;
  top: 24px;
  right: 48px;
}
.card .focus-btn .unfocus[data-v-5ae963b0] {
  border: 1px solid #00a1d6;
  border-radius: 4px;
  background-color: #fff;
}
.card .focus-btn .unfocus[data-v-5ae963b0]:hover {
  background-color: #00a1d6;
}
.card .focus-btn .unfocus .unfocus-text[data-v-5ae963b0] {
  color: #00a1d6;
  line-height: 32px;
}
.card .focus-btn .unfocus .unfocus-text[data-v-5ae963b0]:hover {
  color: #fff;
}
.card .focus-btn .focus[data-v-5ae963b0] {
  border: 1px solid #ccd0d7;
  border-radius: 4px;
  background-color: #fff;
}
.card .focus-btn .focus[data-v-5ae963b0]:hover {
  border-color: #00a1d6;
}
.card .focus-btn .focus .focus-text[data-v-5ae963b0] {
  color: #9ea7ae;
  line-height: 32px;
}
.card .focus-btn .focus .focus-text[data-v-5ae963b0]:hover {
  color: #00a1d6;
}
.card .button-area[data-v-5ae963b0] {
  position: absolute;
  top: 33px;
  right: 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.card .button-area .more-button[data-v-5ae963b0] {
  font-size: 16px;
  color: #ccd0d7;
}
.card .button-area .more-button[data-v-5ae963b0]:hover {
  color: #00a1d6;
}
.card .button-group[data-v-5ae963b0] {
  position: absolute;
  top: 24px;
  right: 24px;
}
.card .button-group .disabled[data-v-5ae963b0] {
  opacity: 0.4;
  background: #fff;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
}
.card .button-group .draft-button[data-v-5ae963b0] {
  display: inline-block;
  cursor: pointer;
  border: 1px solid #ccd0d7;
  border-radius: 4px;
  padding: 0 15px;
  margin-left: 6px;
  line-height: 24px;
  color: #6d757a;
}
.card .button-group .draft-button[data-v-5ae963b0]:hover {
  border-color: #00a1d6;
  color: #00a1d6;
}
.card .panel-area[data-v-5ae963b0] {
/*width 532px*/
  margin-left: 24px;
  margin-right: 24px;
  padding-bottom: 2px;
}
.card .more-panel[data-v-5ae963b0] {
  position: absolute;
  width: 94px;
  text-align: center;
  top: 58px;
  background: #fff;
  border: 1px solid #e5e9ef;
  -webkit-box-shadow: 0 11px 12px 0 rgba(106,115,133,0.12);
          box-shadow: 0 11px 12px 0 rgba(106,115,133,0.12);
  border-radius: 8px;
  color: #222;
  z-index: 10;
  right: 5px;
}
.card .more-panel.tag[data-v-5ae963b0] {
  right: -9px !important;
}
.card .more-panel[data-v-5ae963b0]:after {
  content: "";
  display: block;
  border-top: 1px solid #e5e9ef;
  border-left: 1px solid #e5e9ef;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 8px;
  height: 8px;
  position: absolute;
  top: -5px;
  right: 12px;
  background: #fff;
}
.card .more-panel .child-button[data-v-5ae963b0] {
  padding-top: 4px;
  padding-bottom: 4px;
}
.card .more-panel .child-button[data-v-5ae963b0]:first-child {
  padding-top: 18px;
}
.card .more-panel .child-button[data-v-5ae963b0]:last-child {
  padding-bottom: 18px;
}
.card .more-panel .child-button[data-v-5ae963b0]:hover {
  color: #00b5e5;
}
.type-label[data-v-5ae963b0] {
  padding: 1px 4px;
  border-radius: 2px;
  margin-right: 8px;
  background: #fb7299;
  font-size: 12px;
  color: #fff;
  position: relative;
  top: -2px;
}
.chrome-scale-1-1 .single-icon[data-v-5ae963b0] {
  font-size: 20px !important;
  -webkit-transform-origin: 50% 40%;
          transform-origin: 50% 40%;
  -webkit-transform: scale(0.75);
          transform: scale(0.75);
}
p[data-v-5ae963b0] {
  margin: 0;
  padding: 0;
}
.fold-box[data-v-5ae963b0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 46px;
  border-top: 1px solid #e5e9ef;
}
.fold-box .fold-hoverable[data-v-5ae963b0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  color: #99a2aa;
  font-size: 14px;
}
.fold-box .fold-hoverable[data-v-5ae963b0]:hover {
  color: #00a1d6;
}
.fold-box .fold-hoverable:hover .fold-arrow[data-v-5ae963b0] {
  background-image: url(//s1.hdslb.com/bfs/static/blive/blfe-dynamic-web/static/img/expandmore_blue.a220239b.svg);
}
.fold-box .fold-users[data-v-5ae963b0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.fold-box .fold-user-avatar[data-v-5ae963b0] {
  width: 30px;
  height: 30px;
  background: #fff center/cover no-repeat;
  margin-right: 5px;
  border-radius: 50%;
}
.fold-box .fold-arrow[data-v-5ae963b0] {
  width: 14px;
  height: 14px;
  background: url(//s1.hdslb.com/bfs/static/blive/blfe-dynamic-web/static/img/expandmore.537c89de.svg) center/contain no-repeat;
  margin-left: 4px;
}
.custom-like-icon[data-v-5ae963b0] {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: center/contain no-repeat;
  vertical-align: text-top;
  margin-right: 4px;
  margin-top: -2px;
}
.custom-like-icon.zan[data-v-5ae963b0] {
  background-size: 15px;
  background-image: url(//s1.hdslb.com/bfs/static/blive/blfe-dynamic-web/static/img/zan.0da89524.svg);
}
.custom-like-icon.zan-a-hover[data-v-5ae963b0] {
  background-size: 15px;
  background-image: url(//s1.hdslb.com/bfs/static/blive/blfe-dynamic-web/static/img/zan-a-hover.7aa2757b.svg);
}
.custom-like-icon.zan-hover[data-v-5ae963b0] {
  background-size: 15px;
  background-image: url(//s1.hdslb.com/bfs/static/blive/blfe-dynamic-web/static/img/zan-hover.ab577109.svg);
}
.svga-position[data-v-5ae963b0] {
  position: absolute;
  bottom: 8px;
  left: -44px;
  z-index: 10;
}
.icon-hidden[data-v-5ae963b0] {
  visibility: hidden;
}
.folded-card[data-v-5ae963b0] {
  background-color: #fff;
  height: 46px;
  text-align: center;
  line-height: 46px;
  color: #99a2aa;
  font-size: 14px;
  border: 1px solid #e5e9ef;
  border-radius: 4px;
  margin: 8px 0;
}
.folded-card[data-v-5ae963b0]:hover {
  color: #00a1d6;
}
.folded-card:hover .fold-arrow[data-v-5ae963b0] {
  background-image: url(//s1.hdslb.com/bfs/static/blive/blfe-dynamic-web/static/img/expandmore_blue.a220239b.svg);
}
.folded-card .fold-arrow[data-v-5ae963b0] {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(//s1.hdslb.com/bfs/static/blive/blfe-dynamic-web/static/img/expandmore.537c89de.svg) center/contain no-repeat;
  -webkit-transform: translate(4px, 2px);
          transform: translate(4px, 2px);
}

.panel-area .bb-comment .comment-list .list-item:last-child .con {
  border-bottom: none;
}
.panel-area .bb-comment .bottom-page.center {
  overflow: hidden;
  margin: 0;
  padding: 12px 0 10px;
  position: relative;
  border-top: 1px solid #e5e9ef;
}
.panel-area .bb-comment .bottom-page.center a {
  color: #99a2aa;
}
.panel-area .bb-comment .bottom-page.center a:hover {
  color: #00a1d6;
}
.priority-btn {
  position: absolute;
  top: 30px;
  right: 25px;
  padding: 0 9px 0 8px;
  font-size: 12px;
  height: 25px;
  line-height: 25px;
  border-radius: 5px;
  background-color: #f4f5f7;
  color: #6d757a;
  text-align: center;
}
.priority-btn span {
  width: 4px;
  height: 4px;
  content: '';
  border-bottom: 1px solid #6d757a;
  border-right: 1px solid #6d757a;
  display: inline-block;
  margin-bottom: 3px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-filter: blur(0.3px);
          filter: blur(0.3px);
}
.priority-feedback {
  position: absolute;
  width: 94px;
  text-align: center;
  right: 20px !important;
  top: 64px;
  background: #fff;
  border: 1px solid #e5e9ef;
  -webkit-box-shadow: 0 11px 12px 0 rgba(106,115,133,0.12);
          box-shadow: 0 11px 12px 0 rgba(106,115,133,0.12);
  border-radius: 8px;
  color: $black;
  z-index: 10;
  right: 5px;
}
.priority-feedback.tag {
  right: -9px !important;
}
.priority-feedback:after {
  content: "";
  display: block;
  border-top: 1px solid #e5e9ef;
  border-left: 1px solid #e5e9ef;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 8px;
  height: 8px;
  position: absolute;
  top: -5px;
  right: 12px;
  background: #fff;
}
.priority-feedback .child-button {
  font-size: 14px;
  color: #333;
  padding-top: 4px;
  padding-bottom: 4px;
}
.priority-feedback .child-button:first-child {
  padding-top: 18px;
}
.priority-feedback .child-button:last-child {
  padding-bottom: 18px;
}
.priority-feedback .child-button:hover {
  color: #00b5e5 !important;
}

img {
  border: 0;
  outline: 0;
}
a {
  text-decoration: none;
}
button {
  outline: none;
}
.dynamic-link-hover-bg {
  border-radius: 4px;
}
.dynamic-link-hover-bg:hover {
  background-color: #dde2eb;
}

.back-top[data-v-37d58309] {
  position: fixed;
  bottom: 50px;
  width: 150px;
  height: 174px;
  cursor: pointer;
  z-index: 998;
  background-position: 0 0;
  text-align: center;
  background-image: url(//s1.hdslb.com/bfs/static/blive/blfe-dynamic-web/static/img/rocket_top.bcc748c3.png);
  background-repeat: no-repeat;
}
.back-top[data-v-37d58309]:hover {
  background-image: url(//s1.hdslb.com/bfs/static/blive/blfe-dynamic-web/static/img/rocket_frame.f7563b84.png);
  -webkit-animation: rocket-data-v-37d58309 steps(1, start) 0.5s infinite;
          animation: rocket-data-v-37d58309 steps(1, start) 0.5s infinite;
}
.rocket-fade-enter-active[data-v-37d58309],
.rocket-fade-leave-active[data-v-37d58309] {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.rocket-fade-enter[data-v-37d58309],
.rocket-fade-leave-to[data-v-37d58309] {
  opacity: 0;
}
@-webkit-keyframes rocket-data-v-37d58309 {
0% {
    background-position: 0 0;
}
25% {
    background-position: -150px 0;
}
50% {
    background-position: -300px 0;
}
75% {
    background-position: -450px 0;
}
100% {
    background-position: -600px 0;
}
}
@keyframes rocket-data-v-37d58309 {
0% {
    background-position: 0 0;
}
25% {
    background-position: -150px 0;
}
50% {
    background-position: -300px 0;
}
75% {
    background-position: -450px 0;
}
100% {
    background-position: -600px 0;
}
}

.check-login[data-v-46a7d1a6] {
  top: 0;
  left: 0;
  z-index: 10010;
  background-color: rgba(0,0,0,0.5);
}
.check-login .panel[data-v-46a7d1a6] {
  width: 500px;
  height: 120px;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -250px;
  border-radius: 4px;
  padding: 0 15px;
}
.check-login .panel .hint[data-v-46a7d1a6] {
  margin-top: 15px;
  line-height: 20px;
}
.check-login .panel .content[data-v-46a7d1a6] {
  margin-top: 10px;
  line-height: 20px;
  margin-bottom: 10px;
}

.detail-content[data-v-74225d96] {
  width: 100%;
}
.detail-content .detail-card[data-v-74225d96] {
  width: 632px;
  margin: 0 auto;
}
.detail-content .detail-card.is-mobile[data-v-74225d96] {
/* width 100% */
  overflow-x: hidden;
}
.card-is-mobile[data-v-74225d96] {
  margin-top: 0 !important;
  border-radius: 0 !important;
  overflow-x: hidden;
}
@media screen and (min-width: 1921px) {
.detail-card[data-v-74225d96] {
    width: 32.92vw !important;
}
}
@media screen and (min-width: 2497px) {
.detail-card[data-v-74225d96] {
    width: 820px !important;
}
}

body,
button,
form,
input,
li,
ol,
p,
td,
textarea,
ul {
  margin: 0;
  padding: 0;
}
html {
  font-size: 14px;
}
body {
  font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
  color: #222;
  font-size: 14px;
  background-color: #d2e9fb;
}
margin,
nav {
  display: block;
}
input,
button,
textarea {
  font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
}
img {
  border: 0;
  outline: 0;
}
li {
  list-style: none;
}
a {
  outline: none;
  text-decoration: none;
}
button {
  outline: none;
}
input {
  font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
}
em {
  font-style: normal;
}
#app {
  background: #d2e9fb url(//s1.hdslb.com/bfs/static/blive/blfe-dynamic-web/static/img/background.bc725153.png) top/contain no-repeat;
  min-height: 55vw;
}
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
textarea-webkit-input-placeholder {
  color: #99a2aa;
}
textarea-moz-input-placeholder {
  color: #99a2aa;
}
textarea-ms-input-placeholder {
  color: #99a2aa;
}
.bp-popup-panel {
  padding: 15px !important;
}
.bp-popup-panel .title-ctnr .popup-title {
  font-size: 14px !important;
  font-weight: bold !important;
  color: #212121 !important;
}
.bp-stop-scroll {
  overflow: hidden;
}


/*# sourceMappingURL=detail.cf31cc40.css.map*/