.van-message{padding:10px 16px;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.15);background:rgba(0,0,0,.8);color:#fff;margin-bottom:10px;pointer-events:all;transition:opacity .3s,transform .3s}.van-message-box{position:fixed;z-index:1010;left:50%;top:16px;transform:translatex(-50%);pointer-events:none}.van-message-success{background:rgba(82,196,26,.8)}.van-message-error{background:rgba(245,34,45,.8)}.van-message-warning{background:rgba(250,173,20,.8)}.van-message-info,.van-message-loading{background:rgba(0,0,0,.8)}.van-message-fade-enter,.van-message-fade-leave-active{transform:translatey(50%);opacity:0}
.van-popper .popper__arrow,.van-popper .popper__arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.van-popper .popper__arrow{border-width:6px;filter:drop-shadow(0 2px 12px rgba(0,0,0,.03))}.van-popper .popper__arrow:after{content:" ";border-width:6px}.van-popper[x-placement^=top]{margin-bottom:12px}.van-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#ebeef5;border-bottom-width:0}.van-popper[x-placement^=top] .popper__arrow:after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.van-popper[x-placement^=bottom]{margin-top:12px}.van-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#ebeef5}.van-popper[x-placement^=bottom] .popper__arrow:after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.van-popper[x-placement^=right]{margin-left:12px}.van-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#ebeef5;border-left-width:0}.van-popper[x-placement^=right] .popper__arrow:after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.van-popper[x-placement^=left]{margin-right:12px}.van-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#ebeef5}.van-popper[x-placement^=left] .popper__arrow:after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.van-popover{position:absolute;background:#fff;min-width:150px;border-radius:4px;border:1px solid #ebeef5;padding:12px;z-index:2000;color:#606266;line-height:1.4;text-align:justify;font-size:14px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.van-popover--plain{padding:18px 20px}.van-popover__title{color:#303133;font-size:16px;line-height:1;margin-bottom:12px}.van-popover:focus,.van-popover:focus:active,.van-popover__reference:focus:hover,.van-popover__reference:focus:not(.focusing){outline-width:0}
.van-pagination{padding:2px 5px;white-space:nowrap;color:#2d2f33;position:relative;display:flex;justify-content:space-between;align-items:center}.van-pagination-btn-next,.van-pagination-btn-prev,.van-pagination-pager li{color:#222;-webkit-transition:all .2s;font-size:14px;display:inline-block;height:36px;line-height:36px;cursor:pointer;min-width:15px;text-decoration:none;text-align:center}.van-pagination-btn-next,.van-pagination-btn-prev{padding:0 15px;border-radius:4px;background:#fff;border:1px solid #ddd;transition:all .2s}.van-pagination-pager li{border-radius:4px;background-color:#fff;border:1px solid #ddd;background-image:none;transition:all .2s;margin:0 2px;padding:0 14px}.van-pagination-pager li:hover{color:#00a1d6}.van-pagination-pager .van-pagination-active{background:#00a1d6;color:#fff!important;border:1px solid #00a1d6}.van-pagination-point{display:flex;background-color:#f4f4f4;padding:6px;border-radius:50px;align-items:center;transition:all .2s}.van-pagination-point .van-pagination-item{font-size:0;border-radius:50%;width:4px;height:4px;background-color:silver;margin:0 3px;transition:all .2s;cursor:pointer}.van-pagination-point .van-pagination-item:hover{background-color:#00a1d6}.van-pagination-point .van-pagination-dian{font-size:12px;line-height:0;color:silver}.van-pagination-point .van-pagination-active{border-radius:3px;width:12px;background-color:#00a1d6}.van-pagination-point:hover{transform:scale(1.4)}.van-pagination-point:hover .van-pagination-item{transform:scale(1.1)}.van-pagination-btn-next-small,.van-pagination-btn-prev-small{padding:0 15px;color:#222;cursor:pointer;text-align:center;border-radius:4px;background:#fff;border:1px solid #ddd;transition:all .2s;font-size:14px;min-width:15px;display:inline-block;text-decoration:none;height:36px;line-height:36px}.van-pagination-btn-next-small:hover,.van-pagination-btn-prev-small:hover{color:#00a1d6}.van-pagination-pager-small .van-pagination-disabled{color:#c0c4cc;background-color:#fff;cursor:not-allowed}.van-pagination-pager-small-content{display:inline-block;margin-left:5px;margin-right:5px;font-size:16px;color:#222}.van-pagination-jumper input{padding:0 5px;background:0 0;outline:0;border:1px solid #ddd;text-align:center;border-radius:4px;width:40px;margin-left:5px;margin-right:5px}
.van-album .album-preview{background-color:rgba(0,0,0,.9);position:fixed;z-index:99999;width:100%;height:100%;left:0;top:0;bottom:0;right:0;display:flex;align-items:center;justify-content:center}.van-album .album-preview .album-close{position:absolute;top:20px;right:20px;width:40px;height:40px;background-color:hsla(0,0%,41.2%,.2);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer}.van-album .album-preview .album-close i{transition:transform .3s}.van-album .album-preview .album-close:hover i{transform:rotate(180deg)}.van-album .album-preview .album-loading{position:absolute;left:20px;top:20px;font-size:40px;color:#fff}.van-album .album-preview .album-pic{transition:opacity .6s;max-width:100%;max-height:100%}.van-album .album-preview .album-pic.alpha0{opacity:0}.van-album .album-preview .album-pic.alpha1{opacity:1}
.van-rate{font-size:18px}.van-rate .van-rate-star{width:1em;height:1em;margin-right:.2em;display:inline-block;vertical-align:middle;cursor:pointer}.van-rate.disabled .van-rate-star{cursor:auto}.van-rate .rate-show-text{font-size:12px;vertical-align:middle;display:inline-block;margin-left:5px}
.van-slide{position:relative;overflow:hidden}.van-slide>div{position:absolute;top:0;left:0;width:100%;height:100%;display:inline-block;overflow:hidden;z-index:0}
.van-qrcode{display:inline-block}
.van-watchlater{position:absolute;z-index:20;width:22px;height:22px;right:8px;bottom:8px;cursor:pointer;background-size:contain;background-image:}.van-watchlater.added{background-image:}.van-watchlater.black{width:28px;height:28px;background-image:}.van-watchlater.black.added{background-image:}.van-watchlater .wl-tips{position:absolute;font-size:12px;color:#fff;border-radius:4px;line-height:18px;padding:4px 8px;background-color:#000;background:rgba(0,0,0,.8);white-space:nowrap;top:-30px}.van-watchlater-move-enter-active{animation:bounce-in .26s}@keyframes bounce-in{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}
body,html{background:var(--bg1);color:var(--text1);font-family:pingfang sc,harmonyos_regular,helvetica neue,microsoft yahei,sans-serif!important;-webkit-font-smoothing:antialiased}@media (-webkit-max-device-pixel-ratio:1),(max-resolution:1dppx){body,html{font-family:-apple-system,blinkmacsystemfont,helvetica neue,helvetica,arial,pingfang sc,hiragino sans gb,microsoft yahei,sans-serif!important}}article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}th{text-align:inherit}fieldset,img{border:none;vertical-align:middle}iframe{display:block}abbr,acronym{border:none;font-feature-settings:normal;font-variant:normal}del{text-decoration:line-through}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:after,q:before{content:""}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}a,ins{text-decoration:none}a{transition:color .2s}a:hover{text-decoration:none}:focus,a:focus{outline:none}
.fixed-header .bili-header__bar {
  box-sizing: border-box;
  position: fixed;
  top: 0;
}
.bili-header .bili-header__bar {
  position: absolute;
  top: 0;
  z-index: 1002;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 24px;
  max-width: 2560px;
  width: 100%;
  height: 64px;
}
.mini-header {
  z-index: 1;
  width: 100%;
  height: 56px;
  position: relative;
  background: var(--bg1_float);
  background: var(--bg1_float);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}
.bili-header .left-entry {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-right: 40px;
}
.bili-header .left-entry__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: 20px;
  height: 56px;
  font-size: 14px;
  color: var(--text1);
  color: var(--text1);
}
@media (min-width: 1100px) and (max-width: 1366px) {
.bili-header .left-entry__title .mini-header__logo {
    margin-right: 10px !important;
}
}
.bili-header .left-entry__title .mini-header__logo {
  margin-right: 25px;
  width: 60px;
  cursor: pointer;
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.bili-header .left-entry .default-entry {
  display: inline-block;
  height: 64px;
  line-height: 64px;
  font-size: 14px;
  cursor: pointer;
  color: var(--text1);
  color: var(--text1);
  margin-right: 20px;
}
@media (min-width: 1701px) and (max-width: 2559px) {
.bili-header .left-entry .default-entry {
    margin-right: 20px !important;
}
}
@media (min-width: 1100px) and (max-width: 1366px) {
.bili-header .left-entry .default-entry {
    margin-right: 10px !important;
}
}
@media (max-width: 1099px) {
.bili-header .left-entry .default-entry {
    margin-right: 20px;
}
}
.right-entry {
  display: flex;
  align-items: center;
  margin-left: 50px;
}
.bili-header .right-entry .right-entry-item {
  display: block;
  flex-shrink: 0;
  margin-right: 4px;
  min-width: 50px;
  text-align: center;
  cursor: pointer;
}
.bili-header .header-upload-entry {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 16px;
  width: 90px;
  height: 34px;
  border-radius: 8px;
  background: #fb7299;
  color: var(--text_white);
  color: var(--text_white);
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
  transition: background-color 0.3s;
}
@media screen and (max-width: 1279.9px) {
.bili-header .header-upload-entry {
    width: 34px;
    height: 34px;
}
.bili-header .header-upload-entry span {
    display: none;
}
.bili-header .header-upload-entry .header-upload-entry__icon {
    margin-right: 0;
}
}
.bili-header .header-upload-entry__icon {
  margin-right: 5px;
  color: var(--text_white);
  color: var(--text_white);
}
.mini-header__arrow {
  margin-left: 5px;
}

.lazy-img {
  background:  center center no-repeat;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.lazy-img img {
  display: block;
  width: 100%;
  height: 100%;
}
.lazy-img img[src=''] {
  opacity: 0;
}

.spread-module {
  position: relative;
  width: 160px;
  height: 148px;
  font-size: 12px;
  overflow: hidden;
}
.spread-module a {
  text-decoration: none;
}
.spread-module a:hover .t {
  color: #00a1d6;
}
.spread-module .pic {
  position: relative;
  width: 160px;
  height: 100px;
  display: block;
  overflow: hidden;
  text-align: center;
  border-radius: 4px;
}
.spread-module .pic img {
  margin: 0 auto;
  outline: 0;
}
.spread-module .pic .gg-pic {
  position: absolute;
  right: 0;
  top: 0;
}
.spread-module .pic .dur {
  opacity: 0;
  position: absolute;
  bottom: 2px;
  left: 6px;
  color: #fff;
  height: 12px;
  line-height: 12px;
  padding: 0 5px 1px 0;
  transition: all 0.3s;
}
.spread-module .pic .promote {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  padding: 0 5px 0 5px;
  border-radius: 0 5px 0 0;
  color: white;
  left: 0;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.4);
  line-height: 20px;
}
.spread-module .pic .mask-video {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  transition: opacity 0.3s;
}
.spread-module .pic .medal {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 24px;
  pointer-events: none;
}
.spread-module .pic .medal.golden {
  background-position: -849px -148px;
}
.spread-module .pic .medal.silvery {
  background-position: -849px -212px;
}
.spread-module .pic .w-later {
  display: none;
}
.spread-module .pic:hover .w-later {
  display: block;
}
.spread-module .t {
  padding-top: 8px;
  height: 40px;
  line-height: 20px;
  transition: all 0.2s linear;
  color: #222;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  text-align: left;
}
.spread-module .num {
  position: absolute;
  width: 100%;
  bottom: 0px;
  height: 20px;
  line-height: 20px;
  color: #99a2aa;
  background-color: #fff;
  transition: all 0.3s;
}
.spread-module .num .card-play,
.spread-module .num .card-danmu {
  display: inline-flex;
  align-items: center;
  height: 18px;
  width: 50%;
  font-size: 12px;
  line-height: 18px;
  overflow: hidden;
}
.spread-module .num .card-play span,
.spread-module .num .card-danmu span {
  height: auto;
  line-height: 18px;
  white-space: nowrap;
}
.spread-module .num .card-play .icon,
.spread-module .num .card-danmu .icon {
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.spread-module .num .card-play .svg-icon-next,
.spread-module .num .card-danmu .svg-icon-next {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  vertical-align: sub;
}
.spread-module:hover .dur {
  opacity: 1;
}
.spread-module:hover .num {
  bottom: -20px;
}
.spread-module:hover .mask-video {
  opacity: 1;
}

.error-related .video-details {
  overflow: hidden;
  padding-left: 140px;
}
.error-related .video-details .like-card {
  margin: 30px 20px 30px 0;
  float: left;
}
.error-related .error {
  width: 100%;
  height: 40px;
}
.error-related .error.details {
  background:  center no-repeat;
}

.error-page[data-v-f69375b6] {
  min-height: calc(100vh - 64px);
  padding: 30px;
  box-sizing: border-box;
  background: var(--bg1);
  background: var(--bg1);
}
.error-page .error-panel[data-v-f69375b6] {
  padding: 40px 0;
  display: flex;
  justify-content: center;
  position: relative;
  text-align: center;
}
.error-page .error-panel .error-msg[data-v-f69375b6] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.error-page .error-panel .error-msg .error-img[data-v-f69375b6] {
  width: 160px;
  height: 100px;
  background-color: transparent;
}
.error-page .error-panel .error-msg .error-prompt[data-v-f69375b6] {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.error-page .error-panel .error-msg .error-prompt .error-text[data-v-f69375b6] {
  margin-bottom: 12px;
  font-size: 26px;
  color: var(--text1);
  color: var(--text1);
  line-height: 26px;
  font-weight: bolder;
}
.error-page .error-panel .error-msg .error-prompt .msg-text[data-v-f69375b6] {
  max-width: 350px;
  font-size: 14px;
  color: var(--text2);
  color: var(--text2);
  line-height: 21px;
}
.error-page .error-panel .error-msg .error-prompt .action-btn[data-v-f69375b6] {
  margin-top: 30px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  min-width: 100px;
  height: 32px;
  background: var(--brand_blue);
  background: var(--brand_blue);
  color: var(--text_white);
  color: var(--text_white);
  border-radius: 2px;
  font-size: 16px;
}
.error-page .error-panel .error-msg .error-prompt .go-home-from-404[data-v-f69375b6] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 30px;
  font-size: 14px;
  color: var(--text2);
  color: var(--text2);
}
.error-page .error-panel .album[data-v-f69375b6] {
  margin-left: 48px;
  width: 416px;
  height: 234px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.error-page .error-panel .album .tips-img[data-v-f69375b6] {
  max-width: 100%;
  max-height: 100%;
}
.error-page .error-manga[data-v-f69375b6] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.error-page .error-manga .error-manga-title-wrap[data-v-f69375b6] {
  width: 100%;
  position: relative;
  padding: 27px 0;
  border-bottom: 2px dashed var(--line_regular);
  border-bottom: 2px dashed var(--line_regular);
}
.error-page .error-manga .error-manga-title-wrap .error-manga-title[data-v-f69375b6] {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  color: var(--text3);
  color: var(--text3);
  letter-spacing: 0;
  line-height: 16px;
  background: var(--bg1);
  background: var(--bg1);
}
.error-page .error-manga .error-manga-img[data-v-f69375b6] {
  width: 698px;
  margin: 30px 0;
  background-color: var(--text_white);
  background-color: var(--text_white);
}
.error-page .error-manga .change-manga-btn[data-v-f69375b6] {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--brand_blue);
  background: var(--brand_blue);
  color: var(--text_white);
  color: var(--text_white);
  border-radius: 4px;
  margin-top: 30px;
  width: 200px;
  height: 36px;
  font-size: 16px;
  cursor: pointer;
}

.shortcuts-popup[data-v-787795c1] {
  position: relative;
  width: 320px;
  height: auto;
  box-sizing: border-box;
  border-radius: 8px;
  background-color: var(--bg1_float);
  background-color: var(--bg1_float);
  border: 1px solid var(--line_regular);
  border: 1px solid var(--line_regular);
  box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.shortcuts-popup .close-btn[data-v-787795c1] {
  cursor: pointer;
  width: 22px;
  height: 22px;
  position: absolute;
  z-index: 1;
  top: 12px;
  right: 12px;
  color: var(--graph_bold);
  color: var(--graph_bold);
}
.shortcuts-popup .close-btn-icon[data-v-787795c1] {
  width: 100%;
  height: 100%;
}
.shortcuts-popup .sketch[data-v-787795c1] {
  width: 100%;
  height: 128px;
}
.shortcuts-popup .tips[data-v-787795c1] {
  padding: 20px 0 24px;
  text-align: center;
}
.shortcuts-popup .tips .main[data-v-787795c1] {
  font-size: 16px;
  font-weight: 500;
  color: var(--text1);
  color: var(--text1);
}
.shortcuts-popup .tips .sub[data-v-787795c1] {
  margin-top: 6px;
  font-size: 13px;
  color: var(--text3);
  color: var(--text3);
}

.fixed-sidenav-storage[data-v-2f795f20] {
  position: fixed;
  right: 6px;
  bottom: 50px;
  z-index: 6;
}
.fixed-sidenav-storage .fixed-sidenav-storage-item[data-v-2f795f20] {
  cursor: pointer;
  background: var(--bg1_float);
  background: var(--bg1_float);
  border: 1px solid var(--line_regular);
  border: 1px solid var(--line_regular);
  border-radius: 8px;
  box-sizing: border-box;
  padding: 6px;
  margin-bottom: 6px;
  color: var(--text1);
  color: var(--text1);
  line-height: 14px;
  font-size: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 40px;
}
.fixed-sidenav-storage .fixed-sidenav-storage-item[data-v-2f795f20]:hover {
  background: var(--graph_bg_thick);
  background: var(--graph_bg_thick);
}
.fixed-sidenav-storage .fixed-sidenav-storage-item .fixed-sidenav-storage-item-icon[data-v-2f795f20] {
  width: 24px;
  height: 24px;
  margin-bottom: 2px;
}
.fixed-sidenav-storage .fixed-sidenav-storage-item.back-to-top .back-to-top-icon[data-v-2f795f20] {
  width: 12px;
  height: 12px;
}
.fixed-sidenav-storage .fixed-sidenav-storage-item.mini-player-window.on[data-v-2f795f20] {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.fixed-sidenav-storage .back-to-top[data-v-2f795f20] {
  visibility: hidden;
}
.fixed-sidenav-storage .back-to-top.visible[data-v-2f795f20] {
  visibility: visible;
}
.fixed-sidenav-storage .shortcuts[data-v-2f795f20] {
  position: absolute;
  right: calc(100%   10px);
  bottom: 0;
}

.ad-report .ad-report-inner[data-v-45380d2b] {
  display: block;
  width: 100%;
  height: 100%;
}

.ad-floor-exp {
  position: relative;
}
.ad-floor-exp .lazy-img {
  background: transparent;
}
.ad-floor-exp .lazy-img img {
  border-radius: 6px;
}
.ad-floor-exp .ad-floor-cover {
  width: 100%;
  height: 100%;
}
.ad-floor-exp .ad-floor-cover img {
  object-fit: cover;
}
.ad-floor-exp .gg-pic {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 38px;
  height: 22px;
}

.interact-dialog-exp {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.interact-dialog-exp .bg {
  position: fixed;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.interact-dialog-exp .con {
  position: absolute;
  z-index: 99999;
  left: 50%;
  top: 50%;
  margin-left: -138px;
  margin-top: -138px;
  padding: 16px;
  box-sizing: border-box;
  background: var(--bg1_float);
  background: var(--bg1_float);
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  text-align: center;
  width: 274px;
  height: 277px;
}
.interact-dialog-exp .pic {
  width: 242px;
  height: 198px;
}
.interact-dialog-exp .btn {
  cursor: pointer;
  box-sizing: border-box;
  display: inline-block;
  line-height: 32px;
  height: 32px;
  border-radius: 2px;
  width: 156px;
  text-align: center;
  font-size: 14px;
  color: var(--text_white);
  color: var(--text_white);
  background: var(--brand_blue);
  background: var(--brand_blue);
  margin-top: 10px;
}
.interact-dialog-exp .btn:hover {
  background: #00b8f6;
}
.interact-dialog__text {
  margin-top: -77px;
  color: var(--text1);
  color: var(--text1);
  font-weight: 500;
  font-size: 12px;
}
.interact-dialog__text--title {
  font-size: 18px;
}
.interact-dialog__text--desc {
  font-size: 12px;
  transform: scale(0.85);
}

.honor[data-v-b37c19ce] {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  height: 24px;
  border-radius: 2px;
  padding: 0px 6px;
}
.honor .honor-icon[data-v-b37c19ce] {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.honor .honor-text[data-v-b37c19ce] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.honor .honor-arrow[data-v-b37c19ce] {
  width: 10px;
  height: 10px;
}
.honor.honor-rank[data-v-b37c19ce] {
  color: #ff6699;
  background-color: rgba(255, 102, 153, 0.1);
}
.honor.honor-history[data-v-b37c19ce] {
  color: #ff7f24;
  background-color: rgba(255, 127, 36, 0.1);
}
.honor.honor-weekly[data-v-b37c19ce] {
  color: #ffb027;
  background-color: rgba(255, 176, 39, 0.1);
}

.video-argue[data-v-5e0aab8c] {
  display: flex;
}
.video-argue .video-argue-inner[data-v-5e0aab8c] {
  display: flex;
  align-items: center;
  font-size: 13px;
  line-height: 18px;
  border-radius: 2px;
  padding: 3px 6px;
  overflow: hidden;
}
.video-argue .video-argue-inner .remark-icon[data-v-5e0aab8c] {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-right: 2px;
}
.video-argue .video-argue-inner .arrow-icon[data-v-5e0aab8c] {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
}
.video-argue .video-argue-inner .argue-text[data-v-5e0aab8c] {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.video-argue .video-argue-inner.neutral[data-v-5e0aab8c] {
  color: var(--text3);
  color: var(--text3);
  border-radius: 0;
  padding: 0;
}
.video-argue .video-argue-inner.neutral .remark-icon[data-v-5e0aab8c] {
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
.video-argue .video-argue-inner.general[data-v-5e0aab8c] {
  color: #9499a0;
  background-color: #f6f7f8;
}
.video-argue .video-argue-inner.strong[data-v-5e0aab8c] {
  color: #f85a54;
  background-color: #feecea;
}
.video-argue .video-argue-inner.pure-text[data-v-5e0aab8c] {
  cursor: text;
}

.video-info-detail-list[data-v-aed3e268] {
  font-size: 13px;
  color: var(--text3);
  color: var(--text3);
  display: flex;
  align-items: center;
  height: 24px;
  overflow: hidden;
  box-sizing: border-box;
}
.video-info-detail-list .item[data-v-aed3e268] {
  flex-shrink: 0;
  margin-right: 12px;
  overflow: hidden;
}
.video-info-detail-list .item[data-v-aed3e268]:last-child {
  margin-right: 0;
}
.video-info-detail-list .single-ellipsis[data-v-aed3e268] {
  flex-shrink: initial;
  margin-right: 0;
}
.video-info-detail-list .interactive[data-v-aed3e268] {
  display: flex;
  align-items: center;
  height: 24px;
  font-size: 13px;
  color: var(--text2);
  color: var(--text2);
}
.video-info-detail-list .interactive .interactive-icon[data-v-aed3e268] {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-right: 2px;
}
.video-info-detail-list .interactive .interactive-text[data-v-aed3e268] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.video-info-detail-list .view[data-v-aed3e268],
.video-info-detail-list .dm[data-v-aed3e268] {
  display: inline-flex;
  align-items: center;
}
.video-info-detail-list .view .view-icon[data-v-aed3e268],
.video-info-detail-list .dm .view-icon[data-v-aed3e268],
.video-info-detail-list .view .dm-icon[data-v-aed3e268],
.video-info-detail-list .dm .dm-icon[data-v-aed3e268] {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
.video-info-detail-list .view .view-text[data-v-aed3e268],
.video-info-detail-list .dm .view-text[data-v-aed3e268],
.video-info-detail-list .view .dm-text[data-v-aed3e268],
.video-info-detail-list .dm .dm-text[data-v-aed3e268] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.video-info-detail-list .pubdate-ip[data-v-aed3e268] {
  display: flex;
  align-items: center;
  font-size: 13px;
}
.video-info-detail-list .pubdate-ip .pubdate-ip-text[data-v-aed3e268] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.video-info-detail-list .copyright[data-v-aed3e268] {
  display: inline-flex;
  align-items: center;
}
.video-info-detail-list .copyright .copyright-icon[data-v-aed3e268] {
  flex-shrink: 0;
  margin-right: 2px;
  color: #fd676f;
  width: 16px;
  height: 16px;
}
.video-info-detail-list .copyright .copyright-text[data-v-aed3e268] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.video-info-detail-list.pop-mode[data-v-aed3e268] {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  flex-wrap: wrap;
  height: auto;
}
.video-info-detail-list.pop-mode .item[data-v-aed3e268] {
  height: 24px;
}

.video-info-container[data-v-fe6ec38e] {
  --keep-blank-space: 30px;
  position: relative;
  height: 104px;
  box-sizing: border-box;
  padding-top: 22px;
}
.video-info-container .video-info-title[data-v-fe6ec38e] {
  position: relative;
}
.video-info-container .video-info-title-inner[data-v-fe6ec38e] {
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
}
.video-info-container .video-info-title-inner .video-title[data-v-fe6ec38e] {
  flex-shrink: 0;
  font-size: 20px;
  font-weight: 500;
  color: var(--text1);
  color: var(--text1);
  line-height: 28px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.video-info-container .video-info-title-inner .video-title .video-title-href[data-v-fe6ec38e] {
  display: block;
  color: var(--text1);
  color: var(--text1);
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.video-info-container .video-info-title-inner .video-title .video-title-href[data-v-fe6ec38e]:hover {
  color: #00a1d6;
}
.video-info-container .video-info-title-inner-overflow .video-title[data-v-fe6ec38e] {
  margin-right: var(--keep-blank-space);
  margin-right: var(--keep-blank-space);
  flex-shrink: initial;
}
.video-info-container .video-info-title .overflow-panel[data-v-fe6ec38e] {
  --vertical-padding: 10px;
  --horizontal-padding: 16px;
  --border-width: 1px;
  background-color: var(--bg1);
  background-color: var(--bg1);
  border: var(--border-width) solid var(--line_regular);
  border: var(--border-width) solid var(--line_regular);
  padding: var(--vertical-padding) var(--horizontal-padding);
  padding: var(--vertical-padding) var(--horizontal-padding);
  border-radius: 4px;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  width: calc(100% - var(--keep-blank-space));
  width: calc(100% - var(--keep-blank-space));
  height: auto;
  z-index: 99;
  position: absolute;
  top: calc(0px - calc(var(--vertical-padding)   var(--border-width)));
  top: calc(0px - calc(var(--vertical-padding)   var(--border-width)));
  left: calc(0px - calc(var(--horizontal-padding)   var(--border-width)));
  left: calc(0px - calc(var(--horizontal-padding)   var(--border-width)));
  color: var(--text3);
  color: var(--text3);
  font-size: 13px;
}
.video-info-container .video-info-title .overflow-panel .title[data-v-fe6ec38e] {
  font-size: 20px;
  font-weight: 500;
  color: var(--text1);
  color: var(--text1);
  line-height: 28px;
}
.video-info-container .video-info-title .overflow-panel .info[data-v-fe6ec38e] {
  margin-top: 6px;
}
.video-info-container .video-info-meta[data-v-fe6ec38e] {
  margin-top: 6px;
  position: relative;
  display: flex;
  align-items: center;
}
.video-info-container .video-info-meta .video-info-detail-content[data-v-fe6ec38e] {
  flex: 1;
}
.video-info-container .video-info-meta .video-info-detail-content-overflow[data-v-fe6ec38e] {
  margin-right: var(--keep-blank-space);
  margin-right: var(--keep-blank-space);
}
.video-info-container .show-more[data-v-fe6ec38e] {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 0;
  cursor: pointer;
  border-radius: 4px;
}
.video-info-container .show-more .show-more-btn[data-v-fe6ec38e] {
  display: flex;
  width: 20px;
  height: 20px;
  transition: all 0.3s;
}
.video-info-container .show-more .show-more-btn .show-more-btn-icon[data-v-fe6ec38e] {
  width: 100%;
  height: 100%;
}
.video-info-container .show-more-hover[data-v-fe6ec38e] {
  background-color: var(--graph_bg_thick);
  background-color: var(--graph_bg_thick);
}
.video-info-container .show-more-hover .show-more-btn[data-v-fe6ec38e] {
  transform: rotate(180deg);
}
.video-info-container .hide[data-v-fe6ec38e] {
  visibility: hidden;
}
@media (min-width: 1681px) {
.video-info-container[data-v-fe6ec38e] {
    height: 108px;
    padding-top: 22px;
}
.video-info-container .video-info-title-inner .video-title[data-v-fe6ec38e] {
    font-size: 22px;
    line-height: 34px;
}
.video-info-container .video-info-title .overflow-panel .title[data-v-fe6ec38e] {
    font-size: 22px;
    line-height: 34px;
}
}
.video-info-container .special-text-indent[data-title^='「'][data-v-fe6ec38e],
.video-info-container .special-text-indent[data-title^='『'][data-v-fe6ec38e],
.video-info-container .special-text-indent[data-title^='【'][data-v-fe6ec38e] {
  text-indent: -0.6em;
}
.video-info-container.mac .special-text-indent[data-title^='～'][data-v-fe6ec38e] {
  text-indent: -0.1em;
}
.video-info-container.mac .special-text-indent[data-title^='《'][data-v-fe6ec38e] {
  text-indent: -0.4em;
}
.video-info-container.win .special-text-indent[data-title^='“'][data-v-fe6ec38e] {
  text-indent: -0.1em;
}
.video-info-container.win .special-text-indent[data-title^='～'][data-v-fe6ec38e] {
  text-indent: -0.25em;
}
.video-info-container.win .special-text-indent[data-title^='《'][data-v-fe6ec38e] {
  text-indent: -0.5em;
}

.high-level-video-cover[data-v-3f6399c3] {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px var(--bg3);
  box-shadow: 0 0 8px var(--bg3);
}
.high-level-video-cover .cover-top[data-v-3f6399c3] {
  flex: 1;
  position: relative;
}
.high-level-video-cover .cover-top .video-cover[data-v-3f6399c3] {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.high-level-video-cover .cover-top .qa-toast[data-v-3f6399c3] {
  position: absolute;
  left: 12px;
  bottom: 12px;
  padding: 12px;
  background: rgba(33, 33, 33, 0.9);
  border-radius: 8px;
  max-width: 360px;
}
.high-level-video-cover .cover-top .qa-toast .title[data-v-3f6399c3] {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 8px;
  color: var(--text_white);
  color: var(--text_white);
  font-size: 14px;
}
.high-level-video-cover .cover-top .qa-toast .content[data-v-3f6399c3] {
  padding-top: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.high-level-video-cover .cover-top .qa-toast .content .qa-info[data-v-3f6399c3] {
  cursor: pointer;
  position: relative;
  --qa-text-line-height: 20px;
  max-height: calc(2 * var(--qa-text-line-height));
  max-height: calc(2 * var(--qa-text-line-height));
  line-height: var(--qa-text-line-height);
  line-height: var(--qa-text-line-height);
  color: var(--text_white);
  color: var(--text_white);
  font-size: 14px;
  font-weight: 500;
  text-align: justify;
  overflow: hidden;
  transition: color 0.3s;
}
.high-level-video-cover .cover-top .qa-toast .content .qa-info[data-v-3f6399c3]:hover {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.high-level-video-cover .cover-top .qa-toast .content .qa-info .qa-icon[data-v-3f6399c3] {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  margin-right: 2px;
}
.high-level-video-cover .cover-top .qa-toast .content .qa-info .qa-icon[data-v-3f6399c3]::after {
  content: '\95ee';
  text-indent: -9999px;
}
.high-level-video-cover .cover-top .qa-toast .content .qa-info .qa-icon .qa-icon-inner[data-v-3f6399c3] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 18px;
  height: 18px;
}
.high-level-video-cover .cover-top .qa-toast .content .qa-info .qa-detail-btn[data-v-3f6399c3] {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 54px;
  height: var(--qa-text-line-height);
  height: var(--qa-text-line-height);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 14px;
  color: var(--text_white);
  color: var(--text_white);
  font-weight: 400;
  background: linear-gradient(270deg, #191919 63.19%, rgba(25, 25, 25, 0) 100%);
}
.high-level-video-cover .cover-top .qa-toast .content .charge-btn[data-v-3f6399c3] {
  cursor: pointer;
  flex-shrink: 0;
  margin-left: 16px;
  display: flex;
  align-items: center;
  height: 30px;
  padding: 0px 11px 0px 6px;
  border-radius: 4px;
  background-color: var(--brand_pink);
  background-color: var(--brand_pink);
  color: var(--text_white);
  color: var(--text_white);
}
.high-level-video-cover .cover-top .qa-toast .content .charge-btn .elec-icon[data-v-3f6399c3] {
  margin-right: 2px;
  width: 18px;
  height: 18px;
}
.high-level-video-cover .cover-top .qa-toast .content .charge-btn .elec-text[data-v-3f6399c3] {
  font-weight: 500;
  font-size: 14px;
}
.high-level-video-cover .cover-top .common-toast[data-v-3f6399c3] {
  position: absolute;
  left: 12px;
  bottom: 12px;
  display: flex;
  align-items: center;
  padding: 12px;
  background: rgba(33, 33, 33, 0.9);
  border-radius: 6px;
}
.high-level-video-cover .cover-top .common-toast .tips[data-v-3f6399c3] {
  display: flex;
  flex-direction: column;
  color: var(--text_white);
  color: var(--text_white);
}
.high-level-video-cover .cover-top .common-toast .tips .main[data-v-3f6399c3] {
  font-size: 15px;
  font-weight: 500;
  line-height: 21px;
}
.high-level-video-cover .cover-top .common-toast .tips .sub[data-v-3f6399c3] {
  margin-top: 3px;
  font-size: 12px;
  line-height: 17px;
}
.high-level-video-cover .cover-top .common-toast .charge-btn[data-v-3f6399c3] {
  cursor: pointer;
  margin-left: 47px;
  display: flex;
  align-items: center;
  height: 30px;
  padding: 0px 11px 0px 6px;
  border-radius: 4px;
  background-color: var(--brand_pink);
  background-color: var(--brand_pink);
  color: var(--text_white);
  color: var(--text_white);
}
.high-level-video-cover .cover-top .common-toast .charge-btn .elec-icon[data-v-3f6399c3] {
  margin-right: 2px;
  width: 18px;
  height: 18px;
}
.high-level-video-cover .cover-top .common-toast .charge-btn .elec-text[data-v-3f6399c3] {
  font-weight: 500;
  font-size: 14px;
}
.high-level-video-cover .cover-bottom[data-v-3f6399c3] {
  flex: 0 0 46px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px;
  background: var(--bg1);
  background: var(--bg1);
}
.high-level-video-cover .cover-bottom .cover-bottom-left[data-v-3f6399c3] {
  font-size: 13px;
  color: var(--text2);
  color: var(--text2);
  margin-right: 24px;
}
.high-level-video-cover .cover-bottom .cover-bottom-right[data-v-3f6399c3] {
  flex: 1;
  display: flex;
  align-items: center;
}
.high-level-video-cover .cover-bottom .cover-bottom-right .danmuku-switch[data-v-3f6399c3],
.high-level-video-cover .cover-bottom .cover-bottom-right .danmuku-settings[data-v-3f6399c3] {
  cursor: not-allowed;
  width: 24px;
  height: 24px;
  margin-right: 18px;
}
.high-level-video-cover .cover-bottom .cover-bottom-right .danmuku-input[data-v-3f6399c3] {
  flex: 1;
  cursor: not-allowed;
  height: 32px;
  background: var(--bg3);
  background: var(--bg3);
  border-radius: 6px;
  font-size: 13px;
  color: var(--text3);
  color: var(--text3);
  display: flex;
  align-items: center;
}
.high-level-video-cover .cover-bottom .cover-bottom-right .danmuku-input .danmuku-font-size[data-v-3f6399c3] {
  width: 24px;
  height: 24px;
}
.high-level-video-cover .cover-bottom .cover-bottom-right .danmuku-input .danmuku-input-area[data-v-3f6399c3] {
  flex: 1;
  padding: 0 6px;
}
.high-level-video-cover .cover-bottom .cover-bottom-right .danmuku-input .danmuku-hint[data-v-3f6399c3] {
  display: flex;
  align-items: center;
}
.high-level-video-cover .cover-bottom .cover-bottom-right .danmuku-input .danmuku-hint .danmuku-hint-icon[data-v-3f6399c3] {
  width: 16px;
  height: 16px;
}
.high-level-video-cover .cover-bottom .cover-bottom-right .danmuku-input .danmuku-send-btn[data-v-3f6399c3] {
  width: 62px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 6px 6px 0;
  background: var(--brand_blue);
  background: var(--brand_blue);
  opacity: 0.5;
  color: var(--text_white);
  color: var(--text_white);
}

.archive-appeal-cover[data-v-29944cd2] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(45px);
  -webkit-backdrop-filter: blur(45px);
}
.archive-appeal-cover .archive-appeal-cover-inner[data-v-29944cd2] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.archive-appeal-cover .archive-appeal-cover-inner .archive-appeal-icon[data-v-29944cd2] {
  width: 32px;
  height: 32px;
  margin-bottom: 10px;
  color: #c9ccd0;
}
.archive-appeal-cover .archive-appeal-cover-inner .archive-appeal-tips[data-v-29944cd2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 16px;
  line-height: 28px;
  color: #c9ccd0;
}
.archive-appeal-cover .archive-appeal-cover-inner .archive-appeal-ops[data-v-29944cd2] {
  margin-top: 26px;
  display: flex;
  align-items: center;
}
.archive-appeal-cover .archive-appeal-cover-inner .archive-appeal-ops button[data-v-29944cd2] {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 160px;
  height: 32px;
  font-size: 14px;
  border-radius: 6px;
  background-color: transparent;
  border: none;
}
.archive-appeal-cover .archive-appeal-cover-inner .archive-appeal-ops .display-archive[data-v-29944cd2] {
  color: #ff6699;
  border: 1px solid #ff6699;
}
.archive-appeal-cover .archive-appeal-cover-inner .archive-appeal-ops .play-next[data-v-29944cd2] {
  margin-left: 32px;
  color: var(--text_white);
  color: var(--text_white);
  background-color: #ff6699;
}
@media (min-width: 1681px) {
.archive-appeal-cover .archive-appeal-cover-inner .archive-appeal-icon[data-v-29944cd2] {
    width: 40px;
    height: 40px;
    margin-bottom: 16px;
}
.archive-appeal-cover .archive-appeal-cover-inner .archive-appeal-tips[data-v-29944cd2] {
    font-size: 20px;
    line-height: 34px;
}
.archive-appeal-cover .archive-appeal-cover-inner .archive-appeal-ops[data-v-29944cd2] {
    margin-top: 31px;
}
.archive-appeal-cover .archive-appeal-cover-inner .archive-appeal-ops button[data-v-29944cd2] {
    width: 190px;
    height: 40px;
    font-size: 16px;
}
.archive-appeal-cover .archive-appeal-cover-inner .archive-appeal-ops .play-next[data-v-29944cd2] {
    margin-left: 40px;
}
}

.cheese-jump-cover[data-v-167bfd26] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(45px);
  -webkit-backdrop-filter: blur(45px);
}
.cheese-jump-cover .tips[data-v-167bfd26] {
  font-size: 22px;
  line-height: 30px;
  font-weight: 500;
  color: var(--text_white);
  color: var(--text_white);
}
.cheese-jump-cover .content[data-v-167bfd26] {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 312px;
}
.cheese-jump-cover .content .cover[data-v-167bfd26] {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  border-radius: 6px;
  overflow: hidden;
  background-color: gray;
}
.cheese-jump-cover .content .cover .tag[data-v-167bfd26] {
  position: absolute;
  top: 8px;
  right: 8px;
  padding: 0 4px;
  height: 22px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: var(--text_white);
  color: var(--text_white);
  background-color: var(--brand_pink);
  background-color: var(--brand_pink);
}
.cheese-jump-cover .content .cover .cover-img[data-v-167bfd26] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cheese-jump-cover .content .cover .cover-img img[data-v-167bfd26] {
  object-fit: cover;
}
.cheese-jump-cover .content .title[data-v-167bfd26] {
  margin-top: 6px;
  font-size: 15px;
  color: var(--text_white);
  color: var(--text_white);
  line-height: 22px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  line-break: anywhere;
}
.cheese-jump-cover .actions[data-v-167bfd26] {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 312px;
}
.cheese-jump-cover .actions .jump-btn[data-v-167bfd26],
.cheese-jump-cover .actions .skip-btn[data-v-167bfd26] {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 34px;
  font-size: 14px;
  color: var(--text_white);
  color: var(--text_white);
  border-radius: 4px;
}
.cheese-jump-cover .actions .jump-btn[data-v-167bfd26] {
  background-color: var(--brand_blue);
  background-color: var(--brand_blue);
}
.cheese-jump-cover .actions .skip-btn[data-v-167bfd26] {
  margin-top: 12px;
  background-color: rgba(255, 255, 255, 0.2);
}
.cheese-jump-cover .actions .countdown-to-skip[data-v-167bfd26] {
  margin-top: 8px;
  font-size: 14px;
  color: var(--text3);
  color: var(--text3);
}
.cheese-jump-cover .actions .countdown-to-skip.hidden[data-v-167bfd26] {
  visibility: hidden;
}
.cheese-jump-cover .close-btn[data-v-167bfd26] {
  cursor: pointer;
  position: absolute;
  top: 16px;
  right: 16px;
  width: 24px;
  height: 24px;
}
.cheese-jump-cover .close-btn .icon[data-v-167bfd26] {
  width: 100%;
  height: 100%;
  color: var(--text_white);
  color: var(--text_white);
}

#bilibili-player embed {
  width: 100%;
  height: 100%;
}
#bilibili-player .player {
  height: 100%;
}
#bilibili-player-placeholder {
  position: absolute;
  display: flex;
  z-index: 0;
  width: 100%;
  height: 100%;
  flex-direction: column;
  flex-wrap: nowrap;
  box-shadow: 0 0 8px var(--bg3);
  box-shadow: 0 0 8px var(--bg3);
}
#bilibili-player-placeholder-top {
  flex: 1;
  overflow: hidden;
  position: relative;
  background-color: #000;
}
#bilibili-player-placeholder-bottom {
  position: relative;
  display: flex;
  height: 46px;
  align-items: center;
  padding: 0 12px;
  background: var(--bg1);
  background: var(--bg1);
}
#bilibili-player-placeholder-bottom-left,
#bilibili-player-placeholder-bottom-right {
  background-color: rgba(0, 0, 0, 0.04);
}
#bilibili-player-placeholder-bottom-left {
  margin-right: 10px;
  width: 176px;
  height: 22px;
}
#bilibili-player-placeholder-bottom-right {
  height: 22px;
  flex-grow: 1;
}
@media screen and (min-width: 1681px) {
#bilibili-player-placeholder #bilibili-player-placeholder-bottom {
    height: 56px;
}
}
.hide-player #bilibili-player *,
.hide-player #bilibili-player::after,
.hide-player #bilibili-player::before {
  display: none !important;
}
.player-wrap {
  position: relative;
}
.unpaid-cover {
  position: absolute;
  z-index: 100;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  background: #000;
}
.unpaid-cover .cover-video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: blur(100px);
}
.unpaid-cover .cover-mask {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 22px;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
}
.not-charge-high-level-cover {
  position: absolute;
  z-index: 100;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.archive-appeal-success-cover {
  position: absolute;
  z-index: 100;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.cheese-tips-cover {
  position: absolute;
  z-index: 100;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.svga-container {
  position: absolute;
  z-index: 99999;
}
.svga-container.svga-top {
  width: 120px;
  height: 120px;
}
.svga-container.svga-center {
  width: 92px;
  height: 92px;
}
.svga-container.svga-fireworks {
  width: 120px;
  height: 120px;
}

.selfdef-triple-anime[data-v-6d4077d5] {
  display: flex;
  align-items: center;
  position: absolute;
  z-index: 100000;
  transform-origin: bottom center;
}
.selfdef-triple-anime.long-click[data-v-6d4077d5] {
  left: -32px;
  top: -94px;
}
.selfdef-triple-anime.long-click .svga-fireworks[data-v-6d4077d5] {
  position: absolute;
  left: -14px;
  top: -12px;
}
.selfdef-triple-anime.triple-finish[data-v-6d4077d5] {
  left: -32px;
  top: -100px;
}
.selfdef-triple-anime.triple-finish .svga-fireworks[data-v-6d4077d5] {
  position: absolute;
  left: -14px;
  top: -6px;
}
.selfdef-triple-anime.shake-anime[data-v-6d4077d5] {
  animation: shake 1500ms ease-in-out infinite;
}
.selfdef-triple-anime .selfdef-triple-anime-longclick[data-v-6d4077d5],
.selfdef-triple-anime .selfdef-triple-anime-finish[data-v-6d4077d5] {
  width: 96px;
  height: 96px;
}
.selfdef-triple-anime .selfdef-triple-anime-longclick.init-scale[data-v-6d4077d5] {
  transform: scale(0.25);
}
.selfdef-triple-anime .selfdef-triple-anime-finish-text[data-v-6d4077d5] {
  position: relative;
  padding: 11px 12px;
  border-radius: 8px;
  color: #fff;
  font-size: 16px;
  background: #000000;
  line-height: 22px;
}
.selfdef-triple-anime .selfdef-triple-anime-finish-text[data-v-6d4077d5]::after {
  position: absolute;
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-right: 10px solid #000000;
  border-bottom: 7px solid transparent;
  left: -8px;
  top: 16px;
}

.video-like .shake-anime {
  animation: shake 1500ms ease-in-out infinite;
}

.video-share-wrap[data-v-12f7cbf0] {
  width: auto;
}
.video-share-wrap .video-share[data-v-12f7cbf0] {
  display: flex;
  align-items: center;
}
.video-share-wrap .video-share .video-share-info[data-v-12f7cbf0] {
  position: relative;
  width: 90px;
  height: 28px;
  line-height: 28px;
}
.video-share-wrap .video-share .video-share-info .video-share-info-text[data-v-12f7cbf0] {
  position: absolute;
}
.video-share-wrap .video-share .video-share-info .video-share-info-text.out-share-enter-active[data-v-12f7cbf0],
.video-share-wrap .video-share .video-share-info .video-share-info-text.over-share-enter-active[data-v-12f7cbf0] {
  transition: all 0.5s;
}
.video-share-wrap .video-share .video-share-info .video-share-info-text.out-share-leave-active[data-v-12f7cbf0],
.video-share-wrap .video-share .video-share-info .video-share-info-text.over-share-leave-active[data-v-12f7cbf0] {
  transition: all 0.3s;
}
.video-share-wrap .video-share .video-share-info .video-share-info-text.out-share-enter[data-v-12f7cbf0],
.video-share-wrap .video-share .video-share-info .video-share-info-text.out-share-leave-to[data-v-12f7cbf0],
.video-share-wrap .video-share .video-share-info .video-share-info-text.over-share-enter[data-v-12f7cbf0],
.video-share-wrap .video-share .video-share-info .video-share-info-text.over-share-leave-to[data-v-12f7cbf0] {
  opacity: 0;
}
.video-share-wrap .video-share .video-share-info .video-share-info-text.out-share-leave-to[data-v-12f7cbf0],
.video-share-wrap .video-share .video-share-info .video-share-info-text.over-share-enter[data-v-12f7cbf0] {
  transform: translatey(100%);
}
.video-share-wrap .video-share .video-share-info .video-share-info-text.out-share-enter[data-v-12f7cbf0],
.video-share-wrap .video-share .video-share-info .video-share-info-text.over-share-leave-to[data-v-12f7cbf0] {
  transform: translatey(-100%);
}

.video-share-popover {
  padding: 0px !important;
  z-index: 2000 !important;
  border: 1px solid var(--line_light);
  border: 1px solid var(--line_light);
  box-sizing: border-box;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  overflow: hidden;
}
.video-share-popover .video-share-dropdown {
  display: flex;
  flex-direction: column;
}
.video-share-popover .video-share-dropdown .dropdown-top {
  display: flex;
  padding: 30px 30px 12px 30px;
  background-color: var(--bg1);
  background-color: var(--bg1);
}
.video-share-popover .video-share-dropdown .dropdown-top .dropdown-top-left {
  padding-right: 25px;
}
.video-share-popover .video-share-dropdown .dropdown-top .dropdown-top-left .video-capture {
  position: relative;
  width: 259px;
  height: 145px;
  border-radius: 6px;
  overflow: hidden;
  background-color: var(--graph_bg_regular);
  background-color: var(--graph_bg_regular);
  margin-bottom: 10px;
}
.video-share-popover .video-share-dropdown .dropdown-top .dropdown-top-left .video-capture .video-capture-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video-share-popover .video-share-dropdown .dropdown-top .dropdown-top-left .video-capture .inner-video-title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 45px;
  box-sizing: border-box;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(33, 33, 33, 0.7) 100%);
}
.video-share-popover .video-share-dropdown .dropdown-top .dropdown-top-left .video-capture .inner-video-title .title-text {
  position: absolute;
  bottom: 8px;
  left: 0;
  width: 100%;
  color: var(--text_white);
  color: var(--text_white);
  line-height: 18px;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 8px;
  box-sizing: border-box;
}
.video-share-popover .video-share-dropdown .dropdown-top .dropdown-top-left .capture-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.video-share-popover .video-share-dropdown .dropdown-top .dropdown-top-left .capture-bar .bar-left {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: var(--text2);
  color: var(--text2);
}
.video-share-popover .video-share-dropdown .dropdown-top .dropdown-top-left .capture-bar .bar-left > label {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.video-share-popover .video-share-dropdown .dropdown-top .dropdown-top-left .capture-bar .bar-left > label #check-timestamp {
  position: relative;
  width: 14px;
  height: 14px;
  border: 1px solid var(--line_bold);
  border: 1px solid var(--line_bold);
  border-radius: 2px;
  margin-right: 6px;
  background-color: #ffffff;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}
.video-share-popover .video-share-dropdown .dropdown-top .dropdown-top-left .capture-bar .bar-left > label #check-timestamp:checked {
  border-width: 0px;
}
.video-share-popover .video-share-dropdown .dropdown-top .dropdown-top-left .capture-bar .bar-left > label #check-timestamp:checked::after {
  content: '';
  background: ;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.video-share-popover .video-share-dropdown .dropdown-top .dropdown-top-left .capture-bar .bar-left > label .timestamp {
  padding: 0 3px;
}
.video-share-popover .video-share-dropdown .dropdown-top .dropdown-top-left .capture-bar .bar-right {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.video-share-popover .video-share-dropdown .dropdown-top .dropdown-top-left .capture-bar .bar-right .copy-link {
  position: relative;
  height: 30px;
  line-height: 30px;
  background-color: var(--brand_blue);
  background-color: var(--brand_blue);
  color: var(--text_white);
  color: var(--text_white);
  border-radius: 6px;
  border: 0;
  cursor: pointer;
  font-size: 13px;
  padding: 0px 6px;
}
.video-share-popover .video-share-dropdown .dropdown-top .dropdown-top-left .capture-bar .bar-right .copy-link:hover {
  background-color: #019cd3;
}
.video-share-popover .video-share-dropdown .dropdown-top .dropdown-top-right {
  text-align: center;
  padding-left: 25px;
  box-shadow: -0.5px 0 0 var(--line_light);
  box-shadow: -0.5px 0 0 var(--line_light);
}
.video-share-popover .video-share-dropdown .dropdown-top .dropdown-top-right .qrcode-box {
  width: 145px;
  height: 145px;
  background: #ffffff;
  border: 1px solid var(--line_light);
  border: 1px solid var(--line_light);
  box-sizing: border-box;
  border-radius: 6px;
  padding: 4px;
}
.video-share-popover .video-share-dropdown .dropdown-top .dropdown-top-right .qrcode-box .van-qrcode {
  width: 135px;
  height: 135px;
}
.video-share-popover .video-share-dropdown .dropdown-top .dropdown-top-right .qrcode-tips {
  color: var(--text1);
  color: var(--text1);
  font-size: 15px;
  line-height: 21px;
  margin-top: 4px;
}
.video-share-popover .video-share-dropdown .dropdown-bottom {
  padding: 20px 18px;
  background-color: var(--bg2);
  background-color: var(--bg2);
  color: var(--text1);
  color: var(--text1);
}
.video-share-popover .video-share-dropdown .dropdown-bottom .share-btns {
  display: flex;
  flex-wrap: wrap;
}
.video-share-popover .video-share-dropdown .dropdown-bottom .share-btns .share-btn {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  width: 60px;
  height: 60px;
}
.video-share-popover .video-share-dropdown .dropdown-bottom .share-btns .share-btn .share-btn-icon {
  width: 36px;
  height: 36px;
  margin-bottom: 4px;
}
.video-share-popover .video-share-dropdown .dropdown-bottom .share-btns .share-btn .share-btn-text {
  font-size: 12px;
  line-height: 20px;
}

.triple-oldfan-entry[data-v-d51ba3ea] {
  position: relative;
  width: 28px;
  height: 28px;
  cursor: default;
  display: flex;
  justify-content: center;
  align-items: center;
}
.triple-oldfan-entry .oldfan-icon[data-v-d51ba3ea] {
  width: 32px;
  height: 32px;
}
.triple-oldfan-entry .oldfan-hover-panel[data-v-d51ba3ea] {
  display: flex;
  align-items: center;
  position: absolute;
  z-index: 99;
  left: -10px;
  top: 50%;
  transform: translatey(-50%);
  padding: 8px;
  background-color: var(--bg1_float);
  background-color: var(--bg1_float);
  border-radius: 6px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.triple-oldfan-entry .oldfan-hover-panel .panel-main[data-v-d51ba3ea] {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.triple-oldfan-entry .oldfan-hover-panel .panel-main .oldfan-panel-icon[data-v-d51ba3ea] {
  width: 32px;
  height: 32px;
}
.triple-oldfan-entry .oldfan-hover-panel .panel-main .panel-info[data-v-d51ba3ea] {
  display: flex;
  align-items: center;
  margin-left: 9px;
  white-space: nowrap;
}
.triple-oldfan-entry .oldfan-hover-panel .panel-main .panel-info .panel-info-txt[data-v-d51ba3ea] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.triple-oldfan-entry .oldfan-hover-panel .panel-main .panel-info .panel-info-txt .txt-at-top[data-v-d51ba3ea] {
  line-height: 17px;
  font-size: 12px;
  color: var(--text1);
  color: var(--text1);
}
.triple-oldfan-entry .oldfan-hover-panel .panel-main .panel-info .panel-info-txt .txt-at-bottom[data-v-d51ba3ea] {
  line-height: 14px;
  font-size: 10px;
  color: var(--text3);
  color: var(--text3);
}
.triple-oldfan-entry .oldfan-hover-panel .panel-main .panel-info .rightarrow-icon[data-v-d51ba3ea] {
  margin-left: 12px;
  width: 14px;
  height: 14px;
}
.triple-oldfan-entry .oldfan-hover-panel .split-line[data-v-d51ba3ea] {
  width: 1px;
  height: 14px;
  background-color: var(--line_regular);
  background-color: var(--line_regular);
  margin: 0 8px;
}
.triple-oldfan-entry .oldfan-hover-panel .close-panel-btn[data-v-d51ba3ea] {
  display: flex;
  width: 14px;
  height: 14px;
  padding-right: 6px;
  cursor: pointer;
}
.triple-oldfan-entry .oldfan-hover-panel .close-panel-btn .close-icon[data-v-d51ba3ea] {
  width: 100%;
  height: 100%;
}
.triple-oldfan-entry .oldfan-hover-panel.oldfantrans-enter-active[data-v-d51ba3ea],
.triple-oldfan-entry .oldfan-hover-panel.oldfantrans-leave-active[data-v-d51ba3ea] {
  transition: all 0.3s;
}
.triple-oldfan-entry .oldfan-hover-panel.oldfantrans-enter[data-v-d51ba3ea],
.triple-oldfan-entry .oldfan-hover-panel.oldfantrans-leave-to[data-v-d51ba3ea] {
  max-width: 32px;
}
.triple-oldfan-entry .oldfan-hover-panel.oldfantrans-enter-to[data-v-d51ba3ea],
.triple-oldfan-entry .oldfan-hover-panel.oldfantrans-leave[data-v-d51ba3ea] {
  max-width: 279px;
}

.video-ai-assistant[data-v-3486c952] {
  position: relative;
  z-index: 60;
  padding: 0 6px;
  box-sizing: border-box;
}
.video-ai-assistant .video-ai-assistant-info[data-v-3486c952] {
  color: var(--brand_blue);
  color: var(--brand_blue);
  background: linear-gradient(93deg, #45aee4 0%, #5b8ce7 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.video-ai-assistant .video-ai-assistant-icon[data-v-3486c952] {
  width: 18px;
  height: 18px;
  margin-right: 4px;
}
.video-ai-assistant .video-ai-assistant-bg[data-v-3486c952] {
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: calc(100%   2px);
  box-sizing: border-box;
}
.video-ai-assistant .video-ai-assistant-bg .video-ai-assistant-badge[data-v-3486c952] {
  position: absolute;
  z-index: 1;
  top: -14px;
  right: -13px;
  padding: 3px 4px;
  border-radius: 6px;
  background-color: var(--graph_bg_regular);
  background-color: var(--graph_bg_regular);
  border: 1px solid var(--line_regular);
  border: 1px solid var(--line_regular);
  color: var(--text2);
  color: var(--text2);
  font-size: 9px;
  line-height: 1;
  white-space: nowrap;
}
.video-ai-assistant .video-ai-assistant-bg[data-v-3486c952]::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-sizing: border-box;
  border-radius: 8px;
  background:  center / 100% 100% no-repeat;
  background-origin: border-box;
  transition: opacity 0.2s;
  opacity: 0;
}
.video-ai-assistant .video-ai-assistant-bg[data-v-3486c952]::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-sizing: border-box;
  border-radius: 8px;
  border: 1px solid var(--brand_blue);
  border: 1px solid var(--brand_blue);
  transition: opacity 0.2s;
  opacity: 1;
}
.video-ai-assistant .video-ai-assistant-bg[data-v-3486c952]:hover::before {
  opacity: 1;
}
.video-ai-assistant .video-ai-assistant-bg[data-v-3486c952]:hover::after {
  opacity: 0;
}
.video-ai-assistant:hover .video-ai-assistant-bg[data-v-3486c952]::before {
  opacity: 1;
}
.video-ai-assistant:hover .video-ai-assistant-bg[data-v-3486c952]::after {
  opacity: 0;
}
.video-ai-assistant.minisize .video-ai-assistant-icon[data-v-3486c952] {
  margin-right: 0px;
}
.video-ai-assistant.minisize .video-ai-assistant-info[data-v-3486c952] {
  text-indent: -9999px;
}
.video-ai-assistant.minisize .video-ai-assistant-bg .video-ai-assistant-badge[data-v-3486c952] {
  top: -16px;
  right: -23px;
}
@media (min-width: 1681px) {
.video-ai-assistant .video-ai-assistant-icon[data-v-3486c952] {
    width: 24px;
    height: 24px;
    margin-right: 6px;
}
.video-ai-assistant .video-ai-assistant-bg[data-v-3486c952] {
    height: calc(100%   6px);
}
}

.teleport {
  position: absolute;
  width: 0;
  height: 0;
}
.teleport.hidden {
  visibility: hidden;
  display: none;
}

.v-modal-enter{animation:v-modal-in .2s ease}.v-modal-leave{animation:v-modal-out .2s ease forwards}@keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-out{to{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000}.van-dialog{position:relative;margin:0 auto 50px;background:#fff;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.3);box-sizing:border-box;width:50%}.van-dialog.is-fullscreen{width:100%;margin-top:0;margin-bottom:0;height:100%;overflow:auto}.van-dialog__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0}.van-dialog__header{padding:20px 20px 10px}.van-dialog__headerbtn{position:absolute;top:20px;right:20px;padding:0;background:0 0;border:none;outline:0;cursor:pointer;font-size:16px}.van-dialog__headerbtn .van-dialog__close{color:#909399}.van-dialog__headerbtn:focus .van-dialog__close,.van-dialog__headerbtn:hover .van-dialog__close{color:#409eff}.van-dialog__title{line-height:24px;font-size:18px;color:#303133}.van-dialog__body{padding:30px 20px;color:#606266;line-height:24px;font-size:14px}.van-dialog__footer{padding:10px 20px 20px;text-align:right;box-sizing:border-box}.van-dialog--center{text-align:center}.van-dialog--center .van-dialog__body{text-align:left;text-align:initial;padding:25px 25px 30px}.van-dialog--center .van-dialog__footer{text-align:inherit}.dialog-fade-enter-active{animation:dialog-fade-in .3s}.dialog-fade-leave-active{animation:dialog-fade-out .3s}@keyframes dialog-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}to{transform:translatez(0);opacity:1}}@keyframes dialog-fade-out{0%{transform:translatez(0);opacity:1}to{transform:translate3d(0,-20px,0);opacity:0}}
.van-dialog__wrapper {
  z-index: 100031 !important;
}
.v-modal {
  z-index: 100030 !important;
}
.protocal-dialog.new {
  background: var(--bg1_float);
  background: var(--bg1_float);
  border-radius: 4px;
}
.protocal-dialog.new .van-dialog__header {
  padding: 15px 16px;
  text-align: left;
}
.protocal-dialog.new .van-dialog__title {
  font-size: 16px;
  font-weight: bold;
  color: var(--text1);
  color: var(--text1);
}
.protocal-dialog.new .van-dialog__headerbtn {
  right: 16px;
  top: 16px;
}
.protocal-dialog.new .van-dialog__headerbtn .van-dialog__close {
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
  color: var(--text2);
  color: var(--text2);
}
.protocal-dialog.new .van-dialog__body {
  padding: 0;
}
.protocal-dialog.new .van-dialog__body .dialog-note-content {
  padding: 12px 16px;
  text-align: left;
  font-size: 14px;
  line-height: 22px;
  color: var(--text1);
  color: var(--text1);
}
.protocal-dialog.new .van-dialog__body .dialog-note-content .note-explain-container {
  display: flex;
  align-items: center;
}
.protocal-dialog.new .van-dialog__body .dialog-note-content .note-explain-container .note-explain {
  margin-right: 2px;
  font-size: 14px;
  color: #757575;
}
.protocal-dialog.new .van-dialog__body .dialog-note-content .note-explain-container .note-explain-popover {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.protocal-dialog.new .van-dialog__body .dialog-note-content .note-explain-container .note-explain-popover:hover .explain-popover {
  opacity: 1;
  transform: translate(-50%, -100%);
}
.protocal-dialog.new .van-dialog__body .dialog-note-content .note-explain-container .note-explain-popover .explain-icon {
  vertical-align: text-bottom;
}
.protocal-dialog.new .van-dialog__body .dialog-note-content .note-explain-container .note-explain-popover .explain-popover {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 50%;
  width: 210px;
  height: 42px;
  border: 1px solid #e3e5e7;
  font-size: 14px;
  color: #61666d;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
  transform: translate(-50%, -90%);
  transition: 0.2s;
}
.protocal-dialog.new .van-dialog__body .dialog-note-content .note-preview-container {
  border: 1px solid var(--line_regular);
  border: 1px solid var(--line_regular);
  padding: 0 4px;
  border-radius: 10px;
  margin: 12px 0;
}
.protocal-dialog.new .van-dialog__body .dialog-note-content .note-preview-container .note-preview-scroll-box {
  max-height: 235px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 20px 50px 20px 0;
}
.protocal-dialog.new .van-dialog__body .dialog-note-content .note-preview-container .note-preview-scroll-box::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 16px;
}
.protocal-dialog.new .van-dialog__body .dialog-note-content .note-preview-container .note-preview-scroll-box::-webkit-scrollbar {
  width: 4px;
}
.protocal-dialog.new .van-dialog__body .dialog-note-content .note-preview-container .note-preview-scroll-box::-webkit-scrollbar-thumb {
  border-radius: 16px;
  background: #f1f2f3;
}
.protocal-dialog.new .van-dialog__body .dialog-note-content .note-protocol-container {
  margin-bottom: 14px;
  font-size: 12px;
  color: #757575;
}
.protocal-dialog.new .van-dialog__body .dialog-note-content .note-protocol-container .note-protocol .protocol-item {
  color: #00a1d6;
  text-decoration: none;
}
.protocal-dialog.new .van-dialog__body .dialog-note-footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 24px;
}
.protocal-dialog.new .van-dialog__body .dialog-note-footer .btn {
  width: 130px;
  height: 32px;
  font-size: 14px;
  box-sizing: border-box;
  border-radius: 2px;
  text-align: center;
  cursor: pointer;
}
.protocal-dialog.new .van-dialog__body .dialog-note-footer .btn-cancel {
  margin-right: 12px;
  border: 1px solid var(--text3);
  border: 1px solid var(--text3);
  border-radius: 6px;
  color: var(--text1);
  color: var(--text1);
  line-height: 30px;
}
.protocal-dialog.new .van-dialog__body .dialog-note-footer .btn-confirm {
  border-radius: 6px;
  color: var(--text_white);
  color: var(--text_white);
  line-height: 32px;
  background: var(--brand_blue);
  background: var(--brand_blue);
}

.checkbox[data-v-f2e442ae] {
  font-size: 0;
  vertical-align: middle;
  cursor: pointer;
}
.checkbox .box[data-v-f2e442ae] {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  border: 1px solid #ccc;
  background: #fff;
  box-sizing: border-box;
  vertical-align: middle;
}
.checkbox .box.checked[data-v-f2e442ae] {
  border: none;
  background: #26abe2 url(/uploads/image/ibsjvasserts/note_checkbox_checked.svg) no-repeat center / 9px;
}
.checkbox input[data-v-f2e442ae] {
  display: none;
}

.van-dialog__wrapper {
  z-index: 100031 !important;
}
.v-modal {
  z-index: 100030 !important;
}
.protocal-dialog {
  background: var(--bg1_float);
  background: var(--bg1_float);
  border-radius: 4px;
}
.protocal-dialog .van-dialog__header {
  padding: 15px 16px;
  text-align: center;
  border-bottom: 1px solid var(--line_regular);
  border-bottom: 1px solid var(--line_regular);
}
.protocal-dialog .van-dialog__title {
  font-size: 16px;
  font-weight: bold;
  color: var(--text1);
  color: var(--text1);
}
.protocal-dialog .van-dialog__headerbtn {
  right: 16px;
  top: 16px;
}
.protocal-dialog .van-dialog__headerbtn .van-dialog__close {
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
  color: var(--text2);
  color: var(--text2);
}
.protocal-dialog .van-dialog__body {
  padding: 0;
}
.dialog-note-content {
  padding: 24px;
  text-align: left;
  font-size: 14px;
  line-height: 22px;
  color: var(--text1);
  color: var(--text1);
}
.dialog-note-content .checkbox {
  margin-right: 10px;
}
.dialog-note-content p {
  margin-bottom: 14px;
}
.dialog-note-content a {
  color: var(--brand_blue);
  color: var(--brand_blue);
  text-decoration: none;
}
.dialog-note-footer {
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}
.dialog-note-footer .btn {
  width: 130px;
  height: 32px;
  font-size: 14px;
  box-sizing: border-box;
  border-radius: 2px;
  text-align: center;
  cursor: pointer;
}
.dialog-note-footer .btn-cancel {
  line-height: 30px;
  border: 1px solid var(--text3);
  border: 1px solid var(--text3);
  color: var(--text1);
  color: var(--text1);
}
.dialog-note-footer .btn-confirm {
  line-height: 32px;
  color: var(--text_white);
  color: var(--text_white);
  background: var(--brand_blue);
  background: var(--brand_blue);
}

.video-note.video-toolbar-right-item[data-v-3d2f067a] {
  color: var(--text2);
  color: var(--text2);
}
.video-note .video-note-inner[data-v-3d2f067a] {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.video-note .video-note-inner[data-v-3d2f067a]:hover {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.video-note .video-note-inner.not-support[data-v-3d2f067a] {
  cursor: default;
  color: #d6d6d6;
  position: relative;
}
.video-note .video-note-inner.not-support[data-v-3d2f067a]:hover {
  color: #d6d6d6;
}
.video-note .video-note-inner.not-support[data-v-3d2f067a]:hover:after {
  flex-wrap: nowrap;
  display: flex;
  position: absolute;
  z-index: 200;
  top: -51px;
  background: #5d5d5d;
  border-radius: 4px;
  padding: 5px 12px;
  line-height: 16px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.85);
  content: attr(labeltooltip);
  width: 169px;
}
.video-note .video-note-inner .note-up-guide[data-v-3d2f067a] {
  position: absolute;
  width: 217px;
  top: 100%;
  left: 50%;
  transform: translatex(-50%);
  cursor: pointer;
  z-index: 9;
}

.video-note-fake[data-v-19caacdd] {
  display: inline-flex;
  align-items: center;
}
.video-note-fake.not-support[data-v-19caacdd] {
  cursor: default;
  color: #d6d6d6 !important;
  position: relative;
}
.video-note-fake.not-support .video-note-icon[data-v-19caacdd] {
  color: #d6d6d6 !important;
}
.video-note-fake.not-support[data-v-19caacdd]:hover {
  color: #d6d6d6;
}
.video-note-fake.not-support[data-v-19caacdd]:hover:after {
  flex-wrap: nowrap;
  display: flex;
  position: absolute;
  z-index: 200;
  top: -51px;
  background: #5d5d5d;
  border-radius: 4px;
  padding: 5px 12px;
  line-height: 16px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.85);
  content: attr(labeltooltip);
  width: 169px;
}

.video-watchlater {
  position: relative;
}
.video-watchlater .ops-watch-later {
  position: absolute;
  width: 100%;
  height: 100%;
  background: none;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.video-watchlater .ops-watch-later .wl-tips {
  display: none;
}
.video-watchlater .ops-watch-later.added {
  background: none;
}

.video-owner-state-fake[data-v-168ca8d4] {
  display: flex;
  flex-direction: column;
}
.video-owner-state-fake .video-owner-state-item[data-v-168ca8d4] {
  position: relative;
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 29px;
  font-size: 13px;
  color: var(--text1);
  color: var(--text1);
  cursor: pointer;
}
.video-owner-state-fake .video-owner-state-item[data-v-168ca8d4]:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  opacity: 0.1;
}
.video-owner-state-fake .video-owner-state-item[data-v-168ca8d4]:hover {
  background: none;
  color: var(--text1);
  color: var(--text1);
}
.video-owner-state-fake .video-owner-state-item[data-v-168ca8d4]:hover:before {
  background-color: var(--graph_medium);
  background-color: var(--graph_medium);
}
.video-owner-state-fake .video-owner-state-item .video-owner-state-item-icon[data-v-168ca8d4] {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-right: 6px;
  color: var(--graph_icon);
  color: var(--graph_icon);
}
@media (min-width: 1681px) {
.video-owner-state-fake .video-owner-state-item[data-v-168ca8d4] {
    font-size: 14px;
}
.video-owner-state-fake .video-owner-state-item .video-owner-state-item-icon[data-v-168ca8d4] {
    width: 24px;
    height: 24px;
}
}

.video-tool-more .video-tool-more-reference[data-v-bce1abe6] {
  display: flex;
}
.video-tool-more .video-tool-more-reference .video-tool-more-icon[data-v-bce1abe6] {
  width: 24px;
  height: 24px;
  margin-right: 0;
}

.video-tool-more-popover {
  min-width: 142px;
  padding: 12px 0;
  box-sizing: border-box;
  background: var(--bg1_float);
  background: var(--bg1_float);
  border: 1px solid var(--line_light);
  border: 1px solid var(--line_light);
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.video-tool-more-popover .video-tool-more-dropdown .dropdown-item {
  position: relative;
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 29px;
  color: var(--text1);
  color: var(--text1);
}
.video-tool-more-popover .video-tool-more-dropdown .dropdown-item:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  opacity: 0.1;
}
.video-tool-more-popover .video-tool-more-dropdown .dropdown-item:hover {
  background: none;
  color: var(--text1);
  color: var(--text1);
}
.video-tool-more-popover .video-tool-more-dropdown .dropdown-item:hover:before {
  background-color: var(--graph_medium);
  background-color: var(--graph_medium);
}
.video-tool-more-popover .video-tool-more-dropdown .dropdown-item .video-toolbar-item-icon {
  color: var(--graph_icon);
  color: var(--graph_icon);
}

.video-owner-state[data-v-67093e3d] {
  display: flex;
  align-items: center;
}
.video-owner-state .video-owner-state-item[data-v-67093e3d] {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 8px;
  padding: 6px 10px 6px 8px;
  border-radius: 8px;
  background: var(--graph_bg_thin);
  background: var(--graph_bg_thin);
  transition: background-color 0.3s;
  color: var(--text1);
  color: var(--text1);
  cursor: pointer;
}
.video-owner-state .video-owner-state-item-icon[data-v-67093e3d] {
  width: 18px;
  height: 18px;
}
.video-owner-state .video-owner-state-item-text[data-v-67093e3d] {
  margin-left: 4px;
  font-size: 13px;
  line-height: 18px;
}
.video-owner-state .video-owner-state-item[data-v-67093e3d]:hover {
  background: var(--graph_bg_thick);
  background: var(--graph_bg_thick);
}
.video-owner-state .video-owner-state-item[data-v-67093e3d]:last-child {
  margin-right: 0;
}
.video-owner-state.minisize .video-owner-state-item[data-v-67093e3d] {
  padding: 6px;
}
.video-owner-state.minisize .video-owner-state-item-text[data-v-67093e3d] {
  display: none;
}
.video-owner-state.minisize .video-owner-state-item[data-v-67093e3d]:hover::after {
  position: absolute;
  z-index: 999;
  left: 50%;
  bottom: calc(100%   5px);
  transform: translatex(-50%);
  font-size: 12px;
  line-height: 21px;
  white-space: nowrap;
  background: var(--bg1);
  background: var(--bg1);
  border-radius: 6px;
  border: 1px solid var(--line_regular);
  border: 1px solid var(--line_regular);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.06);
  color: var(--text1);
  color: var(--text1);
  line-height: 1;
  padding: 6px 10px;
}
.video-owner-state.minisize .video-owner-state-item.edit-manuscript[data-v-67093e3d]:hover::after {
  content: '\7f16\8f91\7a3f\4ef6';
}
.video-owner-state.minisize .video-owner-state-item.config-danmu[data-v-67093e3d]:hover::after {
  content: '\4e92\52a8\5f39\5e55';
}
.video-owner-state.minisize .video-owner-state-item.more-data[data-v-67093e3d]:hover::after {
  content: '\66f4\591a\6570\636e';
}
.video-owner-state.minisize .video-owner-state-item.interaction-settings[data-v-67093e3d]:hover::after {
  content: '\4e92\52a8\8bbe\7f6e';
}
@media (min-width: 1681px) {
.video-owner-state .video-owner-state-item[data-v-67093e3d] {
    padding: 8px 14px 8px 12px;
}
.video-owner-state .video-owner-state-item-icon[data-v-67093e3d] {
    width: 24px;
    height: 24px;
}
.video-owner-state .video-owner-state-item-text[data-v-67093e3d] {
    margin-left: 6px;
    font-size: 14px;
    line-height: 20px;
}
.video-owner-state.minisize .video-owner-state-item[data-v-67093e3d] {
    padding: 8px;
}
}

.bili-dialog-m {
  background: rgba(0, 0, 0, 0.65);
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10102;
}
.bili-dialog-m .bili-dialog-bomb {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translatex(-50%) translatey(-50%);
  -ms-transform: translatex(-50%) translatey(-50%);
  box-sizing: border-box;
  margin-bottom: 50px;
}
.bili-dialog-m .layout {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1;
  outline: none;
}

.coin-operated-m-exp {
  width: 430px;
  background: var(--bg1_float);
  background: var(--bg1_float);
  border-radius: 4px;
  overflow: hidden;
}
.coin-operated-m-exp .close {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 16px;
  top: 16px;
  cursor: pointer;
  background:  no-repeat center;
}
.coin-operated-m-exp .coin-title {
  font-size: 16px;
  margin-top: 20px;
  color: var(--text1);
  color: var(--text1);
  text-align: center;
}
.coin-operated-m-exp .coin-title span {
  font-size: 30px;
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.coin-operated-m-exp .mc {
  text-align: center;
}
.coin-operated-m-exp .mc-box {
  overflow: hidden;
  position: relative;
  display: inline-block;
  margin-right: 30px;
  margin-top: 35px;
  width: 160px;
  height: 230px;
  border: 2px dashed #ccd0d6;
  border-radius: 5px;
  background-repeat: no-repeat;
  background-position: center;
}
.coin-operated-m-exp .mc-box.left-con {
  margin-left: 35px;
  background-image: url(/uploads/image/ibsjvasserts/22-coin.png);
  background-size: 120px;
}
.coin-operated-m-exp .mc-box.right-con {
  background-image: url(/uploads/image/ibsjvasserts/33-coin.png);
  background-size: 120px;
}
.coin-operated-m-exp .mc-box .c-num {
  color: var(--text3);
  color: var(--text3);
  text-align: left;
  font-size: 14px;
  line-height: 40px;
  position: absolute;
  left: 15px;
  top: 0px;
}
.coin-operated-m-exp .mc-box .coin-run-box {
  width: 120px;
  height: 206px;
  overflow: hidden;
  margin: 0 auto;
}
.coin-operated-m-exp .mc-box .coin-run {
  opacity: 0;
  height: 193px;
  margin-top: 19px;
}
.coin-operated-m-exp .mc-box:hover {
  border-color: #02a0d8;
}
.coin-operated-m-exp .mc-box.on {
  border-style: solid;
  border-color: #02a0d8;
  background: transparent;
}
.coin-operated-m-exp .mc-box.on .c-num {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.coin-operated-m-exp .mc-box.on .coin-run {
  opacity: 1;
  animation: coin-run-animation 2s steps(23) infinite;
}
.coin-operated-m-exp .like-checkbox {
  margin: 12px 0 0 37px;
  font-size: 12px;
  color: var(--text1);
  color: var(--text1);
  line-height: 16px;
}
.coin-operated-m-exp .like-checkbox input[type='checkbox'] {
  font-size: 18px;
  width: 0;
  height: 0;
  cursor: pointer;
  display: none;
}
.coin-operated-m-exp .like-checkbox input[type='checkbox']   i {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: bottom;
  background: ;
}
.coin-operated-m-exp .like-checkbox input[type='checkbox']:checked   i {
  background: url(/uploads/image/ibsjvasserts/checkbox_selected.svg);
}
.coin-operated-m-exp .coin-bottom {
  text-align: center;
  padding: 25px 0;
}
.coin-operated-m-exp .coin-bottom .b-btn {
  width: 92px;
  height: 22px;
  line-height: 22px;
}
.coin-operated-m-exp .coin-bottom .tips {
  font-size: 12px;
  color: var(--text3);
  color: var(--text3);
  margin-top: 10px;
}
.coin-operated-m-exp .coin-bottom .bi-btn {
  display: inline-block;
  background: var(--brand_blue);
  background: var(--brand_blue);
  color: var(--text_white);
  color: var(--text_white);
  font-size: 14px;
  padding: 4px 18px;
  border-radius: 4px;
  transition: all 0.3s;
  user-select: none;
  border: 1px solid var(--brand_blue);
  border: 1px solid var(--brand_blue);
  text-align: center;
  cursor: pointer;
}
.coin-operated-m-exp .coin-bottom .bi-btn:hover {
  color: var(--text_white);
  color: var(--text_white);
  background: #00b8f6;
  border-color: #00b8f6;
}
.coin-operated-m-exp .coin-bottom .bi-btn:active {
  background: #01769c;
  border-color: #01769c;
}
@keyframes coin-run-animation {
0% {
    transform: translate3d(0px, 0, 0);
}
100% {
    transform: translate3d(-2767px, 0, 0);
}
}

.collection-m-exp {
  width: 420px;
  border-radius: 4px;
  background: var(--bg1_float);
  background: var(--bg1_float);
  overflow: hidden;
}
.collection-m-exp .title {
  position: relative;
  padding: 0 20px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: var(--text1);
  color: var(--text1);
  border-bottom: var(--line_regular);
  border-bottom: var(--line_regular);
  text-align: center;
}
.collection-m-exp .title .close {
  position: absolute;
  right: 20px;
  line-height: 50px;
  width: 12px;
  height: 50px;
  background:  no-repeat center;
  cursor: pointer;
}
.collection-m-exp .content {
  padding: 0 36px;
  height: 300px;
  overflow: auto;
}
.collection-m-exp .content .info {
  font-size: 12px;
  color: var(--text3);
  color: var(--text3);
  margin: 14px 0;
}
.collection-m-exp .content .info .uname {
  color: var(--text2);
  color: var(--text2);
}
.collection-m-exp .content .group-list {
  max-height: 300px;
  padding-bottom: 14px;
}
.collection-m-exp .content .group-list ul {
  position: relative;
  margin-top: 24px;
  min-height: 210px;
}
.collection-m-exp .content .group-list ul .collection-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: var(--bg1_float);
  background: var(--bg1_float);
}
.collection-m-exp .content .group-list li {
  padding-bottom: 24px;
  font-size: 14px;
  color: var(--text1);
  color: var(--text1);
  cursor: pointer;
}
.collection-m-exp .content .group-list li label {
  cursor: pointer;
  display: block;
}
.collection-m-exp .content .group-list li label .personal {
  color: var(--text3);
  color: var(--text3);
}
.collection-m-exp .content .group-list li label.disable {
  color: var(--text3);
  color: var(--text3);
}
.collection-m-exp .content .group-list li label.disable:hover {
  color: var(--text3);
  color: var(--text3);
}
.collection-m-exp .content .group-list li label.disable input[type='checkbox']   i {
  background: ;
}
.collection-m-exp .content .group-list li label.disable input[type='checkbox']:hover   i {
  background: ;
}
.collection-m-exp .content .group-list li label .count {
  float: right;
  color: var(--text2);
  color: var(--text2);
  font-size: 12px;
}
.collection-m-exp .content .group-list li input[type='checkbox'] {
  font-size: 18px;
  width: 0;
  height: 0;
  cursor: pointer;
  vertical-align: middle;
  display: none;
}
.collection-m-exp .content .group-list li input[type='checkbox']   i {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 18px;
  vertical-align: middle;
  background: ;
}
.collection-m-exp .content .group-list li input[type='checkbox']:hover   i {
  background: ;
}
.collection-m-exp .content .group-list li input[type='checkbox']:checked   i {
  background: ;
}
.collection-m-exp .content .group-list li input[type='checkbox']:checked:hover   i {
  background: ;
}
.collection-m-exp .content .group-list li .fav-title {
  max-width: 220px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.collection-m-exp .content .group-list li:hover {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.collection-m-exp .content .group-list .add-group {
  margin-bottom: 5px;
  width: 348px;
}
.collection-m-exp .content .group-list .add-group .add-btn {
  height: 34px;
  line-height: 34px;
  padding: 0 34px;
  border: 1px solid var(--text3);
  border: 1px solid var(--text3);
  border-radius: 4px;
  background:  no-repeat 10px center;
  font-size: 12px;
  color: var(--text2);
  color: var(--text2);
  cursor: pointer;
}
.collection-m-exp .content .group-list .add-group .add-btn:hover {
  border: 1px solid var(--brand_blue);
  border: 1px solid var(--brand_blue);
}
.collection-m-exp .content .group-list .add-group .fav-add-tip {
  display: inline-flex;
  align-items: center;
  height: 40px;
  position: absolute;
  top: -52px;
  padding: 0 10px;
  border-radius: 4px;
  color: var(--text_white);
  color: var(--text_white);
  background: var(--brand_blue);
  background: var(--brand_blue);
}
.collection-m-exp .content .group-list .add-group .fav-add-tip .icon-close {
  display: inline-flex;
  margin-left: 10px;
  color: var(--text_white);
  color: var(--text_white);
}
.collection-m-exp .content .group-list .add-group .fav-add-tip::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 60px;
  border-style: solid;
  border-width: 6px 7px 0 7px;
  border-color: var(--brand_blue) transparent transparent transparent;
  border-color: var(--brand_blue) transparent transparent transparent;
}
.collection-m-exp .content .group-list .add-group .input-group {
  height: 34px;
  line-height: 34px;
  border: 1px solid var(--brand_blue);
  border: 1px solid var(--brand_blue);
  border-radius: 4px;
  position: relative;
}
.collection-m-exp .content .group-list .add-group .input-group input {
  border: none;
  font-size: 12px;
  width: 200px;
  margin-left: 10px;
  padding: 0;
  box-shadow: none;
  height: 100%;
  background: transparent;
  color: var(--text1);
  color: var(--text1);
  outline: none;
}
.collection-m-exp .content .group-list .add-group .input-group .submit {
  float: right;
  height: 34px;
  width: 90px;
  background: #d9f1f9;
  border: none;
  border-left: 1px solid var(--brand_blue);
  border-left: 1px solid var(--brand_blue);
  border-radius: 0 4px 4px 0;
  font-size: 14px;
  color: var(--brand_blue);
  color: var(--brand_blue);
  cursor: pointer;
}
.collection-m-exp .content::-webkit-scrollbar {
  width: 6px;
}
.collection-m-exp .content::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: #999999;
}
.collection-m-exp .bottom {
  height: 76px;
  text-align: center;
  margin: 0 36px;
  border-top: 1px solid var(--line_regular);
  border-top: 1px solid var(--line_regular);
}
.collection-m-exp .bottom .btn {
  font-size: 14px;
  width: 160px;
  height: 40px;
  margin-top: 18px;
  background: var(--brand_blue);
  background: var(--brand_blue);
  border: none;
  border-radius: 4px;
  color: var(--text_white);
  color: var(--text_white);
  cursor: pointer;
}
.collection-m-exp .bottom .btn:hover {
  background: #00b8f6;
}
.collection-m-exp .bottom .btn.disable {
  background-color: var(--graph_bg_thick);
  background-color: var(--graph_bg_thick);
  color: var(--text3);
  color: var(--text3);
}
.collection-m-exp .layout {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1;
  outline: none;
}

.app-watch-exp {
  border: 1px solid var(--line_light);
  border: 1px solid var(--line_light);
  color: var(--text1);
  color: var(--text1);
  background: var(--bg1_float);
  background: var(--bg1_float);
  width: 420px;
  border-radius: 2px;
  z-index: 20;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14);
}
.app-watch-exp .title {
  position: relative;
  padding: 0 20px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: var(--text1);
  color: var(--text1);
  border-bottom: 1px solid var(--line_regular);
  border-bottom: 1px solid var(--line_regular);
  text-align: center;
}
.app-watch-exp .title .close {
  position: absolute;
  right: 20px;
  line-height: 50px;
  width: 12px;
  background:  no-repeat center;
  cursor: pointer;
}
.app-watch-exp .app-look {
  padding: 30px 20px;
}
.app-watch-exp .app-look .i-t {
  display: flex;
}
.app-watch-exp .app-look .i-t .qrcode {
  width: 100px;
  height: 100px;
  flex: none;
  background: #eee;
}
.app-watch-exp .app-look .i-t .v-title {
  font-size: 14px;
  margin-left: 15px;
  line-height: 22px;
  white-space: normal;
}
.app-watch-exp .app-look .foot-txt {
  text-align: center;
  line-height: 20px;
  margin-top: 20px;
  font-size: 14px;
}
.app-watch-exp .app-look .foot-txt a {
  color: var(--brand_blue);
  color: var(--brand_blue);
}

.appeal-box {
  background: var(--bg1);
  background: var(--bg1);
  border-radius: 10px;
  overflow: hidden;
  width: 600px;
  height: 560px;
}

.interaction-settings[data-v-c345ab54] {
  background: var(--bg1);
  background: var(--bg1);
  border-radius: 10px;
  overflow: hidden;
  width: 700px;
  height: 460px;
}

.oldfan-contract-container[data-v-413983dc] {
  position: relative;
  width: 480px;
  height: 461px;
  border-radius: 6px;
  overflow: hidden;
}
.oldfan-contract-container .layer[data-v-413983dc] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: var(--bg1);
  background-color: var(--bg1);
}
.oldfan-contract-container .layer .layer-header[data-v-413983dc] {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  height: 50px;
  border-bottom: 1px solid var(--line_light);
  border-bottom: 1px solid var(--line_light);
  background-color: var(--bg1);
  background-color: var(--bg1);
}
.oldfan-contract-container .layer .layer-header .layer-title[data-v-413983dc] {
  font-size: 16px;
  font-weight: 500;
  color: var(--text1);
  color: var(--text1);
}
.oldfan-contract-container .layer .layer-header .layer-close-btn[data-v-413983dc] {
  position: absolute;
  top: 13px;
  right: 20px;
  display: flex;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.oldfan-contract-container .layer .layer-header .layer-close-btn .close-icon[data-v-413983dc] {
  width: 100%;
  height: 100%;
}
.oldfan-contract-container .layer .layer-content[data-v-413983dc] {
  flex-grow: 1;
  overflow: auto;
  overflow: overlay;
  background-color: var(--bg1);
  background-color: var(--bg1);
}
.oldfan-contract-container .layer .layer-content .layer-content-panel[data-v-413983dc] {
  box-sizing: border-box;
  min-height: 100%;
  padding: 20px 40px 24px;
}
.oldfan-contract-container .layer .layer-footer[data-v-413983dc] {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  height: 60px;
  box-shadow: inset 0px 0.5px 0px var(--graph_bg_thick);
  box-shadow: inset 0px 0.5px 0px var(--graph_bg_thick);
  background-color: var(--bg1);
  background-color: var(--bg1);
}
.oldfan-contract-container .layer .layer-footer .action-btn[data-v-413983dc] {
  width: 140px;
  height: 40px;
  background-color: var(--brand_blue);
  background-color: var(--brand_blue);
  color: var(--text_white);
  color: var(--text_white);
  font-size: 16px;
  border-radius: 4px;
  border: none;
  cursor: pointer;
}
.oldfan-contract-container .oldfan-contract[data-v-413983dc] {
  position: relative;
}
.oldfan-contract-container .oldfan-contract .oldfan-contract-content .contract-content-panel .upinfo[data-v-413983dc] {
  display: flex;
  align-items: center;
}
.oldfan-contract-container .oldfan-contract .oldfan-contract-content .contract-content-panel .upinfo .avatar[data-v-413983dc] {
  display: flex;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 12px;
}
.oldfan-contract-container .oldfan-contract .oldfan-contract-content .contract-content-panel .upinfo .avatar img[data-v-413983dc] {
  width: 100%;
  height: 100%;
}
.oldfan-contract-container .oldfan-contract .oldfan-contract-content .contract-content-panel .upinfo .upinfo-detail .up-name[data-v-413983dc] {
  color: var(--text1);
  color: var(--text1);
  font-size: 14px;
  line-height: 20px;
}
.oldfan-contract-container .oldfan-contract .oldfan-contract-content .contract-content-panel .upinfo .upinfo-detail .up-data[data-v-413983dc] {
  color: var(--text3);
  color: var(--text3);
  font-size: 10px;
  line-height: 14px;
}
.oldfan-contract-container .oldfan-contract .oldfan-contract-content .contract-content-panel .upinfo .upinfo-detail .up-data .fans[data-v-413983dc] {
  margin-right: 6px;
}
.oldfan-contract-container .oldfan-contract .oldfan-contract-content .contract-content-panel .oldfan-description[data-v-413983dc] {
  margin-top: 12px;
  color: var(--text2);
  color: var(--text2);
  font-size: 13px;
  line-height: 22px;
}
.oldfan-contract-container .oldfan-contract .oldfan-contract-content .contract-content-panel .oldfan-rewards[data-v-413983dc] {
  margin-top: 24px;
}
.oldfan-contract-container .oldfan-contract .oldfan-contract-content .contract-content-panel .oldfan-rewards .oldfan-rewards-title[data-v-413983dc] {
  display: flex;
  align-items: center;
}
.oldfan-contract-container .oldfan-contract .oldfan-contract-content .contract-content-panel .oldfan-rewards .oldfan-rewards-title .oldfan-rewards-title-text[data-v-413983dc] {
  margin: 0 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: var(--text1);
  color: var(--text1);
}
.oldfan-contract-container .oldfan-contract .oldfan-contract-content .contract-content-panel .oldfan-rewards .oldfan-rewards-title[data-v-413983dc]::before,
.oldfan-contract-container .oldfan-contract .oldfan-contract-content .contract-content-panel .oldfan-rewards .oldfan-rewards-title[data-v-413983dc]::after {
  content: '';
  flex-grow: 1;
  height: 1px;
  background-color: var(--line_regular);
  background-color: var(--line_regular);
}
.oldfan-contract-container .oldfan-contract .oldfan-contract-content .contract-content-panel .oldfan-rewards .reward[data-v-413983dc] {
  display: flex;
  align-items: center;
  border-radius: 8px;
  margin-top: 12px;
  background-color: var(--bg2);
  background-color: var(--bg2);
  padding: 10px 12px;
}
.oldfan-contract-container .oldfan-contract .oldfan-contract-content .contract-content-panel .oldfan-rewards .reward .reward-icon[data-v-413983dc] {
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  margin-right: 8px;
  background-color: var(--bg1);
  background-color: var(--bg1);
  border-radius: 8px;
  overflow: hidden;
}
.oldfan-contract-container .oldfan-contract .oldfan-contract-content .contract-content-panel .oldfan-rewards .reward .reward-icon img[data-v-413983dc] {
  width: 100%;
  height: 100%;
}
.oldfan-contract-container .oldfan-contract .oldfan-contract-content .contract-content-panel .oldfan-rewards .reward .reward-detail .reward-title[data-v-413983dc] {
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  color: var(--text1);
  color: var(--text1);
}
.oldfan-contract-container .oldfan-contract .oldfan-contract-content .contract-content-panel .oldfan-rewards .reward .reward-detail .reward-desc[data-v-413983dc] {
  margin-top: 4px;
  font-size: 12px;
  line-height: 17px;
  color: var(--text2);
  color: var(--text2);
}
.oldfan-contract-container .oldfan-contract .oldfan-contract-content .contract-content-panel .oldfan-rewards .reward .reward-detail .reward-remark[data-v-413983dc] {
  margin-top: 4px;
  font-size: 10px;
  line-height: 14px;
  color: var(--text3);
  color: var(--text3);
}
.oldfan-contract-container .oldfan-contract .oldfan-contract-content .contract-content-panel .oldfan-contract-rules[data-v-413983dc] {
  margin-top: 24px;
}
.oldfan-contract-container .oldfan-contract .oldfan-contract-content .contract-content-panel .oldfan-contract-rules .oldfan-contract-rules-title[data-v-413983dc] {
  display: flex;
  align-items: center;
}
.oldfan-contract-container .oldfan-contract .oldfan-contract-content .contract-content-panel .oldfan-contract-rules .oldfan-contract-rules-title .oldfan-contract-rules-text[data-v-413983dc] {
  margin: 0 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: var(--text1);
  color: var(--text1);
}
.oldfan-contract-container .oldfan-contract .oldfan-contract-content .contract-content-panel .oldfan-contract-rules .oldfan-contract-rules-title[data-v-413983dc]::before,
.oldfan-contract-container .oldfan-contract .oldfan-contract-content .contract-content-panel .oldfan-contract-rules .oldfan-contract-rules-title[data-v-413983dc]::after {
  content: '';
  flex-grow: 1;
  height: 1px;
  background-color: var(--line_regular);
  background-color: var(--line_regular);
}
.oldfan-contract-container .oldfan-contract .oldfan-contract-content .contract-content-panel .oldfan-contract-rules .contract-rules-con[data-v-413983dc] {
  margin-top: 12px;
  padding: 16px 12px;
  border-radius: 8px;
  background-color: var(--bg2);
  background-color: var(--bg2);
}
.oldfan-contract-container .oldfan-contract .oldfan-contract-content .contract-content-panel .oldfan-contract-rules .contract-rules-con .contract-rule[data-v-413983dc] {
  position: relative;
  display: flex;
  font-size: 12px;
  line-height: 17px;
  color: var(--text2);
  color: var(--text2);
  margin-bottom: 8px;
}
.oldfan-contract-container .oldfan-contract .oldfan-contract-content .contract-content-panel .oldfan-contract-rules .contract-rules-con .contract-rule[data-v-413983dc]::before {
  content: '';
  width: 4px;
  margin-right: 8px;
}
.oldfan-contract-container .oldfan-contract .oldfan-contract-content .contract-content-panel .oldfan-contract-rules .contract-rules-con .contract-rule[data-v-413983dc]::after {
  position: absolute;
  top: 6px;
  left: 0px;
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--graph_weak);
  background-color: var(--graph_weak);
}
.oldfan-contract-container .oldfan-contract .oldfan-contract-content .contract-content-panel .oldfan-contract-rules .contract-rules-con .contract-rule[data-v-413983dc]:last-child {
  margin-bottom: 0;
}
.oldfan-contract-container .oldfan-contract .oldfan-contract-footer .three-coin-support.signed[data-v-413983dc] {
  cursor: not-allowed;
  background-color: var(--graph_bg_regular);
  background-color: var(--graph_bg_regular);
  color: var(--text4);
  color: var(--text4);
}
.oldfan-contract-container .mask-below-leave-message[data-v-413983dc] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
}
.oldfan-contract-container .leave-message[data-v-413983dc] {
  position: absolute;
  top: 0;
  left: 0;
}
.oldfan-contract-container .leave-message .leave-message-header .layer-back-btn[data-v-413983dc] {
  position: absolute;
  top: 13px;
  left: 20px;
  display: flex;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.oldfan-contract-container .leave-message .leave-message-header .layer-back-btn .back-icon[data-v-413983dc] {
  width: 100%;
  height: 100%;
}
.oldfan-contract-container .leave-message .leave-message-content .leave-message-content-panel .panel-title[data-v-413983dc] {
  color: var(--text2);
  color: var(--text2);
  line-height: 18px;
  font-size: 13px;
}
.oldfan-contract-container .leave-message .leave-message-content .leave-message-content-panel .panel-input[data-v-413983dc] {
  margin-top: 12px;
}
.oldfan-contract-container .leave-message .leave-message-content .leave-message-content-panel .panel-input .edit-area[data-v-413983dc] {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 180px;
  box-sizing: border-box;
  padding: 8px 13px;
  border-radius: 4px;
  border: 1px solid var(--line_light);
  border: 1px solid var(--line_light);
  background-color: var(--bg1);
  background-color: var(--bg1);
  color: var(--text1);
  color: var(--text1);
  font-size: 14px;
  line-height: 20px;
  resize: none;
  caret-color: var(--brand_blue);
  caret-color: var(--brand_blue);
  outline: none;
}
.oldfan-contract-container .leave-message .leave-message-content .leave-message-content-panel .panel-input .edit-area[data-v-413983dc]::placeholder {
  color: var(--text4);
  color: var(--text4);
}
.oldfan-contract-container .leave-message .leave-message-footer.more-then-onechild[data-v-413983dc] {
  justify-content: space-between;
  padding: 0 40px;
}
.oldfan-contract-container .leave-message .leave-message-footer .add-comment[data-v-413983dc] {
  display: flex;
  align-items: center;
  color: var(--text3);
  color: var(--text3);
  font-size: 14px;
  cursor: pointer;
}
.oldfan-contract-container .leave-message .leave-message-footer .add-comment .check-cmt[data-v-413983dc] {
  position: relative;
  margin: 0;
  margin-right: 8px;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  border: 1px solid var(--line_bold);
  border: 1px solid var(--line_bold);
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}
.oldfan-contract-container .leave-message .leave-message-footer .add-comment .check-cmt[data-v-413983dc]:checked {
  border-width: 0px;
}
.oldfan-contract-container .leave-message .leave-message-footer .add-comment .check-cmt[data-v-413983dc]:checked::after {
  content: '';
  background: url(/uploads/image/sbsjvasserts/checked.svg) center / 100% 100% no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.oldfan-contract-container .leave-message.leavemsg-enter-active[data-v-413983dc],
.oldfan-contract-container .leave-message.leavemsg-leave-active[data-v-413983dc] {
  transition: left 0.3s;
}
.oldfan-contract-container .leave-message.leavemsg-enter[data-v-413983dc],
.oldfan-contract-container .leave-message.leavemsg-leave-to[data-v-413983dc] {
  left: 100%;
}
.oldfan-contract-container .leave-message.leavemsg-enter-to[data-v-413983dc],
.oldfan-contract-container .leave-message.leavemsg-leave[data-v-413983dc] {
  left: 0%;
}


.ring-progress {
  position: absolute;
}

.video-toolbar-left-item{position:relative;display:flex;align-items:center;width:92px;white-space:nowrap;transition:all .3s;font-size:13px;color:var(--text2);font-weight:500;cursor:pointer}.video-toolbar-left-item .video-toolbar-item-icon{flex-shrink:0;width:28px;height:28px;margin-right:8px}.video-toolbar-left-item .video-toolbar-item-text{overflow:hidden;text-overflow:ellipsis;word-break:break-word;white-space:nowrap}.video-toolbar-left-item.on,.video-toolbar-left-item:hover{color:var(--brand_blue)}.video-toolbar-left-item.disable{cursor:not-allowed;color:var(--text2);opacity:.3}.video-toolbar-left-item .svga-top{left:-45px;top:-125px}.video-toolbar-left-item .svga-center{left:-32px;top:-32px}@media (min-width:1681px){.video-toolbar-left-item{width:100px;font-size:14px}.video-toolbar-left-item .video-toolbar-item-icon{width:36px;height:36px}}.video-toolbar-right-item{display:inline-flex;align-items:center;font-size:13px;color:var(--text2);transition:all .3s;cursor:pointer}.video-toolbar-right-item .video-toolbar-item-icon{flex-shrink:0;width:20px;height:20px;margin-right:6px}.video-toolbar-right-item:hover{color:var(--brand_blue)}@media (min-width:1681px){.video-toolbar-right-item{font-size:14px}.video-toolbar-right-item .video-toolbar-item-icon{width:24px;height:24px}}@keyframes shake{2%{transform:translate(.5px,-.5px) rotate(.5deg)}4%{transform:translate(-.5px,2.5px) rotate(.5deg)}6%{transform:translate(-1.5px,2.5px) rotate(-.5deg)}8%{transform:translate(-1.5px,.5px) rotate(1.5deg)}10%{transform:translate(1.5px,2.5px) rotate(.5deg)}12%{transform:translate(-1.5px,2.5px) rotate(1.5deg)}14%{transform:translate(1.5px,1.5px) rotate(-.5deg)}16%{transform:translate(2.5px,-.5px) rotate(1.5deg)}18%{transform:translate(1.5px,.5px) rotate(.5deg)}20%{transform:translate(1.5px,-1.5px) rotate(-.5deg)}22%{transform:translate(-1.5px,-1.5px) rotate(-.5deg)}24%{transform:translate(-.5px,-1.5px) rotate(.5deg)}26%{transform:translate(-1.5px,2.5px) rotate(-.5deg)}28%{transform:translate(2.5px,1.5px) rotate(1.5deg)}30%{transform:translate(.5px,-.5px) rotate(1.5deg)}32%{transform:translate(1.5px,2.5px) rotate(1.5deg)}34%{transform:translate(-1.5px,-1.5px) rotate(-.5deg)}36%{transform:translate(-.5px,.5px) rotate(-.5deg)}38%{transform:translate(1.5px,-1.5px) rotate(1.5deg)}40%{transform:translate(-.5px,.5px) rotate(1.5deg)}42%{transform:translate(2.5px,-.5px) rotate(1.5deg)}44%{transform:translate(-1.5px,2.5px) rotate(.5deg)}46%{transform:translate(-.5px,2.5px) rotate(-.5deg)}48%{transform:translate(1.5px,-.5px) rotate(1.5deg)}50%{transform:translate(1.5px,-.5px) rotate(1.5deg)}52%{transform:translate(.5px,.5px) rotate(-.5deg)}54%{transform:translate(-.5px,-1.5px) rotate(-.5deg)}56%{transform:translate(1.5px,-1.5px) rotate(1.5deg)}58%{transform:translate(.5px,1.5px) rotate(1.5deg)}60%{transform:translate(-.5px,-.5px) rotate(1.5deg)}62%{transform:translate(-.5px,.5px) rotate(1.5deg)}64%{transform:translate(.5px,-.5px) rotate(1.5deg)}66%{transform:translate(2.5px,.5px) rotate(1.5deg)}68%{transform:translate(1.5px,-.5px) rotate(1.5deg)}70%{transform:translate(.5px,2.5px) rotate(1.5deg)}72%{transform:translate(1.5px,-.5px) rotate(.5deg)}74%{transform:translate(2.5px,-.5px) rotate(.5deg)}76%{transform:translate(2.5px,-.5px) rotate(1.5deg)}78%{transform:translate(-1.5px,-.5px) rotate(-.5deg)}80%{transform:translate(-1.5px,.5px) rotate(-.5deg)}82%{transform:translate(-1.5px,2.5px) rotate(.5deg)}84%{transform:translate(-.5px,.5px) rotate(1.5deg)}86%{transform:translate(-1.5px,1.5px) rotate(.5deg)}88%{transform:translate(-.5px,-.5px) rotate(1.5deg)}90%{transform:translate(-1.5px,-1.5px) rotate(1.5deg)}92%{transform:translate(2.5px,1.5px) rotate(.5deg)}94%{transform:translate(2.5px,1.5px) rotate(-.5deg)}96%{transform:translate(2.5px,-.5px) rotate(.5deg)}98%{transform:translate(1.5px,.5px) rotate(-.5deg)}0%,to{transform:translate(0) rotate(0)}}
.video-toolbar-container[data-v-52e430cf] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 16px;
  padding-bottom: 12px;
  line-height: 28px;
  border-bottom: 1px solid var(--line_regular);
  border-bottom: 1px solid var(--line_regular);
}
.video-toolbar-container .video-toolbar-left[data-v-52e430cf] {
  position: relative;
  display: flex;
  align-items: center;
  -webkit-user-select: none;
  user-select: none;
}
.video-toolbar-container .video-toolbar-left .video-toolbar-left-main[data-v-52e430cf] {
  position: relative;
  display: flex;
  align-items: center;
  -webkit-user-select: none;
  user-select: none;
}
.video-toolbar-container .video-toolbar-left .toolbar-left-item-wrap[data-v-52e430cf] {
  position: relative;
  margin-right: 8px;
}
.video-toolbar-container .video-toolbar-left .toolbar-left-item-wrap .svga-center[data-v-52e430cf] {
  left: -32px;
  top: -32px;
}
.video-toolbar-container .video-toolbar-left .toolbar-left-owner[data-v-52e430cf] {
  margin-left: 8px;
}
.video-toolbar-container .video-toolbar-right[data-v-52e430cf] {
  display: flex;
  align-items: center;
  -webkit-user-select: none;
  user-select: none;
}
.video-toolbar-container .video-toolbar-right .toolbar-right-ai[data-v-52e430cf],
.video-toolbar-container .video-toolbar-right .toolbar-right-complaint[data-v-52e430cf] {
  margin-right: 18px;
}
.video-toolbar-container .video-toolbar-right .toolbar-right-note[data-v-52e430cf] {
  margin-right: 12px;
}
@media (min-width: 1681px) {
.video-toolbar-container[data-v-52e430cf] {
    padding-top: 18px;
}
.video-toolbar-container .video-toolbar-left .toolbar-left-item-wrap[data-v-52e430cf] {
    margin-right: 18px;
}
.video-toolbar-container .video-toolbar-left .toolbar-left-item-wrap .svga-center[data-v-52e430cf] {
    left: -28px;
    top: -28px;
}
.video-toolbar-container .video-toolbar-left .toolbar-left-owner[data-v-52e430cf] {
    margin-left: 18px;
}
.video-toolbar-container .video-toolbar-right .toolbar-right-ai[data-v-52e430cf],
  .video-toolbar-container .video-toolbar-right .toolbar-right-complaint[data-v-52e430cf] {
    margin-right: 24px;
}
.video-toolbar-container .video-toolbar-right .toolbar-right-note[data-v-52e430cf] {
    margin-right: 20px;
}
}

/*!
 * @bilibili/useravatar
 * version: 1.2.0. powered by main-frontend
 * 用户头像公共组件.
 * author: wuxiuran
 */.bili-avatar{display:block;position:relative;background-image:;background-size:cover;border-radius:50%}.bili-avatar,.bili-avatar *{margin:0;padding:0}.bili-avatar-face{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%}.bili-avatar-pendent-dom{height:176.48%;width:176.48%;position:absolute;top:-38.33%;left:-38.33%;overflow:hidden}.bili-avatar-pendent-dom img{height:100%;min-width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bili-avatar-img{border:none;display:block;-o-object-fit:cover;object-fit:cover;image-rendering:-webkit-optimize-contrast}.bili-avatar-img-radius{border-radius:50%}.bili-avatar-img:not([src]),.bili-avatar-img[src=""]{opacity:0}.bili-avatar-icon-big-vip{background-image:url(/uploads/image/ibsjsuser-avatar/big-vip.svg)}.bili-avatar-icon-business{background-image:url(/uploads/image/ibsjsuser-avatar/business.svg)}.bili-avatar-icon-personal{background-image:url(/uploads/image/ibsjsuser-avatar/personal.svg)}.bili-avatar-icon-small-vip{background-image:url(/uploads/image/ibsjsuser-avatar/small-vip.svg)}.bili-avatar-img.bili-avatar-img-error{display:none}.bili-avatar-right-icon{right:0}.bili-avatar-nft-icon,.bili-avatar-right-icon{width:27.5%;height:27.5%;position:absolute;bottom:-1px;background-size:cover;image-rendering:-webkit-optimize-contrast}.bili-avatar-nft-icon{right:-webkit-calc(27.5% - 1px);right:-moz-calc(27.5% - 1px);right:calc(27.5% - 1px)}.bili-avatar-nft--icon-1{background-image:url(/uploads/image/ibsjsuser-avatar/nft-label.gif)}.bili-avatar-nft--icon-2{background-image:url(/uploads/image/ibsjsuser-avatar/nft-label-oversea.gif)}@-webkit-keyframes bili-avatar{0%{-webkit-transform:translatez(0);transform:translatez(0)}to{-webkit-transform:translate3d(-97.5%,0,0);transform:translate3d(-97.5%,0,0)}}@-moz-keyframes bili-avatar{0%{-moz-transform:translatez(0);transform:translatez(0)}to{-moz-transform:translate3d(-97.5%,0,0);transform:translate3d(-97.5%,0,0)}}@keyframes bili-avatar{0%{-webkit-transform:translatez(0);-moz-transform:translatez(0);transform:translatez(0)}to{-webkit-transform:translate3d(-97.5%,0,0);-moz-transform:translate3d(-97.5%,0,0);transform:translate3d(-97.5%,0,0)}}.bili-avatar .bili-avatar-size-80{width:22px;height:22px;bottom:-1px}.bili-avatar .bili-avatar-size-48,.bili-avatar .bili-avatar-size-50,.bili-avatar .bili-avatar-size-60{width:18px;height:18px;bottom:-1px}.bili-avatar .bili-avatar-size-36,.bili-avatar .bili-avatar-size-40{width:14px;height:14px;bottom:-1px}.bili-avatar .bili-avatar-size-24,.bili-avatar .bili-avatar-size-30{width:12px;height:12px;bottom:-1px}.bili-avatar .bili-avatar-size-nft-80{width:22px;height:22px;bottom:-1px;right:21px}.bili-avatar .bili-avatar-size-nft-48,.bili-avatar .bili-avatar-size-nft-50,.bili-avatar .bili-avatar-size-nft-60{width:18px;height:18px;bottom:-1px;right:17px}.bili-avatar .bili-avatar-size-nft-36,.bili-avatar .bili-avatar-size-nft-40{width:14px;height:14px;bottom:-1px;right:13px}.bili-avatar .bili-avatar-size-nft-24,.bili-avatar .bili-avatar-size-nft-30{width:12px;height:12px;bottom:-1px;right:11px}
.user-card-m-exp {
  font-size: 12px;
  border-radius: 8px;
  width: 366px;
  box-sizing: border-box;
  cursor: default;
}
.user-card-m-exp a {
  text-decoration: none;
}
.user-card-m-exp p {
  margin: 0;
}
.user-card-m-exp .loading {
  min-height: 230px;
}
.user-card-m-exp .loading .mc1 {
  background: var(--graph_weak);
  background: var(--graph_weak);
  height: 120px;
  border-radius: 8px 8px 0 0;
}
.user-card-m-exp .loading .mc2 {
  padding: 0 0 0 100px;
  position: relative;
}
.user-card-m-exp .loading .mc3 {
  background: var(--graph_weak);
  background: var(--graph_weak);
  height: 24px;
  margin-top: 12px;
}
.user-card-m-exp .loading .mc4 {
  position: absolute;
  width: 80px;
  height: 60px;
  background: var(--graph_weak);
  background: var(--graph_weak);
  top: 0;
  left: 0;
}
.user-card-m-exp .bg {
  width: 100%;
  height: 85px;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.user-card-m-exp .user-info-wrapper {
  position: relative;
  display: flex;
  padding: 0 20px 16px 10px;
}
.user-card-m-exp .user-info-wrapper .face {
  position: relative;
  top: 10px;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  background-color: var(--graph_weak);
  background-color: var(--graph_weak);
  margin-right: 12px;
}
.user-card-m-exp .user-info-wrapper .face img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
.user-card-m-exp .user-info-wrapper .face .auth {
  position: absolute;
  width: 14px;
  height: 14px;
  right: 0;
  top: 34px;
}
.user-card-m-exp .user-info-wrapper .info p {
  margin: 0;
  color: var(--text1);
  color: var(--text1);
}
.user-card-m-exp .user-info-wrapper .info .sign {
  line-height: 17px;
  color: var(--text3);
  color: var(--text3);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  line-break: anywhere;
}
.user-card-m-exp .user-info-wrapper .info .social {
  margin-bottom: 10px;
}
.user-card-m-exp .user-info-wrapper .info .social a {
  color: var(--text1);
  color: var(--text1);
  margin-right: 18px;
}
.user-card-m-exp .user-info-wrapper .info .social .tip_text {
  color: var(--text3);
  color: var(--text3);
  margin-left: 3px;
}
.user-card-m-exp .user-info-wrapper .info .official-wrapper {
  font-size: 12px;
  color: var(--text3);
  color: var(--text3);
  line-height: 17px;
  margin-bottom: 8px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  line-break: anywhere;
}
.user-card-m-exp .user-info-wrapper .info .official-wrapper .official-icon {
  width: 14px;
  height: 14px;
  margin-right: 2px;
  vertical-align: sub;
}
.user-card-m-exp .user-info-wrapper .info .user {
  margin-top: 12px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.user-card-m-exp .user-info-wrapper .info .user .name {
  color: var(--text1);
  color: var(--text1);
  max-width: 158px;
  margin-right: 4px;
  font-size: 16px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-card-m-exp .user-info-wrapper .info .user .user-sex {
  margin-right: 5px;
}
.user-card-m-exp .user-info-wrapper .info .user .user-label {
  display: inline-block;
  box-sizing: border-box;
  max-width: 58px;
  height: 16px;
  color: var(--text_white);
  color: var(--text_white);
  background: var(--brand_pink);
  background: var(--brand_pink);
  border-radius: 2px;
  line-height: 16px;
  font-size: 12px;
  margin-left: 5px;
  overflow: hidden;
  white-space: nowrap;
}
.user-card-m-exp .user-info-wrapper .info .user .user-label .label-size {
  display: flex;
  justify-content: center;
  align-items: center;
  transform-origin: center;
  transform: scale(0.83);
}
.user-card-m-exp .user-info-wrapper .info .level {
  display: inline-block;
  width: 25px;
  height: 14px;
}
.user-card-m-exp .user-info-wrapper .info .level.senior {
  width: 35px;
  height: 14px;
}
.user-card-m-exp .user-info-wrapper .info .level svg {
  width: 100%;
  height: 100%;
}
.user-card-m-exp .user-info-wrapper .info .btn-box {
  display: flex;
  margin-top: 16px;
}
.user-card-m-exp .user-info-wrapper .info .btn-box a {
  box-sizing: border-box;
  cursor: pointer;
  text-decoration: none;
  width: 100px;
  height: 30px;
  line-height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  border-radius: 4px;
  transition: all 0.3s;
  font-size: 14px;
}
.user-card-m-exp .user-info-wrapper .info .btn-box a .plus {
  color: var(--text_white);
  color: var(--text_white);
  margin-right: 4px;
  font-size: 16px;
}
.user-card-m-exp .user-info-wrapper .info .btn-box .like {
  color: var(--text_white);
  color: var(--text_white);
  border-color: var(--brand_blue);
  border-color: var(--brand_blue);
  background-color: var(--brand_blue);
  background-color: var(--brand_blue);
}
.user-card-m-exp .user-info-wrapper .info .btn-box .like:hover {
  border-color: #00b8f6;
  background-color: #00b8f6;
}
.user-card-m-exp .user-info-wrapper .info .btn-box .liked {
  background-color: var(--graph_bg_thick);
  background-color: var(--graph_bg_thick);
  color: var(--text3);
  color: var(--text3);
}
.user-card-m-exp .user-info-wrapper .info .btn-box .liked:hover {
  background-color: var(--graph_bg_regular);
  background-color: var(--graph_bg_regular);
}
.user-card-m-exp .user-info-wrapper .info .btn-box .message {
  border: 1px solid var(--text3);
  border: 1px solid var(--text3);
  color: var(--text2);
  color: var(--text2);
  background-color: transparent;
}
.user-card-m-exp .user-info-wrapper .info .btn-box .message:hover {
  color: var(--brand_blue);
  color: var(--brand_blue);
  border-color: var(--brand_blue);
  border-color: var(--brand_blue);
}
.user-card-m-exp .vip-red-name {
  color: #fb7299 !important;
}
.user-card-m-exp .layout {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1;
  outline: none;
}
.user-card-m-exp.top-transform {
  transform: translatey(-100%);
}
.card-loaded {
  cursor: default;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
  background: var(--bg1_float);
  background: var(--bg1_float);
  border: 0.5px solid var(--line_light);
  border: 0.5px solid var(--line_light);
}

.usercard-wrap[data-v-e72a85a8] {
  position: absolute;
  z-index: 999;
  transition: left, top 0.3s;
}

.video-desc-container[data-v-8ced1e78] {
  margin: 16px 0;
}
.video-desc-container .basic-desc-info[data-v-8ced1e78] {
  white-space: pre-line;
  letter-spacing: 0;
  color: var(--text1);
  color: var(--text1);
  font-size: 15px;
  line-height: 24px;
  overflow: hidden;
  word-break: break-all;
  line-break: anywhere;
}
.video-desc-container .basic-desc-info a[data-v-8ced1e78] {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.video-desc-container .basic-desc-info a[data-v-8ced1e78]:hover {
  color: var(--text_link);
  color: var(--text_link);
}
.video-desc-container .subtitle-maker-list[data-v-8ced1e78] {
  padding-top: 6px;
  color: var(--text1);
  color: var(--text1);
  font-size: 15px;
  line-height: 21px;
}
.video-desc-container .subtitle-maker-list .subtitle-maker .subtitle-maker-name[data-v-8ced1e78] {
  color: var(--text_link);
  color: var(--text_link);
  transition: color 0.3s;
}
.video-desc-container .subtitle-maker-list .subtitle-maker .subtitle-maker-name[data-v-8ced1e78]:hover {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.video-desc-container .toggle-btn[data-v-8ced1e78] {
  margin-top: 10px;
  font-size: 13px;
  line-height: 18px;
}
.video-desc-container .toggle-btn-text[data-v-8ced1e78] {
  cursor: pointer;
  color: var(--text2);
  color: var(--text2);
}
.video-desc-container .toggle-btn-text[data-v-8ced1e78]:hover {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
@media (min-width: 1681px) {
.video-desc-container[data-v-8ced1e78] {
    margin: 18px 0;
}
.video-desc-container .basic-desc-info[data-v-8ced1e78] {
    font-size: 16px;
    line-height: 26px;
}
.video-desc-container .subtitle-maker-list[data-v-8ced1e78] {
    font-size: 16px;
    line-height: 22px;
}
.video-desc-container .toggle-btn[data-v-8ced1e78] {
    font-size: 14px;
    line-height: 20px;
}
}

.video-desc-container .basic-desc-info .desc-info-text a {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.video-desc-container .basic-desc-info .desc-info-text a:hover {
  color: var(--text_link);
  color: var(--text_link);
}

.bgm-tag .tag-link.bgm-link[data-v-2166de22] {
  max-width: 307px;
}
.bgm-tag .tag-link.bgm-link .bgm-tag-icon[data-v-2166de22] {
  flex-shrink: 0;
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.bgm-tag .tag-link.bgm-link .tag-txt[data-v-2166de22] {
  margin: 0 6px 0 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bgm-tag .tag-link.bgm-link .tag-arrow-icon[data-v-2166de22] {
  flex-shrink: 0;
}
.bgm-tag .tag-link.bgm-link[data-v-2166de22]:hover {
  color: var(--brand_blue);
  color: var(--brand_blue);
}

.topic-tag .tag-link.topic-link[data-v-76473342] {
  max-width: 307px;
}
.topic-tag .tag-link.topic-link .topic-tag-icon[data-v-76473342] {
  flex-shrink: 0;
  color: var(--brand_blue);
  color: var(--brand_blue);
  width: 15px;
  height: 15px;
}
.topic-tag .tag-link.topic-link .tag-txt[data-v-76473342] {
  margin: 0 6px 0 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.topic-tag .tag-link.topic-link .tag-arrow-icon[data-v-76473342] {
  flex-shrink: 0;
}
.topic-tag .tag-link.topic-link[data-v-76473342]:hover {
  color: var(--brand_blue);
  color: var(--brand_blue);
}

.channel-cancel-pop[data-v-73d8d73f] {
  z-index: 12;
  position: absolute;
  left: 50%;
  transform: translatex(-50%);
  bottom: calc(100%   10px);
  background: var(--bg1);
  background: var(--bg1);
  padding: 20px 10px 10px 10px;
  min-width: 120px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  text-align: center;
}
.channel-cancel-pop p[data-v-73d8d73f] {
  font-size: 14px;
  color: var(--text1);
  color: var(--text1);
  margin-bottom: 20px;
}
.channel-cancel-pop span[data-v-73d8d73f] {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 2px;
}
.channel-cancel-pop span.btn-ok[data-v-73d8d73f] {
  color: var(--text_white);
  color: var(--text_white);
  background: var(--brand_blue);
  background: var(--brand_blue);
  margin-right: 5px;
}
.channel-cancel-pop span.btn-no[data-v-73d8d73f] {
  color: var(--text1);
  color: var(--text1);
  background: var(--graph_bg_thick);
  background: var(--graph_bg_thick);
  margin-left: 5px;
}

.toggle-sub-btn[data-v-1798984a] {
  position: relative;
  cursor: pointer;
  width: 108px;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  text-align: center;
  margin-left: 8px;
}
.toggle-sub-btn.is-subs[data-v-1798984a] {
  background: var(--graph_bg_thick);
  background: var(--graph_bg_thick);
  color: var(--text3);
  color: var(--text3);
  border: 1px solid var(--graph_bg_thick);
  border: 1px solid var(--graph_bg_thick);
}
.toggle-sub-btn.no-subs[data-v-1798984a] {
  color: var(--text_white);
  color: var(--text_white);
  background: var(--brand_blue);
  background: var(--brand_blue);
  border: 1px solid var(--brand_blue);
  border: 1px solid var(--brand_blue);
  transition: 0.3s;
  border-radius: 2px;
}
.toggle-sub-btn.no-subs[data-v-1798984a]:hover {
  background: #00b8f6;
  border: 1px solid #00b8f6;
}
.toggle-sub-btn .add-icon[data-v-1798984a] {
  width: 15px;
  height: 15px;
  margin-right: 5px;
  vertical-align: sub;
}

.detail-channel-popup[data-v-70cc2286] {
  background: var(--bg1_float);
  background: var(--bg1_float);
  width: 206px;
  min-height: 184px;
  box-sizing: content-box;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}
.detail-channel-popup-top[data-v-70cc2286] {
  position: relative;
  display: block;
}
.detail-channel-popup-top .bg-image[data-v-70cc2286] {
  width: 100%;
  height: 66px;
  background-position: 50%;
  border-radius: 2px 2px 0px 0px;
  background-size: cover;
  background-repeat: no-repeat;
}
.detail-channel-popup-top .bg-mask[data-v-70cc2286] {
  position: absolute;
  width: 100%;
  height: 66px;
  background-position: 50%;
  opacity: 0.6;
  border-radius: 2px 2px 0px 0px;
  top: 0;
}
.detail-channel-popup-top .channel-cover[data-v-70cc2286] {
  width: 60px;
  height: 60px;
  background: rgba(0, 0, 0, 0.05);
  border: 2px solid var(--wh0);
  border: 2px solid var(--wh0);
  border-radius: 2px;
  position: absolute;
  top: 18px;
  left: 50%;
  transform: translate(-50%, 0);
}
.detail-channel-popup-top .channel-info[data-v-70cc2286] {
  padding: 24px 10px 10px 10px;
}
.detail-channel-popup-top .channel-info .channel-title[data-v-70cc2286] {
  font-size: 14px;
  color: var(--text1);
  color: var(--text1);
  line-height: 18px;
  margin: 0 0 4px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
}
.detail-channel-popup-top .channel-info .channel-title > img[data-v-70cc2286] {
  margin-left: 4px;
}
.detail-channel-popup-top .channel-info .channel-desc[data-v-70cc2286] {
  font-size: 12px;
  color: var(--text3);
  color: var(--text3);
  height: 18px;
  line-height: 18px;
  display: flex;
  justify-content: center;
  width: 190px;
}
.detail-channel-popup-top .channel-info .channel-desc > span[data-v-70cc2286] {
  margin: 0px 3px 0 3px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  line-break: anywhere;
}
.detail-channel-popup-bottom[data-v-70cc2286] {
  padding: 0 10px;
}
.detail-channel-popup-bottom .btn-panel[data-v-70cc2286] {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.detail-channel-popup-bottom .btn-panel .channel-entry-btn[data-v-70cc2286] {
  cursor: pointer;
  width: 66px;
  height: 22px;
  text-align: center;
  line-height: 22px;
  border: 1px solid var(--brand_blue);
  border: 1px solid var(--brand_blue);
  border-radius: 2px;
  font-size: 12px;
  color: var(--brand_blue);
  color: var(--brand_blue);
  transition: 0.3s;
}
.detail-channel-popup-bottom .btn-panel .channel-entry-btn[data-v-70cc2286]:hover {
  background: var(--brand_blue);
  background: var(--brand_blue);
  border-radius: 2px;
  color: var(--text_white);
  color: var(--text_white);
}
.detail-channel-popup-bottom .tag-del[data-v-70cc2286] {
  margin-top: -6px;
  width: 100%;
  border-top: 1px solid var(--line_regular);
  border-top: 1px solid var(--line_regular);
  height: 40px;
  line-height: 40px;
  text-align: right;
}
.detail-channel-popup-bottom .delete-pop[data-v-70cc2286] {
  top: 60px;
}

.newchannel-tag .tag-link.newchannel-link .newchannel-tag-icon[data-v-5662db2c] {
  margin-right: 4px;
}
.newchannel-tag .popover-reference[data-v-5662db2c] {
  display: block;
}

.newchannel-tag-popover {
  background: initial;
  border: none;
  padding: initial;
  border-radius: initial;
  box-shadow: initial;
  box-sizing: border-box;
}

.video-tag-container .tag-panel .tag-link{color:var(--text2);background:var(--graph_bg_regular);height:28px;line-height:28px;border-radius:14px;font-size:13px;padding:0 12px;box-sizing:border-box;transition:all .3s;display:inline-flex;align-items:center;cursor:pointer}.video-tag-container .tag-panel .tag-link .tag-icon{width:15px;height:15px}@media (min-width:1681px){.video-tag-container .tag-panel .tag-link{height:32px;line-height:32px;border-radius:16px;font-size:14px}.video-tag-container .tag-panel .tag-link .tag-icon{width:17px;height:17px}}
#bgm-entry{z-index:99;position:absolute;width:372px;left:calc(100%   22px)}#bgm-entry.hide-bgm{display:none}#bgm-entry.pos-in-wide{width:350px;left:calc(100%   30px)}@media (min-width:1681px){#bgm-entry{width:433px}#bgm-entry.pos-in-wide{width:411px}}
.video-tag-container[data-v-cf3f07d2] {
  padding-bottom: 6px;
  margin: 16px 0 20px 0;
  border-bottom: 1px solid var(--line_regular);
  border-bottom: 1px solid var(--line_regular);
}
.video-tag-container .tag-panel[data-v-cf3f07d2] {
  transition: height 0.3s;
  overflow: hidden;
}
.video-tag-container .tag-panel .tag[data-v-cf3f07d2] {
  float: left;
  margin: 0 12px 8px 0;
}
.video-tag-container .tag-panel .tag .show-more-btn[data-v-cf3f07d2] {
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: 50%;
  background: var(--graph_bg_regular);
  background: var(--graph_bg_regular);
  text-align: center;
  cursor: pointer;
  transition: all 0.3s;
  color: var(--graph_icon);
  color: var(--graph_icon);
}
.video-tag-container .tag-panel .tag .show-more-btn.unfold[data-v-cf3f07d2] {
  transform: rotate(180deg);
}
.video-tag-container .tag-panel .tag .show-more-btn[data-v-cf3f07d2]:hover {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.video-tag-container .tag-panel .tag .add-tag-btn[data-v-cf3f07d2] {
  margin-top: 3px;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background: var(--bg3);
  background: var(--bg3);
  position: relative;
  transition: all 0.3s;
  cursor: pointer;
}
.video-tag-container .tag-panel .tag .add-tag-btn[data-v-cf3f07d2]::before,
.video-tag-container .tag-panel .tag .add-tag-btn[data-v-cf3f07d2]::after {
  content: '';
  position: absolute;
  background: var(--text2);
  background: var(--text2);
  transition: all 0.3s;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.video-tag-container .tag-panel .tag .add-tag-btn[data-v-cf3f07d2]::before {
  width: 12px;
  height: 2px;
}
.video-tag-container .tag-panel .tag .add-tag-btn[data-v-cf3f07d2]::after {
  width: 2px;
  height: 12px;
}
.video-tag-container .tag-panel .tag .add-tag-btn[data-v-cf3f07d2]:hover::before,
.video-tag-container .tag-panel .tag .add-tag-btn[data-v-cf3f07d2]:hover::after {
  background: var(--brand_blue);
  background: var(--brand_blue);
}
@media (min-width: 1681px) {
.video-tag-container[data-v-cf3f07d2] {
    margin-top: 18px;
    padding-bottom: 10px;
}
.video-tag-container .tag-panel .tag .show-more-btn[data-v-cf3f07d2] {
    width: 32px;
    height: 32px;
    line-height: 32px;
}
}

.activity-m-v1 {
  margin: 24px 0;
  background-color: var(--bg1);
  background-color: var(--bg1);
}
.activity-m-v1 .inside-wrp {
  font-size: 14px;
  overflow: hidden;
  border: 1px solid var(--line_regular);
  border: 1px solid var(--line_regular);
  border-radius: 6px;
  box-sizing: border-box;
}
.activity-m-v1 .inside-wrp .left {
  float: left;
  margin-right: -320px;
  padding-left: 20px;
  padding-right: 320px;
  width: 100%;
  height: 100px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--text1);
  color: var(--text1);
}
.activity-m-v1 .inside-wrp .tip {
  margin-top: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 12px;
  line-height: 16px;
  color: var(--text2);
  color: var(--text2);
}
.activity-m-v1 .inside-wrp .tip.hasbtn {
  margin-top: 10px;
}
.activity-m-v1 .inside-wrp .right {
  float: right;
}
.activity-m-v1 .inside-wrp .right .inside-bg {
  position: relative;
  display: block;
  width: 320px;
}
.activity-m-v1 .inside-wrp .right .inside-bg .b-img {
  width: 100%;
  height: 100%;
}
.activity-m-v1 .inside-wrp .right .inside-bg.clickable {
  cursor: pointer;
}
.activity-m-v1 .inside-wrp .right .inside-bg:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-linear-gradient(left, var(--bg1), transparent 30%);
  background-image: -webkit-linear-gradient(left, var(--bg1), transparent 30%);
  background-image: -moz-linear-gradient(left, var(--bg1), transparent 30%);
  background-image: -moz-linear-gradient(left, var(--bg1), transparent 30%);
  background-image: linear-gradient(to right, var(--bg1), transparent 30%);
  background-image: linear-gradient(to right, var(--bg1), transparent 30%);
}
.activity-m-v1 .inside-wrp .l-inside,
.activity-m-v1 .inside-wrp .hinter-msg {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.activity-m-v1.act-now .l-inside .hinter-msg {
  line-height: 20px;
}
.activity-m-v1.act-now .l-inside .b-btn-praise {
  margin-top: 12px;
  width: 100px;
  height: 32px;
  line-height: 32px;
  border-radius: 4px;
  text-align: center;
  color: var(--text_white);
  color: var(--text_white);
  background-color: var(--brand_pink);
  background-color: var(--brand_pink);
  cursor: pointer;
}
.activity-m-v1.act-now .l-inside .b-btn-praise.istip {
  margin-top: 6px;
}
.activity-m-v1.act-now .l-inside .b-btn-praise.voted {
  color: var(--graph_bg_thick);
  color: var(--graph_bg_thick);
  border: 1px solid;
  background-color: transparent;
  cursor: default;
}
.activity-m-v1.act-now .l-inside .score-wrapper {
  margin-top: 12px;
}
.activity-m-v1.act-now .l-inside .score-wrapper.istip {
  margin-top: 6px;
}
.activity-m-v1.act-now .l-inside .score-wrapper.voted li {
  cursor: default;
  opacity: 1;
}
.activity-m-v1.act-now .l-inside .score-wrapper li {
  float: left;
  margin-right: 10px;
  width: 36px;
  height: 32px;
  background:  no-repeat -655px -2126px;
  cursor: pointer;
}
.activity-m-v1.act-now .l-inside .score-wrapper li.hovered {
  background-position: -719px -2126px;
  opacity: 1;
}
.activity-m-v1.act-now .l-inside .score-wrapper li.hovered.opacity {
  opacity: 0.6;
  transition: opacity 0.1s;
}
.activity-m-v1.act-now .inside-bg {
  height: 100px;
}
.activity-m-v1 .onlytip {
  line-height: 20px;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.activity-m-v1.act-end .inside-bg {
  height: 100px;
}

.strip-ad[data-v-9a04ed2c] {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  width: 100%;
  padding-top: calc(100% / 12);
}
.strip-ad .strip-ad-inner[data-v-9a04ed2c] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: var(--graph_bg_thick);
  background-color: var(--graph_bg_thick);
}
.strip-ad .strip-ad-inner .slide[data-v-9a04ed2c] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.strip-ad .strip-ad-inner .slide .cover[data-v-9a04ed2c] {
  width: 100%;
  height: 100%;
}
.strip-ad .strip-ad-inner .slide .cover img[data-v-9a04ed2c] {
  object-fit: cover;
}
.strip-ad .gg-pic[data-v-9a04ed2c] {
  z-index: 1;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 38px;
  height: 22px;
}

.membersinfo-upcard[data-v-3dff54c4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: default;
}
.membersinfo-upcard .avatar[data-v-3dff54c4] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--graph_weak);
  background-color: var(--graph_weak);
  box-sizing: border-box;
  border: 1px solid var(--line_light);
  border: 1px solid var(--line_light);
  position: relative;
}
.membersinfo-upcard .avatar .avatar-img[data-v-3dff54c4] {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
}
.membersinfo-upcard .avatar .add-follow-btn[data-v-3dff54c4] {
  position: absolute;
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--brand_blue);
  background: var(--brand_blue);
  line-height: 18px;
  text-align: center;
  bottom: -8px;
  left: 12px;
  font-size: 14px;
  color: var(--text_white);
  color: var(--text_white);
  cursor: pointer;
}
.membersinfo-upcard .staff-info[data-v-3dff54c4] {
  margin-top: 8px;
  text-align: center;
  padding: 0 4px;
}
.membersinfo-upcard .staff-info .staff-name[data-v-3dff54c4] {
  line-height: 18px;
  font-size: 13px;
  color: var(--text1);
  color: var(--text1);
  cursor: pointer;
  display: -webkit-box;
  overflow: hidden;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  word-break: break-word;
  line-clamp: 1;
  -webkit-line-clamp: 1;
}
.membersinfo-upcard .staff-info .tag-sponsor[data-v-3dff54c4] {
  color: #d2920a;
}
.membersinfo-upcard .staff-info .info-tag[data-v-3dff54c4] {
  color: var(--text3);
  color: var(--text3);
}

.membersinfo-normal .header[data-v-193554ad] {
  height: 44px;
  line-height: 44px;
  border-radius: 6px;
  background-color: var(--graph_bg_regular);
  background-color: var(--graph_bg_regular);
  padding: 0 16px;
  font-size: 15px;
  font-weight: 500;
  color: var(--text1);
  color: var(--text1);
  transition: background-color 0.3s;
}
.membersinfo-normal .header[data-v-193554ad]:hover {
  background-color: var(--graph_bg_thick);
  background-color: var(--graph_bg_thick);
}
.membersinfo-normal .header.can-pointer[data-v-193554ad] {
  cursor: pointer;
}
.membersinfo-normal .header .staff-amt[data-v-193554ad] {
  margin-left: 6px;
  font-size: 13px;
  color: var(--text2);
  color: var(--text2);
}
.membersinfo-normal .header .fold-btn[data-v-193554ad] {
  display: inline-flex;
  height: 100%;
  align-items: center;
  float: right;
  transform: rotate(180deg);
  transition: transform 0.3s;
}
.membersinfo-normal .header .fold-btn.unfold[data-v-193554ad] {
  transform: rotate(0deg);
}
.membersinfo-normal .container[data-v-193554ad] {
  padding-top: 12px;
  display: flex;
  flex-wrap: wrap;
  transition: max-height 0.3s ease, background-color 1s;
  overflow: hidden;
}
.membersinfo-normal .container.init-no-wrap[data-v-193554ad] {
  flex-wrap: nowrap !important;
}
.membersinfo-normal .container .membersinfo-upcard-wrap[data-v-193554ad] {
  flex-shrink: 0;
  width: 87px;
  padding-bottom: 18px;
}
@media (min-width: 1681px) {
.membersinfo-normal .header[data-v-193554ad] {
    font-size: 16px;
}
.membersinfo-normal .header .person[data-v-193554ad] {
    font-size: 14px;
}
.membersinfo-normal .container .membersinfo-upcard-wrap[data-v-193554ad] {
    width: 82px;
    padding-bottom: 20px;
}
.membersinfo-normal .container .membersinfo-upcard-wrap .upinfo .upname[data-v-193554ad] {
    font-size: 14px;
    line-height: 20px;
}
}

.membersinfo-wide .header[data-v-411bec1c] {
  font-size: 15px;
  font-weight: 500;
  height: 20px;
  line-height: 20px;
  color: var(--text1);
  color: var(--text1);
  margin-bottom: 8px;
  display: inline-flex;
  align-items: center;
}
.membersinfo-wide .header .staff-amt[data-v-411bec1c] {
  margin-left: 6px;
  font-size: 13px;
  color: var(--text2);
  color: var(--text2);
}
.membersinfo-wide .container[data-v-411bec1c] {
  display: flex;
  align-items: center;
  position: relative;
}
.membersinfo-wide .container .membersinfo-upcard-wrap[data-v-411bec1c] {
  flex-shrink: 0;
  width: 87px;
  padding-bottom: 18px;
}
.membersinfo-wide .container .scroll-panel[data-v-411bec1c] {
  display: flex;
  overflow: hidden;
}
.membersinfo-wide .container .scroll-panel .scroll-inside[data-v-411bec1c] {
  display: flex;
  transition: 1s;
  transform: translatex(0);
}
.membersinfo-wide .container .van-icon-general_back_s[data-v-411bec1c],
.membersinfo-wide .container .van-icon-general_enter_s[data-v-411bec1c] {
  position: absolute;
  top: 28px;
  background: transparent;
  font-size: 20px;
  color: var(--text2);
  color: var(--text2);
  cursor: pointer;
}
.membersinfo-wide .container .van-icon-general_back_s[data-v-411bec1c]:hover,
.membersinfo-wide .container .van-icon-general_enter_s[data-v-411bec1c]:hover {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.membersinfo-wide .container .van-icon-general_enter_s[data-v-411bec1c] {
  right: 6px;
}
.membersinfo-wide .container .van-icon-general_back_s[data-v-411bec1c] {
  left: 6px;
  z-index: 1;
}
.membersinfo-wide .container .general-mask-left[data-v-411bec1c],
.membersinfo-wide .container .general-mask-right[data-v-411bec1c] {
  height: 100%;
  width: 30%;
  position: absolute;
  top: 0;
  pointer-events: none;
}
.membersinfo-wide .container .general-mask-left[data-v-411bec1c] {
  left: 0px;
  background: linear-gradient(-270deg, var(--bg1) 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(-270deg, var(--bg1) 0%, rgba(255, 255, 255, 0) 100%);
}
.membersinfo-wide .container .general-mask-right[data-v-411bec1c] {
  right: 0;
  background: linear-gradient(270deg, var(--bg1) 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(270deg, var(--bg1) 0%, rgba(255, 255, 255, 0) 100%);
}
@media (min-width: 1681px) {
.membersinfo-wide .header[data-v-411bec1c] {
    font-size: 16px;
}
.membersinfo-wide .header .person[data-v-411bec1c] {
    font-size: 14px;
}
.membersinfo-wide .container .membersinfo-upcard-wrap[data-v-411bec1c] {
    width: 82px;
    padding-bottom: 20px;
}
.membersinfo-wide .container .membersinfo-upcard-wrap .upinfo .upname[data-v-411bec1c] {
    font-size: 14px;
    line-height: 20px;
}
}

.members-info-container[data-v-50091f9a] {
  padding-top: 18px;
}

.up-avatar-wrap[data-v-363b3f2e] {
  --avatar-wrap-size: 48px;
  --avatar-size: 48px;
  --avatar-live-size: 48px;
  position: relative;
  width: var(--avatar-wrap-size);
  width: var(--avatar-wrap-size);
  height: var(--avatar-wrap-size);
  height: var(--avatar-wrap-size);
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.up-avatar-wrap .up-avatar[data-v-363b3f2e] {
  display: block;
  width: var(--avatar-size);
  width: var(--avatar-size);
  height: var(--avatar-size);
  height: var(--avatar-size);
  border-radius: 50%;
  background-color: var(--graph_weak);
  background-color: var(--graph_weak);
}
.up-avatar-wrap .up-avatar.avatar-loaded[data-v-363b3f2e] {
  background-color: transparent;
}
.up-avatar-wrap.is-nft[data-v-363b3f2e],
.up-avatar-wrap.has-pendant[data-v-363b3f2e] {
  --avatar-wrap-size: 80px;
  --avatar-size: 47px;
  --avatar-live-size: 60px;
}
.up-avatar-wrap .live-cycle[data-v-363b3f2e] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: var(--avatar-live-size);
  width: var(--avatar-live-size);
  height: var(--avatar-live-size);
  height: var(--avatar-live-size);
  pointer-events: none;
}
.up-avatar-wrap .live-cycle .a-cycle[data-v-363b3f2e] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: var(--avatar-live-size);
  width: var(--avatar-live-size);
  height: var(--avatar-live-size);
  height: var(--avatar-live-size);
  border: 1px solid #ff6699;
  border-radius: 50%;
  opacity: 0;
  will-change: transform, opacity;
  animation: scaleupcircle-data-v-363b3f2e 1.5s linear;
  animation-iteration-count: infinite;
}
@keyframes scaleupcircle-data-v-363b3f2e {
0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}
100% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
}
}
.up-avatar-wrap .live-cycle .a-cycle.a-cycle-1[data-v-363b3f2e] {
  animation-delay: 0;
}
.up-avatar-wrap .live-cycle .a-cycle.a-cycle-2[data-v-363b3f2e] {
  animation-delay: 0.5s;
}
.up-avatar-wrap .live-cycle .a-cycle.a-cycle-3[data-v-363b3f2e] {
  animation-delay: 1s;
}
.up-avatar-wrap .live-mask[data-v-363b3f2e] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: var(--avatar-size);
  width: var(--avatar-size);
  height: var(--avatar-size);
  height: var(--avatar-size);
  pointer-events: none;
}
.up-avatar-wrap .live-mask .living-tips[data-v-363b3f2e] {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 50%;
  transform: translatex(-50%);
  display: flex;
  align-items: center;
  padding: 0 2px 0 4px;
  color: var(--text_white);
  color: var(--text_white);
  height: 16px;
  font-size: 12px;
  white-space: nowrap;
  background-color: var(--brand_pink);
  background-color: var(--brand_pink);
  border-radius: 21px;
  border: 1px solid var(--bg1);
  border: 1px solid var(--bg1);
}
.up-avatar-wrap .live-mask .living-tips[data-v-363b3f2e] .b-img {
  margin-right: -1px;
  flex: none;
  width: 10px;
  height: 10px;
  background-color: transparent;
}
.up-avatar-wrap .live-mask .living-tips[data-v-363b3f2e] .b-img img {
  vertical-align: top;
}
.up-avatar-wrap .live-mask .living-tips .living-text[data-v-363b3f2e] {
  transform: scale(0.8333);
}

.up-detail .up-detail-top[data-v-5f1f09f0] {
  display: flex;
  align-items: center;
}
.up-detail .up-detail-top .live-status[data-v-5f1f09f0] {
  padding: 0 6px 0 7px;
  height: 16px;
  line-height: 16px;
  border-radius: 9px;
  color: var(--brand_pink);
  color: var(--brand_pink);
  font-size: 12px;
  border: 1px solid var(--brand_pink);
  border: 1px solid var(--brand_pink);
  margin-right: 4px;
  transition: background-color 0.3s, color 0.3s;
  flex-shrink: 0;
}
.up-detail .up-detail-top .live-status[data-v-5f1f09f0]:hover {
  color: var(--text_white);
  color: var(--text_white);
  background: #fb7299;
}
.up-detail .up-detail-top .up-name[data-v-5f1f09f0] {
  font-size: 15px;
  color: var(--text1);
  color: var(--text1);
  font-weight: 500;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-right: 12px;
  max-width: calc(100% - 12px - 56px);
}
@media (min-width: 1681px) {
.up-detail .up-detail-top .up-name[data-v-5f1f09f0] {
    font-size: 16px;
    max-width: calc(100% - 12px - 60px);
}
}
.up-detail .up-detail-top .up-name .mask[data-v-5f1f09f0] {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.15);
}
.up-detail .up-detail-top .up-name[data-v-5f1f09f0]:hover {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.up-detail .up-detail-top .up-name.vip:hover .mask[data-v-5f1f09f0] {
  display: block;
}
.up-detail .up-detail-top .send-msg[data-v-5f1f09f0] {
  color: var(--text2);
  color: var(--text2);
  font-size: 13px;
  transition: color 0.3s;
  flex-shrink: 0;
}
@media (min-width: 1681px) {
.up-detail .up-detail-top .send-msg[data-v-5f1f09f0] {
    font-size: 14px;
}
}
.up-detail .up-detail-top .send-msg[data-v-5f1f09f0]:hover {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.up-detail .up-detail-top .send-msg:hover i[data-v-5f1f09f0] {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.up-detail .up-detail-top .send-msg i[data-v-5f1f09f0] {
  color: var(--text2);
  color: var(--text2);
  transition: color 0.3s;
}
.up-detail .up-description[data-v-5f1f09f0] {
  margin-top: 2px;
  font-size: 13px;
  line-height: 16px;
  height: 16px;
  color: var(--text3);
  color: var(--text3);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 1681px) {
.up-detail .up-description[data-v-5f1f09f0] {
    font-size: 14px;
}
}

.upinfo-btn-panel[data-v-3ff36384] {
  clear: both;
  display: flex;
  margin-top: 5px;
  white-space: nowrap;
}
.upinfo-btn-panel .default-btn[data-v-3ff36384] {
  box-sizing: border-box;
  padding: 0;
  line-height: 30px;
  height: 30px;
  border-radius: 6px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: var(--graph_weak);
  background: var(--graph_weak);
  position: relative;
  transition: 0.3s all;
}
.upinfo-btn-panel .old-charge-btn[data-v-3ff36384] {
  margin-right: 12px;
  flex-shrink: 0;
  width: 78px;
}
.upinfo-btn-panel .following-charge-btn[data-v-3ff36384] {
  background: var(--brand_blue);
  background: var(--brand_blue);
  color: var(--text_white);
  color: var(--text_white);
}
.upinfo-btn-panel .following-charge-btn[data-v-3ff36384]:hover {
  background: #00b8f6;
}
.upinfo-btn-panel .not-follow-charge-btn[data-v-3ff36384] {
  border: 1px solid var(--brand_blue);
  border: 1px solid var(--brand_blue);
  background: var(--bg1);
  background: var(--bg1);
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.upinfo-btn-panel .not-follow-charge-btn[data-v-3ff36384]:hover {
  border-color: #00b8f6;
  color: #00b8f6;
}
.upinfo-btn-panel .new-charge-btn[data-v-3ff36384] {
  margin-right: 12px;
  flex-shrink: 0;
  width: 109px;
  color: var(--brand_pink);
  color: var(--brand_pink);
}
.upinfo-btn-panel .new-charge-btn.charge-btn-loaded[data-v-3ff36384] {
  background-color: transparent;
  border: 1px solid var(--brand_pink);
  border: 1px solid var(--brand_pink);
}
.upinfo-btn-panel .new-charge-btn.charge-btn-loaded[data-v-3ff36384]:hover {
  background-color: var(--brand_pink_thin);
  background-color: var(--brand_pink_thin);
}
.upinfo-btn-panel .new-charge-btn .charge-btn-icon[data-v-3ff36384] {
  width: 20px;
  height: 20px;
  margin-right: 4px;
  display: flex;
}
.upinfo-btn-panel .new-charge-btn .charge-btn-icon img[data-v-3ff36384] {
  width: 100%;
  height: 100%;
}
.upinfo-btn-panel .follow-btn[data-v-3ff36384] {
  flex: 1 1 auto;
  max-width: 200px;
}
.upinfo-btn-panel .follow-btn .follow-btn-inner[data-v-3ff36384] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.upinfo-btn-panel .follow-btn .follow-btn-inner .follow-btn-icon[data-v-3ff36384] {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.upinfo-btn-panel .follow-btn.following[data-v-3ff36384] {
  color: var(--text3);
  color: var(--text3);
  background-color: var(--graph_bg_thick);
  background-color: var(--graph_bg_thick);
}
.upinfo-btn-panel .follow-btn.following[data-v-3ff36384]:hover {
  background-color: var(--graph_bg_regular);
  background-color: var(--graph_bg_regular);
}
.upinfo-btn-panel .follow-btn.not-follow[data-v-3ff36384] {
  background: var(--brand_blue);
  background: var(--brand_blue);
  color: var(--text_white);
  color: var(--text_white);
}
.upinfo-btn-panel .follow-btn.not-follow[data-v-3ff36384]:hover {
  background: #00b8f6;
}
.upinfo-btn-panel .follow-btn .already-btn[data-v-3ff36384] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
@media (min-width: 1681px) {
.upinfo-btn-panel .charge-btn[data-v-3ff36384] {
    width: 138px;
}
.upinfo-btn-panel .follow-btn[data-v-3ff36384] {
    max-width: 230px;
}
}

.van-popover.van-followed {
  box-sizing: border-box;
  position: absolute;
  border-radius: 4px;
  min-width: 98px;
  padding: 6px 0px;
  background: var(--bg1_float);
  background: var(--bg1_float);
  border: 1px solid var(--line_light);
  border: 1px solid var(--line_light);
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}
.van-popover.van-followed .follow_dropdown {
  text-align: center;
}
.van-popover.van-followed .follow_dropdown li {
  padding: 0 20px;
  line-height: 40px;
  transition: all 0.3s;
  cursor: pointer;
  color: var(--text1);
  color: var(--text1);
  position: relative;
}
.van-popover.van-followed .follow_dropdown li:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  opacity: 0.1;
}
.van-popover.van-followed .follow_dropdown li:hover {
  background: none;
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.van-popover.van-followed .follow_dropdown li:hover:before {
  background-color: var(--graph_medium);
  background-color: var(--graph_medium);
}

.up-info-container[data-v-e6ef2836] {
  box-sizing: border-box;
  height: 104px;
  display: flex;
  align-items: center;
}
.up-info-container.up-info-no-desc .up-info--left[data-v-e6ef2836] {
  align-self: center;
}
.up-info-container .up-info--right[data-v-e6ef2836] {
  margin-left: 12px;
  flex: 1;
  overflow: auto;
}
.up-info-container .up-info--right .up-info__detail[data-v-e6ef2836] {
  margin-bottom: 5px;
}
@media (min-width: 1681px) {
.up-info-container[data-v-e6ef2836] {
    height: 108px;
}
}

.follow-dialog-wrap-exp {
  width: 420px;
  border-radius: 4px;
  background: var(--bg1_float);
  background: var(--bg1_float);
  overflow: hidden;
}
.follow-dialog-wrap-exp .follow-dialog-window {
  position: absolute;
  top: 50%;
  transform: translatey(-50%);
  width: 420px;
  background: var(--bg1_float);
  background: var(--bg1_float);
  left: 50%;
  margin-left: -210px;
  border-radius: 4px;
}
.follow-dialog-wrap-exp .follow-dialog-window .title {
  position: relative;
  padding: 0 20px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: var(--text1);
  color: var(--text1);
  border-bottom: 1px solid var(--line_regular);
  border-bottom: 1px solid var(--line_regular);
  text-align: center;
}
.follow-dialog-wrap-exp .follow-dialog-window .title .close {
  position: absolute;
  right: 20px;
  line-height: 50px;
  width: 12px;
  height: 50px;
  background:  no-repeat center;
  cursor: pointer;
}
.follow-dialog-wrap-exp .follow-dialog-window .content {
  padding: 0 36px;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .info {
  font-size: 12px;
  color: var(--text3);
  color: var(--text3);
  margin: 14px 0;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .info .uname {
  color: var(--text2);
  color: var(--text2);
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list {
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list ul {
  position: relative;
  min-height: 185px;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list ul .follow-group-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: var(--bg1_float);
  background: var(--bg1_float);
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li {
  padding-bottom: 24px;
  font-size: 14px;
  color: var(--text1);
  color: var(--text1);
  cursor: pointer;
  list-style-type: none;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li.special-group {
  padding-bottom: 16px;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li label {
  cursor: pointer;
  display: block;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li label.disable {
  color: var(--text3);
  color: var(--text3);
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li label.disable:hover {
  color: var(--text3);
  color: var(--text3);
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li label.disable input[type='checkbox']   i {
  background: ;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li label.disable input[type='checkbox']:hover   i {
  background: ;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li .special-tip {
  padding-left: 40px;
  font-size: 12px;
  color: var(--text3);
  color: var(--text3);
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li input[type='checkbox'] {
  font-size: 18px;
  width: 0;
  height: 0;
  cursor: pointer;
  vertical-align: middle;
  display: none;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li input[type='checkbox']   i {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 18px;
  vertical-align: middle;
  background: ;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li input[type='checkbox']:hover   i {
  background: ;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li input[type='checkbox']:checked   i {
  background: ;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li input[type='checkbox']:checked:hover   i {
  background: ;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li:last-child {
  padding-bottom: 0;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li:hover {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li:hover .special-tip {
  color: var(--text2);
  color: var(--text2);
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list .errmsg {
  color: var(--brand_pink);
  color: var(--brand_pink);
  margin: 5px 0 10px 0;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list .add-group {
  position: relative;
  margin-top: 20px;
  margin-bottom: 10px;
  width: 100%;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list .add-group .add-btn {
  height: 34px;
  line-height: 34px;
  padding: 0 34px;
  border: 1px solid var(--text3);
  border: 1px solid var(--text3);
  border-radius: 4px;
  background:  no-repeat 10px center;
  font-size: 12px;
  color: var(--text2);
  color: var(--text2);
  cursor: pointer;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list .add-group .add-btn:hover {
  border: 1px solid var(--brand_blue);
  border: 1px solid var(--brand_blue);
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list .add-group .input-group {
  height: 34px;
  line-height: 34px;
  border: 1px solid var(--brand_blue);
  border: 1px solid var(--brand_blue);
  border-radius: 4px;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list .add-group .input-group input {
  border: none;
  font-size: 12px;
  width: 200px;
  margin-left: 10px;
  padding: 0;
  box-shadow: none;
  height: 100%;
  outline: none;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list .add-group .input-group .limit {
  float: right;
  margin-right: 10px;
  color: var(--text3);
  color: var(--text3);
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list .add-group .input-group .submitgroup {
  float: right;
  height: 34px;
  width: 90px;
  background: #d9f1f9;
  border: none;
  border-left: 1px solid var(--brand_blue);
  border-left: 1px solid var(--brand_blue);
  border-radius: 0 4px 4px 0;
  font-size: 14px;
  color: var(--brand_blue);
  color: var(--brand_blue);
  cursor: pointer;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list .empty-tip {
  font-size: 12px;
  color: var(--text2);
  color: var(--text2);
  margin-top: 15px;
  display: none;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list::-webkit-scrollbar {
  width: 6px;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: #999999;
}
.follow-dialog-wrap-exp .follow-dialog-window .bottom {
  height: 76px;
  text-align: center;
  margin: 0 36px;
  border-top: 1px solid var(--line_regular);
  border-top: 1px solid var(--line_regular);
}
.follow-dialog-wrap-exp .follow-dialog-window .bottom .btn {
  font-size: 14px;
  width: 160px;
  height: 40px;
  margin-top: 18px;
  background: var(--brand_blue);
  background: var(--brand_blue);
  border: none;
  border-radius: 4px;
  color: var(--text_white);
  color: var(--text_white);
  cursor: pointer;
}
.follow-dialog-wrap-exp .follow-dialog-window .bottom .btn:hover {
  background: var(--brand_blue);
  background: var(--brand_blue);
}
.follow-dialog-wrap-exp .follow-dialog-window .bottom .btn:disabled {
  background-color: var(--graph_bg_thick);
  background-color: var(--graph_bg_thick);
  color: var(--text3);
  color: var(--text3);
  transition: all 0.2s;
}
.follow-dialog-wrap-exp .follow-dialog-window .layout {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1;
  outline: none;
}

#qa-dialog{z-index:99;position:absolute;width:372px;left:calc(100%   22px);background-color:var(--bg1_float);box-shadow:0 0 40px 0 rgba(0,0,0,.2);border-radius:12px;overflow:hidden}#qa-dialog.pos-in-wide{width:350px;left:calc(100%   30px)}@media (min-width:1681px){#qa-dialog{width:433px}#qa-dialog.pos-in-wide{width:411px}}
.follow-oldfan-entry[data-v-699159a0] {
  padding: 8px;
  margin-bottom: 18px;
  background-color: var(--graph_bg_regular);
  background-color: var(--graph_bg_regular);
  border-radius: 8px;
  display: flex;
  align-items: center;
  transition: background-color 0.3s;
}
.follow-oldfan-entry[data-v-699159a0]:hover {
  background-color: var(--graph_bg_thick);
  background-color: var(--graph_bg_thick);
}
.follow-oldfan-entry .entry-main[data-v-699159a0] {
  flex-grow: 1;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.follow-oldfan-entry .entry-main .oldfan-icon[data-v-699159a0] {
  width: 40px;
  height: 40px;
}
.follow-oldfan-entry .entry-main .oldfan-info[data-v-699159a0] {
  margin-left: 8px;
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.follow-oldfan-entry .entry-main .oldfan-info .info-txt[data-v-699159a0] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.follow-oldfan-entry .entry-main .oldfan-info .info-txt .txt-at-top[data-v-699159a0] {
  line-height: 20px;
  font-size: 14px;
  color: var(--text1);
  color: var(--text1);
}
.follow-oldfan-entry .entry-main .oldfan-info .info-txt .txt-at-bottom[data-v-699159a0] {
  line-height: 17px;
  font-size: 12px;
  color: var(--text3);
  color: var(--text3);
}
.follow-oldfan-entry .entry-main .oldfan-info .rightarrow-icon[data-v-699159a0] {
  width: 16px;
  height: 16px;
}
.follow-oldfan-entry .split-line[data-v-699159a0] {
  width: 1px;
  height: 16px;
  background-color: var(--line_regular);
  background-color: var(--line_regular);
  margin: 0 8px;
}
.follow-oldfan-entry .close-btn[data-v-699159a0] {
  display: flex;
  width: 16px;
  height: 16px;
  padding-right: 6px;
  cursor: pointer;
}
.follow-oldfan-entry .close-btn .close-icon[data-v-699159a0] {
  width: 100%;
  height: 100%;
}

.slide-ad-exp[data-v-67ca8b80]:not(:empty) {
  min-height: 1px;
}
.slide-ad-exp .slide-gg[data-v-67ca8b80] {
  position: relative;
  width: 100%;
  height: 200px;
  overflow: hidden;
  border-radius: 6px;
  background: var(--graph_weak);
  background: var(--graph_weak);
  margin-bottom: 18px;
}
.slide-ad-exp .slide-gg .gg-pic[data-v-67ca8b80] {
  position: absolute;
  width: 38px;
  height: 22px;
  left: 3px;
  bottom: 3px;
}
.slide-ad-exp .slide-gg .item-box[data-v-67ca8b80] {
  z-index: 1;
  /* fix van-slide mounted之前宽高为0的问题 */
  width: 100% !important;
  height: 100% !important;
}
.slide-ad-exp .slide-gg .item-box .item .link[data-v-67ca8b80] {
  display: inline-block;
  height: 100%;
  width: 100%;
}
.slide-ad-exp .slide-gg .item-box .item .link img[data-v-67ca8b80] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slide-ad-exp .slide-gg .slide-trig[data-v-67ca8b80] {
  position: absolute;
  right: 10px;
  bottom: 6px;
  z-index: 2;
}
.slide-ad-exp .slide-gg .slide-trig span[data-v-67ca8b80] {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--bg1);
  background: var(--bg1);
  margin-right: 6px;
  cursor: pointer;
}
.slide-ad-exp .slide-gg .slide-trig span.on[data-v-67ca8b80] {
  background: var(--brand_blue);
  background: var(--brand_blue);
}
.slide-ad-exp .slide-gg .close-btn[data-v-67ca8b80] {
  z-index: 2;
  position: absolute;
  top: 4px;
  right: 4px;
  width: 15px;
  height: 15px;
  text-align: center;
  line-height: 15px;
  background: var(--bg1);
  background: var(--bg1);
  border-radius: 2px;
  cursor: pointer;
}
.slide-ad-exp .slide-gg .close-btn i[data-v-67ca8b80] {
  color: #c9ccd0;
  font-size: 12px;
}
@media (min-width: 1681px) {
.slide-ad-exp .slide-gg[data-v-67ca8b80] {
    height: 235px;
    margin-bottom: 20px;
}
}

.ad-feedback-menu .ad-feedback-menu-reference[data-v-36b14d37] {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  transition: background 0.3s;
}
.ad-feedback-menu .ad-feedback-menu-reference[data-v-36b14d37]:hover {
  background: var(--graph_bg_regular);
  background: var(--graph_bg_regular);
}
.ad-feedback-menu .ad-feedback-menu-reference .trigger-icon[data-v-36b14d37] {
  width: 20px;
  height: 20px;
  color: var(--text1);
  color: var(--text1);
}

.ad-feedback-menu-popover {
  --content-width: 280px;
  --reason-gap: 4px;
  min-width: var(--content-width);
  min-width: var(--content-width);
  padding: 24px;
  box-sizing: border-box;
  background: var(--bg1_float);
  background: var(--bg1_float);
  border: 1px solid var(--line_light);
  border: 1px solid var(--line_light);
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.ad-feedback-menu-popover .ad-feedback-menu-dropdown {
  width: var(--content-width);
  width: var(--content-width);
}
.ad-feedback-menu-popover .ad-feedback-menu-dropdown .feedback-module {
  margin-bottom: 24px;
}
.ad-feedback-menu-popover .ad-feedback-menu-dropdown .feedback-module:last-child {
  margin-bottom: 0;
}
.ad-feedback-menu-popover .ad-feedback-menu-dropdown .feedback-module.reasons .title {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
}
.ad-feedback-menu-popover .ad-feedback-menu-dropdown .feedback-module.reasons .title .main {
  font-size: 14px;
  color: var(--text1);
  color: var(--text1);
}
.ad-feedback-menu-popover .ad-feedback-menu-dropdown .feedback-module.reasons .title .sub {
  font-size: 14px;
  color: var(--text3);
  color: var(--text3);
}
.ad-feedback-menu-popover .ad-feedback-menu-dropdown .feedback-module.reasons .reasons-list {
  display: flex;
  flex-wrap: wrap;
}
.ad-feedback-menu-popover .ad-feedback-menu-dropdown .feedback-module.reasons .reasons-list .reason {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: var(--reason-gap);
  margin-top: var(--reason-gap);
  margin-right: var(--reason-gap);
  margin-right: var(--reason-gap);
  width: calc(calc(var(--content-width) - var(--reason-gap)) / 2);
  width: calc(calc(var(--content-width) - var(--reason-gap)) / 2);
  height: 40px;
  border-radius: 8px;
  font-size: 14px;
  color: var(--text1);
  color: var(--text1);
  background-color: var(--graph_bg_thin_float);
  background-color: var(--graph_bg_thin_float);
  transition: background-color 0.3s;
}
.ad-feedback-menu-popover .ad-feedback-menu-dropdown .feedback-module.reasons .reasons-list .reason:hover {
  background-color: var(--graph_bg_thick);
  background-color: var(--graph_bg_thick);
}
.ad-feedback-menu-popover .ad-feedback-menu-dropdown .feedback-module.reasons .reasons-list .reason:nth-child(1),
.ad-feedback-menu-popover .ad-feedback-menu-dropdown .feedback-module.reasons .reasons-list .reason:nth-child(2) {
  margin-top: 0;
}
.ad-feedback-menu-popover .ad-feedback-menu-dropdown .feedback-module.reasons .reasons-list .reason:nth-child(2n) {
  margin-right: 0;
}
.ad-feedback-menu-popover .ad-feedback-menu-dropdown .feedback-module.details .entry {
  --left-padding: 16px;
  position: relative;
  cursor: pointer;
  height: 44px;
  padding: 0 10px 0 var(--left-padding);
  padding: 0 10px 0 var(--left-padding);
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--graph_bg_thin_float);
  background-color: var(--graph_bg_thin_float);
  transition: background-color 0.3s;
}
.ad-feedback-menu-popover .ad-feedback-menu-dropdown .feedback-module.details .entry:hover {
  background-color: var(--graph_bg_thick);
  background-color: var(--graph_bg_thick);
}
.ad-feedback-menu-popover .ad-feedback-menu-dropdown .feedback-module.details .entry .main {
  font-size: 14px;
  color: var(--text1);
  color: var(--text1);
}
.ad-feedback-menu-popover .ad-feedback-menu-dropdown .feedback-module.details .entry .sub {
  display: flex;
  color: var(--text1);
  color: var(--text1);
}
.ad-feedback-menu-popover .ad-feedback-menu-dropdown .feedback-module.details .entry .sub .sub-icon {
  width: 16px;
  height: 16px;
}
.ad-feedback-menu-popover .ad-feedback-menu-dropdown .feedback-module.details .entry::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: calc(100% - var(--left-padding));
  width: calc(100% - var(--left-padding));
  box-shadow: 0 0 0 0.5px var(--line_regular);
  box-shadow: 0 0 0 0.5px var(--line_regular);
}
.ad-feedback-menu-popover .ad-feedback-menu-dropdown .feedback-module.details .entry:first-child {
  border-radius: 8px 8px 0 0;
}
.ad-feedback-menu-popover .ad-feedback-menu-dropdown .feedback-module.details .entry:last-child {
  border-radius: 0 0 8px 8px;
}
.ad-feedback-menu-popover .ad-feedback-menu-dropdown .feedback-module.details .entry:last-child::after {
  display: none;
}

.ad-feedback-mask[data-v-1e7242f6] {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.ad-feedback-mask .tips-wrap[data-v-1e7242f6] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ad-feedback-mask .tips-wrap .icon[data-v-1e7242f6] {
  margin-bottom: 3px;
  width: 30px;
  height: 30px;
  color: var(--text_white);
  color: var(--text_white);
}
.ad-feedback-mask .tips-wrap .tips[data-v-1e7242f6] {
  font-size: 13px;
  line-height: 17px;
  color: var(--text_white);
  color: var(--text_white);
}
.ad-feedback-mask .tips-wrap .sub-tips[data-v-1e7242f6] {
  font-size: 11px;
  color: var(--text_white);
  color: var(--text_white);
  opacity: 0.6;
}
.ad-feedback-mask .revert-btn[data-v-1e7242f6] {
  margin-left: 24px;
  cursor: pointer;
  padding: 6px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.2);
  font-size: 13px;
  color: var(--text_white);
  color: var(--text_white);
}
.ad-feedback-mask .revert-btn .icon[data-v-1e7242f6] {
  margin-right: 6px;
  width: 16px;
  height: 16px;
  color: var(--text_white);
  color: var(--text_white);
}
@media (min-width: 1681px) {
.ad-feedback-mask .tips-wrap .icon[data-v-1e7242f6] {
    margin-bottom: 5px;
    width: 36px;
    height: 36px;
}
.ad-feedback-mask .tips-wrap .tips[data-v-1e7242f6] {
    font-size: 14px;
    line-height: 20px;
}
.ad-feedback-mask .tips-wrap .sub-tips[data-v-1e7242f6] {
    font-size: 12px;
}
}

.ad-feedback-dialog[data-v-016efad6] {
  border: 1px solid var(--line_regular);
  border: 1px solid var(--line_regular);
  border-radius: 12px;
  background-color: var(--bg1);
  background-color: var(--bg1);
  width: 500px;
}
.ad-feedback-dialog .van-dialog__header[data-v-016efad6],
.ad-feedback-dialog .van-dialog__body[data-v-016efad6] {
  padding: 0;
}
.ad-feedback-dialog .dialog-header[data-v-016efad6] {
  position: relative;
  padding-top: 48px;
}
.ad-feedback-dialog .dialog-header .title[data-v-016efad6] {
  color: var(--text1);
  color: var(--text1);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
}
.ad-feedback-dialog .dialog-header .close-btn[data-v-016efad6] {
  cursor: pointer;
  position: absolute;
  top: 14px;
  right: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  transition: background-color 0.3s;
}
.ad-feedback-dialog .dialog-header .close-btn .icon[data-v-016efad6] {
  width: 20px;
  height: 20px;
  color: var(--text3);
  color: var(--text3);
}
.ad-feedback-dialog .dialog-header .close-btn[data-v-016efad6]:hover {
  background: var(--graph_bg_regular_float);
  background: var(--graph_bg_regular_float);
}
.ad-feedback-dialog .dialog-content[data-v-016efad6] {
  margin-top: 16px;
  margin-bottom: 24px;
}
.ad-feedback-dialog .dialog-content iframe[data-v-016efad6] {
  width: 100%;
  height: 422px;
}

.common-dialog {
  position: relative;
  box-sizing: border-box;
  width: 400px;
  min-height: 168px;
  border-radius: 12px;
  background-color: var(--bg1);
  background-color: var(--bg1);
  padding: 36px 24px 24px 24px;
}
.common-dialog .close-btn {
  cursor: pointer;
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 8px;
  transition: background-color 0.3s;
}
.common-dialog .close-btn .icon {
  width: 20px;
  height: 20px;
}
.common-dialog .close-btn:hover {
  background: var(--graph_bg_regular_float);
  background: var(--graph_bg_regular_float);
}
.common-dialog .content .title {
  color: var(--text1);
  color: var(--text1);
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
  text-align: center;
}
.common-dialog .content .message {
  margin-top: 4px;
  color: var(--text3);
  color: var(--text3);
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}
.common-dialog .actions {
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.common-dialog .actions .cancel-btn {
  cursor: pointer;
  box-sizing: border-box;
  width: 172px;
  height: 34px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: var(--text2);
  color: var(--text2);
  background-color: var(--bg1_float);
  background-color: var(--bg1_float);
  border: 1px solid var(--line_regular);
  border: 1px solid var(--line_regular);
}
.common-dialog .actions .confirm-btn {
  cursor: pointer;
  box-sizing: border-box;
  width: 172px;
  height: 34px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: var(--text_white);
  color: var(--text_white);
  background-color: var(--brand_blue);
  background-color: var(--brand_blue);
}

.video-card-ad-small[data-v-23df1884] {
  --cover-width: 140px;
  --bottom-gap: 18px;
}
.video-card-ad-small .video-card-ad-small-inner[data-v-23df1884] {
  position: relative;
}
.video-card-ad-small .video-card-ad-small-inner .vcd[data-v-23df1884] {
  padding-bottom: var(--bottom-gap);
  padding-bottom: var(--bottom-gap);
  box-sizing: border-box;
  display: flex;
  color: var(--text1);
  color: var(--text1);
  transition: color 0.3s;
}
.video-card-ad-small .video-card-ad-small-inner .vcd .cover[data-v-23df1884] {
  position: relative;
  margin-right: 10px;
  border-radius: 6px;
  overflow: hidden;
  width: var(--cover-width);
  width: var(--cover-width);
  height: calc(var(--cover-width) * 9 / 16);
  height: calc(var(--cover-width) * 9 / 16);
  background: var(--graph_weak);
  background: var(--graph_weak);
  flex: 0 0 auto;
}
.video-card-ad-small .video-card-ad-small-inner .vcd .cover .b-img[data-v-23df1884] {
  width: 100%;
  height: 100%;
}
.video-card-ad-small .video-card-ad-small-inner .vcd .cover .loading-mask[data-v-23df1884] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: var(--text_white);
  color: var(--text_white);
}
.video-card-ad-small .video-card-ad-small-inner .vcd .cover .loading-mask .loading-gif[data-v-23df1884] {
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
.video-card-ad-small .video-card-ad-small-inner .vcd .info[data-v-23df1884] {
  font-size: 13px;
  flex: 1;
}
.video-card-ad-small .video-card-ad-small-inner .vcd .info .title[data-v-23df1884] {
  display: block;
  font-size: 15px;
  font-weight: 500;
  line-height: 19px;
  margin-bottom: 6px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  line-break: anywhere;
}
.video-card-ad-small .video-card-ad-small-inner .vcd .info .desc[data-v-23df1884] {
  color: var(--text3);
  color: var(--text3);
  letter-spacing: 0;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  line-break: anywhere;
  line-height: 16px;
  display: flex;
  align-items: center;
}
.video-card-ad-small .video-card-ad-small-inner .vcd .info .desc .ad-icon[data-v-23df1884] {
  width: 32px;
  height: 16px;
  margin-right: 6px;
  vertical-align: top;
}
.video-card-ad-small .video-card-ad-small-inner .vcd .info .desc .creative-ad-icon[data-v-23df1884] {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 2px;
}
.video-card-ad-small .video-card-ad-small-inner .vcd[data-v-23df1884]:hover {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.video-card-ad-small .video-card-ad-small-inner .feedback-menu[data-v-23df1884] {
  position: absolute;
  right: 0;
  bottom: var(--bottom-gap);
  bottom: var(--bottom-gap);
}
.video-card-ad-small .video-card-ad-small-inner .feedback-mask[data-v-23df1884] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: calc(var(--cover-width) * 9 / 16);
  height: calc(var(--cover-width) * 9 / 16);
  border-radius: 6px;
}
.video-card-ad-small .video-card-ad-small-inner .feedback-mask.adfeedbackmask-enter-active[data-v-23df1884],
.video-card-ad-small .video-card-ad-small-inner .feedback-mask.adfeedbackmask-leave-active[data-v-23df1884] {
  transition: opacity 0.3s;
}
.video-card-ad-small .video-card-ad-small-inner .feedback-mask.adfeedbackmask-enter[data-v-23df1884],
.video-card-ad-small .video-card-ad-small-inner .feedback-mask.adfeedbackmask-enter-from[data-v-23df1884],
.video-card-ad-small .video-card-ad-small-inner .feedback-mask.adfeedbackmask-leave-to[data-v-23df1884] {
  opacity: 0;
}
.video-card-ad-small .video-card-ad-small-inner .feedback-mask.adfeedbackmask-leave[data-v-23df1884],
.video-card-ad-small .video-card-ad-small-inner .feedback-mask.adfeedbackmask-enter-to[data-v-23df1884],
.video-card-ad-small .video-card-ad-small-inner .feedback-mask.adfeedbackmask-leave-from[data-v-23df1884] {
  opacity: 1;
}
.video-card-ad-small .video-card-ad-small-inner .feedback-disappear-countdown[data-v-23df1884] {
  position: absolute;
  right: 8px;
  top: 3px;
  font-size: 11px;
  color: var(--text_white);
  color: var(--text_white);
}
.video-card-ad-small .video-card-ad-small-inner .feedback-disappear-countdown.adfeedbackcountdown-enter-active[data-v-23df1884],
.video-card-ad-small .video-card-ad-small-inner .feedback-disappear-countdown.adfeedbackcountdown-leave-active[data-v-23df1884] {
  transition: opacity 0.3s;
}
.video-card-ad-small .video-card-ad-small-inner .feedback-disappear-countdown.adfeedbackcountdown-enter[data-v-23df1884],
.video-card-ad-small .video-card-ad-small-inner .feedback-disappear-countdown.adfeedbackcountdown-enter-from[data-v-23df1884],
.video-card-ad-small .video-card-ad-small-inner .feedback-disappear-countdown.adfeedbackcountdown-leave-to[data-v-23df1884] {
  opacity: 0;
}
.video-card-ad-small .video-card-ad-small-inner .feedback-disappear-countdown.adfeedbackcountdown-leave[data-v-23df1884],
.video-card-ad-small .video-card-ad-small-inner .feedback-disappear-countdown.adfeedbackcountdown-enter-to[data-v-23df1884],
.video-card-ad-small .video-card-ad-small-inner .feedback-disappear-countdown.adfeedbackcountdown-leave-from[data-v-23df1884] {
  opacity: 1;
}
.video-card-ad-small .video-card-ad-small-inner.videocardad-leave-active[data-v-23df1884] {
  transition: opacity 0.5s linear, max-height 0.5s linear;
}
.video-card-ad-small .video-card-ad-small-inner.videocardad-leave-to[data-v-23df1884] {
  overflow: hidden;
  opacity: 0;
  max-height: 0px;
}
.video-card-ad-small .video-card-ad-small-inner.videocardad-leave[data-v-23df1884],
.video-card-ad-small .video-card-ad-small-inner.videocardad-leave-from[data-v-23df1884] {
  overflow: hidden;
  opacity: 1;
  max-height: calc(var(--cover-width) * 9 / 16   var(--bottom-gap)   5px);
  max-height: calc(var(--cover-width) * 9 / 16   var(--bottom-gap)   5px);
}
@media (min-width: 1681px) {
.video-card-ad-small[data-v-23df1884] {
    --cover-width: 190px;
    --bottom-gap: 20px;
}
.video-card-ad-small .video-card-ad-small-inner .vcd .info[data-v-23df1884] {
    font-size: 14px;
    line-height: 16px;
}
.video-card-ad-small .video-card-ad-small-inner .vcd .info .title[data-v-23df1884] {
    font-size: 16px;
    line-height: 20px;
}
.video-card-ad-small .video-card-ad-small-inner .feedback-disappear-countdown[data-v-23df1884] {
    font-size: 12px;
}
}

.high-level-fake-danmuku[data-v-efdee798] {
  width: 100%;
  height: 100%;
  min-height: 44px;
  background: var(--bg1);
  background: var(--bg1);
  cursor: not-allowed;
}
.high-level-fake-danmuku .inner[data-v-efdee798] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  min-height: 44px;
  background: var(--graph_bg_regular);
  background: var(--graph_bg_regular);
  opacity: 0.3;
  border-radius: 6px;
}
.high-level-fake-danmuku .inner .right[data-v-efdee798] {
  display: flex;
  align-items: center;
}
.high-level-fake-danmuku .inner .right .title[data-v-efdee798] {
  font-size: 15px;
  font-weight: 500;
  color: var(--text1);
  color: var(--text1);
}
.high-level-fake-danmuku .inner .right .three-dots[data-v-efdee798] {
  margin-left: 12px;
  width: 16px;
  height: 16px;
  color: var(--graph_icon);
  color: var(--graph_icon);
}
.high-level-fake-danmuku .inner .expand[data-v-efdee798] {
  width: 16px;
  height: 16px;
  color: var(--graph_icon);
  color: var(--graph_icon);
}

.pr-video-guide[data-v-6597e1cc] {
  width: 100%;
  height: 44px;
  box-sizing: border-box;
  border-radius: 8px;
  background: var(--bg3);
  background: var(--bg3);
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
  padding: 0 16px;
}
.pr-video-guide .pr-header-icon[data-v-6597e1cc] {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 28px;
  background-color: #ffecf1;
  margin-right: 8px;
  margin-top: 1px;
}
.pr-video-guide .pr-header-icon[data-v-6597e1cc]::after {
  content: '';
  width: 8px;
  height: 8px;
  background-color: #fb6699;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.pr-video-guide .playing-icon[data-v-6597e1cc] {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  animation: breath-animation-data-v-6597e1cc 2.5s 1.5s infinite;
}
.pr-video-guide .pr-header-title[data-v-6597e1cc] {
  color: var(--brand_pink);
  color: var(--brand_pink);
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
.pr-video-guide__status[data-v-6597e1cc] {
  display: flex;
  align-items: center;
}
.pr-video-guide__btn[data-v-6597e1cc] {
  font-weight: 500;
  font-size: 12px;
  color: var(--ga7);
  color: var(--ga7);
  display: flex;
  align-items: center;
}
.pr-video-guide__btn--text[data-v-6597e1cc] {
  margin-right: 2px;
}
@keyframes breath-animation-data-v-6597e1cc {
0% {
    transform: scale(1);
    background-color: #fb6699;
}
100% {
    transform: scale(2.5);
    background-color: #ffecf1;
}
}

.rcmd-tab-switcher[data-v-b2b885b8] {
  position: relative;
  padding: 12px 0;
  margin-bottom: 10px;
}
.rcmd-tab-switcher .rcmd-tab-btn-list-wrap[data-v-b2b885b8] {
  overflow: hidden;
}
.rcmd-tab-switcher .rcmd-tab-btn-list-wrap .rcmd-tab-btn-list[data-v-b2b885b8] {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 32px;
  transition: transform 0.2s;
  will-change: transform;
}
.rcmd-tab-switcher .rcmd-tab-btn-list-wrap .rcmd-tab-btn-list .rcmd-tab-btn[data-v-b2b885b8] {
  height: 100%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  border-radius: 6px;
  padding: 0px 16px;
  margin-right: 4px;
  font-size: 14px;
  color: var(--text1);
  color: var(--text1);
  background-color: var(--graph_bg_thin);
  background-color: var(--graph_bg_thin);
  cursor: pointer;
  user-select: none;
  transition: color 0.2s, background-color 0.2s;
}
.rcmd-tab-switcher .rcmd-tab-btn-list-wrap .rcmd-tab-btn-list .rcmd-tab-btn[data-v-b2b885b8]:hover {
  background-color: var(--graph_bg_thick);
  background-color: var(--graph_bg_thick);
}
.rcmd-tab-switcher .rcmd-tab-btn-list-wrap .rcmd-tab-btn-list .rcmd-tab-btn[data-v-b2b885b8]:last-child {
  margin-right: 0px;
}
.rcmd-tab-switcher .rcmd-tab-btn-list-wrap .rcmd-tab-btn-list .rcmd-tab-btn.active[data-v-b2b885b8] {
  color: var(--text_white);
  color: var(--text_white);
  background-color: var(--brand_blue);
  background-color: var(--brand_blue);
}
.rcmd-tab-switcher .rcmd-tab-btn-list-wrap .rcmd-tab-btn-list .rcmd-tab-btn.active[data-v-b2b885b8]:hover {
  background-color: var(--brand_blue);
  background-color: var(--brand_blue);
}
.rcmd-tab-switcher .rcmd-tab-move[data-v-b2b885b8] {
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translatey(-50%);
  display: flex;
  align-items: center;
  height: 100%;
}
.rcmd-tab-switcher .rcmd-tab-move .rcmd-tab-move-inner[data-v-b2b885b8] {
  display: flex;
  align-items: center;
  height: 100%;
}
.rcmd-tab-switcher .rcmd-tab-move .rcmd-tab-move-inner .rcmd-tab-move-btn[data-v-b2b885b8] {
  pointer-events: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.2s, opacity 0.2s;
}
.rcmd-tab-switcher .rcmd-tab-move .rcmd-tab-move-inner .rcmd-tab-move-btn[data-v-b2b885b8]:hover {
  background-color: var(--graph_bg_thick);
  background-color: var(--graph_bg_thick);
}
.rcmd-tab-switcher .rcmd-tab-move .rcmd-tab-move-inner .rcmd-tab-move-btn .rcmd-tab-move-btn-icon[data-v-b2b885b8] {
  width: 18px;
  height: 18px;
  color: var(--text1);
  color: var(--text1);
}
.rcmd-tab-switcher .rcmd-tab-move[data-v-b2b885b8]::before {
  position: absolute;
  bottom: calc(100% - 4px);
  color: var(--text1);
  color: var(--text1);
  white-space: nowrap;
  font-size: 12px;
  line-height: 21px;
  padding: 6px 10px;
  border-radius: 6px;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.06);
  background-color: var(--bg1_float);
  background-color: var(--bg1_float);
}
.rcmd-tab-switcher .rcmd-tab-move.left[data-v-b2b885b8] {
  left: 0px;
}
.rcmd-tab-switcher .rcmd-tab-move.left .rcmd-tab-move-inner[data-v-b2b885b8] {
  padding: 0 34px 0 4px;
  background: linear-gradient(90deg, var(--bg1_float) 61.53%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(90deg, var(--bg1_float) 61.53%, rgba(255, 255, 255, 0) 100%);
}
.rcmd-tab-switcher .rcmd-tab-move.left[data-v-b2b885b8]::before {
  left: calc(calc(100% - 30px) / 2);
  transform: translatex(-50%);
}
.rcmd-tab-switcher .rcmd-tab-move.right[data-v-b2b885b8] {
  right: 0px;
}
.rcmd-tab-switcher .rcmd-tab-move.right .rcmd-tab-move-inner[data-v-b2b885b8] {
  padding: 0 4px 0 34px;
  background: linear-gradient(270deg, var(--bg1_float) 61.53%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(270deg, var(--bg1_float) 61.53%, rgba(255, 255, 255, 0) 100%);
}
.rcmd-tab-switcher .rcmd-tab-move.right[data-v-b2b885b8]::before {
  right: calc(calc(100% - 30px) / 2);
  transform: translatex(50%);
}
.rcmd-tab-switcher .rcmd-tab-move.disabled .rcmd-tab-move-inner[data-v-b2b885b8] {
  opacity: 0.8;
}
.rcmd-tab-switcher .rcmd-tab-move.disabled .rcmd-tab-move-inner .rcmd-tab-move-btn[data-v-b2b885b8] {
  opacity: 0.4;
}
.rcmd-tab-switcher .rcmd-tab-move.disabled.left[data-v-b2b885b8]::before {
  content: '\5df2\5230\6700\524d';
}
.rcmd-tab-switcher .rcmd-tab-move.disabled.right[data-v-b2b885b8]::before {
  content: '\5df2\5230\6700\672b';
}

.tab-archive-card[data-v-6573508d] {
  margin-bottom: 12px;
}
.tab-archive-card .card-box[data-v-6573508d] {
  display: flex;
}
.tab-archive-card .card-box .pic-box[data-v-6573508d] {
  position: relative;
  width: 141px;
  height: 80px;
  border-radius: 6px;
  background: var(--graph_weak);
  background: var(--graph_weak);
  flex: 0 0 auto;
}
.tab-archive-card .card-box .pic-box .bpx-docker-major[data-v-6573508d] {
  width: 142px;
  height: 80px;
}
.tab-archive-card .card-box .pic-box .pic[data-v-6573508d] {
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  width: 100%;
  height: 100%;
}
.tab-archive-card .card-box .pic-box .pic.loaded[data-v-6573508d]:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 28px;
  width: 100%;
  padding: 6px 8px;
  box-sizing: border-box;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  border-radius: 0 0 6px 6px;
}
.tab-archive-card .card-box .pic-box .pic img[data-v-6573508d] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  margin: 0 auto;
}
.tab-archive-card .card-box .pic-box .pic img[src=''][data-v-6573508d] {
  opacity: 0;
}
.tab-archive-card .card-box .pic-box .pic .mask-video[data-v-6573508d] {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.07);
  transition: opacity 0.3s;
  pointer-events: none;
}
.tab-archive-card .card-box .pic-box .pic .duration[data-v-6573508d] {
  position: absolute;
  bottom: 6px;
  right: 6px;
  color: var(--text_white);
  color: var(--text_white);
  height: 20px;
  line-height: 20px;
  transition: opacity 0.3s;
  z-index: 5;
  font-size: 13px;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 2px;
  padding: 0 4px;
}
.tab-archive-card .card-box .pic-box .pic .duration-by-hover[data-v-6573508d] {
  opacity: 0;
  position: absolute;
  bottom: 12px;
  right: 8px;
  color: var(--text_white);
  color: var(--text_white);
  line-height: 15px;
  transition: opacity 0.5s;
  z-index: 5;
  font-size: 13px;
}
.tab-archive-card .card-box .pic-box .framepreview-box[data-v-6573508d] {
  height: calc(100%   10px);
  position: absolute;
  width: 100%;
  bottom: 0;
}
.tab-archive-card .card-box .pic-box .framepreview-box .video-awesome-img[data-v-6573508d] {
  display: block;
  position: absolute;
  top: 10px;
  width: 141px;
  height: 80px;
}
.tab-archive-card .card-box .pic-box .van-framepreview .van-fpbar-box[data-v-6573508d] {
  top: calc(100% - 10px);
}
.tab-archive-card .card-box .pic-box .watch-later-video[data-v-6573508d] {
  transition: opacity 0.3s;
  opacity: 0;
  border-radius: 6px;
  top: 6px;
  right: 6px;
}
.tab-archive-card .card-box .pic-box .watch-later-video .wl-tips[data-v-6573508d] {
  top: 32px;
}
.tab-archive-card .card-box .pic-box .progress[data-v-6573508d] {
  pointer-events: none;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  transition: opacity 0.3s;
  opacity: 1;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.tab-archive-card .card-box .pic-box .progress[data-v-6573508d]::after {
  content: '';
  display: block;
  height: 100%;
  background-color: var(--brand_pink);
  background-color: var(--brand_pink);
  width: var(--progress-block-width);
  width: var(--progress-block-width);
}
.tab-archive-card .card-box .pic-box:hover .watch-later-video[data-v-6573508d] {
  transition-delay: 0.3s;
  opacity: 1;
}
.tab-archive-card .card-box .pic-box:hover .progress[data-v-6573508d] {
  opacity: 0;
}
.tab-archive-card .card-box .pic-box:hover .mask-video[data-v-6573508d] {
  opacity: 1;
}
.tab-archive-card .card-box .pic-box:hover .duration[data-v-6573508d] {
  opacity: 0;
}
.tab-archive-card .card-box .pic-box:hover .duration-by-hover[data-v-6573508d] {
  opacity: 1;
}
.tab-archive-card .card-box .info[data-v-6573508d] {
  margin-left: 10px;
  flex: 1;
  font-size: 13px;
  line-height: 15px;
  width: calc(100% - 151px);
}
.tab-archive-card .card-box .info .title[data-v-6573508d] {
  color: var(--text1);
  color: var(--text1);
  display: block;
  font-size: 15px;
  font-weight: 500;
  line-height: 19px;
  transition: color 0.3s;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  line-break: anywhere;
}
.tab-archive-card .card-box .info .title[data-v-6573508d]:hover {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.tab-archive-card .card-box .info .view-at[data-v-6573508d] {
  margin-top: 2px;
  display: flex;
  align-items: center;
  color: var(--text3);
  color: var(--text3);
}
.tab-archive-card .card-box .info .view-at .device-icon[data-v-6573508d] {
  width: 18px;
  height: 18px;
  margin-right: 4px;
  color: var(--text3);
  color: var(--text3);
}
.tab-archive-card .card-box .info .upname[data-v-6573508d] {
  margin-top: 2px;
  cursor: pointer;
  height: 20px;
}
.tab-archive-card .card-box .info .upname a[data-v-6573508d] {
  color: var(--text3);
  color: var(--text3);
  transition: color 0.3s;
  display: inline-flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.tab-archive-card .card-box .info .upname a svg[data-v-6573508d] {
  margin-right: 4px;
  fill: var(--text3);
  fill: var(--text3);
  transition: fill 0.3s;
  transform: translatey(0.5px);
}
.tab-archive-card .card-box .info .upname a .name[data-v-6573508d] {
  width: calc(100% - 24px);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  line-break: anywhere;
}
.tab-archive-card .card-box .info .upname a[data-v-6573508d]:hover {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.tab-archive-card .card-box .info .upname a:hover svg[data-v-6573508d] {
  fill: var(--brand_blue);
  fill: var(--brand_blue);
}
.tab-archive-card .card-box .info .playinfo[data-v-6573508d] {
  margin-top: 2px;
  color: var(--text3);
  color: var(--text3);
  display: inline-flex;
  align-items: center;
}
.tab-archive-card .card-box .info .playinfo .play[data-v-6573508d],
.tab-archive-card .card-box .info .playinfo .dm[data-v-6573508d] {
  width: 18px;
  height: 18px;
  margin-right: 4px;
}
.tab-archive-card .card-box .info .playinfo .dm[data-v-6573508d] {
  margin-left: 8px;
}
.tab-archive-card .card-box .info .pre-mask[data-v-6573508d] {
  height: 15px;
  background: var(--graph_weak);
  background: var(--graph_weak);
  border-radius: 6px;
}
@media (min-width: 1681px) {
.tab-archive-card[data-v-6573508d] {
    margin-bottom: 16px;
}
.tab-archive-card .card-box .pic-box[data-v-6573508d] {
    width: 189px;
    height: 107px;
}
.tab-archive-card .card-box .pic-box .framepreview-box .video-awesome-img[data-v-6573508d] {
    width: 189px;
    height: 107px;
}
.tab-archive-card .card-box .pic-box .pic .duration[data-v-6573508d] {
    font-size: 14px;
    line-height: 21px;
    height: 21px;
}
.tab-archive-card .card-box .pic-box .bpx-docker-major[data-v-6573508d] {
    width: 190px;
    height: 107px;
}
.tab-archive-card .card-box .info[data-v-6573508d] {
    font-size: 14px;
    line-height: 16px;
    width: calc(100% - 199px);
}
.tab-archive-card .card-box .info .title[data-v-6573508d] {
    font-size: 16px;
    line-height: 20px;
}
.tab-archive-card .card-box .info .view-at[data-v-6573508d] {
    margin-top: 4px;
}
.tab-archive-card .card-box .info .upname[data-v-6573508d] {
    margin-top: 4px;
}
.tab-archive-card .card-box .info .playinfo[data-v-6573508d] {
    margin-top: 4px;
}
}
.video-awesome-img .b-img[data-v-6573508d] {
  width: 100%;
  height: 100%;
}
.video-awesome-img .b-img.sleepy[data-v-6573508d] {
  background: var(--graph_weak);
  background: var(--graph_weak);
}
.video-awesome-img .b-img.sleepy[data-v-6573508d]::after {
  content: unset;
}

.rcmd-tab-archive-list .tips[data-v-597d2158] {
  margin-top: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.rcmd-tab-archive-list .tips .tips-icon[data-v-597d2158] {
  width: 140px;
  height: 140px;
}
.rcmd-tab-archive-list .tips .tips-txt[data-v-597d2158] {
  margin-top: 6px;
  font-size: 14px;
  color: var(--text3);
  color: var(--text3);
  line-height: 20px;
}
.rcmd-tab-archive-list .tips.need-login-tips .login-btn[data-v-597d2158] {
  cursor: pointer;
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 96px;
  height: 30px;
  border-radius: 30px;
  background: var(--brand_pink);
  background: var(--brand_pink);
  color: var(--text_white);
  color: var(--text_white);
  font-size: 14px;
  transition: background-color 0.3s;
}
.rcmd-tab-archive-list .list-footer[data-v-597d2158] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  background: var(--graph_bg_regular);
  background: var(--graph_bg_regular);
  color: var(--text1);
  color: var(--text1);
  margin-top: 10px;
  cursor: pointer;
  border-radius: 6px;
  user-select: none;
  transition: background-color 0.3s;
}
.rcmd-tab-archive-list .list-footer[data-v-597d2158]:hover {
  background: var(--graph_bg_thick);
  background: var(--graph_bg_thick);
}

.switch-btn {
  --switch-btn-width: 30px;
  --switch-btn-height: 20px;
  --switch-btn-gap: 2px;
  cursor: pointer;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  border-radius: calc(var(--switch-btn-height) / 2);
  border-radius: calc(var(--switch-btn-height) / 2);
  width: var(--switch-btn-width);
  width: var(--switch-btn-width);
  height: var(--switch-btn-height);
  height: var(--switch-btn-height);
  background-color: var(--graph_bg_thick);
  background-color: var(--graph_bg_thick);
  transition: all 0.2s;
}
.switch-btn .switch-block {
  position: absolute;
  border-radius: 50%;
  top: var(--switch-btn-gap);
  top: var(--switch-btn-gap);
  left: var(--switch-btn-gap);
  left: var(--switch-btn-gap);
  width: calc(var(--switch-btn-height) - calc(2 * var(--switch-btn-gap)));
  width: calc(var(--switch-btn-height) - calc(2 * var(--switch-btn-gap)));
  height: calc(var(--switch-btn-height) - calc(2 * var(--switch-btn-gap)));
  height: calc(var(--switch-btn-height) - calc(2 * var(--switch-btn-gap)));
  background-color: var(--text_white);
  background-color: var(--text_white);
  transition: all 0.2s;
}
.switch-btn.on {
  background: var(--brand_blue);
  background: var(--brand_blue);
}
.switch-btn.on .switch-block {
  left: calc(calc(var(--switch-btn-width) - var(--switch-btn-height))   var(--switch-btn-gap));
  left: calc(calc(var(--switch-btn-width) - var(--switch-btn-height))   var(--switch-btn-gap));
}

.continuous-btn {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.continuous-btn .txt {
  color: var(--text3);
  color: var(--text3);
  font-size: 14px;
  margin-right: 4px;
}

.pod-slide[data-v-54aea702] {
  --slide-height: 32px;
  position: relative;
  min-height: var(--slide-height);
  min-height: var(--slide-height);
  overflow: hidden;
}
.pod-slide .slide-inner[data-v-54aea702] {
  position: absolute;
  display: flex;
  align-items: center;
  transition: left 0.3s;
}
.pod-slide .slide-inner .slide-item[data-v-54aea702] {
  cursor: pointer;
  flex-shrink: 0;
  position: relative;
  box-sizing: border-box;
  max-width: 170px;
  height: var(--slide-height);
  height: var(--slide-height);
  line-height: var(--slide-height);
  line-height: var(--slide-height);
  text-align: center;
  padding: 0 14px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  color: var(--text2);
  color: var(--text2);
  transition: all 0.3s;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  line-break: anywhere;
}
.pod-slide .slide-inner .slide-item[data-v-54aea702]:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  opacity: 0.1;
  transition: all 0.3s;
}
.pod-slide .slide-inner .slide-item[data-v-54aea702]:hover {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.pod-slide .slide-inner .slide-item.active[data-v-54aea702] {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.pod-slide .slide-inner .slide-item.active[data-v-54aea702]:before {
  background-color: var(--brand_blue);
  background-color: var(--brand_blue);
}
.pod-slide .show-more[data-v-54aea702] {
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 43px;
  height: var(--slide-height);
  height: var(--slide-height);
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, var(--graph_bg_regular) 50%);
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, var(--graph_bg_regular) 50%);
}
.pod-slide .show-more .show-more-btn[data-v-54aea702] {
  pointer-events: auto;
  cursor: pointer;
  display: flex;
}
.pod-slide .show-more .show-more-btn .show-more-btn-icon[data-v-54aea702] {
  color: var(--text2);
  color: var(--text2);
  width: 16px;
  height: 16px;
  transition: transform 0.3s;
}
.pod-slide .show-more .show-more-btn.active .show-more-btn-icon[data-v-54aea702] {
  transform: rotate(180deg);
}

.pod-slide-more-popover {
  --slide-height: 40px;
  padding: 12px 0;
  box-sizing: border-box;
  background: var(--bg1_float);
  background: var(--bg1_float);
  border: 1px solid var(--line_regular);
  border: 1px solid var(--line_regular);
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  overflow: auto;
}
.pod-slide-more-popover::-webkit-scrollbar {
  width: 4px;
}
.pod-slide-more-popover::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: var(--graph_medium);
  background-color: var(--graph_medium);
}
.pod-slide-more-popover .pod-slide-more-dropdown .slide-item {
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  width: 170px;
  height: var(--slide-height);
  height: var(--slide-height);
  line-height: var(--slide-height);
  line-height: var(--slide-height);
  padding: 0 28px;
  color: var(--text1);
  color: var(--text1);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  line-break: anywhere;
}
.pod-slide-more-popover .pod-slide-more-dropdown .slide-item:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  opacity: 0.1;
}
.pod-slide-more-popover .pod-slide-more-dropdown .slide-item:hover {
  background: none;
  color: var(--text1);
  color: var(--text1);
}
.pod-slide-more-popover .pod-slide-more-dropdown .slide-item:hover:before {
  background-color: var(--graph_medium);
  background-color: var(--graph_medium);
}
.pod-slide-more-popover .pod-slide-more-dropdown .slide-item.active {
  color: var(--brand_blue);
  color: var(--brand_blue);
}

.simple-base-item {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 2px;
}
.simple-base-item .title {
  flex: 1;
  display: flex;
  align-items: center;
  height: 31px;
  color: var(--text1);
  color: var(--text1);
  font-size: 15px;
  transition: color 0.2s;
}
.simple-base-item .title .playing-gif {
  flex-shrink: 0;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 5px;
  background-image: ;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  background-position: center;
}
.simple-base-item .title .title-txt {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  line-break: anywhere;
  line-height: 31px;
}
.simple-base-item .stats {
  flex-shrink: 0;
  margin-left: 10px;
  font-size: 14px;
  color: var(--text3);
  color: var(--text3);
}
.simple-base-item:hover .title {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.simple-base-item.normal {
  padding: 0 10px;
}
.simple-base-item.normal.active {
  background: var(--bg1);
  background: var(--bg1);
}
.simple-base-item.normal.active .title {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.simple-base-item.head {
  padding: 0 10px;
  display: flex;
}
.simple-base-item.head .stats .expand-btn .icon {
  color: var(--text3);
  color: var(--text3);
  width: 12px;
  height: 12px;
  transition: transform 0.3s;
}
.simple-base-item.head .stats .expand-btn.expanded .icon {
  transform: rotate(180deg);
}
.simple-base-item.head.active .title {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.simple-base-item.sub {
  padding: 0 10px 0 24px;
}
.simple-base-item.sub.active {
  background: var(--bg1);
  background: var(--bg1);
}
.simple-base-item.sub.active .title {
  color: var(--brand_blue);
  color: var(--brand_blue);
}

.normal-base-item {
  cursor: pointer;
  display: flex;
}
.normal-base-item .cover {
  flex-shrink: 0;
  width: 106px;
  height: 60px;
  border-radius: 6px;
  overflow: hidden;
  margin-right: 10px;
  background: var(--graph_weak);
  background: var(--graph_weak);
}
.normal-base-item .cover .cover-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.normal-base-item .cover .cover-img[src=''] {
  opacity: 0;
}
.normal-base-item .info {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.normal-base-item .info .title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  line-break: anywhere;
  height: 38px;
  line-height: 19px;
  color: var(--text1);
  color: var(--text1);
  font-size: 15px;
  transition: color 0.2s;
}
.normal-base-item .info .title .playing-gif {
  flex-shrink: 0;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 5px;
  background-image: ;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  background-position: center;
}
.normal-base-item .info .stats {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 18px;
  color: var(--text3);
  color: var(--text3);
  overflow: hidden;
}
.normal-base-item .info .stats .stat-item {
  margin-left: 8px;
  display: inline-flex;
  align-items: center;
}
.normal-base-item .info .stats .stat-item .icon {
  margin-right: 2px;
}
.normal-base-item .info .stats .stat-item:first-child {
  margin-left: 0;
}
.normal-base-item:hover .info .title {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.normal-base-item.normal {
  padding: 0 10px;
}
.normal-base-item.head {
  padding: 0 10px;
}
.normal-base-item.head .stats .expand-btn {
  margin-left: auto;
}
.normal-base-item.head .stats .expand-btn .icon {
  color: var(--text3);
  color: var(--text3);
  width: 12px;
  height: 12px;
  transition: transform 0.3s;
}
.normal-base-item.head .stats .expand-btn.expanded .icon {
  transform: rotate(180deg);
}
.normal-base-item.active .info .title {
  color: var(--brand_blue);
  color: var(--brand_blue);
}

.multi-p .page-list.simple {
  margin-top: 4px;
}
.multi-p .page-list.normal {
  padding-left: 10px;
  margin-top: 12px;
}

.pod-item.normal {
  margin-bottom: 12px;
}
.pod-item.simple {
  margin-bottom: 4px;
}
.pod-item:last-child {
  margin-bottom: 0;
}

.redirect-dialog {
  position: relative;
  box-sizing: border-box;
  width: 400px;
  min-height: 168px;
  border-radius: 12px;
  background-color: var(--bg1);
  background-color: var(--bg1);
  padding: 36px 24px 24px 24px;
}
.redirect-dialog .close-btn {
  cursor: pointer;
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 8px;
  transition: background-color 0.3s;
}
.redirect-dialog .close-btn .icon {
  width: 20px;
  height: 20px;
}
.redirect-dialog .close-btn:hover {
  background: var(--graph_bg_regular_float);
  background: var(--graph_bg_regular_float);
}
.redirect-dialog .content .title {
  color: var(--text1);
  color: var(--text1);
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
  text-align: center;
}
.redirect-dialog .content .subtitle {
  margin-top: 4px;
  color: var(--text3);
  color: var(--text3);
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}
.redirect-dialog .actions {
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.redirect-dialog .actions .cancel-btn {
  cursor: pointer;
  box-sizing: border-box;
  width: 172px;
  height: 34px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: var(--text2);
  color: var(--text2);
  background-color: var(--bg1_float);
  background-color: var(--bg1_float);
  border: 1px solid var(--line_regular);
  border: 1px solid var(--line_regular);
}
.redirect-dialog .actions .confirm-btn {
  cursor: pointer;
  box-sizing: border-box;
  width: 172px;
  height: 34px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: var(--text_white);
  color: var(--text_white);
  background-color: var(--brand_blue);
  background-color: var(--brand_blue);
}

.video-pod[data-v-dac4fbd2] {
  line-height: 1;
  padding: 0 16px 8px;
  background-color: var(--graph_bg_regular);
  background-color: var(--graph_bg_regular);
  border-radius: 6px;
}
.video-pod .video-pod__header[data-v-dac4fbd2] {
  padding: 14px 0px 12px;
}
.video-pod .video-pod__header .header-top[data-v-dac4fbd2] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.video-pod .video-pod__header .header-top .left[data-v-dac4fbd2] {
  margin-right: 10px;
  display: flex;
  align-items: center;
}
.video-pod .video-pod__header .header-top .left .title[data-v-dac4fbd2] {
  font-size: 16px;
  font-weight: 500;
  color: var(--text1);
  color: var(--text1);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  line-break: anywhere;
}
.video-pod .video-pod__header .header-top .left .title.jumpable[data-v-dac4fbd2] {
  cursor: pointer;
  transition: color 0.3s;
}
.video-pod .video-pod__header .header-top .left .title.jumpable[data-v-dac4fbd2]:hover {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.video-pod .video-pod__header .header-top .left .amt[data-v-dac4fbd2] {
  flex-shrink: 0;
  font-size: 12px;
  color: var(--text3);
  color: var(--text3);
}
.video-pod .video-pod__header .header-top .left .view-mode[data-v-dac4fbd2] {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.video-pod .video-pod__header .header-top .left .view-mode .icon[data-v-dac4fbd2] {
  color: var(--graph_icon);
  color: var(--graph_icon);
  width: 18px;
  height: 18px;
}
.video-pod .video-pod__header .header-top .right[data-v-dac4fbd2] {
  flex-shrink: 0;
  display: flex;
}
.video-pod .video-pod__header .header-top .right .auto-play[data-v-dac4fbd2] {
  flex-shrink: 0;
}
.video-pod .video-pod__header .header-bottom[data-v-dac4fbd2] {
  padding: 10px 0 12px 0;
  border-bottom: 1px solid var(--line_regular);
  border-bottom: 1px solid var(--line_regular);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.video-pod .video-pod__header .header-bottom .left[data-v-dac4fbd2] {
  display: flex;
  align-items: center;
}
.video-pod .video-pod__header .header-bottom .left .total-view[data-v-dac4fbd2] {
  font-size: 14px;
  color: var(--text3);
  color: var(--text3);
  margin-right: 10px;
}
.video-pod .video-pod__header .header-bottom .left .description[data-v-dac4fbd2] {
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: var(--text3);
  color: var(--text3);
}
.video-pod .video-pod__header .header-bottom .left .description .icon[data-v-dac4fbd2] {
  margin-right: 2px;
  width: 16px;
  height: 16px;
}
.video-pod .video-pod__header .header-bottom .right .subscribe-btn[data-v-dac4fbd2] {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: var(--brand_blue);
  color: var(--brand_blue);
  width: 70px;
  height: 24px;
  border-radius: 2px;
  border: 1px solid var(--brand_blue);
  border: 1px solid var(--brand_blue);
  transition: all 0.3s;
}
.video-pod .video-pod__header .header-bottom .right .subscribe-btn.subscribed[data-v-dac4fbd2] {
  color: var(--text3);
  color: var(--text3);
  background-color: var(--graph_bg_thick);
  background-color: var(--graph_bg_thick);
  border-color: var(--graph_bg_thick);
  border-color: var(--graph_bg_thick);
}
.video-pod .video-pod__slide[data-v-dac4fbd2] {
  margin-right: -10px;
  padding-bottom: 16px;
}
.video-pod .video-pod__body[data-v-dac4fbd2] {
  margin: 0 -16px;
  max-height: 250px;
  overflow: auto;
  scroll-behavior: smooth;
  overscroll-behavior: contain;
}
.video-pod .video-pod__body .video-pod__list[data-v-dac4fbd2] {
  position: relative;
  width: calc(100% - 12px);
  margin: 0 auto;
  box-sizing: border-box;
}
.video-pod .video-pod__body .video-pod__list.multip.grid[data-v-dac4fbd2] {
  padding: 0 2px 0 10px;
  display: flex;
  flex-wrap: wrap;
}
.video-pod .video-pod__body .video-pod__list.multip.grid .page[data-v-dac4fbd2] {
  cursor: pointer;
  margin: 0 5px 8px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 58px;
  height: 36px;
  border-radius: 4px;
  border: 1px solid var(--line_regular);
  border: 1px solid var(--line_regular);
  font-size: 14px;
  color: var(--text1);
  color: var(--text1);
  transition: all 0.3s;
}
.video-pod .video-pod__body .video-pod__list.multip.grid .page[data-v-dac4fbd2]:hover {
  color: var(--brand_blue);
  color: var(--brand_blue);
  border-color: var(--brand_blue);
  border-color: var(--brand_blue);
}
.video-pod .video-pod__body .video-pod__list.multip.grid .page.active[data-v-dac4fbd2] {
  color: var(--text_white);
  color: var(--text_white);
  background-color: var(--brand_blue);
  background-color: var(--brand_blue);
  border-color: var(--brand_blue);
  border-color: var(--brand_blue);
}
.video-pod .video-pod__body[data-v-dac4fbd2]::-webkit-scrollbar {
  width: 4px;
}
.video-pod .video-pod__body[data-v-dac4fbd2]::-webkit-scrollbar-thumb {
  cursor: pointer;
  border-radius: 4px;
  background-color: var(--graph_medium);
  background-color: var(--graph_medium);
}

.pod-description-popover {
  --slide-height: 40px;
  padding: 12px 20px;
  box-sizing: border-box;
  background: var(--graph_bg_thick);
  background: var(--graph_bg_thick);
  border: none;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}
.pod-description-popover .pod-description-dropdown {
  width: 220px;
  font-size: 12px;
  color: var(--text3);
  color: var(--text3);
}

.video-page-card-small {
  margin-bottom: 12px;
}
.video-page-card-small .card-box {
  display: flex;
}
.video-page-card-small .card-box .pic-box {
  position: relative;
  width: 141px;
  height: 80px;
  border-radius: 6px;
  background: var(--graph_weak);
  background: var(--graph_weak);
  flex: 0 0 auto;
}
.video-page-card-small .card-box .pic-box .bpx-docker-major {
  width: 142px;
  height: 80px;
}
.video-page-card-small .card-box .pic-box .pic {
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  width: 100%;
  height: 100%;
}
.video-page-card-small .card-box .pic-box .pic.loaded:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 28px;
  width: 100%;
  padding: 6px 8px;
  box-sizing: border-box;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  border-radius: 0 0 6px 6px;
}
.video-page-card-small .card-box .pic-box .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  margin: 0 auto;
}
.video-page-card-small .card-box .pic-box .pic img[src=''] {
  opacity: 0;
}
.video-page-card-small .card-box .pic-box .pic .mask-video {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.07);
  transition: opacity 0.3s;
  pointer-events: none;
}
.video-page-card-small .card-box .pic-box .pic .duration {
  position: absolute;
  bottom: 6px;
  right: 6px;
  color: var(--text_white);
  color: var(--text_white);
  height: 20px;
  line-height: 20px;
  transition: opacity 0.3s;
  z-index: 5;
  font-size: 13px;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 2px;
  padding: 0 4px;
}
.video-page-card-small .card-box .pic-box .pic .duration-by-hover {
  opacity: 0;
  position: absolute;
  bottom: 12px;
  right: 8px;
  color: var(--text_white);
  color: var(--text_white);
  line-height: 15px;
  transition: opacity 0.5s;
  z-index: 5;
  font-size: 13px;
}
.video-page-card-small .card-box .pic-box .framepreview-box {
  height: calc(100%   10px);
  position: absolute;
  width: 100%;
  bottom: 0;
}
.video-page-card-small .card-box .pic-box .framepreview-box .video-awesome-img {
  display: block;
  position: absolute;
  top: 10px;
  width: 141px;
  height: 80px;
}
.video-page-card-small .card-box .pic-box .van-framepreview .van-fpbar-box {
  top: calc(100% - 10px);
}
.video-page-card-small .card-box .pic-box .watch-later-video {
  transition: opacity 0.3s;
  opacity: 0;
  border-radius: 6px;
  top: 6px;
  right: 6px;
}
.video-page-card-small .card-box .pic-box .watch-later-video .wl-tips {
  top: 32px;
}
.video-page-card-small .card-box .pic-box:hover .watch-later-video {
  transition-delay: 0.3s;
  opacity: 1;
}
.video-page-card-small .card-box .pic-box:hover .mask-video {
  opacity: 1;
}
.video-page-card-small .card-box .pic-box:hover .duration {
  opacity: 0;
}
.video-page-card-small .card-box .pic-box:hover .duration-by-hover {
  opacity: 1;
}
.video-page-card-small .card-box .info {
  margin-left: 10px;
  flex: 1;
  font-size: 13px;
  line-height: 15px;
  width: calc(100% - 151px);
}
.video-page-card-small .card-box .info .title {
  color: var(--text1);
  color: var(--text1);
  display: block;
  font-size: 15px;
  font-weight: 500;
  line-height: 19px;
  transition: color 0.3s;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  line-break: anywhere;
}
.video-page-card-small .card-box .info .title:hover {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.video-page-card-small .card-box .info .upname {
  cursor: pointer;
  margin: 2px 0;
  height: 20px;
}
.video-page-card-small .card-box .info .upname a {
  color: var(--text3);
  color: var(--text3);
  transition: color 0.3s;
  display: inline-flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.video-page-card-small .card-box .info .upname a svg {
  margin-right: 4px;
  fill: var(--text3);
  fill: var(--text3);
  transition: fill 0.3s;
  transform: translatey(0.5px);
}
.video-page-card-small .card-box .info .upname a .name {
  width: calc(100% - 24px);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  line-break: anywhere;
}
.video-page-card-small .card-box .info .upname a:hover {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.video-page-card-small .card-box .info .upname a:hover svg {
  fill: var(--brand_blue);
  fill: var(--brand_blue);
}
.video-page-card-small .card-box .info .playinfo {
  color: var(--text3);
  color: var(--text3);
  display: inline-flex;
  align-items: center;
}
.video-page-card-small .card-box .info .playinfo .play,
.video-page-card-small .card-box .info .playinfo .dm {
  width: 18px;
  height: 18px;
  margin-right: 4px;
}
.video-page-card-small .card-box .info .playinfo .dm {
  margin-left: 8px;
}
.video-page-card-small .card-box .info .pre-mask {
  height: 15px;
  background: var(--graph_weak);
  background: var(--graph_weak);
  border-radius: 6px;
}
@media (min-width: 1681px) {
.video-page-card-small {
    margin-bottom: 16px;
}
.video-page-card-small .card-box .pic-box {
    width: 189px;
    height: 107px;
}
.video-page-card-small .card-box .pic-box .framepreview-box .video-awesome-img {
    width: 189px;
    height: 107px;
}
.video-page-card-small .card-box .pic-box .pic .duration {
    font-size: 14px;
    line-height: 21px;
    height: 21px;
}
.video-page-card-small .card-box .pic-box .bpx-docker-major {
    width: 190px;
    height: 107px;
}
.video-page-card-small .card-box .info {
    font-size: 14px;
    line-height: 16px;
    width: calc(100% - 199px);
}
.video-page-card-small .card-box .info .title {
    font-size: 16px;
    line-height: 20px;
}
.video-page-card-small .card-box .info .upname {
    margin: 4px 0;
}
}
.video-awesome-img .b-img {
  width: 100%;
  height: 100%;
}
.video-awesome-img .b-img.sleepy {
  background: var(--graph_weak);
  background: var(--graph_weak);
}
.video-awesome-img .b-img.sleepy::after {
  content: unset;
}

.video-page-special-card-small[data-v-b7a58aac] {
  margin-bottom: 12px;
}
.video-page-special-card-small .card-box[data-v-b7a58aac] {
  display: flex;
}
.video-page-special-card-small .card-box .pic-box[data-v-b7a58aac] {
  position: relative;
  width: 141px;
  height: 80px;
  border-radius: 6px;
  background: var(--graph_weak);
  background: var(--graph_weak);
}
.video-page-special-card-small .card-box .pic-box .pic[data-v-b7a58aac] {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  border-radius: 6px;
  width: 100%;
  height: 100%;
}
.video-page-special-card-small .card-box .pic-box .pic .b-img[data-v-b7a58aac] {
  width: 100%;
  height: 100%;
}
.video-page-special-card-small .card-box .pic-box .pic img[data-v-b7a58aac] {
  width: 100%;
  height: 100%;
}
.video-page-special-card-small .card-box .pic-box .pic img[src=''][data-v-b7a58aac] {
  opacity: 0;
}
.video-page-special-card-small .card-box .info[data-v-b7a58aac] {
  margin-left: 10px;
  flex: 1;
}
.video-page-special-card-small .card-box .info .title[data-v-b7a58aac] {
  color: var(--text1);
  color: var(--text1);
  cursor: pointer;
  line-height: 19px;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 6px;
  transition: color 0.3s;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  line-break: anywhere;
}
.video-page-special-card-small .card-box .info .title[data-v-b7a58aac]:hover {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.video-page-special-card-small .card-box .info .desc[data-v-b7a58aac] {
  display: inline-block;
  line-height: 15px;
  width: 100%;
  color: var(--text3);
  color: var(--text3);
  font-size: 13px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  line-break: anywhere;
}
.video-page-special-card-small .card-box .info .pre-mask[data-v-b7a58aac] {
  background: var(--graph_weak);
  background: var(--graph_weak);
  border-radius: 6px;
  height: 16px;
}
@media (min-width: 1681px) {
.video-page-special-card-small[data-v-b7a58aac] {
    margin-bottom: 16px;
}
.video-page-special-card-small .card-box .pic-box[data-v-b7a58aac] {
    width: 189px;
    height: 107px;
}
.video-page-special-card-small .card-box .info .title[data-v-b7a58aac] {
    font-size: 16px;
    line-height: 20px;
}
.video-page-special-card-small .card-box .info .desc[data-v-b7a58aac] {
    font-size: 14px;
    line-height: 16px;
}
}

.video-page-operator-card-small {
  margin-bottom: 12px;
}
.video-page-operator-card-small .card-box {
  display: flex;
}
.video-page-operator-card-small .card-box .pic-box {
  position: relative;
  width: 141px;
  height: 80px;
  border-radius: 6px;
  background: var(--graph_weak);
  background: var(--graph_weak);
  flex: 0 0 auto;
}
.video-page-operator-card-small .card-box .pic-box .bpx-docker-major {
  width: 142px;
  height: 80px;
}
.video-page-operator-card-small .card-box .pic-box .pic {
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  width: 100%;
  height: 100%;
}
.video-page-operator-card-small .card-box .pic-box .pic.loaded:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 28px;
  width: 100%;
  padding: 6px 8px;
  box-sizing: border-box;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  border-radius: 0 0 6px 6px;
}
.video-page-operator-card-small .card-box .pic-box .pic .b-img {
  width: 100%;
  height: 100%;
}
.video-page-operator-card-small .card-box .pic-box .pic .b-img.sleepy {
  background: var(--graph_weak);
  background: var(--graph_weak);
}
.video-page-operator-card-small .card-box .pic-box .pic .b-img.sleepy::after {
  content: unset;
}
.video-page-operator-card-small .card-box .pic-box .pic img {
  width: 100%;
  height: 100%;
}
.video-page-operator-card-small .card-box .pic-box .pic img[src=''] {
  opacity: 0;
}
.video-page-operator-card-small .card-box .pic-box .pic .mask-video {
  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.07);
  transition: opacity 0.3s;
  pointer-events: none;
}
.video-page-operator-card-small .card-box .pic-box .pic .duration {
  position: absolute;
  bottom: 6px;
  right: 6px;
  color: var(--text_white);
  color: var(--text_white);
  height: 20px;
  line-height: 20px;
  transition: opacity 0.3s;
  z-index: 5;
  font-size: 13px;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 2px;
  padding: 0 4px;
}
.video-page-operator-card-small .card-box .pic-box .pic .framepreview-box {
  height: calc(100%   10px);
  position: absolute;
  width: 100%;
  bottom: 0;
}
.video-page-operator-card-small .card-box .pic-box .pic .framepreview-box .box-a {
  display: block;
  position: absolute;
  top: 10px;
}
.video-page-operator-card-small .card-box .pic-box .pic .van-framepreview .van-fpbar-box {
  top: calc(100% - 10px);
}
.video-page-operator-card-small .card-box .pic-box .watch-later-video {
  transition: opacity 0.3s;
  opacity: 0;
  border-radius: 6px;
  top: 6px;
  right: 6px;
}
.video-page-operator-card-small .card-box .pic-box .watch-later-video .wl-tips {
  top: 32px;
}
.video-page-operator-card-small .card-box .pic-box:hover .watch-later-video {
  transition-delay: 0.3s;
  opacity: 1;
}
.video-page-operator-card-small .card-box .pic-box:hover .mask-video {
  opacity: 1;
}
.video-page-operator-card-small .card-box .pic-box:hover .duration {
  opacity: 0;
}
.video-page-operator-card-small .card-box .info {
  margin-left: 10px;
  flex: 1;
  font-size: 13px;
  line-height: 15px;
  width: calc(100% - 151px);
}
.video-page-operator-card-small .card-box .info .title {
  color: var(--text1);
  color: var(--text1);
  line-height: 19px;
  font-size: 15px;
  font-weight: 500;
  transition: color 0.3s;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  line-break: anywhere;
}
.video-page-operator-card-small .card-box .info .title:hover {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.video-page-operator-card-small .card-box .info .upname {
  cursor: pointer;
  margin: 2px 0;
  color: var(--text3);
  color: var(--text3);
  height: 20px;
}
.video-page-operator-card-small .card-box .info .upname a {
  width: 100%;
  height: 100%;
  color: var(--text3);
  color: var(--text3);
  transition: color 0.3s;
  display: inline-flex;
  align-items: center;
}
.video-page-operator-card-small .card-box .info .upname a svg {
  margin-right: 4px;
  fill: var(--text3);
  fill: var(--text3);
  transition: fill 0.3s;
  transform: translatey(0.5px);
}
.video-page-operator-card-small .card-box .info .upname a .name {
  width: calc(100% - 24px);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  line-break: anywhere;
}
.video-page-operator-card-small .card-box .info .upname a:hover {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.video-page-operator-card-small .card-box .info .upname a:hover svg {
  fill: var(--brand_blue);
  fill: var(--brand_blue);
}
.video-page-operator-card-small .card-box .info .playinfo {
  color: var(--text3);
  color: var(--text3);
  display: inline-flex;
  align-items: center;
}
.video-page-operator-card-small .card-box .info .playinfo .play,
.video-page-operator-card-small .card-box .info .playinfo .dm {
  width: 18px;
  height: 18px;
  margin-right: 4px;
}
.video-page-operator-card-small .card-box .info .playinfo .dm {
  margin-left: 8px;
}
.video-page-operator-card-small .card-box .info .pre-mask {
  height: 16px;
  background: var(--graph_weak);
  background: var(--graph_weak);
  border-radius: 6px;
}
@media (min-width: 1681px) {
.video-page-operator-card-small {
    margin-bottom: 16px;
}
.video-page-operator-card-small .card-box .pic-box {
    width: 189px;
    height: 107px;
}
.video-page-operator-card-small .card-box .pic-box .pic .duration {
    font-size: 14px;
    line-height: 21px;
    height: 21px;
}
.video-page-operator-card-small .card-box .pic-box .bpx-docker-major {
    width: 190px;
    height: 107px;
}
.video-page-operator-card-small .card-box .info {
    font-size: 14px;
    line-height: 16px;
    width: calc(100% - 199px);
}
.video-page-operator-card-small .card-box .info .title {
    font-size: 16px;
    line-height: 20px;
}
.video-page-operator-card-small .card-box .info .upname {
    margin: 4px 0;
}
}

.video-page-game-card-small[data-v-4ebe5b06] {
  margin-bottom: 20px;
}
.video-page-game-card-small .pre-mask[data-v-4ebe5b06] {
  background: var(--graph_weak);
  background: var(--graph_weak);
  border-radius: 2px;
  border: none;
}
.video-page-game-card-small .pre-mask i[data-v-4ebe5b06] {
  display: none;
}
.video-page-game-card-small .card-box[data-v-4ebe5b06] {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.video-page-game-card-small .card-box img[src=''][data-v-4ebe5b06],
.video-page-game-card-small .card-box img[data-v-4ebe5b06]:not([src]) {
  opacity: 0;
}
.video-page-game-card-small .card-box .cover[data-v-4ebe5b06] {
  margin-right: 10px;
  width: 80px;
  height: 80px;
  border-radius: 14px;
  background: var(--graph_weak);
  background: var(--graph_weak);
}
.video-page-game-card-small .card-box .cover .game-cover[data-v-4ebe5b06] {
  width: 100%;
  height: 100%;
  border-radius: 14px;
  overflow: hidden;
  object-fit: cover;
}
.video-page-game-card-small .card-box .cover .game-cover.b-img[data-v-4ebe5b06] {
  background: inherit;
}
.video-page-game-card-small .card-box .cover .game-cover.b-img.sleepy[data-v-4ebe5b06]::after {
  content: unset;
}
.video-page-game-card-small .card-box .cover .game-cover img[data-v-4ebe5b06] {
  object-fit: inherit;
}
.video-page-game-card-small .card-box .cover-mask[data-v-4ebe5b06] {
  background-color: var(--graph_weak);
  background-color: var(--graph_weak);
  border-radius: 14px;
}
.video-page-game-card-small .card-box .info[data-v-4ebe5b06] {
  color: var(--text3);
  color: var(--text3);
  flex: 1;
  margin-right: 10px;
  min-width: 30px;
}
.video-page-game-card-small .card-box .info .van-rate[data-v-4ebe5b06] {
  display: inline-block;
  margin-top: -3px;
}
.video-page-game-card-small .card-box .info .title[data-v-4ebe5b06] {
  margin-bottom: 5px;
  line-height: 19px;
  font-size: 15px;
  font-weight: 500;
  color: var(--text1);
  color: var(--text1);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  line-break: anywhere;
}
.video-page-game-card-small .card-box .info .game-tags[data-v-4ebe5b06] {
  margin-bottom: 5px;
  line-height: 15px;
  font-size: 13px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  line-break: anywhere;
}
.video-page-game-card-small .card-box .info .notice-text[data-v-4ebe5b06] {
  font-size: 13px;
  line-height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  padding-left: 34px;
}
.video-page-game-card-small .card-box .info .notice-text[data-v-4ebe5b06]::before {
  display: block;
  position: absolute;
  content: '\516c\544a';
  font-size: 12px;
  color: var(--text_notice);
  color: var(--text_notice);
  width: 34px;
  height: 19px;
  line-height: 19px;
  text-align: center;
  border-radius: 2px;
  background-color: #fff6e4;
  left: -2px;
  top: -2px;
  transform: scale(0.83);
  transform-origin: center center;
}
.video-page-game-card-small .card-box .info .order[data-v-4ebe5b06] {
  margin-bottom: 5px;
  line-height: 15px;
  font-size: 13px;
  display: flex;
  align-items: center;
}
.video-page-game-card-small .card-box .info .order .van-rate[data-v-4ebe5b06] {
  font-size: 12.5px !important;
}
.video-page-game-card-small .card-box .info .order .grade-text[data-v-4ebe5b06] {
  color: #ffa726;
  line-height: 15px;
  margin: 0 8px 0 2px;
}
.video-page-game-card-small .card-box .info .order .book-count[data-v-4ebe5b06] {
  max-width: 125px;
  line-height: 15px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  line-break: anywhere;
}
.video-page-game-card-small .card-box .btn[data-v-4ebe5b06] {
  min-width: 60px;
}
.video-page-game-card-small .card-box .btn .enter-button[data-v-4ebe5b06] {
  display: inline-block;
  width: 60px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 6px;
  background-color: var(--brand_blue);
  background-color: var(--brand_blue);
  font-size: 14px;
  color: var(--text_white);
  color: var(--text_white);
  box-sizing: border-box;
}
.video-page-game-card-small .card-box .btn--left[data-v-4ebe5b06] {
  margin-top: 12px;
}
@media (min-width: 1681px) {
.video-page-game-card-small[data-v-4ebe5b06] {
    margin-bottom: 18px;
}
.video-page-game-card-small .card-box .cover[data-v-4ebe5b06] {
    width: 107px;
    height: 107px;
}
.video-page-game-card-small .card-box .title[data-v-4ebe5b06] {
    margin-bottom: 6px;
    line-height: 20px;
    font-size: 16px;
}
.video-page-game-card-small .card-box .info .game-tags[data-v-4ebe5b06],
  .video-page-game-card-small .card-box .info .order[data-v-4ebe5b06] {
    margin-bottom: 6px;
    line-height: 16px;
    font-size: 14px;
}
.video-page-game-card-small .card-box .info .van-rate[data-v-4ebe5b06] {
    font-size: 13.5px !important;
    margin-top: -2px;
}
.video-page-game-card-small .card-box .info .grade-text[data-v-4ebe5b06] {
    line-height: 16px;
    margin: 0 10px 0 2px;
}
.video-page-game-card-small .card-box .info .notice-text[data-v-4ebe5b06] {
    font-size: 14px;
    line-height: 16px;
}
.video-page-game-card-small .card-box .info .book-count[data-v-4ebe5b06] {
    max-width: 156px;
}
}

.video-page-game-card-small .van-rate .van-rate-star {
  width: 15px;
}
@media (min-width: 1681px) {
.video-page-game-card-small .van-rate .van-rate-star {
    width: 16px;
}
}

.recommend-list-v1[data-v-17ce950e] {
  margin-top: 18px;
}
.recommend-list-v1 .rec-title[data-v-17ce950e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.recommend-list-v1 .rec-title .title-txt[data-v-17ce950e] {
  font-size: 15px;
  font-weight: 500;
  color: var(--text1);
  color: var(--text1);
}
.recommend-list-v1 .split-line[data-v-17ce950e] {
  width: 100%;
  height: 1px;
  background: var(--line_regular);
  background: var(--line_regular);
}
.recommend-list-v1 .rec-list[data-v-17ce950e] {
  margin-top: 18px;
}
.recommend-list-v1 .rec-footer[data-v-17ce950e] {
  height: 42px;
  background: var(--graph_bg_regular);
  background: var(--graph_bg_regular);
  color: var(--text1);
  color: var(--text1);
  margin-top: 10px;
  text-align: center;
  line-height: 42px;
  cursor: pointer;
  border-radius: 6px;
  user-select: none;
  transition: background-color 0.3s;
}
.recommend-list-v1 .rec-footer[data-v-17ce950e]:hover {
  background: var(--graph_bg_thick);
  background: var(--graph_bg_thick);
}
@media (min-width: 1681px) {
.recommend-list-v1[data-v-17ce950e] {
    margin-top: 20px;
}
.recommend-list-v1 .rec-title .title-txt[data-v-17ce950e] {
    font-size: 16px;
}
.recommend-list-v1 .rec-list[data-v-17ce950e] {
    margin-top: 20px;
}
}

.pop-live-small-mode[data-v-54e8c786] {
  margin: 30px 0 18px;
}
.pop-live-small-mode:hover .pl__mask[data-v-54e8c786] {
  visibility: visible;
  opacity: 1;
}
.pop-live-small-mode:hover .pl__mask .pl__live[data-v-54e8c786] {
  visibility: visible;
  opacity: 1;
}
.pop-live-small-mode .pl__head[data-v-54e8c786] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  color: var(--text1);
  color: var(--text1);
}
.pop-live-small-mode .pl__headtext[data-v-54e8c786] {
  font-size: 16px;
  line-height: 22px;
}
.pop-live-small-mode .pl__close[data-v-54e8c786] {
  width: 22px;
  height: 22px;
  cursor: pointer;
}
.pop-live-small-mode .pl__card[data-v-54e8c786] {
  position: relative;
  overflow: hidden;
}
.pop-live-small-mode .pl__card__inner[data-v-54e8c786] {
  border-radius: 6px;
}
.pop-live-small-mode .pl__cover[data-v-54e8c786] {
  display: inline-block;
  width: 100%;
  height: 197px;
  border-radius: 6px;
  overflow: hidden;
  background-color: var(--graph_weak);
  background-color: var(--graph_weak);
  background-image: none;
}
.pop-live-small-mode .pl__info[data-v-54e8c786] {
  display: flex;
  align-items: center;
  margin-top: 6px;
}
.pop-live-small-mode .pl__face[data-v-54e8c786] {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  overflow: hidden;
  flex: none;
  margin-right: 10px;
  background-color: var(--graph_weak);
  background-color: var(--graph_weak);
  background-image: none;
}
.pop-live-small-mode .pl__title[data-v-54e8c786] {
  font-size: 15px;
  font-weight: 500;
  line-height: 19px;
  color: var(--text1);
  color: var(--text1);
  margin-bottom: 6px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  line-break: anywhere;
}
.pop-live-small-mode .pl__user[data-v-54e8c786] {
  height: 20px;
  line-height: 16px;
  color: var(--text3);
  color: var(--text3);
  fill: var(--text3);
  fill: var(--text3);
  font-size: 13px;
  transition: all 0.3s;
}
.pop-live-small-mode .pl__name__text[data-v-54e8c786] {
  max-width: 180px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  line-break: anywhere;
}
.pop-live-small-mode .pl__online[data-v-54e8c786] {
  margin-left: 6px;
}
.pop-live-small-mode .pl__online .icon[data-v-54e8c786] {
  width: 16px;
  margin-right: 4px;
  transform: translatey(-1px);
}
.pop-live-small-mode .pl__online span[data-v-54e8c786] {
  transform: translatey(-1.5px);
}
.pop-live-small-mode .pl__icon[data-v-54e8c786] {
  margin-right: 4px;
  transform: translatey(0.5px);
}
.pop-live-small-mode .pl__user__block[data-v-54e8c786] {
  display: inline-flex;
  align-items: center;
}
.pop-live-small-mode .pl__mask[data-v-54e8c786] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 197px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 4px 4px 0 0;
  opacity: 0;
  z-index: 1;
  visibility: hidden;
  transition: 0.2s all linear;
}
.pop-live-small-mode .pl__mask .pl__live[data-v-54e8c786] {
  transition: 0.3s all linear;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 50%;
  margin-left: -35px;
  top: 50%;
  margin-top: -12px;
  z-index: 2;
  width: 70px;
  height: 24px;
  text-align: center;
}
.pop-live-small-mode .pl__mask .pl__icon--live[data-v-54e8c786] {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 7px;
  background-color: var(--brand_pink);
  background-color: var(--brand_pink);
  margin-right: 5px;
  vertical-align: middle;
}
.pop-live-small-mode .pl__mask .pl__live__text[data-v-54e8c786] {
  position: static;
  background-color: transparent;
  display: inline-block;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  vertical-align: middle;
  color: var(--text_white);
  color: var(--text_white);
}
@media (min-width: 1681px) {
.pop-live-small-mode[data-v-54e8c786] {
    margin: 20px 0;
}
.pop-live-small-mode .pl__head[data-v-54e8c786] {
    font-size: 16px;
}
.pop-live-small-mode .pl__cover[data-v-54e8c786],
  .pop-live-small-mode .pl__mask[data-v-54e8c786] {
    height: 231px;
}
.pop-live-small-mode .pl__title[data-v-54e8c786] {
    font-size: 16px;
    line-height: 20px;
}
.pop-live-small-mode .pl__user[data-v-54e8c786] {
    font-size: 14px;
}
}

._container_xbyw9_1{padding:5px 0;display:flex;align-items:center}._left_xbyw9_7{max-width:240px;margin-right:16px}._left_xbyw9_7 ._title_xbyw9_11{font-weight:600;font-size:14px;line-height:20px;color:#fff;overflow:hidden;text-overflow:ellipsis}._left_xbyw9_7 ._subtitletext_xbyw9_19{position:relative;margin-top:8px;padding-left:16px;font-size:12px;line-height:13px;color:#fff;opacity:.6;overflow:hidden;text-overflow:ellipsis}._left_xbyw9_7 ._subtitletext_xbyw9_19:before{content:"";position:absolute;left:0;width:12px;height:12px;background: 50%/100% no-repeat;background-size:100%}._btn_xbyw9_40{box-sizing:border-box;width:116px;height:30px;position:relative;display:flex;align-items:center;justify-content:center;padding:0 8px;border-radius:100px;background:linear-gradient(90deg,#f69,#e84b85);cursor:pointer}._btn_xbyw9_40 ._text_xbyw9_53{font-size:14px;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._btn_xbyw9_40 ._badge_xbyw9_60{box-sizing:border-box;position:absolute;padding:0 4px;top:-11px;right:0;height:18px;font-size:12px;line-height:18px;border-radius:12px 12px 12px 0;text-align:center;background:linear-gradient(270deg,#ffc65d,#ffeec9);color:#5b2e00;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#app[data-v-5505482c] {
  background-color: var(--bg1);
  background-color: var(--bg1);
  max-width: 2560px;
  min-width: 1080px;
  margin: 0 auto;
}
.video-container-v1[data-v-5505482c] {
  display: flex;
  justify-content: center;
  box-sizing: content-box;
  position: relative;
}
.video-container-v1 .left-container[data-v-5505482c] {
  position: relative;
}
.video-container-v1 .left-container.scroll-sticky[data-v-5505482c] {
  position: sticky;
  height: fit-content;
  z-index: 1;
}
.video-container-v1 .left-container .left-banner[data-v-5505482c] {
  margin: 24px 0;
}
.video-container-v1 .right-container[data-v-5505482c] {
  width: 350px;
  flex: none;
  margin-left: 30px;
  position: relative;
  pointer-events: none;
}
.video-container-v1 .right-container .right-container-inner[data-v-5505482c] {
  padding-bottom: 250px;
}
.video-container-v1 .right-container .right-container-inner.scroll-sticky[data-v-5505482c] {
  position: sticky;
}
.video-container-v1 .right-container .right-container-inner *[data-v-5505482c] {
  pointer-events: all;
}
.video-container-v1 .right-container .danmaku-box[data-v-5505482c] {
  margin-bottom: 18px;
  position: relative;
}
.video-container-v1 .right-container .danmaku-box .danmaku-wrap[data-v-5505482c] {
  min-height: 44px;
  background: var(--graph_bg_regular);
  background: var(--graph_bg_regular);
  border-radius: 6px;
}
.video-container-v1 .right-container .danmaku-box .danmaku-wrap.hidden[data-v-5505482c] {
  height: 0;
  min-height: 0;
  overflow: hidden;
}
.video-container-v1 .right-container .danmaku-box.outslide-player[data-v-5505482c] {
  margin-bottom: 0;
}
.video-container-v1 .right-container .danmaku-box.outslide-player .danmaku-wrap[data-v-5505482c] {
  display: none;
}
.video-container-v1 .right-container .video-pod[data-v-5505482c] {
  margin-bottom: 18px;
}
.video-container-v1 .right-container .right-bottom-banner[data-v-5505482c] {
  margin-top: 18px;
  height: 175px;
  border-radius: 6px;
  width: 100%;
  overflow: hidden;
}
.video-container-v1 .right-container .right-bottom-banner .title[data-v-5505482c] {
  position: absolute;
  bottom: 3px;
  font-weight: 500;
  font-size: 15px;
  left: 10px;
  color: var(--text_white);
  color: var(--text_white);
  text-shadow: 1px 1px 3px #000;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  line-break: anywhere;
}
@media (min-width: 1681px) {
.video-container-v1 .right-container[data-v-5505482c] {
    width: 411px;
}
.video-container-v1 .right-container .danmaku-box[data-v-5505482c] {
    margin-bottom: 20px;
}
.video-container-v1 .right-container .video-pod[data-v-5505482c] {
    margin-bottom: 20px;
}
.video-container-v1 .right-container .right-bottom-banner[data-v-5505482c] {
    margin-top: 20px;
    height: 205px;
}
.video-container-v1 .right-container .right-bottom-banner .title[data-v-5505482c] {
    font-size: 16px;
}
}

#app p[title^="「"],
#app p[title^="『"],
#app p[title^="【"],
#app h1[title^="「"],
#app h1[title^="『"],
#app h1[title^="【"],
#app h3[title^="「"],
#app h3[title^="『"],
#app h3[title^="【"] {
  text-indent: -0.6em;
}
.mac #app p[title^="～"],
.mac #app h3[title^="～"] {
  text-indent: -0.1em;
}
.mac #app p[title^="《"],
.mac #app h3[title^="《"] {
  text-indent: -0.4em;
}
.mac #app .roll-btn {
  transform: translatez(0);
}
.win #app p[title^="“"],
.win #app h3[title^="“"] {
  text-indent: -0.1em;
}
.win #app p[title^="～"],
.win #app h3[title^="～"] {
  text-indent: -0.25em;
}
.win #app p[title^="《"],
.win #app h3[title^="《"] {
  text-indent: -0.5em;
}
html,
body {
  scroll-behavior: smooth;
  background-color: var(--bg1);
  background-color: var(--bg1);
  min-height: 100vh;
  width: auto !important;
  height: auto !important;
}
.webscreen-fix {
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
#bilibili-player.mode-webscreen {
  position: fixed;
  border-radius: 0;
  z-index: 100000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.bili-msg {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 14px;
  font-style: normal;
  margin-top: 10px;
  transition: all 0.3s;
  opacity: 0;
  z-index: 20101;
}
.bili-msg.show {
  margin-top: 0;
  opacity: 1;
}
.bili-msg.error {
  background-color: rgba(228, 12, 12, 0.8);
}
.bili-msg .layout {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1;
  outline: none;
}
.b-img {
  object-fit: cover;
  background-color: var(--graph_bg_thick);
  background-color: var(--graph_bg_thick);
}
.b-img .b-img__inner {
  object-fit: inherit;
}


.ring-progress {
  position: absolute;
}

.svga-container {
  position: absolute;
  z-index: 99999;
}
.svga-container.svga-top {
  width: 120px;
  height: 120px;
}
.svga-container.svga-center {
  width: 92px;
  height: 92px;
}
.svga-container.svga-fireworks {
  width: 120px;
  height: 120px;
}

iframe[name='dynmic-share'] {
  height: 500px;
}
.share-video-panel .share-pos {
  display: flex;
  justify-content: space-between;
}
.share-video-panel .share-pos .box-left {
  width: 300px;
}
.share-video-panel .share-pos .box-left .share-panel {
  display: flex;
  flex-wrap: wrap;
}
.share-video-panel .share-pos .box-left .share-panel .share-btn {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  width: 60px;
  height: 60px;
  margin-bottom: 10px;
}
.share-video-panel .share-pos .box-left .share-panel .share-btn > input {
  height: 0;
  border: none;
}
.share-video-panel .share-pos .box-left .share-panel .share-btn-icon {
  width: 40px;
  height: 40px;
}
.share-video-panel .share-pos .box-left .share-panel .share-btn-text {
  line-height: 20px;
}
.share-video-panel .share-pos .box-left .share-link {
  height: 28px;
  background-color: var(--bg2);
  background-color: var(--bg2);
  border-radius: 6px;
  line-height: 28px;
  display: inline-flex;
  width: 100%;
  padding: 0 12px;
  box-sizing: border-box;
  justify-content: space-between;
  margin-top: 7px;
}
.share-video-panel .share-pos .box-left .share-link input {
  border: none;
  background-color: var(--bg2);
  background-color: var(--bg2);
  flex: 1 1 auto;
  color: var(--text2);
  color: var(--text2);
}
.share-video-panel .share-pos .box-left .share-link .btn {
  color: var(--brand_blue);
  color: var(--brand_blue);
  margin-left: 10px;
  cursor: pointer;
}
.share-video-panel .share-pos .box-right {
  text-align: center;
  padding: 0 0 0 20px;
  border-left: 1px solid var(--line_regular);
  border-left: 1px solid var(--line_regular);
  margin-left: 10px;
}
.share-video-panel .share-pos .box-right .qrcode-box {
  width: 145px;
  height: 145px;
  background: #ffffff;
  border: 1px solid var(--line_regular);
  border: 1px solid var(--line_regular);
  box-sizing: border-box;
  border-radius: 6px;
  padding: 4px;
}
.share-video-panel .share-pos .box-right .qrcode-box .van-qrcode {
  width: 135px;
  height: 135px;
}
.share-video-panel .share-pos .box-right p {
  font-size: 15px;
  line-height: 21px;
  margin-top: 4px;
}

.video-toolbar-pr {
  border-bottom: 1px solid var(--line_regular);
  border-bottom: 1px solid var(--line_regular);
  padding-top: 16px;
  padding-bottom: 12px;
  height: 28px;
  line-height: 28px;
}
.video-toolbar-pr .toolbar-left {
  float: left;
  position: relative;
  user-select: none;
  font-size: 13px;
  font-weight: 500;
  color: var(--text2);
  color: var(--text2);
  display: flex;
  align-items: center;
  height: 100%;
}
.video-toolbar-pr .toolbar-left .toolbar-item {
  width: 92px;
  position: relative;
}
.video-toolbar-pr .toolbar-left .toolbar-item .toolbar-loading__popover--content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-toolbar-pr .toolbar-left .long-click-animation {
  position: absolute;
  width: 96px;
  height: 96px;
  left: -32px;
  top: -94px;
  z-index: 100;
  transform-origin: bottom center;
}
.video-toolbar-pr .toolbar-left .svga-fireworks {
  position: absolute;
  top: -106px;
  left: -46px;
}
.video-toolbar-pr .toolbar-left .long-click-animation.shake {
  animation: shake 1500ms ease-in-out infinite;
}
.video-toolbar-pr .toolbar-left .long-click-finish-animation {
  position: absolute;
  width: 96px;
  height: 96px;
  left: -32px;
  top: -100px;
  z-index: 100000;
  transform-origin: bottom center;
}
.video-toolbar-pr .toolbar-left .long-click-finish-text {
  display: inline-block;
  position: absolute;
  left: 76px;
  top: -56px;
  padding: 11px 12px;
  border-radius: 8px;
  color: #fff;
  font-size: 16px;
  background: #000000;
  line-height: 22px;
  z-index: 101;
}
.video-toolbar-pr .toolbar-left .long-click-finish-text::after {
  position: absolute;
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-right: 10px solid #000000;
  border-bottom: 7px solid transparent;
  left: -8px;
  top: 16px;
}
.video-toolbar-pr .toolbar-left > span {
  width: 92px;
  margin-right: 8px;
  cursor: pointer;
  transition: all 0.3s;
  white-space: nowrap;
  position: relative;
  display: inline-flex;
  align-items: center;
  fill: var(--text2);
  fill: var(--text2);
}
.video-toolbar-pr .toolbar-left > span .icon {
  width: 28px;
  height: 28px;
  margin-right: 8px;
  flex: none;
}
.video-toolbar-pr .toolbar-left > span .info-text {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: nowrap;
}
.video-toolbar-pr .toolbar-left .svga-top {
  left: -45px;
  top: -125px;
}
.video-toolbar-pr .toolbar-left .svga-center {
  left: -32px;
  top: -32px;
}
.video-toolbar-pr .toolbar-left .share {
  position: relative;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  width: 100%;
  height: 100%;
}
.video-toolbar-pr .toolbar-left-playing > span:hover,
.video-toolbar-pr .toolbar-left-playing > span.on {
  color: var(--brand_blue);
  color: var(--brand_blue);
  fill: var(--brand_blue);
  fill: var(--brand_blue);
}
.video-toolbar-pr .toolbar-left-playing > span.like .icon.shake {
  animation: shake 1500ms ease-in-out infinite;
}
.video-toolbar-pr .toolbar-left-disabled .like,
.video-toolbar-pr .toolbar-left-disabled .coin,
.video-toolbar-pr .toolbar-left-disabled .collect {
  color: #b0b3b6;
  fill: #b0b3b6;
  cursor: not-allowed;
}
.video-toolbar-pr:after {
  display: block;
  content: '';
  clear: both;
}
@media (min-width: 1681px) {
.video-toolbar-pr {
    padding-top: 18px;
    height: 36px;
    line-height: 36px;
}
.video-toolbar-pr .toolbar-left {
    font-size: 14px;
}
.video-toolbar-pr .toolbar-left .toolbar-item {
    width: 100px;
}
.video-toolbar-pr .toolbar-left > span {
    width: 100px;
    line-height: 36px;
    margin-right: 18px;
}
.video-toolbar-pr .toolbar-left > span .icon {
    width: 36px;
    height: 36px;
}
.video-toolbar-pr .toolbar-left .svga-center {
    left: -28px;
    top: -28px;
}
}
@keyframes shake {
2% {
    transform: translate(0.5px, -0.5px) rotate(0.5deg);
}
4% {
    transform: translate(-0.5px, 2.5px) rotate(0.5deg);
}
6% {
    transform: translate(-1.5px, 2.5px) rotate(-0.5deg);
}
8% {
    transform: translate(-1.5px, 0.5px) rotate(1.5deg);
}
10% {
    transform: translate(1.5px, 2.5px) rotate(0.5deg);
}
12% {
    transform: translate(-1.5px, 2.5px) rotate(1.5deg);
}
14% {
    transform: translate(1.5px, 1.5px) rotate(-0.5deg);
}
16% {
    transform: translate(2.5px, -0.5px) rotate(1.5deg);
}
18% {
    transform: translate(1.5px, 0.5px) rotate(0.5deg);
}
20% {
    transform: translate(1.5px, -1.5px) rotate(-0.5deg);
}
22% {
    transform: translate(-1.5px, -1.5px) rotate(-0.5deg);
}
24% {
    transform: translate(-0.5px, -1.5px) rotate(0.5deg);
}
26% {
    transform: translate(-1.5px, 2.5px) rotate(-0.5deg);
}
28% {
    transform: translate(2.5px, 1.5px) rotate(1.5deg);
}
30% {
    transform: translate(0.5px, -0.5px) rotate(1.5deg);
}
32% {
    transform: translate(1.5px, 2.5px) rotate(1.5deg);
}
34% {
    transform: translate(-1.5px, -1.5px) rotate(-0.5deg);
}
36% {
    transform: translate(-0.5px, 0.5px) rotate(-0.5deg);
}
38% {
    transform: translate(1.5px, -1.5px) rotate(1.5deg);
}
40% {
    transform: translate(-0.5px, 0.5px) rotate(1.5deg);
}
42% {
    transform: translate(2.5px, -0.5px) rotate(1.5deg);
}
44% {
    transform: translate(-1.5px, 2.5px) rotate(0.5deg);
}
46% {
    transform: translate(-0.5px, 2.5px) rotate(-0.5deg);
}
48% {
    transform: translate(1.5px, -0.5px) rotate(1.5deg);
}
50% {
    transform: translate(1.5px, -0.5px) rotate(1.5deg);
}
52% {
    transform: translate(0.5px, 0.5px) rotate(-0.5deg);
}
54% {
    transform: translate(-0.5px, -1.5px) rotate(-0.5deg);
}
56% {
    transform: translate(1.5px, -1.5px) rotate(1.5deg);
}
58% {
    transform: translate(0.5px, 1.5px) rotate(1.5deg);
}
60% {
    transform: translate(-0.5px, -0.5px) rotate(1.5deg);
}
62% {
    transform: translate(-0.5px, 0.5px) rotate(1.5deg);
}
64% {
    transform: translate(0.5px, -0.5px) rotate(1.5deg);
}
66% {
    transform: translate(2.5px, 0.5px) rotate(1.5deg);
}
68% {
    transform: translate(1.5px, -0.5px) rotate(1.5deg);
}
70% {
    transform: translate(0.5px, 2.5px) rotate(1.5deg);
}
72% {
    transform: translate(1.5px, -0.5px) rotate(0.5deg);
}
74% {
    transform: translate(2.5px, -0.5px) rotate(0.5deg);
}
76% {
    transform: translate(2.5px, -0.5px) rotate(1.5deg);
}
78% {
    transform: translate(-1.5px, -0.5px) rotate(-0.5deg);
}
80% {
    transform: translate(-1.5px, 0.5px) rotate(-0.5deg);
}
82% {
    transform: translate(-1.5px, 2.5px) rotate(0.5deg);
}
84% {
    transform: translate(-0.5px, 0.5px) rotate(1.5deg);
}
86% {
    transform: translate(-1.5px, 1.5px) rotate(0.5deg);
}
88% {
    transform: translate(-0.5px, -0.5px) rotate(1.5deg);
}
90% {
    transform: translate(-1.5px, -1.5px) rotate(1.5deg);
}
92% {
    transform: translate(2.5px, 1.5px) rotate(0.5deg);
}
94% {
    transform: translate(2.5px, 1.5px) rotate(-0.5deg);
}
96% {
    transform: translate(2.5px, -0.5px) rotate(0.5deg);
}
98% {
    transform: translate(1.5px, 0.5px) rotate(-0.5deg);
}
0%,
  100% {
    transform: translate(0, 0) rotate(0);
}
}
.van-popover.van-share {
  position: absolute;
  padding: 30px;
  z-index: 30;
  color: var(--text1);
  color: var(--text1);
  background: var(--bg1_float);
  background: var(--bg1_float);
  border: 1px solid var(--line_light);
  border: 1px solid var(--line_light);
  box-sizing: border-box;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  font-size: 12px;
}
.toolbar-loading__popover {
  background: #ffffff;
  border: 1px solid #f1f2f3;
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  font-size: 14px;
  line-height: 20px;
  color: var(--text1);
  color: var(--text1);
  padding: 12px 20px;
}

.video-info-pr {
  height: 108px;
  box-sizing: border-box;
  padding-top: 24px;
}
.video-info-pr .video-header {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.video-info-pr .video-title {
  display: inline-block;
  font-size: 20px;
  font-weight: 500;
  color: var(--text1);
  color: var(--text1);
  line-height: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.video-info-pr .pr-header {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-right: 8px;
}
.video-info-pr .pr-header .pr-header-icon {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 28px;
  background-color: #ffecf1;
  margin-right: 4px;
  margin-top: 1px;
}
.video-info-pr .pr-header .pr-header-icon::after {
  content: '';
  width: 8px;
  height: 8px;
  background-color: #fb6699;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.video-info-pr .pr-header .playing-icon {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  animation: breath-animation 2.5s 1.5s infinite;
}
.video-info-pr .pr-header .pr-header-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  color: #fb7299;
}
.video-info-pr .video-data {
  font-size: 13px;
  color: var(--text3);
  color: var(--text3);
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  align-items: center;
  height: 24px;
  line-height: 18px;
}
.video-info-pr .video-data > span {
  display: inline-block;
}
.video-info-pr .video-data .interactive {
  height: 24px;
  line-height: 24px;
  font-size: 13px;
  color: var(--text2);
  color: var(--text2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
}
.video-info-pr .video-data .interactive svg {
  fill: var(--graph_medium);
  fill: var(--graph_medium);
  margin-right: 2px;
}
.video-info-pr .video-data .view,
.video-info-pr .video-data .dm,
.video-info-pr .video-data .pudate {
  display: inline-flex;
  align-items: center;
  margin-right: 12px;
}
.video-info-pr .video-data .view svg,
.video-info-pr .video-data .dm svg,
.video-info-pr .video-data .pudate svg {
  margin-right: 4px;
  width: 20px;
  height: 20px;
}
.video-info-pr .video-data .copyright i {
  font-size: 16px;
  margin-right: 2px;
  color: #fd676f;
  width: 16px;
  transform: translatey(1px);
}
.video-info-pr .video-data .argue {
  font-size: 13px;
  margin-right: 12px;
  border-radius: 2px;
  color: var(--ye6);
  color: var(--ye6);
  padding: 0px 6px;
  height: 24px;
  line-height: 24px;
  position: relative;
}
.video-info-pr .video-data .argue:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  background-color: var(--ye5_u);
  background-color: var(--ye5_u);
  opacity: 0.2;
}
.video-info-pr .video-data .argue i {
  color: var(--ye6);
  color: var(--ye6);
  font-size: 16px;
  width: 14px;
  margin-right: 4px;
  transform: translatey(1px);
}
.video-info-pr .video-data .honor {
  float: left;
  font-size: 13px;
  height: 24px;
  line-height: 24px;
  border-radius: 2px;
  padding: 0px 6px;
  margin-right: 12px;
  position: relative;
}
.video-info-pr .video-data .honor-icon {
  margin-right: 4px;
}
.video-info-pr .video-data .honor-icon svg {
  vertical-align: text-bottom;
}
.video-info-pr .video-data .honor-arrow {
  margin-left: 4px;
}
.video-info-pr .video-data .honor:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  opacity: 0.1;
}
.video-info-pr .video-data .honor.honor-rank {
  color: var(--brand_pink);
  color: var(--brand_pink);
  fill: var(--brand_pink);
  fill: var(--brand_pink);
}
.video-info-pr .video-data .honor.honor-rank:before {
  background-color: var(--brand_pink);
  background-color: var(--brand_pink);
}
.video-info-pr .video-data .honor.honor-history {
  color: var(--or5_u);
  color: var(--or5_u);
  fill: var(--or5_u);
  fill: var(--or5_u);
}
.video-info-pr .video-data .honor.honor-history:before {
  background-color: var(--or5_u);
  background-color: var(--or5_u);
}
.video-info-pr .video-data .honor.honor-weekly {
  color: var(--ye5_u);
  color: var(--ye5_u);
  fill: var(--ye5_u);
  fill: var(--ye5_u);
}
.video-info-pr .video-data .honor.honor-weekly:before {
  background-color: var(--ye5_u);
  background-color: var(--ye5_u);
}
.video-info-pr .video-data .item:last-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (min-width: 1681px) {
.video-info-pr {
    padding-top: 22px;
}
.video-info-pr .video-title {
    font-size: 22px;
    line-height: 29px;
}
.video-info-pr .video-data {
    font-size: 14px;
    line-height: 20px;
}
}
@keyframes breath-animation {
0% {
    transform: scale(1);
    background-color: #fb6699;
}
100% {
    transform: scale(2.5);
    background-color: #ffecf1;
}
}

.pr-video-card {
  margin-bottom: 12px;
}
.pr-video-card .card-box {
  display: flex;
}
.pr-video-card .card-box .pic-box {
  position: relative;
  width: 141px;
  height: 80px;
  border-radius: 6px;
  background: var(--graph_weak);
  background: var(--graph_weak);
  flex: 0 0 auto;
}
.pr-video-card .card-box .pic-box .pic {
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  width: 100%;
  height: 100%;
}
.pr-video-card .card-box .pic-box .pic.loaded:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 28px;
  width: 100%;
  padding: 6px 8px;
  box-sizing: border-box;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  border-radius: 0 0 6px 6px;
}
.pr-video-card .card-box .pic-box .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 0;
}
.pr-video-card .card-box .pic-box .pic img[src=''] {
  opacity: 0;
}
.pr-video-card .card-box .pic-box .pic .mask-video {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.07);
  transition: opacity 0.3s;
  pointer-events: none;
}
.pr-video-card .card-box .pic-box .pic .duration {
  position: absolute;
  bottom: 6px;
  right: 8px;
  color: var(--text_white);
  color: var(--text_white);
  line-height: 15px;
  transition: opacity 0.3s;
  z-index: 5;
  font-size: 13px;
}
.pr-video-card .card-box .pic-box .watch-later-video {
  transition: opacity 0.3s;
  opacity: 0;
  border-radius: 6px;
  top: 6px;
  right: 6px;
}
.pr-video-card .card-box .pic-box .watch-later-video .wl-tips {
  top: 32px;
}
.pr-video-card .card-box .pic-box:hover .watch-later-video {
  transition-delay: 0.3s;
  opacity: 1;
}
.pr-video-card .card-box .pic-box:hover .mask-video {
  opacity: 1;
}
.pr-video-card .card-box .pic-box:hover .duration {
  opacity: 0;
}
.pr-video-card .card-box .framepreview-box {
  height: calc(100%   10px);
  position: absolute;
  width: 100%;
  bottom: 0;
}
.pr-video-card .card-box .van-framepreview .van-fpbar-box {
  top: calc(100% - 10px);
}
.pr-video-card .card-box .info {
  margin-left: 10px;
  flex: 1;
  font-size: 13px;
  line-height: 15px;
  width: calc(100% - 151px);
}
.pr-video-card .card-box .info .title {
  color: var(--text1);
  color: var(--text1);
  display: block;
  font-size: 15px;
  font-weight: 500;
  line-height: 19px;
  transition: color 0.3s;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  line-break: anywhere;
}
.pr-video-card .card-box .info .title:hover {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.pr-video-card .card-box .info .upname {
  cursor: pointer;
  margin: 2px 0;
  height: 20px;
}
.pr-video-card .card-box .info .upname a {
  color: var(--text3);
  color: var(--text3);
  transition: color 0.3s;
  display: inline-flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.pr-video-card .card-box .info .upname a svg {
  margin-right: 4px;
  fill: var(--text3);
  fill: var(--text3);
  transition: fill 0.3s;
  transform: translatey(0.5px);
}
.pr-video-card .card-box .info .upname a .name {
  width: calc(100% - 24px);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  line-break: anywhere;
}
.pr-video-card .card-box .info .upname a:hover {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.pr-video-card .card-box .info .upname a:hover svg {
  fill: var(--brand_blue);
  fill: var(--brand_blue);
}
.pr-video-card .card-box .info .playinfo {
  color: var(--text3);
  color: var(--text3);
  display: inline-flex;
  align-items: center;
}
.pr-video-card .card-box .info .playinfo .play,
.pr-video-card .card-box .info .playinfo .dm {
  width: 18px;
  height: 18px;
  margin-right: 4px;
}
.pr-video-card .card-box .info .playinfo .dm {
  margin-left: 8px;
}
.pr-video-card .card-box .info .pre-mask {
  height: 15px;
  background: var(--graph_weak);
  background: var(--graph_weak);
  border-radius: 6px;
}
.pr-video-card .video-link {
  cursor: pointer;
}
@media (min-width: 1681px) {
.pr-video-card {
    margin-bottom: 16px;
}
.pr-video-card .card-box .pic-box {
    width: 189px;
    height: 107px;
}
.pr-video-card .card-box .pic-box .pic .duration {
    font-size: 14px;
    line-height: 16px;
}
.pr-video-card .card-box .info {
    font-size: 14px;
    line-height: 16px;
    width: calc(100% - 199px);
}
.pr-video-card .card-box .info .title {
    font-size: 16px;
    line-height: 20px;
}
.pr-video-card .card-box .info .upname {
    margin: 4px 0;
}
}

.pr-video-operator-card {
  margin-bottom: 12px;
}
.pr-video-operator-card .card-box {
  display: flex;
}
.pr-video-operator-card .card-box .pic-box {
  position: relative;
  width: 141px;
  height: 80px;
  border-radius: 6px;
  background: var(--graph_weak);
  background: var(--graph_weak);
  flex: 0 0 auto;
}
.pr-video-operator-card .card-box .pic-box .pic {
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  width: 100%;
  height: 100%;
}
.pr-video-operator-card .card-box .pic-box .pic.loaded:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 28px;
  width: 100%;
  padding: 6px 8px;
  box-sizing: border-box;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  border-radius: 0 0 6px 6px;
}
.pr-video-operator-card .card-box .pic-box .pic img {
  width: 100%;
  height: 100%;
}
.pr-video-operator-card .card-box .pic-box .pic img[src=''] {
  opacity: 0;
}
.pr-video-operator-card .card-box .pic-box .pic .mask-video {
  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.07);
  transition: opacity 0.3s;
  pointer-events: none;
}
.pr-video-operator-card .card-box .pic-box .pic .duration {
  position: absolute;
  bottom: 6px;
  right: 8px;
  color: var(--text_white);
  color: var(--text_white);
  line-height: 15px;
  transition: opacity 0.3s;
  z-index: 5;
  font-size: 13px;
}
.pr-video-operator-card .card-box .pic-box .pic .framepreview-box {
  height: calc(100%   10px);
  position: absolute;
  width: 100%;
  bottom: 0;
}
.pr-video-operator-card .card-box .pic-box .pic .van-framepreview .van-fpbar-box {
  top: calc(100% - 10px);
}
.pr-video-operator-card .card-box .pic-box .watch-later-video {
  transition: opacity 0.3s;
  opacity: 0;
  border-radius: 6px;
  top: 6px;
  right: 6px;
}
.pr-video-operator-card .card-box .pic-box .watch-later-video .wl-tips {
  top: 32px;
}
.pr-video-operator-card .card-box .pic-box:hover .watch-later-video {
  transition-delay: 0.3s;
  opacity: 1;
}
.pr-video-operator-card .card-box .pic-box:hover .mask-video {
  opacity: 1;
}
.pr-video-operator-card .card-box .pic-box:hover .duration {
  opacity: 0;
}
.pr-video-operator-card .card-box .info {
  margin-left: 10px;
  flex: 1;
  font-size: 13px;
  line-height: 15px;
  width: calc(100% - 151px);
}
.pr-video-operator-card .card-box .info .title {
  color: var(--text1);
  color: var(--text1);
  line-height: 19px;
  font-size: 15px;
  font-weight: 500;
  transition: color 0.3s;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  line-break: anywhere;
}
.pr-video-operator-card .card-box .info .title:hover {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.pr-video-operator-card .card-box .info .upname {
  cursor: pointer;
  margin: 2px 0;
  color: var(--text3);
  color: var(--text3);
  height: 20px;
}
.pr-video-operator-card .card-box .info .upname a {
  width: 100%;
  height: 100%;
  color: var(--text3);
  color: var(--text3);
  transition: color 0.3s;
  display: inline-flex;
  align-items: center;
}
.pr-video-operator-card .card-box .info .upname a svg {
  margin-right: 4px;
  fill: var(--text3);
  fill: var(--text3);
  transition: fill 0.3s;
  transform: translatey(0.5px);
}
.pr-video-operator-card .card-box .info .upname a .name {
  width: calc(100% - 24px);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  line-break: anywhere;
}
.pr-video-operator-card .card-box .info .upname a:hover {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.pr-video-operator-card .card-box .info .upname a:hover svg {
  fill: var(--brand_blue);
  fill: var(--brand_blue);
}
.pr-video-operator-card .card-box .info .playinfo {
  color: var(--text3);
  color: var(--text3);
  display: inline-flex;
  align-items: center;
}
.pr-video-operator-card .card-box .info .playinfo .play,
.pr-video-operator-card .card-box .info .playinfo .dm {
  width: 18px;
  height: 18px;
  margin-right: 4px;
}
.pr-video-operator-card .card-box .info .playinfo .dm {
  margin-left: 8px;
}
.pr-video-operator-card .card-box .info .pre-mask {
  height: 16px;
  background: var(--graph_weak);
  background: var(--graph_weak);
  border-radius: 6px;
}
@media (min-width: 1681px) {
.pr-video-operator-card {
    margin-bottom: 16px;
}
.pr-video-operator-card .card-box .pic-box {
    width: 189px;
    height: 107px;
}
.pr-video-operator-card .card-box .pic-box .pic .duration {
    font-size: 14px;
    line-height: 16px;
}
.pr-video-operator-card .card-box .info {
    font-size: 14px;
    line-height: 16px;
    width: calc(100% - 199px);
}
.pr-video-operator-card .card-box .info .title {
    font-size: 16px;
    line-height: 20px;
}
.pr-video-operator-card .card-box .info .upname {
    margin: 4px 0;
}
}
.pr-video-operator-card .video-link {
  cursor: pointer;
}

.recommend-list-pr[data-v-506b9151] {
  margin-top: 18px;
}
.recommend-list-pr .rec-title[data-v-506b9151] {
  font-size: 15px;
  font-weight: 500;
  color: var(--text1);
  color: var(--text1);
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
  line-height: 20px;
}
.recommend-list-pr .split-line[data-v-506b9151] {
  width: 100%;
  height: 1px;
  background: var(--line_regular);
  background: var(--line_regular);
}
.recommend-list-pr .rec-list[data-v-506b9151] {
  margin-top: 18px;
}
.recommend-list-pr .rec-footer[data-v-506b9151] {
  height: 42px;
  background: var(--bg3);
  background: var(--bg3);
  color: var(--text1);
  color: var(--text1);
  margin-top: 10px;
  text-align: center;
  line-height: 42px;
  cursor: pointer;
  border-radius: 6px;
}
@media (min-width: 1681px) {
.recommend-list-pr[data-v-506b9151] {
    margin-top: 20px;
}
.recommend-list-pr .rec-title[data-v-506b9151] {
    font-size: 16px;
}
.recommend-list-pr .rec-list[data-v-506b9151] {
    margin-top: 20px;
}
}

.counting-panel {
  position: absolute;
  z-index: 10;
  bottom: 75px;
  left: 30px;
  box-sizing: border-box;
  width: 416px;
  background-color: var(--bg1);
  background-color: var(--bg1);
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 14px;
  display: flex;
  align-items: center;
}
.counting-panel .counting-panel__cover {
  background-color: #c4c4c4;
  width: 172px;
  height: 97px;
  border-radius: 8px;
  display: inline-block;
  margin-right: 20px;
}
.counting-panel .counting-panel__cover .counting-panel__img {
  width: 172px;
  height: 97px;
  border-radius: 8px;
}
.counting-panel .counting-panel__info {
  cursor: default;
  display: flex;
  flex-direction: column;
}
.counting-panel .counting-panel__info .info-title {
  padding-top: 2px;
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.counting-panel .counting-panel__info .info-title .info-title__text {
  color: var(--text2);
  color: var(--text2);
  font-size: 14px;
  line-height: 20px;
  margin-right: 8px;
  font-weight: 500;
}
.counting-panel .counting-panel__info .info-title .info-title__counting {
  font-weight: 800;
  font-size: 20px;
  line-height: 22px;
  color: var(--text1);
  color: var(--text1);
}
.counting-panel .counting-panel__info .info-time {
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  color: var(--text2);
  color: var(--text2);
  margin-bottom: 18px;
  display: flex;
  align-items: center;
}
.counting-panel .counting-panel__info .info-time .question-block {
  display: flex;
  align-items: center;
  width: 40px;
  height: 16px;
  margin-left: 4px;
}
.counting-panel .counting-panel__info .info-time .question-icon {
  display: inline-block;
  width: 12px;
}
.counting-panel .counting-panel__info .info-btn {
  width: 188px;
  cursor: pointer;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  border: 1px solid transparent;
}
.counting-panel .counting-panel__info .default-info-btn {
  border: 1px solid var(--brand_blue);
  border: 1px solid var(--brand_blue);
  background: var(--brand_blue);
  background: var(--brand_blue);
  color: #fff;
  transition: 0.3s;
}
.counting-panel .counting-panel__info .default-info-btn:hover {
  background: #00b5e5;
  border: 1px solid #00b5e5;
}
.counting-panel .counting-panel__info .plain-info-btn {
  border: 1px solid var(--brand_blue);
  border: 1px solid var(--brand_blue);
  background-color: var(--bg1);
  background-color: var(--bg1);
  color: var(--brand_blue);
  color: var(--brand_blue);
}
@media (min-width: 1316px) {
.counting-panel {
    padding: 16px;
    width: 494px;
}
.counting-panel .counting-panel__cover {
    width: 198px;
    height: 112px;
    margin-right: 24px;
}
.counting-panel .counting-panel__cover .counting-panel__img {
    width: 198px;
    height: 112px;
}
.counting-panel .counting-panel__info .info-title .info-title__text {
    line-height: 25px;
    font-size: 18px;
    margin-right: 10px;
}
.counting-panel .counting-panel__info .info-title .info-title__counting {
    font-size: 24px;
    line-height: 26px;
}
.counting-panel .counting-panel__info .info-time {
    font-size: 16px;
    line-height: 22px;
}
.counting-panel .counting-panel__info .info-time .question-block {
    width: 45px;
    height: 18px;
}
.counting-panel .counting-panel__info .info-time .question-icon {
    width: 14px;
}
.counting-panel .counting-panel__info .info-btn {
    width: 230px;
    height: 34px;
    font-size: 16px;
}
}
.premiere-info-time__popover {
  padding: 20px;
  width: 240px;
  font-size: 13px;
  line-height: 20px;
  color: var(--text1);
  color: var(--text1);
  border-radius: 8px;
  margin: -100px 0 0 0;
}

#bilibili-player embed {
  width: 100%;
  height: 100%;
}
#bilibili-player .player {
  height: 100%;
}

.pr-loading-cover {
  background-color: #333;
  top: 0;
  width: 100%;
  position: absolute;
  height: 100%;
  border-radius: 2px;
}
.pr-loading-cover__bar {
  cursor: not-allowed;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 12px;
  height: 46px;
  background-color: #fff;
  box-shadow: 0 0 8px #e5e9ef;
  box-shadow: 0 0 8px var(--bg3, #e5e9ef);
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
}
.pr-loading-cover__bar .left-icon {
  padding: 0 0 0 9px;
}
.pr-loading-cover__bar .left-icon > img {
  width: 24px;
  margin: 0 9px;
}
.pr-loading-cover__bar .inner-bar {
  position: relative;
  width: calc(100% - 102px);
  height: 32px;
  border-radius: 8px;
  line-height: 18px;
  background: #f1f2f3;
  padding: 0 12px;
  display: flex;
  box-sizing: border-box;
  align-items: center;
}
.pr-loading-cover__bar .inner-bar .inner-bar__text {
  font-size: 12px;
  line-height: 20px;
  color: #9499a0;
}
.pr-loading-cover__bar .inner-bar .inner-bar__btn {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0;
  width: 62px;
  height: 32px;
  background: #e3e5e7;
  font-size: 13px;
  line-height: 20px;
  color: #9499a0;
  border-radius: 0 8px 8px 0;
}
.pr-loading-cover__cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 46px);
}
.pr-loading-cover__mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 46px);
}
.loading-cover__popover {
  border: 1px solid #f1f2f3;
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 12px 20px;
  font-size: 14px;
  line-height: 20px;
  color: var(--text1);
  color: var(--text1);
  margin-top: -10px;
}

.pr-video-container {
  position: relative;
  background-color: #000;
}
.pr-video-container .mock {
  position: absolute;
  background-color: #fff;
  top: 0;
  left: 0;
  z-index: 1000;
}

.pr-chat-inner {
  position: relative;
  height: 100%;
}
.pr-chat-inner .pr-chat-header {
  padding: 12px;
  font-size: 14px;
  background-color: #f6f7f8;
  border: 1px solid var(--line_regular);
  border: 1px solid var(--line_regular);
  border-radius: 4px 4px 0px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pr-chat-inner .pr-chat-header__left,
.pr-chat-inner .pr-chat-header__right {
  display: flex;
  align-items: center;
}
.pr-chat-inner .pr-chat-header__title {
  color: var(--text1);
  color: var(--text1);
  font-weight: 700;
  margin-right: 6px;
}
.pr-chat-inner .pr-chat-header__info {
  display: flex;
  align-items: center;
}
.pr-chat-inner .pr-chat-header__count {
  color: var(--text3);
  color: var(--text3);
  margin-right: 4px;
  font-size: 12px;
  display: inline-block;
  transform: scale(0.92);
  margin-left: 2px;
}
.pr-chat-inner .pr-chat-header__guide {
  margin-right: 16px;
  cursor: default;
  font-size: 12px;
}
.pr-chat-inner .pr-chat-header__guide,
.pr-chat-inner .pr-chat-header__exit {
  display: flex;
  align-items: center;
  color: var(--text2);
  color: var(--text2);
  font-size: 12px;
  line-height: 16px;
  transition: color 0.3s;
}
.pr-chat-inner .pr-chat-header__guide .exit-icon,
.pr-chat-inner .pr-chat-header__exit .exit-icon {
  margin-right: 3px;
}
.pr-chat-inner .pr-chat-header .pr-chat-header__exit:hover {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.full-premiere-container .pr-chat-inner .pr-chat-header {
  background-color: #11111d;
  border-color: #11111d;
  border-bottom: 1px solid rgba(205, 218, 255, 0.1);
}
.full-premiere-container .pr-chat-inner .pr-chat-header__title {
  color: #ffffff;
}
.full-premiere-container .pr-chat-inner .pr-chat-header__exit:hover {
  color: #0087bd;
}
.pr-chat-header__guide--popover {
  border-radius: 8px;
  padding: 0;
  border: none;
}
.pr-video-intro {
  border: 1px solid var(--line_regular);
  border: 1px solid var(--line_regular);
  box-shadow: 0px 0px 30px rgb(0 0 0%);
  cursor: default;
  width: 284px;
  height: 298px;
  padding: 16px 24px 8px 24px;
  box-sizing: border-box;
  border-radius: 8px;
}
.pr-video-intro__title {
  text-align: center;
  color: var(--text1);
  color: var(--text1);
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 16px;
}
.pr-video-intro__item {
  display: flex;
  align-items: center;
  margin: 16px 0;
}
.pr-video-intro .intro-icon {
  padding: 9px 0;
  margin-right: 16px;
  width: 59px;
}
.pr-video-intro .intro-panel {
  display: flex;
  flex-direction: column;
}
.pr-video-intro .intro-title {
  color: var(--text1);
  color: var(--text1);
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 2px;
  font-weight: 400;
}
.pr-video-intro .intro-desc {
  color: var(--text2);
  color: var(--text2);
  font-size: 12px;
  line-height: 17px;
}
.pr-video-intro--dark {
  background: #20212f;
  border: 1px solid #27282e;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
}
.pr-video-intro--dark .pr-video-intro__title,
.pr-video-intro--dark .intro-title {
  color: #e7e9eb;
}
.pr-video-intro--dark .intro-desc {
  color: #757a81;
}

.pr-comment-loading {
  width: 100%;
  margin-bottom: 50px;
  -webkit-font-smoothing: antialiased;
}
.pr-comment-loading .pr-loading-header {
  font-size: 20px;
  margin: 0 0 22px 0;
  display: block !important;
  height: 34px;
  margin-right: 6px;
  line-height: 34px;
  color: var(--text1);
  color: var(--text1);
  pointer-events: none;
  font-weight: 500;
}
.pr-comment-loading .pr-loading-send {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.pr-comment-loading .pr-loading-send .face {
  padding-left: 12px;
}
.pr-comment-loading .pr-loading-send .face .face-img {
  width: 40px;
  height: 40px;
  border-radius: 40px;
}
.pr-comment-loading .pr-loading-send .textarea {
  height: 50px;
  width: calc(100% - 65px - 80px);
  font-size: 12px;
  border-radius: 4px;
  text-align: center;
  color: var(--text3);
  color: var(--text3);
  background-color: var(--bg3);
  background-color: var(--bg3);
  overflow: hidden;
  line-height: 50px;
}
.pr-comment-loading .pr-loading-send .send-button {
  border-radius: 4px;
  flex-shrink: 0;
  font-size: 16px;
  width: 70px;
  text-align: center;
  height: 50px;
  line-height: 50px;
  color: var(--text3);
  color: var(--text3);
  background-color: var(--bg3);
  background-color: var(--bg3);
  border-color: var(--bg3);
  border-color: var(--bg3);
}
@media screen and (min-width: 1681px) {
.pr-comment-loading .pr-loading-header {
    font-size: 24px;
}
.pr-comment-loading .pr-loading-send .face .face-img {
    width: 48px;
    height: 48px;
    border-radius: 48px;
}
.pr-comment-loading .pr-loading-send .textarea {
    width: calc(100% - 67px - 80px);
}
}

.video-desc-v1 {
  margin: 16px 0;
  position: relative;
}
.video-desc-v1 .desc-info {
  white-space: pre-line;
  word-break: break-all;
  transition: height 0.3s;
  font-size: 15px;
  color: var(--text1);
  color: var(--text1);
  letter-spacing: 0;
  line-height: 24px;
  overflow: hidden;
}
.video-desc-v1 .desc-info a {
  color: var(--text_link);
  color: var(--text_link);
  transition: color 0.3s;
}
.video-desc-v1 .desc-info a:hover {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.video-desc-v1 .desc-info .mention-user {
  color: #178bcf;
}
.video-desc-v1 .toggle-btn {
  margin-top: 10px;
  font-size: 13px;
  line-height: 18px;
}
.video-desc-v1 .toggle-btn span {
  cursor: pointer;
  color: var(--text2);
  color: var(--text2);
}
.video-desc-v1 .toggle-btn span:hover {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.video-desc-v1 .subtitle {
  padding-top: 6px;
  color: var(--text1);
  color: var(--text1);
  font-size: 15px;
  line-height: 21px;
}
.video-desc-v1 .subtitle a {
  color: var(--text_link);
  color: var(--text_link);
  transition: color 0.3s;
}
.video-desc-v1 .subtitle a:hover {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
@media (min-width: 1681px) {
.video-desc-v1 {
    margin: 18px 0;
}
.video-desc-v1 .desc-info {
    font-size: 16px;
    line-height: 26px;
}
.video-desc-v1 .toggle-btn {
    font-size: 14px;
    line-height: 20px;
}
.video-desc-v1 .subtitle li {
    font-size: 16px;
    line-height: 22px;
}
}

.tag-channel-cancel-popup-exp {
  z-index: 12;
  position: absolute;
  background: var(--bg1);
  background: var(--bg1);
  padding: 20px 10px 10px 10px;
  min-width: 120px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  text-align: center;
  right: 0px;
  top: 35px;
}
.tag-channel-cancel-popup-exp p {
  font-size: 14px;
  color: var(--text1);
  color: var(--text1);
  margin-bottom: 20px;
}
.tag-channel-cancel-popup-exp a {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 2px;
}
.tag-channel-cancel-popup-exp a.btn-ok {
  color: var(--text_white);
  color: var(--text_white);
  background: var(--brand_blue);
  background: var(--brand_blue);
  margin-right: 5px;
}
.tag-channel-cancel-popup-exp a.btn-no {
  color: var(--text1);
  color: var(--text1);
  background: var(--graph_bg_thick);
  background: var(--graph_bg_thick);
  margin-left: 5px;
}

.tag-del-popup-exp {
  z-index: 12;
  position: absolute;
  background: var(--bg1);
  background: var(--bg1);
  padding: 30px 20px 20px 20px;
  min-width: 120px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  text-align: center;
  right: 0px;
  top: 0px;
}
.tag-del-popup-exp p {
  font-size: 12px;
  color: var(--text1);
  color: var(--text1);
  margin-bottom: 20px;
}
.tag-del-popup-exp a {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 2px;
}
.tag-del-popup-exp a.btn-ok {
  color: var(--text_white);
  color: var(--text_white);
  background: var(--brand_blue);
  background: var(--brand_blue);
  margin-right: 5px;
}
.tag-del-popup-exp a.btn-no {
  color: var(--text1);
  color: var(--text1);
  background: var(--graph_bg_thick);
  background: var(--graph_bg_thick);
  margin-left: 5px;
}

.line-ellipsis[data-v-2ddb4b88] {
  display: -webkit-box;
  overflow: hidden;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 1;
}
.tag-channel-pane-exp[data-v-2ddb4b88] {
  position: absolute;
  z-index: 11;
  background: var(--bg1_float);
  background: var(--bg1_float);
  margin-left: -10px;
  margin-top: 5px;
  width: 206px;
  min-height: 184px;
  box-sizing: content-box;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}
.tag-channel-pane-exp .bg-image[data-v-2ddb4b88] {
  width: 100%;
  height: 66px;
  background-position: 50%;
  border-radius: 2px 2px 0px 0px;
  background-size: cover;
  background-repeat: no-repeat;
}
.tag-channel-pane-exp .bg-mask[data-v-2ddb4b88] {
  position: absolute;
  width: 100%;
  height: 66px;
  background-position: 50%;
  opacity: 0.6;
  border-radius: 2px 2px 0px 0px;
  top: 0;
}
.tag-channel-pane-exp .channel-cover[data-v-2ddb4b88] {
  width: 60px;
  height: 60px;
  background: rgba(0, 0, 0, 0.05);
  border: 2px solid #ffffff;
  border-radius: 2px;
  position: absolute;
  top: 18px;
  left: 50%;
  transform: translate(-50%, 0);
}
.tag-channel-pane-exp .content[data-v-2ddb4b88] {
  padding: 0 10px;
}
.tag-channel-pane-exp .channel-info[data-v-2ddb4b88] {
  padding: 24px 10px 10px 10px;
}
.tag-channel-pane-exp .channel-title[data-v-2ddb4b88] {
  font-size: 14px;
  font-weight: 500;
  color: var(--text1);
  color: var(--text1);
  line-height: 18px;
  margin: 0 0 4px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tag-channel-pane-exp .channel-title > img[data-v-2ddb4b88] {
  margin-left: 4px;
}
.tag-channel-pane-exp .channel-desc[data-v-2ddb4b88] {
  font-size: 12px;
  color: var(--text3);
  color: var(--text3);
  height: 18px;
  line-height: 18px;
  display: flex;
  justify-content: center;
  width: 190px;
}
.tag-channel-pane-exp .channel-desc > span[data-v-2ddb4b88] {
  margin: 0px 3px 0 3px;
  display: -webkit-box;
  overflow: hidden;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 1;
}
.tag-channel-pane-exp .channel-btns[data-v-2ddb4b88] {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.tag-channel-pane-exp .channel-btns__link[data-v-2ddb4b88] {
  cursor: pointer;
  width: 66px;
  height: 22px;
  text-align: center;
  line-height: 22px;
  border: 1px solid var(--brand_blue);
  border: 1px solid var(--brand_blue);
  border-radius: 2px;
  font-size: 12px;
  color: var(--brand_blue);
  color: var(--brand_blue);
  transition: 0.3s;
}
.tag-channel-pane-exp .channel-btns__link[data-v-2ddb4b88]:hover {
  background: var(--brand_blue);
  background: var(--brand_blue);
  border-radius: 2px;
  color: var(--text_white);
  color: var(--text_white);
}
.tag-channel-pane-exp .channel-btns__subs[data-v-2ddb4b88] {
  cursor: pointer;
  width: 108px;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  text-align: center;
  margin-left: 8px;
}
.tag-channel-pane-exp .channel-btns__subs .add-icon[data-v-2ddb4b88] {
  width: 15px;
  height: 15px;
  margin-right: 5px;
  vertical-align: sub;
}
.tag-channel-pane-exp .channel-btns .is-subs[data-v-2ddb4b88] {
  background: var(--graph_bg_thick);
  background: var(--graph_bg_thick);
  color: var(--text3);
  color: var(--text3);
  border: 1px solid var(--graph_bg_thick);
  border: 1px solid var(--graph_bg_thick);
  display: -webkit-box;
  overflow: hidden;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 1;
}
.tag-channel-pane-exp .channel-btns .no-subs[data-v-2ddb4b88] {
  color: var(--text_white);
  color: var(--text_white);
  background: var(--brand_blue);
  background: var(--brand_blue);
  border: 1px solid var(--brand_blue);
  border: 1px solid var(--brand_blue);
  transition: 0.3s;
  border-radius: 2px;
  display: -webkit-box;
  overflow: hidden;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 1;
}
.tag-channel-pane-exp .channel-btns .no-subs[data-v-2ddb4b88]:hover {
  background: #00b8f6;
  border: 1px solid #00b8f6;
}
.tag-channel-pane-exp .channel-btns__subs--delete[data-v-2ddb4b88] {
  margin-top: -6px;
  width: 100%;
  border-top: 1px solid var(--line_regular);
  border-top: 1px solid var(--line_regular);
  height: 40px;
  line-height: 40px;
  text-align: right;
  transition: 0.3s;
}
.tag-channel-pane-exp .channel-btns__subs--delete .delete-btn[data-v-2ddb4b88] {
  cursor: pointer;
  display: inline-block;
  width: 36px;
  height: 28px;
  line-height: 28px;
  border-radius: 2px;
  font-size: 12px;
  color: var(--brand_blue);
  color: var(--brand_blue);
  text-align: center;
}
.tag-channel-pane-exp .channel-btns__subs--delete .delete-btn[data-v-2ddb4b88]:hover {
  background: var(--graph_bg_thick);
  background: var(--graph_bg_thick);
}
.tag-channel-pane-exp .delete-pop[data-v-2ddb4b88] {
  top: 60px;
}

.tag-report-popup-exp {
  position: absolute;
  margin-left: -10px;
  margin-top: 5px;
  z-index: 12;
  background: var(--bg1_float);
  background: var(--bg1_float);
  padding: 20px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  text-align: center;
  color: var(--text1);
  color: var(--text1);
}
.tag-report-popup-exp h3 {
  font-size: 14px;
  font-weight: 500;
  color: var(--text1);
  color: var(--text1);
  text-align: left;
}
.tag-report-popup-exp ul {
  padding: 10px 100px 10px 0px;
  cursor: pointer;
  width: 80px;
}
.tag-report-popup-exp ul li {
  line-height: 24px;
  margin: 10px 0;
  text-align: left;
}
.tag-report-popup-exp ul li i {
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  border: 1px solid var(--line_regular);
  border: 1px solid var(--line_regular);
  vertical-align: middle;
  margin-right: 5px;
  position: relative;
}
.tag-report-popup-exp ul li.on i {
  border-color: var(--brand_blue);
  border-color: var(--brand_blue);
}
.tag-report-popup-exp ul li.on i:before {
  content: '';
  position: absolute;
  left: 2px;
  top: 2px;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  background: var(--brand_blue);
  background: var(--brand_blue);
}
.tag-report-popup-exp .btn-close {
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 10px;
  height: 10px;
  background:  -475px -539px;
}
.tag-report-popup-exp .btn-ok {
  cursor: pointer;
  display: inline-block;
  width: 80px;
  height: 24px;
  line-height: 24px;
  background: var(--brand_blue);
  background: var(--brand_blue);
  color: var(--text_white);
  color: var(--text_white);
  border-radius: 2px;
}

.s_tag-v1 {
  padding-bottom: 6px;
  margin: 16px 0 20px 0;
  border-bottom: 1px solid var(--line_regular);
  border-bottom: 1px solid var(--line_regular);
}
.s_tag-v1 .tag-wrap {
  transition: height 0.3s;
}
.s_tag-v1 .tag-wrap .tag-area {
  position: relative;
}
.s_tag-v1 .tag-wrap .tag-area > li {
  float: left;
  margin: 0 12px 8px 0;
  position: relative;
}
.s_tag-v1 .tag-wrap .tag-area > li .tag-link {
  color: var(--text2);
  color: var(--text2);
  z-index: 10;
  height: 28px;
  line-height: 28px;
  display: inline-block;
  font-size: 13px;
  padding: 0 12px;
  box-sizing: border-box;
  background: var(--graph_bg_regular);
  background: var(--graph_bg_regular);
  border-radius: 100px;
  transition: all 0.3s;
}
.s_tag-v1 .tag-wrap .tag-area > li .tag-link > svg {
  width: 16px;
  margin-right: 4px;
  fill: var(--graph_icon);
  fill: var(--graph_icon);
  transform: translatey(0.5px);
  vertical-align: inherit;
}
.s_tag-v1 .tag-wrap .tag-area > li .tag-link.topic-link,
.s_tag-v1 .tag-wrap .tag-area > li .tag-link.bgm-link {
  max-width: 307px;
  display: flex;
  align-items: center;
  fill: #61666d;
  cursor: pointer;
}
.s_tag-v1 .tag-wrap .tag-area > li .tag-link.topic-link .tag-txt,
.s_tag-v1 .tag-wrap .tag-area > li .tag-link.bgm-link .tag-txt {
  margin: 0 6px 0 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.s_tag-v1 .tag-wrap .tag-area > li .tag-link.topic-link .tag-icon,
.s_tag-v1 .tag-wrap .tag-area > li .tag-link.bgm-link .tag-icon {
  width: 15px;
}
.s_tag-v1 .tag-wrap .tag-area > li .tag-link.topic-link:hover,
.s_tag-v1 .tag-wrap .tag-area > li .tag-link.bgm-link:hover {
  color: #00aeec;
  fill: #00aeec;
}
.s_tag-v1 .tag-wrap .tag-more {
  float: left;
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: 50%;
  background: var(--graph_bg_regular);
  background: var(--graph_bg_regular);
  text-align: center;
  cursor: pointer;
  transition: all 0.3s;
  fill: var(--graph_icon);
  fill: var(--graph_icon);
}
.s_tag-v1 .tag-wrap .tag-more.fold {
  transform: rotate(180deg);
}
.s_tag-v1 .tag-wrap .tag-more:hover {
  fill: var(--brand_blue);
  fill: var(--brand_blue);
}
.s_tag-v1 .tag-wrap .nothing {
  float: left;
  color: var(l--text3);
  color: var(l--text3);
  font-size: 12px;
  line-height: 28px;
  margin-right: 10px;
}
.s_tag-v1 .tag-wrap .btn-add {
  float: left;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background: var(--graph_bg_regular);
  background: var(--graph_bg_regular);
  position: relative;
  transition: all 0.3s;
  cursor: pointer;
  margin-top: 3px;
}
.s_tag-v1 .tag-wrap .btn-add span {
  position: absolute;
  background: var(--text2);
  background: var(--text2);
  transition: all 0.3s;
}
.s_tag-v1 .tag-wrap .btn-add .one {
  left: 6px;
  top: 11px;
  width: 12px;
  height: 2px;
}
.s_tag-v1 .tag-wrap .btn-add .two {
  left: 11px;
  top: 6px;
  width: 2px;
  height: 12px;
}
.s_tag-v1 .tag-wrap .btn-add:hover {
  border-color: var(--brand_blue);
  border-color: var(--brand_blue);
}
.s_tag-v1 .tag-wrap .btn-add:hover span {
  background: var(--brand_blue);
  background: var(--brand_blue);
}
.s_tag-v1 .tag-wrap .ipt {
  float: left;
  width: 158px;
  height: 23px;
  border-radius: 23px;
  background: var(----graph_bg_regular);
  background: var(----graph_bg_regular);
  border: 1px solid var(--brand_blue);
  border: 1px solid var(--brand_blue);
  position: relative;
  opacity: 1;
  margin-top: 1px;
}
.s_tag-v1 .tag-wrap .ipt.tag-add-enter-active,
.s_tag-v1 .tag-wrap .ipt.tag-add-leave-active {
  transition: all 0.5s;
}
.s_tag-v1 .tag-wrap .ipt.tag-add-enter,
.s_tag-v1 .tag-wrap .ipt.tag-add-leave-to {
  opacity: 0;
  width: 23px;
}
.s_tag-v1 .tag-wrap .ipt input {
  height: 23px;
  line-height: 23px;
  width: 120px;
  padding: 0 10px;
  font-size: 12px;
  background: transparent;
  border: none;
  outline: none;
}
.s_tag-v1 .tag-wrap .ipt.on {
  opacity: 1;
  width: 158px;
}
.s_tag-v1 .tag-wrap .ipt a {
  position: absolute;
  width: 10px;
  height: 10px;
  background:  -539px -539px no-repeat;
  left: 138px;
  top: 7px;
}
.s_tag-v1 .tag-wrap .ipt .tips {
  margin-top: 5px;
  color: #f00;
}
@media (min-width: 1681px) {
.s_tag-v1 {
    margin-top: 18px;
    padding-bottom: 10px;
}
.s_tag-v1 .tag-wrap .tag-area > li .tag-link {
    height: 32px;
    line-height: 32px;
    font-size: 14px;
}
.s_tag-v1 .tag-wrap .tag-area > li .tag-link.topic-link .tag-icon,
  .s_tag-v1 .tag-wrap .tag-area > li .tag-link.bgm-link .tag-icon {
    width: 17px;
}
.s_tag-v1 .tag-wrap .tag-more {
    width: 32px;
    height: 32px;
    line-height: 32px;
}
.s_tag-v1 .tag-wrap .nothing {
    line-height: 32px;
}
.s_tag-v1 .tag-wrap .btn-add {
    margin-top: 5px;
}
.s_tag-v1 .tag-wrap .ipt {
    margin-top: 3px;
}
}

.up-info-v1 {
  box-sizing: border-box;
  min-height: 58px;
  margin: 0 0 18px 0;
  display: flex;
  align-items: center;
}
.up-info-v1 .u-face {
  width: 48px;
  height: 48px;
  position: relative;
  flex-shrink: 0;
}
.up-info-v1 .u-face .u-face__avatar {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: var(--graph_weak);
  background-color: var(--graph_weak);
}
.up-info-v1 .u-face.has-pendant {
  width: 80px;
  height: 80px;
}
.up-info-v1 .u-face.has-pendant .u-face__avatar {
  position: absolute;
  width: 47px;
  height: 47px;
  top: 18px;
  left: 18px;
}
.up-info-v1 .u-face.is-nft {
  width: 80px;
  height: 80px;
}
.up-info-v1 .u-face.is-nft .u-face__avatar {
  position: absolute;
  width: 55px;
  height: 55px;
  top: 18px;
  left: 18px;
}
.up-info-v1 .u-face.is-nft .u-face__avatar,
.up-info-v1 .u-face.has-pendant .u-face__avatar {
  width: 47px;
  height: 47px;
}
.up-info-v1 .u-face .avatar-loaded {
  background-color: transparent;
}
.up-info-v1 .up-info_right {
  margin-left: 12px;
  flex: 1;
  overflow: auto;
}
.up-info-v1 .up-info_right .name {
  height: 22px;
  line-height: 22px;
  font-size: 15px;
  font-weight: 500;
  color: var(--text1);
  color: var(--text1);
  display: flex;
  align-items: center;
}
.up-info-v1 .up-info_right .name .username {
  color: var(--text1);
  color: var(--text1);
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-right: 12px;
  max-width: calc(100% - 12px - 56px);
}
@media (min-width: 1681px) {
.up-info-v1 .up-info_right .name .username {
    max-width: calc(100% - 12px - 60px);
}
}
.up-info-v1 .up-info_right .name .username .mask {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.15);
}
.up-info-v1 .up-info_right .name .username:hover {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.up-info-v1 .up-info_right .name .username.is_vip:hover,
.up-info-v1 .up-info_right .name .username.small-vip:hover {
  color: #fb7299;
}
.up-info-v1 .up-info_right .name .username.is_vip:hover .mask,
.up-info-v1 .up-info_right .name .username.small-vip:hover .mask {
  display: block;
}
.up-info-v1 .up-info_right .name .live-status {
  display: inline-block;
  text-align: center;
  padding: 0 6px 0 7px;
  height: 16px;
  line-height: 16px;
  border-radius: 9px;
  color: var(--brand_pink);
  color: var(--brand_pink);
  font-size: 12px;
  border: 1px solid var(--brand_pink);
  border: 1px solid var(--brand_pink);
  margin-right: 4px;
  transition: background 0.3s, color 0.3s;
  flex-shrink: 0;
}
.up-info-v1 .up-info_right .name .live-status:hover {
  color: #fff;
  background: #fb7299;
}
.up-info-v1 .up-info_right .name .up-info_right_message {
  color: var(--text2);
  color: var(--text2);
  font-size: 13px;
  transition: color 0.3s;
  flex-shrink: 0;
}
@media (min-width: 1681px) {
.up-info-v1 .up-info_right .name .up-info_right_message {
    font-size: 14px;
}
}
.up-info-v1 .up-info_right .name .up-info_right_message:hover {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.up-info-v1 .up-info_right .name .up-info_right_message:hover i {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.up-info-v1 .up-info_right .name .up-info_right_message i {
  color: var(--text2);
  color: var(--text2);
  transition: color 0.3s;
}
.up-info-v1 .up-info_right .desc {
  margin: 2px 0 10px 0;
  font-size: 13px;
  line-height: 16px;
  height: 16px;
  color: var(--text3);
  color: var(--text3);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 1681px) {
.up-info-v1 .up-info_right .desc {
    font-size: 14px;
}
}
.up-info-v1 .btn-panel {
  clear: both;
  display: flex;
  margin-top: 5px;
  white-space: nowrap;
}
.up-info-v1 .btn-panel .default-btn {
  box-sizing: border-box;
  padding: 0;
  line-height: 30px;
  height: 30px;
  border-radius: 6px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: var(--graph_weak);
  background: var(--graph_weak);
  position: relative;
}
.up-info-v1 .btn-panel .btn-transition {
  transition: 0.3s all;
}
.up-info-v1 .btn-panel .video-commonmenu {
  vertical-align: middle;
}
.up-info-v1 .btn-panel .old-charge-btn {
  margin-right: 12px;
  flex-shrink: 0;
  width: 78px;
}
.up-info-v1 .btn-panel .following-charge-btn {
  background: var(--brand_blue);
  background: var(--brand_blue);
  color: var(--text_white);
  color: var(--text_white);
}
.up-info-v1 .btn-panel .following-charge-btn:hover {
  background: #00b8f6;
}
.up-info-v1 .btn-panel .not-follow-charge-btn {
  border: 1px solid var(--brand_blue);
  border: 1px solid var(--brand_blue);
  background: var(--bg1);
  background: var(--bg1);
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.up-info-v1 .btn-panel .not-follow-charge-btn:hover {
  border-color: #00b8f6;
  color: #00b8f6;
}
.up-info-v1 .btn-panel .new-charge-btn {
  margin-right: 12px;
  flex-shrink: 0;
  width: 109px;
  color: #ff6699;
}
.up-info-v1 .btn-panel .new-charge-btn.charge-btn-loaded {
  background-color: transparent;
  border: 1px solid var(--brand_pink);
  border: 1px solid var(--brand_pink);
}
.up-info-v1 .btn-panel .new-charge-btn.charge-btn-loaded:hover {
  background-color: var(--brand_pink_thin);
  background-color: var(--brand_pink_thin);
}
.up-info-v1 .btn-panel .new-charge-btn .charge-btn-icon {
  width: 20px;
  height: 20px;
  margin-right: 4px;
  display: flex;
}
.up-info-v1 .btn-panel .new-charge-btn .charge-btn-icon img {
  width: 100%;
  height: 100%;
}
.up-info-v1 .btn-panel .follow-btn {
  flex: 1 1 auto;
  max-width: 200px;
}
.up-info-v1 .btn-panel .follow-btn > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
@media (min-width: 1681px) {
.up-info-v1 .btn-panel .charge-btn {
    width: 138px;
}
.up-info-v1 .btn-panel .follow-btn {
    max-width: 230px;
}
}
.up-info-v1 .btn-panel .van-icon-general_pulldown_s {
  margin-left: 4px;
  font-size: 100%;
}
.up-info-v1 .btn-panel .following {
  color: var(--text3);
  color: var(--text3);
  background-color: var(--graph_bg_thick);
  background-color: var(--graph_bg_thick);
}
.up-info-v1 .btn-panel .following:hover {
  background-color: var(--graph_bg_regular);
  background-color: var(--graph_bg_regular);
}
.up-info-v1 .btn-panel .following > span {
  height: 100%;
}
.up-info-v1 .btn-panel .not-follow {
  background: var(--brand_blue);
  background: var(--brand_blue);
  color: var(--text_white);
  color: var(--text_white);
}
.up-info-v1 .btn-panel .not-follow i {
  display: flex;
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.up-info-v1 .btn-panel .not-follow i img {
  width: 100%;
  height: 100%;
}
.up-info-v1 .btn-panel .not-follow:hover {
  background: #00b8f6;
}
.up-info-v1 .btn-panel .has-charge {
  display: inline-flex;
  align-items: center;
}
.up-info-v1 .btn-panel .has-charge svg {
  margin-right: 4px;
}
.up-info-v1 .btn-panel .already-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.up-info-v1 .btn-panel .already-btn svg {
  margin-right: 4px;
}
.up-info-v1.has-pendant .u-face {
  width: 84px;
  height: 84px;
}
.up-info-v1.has-pendant .u-face .fa {
  position: absolute;
  top: 18px;
  left: 18px;
}
.up-info-v1.has-pendant .u-face .bili-avatar-pendent {
  width: 175%;
  height: 175%;
}
.up-info-v1.has-pendant .up-info_right {
  width: calc(100% - 96px);
}
@media (min-width: 1681px) {
.up-info-v1 .up-info_right .name {
    font-size: 16px;
}
}
.up-info-v1-ab {
  margin: 0 0 10px 0;
}
.up-info-v1-ab .u-face {
  align-self: flex-start;
}
.up-info-no-desc {
  height: 80px;
}
.up-info-no-desc .u-face {
  align-self: center;
}
.van-popover.van-followed {
  box-sizing: border-box;
  position: absolute;
  border-radius: 4px;
  min-width: 98px;
  padding: 6px 0px;
  background: var(--bg1_float);
  background: var(--bg1_float);
  border: 1px solid var(--line_light);
  border: 1px solid var(--line_light);
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}
.van-popover.van-followed .follow_dropdown {
  text-align: center;
}
.van-popover.van-followed .follow_dropdown li {
  padding: 0 20px;
  line-height: 40px;
  transition: all 0.3s;
  cursor: pointer;
  color: var(--text1);
  color: var(--text1);
  position: relative;
}
.van-popover.van-followed .follow_dropdown li:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  opacity: 0.1;
}
.van-popover.van-followed .follow_dropdown li:hover {
  background: none;
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.van-popover.van-followed .follow_dropdown li:hover:before {
  background-color: var(--graph_medium);
  background-color: var(--graph_medium);
}

.members-info-v1[data-v-7f5d4a0c] {
  padding-top: 18px;
}
.members-info-v1 .normal-members-header[data-v-7f5d4a0c] {
  height: 44px;
  line-height: 44px;
  border-radius: 6px;
  background-color: var(--bg3);
  background-color: var(--bg3);
  padding: 0 16px;
  font-size: 15px;
  font-weight: 500;
  color: var(--text1);
  color: var(--text1);
}
.members-info-v1 .normal-members-header.can-pointer[data-v-7f5d4a0c] {
  cursor: pointer;
}
.members-info-v1 .normal-members-header .person[data-v-7f5d4a0c] {
  margin-left: 6px;
  font-size: 13px;
  color: var(--text2);
  color: var(--text2);
}
.members-info-v1 .normal-members-header .btn[data-v-7f5d4a0c] {
  display: inline-flex;
  height: 100%;
  align-items: center;
  float: right;
  transform: rotate(180deg);
  transition: transform 0.3s;
}
.members-info-v1 .normal-members-header .btn.unfold[data-v-7f5d4a0c] {
  transform: rotate(0deg);
}
.members-info-v1 .normal-members-container[data-v-7f5d4a0c] {
  padding-top: 12px;
  display: flex;
  flex-wrap: wrap;
  transition: max-height 0.3s ease, background 1s;
  overflow: hidden;
  max-height: 96px;
}
.members-info-v1 .normal-members-container .up-card[data-v-7f5d4a0c] {
  width: 87px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 18px;
  cursor: default;
}
.members-info-v1 .normal-members-container .up-card .avatar[data-v-7f5d4a0c] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--graph_weak);
  background-color: var(--graph_weak);
  box-sizing: border-box;
  border: 1px solid var(--line_light);
  border: 1px solid var(--line_light);
  position: relative;
}
.members-info-v1 .normal-members-container .up-card .avatar img[data-v-7f5d4a0c] {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  cursor: pointer;
}
.members-info-v1 .normal-members-container .up-card .avatar .attention[data-v-7f5d4a0c] {
  position: absolute;
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--brand_blue);
  background: var(--brand_blue);
  line-height: 18px;
  text-align: center;
  bottom: -8px;
  left: 12px;
  font-size: 14px;
  color: var(--text_white);
  color: var(--text_white);
  cursor: pointer;
}
.members-info-v1 .normal-members-container .up-card .upinfo[data-v-7f5d4a0c] {
  margin-top: 8px;
  text-align: center;
  padding: 0 4px;
}
.members-info-v1 .normal-members-container .up-card .upinfo .upname[data-v-7f5d4a0c] {
  line-height: 18px;
  font-size: 13px;
  color: var(--text1);
  color: var(--text1);
  cursor: pointer;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  line-break: anywhere;
}
.members-info-v1 .normal-members-container .up-card .upinfo .upname.is-vip[data-v-7f5d4a0c] {
  color: var(--brand_pink);
  color: var(--brand_pink);
}
.members-info-v1 .normal-members-container .up-card .upinfo .upname.small-vip[data-v-7f5d4a0c] {
  color: #62c076;
}
.members-info-v1 .normal-members-container .up-card .upinfo .tag-sponsor[data-v-7f5d4a0c] {
  color: #d2920a;
}
.members-info-v1 .normal-members-container .up-card .upinfo .info-tag[data-v-7f5d4a0c] {
  color: var(--text3);
  color: var(--text3);
}
.members-info-v1 .wide-members-header[data-v-7f5d4a0c] {
  font-size: 15px;
  font-weight: 500;
  height: 20px;
  line-height: 20px;
  color: var(--text1);
  color: var(--text1);
  margin-bottom: 8px;
  display: inline-flex;
  align-items: center;
}
.members-info-v1 .wide-members-header .person[data-v-7f5d4a0c] {
  font-size: 13px;
  color: var(--text2);
  color: var(--text2);
  margin-left: 6px;
}
.members-info-v1 .wide-members-container[data-v-7f5d4a0c] {
  display: flex;
  align-items: center;
  position: relative;
}
.members-info-v1 .wide-members-container .scroll-panel[data-v-7f5d4a0c] {
  display: flex;
  overflow: hidden;
}
.members-info-v1 .wide-members-container .scroll-panel .scroll-inside[data-v-7f5d4a0c] {
  display: flex;
  transition: 1s;
  transform: translatex(0);
}
.members-info-v1 .wide-members-container .up-card[data-v-7f5d4a0c] {
  width: 87px;
  position: relative;
  text-align: center;
  padding-bottom: 18px;
  cursor: default;
}
.members-info-v1 .wide-members-container .up-card img[data-v-7f5d4a0c] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
}
.members-info-v1 .wide-members-container .up-card .attention[data-v-7f5d4a0c] {
  position: absolute;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  background-color: var(--brand_blue);
  background-color: var(--brand_blue);
  line-height: 18px;
  left: 31px;
  font-size: 14px;
  text-align: center;
  color: var(--text_white);
  color: var(--text_white);
  top: 28px;
  cursor: pointer;
}
.members-info-v1 .wide-members-container .up-card .upname[data-v-7f5d4a0c] {
  line-height: 18px;
  font-size: 13px;
  color: var(--text1);
  color: var(--text1);
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  padding: 0 4px;
}
.members-info-v1 .wide-members-container .up-card .upname.is-vip[data-v-7f5d4a0c] {
  color: var(--brand_pink);
  color: var(--brand_pink);
}
.members-info-v1 .wide-members-container .up-card .upname.small-vip[data-v-7f5d4a0c] {
  color: #62c076;
}
.members-info-v1 .wide-members-container .up-card .tag-sponsor[data-v-7f5d4a0c] {
  color: #d2920a;
}
.members-info-v1 .wide-members-container .up-card .info-tag[data-v-7f5d4a0c] {
  color: var(--text3);
  color: var(--text3);
}
.members-info-v1 .wide-members-container .van-icon-general_back_s[data-v-7f5d4a0c],
.members-info-v1 .wide-members-container .van-icon-general_enter_s[data-v-7f5d4a0c] {
  position: absolute;
  top: 28px;
  background: transparent;
  font-size: 20px;
  color: var(--text2);
  color: var(--text2);
  cursor: pointer;
}
.members-info-v1 .wide-members-container .van-icon-general_back_s[data-v-7f5d4a0c]:hover,
.members-info-v1 .wide-members-container .van-icon-general_enter_s[data-v-7f5d4a0c]:hover {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.members-info-v1 .wide-members-container .van-icon-general_enter_s[data-v-7f5d4a0c] {
  right: 6px;
}
.members-info-v1 .wide-members-container .van-icon-general_back_s[data-v-7f5d4a0c] {
  left: 6px;
  z-index: 1;
}
.members-info-v1 .wide-members-container .general-mask-left[data-v-7f5d4a0c],
.members-info-v1 .wide-members-container .general-mask-right[data-v-7f5d4a0c] {
  height: 100%;
  width: 30%;
  position: absolute;
  top: 0;
  pointer-events: none;
}
.members-info-v1 .wide-members-container .general-mask-left[data-v-7f5d4a0c] {
  left: 0px;
  background: linear-gradient(-270deg, var(--bg1) 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(-270deg, var(--bg1) 0%, rgba(255, 255, 255, 0) 100%);
}
.members-info-v1 .wide-members-container .general-mask-right[data-v-7f5d4a0c] {
  right: 0;
  background: linear-gradient(270deg, var(--bg1) 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(270deg, var(--bg1) 0%, rgba(255, 255, 255, 0) 100%);
}
.members-info-v1 #member-container[data-v-7f5d4a0c]::-webkit-scrollbar-track {
  background: rgba(245, 245, 245, 0);
}
.members-info-v1 #member-container[data-v-7f5d4a0c]::-webkit-scrollbar {
  width: 6px;
  background: rgba(245, 245, 245, 0);
}
.members-info-v1 #member-container[data-v-7f5d4a0c]::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: rgba(0, 0, 0, 0);
}
.members-info-v1 #member-container[data-v-7f5d4a0c]:hover::-webkit-scrollbar-track {
  background: #f5f5f5;
}
.members-info-v1 #member-container[data-v-7f5d4a0c]:hover::-webkit-scrollbar {
  background: #f5f5f5;
}
.members-info-v1 #member-container[data-v-7f5d4a0c]:hover::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.5);
}
@media (min-width: 1681px) {
.members-info-v1 .normal-members-header[data-v-7f5d4a0c],
  .members-info-v1 .wide-members-header[data-v-7f5d4a0c] {
    font-size: 16px;
}
.members-info-v1 .normal-members-header .person[data-v-7f5d4a0c],
  .members-info-v1 .wide-members-header .person[data-v-7f5d4a0c] {
    font-size: 14px;
}
.members-info-v1 .normal-members-container .up-card[data-v-7f5d4a0c],
  .members-info-v1 .wide-members-container .up-card[data-v-7f5d4a0c] {
    width: 82px;
    padding-bottom: 20px;
}
.members-info-v1 .normal-members-container .up-card .upinfo .upname[data-v-7f5d4a0c],
  .members-info-v1 .wide-members-container .up-card .upinfo .upname[data-v-7f5d4a0c] {
    font-size: 14px;
    line-height: 20px;
}
.members-info-v1 .normal-members-container[data-v-7f5d4a0c] {
    max-height: 102px;
}
}

.multi-page-v1 {
  position: relative;
  background: var(--graph_bg_regular);
  background: var(--graph_bg_regular);
  z-index: 1;
  border-radius: 6px;
  margin-bottom: 18px;
}
.multi-page-v1 .head-con {
  display: flex;
  padding: 14px 16px 0;
  align-items: center;
  justify-content: space-between;
}
.multi-page-v1 .head-con .head-left {
  display: flex;
  align-items: center;
}
.multi-page-v1 .head-con .head-left h3 {
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  margin-right: 4px;
  color: var(--text1);
  color: var(--text1);
}
.multi-page-v1 .head-con .head-left .cur-page {
  font-size: 12px;
  color: var(--text3);
  color: var(--text3);
  line-height: 16px;
}
.multi-page-v1 .head-con .head-left .range-box i {
  cursor: pointer;
  line-height: 24px;
  font-size: 16px;
  margin-left: 10px;
  color: #757575;
}
.multi-page-v1 .head-con .head-left .range-box i:hover {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.multi-page-v1 .cur-list {
  padding: 4px 0;
  transition: all 0.3s;
  max-height: 340px;
  overflow: hidden;
}
.multi-page-v1 .cur-list:hover {
  overflow-y: auto;
}
.multi-page-v1 .cur-list .list-box {
  padding: 0 6px;
}
.multi-page-v1 .cur-list .list-box li {
  display: block;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  color: var(--text1);
  color: var(--text1);
  margin: 5px 0;
  transition: all 0.3s;
  border-radius: 2px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  font-size: 13px;
  width: 308px;
  box-sizing: border-box;
}
.multi-page-v1 .cur-list .list-box li:hover {
  color: var(--brand_blue);
  color: var(--brand_blue);
  background: var(--bg1);
  background: var(--bg1);
}
.multi-page-v1 .cur-list .list-box li.watched a {
  color: var(--text3);
  color: var(--text3);
}
.multi-page-v1 .cur-list .list-box li.on {
  background: var(--bg1);
  background: var(--bg1);
  padding: 0 10px 0 6px;
}
.multi-page-v1 .cur-list .list-box li.on > a {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.multi-page-v1 .cur-list .list-box li.on img {
  height: 14px;
  width: 14px;
  font-size: 14px;
  margin-right: 5px;
}
.multi-page-v1 .cur-list .list-box li a {
  color: var(--text1);
  color: var(--text1);
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  line-height: inherit;
}
.multi-page-v1 .cur-list .list-box li .clickitem {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  width: 100%;
}
.multi-page-v1 .cur-list .list-box li .link-content {
  display: flex;
  align-items: center;
  flex-shrink: 1;
  overflow: hidden;
}
.multi-page-v1 .cur-list .list-box li .page-num {
  margin-right: 10px;
}
.multi-page-v1 .cur-list .list-box li .part {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 1;
}
.multi-page-v1 .cur-list .list-box li .duration {
  color: var(--text3);
  color: var(--text3);
  justify-self: flex-end;
}
.multi-page-v1 .cur-list .module-box {
  margin-top: 8px;
  margin-left: 16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.multi-page-v1 .cur-list .module-box li {
  background: var(--bg3);
  background: var(--bg3);
  float: left;
  width: 66px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: var(--text1);
  color: var(--text1);
  border: 1px solid var(--line_regular);
  border: 1px solid var(--line_regular);
  border-radius: 4px;
  margin: 0 7px 8px 0px;
  cursor: pointer;
  transition: all 0.3s;
  font-size: 13px;
  box-sizing: border-box;
}
.multi-page-v1 .cur-list .module-box li:nth-of-type(4n) {
  margin-right: 0px;
}
.multi-page-v1 .cur-list .module-box li a {
  display: inline-block;
  width: 100%;
  color: var(--text1);
  color: var(--text1);
}
.multi-page-v1 .cur-list .module-box li a > span {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.multi-page-v1 .cur-list .module-box li.watched a {
  color: var(--text3);
  color: var(--text3);
}
.multi-page-v1 .cur-list .module-box li:hover {
  color: var(--brand_blue);
  color: var(--brand_blue);
  border-color: var(--brand_blue);
  border-color: var(--brand_blue);
}
.multi-page-v1 .cur-list .module-box li:hover a {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.multi-page-v1 .cur-list .module-box li.on {
  color: var(--text_white);
  color: var(--text_white);
  border-color: var(--brand_blue);
  border-color: var(--brand_blue);
  background: var(--brand_blue);
  background: var(--brand_blue);
}
.multi-page-v1 .cur-list .module-box li.on a {
  color: var(--text_white);
  color: var(--text_white);
}
.multi-page-v1.small-mode .cur-list .list-box li {
  width: 338px;
}
.multi-page-v1.small-mode .cur-list .module-box li {
  width: 75px;
}
@media (min-width: 1681px) {
.multi-page-v1 {
    margin-bottom: 20px;
}
.multi-page-v1 .head-con .head-left h3 {
    font-size: 16px;
}
.multi-page-v1 .cur-list .list-box li,
  .multi-page-v1 .cur-list .module-box li {
    font-size: 14px;
}
.multi-page-v1 .cur-list .list-box li {
    width: 348px;
}
.multi-page-v1 .cur-list .module-box li {
    width: 75px;
}
.multi-page-v1.small-mode .cur-list .list-box li {
    width: 399px;
}
.multi-page-v1.small-mode .cur-list .module-box li {
    width: 70px;
}
.multi-page-v1.small-mode .cur-list .module-box li:nth-of-type(4n) {
    margin-right: 7px;
}
.multi-page-v1.small-mode .cur-list .module-box li:nth-of-type(5n) {
    margin-right: 0px;
}
}
.cur-list::-webkit-scrollbar {
  width: 4px;
}
.cur-list::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #999;
}

.user-card-m-exp {
  font-size: 12px;
  position: absolute;
  z-index: 10099;
  border-radius: 8px;
  width: 366px;
  box-sizing: border-box;
  cursor: default;
  transition: left 0.3s, top 0.3s;
}
.user-card-m-exp a {
  text-decoration: none;
}
.user-card-m-exp p {
  margin: 0;
}
.user-card-m-exp .loading {
  min-height: 230px;
}
.user-card-m-exp .loading .mc1 {
  background: var(--graph_weak);
  background: var(--graph_weak);
  height: 120px;
  border-radius: 8px 8px 0 0;
}
.user-card-m-exp .loading .mc2 {
  padding: 0 0 0 100px;
  position: relative;
}
.user-card-m-exp .loading .mc3 {
  background: var(--graph_weak);
  background: var(--graph_weak);
  height: 24px;
  margin-top: 12px;
}
.user-card-m-exp .loading .mc4 {
  position: absolute;
  width: 80px;
  height: 60px;
  background: var(--graph_weak);
  background: var(--graph_weak);
  top: 0;
  left: 0;
}
.user-card-m-exp .bg {
  width: 100%;
  height: 85px;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.user-card-m-exp .user-info-wrapper {
  position: relative;
  display: flex;
  padding: 0 20px 16px 10px;
}
.user-card-m-exp .user-info-wrapper .face {
  position: relative;
  top: 10px;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  background-color: var(--graph_weak);
  background-color: var(--graph_weak);
  margin-right: 12px;
}
.user-card-m-exp .user-info-wrapper .face img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
.user-card-m-exp .user-info-wrapper .face .auth {
  position: absolute;
  width: 14px;
  height: 14px;
  right: 0;
  top: 34px;
}
.user-card-m-exp .user-info-wrapper .info p {
  margin: 0;
  color: var(--text1);
  color: var(--text1);
}
.user-card-m-exp .user-info-wrapper .info .sign {
  line-height: 17px;
  color: var(--text3);
  color: var(--text3);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  line-break: anywhere;
}
.user-card-m-exp .user-info-wrapper .info .social {
  margin-bottom: 10px;
}
.user-card-m-exp .user-info-wrapper .info .social a {
  color: var(--text1);
  color: var(--text1);
  margin-right: 18px;
}
.user-card-m-exp .user-info-wrapper .info .social .tip_text {
  color: var(--text3);
  color: var(--text3);
  margin-left: 3px;
}
.user-card-m-exp .user-info-wrapper .info .official-wrapper {
  font-size: 12px;
  color: var(--text3);
  color: var(--text3);
  line-height: 17px;
  margin-bottom: 8px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  line-break: anywhere;
}
.user-card-m-exp .user-info-wrapper .info .official-wrapper .official-icon {
  width: 14px;
  height: 14px;
  margin-right: 2px;
  vertical-align: sub;
}
.user-card-m-exp .user-info-wrapper .info .user {
  margin-top: 12px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.user-card-m-exp .user-info-wrapper .info .user .name {
  color: var(--text1);
  color: var(--text1);
  max-width: 158px;
  margin-right: 4px;
  font-size: 16px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-card-m-exp .user-info-wrapper .info .user .user-sex {
  margin-right: 5px;
}
.user-card-m-exp .user-info-wrapper .info .user .user-label {
  display: inline-block;
  box-sizing: border-box;
  max-width: 58px;
  height: 16px;
  color: var(--text_white);
  color: var(--text_white);
  background: var(--brand_pink);
  background: var(--brand_pink);
  border-radius: 2px;
  line-height: 16px;
  font-size: 12px;
  margin-left: 5px;
  overflow: hidden;
  white-space: nowrap;
}
.user-card-m-exp .user-info-wrapper .info .user .user-label .label-size {
  display: flex;
  justify-content: center;
  align-items: center;
  transform-origin: center;
  transform: scale(0.83);
}
.user-card-m-exp .user-info-wrapper .info .level {
  display: inline-block;
  width: 25px;
  height: 14px;
}
.user-card-m-exp .user-info-wrapper .info .level.senior {
  width: 35px;
  height: 14px;
}
.user-card-m-exp .user-info-wrapper .info .level svg {
  width: 100%;
  height: 100%;
}
.user-card-m-exp .user-info-wrapper .info .btn-box {
  display: flex;
  margin-top: 16px;
}
.user-card-m-exp .user-info-wrapper .info .btn-box a {
  box-sizing: border-box;
  cursor: pointer;
  text-decoration: none;
  width: 100px;
  height: 30px;
  line-height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  border-radius: 4px;
  transition: all 0.3s;
  font-size: 14px;
}
.user-card-m-exp .user-info-wrapper .info .btn-box a .plus {
  color: var(--text_white);
  color: var(--text_white);
  margin-right: 4px;
  font-size: 16px;
}
.user-card-m-exp .user-info-wrapper .info .btn-box .like {
  color: var(--text_white);
  color: var(--text_white);
  border-color: var(--brand_blue);
  border-color: var(--brand_blue);
  background-color: var(--brand_blue);
  background-color: var(--brand_blue);
}
.user-card-m-exp .user-info-wrapper .info .btn-box .like:hover {
  border-color: #00b8f6;
  background-color: #00b8f6;
}
.user-card-m-exp .user-info-wrapper .info .btn-box .liked {
  background-color: var(--graph_bg_thick);
  background-color: var(--graph_bg_thick);
  color: var(--text3);
  color: var(--text3);
}
.user-card-m-exp .user-info-wrapper .info .btn-box .liked:hover {
  background-color: var(--graph_bg_regular);
  background-color: var(--graph_bg_regular);
}
.user-card-m-exp .user-info-wrapper .info .btn-box .message {
  border: 1px solid var(--text3);
  border: 1px solid var(--text3);
  color: var(--text2);
  color: var(--text2);
  background-color: transparent;
}
.user-card-m-exp .user-info-wrapper .info .btn-box .message:hover {
  color: var(--brand_blue);
  color: var(--brand_blue);
  border-color: var(--brand_blue);
  border-color: var(--brand_blue);
}
.user-card-m-exp .vip-red-name {
  color: #fb7299 !important;
}
.user-card-m-exp .layout {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1;
  outline: none;
}
.user-card-m-exp.top-transform {
  transform: translatey(-100%);
}
.card-loaded {
  cursor: default;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
  background: var(--bg1_float);
  background: var(--bg1_float);
  border: 0.5px solid var(--line_light);
  border: 0.5px solid var(--line_light);
}

.float-nav-exp {
  position: fixed;
  right: 6px;
  bottom: 50px;
  z-index: 6;
}
.float-nav-exp .nav-menu .item {
  border: 1px solid var(--line_light);
  border: 1px solid var(--line_light);
  box-sizing: border-box;
  border-radius: 6px;
  width: 40px;
  margin-bottom: 12px;
  transition: all 0.3s;
  cursor: pointer;
  color: var(--text1);
  color: var(--text1);
  fill: var(--text1);
  fill: var(--text1);
  text-align: center;
  padding: 8px 0 4px 0;
  background-color: var(--bg1_float);
  background-color: var(--bg1_float);
}
.float-nav-exp .nav-menu .item.issue,
.float-nav-exp .nav-menu .item.goback {
  padding: 8px 4px 4px;
  line-height: 14px;
}
.float-nav-exp .nav-menu .item.mini.on {
  color: var(--brand_blue);
  color: var(--brand_blue);
  fill: var(--brand_blue);
  fill: var(--brand_blue);
}
.float-nav-exp .nav-menu .item.mini.on:hover {
  color: #fff;
  fill: #fff;
}
.float-nav-exp .nav-menu .item-icon {
  width: 24px;
  height: 24px;
  margin: 0 auto 2px;
}
.float-nav-exp .nav-menu .item-text {
  line-height: 14px;
}
.float-nav-exp .nav-menu .item:hover {
  background-color: var(--brand_blue);
  background-color: var(--brand_blue);
  color: #fff;
  fill: #fff;
}
.float-nav-exp .nav-menu .item.backup {
  padding: 8px 0;
  margin-bottom: 0;
}
.float-nav-exp .nav-menu .item.backup .item-icon {
  height: 8px;
}
.float-nav-exp .nav-menu .item.backold {
  padding: 8px 0;
  margin-top: 10px;
}

.collection-m-exp {
  width: 420px;
  border-radius: 4px;
  background: var(--bg1_float);
  background: var(--bg1_float);
  overflow: hidden;
}
.collection-m-exp .title {
  position: relative;
  padding: 0 20px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: var(--text1);
  color: var(--text1);
  border-bottom: var(--line_regular);
  border-bottom: var(--line_regular);
  text-align: center;
}
.collection-m-exp .title .close {
  position: absolute;
  right: 20px;
  line-height: 50px;
  width: 12px;
  height: 50px;
  background:  no-repeat center;
  cursor: pointer;
}
.collection-m-exp .content {
  padding: 0 36px;
  height: 300px;
  overflow: auto;
}
.collection-m-exp .content .info {
  font-size: 12px;
  color: var(--text3);
  color: var(--text3);
  margin: 14px 0;
}
.collection-m-exp .content .info .uname {
  color: var(--text2);
  color: var(--text2);
}
.collection-m-exp .content .group-list {
  max-height: 300px;
  padding-bottom: 14px;
}
.collection-m-exp .content .group-list ul {
  position: relative;
  margin-top: 24px;
  min-height: 210px;
}
.collection-m-exp .content .group-list ul .collection-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: var(--bg1_float);
  background: var(--bg1_float);
}
.collection-m-exp .content .group-list li {
  padding-bottom: 24px;
  font-size: 14px;
  color: var(--text1);
  color: var(--text1);
  cursor: pointer;
}
.collection-m-exp .content .group-list li label {
  cursor: pointer;
  display: block;
}
.collection-m-exp .content .group-list li label .personal {
  color: var(--text3);
  color: var(--text3);
}
.collection-m-exp .content .group-list li label.disable {
  color: var(--text3);
  color: var(--text3);
}
.collection-m-exp .content .group-list li label.disable:hover {
  color: var(--text3);
  color: var(--text3);
}
.collection-m-exp .content .group-list li label.disable input[type='checkbox']   i {
  background: ;
}
.collection-m-exp .content .group-list li label.disable input[type='checkbox']:hover   i {
  background: ;
}
.collection-m-exp .content .group-list li label .count {
  float: right;
  color: var(--text2);
  color: var(--text2);
  font-size: 12px;
}
.collection-m-exp .content .group-list li input[type='checkbox'] {
  font-size: 18px;
  width: 0;
  height: 0;
  cursor: pointer;
  vertical-align: middle;
  display: none;
}
.collection-m-exp .content .group-list li input[type='checkbox']   i {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 18px;
  vertical-align: middle;
  background: ;
}
.collection-m-exp .content .group-list li input[type='checkbox']:hover   i {
  background: ;
}
.collection-m-exp .content .group-list li input[type='checkbox']:checked   i {
  background: ;
}
.collection-m-exp .content .group-list li input[type='checkbox']:checked:hover   i {
  background: ;
}
.collection-m-exp .content .group-list li .fav-title {
  max-width: 220px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.collection-m-exp .content .group-list li:hover {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.collection-m-exp .content .group-list .add-group {
  margin-bottom: 5px;
  width: 348px;
}
.collection-m-exp .content .group-list .add-group .add-btn {
  height: 34px;
  line-height: 34px;
  padding: 0 34px;
  border: 1px solid var(--text3);
  border: 1px solid var(--text3);
  border-radius: 4px;
  background:  no-repeat 10px center;
  font-size: 12px;
  color: var(--text2);
  color: var(--text2);
  cursor: pointer;
}
.collection-m-exp .content .group-list .add-group .add-btn:hover {
  border: 1px solid var(--brand_blue);
  border: 1px solid var(--brand_blue);
}
.collection-m-exp .content .group-list .add-group .fav-add-tip {
  display: inline-flex;
  align-items: center;
  line-height: 40px;
  height: 40px;
  position: absolute;
  top: -52px;
  padding: 0 10px;
  border-radius: 4px;
  color: var(--text_white);
  color: var(--text_white);
  background: var(--brand_blue);
  background: var(--brand_blue);
}
.collection-m-exp .content .group-list .add-group .fav-add-tip .icon-close {
  display: inline-flex;
  margin-left: 10px;
  color: var(--text_white);
  color: var(--text_white);
}
.collection-m-exp .content .group-list .add-group .fav-add-tip::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 60px;
  border-style: solid;
  border-width: 6px 7px 0 7px;
  border-color: var(--brand_blue) transparent transparent transparent;
  border-color: var(--brand_blue) transparent transparent transparent;
}
.collection-m-exp .content .group-list .add-group .input-group {
  height: 34px;
  line-height: 34px;
  border: 1px solid var(--brand_blue);
  border: 1px solid var(--brand_blue);
  border-radius: 4px;
  position: relative;
}
.collection-m-exp .content .group-list .add-group .input-group input {
  border: none;
  font-size: 12px;
  width: 200px;
  margin-left: 10px;
  padding: 0;
  box-shadow: none;
  height: 100%;
  background: transparent;
  color: var(--text1);
  color: var(--text1);
  outline: none;
}
.collection-m-exp .content .group-list .add-group .input-group .submit {
  float: right;
  height: 34px;
  width: 90px;
  background: #d9f1f9;
  border: none;
  border-left: 1px solid var(--brand_blue);
  border-left: 1px solid var(--brand_blue);
  border-radius: 0 4px 4px 0;
  font-size: 14px;
  color: var(--brand_blue);
  color: var(--brand_blue);
  cursor: pointer;
}
.collection-m-exp .content::-webkit-scrollbar {
  width: 6px;
}
.collection-m-exp .content::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: #999999;
}
.collection-m-exp .bottom {
  height: 76px;
  text-align: center;
  margin: 0 36px;
  border-top: 1px solid var(--line_regular);
  border-top: 1px solid var(--line_regular);
}
.collection-m-exp .bottom .btn {
  font-size: 14px;
  width: 160px;
  height: 40px;
  margin-top: 18px;
  background: var(--brand_blue);
  background: var(--brand_blue);
  border: none;
  border-radius: 4px;
  color: var(--text_white);
  color: var(--text_white);
  cursor: pointer;
}
.collection-m-exp .bottom .btn:hover {
  background: #00b8f6;
}
.collection-m-exp .bottom .btn.disable {
  background-color: var(--graph_bg_thick);
  background-color: var(--graph_bg_thick);
  color: var(--text3);
  color: var(--text3);
}
.collection-m-exp .layout {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1;
  outline: none;
}

.coin-operated-m-exp {
  width: 430px;
  background: var(--bg1_float);
  background: var(--bg1_float);
  border-radius: 4px;
  overflow: hidden;
}
.coin-operated-m-exp .close {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 16px;
  top: 16px;
  cursor: pointer;
  background:  no-repeat center;
}
.coin-operated-m-exp .coin-title {
  font-size: 16px;
  margin-top: 20px;
  color: var(--text1);
  color: var(--text1);
  text-align: center;
}
.coin-operated-m-exp .coin-title span {
  font-size: 30px;
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.coin-operated-m-exp .mc {
  text-align: center;
}
.coin-operated-m-exp .mc-box {
  overflow: hidden;
  position: relative;
  display: inline-block;
  margin-right: 30px;
  margin-top: 35px;
  width: 160px;
  height: 230px;
  border: 2px dashed #ccd0d6;
  border-radius: 5px;
  background-repeat: no-repeat;
  background-position: center;
}
.coin-operated-m-exp .mc-box.left-con {
  margin-left: 35px;
  background-image: url(/uploads/image/ibsjvasserts/22-coin.png);
  background-size: 120px;
}
.coin-operated-m-exp .mc-box.right-con {
  background-image: url(/uploads/image/ibsjvasserts/33-coin.png);
  background-size: 120px;
}
.coin-operated-m-exp .mc-box .c-num {
  color: var(--text3);
  color: var(--text3);
  text-align: left;
  font-size: 14px;
  line-height: 40px;
  position: absolute;
  left: 15px;
  top: 0px;
}
.coin-operated-m-exp .mc-box .coin-run-box {
  width: 120px;
  height: 206px;
  overflow: hidden;
  margin: 0 auto;
}
.coin-operated-m-exp .mc-box .coin-run {
  opacity: 0;
  height: 193px;
  margin-top: 19px;
}
.coin-operated-m-exp .mc-box:hover {
  border-color: #02a0d8;
}
.coin-operated-m-exp .mc-box.on {
  border-style: solid;
  border-color: #02a0d8;
  background: transparent;
}
.coin-operated-m-exp .mc-box.on .c-num {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.coin-operated-m-exp .mc-box.on .coin-run {
  opacity: 1;
  animation: coin-run-animation 2s steps(23) infinite;
}
.coin-operated-m-exp .like-checkbox {
  margin: 12px 0 0 37px;
  font-size: 12px;
  color: var(--text1);
  color: var(--text1);
  line-height: 16px;
}
.coin-operated-m-exp .like-checkbox input[type='checkbox'] {
  font-size: 18px;
  width: 0;
  height: 0;
  cursor: pointer;
  display: none;
}
.coin-operated-m-exp .like-checkbox input[type='checkbox']   i {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: bottom;
  background: ;
}
.coin-operated-m-exp .like-checkbox input[type='checkbox']:checked   i {
  background: url(/uploads/image/ibsjvasserts/checkbox_selected.svg);
}
.coin-operated-m-exp .coin-bottom {
  text-align: center;
  padding: 25px 0;
}
.coin-operated-m-exp .coin-bottom .b-btn {
  width: 92px;
  height: 22px;
  line-height: 22px;
}
.coin-operated-m-exp .coin-bottom .tips {
  font-size: 12px;
  color: var(--text3);
  color: var(--text3);
  margin-top: 10px;
}
.coin-operated-m-exp .coin-bottom .bi-btn {
  display: inline-block;
  background: var(--brand_blue);
  background: var(--brand_blue);
  color: var(--text_white);
  color: var(--text_white);
  font-size: 14px;
  padding: 4px 18px;
  border-radius: 4px;
  transition: all 0.3s;
  user-select: none;
  border: 1px solid var(--brand_blue);
  border: 1px solid var(--brand_blue);
  text-align: center;
  cursor: pointer;
}
.coin-operated-m-exp .coin-bottom .bi-btn:hover {
  color: var(--text_white);
  color: var(--text_white);
  background: #00b8f6;
  border-color: #00b8f6;
}
.coin-operated-m-exp .coin-bottom .bi-btn:active {
  background: #01769c;
  border-color: #01769c;
}
@keyframes coin-run-animation {
0% {
    transform: translate3d(0px, 0, 0);
}
100% {
    transform: translate3d(-2767px, 0, 0);
}
}

.app-watch-exp {
  border: 1px solid var(--line_light);
  border: 1px solid var(--line_light);
  color: var(--text1);
  color: var(--text1);
  background: var(--bg1_float);
  background: var(--bg1_float);
  width: 420px;
  border-radius: 2px;
  z-index: 20;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14);
}
.app-watch-exp .title {
  position: relative;
  padding: 0 20px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: var(--text1);
  color: var(--text1);
  border-bottom: 1px solid var(--line_regular);
  border-bottom: 1px solid var(--line_regular);
  text-align: center;
}
.app-watch-exp .title .close {
  position: absolute;
  right: 20px;
  line-height: 50px;
  width: 12px;
  background:  no-repeat center;
  cursor: pointer;
}
.app-watch-exp .app-look {
  padding: 30px 20px;
}
.app-watch-exp .app-look .i-t {
  display: flex;
}
.app-watch-exp .app-look .i-t .qrcode {
  width: 100px;
  height: 100px;
  flex: none;
  background: #eee;
}
.app-watch-exp .app-look .i-t .v-title {
  font-size: 14px;
  margin-left: 15px;
  line-height: 22px;
  white-space: normal;
}
.app-watch-exp .app-look .foot-txt {
  text-align: center;
  line-height: 20px;
  margin-top: 20px;
  font-size: 14px;
}
.app-watch-exp .app-look .foot-txt a {
  color: var(--brand_blue);
  color: var(--brand_blue);
}

.q1080p-exp {
  position: relative;
  width: 400px;
  height: 348px;
  border-radius: 4px;
  background-color: var(--bg1_float);
  background-color: var(--bg1_float);
  padding-top: 36px;
}
.q1080p-exp .close {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 16px;
  right: 16px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: -470px -534px;
}
.q1080p-exp .close:hover {
  background-position: -534px -534px;
}
.q1080p-exp .title {
  text-align: center;
  font-size: 20px;
  height: 26px;
  color: var(--text1);
  color: var(--text1);
  line-height: 1;
}
.q1080p-exp .sub-title {
  margin-top: 8px;
  color: var(--text2);
  color: var(--text2);
  font-size: 12px;
  line-height: 1.3;
  text-align: center;
}
.q1080p-exp .pic {
  margin: 20px auto;
  width: 180px;
  height: 180px;
  overflow: hidden;
}
.q1080p-exp .btns {
  text-align: center;
  font-size: 14px;
}
.q1080p-exp .btns .btn-getvip {
  display: inline-block;
  vertical-align: top;
  width: 124px;
  height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  background-color: #ffb000;
  color: var(--text_white);
  color: var(--text_white);
  line-height: 40px;
  border-radius: 4px;
  margin: 0 10px;
}

.follow-dialog-wrap-exp {
  width: 420px;
  border-radius: 4px;
  background: var(--bg1_float);
  background: var(--bg1_float);
  overflow: hidden;
}
.follow-dialog-wrap-exp .follow-dialog-window {
  position: absolute;
  top: 50%;
  transform: translatey(-50%);
  width: 420px;
  background: var(--bg1_float);
  background: var(--bg1_float);
  left: 50%;
  margin-left: -210px;
  border-radius: 4px;
}
.follow-dialog-wrap-exp .follow-dialog-window .title {
  position: relative;
  padding: 0 20px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: var(--text1);
  color: var(--text1);
  border-bottom: 1px solid var(--line_regular);
  border-bottom: 1px solid var(--line_regular);
  text-align: center;
}
.follow-dialog-wrap-exp .follow-dialog-window .title .close {
  position: absolute;
  right: 20px;
  line-height: 50px;
  width: 12px;
  height: 50px;
  background:  no-repeat center;
  cursor: pointer;
}
.follow-dialog-wrap-exp .follow-dialog-window .content {
  padding: 0 36px;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .info {
  font-size: 12px;
  color: var(--text3);
  color: var(--text3);
  margin: 14px 0;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .info .uname {
  color: var(--text2);
  color: var(--text2);
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list {
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list ul {
  position: relative;
  min-height: 185px;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list ul .follow-group-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: var(--bg1_float);
  background: var(--bg1_float);
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li {
  padding-bottom: 24px;
  font-size: 14px;
  color: var(--text1);
  color: var(--text1);
  cursor: pointer;
  list-style-type: none;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li.special-group {
  padding-bottom: 16px;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li label {
  cursor: pointer;
  display: block;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li label.disable {
  color: var(--text3);
  color: var(--text3);
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li label.disable:hover {
  color: var(--text3);
  color: var(--text3);
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li label.disable input[type='checkbox']   i {
  background: ;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li label.disable input[type='checkbox']:hover   i {
  background: ;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li .special-tip {
  padding-left: 40px;
  font-size: 12px;
  color: var(--text3);
  color: var(--text3);
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li input[type='checkbox'] {
  font-size: 18px;
  width: 0;
  height: 0;
  cursor: pointer;
  vertical-align: middle;
  display: none;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li input[type='checkbox']   i {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 18px;
  vertical-align: middle;
  background: ;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li input[type='checkbox']:hover   i {
  background: ;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li input[type='checkbox']:checked   i {
  background: ;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li input[type='checkbox']:checked:hover   i {
  background: ;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li:last-child {
  padding-bottom: 0;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li:hover {
  color: var(--brand_blue);
  color: var(--brand_blue);
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li:hover .special-tip {
  color: var(--text2);
  color: var(--text2);
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list .errmsg {
  color: var(--brand_pink);
  color: var(--brand_pink);
  margin: 5px 0 10px 0;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list .add-group {
  position: relative;
  margin-top: 20px;
  margin-bottom: 10px;
  width: 100%;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list .add-group .add-btn {
  height: 34px;
  line-height: 34px;
  padding: 0 34px;
  border: 1px solid var(--text3);
  border: 1px solid var(--text3);
  border-radius: 4px;
  background:  no-repeat 10px center;
  font-size: 12px;
  color: var(--text2);
  color: var(--text2);
  cursor: pointer;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list .add-group .add-btn:hover {
  border: 1px solid var(--brand_blue);
  border: 1px solid var(--brand_blue);
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list .add-group .input-group {
  height: 34px;
  line-height: 34px;
  border: 1px solid var(--brand_blue);
  border: 1px solid var(--brand_blue);
  border-radius: 4px;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list .add-group .input-group input {
  border: none;
  font-size: 12px;
  width: 200px;
  margin-left: 10px;
  padding: 0;
  box-shadow: none;
  height: 100%;
  outline: none;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list .add-group .input-group .limit {
  float: right;
  margin-right: 10px;
  color: var(--text3);
  color: var(--text3);
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list .add-group .input-group .submitgroup {
  float: right;
  height: 34px;
  width: 90px;
  background: #d9f1f9;
  border: none;
  border-left: 1px solid var(--brand_blue);
  border-left: 1px solid var(--brand_blue);
  border-radius: 0 4px 4px 0;
  font-size: 14px;
  color: var(--brand_blue);
  color: var(--brand_blue);
  cursor: pointer;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list .empty-tip {
  font-size: 12px;
  color: var(--text2);
  color: var(--text2);
  margin-top: 15px;
  display: none;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list::-webkit-scrollbar {
  width: 6px;
}
.follow-dialog-wrap-exp .follow-dialog-window .content .group-list::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: #999999;
}
.follow-dialog-wrap-exp .follow-dialog-window .bottom {
  height: 76px;
  text-align: center;
  margin: 0 36px;
  border-top: 1px solid var(--line_regular);
  border-top: 1px solid var(--line_regular);
}
.follow-dialog-wrap-exp .follow-dialog-window .bottom .btn {
  font-size: 14px;
  width: 160px;
  height: 40px;
  margin-top: 18px;
  background: var(--brand_blue);
  background: var(--brand_blue);
  border: none;
  border-radius: 4px;
  color: var(--text_white);
  color: var(--text_white);
  cursor: pointer;
}
.follow-dialog-wrap-exp .follow-dialog-window .bottom .btn:hover {
  background: var(--brand_blue);
  background: var(--brand_blue);
}
.follow-dialog-wrap-exp .follow-dialog-window .bottom .btn:disabled {
  background-color: var(--graph_bg_thick);
  background-color: var(--graph_bg_thick);
  color: var(--text3);
  color: var(--text3);
  transition: all 0.2s;
}
.follow-dialog-wrap-exp .follow-dialog-window .layout {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1;
  outline: none;
}

.charge-plus-wrap {
  overflow: hidden;
  background-color: #ffffff;
  border-radius: 8px;
  border: 1px solid #d8d8d8;
}
.charge-plus-wrap .charge-plus {
  width: 300px;
  height: 412px;
  background: url(/uploads/image/ibsjvasserts/chargeplus-bg.png) no-repeat center / 300px 412px;
  padding: 17px;
  box-sizing: border-box;
}
.charge-plus-wrap .charge-plus .head {
  display: flex;
  justify-content: flex-end;
}
.charge-plus-wrap .charge-plus .head .close {
  display: inline-flex;
  width: 14px;
  height: 14px;
  cursor: pointer;
}
.charge-plus-wrap .charge-plus .head .close svg {
  width: 14px;
  height: 14px;
}
.charge-plus-wrap .charge-plus .main {
  margin-top: 37px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.charge-plus-wrap .charge-plus .main .title {
  font-size: 17px;
}
.charge-plus-wrap .charge-plus .main .qrcode {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: 173px;
  height: 173px;
  border: 1px solid #d8d8d8;
  border-radius: 8px;
  margin-top: 18px;
  margin: 18px 0 13px;
}
.charge-plus-wrap .charge-plus .main .qrcode .van-qrcode {
  width: 158px;
  height: 158px;
}

.appeal-box {
  background: var(--bg1);
  background: var(--bg1);
  border-radius: 10px;
  overflow: hidden;
  width: 600px;
  height: 560px;
}

.pr-chat-room {
  position: relative;
  height: 100%;
  width: 350px;
  min-height: 400px;
  border-radius: 14px;
  margin-bottom: 24px;
}
.pr-chat-room .chat-container {
  height: calc(100% - 46px);
  box-sizing: border-box;
  border-radius: 0 0 4px 4px;
  border: 1px solid var(--line_regular);
  border: 1px solid var(--line_regular);
  border-top: none;
}
.player-full-class #playerwrap {
  position: fixed;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  z-index: 99999;
}
.player-full-class #playerwrap #bilibili-player {
  height: 100vh;
  width: 100vw;
}
.has-chat-app .player-full-class #playerwrap {
  width: calc(100vw - 350px) !important;
}
.has-chat-app .player-full-class #playerwrap #bilibili-player {
  width: calc(100vw - 350px) !important;
}
.player-full-chat {
  background: #11111d;
  position: fixed;
  height: 100vh !important;
  top: 0;
  right: 0;
  z-index: 100;
  border-radius: 0;
}
.player-full-chat .chat-container {
  border-radius: 0px;
  border: 1px solid transparent;
}
@media (min-width: 1681px) {
.pr-chat-room {
    width: 412px;
}
.has-chat-app .player-full-class #playerwrap #bilibili-player {
    width: calc(100vw - 412px) !important;
}
}

#app[data-v-14c6d8ce] {
  background-color: var(--bg1);
  background-color: var(--bg1);
  max-width: 2560px;
  min-width: 1080px;
  margin: 0 auto;
}
.video-container-v1[data-v-14c6d8ce] {
  max-width: 2540px;
  min-width: 1080px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  box-sizing: content-box;
}
.video-container-v1 .right-container[data-v-14c6d8ce] {
  width: 320px;
  flex: none;
  margin-left: 30px;
  padding-bottom: 20px;
}
.video-container-v1 .right-container.small-mode[data-v-14c6d8ce] {
  width: 350px;
}
.video-container-v1 .right-container.small-mode #right-bottom-banner[data-v-14c6d8ce] {
  height: 175px;
}
.video-container-v1 #comment[data-v-14c6d8ce] {
  margin-top: 24px;
  z-index: 0;
  position: relative;
}
.video-container-v1 #live_recommand_report[data-v-14c6d8ce] {
  padding-left: 0;
}
.video-container-v1 #bannerad[data-v-14c6d8ce] {
  max-height: 106px;
  border-radius: 6px;
  margin: 24px 0;
}
.video-container-v1 #bannerad img[data-v-14c6d8ce] {
  border-radius: 6px;
}
.video-container-v1 #right-bottom-banner[data-v-14c6d8ce] {
  margin-top: 18px;
  border-radius: 6px;
  width: 100%;
  height: 160px;
  overflow: hidden;
}
.video-container-v1 #right-bottom-banner span[data-v-14c6d8ce] {
  position: absolute;
  bottom: 3px;
  font-size: 15px;
  font-weight: 500;
  left: 10px;
  color: var(--text_white);
  color: var(--text_white);
  text-shadow: 1px 1px 3px #000;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  line-break: anywhere;
}
@media (min-width: 1681px) {
.video-container-v1 .right-container[data-v-14c6d8ce] {
    width: 360px;
}
.video-container-v1 .right-container.small-mode[data-v-14c6d8ce] {
    width: 411px;
}
.video-container-v1 .right-container.small-mode #right-bottom-banner[data-v-14c6d8ce] {
    height: 205px;
}
.video-container-v1 .right-container.small-mode #right-bottom-banner span[data-v-14c6d8ce] {
    font-size: 16px;
}
.video-container-v1 #right-bottom-banner[data-v-14c6d8ce] {
    margin-top: 20px;
    height: 180px;
}
.video-container-v1 #right-bottom-banner span[data-v-14c6d8ce] {
    font-size: 18px;
    line-height: 24px;
}
}
.full-premiere-container[data-v-14c6d8ce] {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1111;
}
body.player-mode-blackmask #heimu[data-v-14c6d8ce] {
  z-index: 1002;
}
#comment .bb-comment .no-login .baffle[data-v-14c6d8ce] {
  z-index: 10;
}

#app p[title^="「"],
#app p[title^="『"],
#app p[title^="【"],
#app h1[title^="「"],
#app h1[title^="『"],
#app h1[title^="【"],
#app h3[title^="「"],
#app h3[title^="『"],
#app h3[title^="【"] {
  text-indent: -0.6em;
}
.mac #app p[title^="～"],
.mac #app h3[title^="～"] {
  text-indent: -0.1em;
}
.mac #app p[title^="《"],
.mac #app h3[title^="《"] {
  text-indent: -0.4em;
}
.mac #app .roll-btn {
  transform: translatez(0);
}
.win #app p[title^="“"],
.win #app h3[title^="“"] {
  text-indent: -0.1em;
}
.win #app p[title^="～"],
.win #app h3[title^="～"] {
  text-indent: -0.25em;
}
.win #app p[title^="《"],
.win #app h3[title^="《"] {
  text-indent: -0.5em;
}
.webscreen-fix {
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
#bilibili-player.mode-webscreen {
  position: fixed;
  border-radius: 0;
  z-index: 100000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.bili-msg {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 14px;
  font-style: normal;
  margin-top: 10px;
  transition: all 0.3s;
  opacity: 0;
  z-index: 20101;
}
.bili-msg.show {
  margin-top: 0;
  opacity: 1;
}
.bili-msg.error {
  background-color: rgba(228, 12, 12, 0.8);
}
.bili-msg .layout {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1;
  outline: none;
}

.b-img{background-color:#f1f2f3;position:relative}.b-img.sleepy .b-img__inner{opacity:0}.b-img.sleepy:after{background-image:;background-position:50%;background-repeat:no-repeat;background-size:34px 33px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}
.v-recommend-inline-player{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:inherit;overflow:hidden;opacity:0;transition:opacity .2s linear}.v-recommend-inline-player.visible{opacity:1}
@font-face{font-family:"monospaced number";src:local("tahoma");unicode-range:u 30-39}@font-face{font-family:chinese quote;src:local("pingfang sc"),local("simsun");unicode-range:u 2018,u 2019,u 201c,u 201d}body,html{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,blinkmacsystemfont,helvetica neue,helvetica,arial,pingfang sc,hiragino sans gb,microsoft yahei,sans-serif;font-size:12px;line-height:1.5;color:#222;background-color:#fff}[tabindex="-1"]:focus{outline:none!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;color:rgba(0,0,0,.85);font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=number],input[type=password],input[type=text],textarea{-webkit-appearance:none}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#222;background-color:transparent;text-decoration:none;outline:none;cursor:pointer;transition:color .3s;-webkit-text-decoration-skip:objects}a:active,a:hover{color:#00a1d6}a:active,a:hover{outline:0;text-decoration:none}a[disabled]{color:rgba(0,0,0,.25);cursor:not-allowed;pointer-events:none}code,kbd,pre,samp{font-family:consolas,menlo,courier,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1em}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;color:rgba(0,0,0,.45);text-align:left;caption-side:bottom}th{text-align:inherit}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5em;font-size:1.5em;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}ol,ul{list-style:none}article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0}[hidden]{display:none!important}::-moz-selection{background:#1890ff;color:#fff}::selection{background:#1890ff;color:#fff}.clearfix{zoom:1}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both;visibility:hidden;font-size:0;height:0}.is-vip{color:#fb7299!important}@font-face{font-family:vanfont;src:url(/uploads/image/sbsjvasserts/iconfont.ae48418.eot);src: format("woff"),url(/uploads/image/sbsjvasserts/iconfont.6401a86.ttf) format("truetype"),url(/uploads/image/sbsjvasserts/iconfont.5899803.svg) format("svg")}.vanfont{display:inline-block;font-style:normal;vertical-align:baseline;text-align:center;text-transform:none;line-height:1;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.vanfont:before{display:block;font-family:vanfont!important}[class^=van-icon-]{display:inline-block;font-style:normal;vertical-align:baseline;text-align:center;text-transform:none;line-height:1;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[class^=van-icon-]:before{display:block;font-family:vanfont!important}.van-icon-rotate:before{display:inline-block;animation:loadingcircle 1s linear infinite}.van-icon-error:before{content:"\e62b"}.van-icon-serach:before{content:"\e62f"}.van-icon-info:before{content:"\e67d"}.van-icon-loading:before{content:"\eee3"}.van-icon-warning:before{content:"\e664"}.van-icon-success:before{content:"\e6f7"}.van-icon-jianpan:before{content:"\e616"}.van-icon-lajitong:before{content:"\e659"}.van-icon-lv0:before{content:"\e6cb"}.van-icon-lv1:before{content:"\e6cc"}.van-icon-lv2:before{content:"\e6cd"}.van-icon-lv3:before{content:"\e6ce"}.van-icon-lv4:before{content:"\e6cf"}.van-icon-lv5:before{content:"\e6d0"}.van-icon-lv6:before{content:"\e6d1"}.van-icon-close:before{content:"\e604"}.van-icon-rate-3:before{content:"\e670"}.van-icon-rate-1:before{content:"\e672"}.van-icon-rate-2:before{content:"\e673"}.van-icon-fasong:before{content:"\e666"}.van-icon-cai:before{content:"\e638"}.van-icon-pinglun:before{content:"\e639"}.van-icon-ding:before{content:"\e63a"}.van-icon-guanbi:before{content:"\e63c"}.van-icon-gengduo:before{content:"\e63d"}.van-icon-biaoqing:before{content:"\e63e"}.van-icon-videodetails_play:before{content:"\e6e3"}.van-icon-videodetails_messag:before{content:"\e6e5"}.van-icon-info_playnumber:before{content:"\e6e6"}.van-icon-info_barragenumber:before{content:"\e6e7"}.van-icon-info_rank:before{content:"\e6e8"}.van-icon-info_prohibit:before{content:"\e6e9"}.van-icon-general_moreactions:before{content:"\e6ea"}.van-icon-general_pulldown_s:before{content:"\e6eb"}.van-icon-general_pullup_s:before{content:"\e6ec"}.van-icon-general_more:before{content:"\e6ed"}.van-icon-general_close_s:before{content:"\e6ee"}.van-icon-general_addto_s:before{content:"\e6ef"}.van-icon-videodetails_collec:before{content:"\e6e1"}.van-icon-videodetails_usemo:before{content:"\e6e2"}.van-icon-videodetails_throw:before{content:"\e6e4"}.van-icon-videodetails_like:before{content:"\e6e0"}.van-icon-general_enter_s:before{content:"\e6f0"}.van-icon-general_back_s:before{content:"\e6f1"}.van-icon-floatwindow_custome:before{content:"\e6f2"}.van-icon-share_weibo_default:before{content:"\e71c"}.van-icon-share_tieba_default:before{content:"\e71d"}.van-icon-share_wechat_default:before{content:"\e721"}.van-icon-tuodong:before{content:"\e665"}.van-icon-share_qq_default:before{content:"\e71e"}.van-icon-share_news_default:before{content:"\e71f"}.van-icon-share_qzone_default:before{content:"\e720"}.van-icon-info_up:before{content:"\e723"}.van-icon-navbar_mobile:before{content:"\e724"}.van-icon-navbar_logo:before{content:"\e725"}.van-icon-download:before{content:"\e744"}.van-icon-general_viewlist:before{content:"\e706"}.van-icon-general_viewmodule:before{content:"\e707"}.van-icon-videodetails_share:before{content:"\e70f"}.van-icon-general_upload:before{content:"\e634"}.van-icon-general_search:before{content:"\e635"}.van-icon-general_inplay:before{content:"\e646"}.van-icon-info_warning:before{content:"\e658"}.van-icon-gift:before{content:"\e605"}.van-icon-notice:before{content:"\e606"}.fade-appear,.fade-enter,.fade-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.fade-appear.fade-appear-active,.fade-enter.fade-enter-active{animation-name:antfadein;animation-play-state:running}.fade-leave.fade-leave-active{animation-name:antfadeout;animation-play-state:running;pointer-events:none}.fade-appear,.fade-enter{opacity:0}.fade-appear,.fade-enter,.fade-leave{animation-timing-function:linear}@keyframes antfadein{0%{opacity:0}to{opacity:1}}@keyframes antfadeout{0%{opacity:1}to{opacity:0}}.move-up-appear,.move-up-enter,.move-up-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.move-up-appear.move-up-appear-active,.move-up-enter.move-up-enter-active{animation-name:antmoveupin;animation-play-state:running}.move-up-leave.move-up-leave-active{animation-name:antmoveupout;animation-play-state:running;pointer-events:none}.move-up-appear,.move-up-enter{opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.move-up-leave{animation-timing-function:cubic-bezier(.6,.04,.98,.34)}.move-down-appear,.move-down-enter,.move-down-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.move-down-appear.move-down-appear-active,.move-down-enter.move-down-enter-active{animation-name:antmovedownin;animation-play-state:running}.move-down-leave.move-down-leave-active{animation-name:antmovedownout;animation-play-state:running;pointer-events:none}.move-down-appear,.move-down-enter{opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.move-down-leave{animation-timing-function:cubic-bezier(.6,.04,.98,.34)}.move-left-appear,.move-left-enter,.move-left-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.move-left-appear.move-left-appear-active,.move-left-enter.move-left-enter-active{animation-name:antmoveleftin;animation-play-state:running}.move-left-leave.move-left-leave-active{animation-name:antmoveleftout;animation-play-state:running;pointer-events:none}.move-left-appear,.move-left-enter{opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.move-left-leave{animation-timing-function:cubic-bezier(.6,.04,.98,.34)}.move-right-appear,.move-right-enter,.move-right-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.move-right-appear.move-right-appear-active,.move-right-enter.move-right-enter-active{animation-name:antmoverightin;animation-play-state:running}.move-right-leave.move-right-leave-active{animation-name:antmoverightout;animation-play-state:running;pointer-events:none}.move-right-appear,.move-right-enter{opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.move-right-leave{animation-timing-function:cubic-bezier(.6,.04,.98,.34)}@keyframes antmovedownin{0%{transform-origin:0 0;transform:translatey(100%);opacity:0}to{transform-origin:0 0;transform:translatey(0);opacity:1}}@keyframes antmovedownout{0%{transform-origin:0 0;transform:translatey(0);opacity:1}to{transform-origin:0 0;transform:translatey(100%);opacity:0}}@keyframes antmoveleftin{0%{transform-origin:0 0;transform:translatex(-100%);opacity:0}to{transform-origin:0 0;transform:translatex(0);opacity:1}}@keyframes antmoveleftout{0%{transform-origin:0 0;transform:translatex(0);opacity:1}to{transform-origin:0 0;transform:translatex(-100%);opacity:0}}@keyframes antmoverightin{0%{opacity:0;transform-origin:0 0;transform:translatex(100%)}to{opacity:1;transform-origin:0 0;transform:translatex(0)}}@keyframes antmoverightout{0%{transform-origin:0 0;transform:translatex(0);opacity:1}to{transform-origin:0 0;transform:translatex(100%);opacity:0}}@keyframes antmoveupin{0%{transform-origin:0 0;transform:translatey(-100%);opacity:0}to{transform-origin:0 0;transform:translatey(0);opacity:1}}@keyframes antmoveupout{0%{transform-origin:0 0;transform:translatey(0);opacity:1}to{transform-origin:0 0;transform:translatey(-100%);opacity:0}}@keyframes loadingcircle{0%{transform-origin:50% 50%;transform:rotate(0deg)}to{transform-origin:50% 50%;transform:rotate(1turn)}}.slide-up-appear,.slide-up-enter,.slide-up-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.slide-up-appear.slide-up-appear-active,.slide-up-enter.slide-up-enter-active{animation-name:antslideupin;animation-play-state:running}.slide-up-leave.slide-up-leave-active{animation-name:antslideupout;animation-play-state:running;pointer-events:none}.slide-up-appear,.slide-up-enter{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}.slide-up-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}.slide-down-appear,.slide-down-enter,.slide-down-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.slide-down-appear.slide-down-appear-active,.slide-down-enter.slide-down-enter-active{animation-name:antslidedownin;animation-play-state:running}.slide-down-leave.slide-down-leave-active{animation-name:antslidedownout;animation-play-state:running;pointer-events:none}.slide-down-appear,.slide-down-enter{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}.slide-down-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}.slide-left-appear,.slide-left-enter,.slide-left-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.slide-left-appear.slide-left-appear-active,.slide-left-enter.slide-left-enter-active{animation-name:antslideleftin;animation-play-state:running}.slide-left-leave.slide-left-leave-active{animation-name:antslideleftout;animation-play-state:running;pointer-events:none}.slide-left-appear,.slide-left-enter{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}.slide-left-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}.slide-right-appear,.slide-right-enter,.slide-right-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.slide-right-appear.slide-right-appear-active,.slide-right-enter.slide-right-enter-active{animation-name:antsliderightin;animation-play-state:running}.slide-right-leave.slide-right-leave-active{animation-name:antsliderightout;animation-play-state:running;pointer-events:none}.slide-right-appear,.slide-right-enter{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}.slide-right-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@keyframes antslideupin{0%{opacity:0;transform-origin:0 0;transform:scaley(.8)}to{opacity:1;transform-origin:0 0;transform:scaley(1)}}@keyframes antslideupout{0%{opacity:1;transform-origin:0 0;transform:scaley(1)}to{opacity:0;transform-origin:0 0;transform:scaley(.8)}}@keyframes antslidedownin{0%{opacity:0;transform-origin:100% 100%;transform:scaley(.8)}to{opacity:1;transform-origin:100% 100%;transform:scaley(1)}}@keyframes antslidedownout{0%{opacity:1;transform-origin:100% 100%;transform:scaley(1)}to{opacity:0;transform-origin:100% 100%;transform:scaley(.8)}}@keyframes antslideleftin{0%{opacity:0;transform-origin:0 0;transform:scalex(.8)}to{opacity:1;transform-origin:0 0;transform:scalex(1)}}@keyframes antslideleftout{0%{opacity:1;transform-origin:0 0;transform:scalex(1)}to{opacity:0;transform-origin:0 0;transform:scalex(.8)}}@keyframes antsliderightin{0%{opacity:0;transform-origin:100% 0;transform:scalex(.8)}to{opacity:1;transform-origin:100% 0;transform:scalex(1)}}@keyframes antsliderightout{0%{opacity:1;transform-origin:100% 0;transform:scalex(1)}to{opacity:0;transform-origin:100% 0;transform:scalex(.8)}}.swing-appear,.swing-enter{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.swing-appear.swing-appear-active,.swing-enter.swing-enter-active{animation-name:antswingin;animation-play-state:running}@keyframes antswingin{0%,to{transform:translatex(0)}20%{transform:translatex(-10px)}40%{transform:translatex(10px)}60%{transform:translatex(-5px)}80%{transform:translatex(5px)}}.zoom-appear,.zoom-enter,.zoom-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.zoom-appear.zoom-appear-active,.zoom-enter.zoom-enter-active{animation-name:antzoomin;animation-play-state:running}.zoom-leave.zoom-leave-active{animation-name:antzoomout;animation-play-state:running;pointer-events:none}.zoom-appear,.zoom-enter{transform:scale(0);animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.zoom-big-appear,.zoom-big-enter,.zoom-big-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.zoom-big-appear.zoom-big-appear-active,.zoom-big-enter.zoom-big-enter-active{animation-name:antzoombigin;animation-play-state:running}.zoom-big-leave.zoom-big-leave-active{animation-name:antzoombigout;animation-play-state:running;pointer-events:none}.zoom-big-appear,.zoom-big-enter{transform:scale(0);animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-big-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.zoom-big-fast-appear,.zoom-big-fast-enter,.zoom-big-fast-leave{animation-duration:.1s;animation-fill-mode:both;animation-play-state:paused}.zoom-big-fast-appear.zoom-big-fast-appear-active,.zoom-big-fast-enter.zoom-big-fast-enter-active{animation-name:antzoombigin;animation-play-state:running}.zoom-big-fast-leave.zoom-big-fast-leave-active{animation-name:antzoombigout;animation-play-state:running;pointer-events:none}.zoom-big-fast-appear,.zoom-big-fast-enter{transform:scale(0);animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-big-fast-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.zoom-up-appear,.zoom-up-enter,.zoom-up-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.zoom-up-appear.zoom-up-appear-active,.zoom-up-enter.zoom-up-enter-active{animation-name:antzoomupin;animation-play-state:running}.zoom-up-leave.zoom-up-leave-active{animation-name:antzoomupout;animation-play-state:running;pointer-events:none}.zoom-up-appear,.zoom-up-enter{transform:scale(0);animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-up-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.zoom-down-appear,.zoom-down-enter,.zoom-down-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.zoom-down-appear.zoom-down-appear-active,.zoom-down-enter.zoom-down-enter-active{animation-name:antzoomdownin;animation-play-state:running}.zoom-down-leave.zoom-down-leave-active{animation-name:antzoomdownout;animation-play-state:running;pointer-events:none}.zoom-down-appear,.zoom-down-enter{transform:scale(0);animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-down-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.zoom-left-appear,.zoom-left-enter,.zoom-left-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.zoom-left-appear.zoom-left-appear-active,.zoom-left-enter.zoom-left-enter-active{animation-name:antzoomleftin;animation-play-state:running}.zoom-left-leave.zoom-left-leave-active{animation-name:antzoomleftout;animation-play-state:running;pointer-events:none}.zoom-left-appear,.zoom-left-enter{transform:scale(0);animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-left-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.zoom-right-appear,.zoom-right-enter,.zoom-right-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.zoom-right-appear.zoom-right-appear-active,.zoom-right-enter.zoom-right-enter-active{animation-name:antzoomrightin;animation-play-state:running}.zoom-right-leave.zoom-right-leave-active{animation-name:antzoomrightout;animation-play-state:running;pointer-events:none}.zoom-right-appear,.zoom-right-enter{transform:scale(0);animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-right-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}@keyframes antzoomin{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}@keyframes antzoomout{0%{transform:scale(1)}to{opacity:0;transform:scale(.2)}}@keyframes antzoombigin{0%{opacity:0;transform:scale(.8)}to{transform:scale(1)}}@keyframes antzoombigout{0%{transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes antzoomupin{0%{opacity:0;transform-origin:50% 0;transform:scale(.8)}to{transform-origin:50% 0;transform:scale(1)}}@keyframes antzoomupout{0%{transform-origin:50% 0;transform:scale(1)}to{opacity:0;transform-origin:50% 0;transform:scale(.8)}}@keyframes antzoomleftin{0%{opacity:0;transform-origin:0 50%;transform:scale(.8)}to{transform-origin:0 50%;transform:scale(1)}}@keyframes antzoomleftout{0%{transform-origin:0 50%;transform:scale(1)}to{opacity:0;transform-origin:0 50%;transform:scale(.8)}}@keyframes antzoomrightin{0%{opacity:0;transform-origin:100% 50%;transform:scale(.8)}to{transform-origin:100% 50%;transform:scale(1)}}@keyframes antzoomrightout{0%{transform-origin:100% 50%;transform:scale(1)}to{opacity:0;transform-origin:100% 50%;transform:scale(.8)}}@keyframes antzoomdownin{0%{opacity:0;transform-origin:50% 100%;transform:scale(.8)}to{transform-origin:50% 100%;transform:scale(1)}}@keyframes antzoomdownout{0%{transform-origin:50% 100%;transform:scale(1)}to{opacity:0;transform-origin:50% 100%;transform:scale(.8)}}.ant-motion-collapse{overflow:hidden}.ant-motion-collapse-active{transition:height .15s cubic-bezier(.645,.045,.355,1),opacity .15s cubic-bezier(.645,.045,.355,1)!important}.van-popper .popper__arrow,.van-popper .popper__arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.van-popper .popper__arrow{border-width:6px;filter:drop-shadow(0 2px 12px rgba(0,0,0,.03))}.van-popper .popper__arrow:after{content:" ";border-width:6px}.van-popper[x-placement^=top]{margin-bottom:12px}.van-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#ebeef5;border-bottom-width:0}.van-popper[x-placement^=top] .popper__arrow:after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.van-popper[x-placement^=bottom]{margin-top:12px}.van-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:g}.van-popper[x-placement^=bottom] .popper__arrow:after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.van-popper[x-placement^=right]{margin-left:12px}.van-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#ebeef5;border-left-width:0}.van-popper[x-placement^=right] .popper__arrow:after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.van-popper[x-placement^=left]{margin-right:12px}.van-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#ebeef5}.van-popper[x-placement^=left] .popper__arrow:after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.van-tooltip:focus:hover,.van-tooltip:focus:not(.focusing){outline-width:0}.van-tooltip__popper{position:absolute;border-radius:4px;padding:10px;z-index:2000;font-size:12px;line-height:1.2}.van-tooltip__popper .popper__arrow{border-width:6px}.van-tooltip__popper .popper__arrow:after{content:" ";border-width:5px}.van-tooltip__popper.is-dark{background:#303133;color:#fff}.van-tooltip__popper.is-light{background:#fff;border:1px solid #303133}.van-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:#303133}.van-tooltip__popper.is-light[x-placement^=top] .popper__arrow:after{border-top-color:#fff}.van-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:#303133}.van-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow:after{border-bottom-color:#fff}.van-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-left-color:#303133}.van-tooltip__popper.is-light[x-placement^=left] .popper__arrow:after{border-left-color:#fff}.van-tooltip__popper.is-light[x-placement^=right] .popper__arrow{border-right-color:#303133}.van-tooltip__popper.is-light[x-placement^=right] .popper__arrow:after{border-right-color:#fff}.van-tooltip__popper .popper__arrow,.van-tooltip__popper .popper__arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.van-tooltip__popper[x-placement^=top]{margin-bottom:12px}.van-tooltip__popper[x-placement^=top] .popper__arrow{bottom:-6px;border-top-color:#303133;border-bottom-width:0}.van-tooltip__popper[x-placement^=top] .popper__arrow:after{bottom:1px;margin-left:-5px;border-top-color:#303133;border-bottom-width:0}.van-tooltip__popper[x-placement^=bottom]{margin-top:12px}.van-tooltip__popper[x-placement^=bottom] .popper__arrow{top:-6px;border-top-width:0;border-bottom-color:#303133}.van-tooltip__popper[x-placement^=bottom] .popper__arrow:after{top:1px;margin-left:-5px;border-top-width:0;border-bottom-color:#303133}.van-tooltip__popper[x-placement^=right]{margin-left:12px}.van-tooltip__popper[x-placement^=right] .popper__arrow{left:-6px;border-right-color:#303133;border-left-width:0}.van-tooltip__popper[x-placement^=right] .popper__arrow:after{bottom:-5px;left:1px;border-right-color:#303133;border-left-width:0}.van-tooltip__popper[x-placement^=left]{margin-right:12px}.van-tooltip__popper[x-placement^=left] .popper__arrow{right:-6px;border-right-width:0;border-left-color:#303133}.van-tooltip__popper[x-placement^=left] .popper__arrow:after{right:1px;bottom:-5px;margin-left:-5px;border-right-width:0;border-left-color:#303133}.van-danmu{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;overflow:hidden;transition:opacity .3s;z-index:2}.van-danmu-item{position:absolute;color:#fff;white-space:pre;will-change:transform;top:8px;left:100%;text-shadow:1px 1px 2px #001}.van-danmu-item.row2{top:28px}.van-framepreview{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;overflow:hidden;transition:opacity .3s;z-index:1}.van-framepreview .van-fpbar-box{position:absolute;left:0;top:0;width:100%;height:10px;border-color:#000;border-style:solid;border-width:4px 8px;background:#444;box-sizing:border-box}.van-framepreview .van-fpbar-box span{display:block;background:#fff;height:2px;transition:width .12s}
.activity-frame{width:350px;height:520px;position:absolute;right:0;bottom:46px;z-index:132;padding:4px;box-sizing:border-box;background:#fff;border-radius:12px;overflow:hidden}.activity-frame::-webkit-scrollbar{width:6px}.activity-frame::-webkit-scrollbar-track{background:transparent}.activity-frame::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.4);border-radius:3px}.activity-frame .close-container{position:absolute;right:10px;top:10px;cursor:pointer;width:29px;height:29px;text-align:center;border-radius:50%;background:rgba(0,0,0,.3)}.activity-frame .close-container .icon{display:inline-block;width:16px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.activity-frame .close-container .icon svg path{fill:#fff}.activity-frame iframe{height:100%;width:342px;border:none;border-radius:8px}.tip-off-menu[data-v-a78f9abc]{width:80px;background:#fff;border:1px solid #e5e9ef;box-shadow:0 4px 4px 0 rgba(0,0,0,.1);border-radius:4px;position:absolute;left:0;top:0;z-index:2000;text-align:center;padding:8px 0;box-sizing:border-box}.tip-off-menu .item[data-v-a78f9abc]{font-size:12px;color:#99a2aa;height:20px;line-height:20px;text-align:center;margin-bottom:6px;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.tip-off-menu .item[data-v-a78f9abc]:hover{color:#00a1d6}.tip-off-menu .item[data-v-a78f9abc]:last-child{margin-bottom:0}.chat-msg-container[data-v-02606dcb]{margin-top:25px;margin-bottom:25px}.chat-msg-container.system.text[data-v-02606dcb]{width:270px;text-align:center;margin:16px auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chat-msg-container.system.text .system-msg .clickable[data-v-02606dcb]{color:#00a1d6;cursor:pointer}.chat-msg-container.system.image[data-v-02606dcb]{margin:16px auto}.chat-msg-container.system.image .system-img[data-v-02606dcb]{margin:0 auto;width:320px;height:160px;background-size:cover;background-position:50%;cursor:pointer}.chat-msg-container.self[data-v-02606dcb]{margin-right:15px}.chat-msg-container.self .content[data-v-02606dcb]{justify-content:flex-end}.chat-msg-container.self .content .pop[data-v-02606dcb]{border-radius:20px 2px 20px 20px}.chat-msg-container.self .user-attr[data-v-02606dcb]{display:flex;justify-content:flex-end}.chat-msg-container.other[data-v-02606dcb]{margin-left:15px}.chat-msg-container.other .content .pop[data-v-02606dcb]{border-radius:2px 20px 20px 20px}.chat-msg-container .content .img-msg[data-v-02606dcb]{width:216px;height:82px;background-size:cover;background-position:50%;cursor:pointer;border-radius:20px}.chat-msg-container .chat.l .content-area[data-v-02606dcb]{margin-left:13px}.chat-msg-container .chat.r[data-v-02606dcb]{justify-content:flex-end}.chat-msg-container .chat.r .content-area[data-v-02606dcb]{margin-right:13px}.chat-msg-container .chat .uname[data-v-02606dcb]{color:silver}.chat-msg-container .chat .uname.vip[data-v-02606dcb]{color:#fb7299}.chat-msg-container .chat .content[data-v-02606dcb]{color:#fff;margin-top:6px;max-width:230px;line-height:20px;display:flex}.chat-msg-container .chat .content .pop[data-v-02606dcb]{background:rgba(205,218,255,.08);padding:10px 16px;word-break:break-all}.chat-msg-container .chat.default .content[data-v-02606dcb]{color:#18191c}.chat-msg-container .chat.default .content .pop[data-v-02606dcb]{background:#f1f2f3}.chat-msg-container .chat.roomowner .content .pop[data-v-02606dcb]{background:linear-gradient(90deg,#31214c,#1f2748)}.chat-msg-container .chat.roomowner.default .content .pop[data-v-02606dcb]{background:linear-gradient(90deg,#eddbff,#d7dfff)}.chat-msg-container .icon[data-v-02606dcb]{display:inline-block;vertical-align:text-bottom}.chat-msg-container .chat[data-v-02606dcb]{display:flex}.chat-msg-container .user-attr[data-v-02606dcb]{align-items:center}.chat-msg-container .level.user[data-v-02606dcb]{margin-left:4px}.chat-msg-container .face-c .vip[data-v-02606dcb]{display:inline-block!important}.sticky-top-msg-container[data-v-58b0c4f1]{background-color:#11111d;padding:12px 15px;color:#a2a7ae}.sticky-top-msg-container.default[data-v-58b0c4f1]{background-color:#fff;border-bottom:1px solid #e3e5e7;color:#61666d;padding:0}.sticky-top-msg-container .borderwrap[data-v-58b0c4f1]{box-sizing:border-box;width:100%;padding:5px 8px;position:relative;display:flex;justify-content:space-between;align-items:center;background-color:#1e2022;border-radius:4px}.sticky-top-msg-container .borderwrap.default[data-v-58b0c4f1]{background-color:#fff;border-radius:0}.sticky-top-msg-container .borderwrap .top-msg-content-wrap[data-v-58b0c4f1]{flex:1;display:flex;justify-content:flex-start;align-items:baseline;overflow:hidden;position:relative}.sticky-top-msg-container .borderwrap .top-msg-content-wrap.top-msg-content-wrap-fire[data-v-58b0c4f1]{align-items:center}.sticky-top-msg-container .borderwrap .top-msg-content-wrap .top-msg-tip[data-v-58b0c4f1]{border:1px;border-radius:2px;padding:5px 0;white-space:nowrap}.sticky-top-msg-container .borderwrap .top-msg-content-wrap .top-msg-tip div[data-v-58b0c4f1]{padding:2px;background:#1e2022;color:#f69}.sticky-top-msg-container .borderwrap .top-msg-content-wrap .top-msg-tip div.default[data-v-58b0c4f1]{background:#ffecf1}.sticky-top-msg-container .borderwrap .top-msg-content-wrap .top-msg-content[data-v-58b0c4f1]{overflow:hidden}.sticky-top-msg-container .borderwrap .top-msg-content-wrap .top-msg-content .text[data-v-58b0c4f1]{padding:8px 2px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sticky-top-msg-container .borderwrap .top-msg-content-wrap .mask[data-v-58b0c4f1]{position:absolute;right:0;bottom:0;height:12px;padding:8px 2px;line-height:12px;width:50px;z-index:5;background:linear-gradient(90deg,transparent,#1e2022 50%,#1e2022)}.sticky-top-msg-container .borderwrap .top-msg-content-wrap .mask.default[data-v-58b0c4f1]{background:linear-gradient(90deg,hsla(0,0%,100%,0),#fff 50%,#fff)}.sticky-top-msg-container .borderwrap .top-msg-close[data-v-58b0c4f1]{flex:0 0 16px;padding:8px}.sticky-top-msg-container .borderwrap .pop-over-content[data-v-58b0c4f1]{position:absolute;word-break:break-all;top:10px;left:8px;right:40px;max-height:94px;z-index:10;background-color:#1e2022;padding:10px;border:1px solid #2f3134;border-radius:3px}.sticky-top-msg-container .borderwrap .pop-over-content.default[data-v-58b0c4f1]{background-color:#fff;border:1px solid #e3e5e7}.scrollbar-mixin::-webkit-scrollbar{width:6px}.scrollbar-mixin::-webkit-scrollbar-track{background:transparent}.scrollbar-mixin::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.4);border-radius:3px}.single-ellips{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tip-off-dialog{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:5000}.tip-off-dialog .projection-hall-tip-off-dialog{width:594px;background-color:#fff;border-radius:4px}.tip-off-dialog .projection-hall-tip-off-dialog .content{margin:0 40px;padding-bottom:30px}.tip-off-dialog .projection-hall-tip-off-dialog .content .question{margin-top:30px}.tip-off-dialog .projection-hall-tip-off-dialog .content .question .title{font-family:pingfangsc-regular;font-size:14px;color:#222;line-height:20px}.tip-off-dialog .projection-hall-tip-off-dialog .content .question .desc{font-family:pingfangsc-regular;font-size:14px;color:#99a2aa;line-height:20px;margin-top:6px}.tip-off-dialog .projection-hall-tip-off-dialog .content .answer-options{margin-top:18px;display:flex;justify-content:space-between;width:480px;flex-wrap:wrap}.tip-off-dialog .projection-hall-tip-off-dialog .content .answer-options .radio-item{width:240px;margin-top:14px;font-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tip-off-dialog .projection-hall-tip-off-dialog .content .answer-options .radio-item:first-child,.tip-off-dialog .projection-hall-tip-off-dialog .content .answer-options .radio-item:nth-child(2){margin-top:0}.tip-off-dialog .projection-hall-tip-off-dialog .content .answer-options .radio-item:nth-child(2n){text-align:left}.tip-off-dialog .projection-hall-tip-off-dialog .content .answer-options .radio-item label{cursor:pointer}.tip-off-dialog .projection-hall-tip-off-dialog .content .answer-options .radio-item label .custom-radio{background-color:#fff;cursor:pointer;border-radius:50%;width:16px;height:16px;border:1px solid #bec3cc;display:inline-block;box-sizing:border-box;position:relative;text-align:center;vertical-align:middle;margin-right:8px}.tip-off-dialog .projection-hall-tip-off-dialog .content .answer-options .radio-item label .custom-radio:hover{border-color:#00a1d6}.tip-off-dialog .projection-hall-tip-off-dialog .content .answer-options .radio-item label .custom-radio input{display:inline-block;cursor:pointer;line-height:16px;width:16px;height:16px;outline:none;z-index:1;box-sizing:border-box}.tip-off-dialog .projection-hall-tip-off-dialog .content .answer-options .radio-item label .custom-radio input:checked{width:16px;height:16px;border-radius:50%;display:inline-block;border-color:#00a1d6;background:#00a1d6;position:absolute;box-sizing:border-box;top:50%;left:50%;transform:translate(-50%,-50%)}.tip-off-dialog .projection-hall-tip-off-dialog .content .answer-options .radio-item label .custom-radio input:checked:after{content:"";width:6px;height:6px;color:#fff;display:inline-block;background:#fff;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.tip-off-dialog .projection-hall-tip-off-dialog .content .answer-options .radio-item label .text{vertical-align:middle;font-family:pingfangsc-regular;font-size:14px;color:#222;line-height:20px}.tip-off-dialog .projection-hall-tip-off-dialog .content .text-input{margin-top:30px;position:relative}.tip-off-dialog .projection-hall-tip-off-dialog .content .text-input .hint{font-family:pingfangsc-regular;font-size:14px;color:#222;line-height:20px}.tip-off-dialog .projection-hall-tip-off-dialog .content .text-input .user-input{margin-top:10px;width:514px;height:108px;resize:none;border-radius:4px;border:1px solid #ccd0d7;box-sizing:border-box;padding:6px 10px}.tip-off-dialog .projection-hall-tip-off-dialog .content .text-input .user-input:focus{border:1px solid #00a1d6;outline:none}.tip-off-dialog .projection-hall-tip-off-dialog .content .text-input .user-input.error{border:1px solid #e40c0c}.tip-off-dialog .projection-hall-tip-off-dialog .content .text-input .text-num{position:absolute;bottom:6px;right:10px;font-family:pingfangsc-regular;font-size:12px;color:#99a2aa;text-align:left;line-height:20px}.tip-off-dialog .projection-hall-tip-off-dialog .content .text-input .error-hint{position:absolute;bottom:-20px}.tip-off-dialog .projection-hall-tip-off-dialog .content .text-input .error-hint span{font-family:helvetica;font-size:12px;color:#e40c0c;line-height:14px;vertical-align:middle}.tip-off-dialog .projection-hall-tip-off-dialog .content .text-input .error-hint .icon{height:14px;width:15px;display:inline-block;vertical-align:middle}.tip-off-dialog .projection-hall-tip-off-dialog .bottom-oper{height:80px;border-top:1px solid #e5e9ef}.tip-off-dialog .projection-hall-tip-off-dialog .bottom-oper .btns{display:flex;justify-content:space-between;align-items:center;width:300px;margin:20px auto}.tip-off-dialog .projection-hall-tip-off-dialog .bottom-oper .btns div{height:40px;width:140px;border-radius:4px;text-align:center;line-height:40px;font-family:helvetica;font-size:14px;cursor:pointer;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tip-off-dialog .projection-hall-tip-off-dialog .bottom-oper .btns .cancel{border:1px solid #ccd0d7;color:#6d757a}.tip-off-dialog .projection-hall-tip-off-dialog .bottom-oper .btns .cancel:hover{border:1px solid #00a1d6}.tip-off-dialog .projection-hall-tip-off-dialog .bottom-oper .btns .submit{background:#00a1d6;color:#fff}.tip-off-dialog .projection-hall-tip-off-dialog .bottom-oper .btns .submit:hover{background:#00b5e5}.scrollbar-mixin[data-v-45a72735]::-webkit-scrollbar{width:6px}.scrollbar-mixin[data-v-45a72735]::-webkit-scrollbar-track{background:transparent}.scrollbar-mixin[data-v-45a72735]::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.4);border-radius:3px}.single-ellips[data-v-45a72735]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.all-wraper[data-v-45a72735]{height:100%;width:100%}.start-fail-container[data-v-45a72735]{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:16px}.start-fail-container .fail-img[data-v-45a72735]{height:158px;width:280px}.start-fail-container .fail-tips[data-v-45a72735]{color:#9499a0;margin:20px}.start-fail-container .try-again[data-v-45a72735]{background-color:#f69;padding:11px 34px;color:#fff;cursor:pointer}.chat-container[data-v-45a72735]{height:100%;width:100%;display:flex;flex-direction:column;position:relative;font-size:12px;color:#8a8a8a;border-radius:2px}.chat-container .loginevent[data-v-45a72735],.chat-container .registerevent[data-v-45a72735]{display:inline-block;margin:0 8px;color:#2c9cc8;cursor:pointer}.chat-container .chat-header[data-v-45a72735]{padding:12px;font-weight:700;border-radius:2px 2px 0 0;font-size:14px;color:#fff}.chat-container .chat-header.header-default[data-v-45a72735]{background-color:#e3e5e7;color:#18191c}.chat-container .chat-module[data-v-45a72735]{flex:1;display:flex;flex-direction:column;position:relative;border-radius:0 0 2px 2px}.chat-container .chat-module .static-popup[data-v-45a72735]{position:absolute;bottom:112px;width:334px!important;left:50%;transform:translatex(-50%)}.chat-container .chat-module .top-message[data-v-45a72735]{position:absolute;top:0;left:0;right:0;z-index:10}.chat-container .chat-contant[data-v-45a72735]{flex:1 0 auto;height:0;overflow-y:auto;position:relative}.chat-container .chat-contant[data-v-45a72735]::-webkit-scrollbar{width:6px}.chat-container .chat-contant[data-v-45a72735]::-webkit-scrollbar-track{background:transparent}.chat-container .chat-contant[data-v-45a72735]::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.4);border-radius:3px}.chat-container .starttime[data-v-45a72735]{-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center;margin-top:16px}.chat-container .pendant[data-v-45a72735]{position:absolute;top:100px;right:15px;width:60px;height:60px;cursor:pointer}.chat-container .input-area[data-v-45a72735]{padding:0 15px;width:100%;box-sizing:border-box;position:relative;border-top:1px solid rgba(205,218,255,.1);align-self:end;border-radius:0 0 2px 2px}.chat-container .input-area .new-msg-tip[data-v-45a72735]{background:#d89404;color:#fff;text-align:center;border-radius:2px;height:24px;line-height:24px;position:absolute;width:100%;top:-25px;left:0;cursor:pointer}.chat-container .input-area .new-msg-tip .irrow[data-v-45a72735]{background: no-repeat;display:inline-block;width:16px;height:16px;background-size:16px;vertical-align:text-bottom}.chat-container .input-area .input-c[data-v-45a72735]{background:rgba(205,218,255,.08);padding:12px;text-align:left;box-sizing:border-box;border:1px solid rgba(205,218,255,0);margin-top:16px;position:relative;border-radius:2px}.chat-container .input-area .input-c.border[data-v-45a72735]{border:1px solid #00a1d6;border-radius:2px}.chat-container .input-area .input-c .placeholder[data-v-45a72735]{position:absolute;top:14px}.chat-container .input-area .input-c .expression[data-v-45a72735]{position:absolute;display:inline-block;width:22px;height:24px;background-image:;background-size:22px;background-repeat:no-repeat;right:12px;bottom:10px;cursor:pointer;z-index:3}.chat-container .input-area .input-c .textareainput[data-v-45a72735]{resize:none;border:none;outline:none;background:transparent;color:#fff;caret-color:#00a1d6;font-size:12px;height:34px}.chat-container .input-area .input-c .textareainput[data-v-45a72735]::-webkit-scrollbar{width:6px}.chat-container .input-area .input-c .textareainput[data-v-45a72735]::-webkit-scrollbar-track{background:transparent}.chat-container .input-area .input-c .textareainput[data-v-45a72735]::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.4);border-radius:3px}.chat-container .input-area .text-c[data-v-45a72735]{overflow-y:auto;min-height:20px;line-height:20px;word-break:break-all;padding-right:46px;max-height:100px;outline:none;box-sizing:border-box;resize:none;background:rgba(205,218,255,0);color:#fff;border:none;caret-color:#00a1d6;position:relative;z-index:2}.chat-container .input-area .text-c[data-v-45a72735]::-webkit-scrollbar{width:6px}.chat-container .input-area .text-c[data-v-45a72735]::-webkit-scrollbar-track{background:transparent}.chat-container .input-area .text-c[data-v-45a72735]::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.4);border-radius:3px}.chat-container .input-area .text-c img[data-raw][data-v-45a72735]{margin:0 4px}.chat-container .input-area .btn-send[data-v-45a72735]{width:88px;height:30px;line-height:30px;color:#fff;font-size:14px;text-align:center;background:#00a1d6;border-radius:2px;margin:12px 15px 16px auto;cursor:pointer}.chat-container .input-area .btn-send.disabled[data-v-45a72735]{color:#9499a0;background-color:#e3e5e7;cursor:not-allowed}.chat-container .input-area-default[data-v-45a72735]{width:100%;padding:13px 8px;position:relative;border-top:1px solid #e3e5e7;align-self:end;display:flex;flex-direction:row;justify-content:center;align-items:center;box-sizing:border-box;border-radius:0 0 2px 2px;background:#fff}.chat-container .input-area-default .new-msg-tip[data-v-45a72735]{background:#d89404;color:#fff;text-align:center;border-radius:2px;height:24px;line-height:24px;position:absolute;width:100%;top:-25px;left:0;cursor:pointer}.chat-container .input-area-default .new-msg-tip .irrow[data-v-45a72735]{background: no-repeat;display:inline-block;width:16px;height:16px;background-size:16px;vertical-align:text-bottom}.chat-container .input-area-default .input-c[data-v-45a72735]{flex:1 1 235px;height:40px;background:#f6f7f8;padding:8px;text-align:left;box-sizing:border-box;position:relative;border-radius:2px 0 0 2px}.chat-container .input-area-default .input-c.border[data-v-45a72735]{border:1px solid #9499a0;border-radius:2px}.chat-container .input-area-default .input-c .placeholder[data-v-45a72735]{position:absolute;top:11px}.chat-container .input-area-default .input-c .text-c[data-v-45a72735]{overflow-y:auto;padding-right:46px;word-break:break-all;height:20px;line-height:20px;outline:none;box-sizing:border-box;resize:none;background:rgba(205,218,255,0);color:#9499a0;border:none;caret-color:#9499a0;position:relative;z-index:2}.chat-container .input-area-default .input-c .text-c[data-v-45a72735]::-webkit-scrollbar{width:6px}.chat-container .input-area-default .input-c .text-c[data-v-45a72735]::-webkit-scrollbar-track{background:transparent}.chat-container .input-area-default .input-c .text-c[data-v-45a72735]::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.4);border-radius:3px}.chat-container .input-area-default .input-c .text-c img[data-raw][data-v-45a72735]{margin:0 4px}.chat-container .input-area-default .input-c .expression[data-v-45a72735]{position:absolute;display:inline-block;width:22px;height:24px;background-image:;background-size:22px;background-repeat:no-repeat;right:12px;top:7px;cursor:pointer;z-index:3}.chat-container .input-area-default .input-c .textareainput[data-v-45a72735]{resize:none;width:194px;border:none;outline:none;background:transparent;color:#9499a0;caret-color:#9499a0;font-size:12px;height:16px;overflow-y:hidden;-ms-overflow-y:hidden}.chat-container .input-area-default .input-c .textareainput[data-v-45a72735]::-webkit-scrollbar{width:6px}.chat-container .input-area-default .input-c .textareainput[data-v-45a72735]::-webkit-scrollbar-track{background:transparent}.chat-container .input-area-default .input-c .textareainput[data-v-45a72735]::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.4);border-radius:3px}.chat-container .input-area-default .btn-send[data-v-45a72735]{flex:0 0 88px;height:40px;color:#fff;font-size:14px;text-align:center;background:#00a1d6;border-radius:0 2px 2px 0;padding:10px;box-sizing:border-box;cursor:pointer}.chat-container .input-area-default .btn-send.disabled[data-v-45a72735]{cursor:not-allowed;color:#9499a0;background-color:#e3e5e7}.chat-container .activity-frame[data-v-45a72735]{position:absolute;top:130px;right:83px;bottom:auto;left:auto}.fe-ui-open-app-btn{display:inline-block;position:relative}.wx-open-app-btn{position:absolute;left:0;right:0;top:0;bottom:0;z-index:20;overflow:hidden}.switch-c{width:21px;height:12px;border-radius:12px;position:relative;background:#999}.switch-c .round{position:absolute;top:3px;width:6px;height:6px;border-radius:50%;background:#fff;right:12px;transition:right .3s}.switch-c.checked{background:#00a1d6}.switch-c.checked .round{right:3px}.face-cc[data-v-c1712ae6]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.face[data-v-c1712ae6]{width:36px;height:36px;border-radius:50%}.owner[data-v-c1712ae6]{position:relative;margin-left:3px;margin-right:15px}.owner[data-v-c1712ae6]:before{content:" ";width:40px;height:40px;border-radius:50%;border:1px solid #fb7299;display:inline-block;position:absolute;left:-3px;top:-3px}.up[data-v-c1712ae6]{position:relative}.up[data-v-c1712ae6]:after{content:" ";width:14px;height:14px;border-radius:50%;display:inline-block;background-image:;background-size:14px;position:absolute;bottom:3px;left:20px}.vip[data-v-c1712ae6]{position:relative}.vip[data-v-c1712ae6]:after{content:" ";width:14px;height:14px;border-radius:50%;display:inline-block;background-image:;background-size:14px;position:absolute;bottom:3px;left:20px}.enter-prise[data-v-c1712ae6]{position:relative}.enter-prise[data-v-c1712ae6]:after{content:" ";width:14px;height:14px;border-radius:50%;display:inline-block;background-image:;background-size:14px;position:absolute;bottom:3px;left:20px}#user-card-container{font-size:12px;position:fixed;z-index:10002;padding:15px 20px;box-shadow:0 2px 4px rgba(0,0,0,.16);border:1px solid #e5e9ef;border-radius:4px;width:335px;background:#fff}#user-card-container a{text-decoration:none}#user-card-container p{margin:0}#user-card-container .bg{position:absolute;width:375px;height:120px;top:0;left:0;border-radius:4px 4px 0 0;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:50%}#user-card-container .face-cc{left:20px;top:100px;position:absolute;border:2px solid #fff;border-radius:50%}#user-card-container .info{padding:105px 0 0 65px;position:relative}#user-card-container .info p{margin:0;color:#222}#user-card-container .info .action-trigger{width:22px;height:22px;position:absolute;background:;background-size:22px;right:-10px;top:117px;cursor:pointer}#user-card-container .info .action-trigger:hover .actions-wrp{display:block}#user-card-container .info .action-trigger .actions-wrp{width:80px;left:50%;top:18px;transform:translatex(-50%);display:none;position:absolute;padding-top:9px}#user-card-container .info .action-trigger .actions{background:#fff;border:1px solid #e5e9ef;box-shadow:0 4px 4px 0 rgba(0,0,0,.1);border-radius:4px;text-align:center;padding-top:8px;padding-bottom:8px;width:100%}#user-card-container .info .action-trigger .actions div{font-size:12px;color:#99a2aa;text-align:center;cursor:pointer}#user-card-container .info .sign{line-height:16px;margin-top:11px;color:#99a2aa;word-break:break-all;word-wrap:break-word}#user-card-container .info .social{margin-top:6px}#user-card-container .info .social a{color:#222}#user-card-container .info .user{font-size:14px;font-weight:700;margin-top:6px}#user-card-container .info .user .name{color:#222}#user-card-container .info .user .sex{margin-left:6px;width:20px;height:16px;background-repeat:no-repeat;display:inline-block;background-size:20px}#user-card-container .info .user .sex.boy{background-image:}#user-card-container .info .user .sex.girl{background-image:}#user-card-container .info .like{margin-right:20px}#user-card-container .info .labels{margin-top:12px}#user-card-container .info .labels .label{font-size:12px;padding:2px 6px;border-radius:4px;margin-right:6px;display:inline-block;margin-bottom:6px}#user-card-container .info .labels .label:last-child{margin-right:0}#user-card-container .btn-box{margin-top:20px;font-size:12px}#user-card-container .btn-box .btn{display:inline-block;cursor:pointer;width:80px;height:24px;line-height:24px;text-align:center;margin-right:20px;border-radius:4px;transition:all .3s;color:#fff;border:1px solid #00a1d6;background-color:#00a1d6}#user-card-container .btn-box .btn:hover{border-color:#00b5e5;background-color:#00b5e5}#user-card-container .btn-box .btn.remove{border-color:#d4d4d4;background-color:#fff;color:#757575}#user-card-container .btn-box .btn.remove:hover{border-color:#00a1d6;color:#00a1d6;background-color:#fff}#user-card-container .btn-box .message{background-color:#fff}#user-card-container .btn-box .followed{background:#e5e9ef;color:#757575;border-color:#e5e9ef}#user-card-container .btn-box .followed:hover{border-color:#e5e9ef;background-color:#e5e9ef}.user-card-container .vip-red-name{color:#fb7299!important}.user-card-container .vip-green-name{color:#62c076!important}.level.user{display:inline-block;width:19px;height:9px;margin-left:8px;background: no-repeat}.level.user.l0{background-position:-23px -28px}.level.user.l1{background-position:-23px -92px}.level.user.l2{background-position:-23px -156px}.level.user.l3{background-position:-23px -220px}.level.user.l4{background-position:-23px -284px}.level.user.l5{background-position:-23px -348px}.level.user.l6{background-position:-23px -412px}.level.user.l7{background-position:-23px -476px}.level.user.l8{background-position:-23px -540px}.level.user.l9{background-position:-23px -604px}.ogv-loading[data-v-c9366512]{width:20px;height:20px;position:relative;display:inline-block}.ogv-loading .ring[data-v-c9366512]{border-radius:50%;display:inline-block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:2px solid hsla(0,0%,100%,.5);border-bottom-color:#fff;transform:translate(-50%,-50%) rotate(0deg);width:100%;height:100%;box-sizing:border-box}@keyframes rotateauto{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.bottom-oper[data-v-40824816]{height:80px;overflow:hidden}.bottom-oper .btns[data-v-40824816]{display:flex;justify-content:space-between;height:32px;margin:24px auto;width:272px;align-items:center}.bottom-oper .btns div[data-v-40824816]{width:130px;height:32px;border-radius:2px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center;font-size:14px;font-family:pingfangsc-regular;line-height:32px;box-sizing:border-box}.bottom-oper .btns .cancel[data-v-40824816]{border:1px solid #e1e1e1;color:#000}.bottom-oper .btns .submit[data-v-40824816]{background:#20aae2;color:#fff}.ogv-dialog-confirm[data-v-7004816a]{background-color:#fff;border-radius:4px;overflow:hidden;position:relative;width:320px}.ogv-dialog-confirm .close[data-v-7004816a]{right:16px;top:16px;width:22px;height:22px;position:absolute;font-size:13px;cursor:pointer;display:flex;justify-content:center;align-items:center;z-index:10}.ogv-dialog-confirm .close .icon[data-v-7004816a]{display:inline-block;width:72.22%;height:72.22%;color:#00a1d6}.ogv-dialog-confirm .close .icon[data-v-7004816a]:hover{color:#00a1d6}.ogv-dialog-confirm .close .icon:hover svg path[data-v-7004816a]{fill:#00a1d6}.ogv-dialog-confirm .title[data-v-7004816a]{height:54px;box-sizing:border-box;border-bottom:1px solid #f4f4f4;text-align:center;line-height:54px;font-family:pingfangsc-semibold;font-size:16px;color:#212121}.ogv-dialog-confirm .short-msg[data-v-7004816a]{text-align:center;width:272px;margin:24px auto}.ogv-dialog-confirm .short-msg .content[data-v-7004816a]{display:inline-block;text-align:left;font-family:pingfangsc-regular;font-size:14px;color:#757575;white-space:pre-wrap}.dialog-base-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;background-color:rgba(0,0,0,.3)}.dialog-base-wrapper,.dialog-base-wrapper .close{display:flex;justify-content:center;align-items:center}.dialog-base-wrapper .close{width:18px;height:18px;position:absolute;top:20px;right:20px;font-size:13px;cursor:pointer;z-index:10}.dialog-base-wrapper .close .icon{display:inline-block;width:72.22%;height:72.22%;color:#00a1d6}.dialog-base-wrapper .close .icon:hover{color:#00a1d6}.dialog-base-wrapper .close .icon:hover svg path{fill:#00a1d6}.dialog-base-wrapper .confirm-dialog{background-color:#fff;border-radius:4px;overflow:hidden;position:relative;width:320px}.dialog-base-wrapper .confirm-dialog .close{right:16px;top:16px;width:22px;height:22px}.dialog-base-wrapper .confirm-dialog .title{height:54px;box-sizing:border-box;border-bottom:1px solid #f4f4f4;text-align:center;line-height:54px;font-family:pingfangsc-semibold;font-size:16px;color:#212121}.dialog-base-wrapper .confirm-dialog .short-msg{font-family:pingfangsc-regular;font-size:14px;color:#757575;text-align:center;width:272px;white-space:pre-wrap;margin:24px auto}.dialog-base-wrapper .confirm-dialog .bottom{display:flex;justify-content:space-between;height:32px;margin:24px auto;width:272px;align-items:center}.dialog-base-wrapper .confirm-dialog .bottom div{width:130px;height:32px;border-radius:2px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center;font-size:14px;font-family:pingfangsc-regular;line-height:32px;box-sizing:border-box}.dialog-base-wrapper .confirm-dialog .bottom .left{border:1px solid #e1e1e1;color:#000}.dialog-base-wrapper .confirm-dialog .bottom .right{background:#20aae2;color:#fff}.dialog-base-wrapper .dialog-common-style{background-color:#fff;border-radius:4px;position:relative;overflow:hidden}.dialog-base-wrapper .dialog-common-style .ph-header{text-align:center;line-height:50px;height:50px;font-family:pingfangsc-semibold;font-size:16px;color:#000;border-bottom:1px solid #e5e9ef}.dialog-base-wrapper .dialog-common-style .short-msg{height:50px;text-align:center;font-size:14px;line-height:50px}.popup-dialog-base-enter-active{animation:popup-bounce-in .5s}.popup-dialog-base-leave-active{animation:popup-bounce-in .3s reverse}@keyframes popup-bounce-in{0%{transform:translatey(-50%) scale(0)}50%{transform:translatey(-50%) scale(1.2)}to{transform:translatey(-50%) scale(1)}}.common-toast .container[data-v-15669508]{position:fixed;top:100px;left:50%;transform:translatex(-50%);background:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);border-radius:2px;z-index:2022;padding:11px 24px;display:inline-block;font-family:pingfangsc-regular;font-size:14px;color:#212121;transition:all .3s;display:flex;justify-content:center;align-items:center}.common-toast .container .icon[data-v-15669508]{display:inline-block;width:20px;height:20px;background-size:20px 20px;background-position:50%}.common-toast .container .text[data-v-15669508]{margin-left:8px;line-height:20px}.common-toast .fade-enter-active[data-v-15669508],.common-toast .fade-leave-active[data-v-15669508]{opacity:1}.common-toast .fade-enter[data-v-15669508],.common-toast .fade-leave-to[data-v-15669508]{opacity:0;transform:translate(-50%,-20px)}.local-toast .toast-msg[data-v-3ae3d78e]{position:fixed;display:inline-block;font-family:pingfangsc-regular;max-width:240px;font-size:12px;color:#fff;letter-spacing:0;line-height:20px;padding:8px 12px;transition:all .3s;background:rgba(0,0,0,.8);z-index:2021;border-radius:4px}.local-toast .toast-enter-active[data-v-3ae3d78e],.local-toast .toast-leave-active[data-v-3ae3d78e]{opacity:1;transform:translatey(0)}.local-toast .toast-enter[data-v-3ae3d78e],.local-toast .toast-leave-to[data-v-3ae3d78e]{opacity:0;transform:translatey(20px)}.h5-toast .container[data-v-1d7bc4d0]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2021;padding:.42666667rem .64rem;display:inline-block;display:flex;justify-content:center;align-items:center;max-width:80%;border-radius:.21333333rem;background-color:rgba(0,0,0,.7);color:#fff;box-sizing:border-box;text-align:center}.h5-toast .container .text[data-v-1d7bc4d0]{font-size:.512rem;display:block;text-align:center}.h5-toast .fade-enter-active[data-v-1d7bc4d0],.h5-toast .fade-leave-active[data-v-1d7bc4d0]{opacity:1;transition:opacity .25s}.h5-toast .fade-enter[data-v-1d7bc4d0],.h5-toast .fade-leave-to[data-v-1d7bc4d0]{opacity:0}.crumb[data-v-c236a28e]{margin:9px 0 20px;display:flex}.crumb ul[data-v-c236a28e]{display:flex;flex:1}.crumb ul .crumb-item[data-v-c236a28e]{padding:0 20px}.crumb ul .crumb-item[data-v-c236a28e]:first-child{padding-left:0}.crumb ul .crumb-item:first-child a[data-v-c236a28e]{color:#00a1d6}.crumb ul .crumb-item[data-v-c236a28e]:last-child{padding-right:0}.crumb ul .crumb-item a[data-v-c236a28e]{line-height:28px;font-size:14px;color:#6d757a;width:100%;text-align:center}.crumb ul .crumb-item:hover a[data-v-c236a28e]{color:#00a1d6}.crumb .discovery-entry[data-v-c236a28e]{display:block;width:98px;height:30px;border-radius:2px;border:1px solid #e5e9ef;cursor:pointer;background-repeat:no-repeat;background-position:50%;background-size:cover;overflow:hidden}.cinema-home-crumb ul .crumb-item[data-v-c236a28e]{border-right:1px solid #e4e9f0}.cinema-home-crumb ul .crumb-item a[data-v-c236a28e]{font-size:18px;font-weight:700;color:#222}.cinema-home-crumb ul .crumb-item[data-v-c236a28e]:last-child{border-right:none}.season-cover[data-v-7e8bcfda]{position:relative}.season-cover .badge[data-v-7e8bcfda]{position:absolute;right:0;top:0;background:#fb7299;border-radius:2px;border-top-left-radius:0;border-bottom-right-radius:0;text-align:center;line-height:24px;font-size:12px;color:#fff;letter-spacing:0;display:flex;justify-content:center;align-items:center}.season-cover .badge.pink[data-v-7e8bcfda]{background-color:#fb7299}.season-cover .badge.blue[data-v-7e8bcfda]{background-color:#00a1d6}.season-cover .badge.yellow[data-v-7e8bcfda]{background-color:#ffa726}.season-cover .score[data-v-7e8bcfda]{position:absolute;right:0;bottom:0;font-size:24px;font-weight:700;padding:0 8px;color:#e1e1e1;height:38px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.5));width:100%;text-align:right}.season-cover .ranking[data-v-7e8bcfda]{position:absolute;left:0;top:0}.title[data-v-7e8bcfda]{margin:6px 0;color:#e1e1e1;font-size:16px}.desc[data-v-7e8bcfda]{color:#727272;font-size:12px}.banner-wrapper[data-v-3cb385e4]{margin:0 auto;position:relative;overflow:hidden}.banner-wrapper .wide[data-v-3cb385e4]{display:block}.banner-wrapper .narrow[data-v-3cb385e4]{display:none}.bg-container[data-v-3cb385e4]{height:500px;overflow:hidden;background:#ccc}.bg-container .bg-item[data-v-3cb385e4]{height:100%;background-repeat:no-repeat;background-position:50%;background-size:auto 100%;position:absolute;width:100%}.bg-container .bg-item a[data-v-3cb385e4]{display:block;height:100%;position:relative}.bg-container .bg-item a img[data-v-3cb385e4]{margin:0 auto;position:absolute;left:50%;transform:translatex(-50%)}.bg-container .bg-item.selected[data-v-3cb385e4]{display:block}.side-list-wrp[data-v-3cb385e4]{position:absolute;right:0;top:0;height:100%;width:400px;bottom:0;box-sizing:border-box;z-index:1;overflow:hidden;background-image:linear-gradient(0deg,#121622,rgba(8,10,15,.5) 79%,transparent 90%)}.side-list-wrp .side-blur[data-v-3cb385e4]{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}.side-list-wrp .side-blur .blur-img-wrp[data-v-3cb385e4]{position:absolute;right:0;top:0}.side-list-wrp .side-blur .blur-img-wrp img[data-v-3cb385e4]{position:absolute;left:50%;transform:translatex(-50%);filter:blur(4px)}.side-list-wrp .side-blur div.narrow[data-v-3cb385e4],.side-list-wrp .side-blur div.wide[data-v-3cb385e4]{width:100%;height:100%;filter:blur(4px);background-position:100%;background-size:auto;background-repeat:no-repeat}.side-list-wrp .side-blur div.narrow.wide[data-v-3cb385e4],.side-list-wrp .side-blur div.wide.wide[data-v-3cb385e4]{display:block}.side-list-wrp .side-blur div.narrow.narrow[data-v-3cb385e4],.side-list-wrp .side-blur div.wide.narrow[data-v-3cb385e4]{display:none}.side-list-wrp .side-blur div.mask[data-v-3cb385e4]{width:100%;height:100%;background-image:linear-gradient(0deg,#121622,rgba(8,10,15,.5) 81%,transparent);position:absolute;top:0}.side-list[data-v-3cb385e4]{position:absolute;top:80px;width:400px}.side-list .side-item a[data-v-3cb385e4]{padding:0 21px 0 24px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:14px;color:#fff;line-height:20px;display:block;height:20px;margin-bottom:24px;opacity:.6}.side-list .side-item.selected.only-title .title[data-v-3cb385e4]{margin-bottom:0}.side-list .side-item.selected.only-title a[data-v-3cb385e4]{padding-top:26px}.side-list .side-item.selected a[data-v-3cb385e4]{padding:12px 21px 12px 24px;height:78px;background:rgba(0,161,214,.2);box-sizing:border-box;opacity:1}.side-list .side-item.selected .title[data-v-3cb385e4]{font-size:20px;line-height:28px;display:block;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;transition:font-size .2s ease}.side-list .side-item.selected .desc[data-v-3cb385e4]{font-size:14px;color:#fff;line-height:20px}.side-list .side-item.last a[data-v-3cb385e4]{margin-bottom:60px}.bg-item[data-v-3cb385e4]{transition:opacity .3s}.banner-enter[data-v-3cb385e4],.banner-leave-to[data-v-3cb385e4]{opacity:0}@media screen and (max-width:1920px){.bg-container[data-v-3cb385e4]{height:480px}.side-list-wrp[data-v-3cb385e4],.side-list[data-v-3cb385e4]{width:300px}.side-list .side-item a[data-v-3cb385e4]{margin-bottom:20px}.side-list .side-item.selected a[data-v-3cb385e4]{padding:8px 21px 10px 20px;height:70px}.side-list .side-item.selected .title[data-v-3cb385e4]{font-size:20px;line-height:28px;margin-bottom:4px}.side-list .side-item.selected.only-title a[data-v-3cb385e4]{padding:20px 21px 20px 23px;line-height:70px}.side-list .side-item.last a[data-v-3cb385e4]{margin-bottom:28px}}.section-title[data-v-a97035e6]{color:#fff}.section-title .main-title[data-v-a97035e6]{font-size:28px}.section-title .subtitle[data-v-a97035e6]{color:#fff;background:#191b24;padding:4px 15px;border-radius:16px;cursor:pointer}.section-title .subtitle.highlight[data-v-a97035e6],.section-title .subtitle[data-v-a97035e6]:hover{background:#20aae2}.notice[data-v-75263a54]{display:flex}.notice_content[data-v-75263a54]{flex:1;display:flex;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#e6f5f4;border-top-left-radius:2px;border-bottom-left-radius:2px}.notice_content-line[data-v-75263a54]{width:2px;height:38px;background:linear-gradient(180deg,#fff 6px,#e6f5f4 8px,#fff 14px,#e6f5f4 16px,#fff 22px,#e6f5f4 24px,#fff 30px,#e6f5f4 32px,#fff 38px)}.notice_content-left[data-v-75263a54]{width:50px;height:28px;line-height:28px;background: no-repeat;background-size:100% 100%;color:#fff;text-align:center;margin:5px}.notice_content-left-price[data-v-75263a54]{font-size:16px}.notice_content-left-price.mini[data-v-75263a54]{font-size:14px}.notice_content-left-desc[data-v-75263a54]{font-size:10px;vertical-align:1px}.notice_content-txt[data-v-75263a54]{font-size:12px;color:#0ba395;height:38px;line-height:38px;font-weight:600;width:180px;padding-left:5px}.notice_btn[data-v-75263a54]{width:55px;background:#e6f5f4;height:38px;line-height:38px;font-weight:600;text-align:center;color:#999;border-top-right-radius:2px;border-bottom-right-radius:2px}.notice_btn.canreceive[data-v-75263a54]{cursor:pointer;color:#0ba395}.fe-ui-icon[data-v-6c1a73ae]{width:1em;height:1em;vertical-align:-.15em;fill:currentcolor;overflow:hidden}
.status-bar{font-size:12px;color:#909098}.status-bar--content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%}.status-bar .bili-note-iconfont{display:inline-block;margin-right:3px}.status-bar--error{color:#e02020}.status-bar--warning{color:#e6a23c}.status-bar--success{color:#909098}.status-bar .icon-updating{animation:spin 1s linear infinite}.status-bar .text{vertical-align:top;margin-right:5px;display:inline-block;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;width:100%}.status-bar .text .text-msg{margin-right:5px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@font-face{font-family:bili-note-iconfont;src:;src: format("embedded-opentype"), format("woff2"), format("woff"), format("truetype"),url(/uploads/image/sbsjvasserts/iconfont.164d1555.svg) format("svg")}.bili-note-iconfont{font-family:bili-note-iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.iconcapture-app:before{content:"\e609"}.iconkeyboard:before{content:"\e607"}.iconundo:before{content:"\e606"}.iconredo:before{content:"\e605"}.iconicon_screenshot:before{content:"\e620"}.iconicon_flag_l:before{content:"\e61e"}.iconicon_flag_s:before{content:"\e61f"}.iconicon_notebook:before{content:"\e61d"}.iconicon_loading:before{content:"\e6b8"}.iconicon_warning02:before{content:"\e6b7"}.iconicon_tonote:before{content:"\e6b6"}.iconiconfont_icon_sync:before{content:"\e6b4"}.iconionfont_icon_warning:before{content:"\e6b5"}.iconicon_tudding:before{content:"\e6b3"}.iconiconfont_icon_backgroundcolor:before{content:"\e6b2"}.iconiconfont_icon_fontcolor1:before{content:"\e6b1"}.iconicon_refreshtime:before{content:"\e6b0"}.iconiconfont_icon_fontcolor-min:before{content:"\e6ba"}.iconiconfont_icon_bold:before{content:"\e69e"}.iconiconfont_icon_aligncenter:before{content:"\e69f"}.iconiconfont_icon_arrows:before{content:"\e6a0"}.iconiconfont_icon_close:before{content:"\e6a1"}.iconicon_arrest02:before{content:"\e6a2"}.iconiconfont_icon_crossed:before{content:"\e6a3"}.iconiconfont_icon_italic:before{content:"\e6a4"}.iconiconfont_icon_picture:before{content:"\e6a5"}.iconiconfont_icon_save:before{content:"\e6a6"}.iconiconfont_icon_fontcolor:before{content:"\e6a7"}.iconiconfont_icon_aligned:before{content:"\e6a8"}.iconicon_lajitong:before{content:"\e6a9"}.iconiconfont_icon_leftjustinfying:before{content:"\e6aa"}.iconiconfont_icon_link:before{content:"\e6ab"}.iconiconfont_icon_unordered:before{content:"\e6ac"}.iconiconfont_icon_suggest:before{content:"\e6ad"}.iconiconfont_icon_underline:before{content:"\e6ae"}.iconiconfont_icon_mynote:before{content:"\e6af"}/*!* quill editor v1.3.6
* https://quilljs.com/
* copyright (c) 2014, jason chen
* copyright (c) 2013, salesforce.com*/.ql-container{box-sizing:border-box;font-family:helvetica,arial,sans-serif;font-size:17px;height:100%;margin:0;position:relative;color:var(--text1)}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-disabled .ql-editor>*{cursor:default!important}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.58;height:100%;outline:none;overflow-y:auto;padding:25px 20px 10px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word;background-color:#fff;background-color:var(--bg1_float,#fff)}.ql-editor>*{cursor:text}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre,.ql-editor ul{margin:10px 0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor blockquote:first-of-type,.ql-editor h1:first-of-type,.ql-editor h2:first-of-type,.ql-editor h3:first-of-type,.ql-editor h4:first-of-type,.ql-editor h5:first-of-type,.ql-editor h6:first-of-type,.ql-editor ol:first-of-type,.ql-editor p:first-of-type,.ql-editor pre:first-of-type,.ql-editor ul:first-of-type{margin-top:0}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"\2022"}.ql-editor ul[data-checked=false],.ql-editor ul[data-checked=true]{pointer-events:none}.ql-editor ul[data-checked=false]>li *,.ql-editor ul[data-checked=true]>li *{pointer-events:all}.ql-editor ul[data-checked=false]>li:before,.ql-editor ul[data-checked=true]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"\2611"}.ql-editor ul[data-checked=false]>li:before{content:"\2610"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-font-serif{font-family:georgia,times new roman,serif}.ql-editor .ql-font-monospace{font-family:monaco,courier new,monospace}.ql-size-small{font-size:.75em}.ql-size-large{font-size:1.5em}.ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:rgba(0,0,0,.3);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{color:#61666d;color:var(--text2,#61666d);background:0 0;border:none;cursor:pointer;display:inline-block;height:24px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover{color:#06c}.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#61666d;color:var(--text2,#61666d)}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#61666d;fill:var(--text2,#61666d)}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#61666d;stroke:var(--text2,#61666d)}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow *{outline:none}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translatey(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-formats{display:inline-block;vertical-align:middle;display:-ms-flexbox;display:flex}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#61666d;stroke:var(--text2,#61666d);stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#61666d;stroke:var(--text2,#61666d);stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#61666d;fill:var(--text2,#61666d)}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-stroke.ql-thin,.ql-snow .ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1,.ql-snow .ql-editor h2,.ql-snow .ql-editor h3,.ql-snow .ql-editor h4,.ql-snow .ql-editor h5,.ql-snow .ql-editor h6{font-size:12px}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#61666d;color:var(--text2,#61666d);display:inline-block;font-size:17px;font-weight:500;position:relative;vertical-align:middle}.ql-snow .ql-size .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%;font-weight:500;font-size:15px}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{z-index:999;background-color:#fff;background-color:var(--bg1,#fff);display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#9499a0;color:var(--text3,#9499a0);z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#9499a0;fill:var(--text3,#9499a0)}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#43494c}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:6px;top:100%;z-index:999}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-10px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-item:before,.ql-snow .ql-picker.ql-header .ql-picker-label:before{content:"\6b63\6587"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before{content:"heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before{content:"heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before{content:"heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before{content:"heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before{content:"heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before{content:"heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-item:before,.ql-snow .ql-picker.ql-font .ql-picker-label:before{content:"sans serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before{content:"serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before{content:"monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:georgia,times new roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:monaco,courier new,monospace}.ql-snow .ql-picker.ql-size{width:50px;padding-top:1px}.ql-snow .ql-picker.ql-size .ql-picker-item:first-child{display:none}.ql-snow .ql-picker.ql-size .ql-picker-item:before,.ql-snow .ql-picker.ql-size .ql-picker-label:before{content:"17"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before{content:"large"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before{content:"huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-options .ql-picker-item:first-child{position:relative;border:1px solid #eee}.ql-snow .ql-color-picker.ql-background .ql-picker-options .ql-picker-item:first-child:after{content:"";display:block;position:absolute;top:0;left:1px;width:18px;height:0;border-bottom:1px solid #ff5151;transform-origin:0 0;transform:rotate(45deg)}.ql-toolbar.ql-snow{border:none;box-sizing:border-box;font-family:helvetica neue,helvetica,arial,sans-serif;padding:8px}.ql-toolbar{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background:#f1f2f3;background:var(--ga1,#f1f2f3)}.ql-toolbar.ql-snow .ql-formats{margin-right:5px}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:0 2px 8px rgba(0,0,0,.2)}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:none}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:none;box-shadow:0 1px 3px #888}.ql-toolbar.ql-snow .ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #e3e5e7;border:1px solid var(--line_regular,#e3e5e7);box-shadow:0 0 5px #ddd;color:#61666d;color:var(--text2,#61666d);padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #e3e5e7;border:1px solid var(--line_regular,#e3e5e7);font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{display:none;border-right:1px solid #ccc;content:"";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{font-size:12px;content:"\79fb\9664";margin-left:10px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:""}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #f1f3f7}.ql-color-picker .ql-picker-item[data-value="#000000"]{background-color:#000;background-color:#000!important}.ql-color-picker .ql-picker-item[data-value="#000000"].ql-primary{background-color:#000!important}html.night-mode .ql-color-picker .ql-picker-item[data-value="#000000"].ql-primary{background-color:#fff!important}.ql-color-picker .ql-picker-item[data-value="#ffffff"]{background-color:#fff;border:1px solid #e3e5e7;border:1px solid var(--line_regular,#e3e5e7);background-color:#fff!important}.ql-color-picker .ql-picker-item[data-value="#333333"]{background-color:#333;background-color:#333!important}html.night-mode .ql-color-picker .ql-picker-item[data-value="#333333"]{background-color:#d0d0d0!important}.ql-color-picker .ql-picker-item[data-value="#494949"]{background-color:#494949;background-color:#494949!important}html.night-mode .ql-color-picker .ql-picker-item[data-value="#494949"]{background-color:#bcbcbc!important}.ql-color-picker .ql-picker-item[data-value="#a5a5a5"]{background-color:#a5a5a5;background-color:#a5a5a5!important}html.night-mode .ql-color-picker .ql-picker-item[data-value="#a5a5a5"]{background-color:#676767!important}.ql-color-picker .ql-picker-item[data-value="#cccccc"]{background-color:#ccc;background-color:#ccc!important}html.night-mode .ql-color-picker .ql-picker-item[data-value="#cccccc"]{background-color:#434343!important}.ql-color-picker .ql-picker-item[data-value="#89d4ff"]{background-color:#89d4ff;background-color:#89d4ff!important}html.night-mode .ql-color-picker .ql-picker-item[data-value="#89d4ff"]{background-color:#83c9f1!important}.ql-color-picker .ql-picker-item[data-value="#73fdea"]{background-color:#73fdea;background-color:#73fdea!important}html.night-mode .ql-color-picker .ql-picker-item[data-value="#73fdea"]{background-color:#70eddc!important}.ql-color-picker .ql-picker-item[data-value="#89fa4e"]{background-color:#89fa4e;background-color:#89fa4e!important}html.night-mode .ql-color-picker .ql-picker-item[data-value="#89fa4e"]{background-color:#84e751!important}.ql-color-picker .ql-picker-item[data-value="#fff359"]{background-color:#fff359;background-color:#fff359!important}html.night-mode .ql-color-picker .ql-picker-item[data-value="#fff359"]{background-color:#ede25a!important}.ql-color-picker .ql-picker-item[data-value="#ff968d"]{background-color:#ff968d;background-color:#ff968d!important}html.night-mode .ql-color-picker .ql-picker-item[data-value="#ff968d"]{background-color:#f28f87!important}.ql-color-picker .ql-picker-item[data-value="#ffa0d0"]{background-color:#ffa0d0;background-color:#ffa0d0!important}html.night-mode .ql-color-picker .ql-picker-item[data-value="#ffa0d0"]{background-color:#523744!important}.ql-color-picker .ql-picker-item[data-value="#0b84ed"]{background-color:#0b84ed;background-color:#0b84ed!important}html.night-mode .ql-color-picker .ql-picker-item[data-value="#0b84ed"]{background-color:#207ccc!important}.ql-color-picker .ql-picker-item[data-value="#18e7cf"]{background-color:#18e7cf;background-color:#18e7cf!important}html.night-mode .ql-color-picker .ql-picker-item[data-value="#18e7cf"]{background-color:#2ac8b6!important}.ql-color-picker .ql-picker-item[data-value="#60d837"]{background-color:#60d837;background-color:#60d837!important}html.night-mode .ql-color-picker .ql-picker-item[data-value="#60d837"]{background-color:#5fc53d!important}.ql-color-picker .ql-picker-item[data-value="#fbe231"]{background-color:#fbe231;background-color:#fbe231!important}html.night-mode .ql-color-picker .ql-picker-item[data-value="#fbe231"]{background-color:#e5d038!important}.ql-color-picker .ql-picker-item[data-value="#ff654e"]{background-color:#ff654e;background-color:#ff654e!important}html.night-mode .ql-color-picker .ql-picker-item[data-value="#ff654e"]{background-color:#ec6551!important}.ql-color-picker .ql-picker-item[data-value="#ea0077"]{background-color:#ea0077;background-color:#ea0077!important}html.night-mode .ql-color-picker .ql-picker-item[data-value="#ea0077"]{background-color:#c81671!important}.ql-color-picker .ql-picker-item[data-value="#0176ba"]{background-color:#0176ba;background-color:#0176ba!important}html.night-mode .ql-color-picker .ql-picker-item[data-value="#0176ba"]{background-color:#136b9f!important}.ql-color-picker .ql-picker-item[data-value="#068f86"]{background-color:#068f86;background-color:#068f86!important}html.night-mode .ql-color-picker .ql-picker-item[data-value="#068f86"]{background-color:#137b74!important}.ql-color-picker .ql-picker-item[data-value="#1db100"]{background-color:#1db100;background-color:#1db100!important}html.night-mode .ql-color-picker .ql-picker-item[data-value="#1db100"]{background-color:#279711!important}.ql-color-picker .ql-picker-item[data-value="#f8ba00"]{background-color:#f8ba00;background-color:#f8ba00!important}html.night-mode .ql-color-picker .ql-picker-item[data-value="#f8ba00"]{background-color:#d4a518!important}.ql-color-picker .ql-picker-item[data-value="#ee230d"]{background-color:#ee230d;background-color:#ee230d!important}html.night-mode .ql-color-picker .ql-picker-item[data-value="#ee230d"]{background-color:#cd3222!important}.ql-color-picker .ql-picker-item[data-value="#cb297a"]{background-color:#cb297a;background-color:#cb297a!important}html.night-mode .ql-color-picker .ql-picker-item[data-value="#cb297a"]{background-color:#b13674!important}.ql-color-picker .ql-picker-item[data-value="#004e80"]{background-color:#004e80;background-color:#004e80!important}html.night-mode .ql-color-picker .ql-picker-item[data-value="#004e80"]{background-color:#0c476d!important}.ql-color-picker .ql-picker-item[data-value="#017c76"]{background-color:#017c76;background-color:#017c76!important}html.night-mode .ql-color-picker .ql-picker-item[data-value="#017c76"]{background-color:#9af3ef!important}.ql-color-picker .ql-picker-item[data-value="#017001"]{background-color:#017001;background-color:#017001!important}html.night-mode .ql-color-picker .ql-picker-item[data-value="#017001"]{background-color:#a4f4a4!important}.ql-color-picker .ql-picker-item[data-value="#ff9201"]{background-color:#ff9201;background-color:#ff9201!important}html.night-mode .ql-color-picker .ql-picker-item[data-value="#ff9201"]{background-color:#db8718!important}.ql-color-picker .ql-picker-item[data-value="#b41700"]{background-color:#b41700;background-color:#b41700!important}html.night-mode .ql-color-picker .ql-picker-item[data-value="#b41700"]{background-color:#9a2311!important}.ql-color-picker .ql-picker-item[data-value="#99195e"]{background-color:#99195e;background-color:#99195e!important}html.night-mode .ql-color-picker .ql-picker-item[data-value="#99195e"]{background-color:#852458!important}.ql-editor .ql-size-10px{font-size:10px}.ql-editor .ql-size-12px{font-size:12px}.ql-editor .ql-size-14px{font-size:14px}.ql-editor .ql-size-16px{font-size:16px}.ql-editor .ql-size-17px{font-size:17px}.ql-editor .ql-size-18px{font-size:18px}.ql-editor .ql-size-20px{font-size:20px}.ql-editor .ql-size-22px{font-size:22px}.ql-editor .ql-size-24px{font-size:24px}.ql-editor .ql-color-\#000000{color:#000}html.night-mode .ql-editor .ql-color-\#000000{color:#fff}.ql-editor .ql-color-\#999999{color:#999}html.night-mode .ql-editor .ql-color-\#999999{color:#727272}.ql-editor .ql-color-\#494949{color:#494949}html.night-mode .ql-editor .ql-color-\#494949{color:#bcbcbc}.ql-editor .ql-color-\#a5a5a5{color:#a5a5a5}html.night-mode .ql-editor .ql-color-\#a5a5a5{color:#676767}.ql-editor .ql-color-\#cccccc{color:#ccc}html.night-mode .ql-editor .ql-color-\#cccccc{color:#434343}.ql-editor .ql-color-\#89d4ff{color:#89d4ff}html.night-mode .ql-editor .ql-color-\#89d4ff{color:#83c9f1}.ql-editor .ql-color-\#73fdea{color:#73fdea}html.night-mode .ql-editor .ql-color-\#73fdea{color:#70eddc}.ql-editor .ql-color-\#89fa4e{color:#89fa4e}html.night-mode .ql-editor .ql-color-\#89fa4e{color:#84e751}.ql-editor .ql-color-\#fff359{color:#fff359}html.night-mode .ql-editor .ql-color-\#fff359{color:#ede25a}.ql-editor .ql-color-\#ff968d{color:#ff968d}html.night-mode .ql-editor .ql-color-\#ff968d{color:#f28f87}.ql-editor .ql-color-\#ffa0d0{color:#ffa0d0}html.night-mode .ql-editor .ql-color-\#ffa0d0{color:#523744}.ql-editor .ql-color-\#0b84ed{color:#0b84ed}html.night-mode .ql-editor .ql-color-\#0b84ed{color:#207ccc}.ql-editor .ql-color-\#18e7cf{color:#18e7cf}html.night-mode .ql-editor .ql-color-\#18e7cf{color:#2ac8b6}.ql-editor .ql-color-\#60d837{color:#60d837}html.night-mode .ql-editor .ql-color-\#60d837{color:#5fc53d}.ql-editor .ql-color-\#fbe231{color:#fbe231}html.night-mode .ql-editor .ql-color-\#fbe231{color:#e5d038}.ql-editor .ql-color-\#ff654e{color:#ff654e}html.night-mode .ql-editor .ql-color-\#ff654e{color:#ec6551}.ql-editor .ql-color-\#ea0077{color:#ea0077}html.night-mode .ql-editor .ql-color-\#ea0077{color:#c81671}.ql-editor .ql-color-\#0176ba{color:#0176ba}html.night-mode .ql-editor .ql-color-\#0176ba{color:#136b9f}.ql-editor .ql-color-\#068f86{color:#068f86}html.night-mode .ql-editor .ql-color-\#068f86{color:#137b74}.ql-editor .ql-color-\#1db100{color:#1db100}html.night-mode .ql-editor .ql-color-\#1db100{color:#279711}.ql-editor .ql-color-\#f8ba00{color:#f8ba00}html.night-mode .ql-editor .ql-color-\#f8ba00{color:#d4a518}.ql-editor .ql-color-\#ee230d{color:#ee230d}html.night-mode .ql-editor .ql-color-\#ee230d{color:#cd3222}.ql-editor .ql-color-\#cb297a{color:#cb297a}html.night-mode .ql-editor .ql-color-\#cb297a{color:#b13674}.ql-editor .ql-color-\#004e80{color:#004e80}html.night-mode .ql-editor .ql-color-\#004e80{color:#0c476d}.ql-editor .ql-color-\#017c76{color:#017c76}html.night-mode .ql-editor .ql-color-\#017c76{color:#9af3ef}.ql-editor .ql-color-\#017001{color:#017001}html.night-mode .ql-editor .ql-color-\#017001{color:#a4f4a4}.ql-editor .ql-color-\#ff9201{color:#ff9201}html.night-mode .ql-editor .ql-color-\#ff9201{color:#db8718}.ql-editor .ql-color-\#b41700{color:#b41700}html.night-mode .ql-editor .ql-color-\#b41700{color:#9a2311}.ql-editor .ql-color-\#99195e{color:#99195e}html.night-mode .ql-editor .ql-color-\#99195e{color:#852458}.ql-editor .ql-color-\#ffffff{color:#fff}.ql-editor .ql-bg-\#000000{background-color:#000}.ql-editor .ql-bg-\#ffffff{background-color:transparent}.ql-editor .ql-bg-\#89fa4e{background-color:#89fa4e}html.night-mode .ql-editor .ql-bg-\#89fa4e{background-color:#84e751}.ql-editor .ql-bg-\#494949{background:#494949}html.night-mode .ql-editor .ql-bg-\#494949{background:#bcbcbc}.ql-editor .ql-bg-\#a5a5a5{background:#a5a5a5}html.night-mode .ql-editor .ql-bg-\#a5a5a5{background:#676767}.ql-editor .ql-bg-\#cccccc{background:#ccc}html.night-mode .ql-editor .ql-bg-\#cccccc{background:#434343}.ql-editor .ql-bg-\#89d4ff{background:#89d4ff}html.night-mode .ql-editor .ql-bg-\#89d4ff{background:#83c9f1}.ql-editor .ql-bg-\#73fdea{background:#73fdea}html.night-mode .ql-editor .ql-bg-\#73fdea{background:#70eddc}.ql-editor .ql-bg-\#89fa4e{background:#89fa4e}html.night-mode .ql-editor .ql-bg-\#89fa4e{background:#84e751}.ql-editor .ql-bg-\#fff359{background:#fff359}html.night-mode .ql-editor .ql-bg-\#fff359{background:#ede25a}.ql-editor .ql-bg-\#ff968d{background:#ff968d}html.night-mode .ql-editor .ql-bg-\#ff968d{background:#f28f87}.ql-editor .ql-bg-\#ffa0d0{background:#ffa0d0}html.night-mode .ql-editor .ql-bg-\#ffa0d0{background:#523744}.ql-editor .ql-bg-\#0b84ed{background:#0b84ed}html.night-mode .ql-editor .ql-bg-\#0b84ed{background:#207ccc}.ql-editor .ql-bg-\#18e7cf{background:#18e7cf}html.night-mode .ql-editor .ql-bg-\#18e7cf{background:#2ac8b6}.ql-editor .ql-bg-\#60d837{background:#60d837}html.night-mode .ql-editor .ql-bg-\#60d837{background:#5fc53d}.ql-editor .ql-bg-\#fbe231{background:#fbe231}html.night-mode .ql-editor .ql-bg-\#fbe231{background:#e5d038}.ql-editor .ql-bg-\#ff654e{background:#ff654e}html.night-mode .ql-editor .ql-bg-\#ff654e{background:#ec6551}.ql-editor .ql-bg-\#ea0077{background:#ea0077}html.night-mode .ql-editor .ql-bg-\#ea0077{background:#c81671}.ql-editor .ql-bg-\#0176ba{background:#0176ba}html.night-mode .ql-editor .ql-bg-\#0176ba{background:#136b9f}.ql-editor .ql-bg-\#068f86{background:#068f86}html.night-mode .ql-editor .ql-bg-\#068f86{background:#137b74}.ql-editor .ql-bg-\#1db100{background:#1db100}html.night-mode .ql-editor .ql-bg-\#1db100{background:#279711}.ql-editor .ql-bg-\#f8ba00{background:#f8ba00}html.night-mode .ql-editor .ql-bg-\#f8ba00{background:#d4a518}.ql-editor .ql-bg-\#ee230d{background:#ee230d}html.night-mode .ql-editor .ql-bg-\#ee230d{background:#cd3222}.ql-editor .ql-bg-\#cb297a{background:#cb297a}html.night-mode .ql-editor .ql-bg-\#cb297a{background:#b13674}.ql-editor .ql-bg-\#004e80{background:#004e80}html.night-mode .ql-editor .ql-bg-\#004e80{background:#0c476d}.ql-editor .ql-bg-\#017c76{background:#017c76}.ql-editor .ql-bg-\#017001{background:#017001}.ql-editor .ql-bg-\#ff9201{background:#ff9201}html.night-mode .ql-editor .ql-bg-\#ff9201{background:#db8718}.ql-editor .ql-bg-\#b41700{background:#b41700}html.night-mode .ql-editor .ql-bg-\#b41700{background:#9a2311}.ql-editor .ql-bg-\#99195e{background:#99195e}html.night-mode .ql-editor .ql-bg-\#99195e{background:#852458}.ql-size .ql-picker-item[data-value="10px"]{font-size:10px}.ql-size .ql-picker-item[data-value="12px"]{font-size:12px}.ql-size .ql-picker-item[data-value="14px"]{font-size:14px}.ql-size .ql-picker-item[data-value="16px"]{font-size:16px}.ql-size .ql-picker-item[data-value="17px"]{font-size:17px}.ql-size .ql-picker-item[data-value="18px"]{font-size:18px}.ql-size .ql-picker-item[data-value="20px"]{font-size:20px}.ql-size .ql-picker-item[data-value="22px"]{font-size:22px}.ql-size .ql-picker-item[data-value="24px"]{font-size:24px}#web-toolbar{position:relative;z-index:1}#web-toolbar .bili-note-iconfont{font-size:20px!important}#web-toolbar .ql-picker-label svg{width:20px;height:20px}#web-toolbar .ql-size{width:50px;font-size:16px;line-height:25px}#web-toolbar .ql-color-picker{display:block;width:28px;height:24px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}#web-toolbar .ql-color-picker .ql-picker-label{display:block}.ql-toolbar .toolbar-mask,.readonly-toolbar .toolbar-mask{z-index:1;content:"";width:100%;height:100%;top:0;left:0;background-color:#fff;background-color:var(--bg1,#fff);opacity:.5;cursor:not-allowed;position:absolute}.note-tooltip[data-v-7d1fab40]{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:10px 12px;line-height:20px;font-size:14px;background:var(--graph_bg_thick)}.note-tooltip.info[data-v-7d1fab40]{color:var(--text2)}.note-tooltip.warning[data-v-7d1fab40]{color:#e02020}.note-tooltip-msg[data-v-7d1fab40]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-tooltip .icon-close[data-v-7d1fab40]{height:20px;font-size:16px;cursor:pointer}.resizable-component{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:absolute!important;box-shadow:0 3px 25px 0 rgba(0,0,0,.3);border-radius:4px}.resizable-component .note-drag-bar{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;width:100%;height:46px;background:#dddde7;border-radius:4px 4px 0 0;text-align:center;cursor:move;box-sizing:border-box;font-size:12px;color:#909098;padding:0 8px}.resizable-component .note-drag-bar .status-bar{width:calc(100% - 147px)}.resizable-component .note-drag-bar .status-bar .text{text-align:left;max-width:100%!important;width:100%!important}.resizable-component .operation-btns{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.resizable-component .operation-btns>a{text-decoration:none}.resizable-component .operation-btns .column-line{margin-left:10px;width:1px;height:13px;opacity:.2;background:#a7a7a7;margin-top:3px}.resizable-component .close-btn{color:#2c3133;width:18px;height:18px;text-align:center;line-height:18px;background:#ebebf2;border-radius:2px;cursor:pointer;transition:.3s;margin-left:10px}.resizable-component .close-btn:hover{background:#ccccde}.resizable-component .publish-btn{margin-right:8px;padding:0 10px;font-size:13px;line-height:28px;border-radius:2px;color:#fff;background:#00a1d6;white-space:nowrap;cursor:pointer}.resizable-component .custom-btns{display:-ms-flexbox;display:flex}.resizable-component .custom-btns .ql-capture-btn{width:22px;height:22px;display:inline-block;text-align:center;line-height:22px;background:#f79e00;border-radius:2px;cursor:pointer;margin-left:5px;margin-top:2px;text-decoration:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.resizable-component .custom-btns .ql-capture-btn .bili-note-iconfont{color:#fff;font-size:20px}.resizable-component .custom-btns .ql-tag-btn{width:22px;height:22px;display:inline-block;text-align:center;line-height:22px;background:#2392e5;border-radius:2px;cursor:pointer;margin-left:10px;margin-top:2px;text-decoration:none}.resizable-component .custom-btns .ql-tag-btn .bili-note-iconfont{color:#fff;font-size:20px}.resizable-component .custom-btns .ql-save-btn{position:absolute;top:13px;right:10px;width:22px;height:22px;text-align:center;line-height:22px;border-radius:2px;cursor:pointer;color:#61666d;color:var(--text2,#61666d)}.resizable-component .editor-innter{margin:0 10px 10px;background:#f1f2f3;background:var(--ga1,#f1f2f3);overflow:hidden}.resizable-component .ql-toolbar{-ms-flex-negative:0;flex-shrink:0}.resizable-component .ql-toolbar .bili-note-iconfont{font-size:20px}.resizable-component #web-toolbar .ql-size .ql-picker-label{padding-top:2px}.resizable-component #web-toolbar .ql-color-picker{padding-top:8px}.resizable-component #web-toolbar .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{margin-top:-9px}.resizable-component .note-tooltip{-ms-flex-negative:0;flex-shrink:0;margin:0 10px;border-radius:4px 4px 0 0}.resizable-component .note-tooltip .ql-container{border-top:none}.resizable-component .ql-container{position:relative;box-sizing:border-box;-ms-flex-positive:1;flex-grow:1;border:none}.resizable-component .ql-editor::-webkit-scrollbar-track{background:#fff;background:var(--bg1,#fff)}.resizable-component .ql-editor::-webkit-scrollbar{width:5px}.resizable-component .ql-editor::-webkit-scrollbar-thumb{border-radius:5px;background:#dddde7}.resizable-component .ql-bar,.resizable-component .ql-bar-btn{position:relative;display:block}.resizable-component .ql-bar-btn:hover:after,.resizable-component .ql-bar:hover:after{-ms-flex-wrap:nowrap;flex-wrap:nowrap;display:-ms-flexbox;display:flex;position:absolute;z-index:200;top:35px;left:-7px;word-break:keep-all;background:#5d5d5d;border-radius:4px;padding:5px 12px;line-height:16px;font-size:12px;color:hsla(0,0%,100%,.85);content:attr(labeltooltip);min-width:22px}.resizable-component .ql-bar-btn:hover:before,.resizable-component .ql-bar:hover:before{content:"";position:absolute;top:30px;left:15px;transform:translatex(-50%);border-color:transparent transparent #5d5d5d;border-style:solid;border-width:0 6px 6px;z-index:99}.resizable-component .ql-image-preview{box-sizing:content-box;max-width:100%;padding-top:10px;padding-bottom:10px;-ms-flex-pack:center;justify-content:center;overflow:hidden;position:relative;border-radius:2px;display:-ms-inline-flexbox;display:inline-flex}.resizable-component .ql-image-preview .img-preview{width:100%;height:100%;display:block;border-radius:2px}.resizable-component .ql-image-preview .loading-img{cursor:progress;opacity:.5}.resizable-component .ql-image-preview.uploaded .loading-img{cursor:default;opacity:1}.resizable-component .ql-tag-blot{display:inline-block;padding-top:10px;padding-bottom:10px}.resizable-component .ql-tag-blot .time-tag-item{cursor:pointer;transition:.2s;background:#f1f2f3;background:var(--graph_bg_regular_float,#f1f2f3);border-radius:4px;height:auto;line-height:20px;display:inline-block;padding:3.5px 10px 3.5px 5px;font-size:14px;font-weight:700;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resizable-component .ql-tag-blot .time-tag-item:hover{background-color:#e3e5e7;background-color:var(--graph_weak,#e3e5e7)}.resizable-component .ql-tag-blot .bili-note-iconfont{font-size:16px}.resizable-component .ql-tag-blot .time-tag-item__text{font-size:14px;line-height:20px;color:#18191c;color:var(--text1,#18191c);font-weight:400;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.resizable-component .ql-tag-blot .time-tag-item__text .title{max-width:150px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px}.resizable-component .ql-tag-blot .time-tag-item__desc{margin-left:8px;display:inline-block;font-size:14px;line-height:20px;color:#61666d}.resizable-component .blot-disabled .time-tag-item{cursor:not-allowed;background:#ebebeb;color:silver;border:none}.resizable-component .blot-disabled>span{-ms-flex-align:center;align-items:center;background:#ebebeb;border-radius:12px;line-height:20px;display:inline-block;font-size:12px;cursor:not-allowed;font-weight:700;display:-ms-inline-flexbox;display:inline-flex}.resizable-component .blot-disabled>span:after{content:""}.resizable-component .blot-disabled .time-tag-item:hover{border:none}.resizable-component .blot-disabled .time-tag-item__desc,.resizable-component .blot-disabled .time-tag-item__text{color:silver}.resizable-component .blot-disabled .time-tag-error-tip{display:inline-block;color:#e02020;text-indent:8px}.resizable-component .blot-disabled .bili-note-iconfont{color:silver}.resizable-component .tag-dialog-container{width:100%;height:calc(100% - 46px);bottom:0;z-index:1;position:absolute;background:rgba(0,0,0,.3);border-radius:0 0 4px 4px}.resizable-component .tag-dialog-container .tag-dialog{position:relative;width:320px;height:190px;background:#fff;border:1px solid #e3e5e7;border:1px solid var(--line_regular,#e3e5e7);box-shadow:0 0 30px rgba(0,0,0,.1);border-radius:8px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin:25% auto}.resizable-component .tag-dialog-container .tag-dialog .tag-dialog__time{font-size:16px;line-height:22px;color:#18191c;color:var(--text1,#18191c);margin-bottom:24px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.resizable-component .tag-dialog-container .tag-dialog .tag-dialog__time>i{font-size:20px}.resizable-component .tag-dialog-container .tag-dialog .tag-dialog__time .split-line{margin:0 10px;display:inline-block;width:1px;height:10px;background-color:#212121}.resizable-component .tag-dialog-container .tag-dialog .tag-dialog__close{cursor:pointer;position:absolute;right:20px;top:12px;color:#757575;font-size:25px}.resizable-component .tag-dialog-container .tag-dialog .tag-dialog__content{width:272px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.resizable-component .tag-dialog-container .tag-dialog .tag-dialog__input{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-bottom:24px}.resizable-component .tag-dialog-container .tag-dialog .tag-dialog__input>input{padding:7px 12px;outline:none;border-radius:6px;color:#18191c;color:var(--text1,#18191c);background:#f1f2f3;border:1px solid #f1f2f3;width:100%;transition:.3s}.resizable-component .tag-dialog-container .tag-dialog .tag-dialog__input>input:focus,.resizable-component .tag-dialog-container .tag-dialog .tag-dialog__input>input:hover{border:1px solid #f1f2f3;background:#fff}.resizable-component .tag-dialog-container .tag-dialog .tag-dialog__input>input:-ms-input-placeholder{color:#c9ccd0;color:var(--text4,#c9ccd0)}.resizable-component .tag-dialog-container .tag-dialog .tag-dialog__input>input::placeholder{color:#c9ccd0;color:var(--text4,#c9ccd0)}.resizable-component .tag-dialog-container .tag-dialog .tag-dialog__input .input-filled{border:1px solid #f1f2f3;background:#fff}.resizable-component .tag-dialog-container .tag-dialog .tag-dialog__input--count{color:#c9ccd0;color:var(--text4,#c9ccd0);position:absolute;right:7px;top:8px}.resizable-component .tag-dialog-container .tag-dialog .tag-dialog__btn{display:-ms-flexbox;display:flex}.resizable-component .tag-dialog-container .tag-dialog .tag-dialog__btn .dialog-btn{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:130px;height:32px;border-radius:6px;font-weight:400;font-size:14px;line-height:20px;margin:0 6px;cursor:pointer}.resizable-component .tag-dialog-container .tag-dialog .tag-dialog__btn--cancel{color:#000;border:1px solid #e3e5e7;border:1px solid var(--line_regular,#e3e5e7)}.resizable-component .tag-dialog-container .tag-dialog .tag-dialog__btn--confirm{color:#fff;border:1px solid #00aeec;border:1px solid var(--brand_blue,#00aeec);background:#00aeec;background:var(--brand_blue,#00aeec)}#app-toolbar .iconredo,#app-toolbar .iconundo{color:#18191c;color:var(--text1,#18191c);font-size:23px}#app-toolbar .iconiconfont_icon_bold{font-size:20px}#app-toolbar .ql-color-picker svg{width:20px}#app-toolbar .ql-bar{width:22px;height:22px;margin-right:16px;border-radius:2px;background:#fff}#app-toolbar .close-keyboead{width:22px;height:22px;line-height:23px;border-radius:2px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;position:absolute;right:17px;font-size:26px;color:#43494c}#app-toolbar .close-keyboead:active{background:#ebebeb}#app-toolbar .toolbar-btns{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}#app-toolbar .ql-bar.ql-active,#app-toolbar .ql-expanded{background:#ebebeb;border-radius:2px}#app-toolbar .ql-bar.ql-active .bili-note-iconfont,#app-toolbar .ql-bar.ql-active .ql-bold,#app-toolbar .ql-expanded .bili-note-iconfont,#app-toolbar .ql-expanded .ql-bold{color:#18191c;color:var(--text1,#18191c)}#app-toolbar .ql-color{width:22px;height:22px;margin-top:3px}#app-toolbar .ql-color .ql-picker-label{padding:1px!important}#app-toolbar .redo-btn,#app-toolbar .undo-btn{width:22px;height:22px;line-height:23px}#app-toolbar .redo-btn:active,#app-toolbar .undo-btn:active{background:#ebebeb}#app-toolbar .btn-disable{opacity:.3}#app-toolbar .column{margin-right:12px;width:1px;height:7px;background:#e3e3e3}#app-toolbar .column-right{position:absolute;right:46px}#app-toolbar .ql-picker.ql-expanded .ql-picker-options{padding:0 6px;box-sizing:border-box;margin-top:0;width:100vw;top:40px;background:#fff;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;border-top:1px solid #333}#app-toolbar .ql-picker.ql-expanded .ql-picker-options .ql-picker-item{border:none;box-sizing:border-box;width:10vw;height:10vw;margin:6px}#app-toolbar.ql-toolbar.ql-snow .ql-picker-options{border:none!important;box-shadow:none!important}.app-note .custom-btns{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-left:7px}.app-note .custom-btns .column{width:1px;height:7px;background:#e3e3e3}.app-note .custom-btns .ql-tag-btn{line-height:22px;width:22px;height:22px;margin-right:16px;display:block;text-align:center;background:#fff;background:var(--bg1,#fff);border-radius:2px;cursor:pointer;text-decoration:none}.app-note .custom-btns .ql-tag-btn .bili-note-iconfont{color:#18191c;color:var(--text1,#18191c);font-size:22px}.app-note .custom-btns .ql-tag-btn:active{background:#ebebeb}.app-note .custom-btns .ql-capture-btn{margin-right:12px}.app-note .ql-image-preview{box-sizing:content-box;max-width:100%;padding-top:10px;padding-bottom:10px;margin-left:-10px;-ms-flex-pack:center;justify-content:center;overflow:hidden;position:relative}.app-note .ql-image-preview,.app-note .ql-image-preview .img-preview{border-radius:2px;display:block}.app-note .ql-image-preview .loading-img{opacity:.5}.app-note .ql-image-preview .mask{cursor:progress;width:100%;height:100%;background:hsla(0,0%,100%,.6);position:absolute;top:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.app-note .ql-image-preview .mask .iconicon_loading{color:#666;position:relative;font-size:40px;animation:loading-rotate 2s linear infinite}.app-note .ql-image-preview.uploaded .loading-img{opacity:1}.app-note .ql-tag-blot{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px}.app-note .ql-tag-blot .time-tag-item{cursor:pointer;transition:.2s;background:#f1f2f3;background:var(--graph_bg_regular_float,#f1f2f3);border-radius:4px;height:auto;line-height:20px;padding:3.5px 10px 3.5px 5px;font-size:14px;font-weight:700;display:inline-block;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-note .ql-tag-blot .time-tag-item:hover{background-color:#c9ccd0;background-color:var(--graph_weak,#c9ccd0)}.app-note .ql-tag-blot .bili-note-iconfont{font-size:16px;color:#18191c;color:var(--text1,#18191c);line-height:1}.app-note .ql-tag-blot .time-tag-item__text{font-size:14px;line-height:20px;color:#18191c;color:var(--text1,#18191c);font-weight:400;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.app-note .ql-tag-blot .time-tag-item__text .title{max-width:150px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px}.app-note .ql-tag-blot .time-tag-item__desc{margin-left:8px;display:inline-block;font-size:14px;line-height:20px;color:#61666d}.app-note .blot-disabled .time-tag-item{background:#ebebeb;color:silver}.app-note .blot-disabled>span{-ms-flex-align:center;align-items:center;background:#ebebeb;border-radius:12px;height:22px;line-height:20px;display:inline-block;font-size:12px;cursor:not-allowed;font-weight:700;display:-ms-inline-flexbox;display:inline-flex}.app-note .blot-disabled>span:after{content:""}.app-note .blot-disabled .time-tag-item__desc,.app-note .blot-disabled .time-tag-item__text{color:silver}.app-note .blot-disabled .time-tag-error-tip{white-space:nowrap;color:silver;line-height:22px}.app-note .blot-disabled .bili-note-iconfont{color:#999}.app-note .ql-editor{position:relative;padding:20px}.app-note .ql-container.ql-snow{border:none}.toolbar-show-enter-active,.toolbar-show-leave-active{transition:all .3s ease}.toolbar-show-enter,.toolbar-show-leave-to{opacity:0;transform:translatey(300px)}.page-loading{width:100%;height:100%;background:#fff;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column}.page-loading .loading-icon{width:24px;height:27px}.page-loading p{font-size:17px;color:#999;line-height:18px;margin-top:4px}@keyframes loading-rotate{to{transform:rotate(1turn)}}.page-fade-enter-active,.page-fade-leave-active{transition:opacity .2s ease}.page-fade-enter,.page-fade-leave-to{opacity:0}.manage-note{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:0 8px 8px;background:#1a1b1d;background:var(--bg3_float,#1a1b1d)}.manage-note--header{-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding-left:4px;width:100%;height:50px;box-sizing:border-box}.manage-note--header .status-bar .text{max-width:220px!important;font-size:13px;color:#757a81;color:var(--text3,#757a81)}.manage-note--header .tools-btns{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.manage-note--header .tools-btns .edit-btn{height:30px;-ms-flex-negative:0;flex-shrink:0;margin-left:10px;vertical-align:middle;padding:0 10px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:13px;border-radius:6px;color:#fff;color:var(--text_white,#fff);background-color:var(--brand_blue);cursor:pointer;box-sizing:border-box}.manage-note--header .tools-btns .edit-btn--ghost{border:1px solid var(--brand_blue);color:var(--brand_blue);background-color:transparent}.manage-note #web-toolbar{-ms-flex-negative:0;flex-shrink:0;margin:0 -8px;padding:8px 16px;background:#1a1b1d;background:var(--bg3_float,#1a1b1d)}.manage-note #web-toolbar.readonly-toolbar .toolbar-mask{opacity:0}.manage-note #web-toolbar.readonly-toolbar .ql-picker,.manage-note #web-toolbar.readonly-toolbar button{color:var(--text2)}.manage-note #web-toolbar.readonly-toolbar .ql-stroke{stroke:var(--text2)}.manage-note #web-toolbar .ql-color-picker{padding-top:10px}.manage-note .note-tooltip{border-radius:4px 4px 0 0}.manage-note .note-tooltip .ql-container{border-radius:0}.manage-note .ql-container{overflow:scroll;border-radius:4px 4px 0 0}.manage-note .ql-container.ql-snow{border:none}.manage-note .ql-editor::-webkit-scrollbar-track{background:transparent}.manage-note .ql-editor::-webkit-scrollbar{width:5px}.manage-note .ql-editor::-webkit-scrollbar-thumb{border-radius:5px;background-color:#c9ccd0;background-color:var(--graph_weak,#c9ccd0)}.manage-note .ql-image-preview{box-sizing:content-box;max-width:100%;padding-top:10px;padding-bottom:10px;-ms-flex-pack:center;justify-content:center;overflow:hidden;position:relative;border-radius:2px;display:-ms-inline-flexbox;display:inline-flex}.manage-note .ql-image-preview .img-preview{width:100%;height:100%;display:block;border-radius:2px}.manage-note .ql-image-preview .loading-img{cursor:progress;opacity:.5}.manage-note .ql-image-preview.uploaded .loading-img{cursor:zoom-in;opacity:1}.manage-note .ql-tag-blot{display:inline-block;padding-top:10px;padding-bottom:10px}.manage-note .ql-tag-blot .time-tag-item{cursor:pointer;transition:.2s;background:#f1f2f3;background:var(--graph_bg_regular_float,#f1f2f3);border-radius:4px;height:auto;line-height:20px;display:inline-block;padding:3.5px 10px 3.5px 5px;font-size:14px;font-weight:700;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manage-note .ql-tag-blot .time-tag-item:hover{background-color:#c9ccd0;background-color:var(--graph_weak,#c9ccd0)}.manage-note .ql-tag-blot .bili-note-iconfont{font-size:16px;color:#18191c;color:var(--text1,#18191c);line-height:1}.manage-note .ql-tag-blot .time-tag-item__text{font-size:14px;line-height:20px;color:#18191c;color:var(--text1,#18191c);font-weight:400;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.manage-note .ql-tag-blot .time-tag-item__text .title{max-width:150px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px}.manage-note .ql-tag-blot .time-tag-item__desc{margin-left:8px;display:inline-block;font-size:14px;line-height:20px;color:#61666d;color:var(--text2,#61666d)}.manage-note .blot-disabled .time-tag-item{cursor:not-allowed;background:#ebebeb;color:var(--text3)}.manage-note .blot-disabled>span{-ms-flex-align:center;align-items:center;background:#ebebeb;border-radius:12px;height:22px;line-height:20px;display:inline-block;font-size:12px;cursor:not-allowed;font-weight:700;display:-ms-inline-flexbox;display:inline-flex}.manage-note .blot-disabled>span:after{content:""}.manage-note .blot-disabled .time-tag-item:hover{border:1px solid var(--line_regular)}.manage-note .blot-disabled .time-tag-item__desc,.manage-note .blot-disabled .time-tag-item__text{color:var(--text3)}.manage-note .blot-disabled .time-tag-error-tip{display:inline-block;color:#e02020;text-indent:8px}.manage-note .blot-disabled .bili-note-iconfont{color:var(--text3)}.manage-note .ql-toolbar .bili-note-iconfont{font-size:20px!important}@font-face{font-family:read-icon;src: format("woff2"),url(/uploads/image/sbsjvasserts/iconfont.adc02294.woff) format("woff"),url(/uploads/image/sbsjvasserts/iconfont.d151a170.ttf) format("truetype")}.read-icon{font-family:read-icon!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.read-icon-share-fill:before{content:"\e639"}.read-icon-authsign:before{content:"\e605"}.read-icon-watch-later:before{content:"\e600"}.read-icon-share-bold:before{content:"\e601"}.read-icon-save:before{content:"\e602"}.read-icon-loading:before{content:"\eee3"}.read-icon-bilibili-tv:before{content:"\e668"}.read-icon-replace:before{content:"\e73c"}.read-icon-arrow-right:before{content:"\e744"}.read-icon-close:before{content:"\e637"}.read-icon-sort-up:before{content:"\e66a"}.read-icon-sort-down:before{content:"\e679"}.read-icon-list:before{content:"\e636"}.read-icon-share-weixin_monment:before{content:"\e635"}.read-icon-info-warning:before{content:"\e634"}.read-icon-earphone:before{content:"\e8bf"}.read-icon-circle:before{content:"\e632"}.read-icon-location:before{content:"\e60b"}.read-icon-heart:before{content:"\e631"}.read-icon-share:before{content:"\e633"}.read-icon-heart-fill:before{content:"\e705"}.read-icon-time:before{content:"\e630"}.read-icon-toprank-normal:before{content:"\e63b"}.read-icon-popularity:before{content:"\e62f"}.read-icon-auth-p:before{content:"\e62e"}.read-icon-rate-fill:before{content:"\e62c"}.read-icon-rate:before{content:"\e62d"}.read-icon-rate-half:before{content:"\e616"}.read-icon-coin:before{content:"\e617"}.read-icon-fav-num:before{content:"\e618"}.read-icon-danmu:before{content:"\e619"}.read-icon-like-fill:before{content:"\e61a"}.read-icon-video-play-num:before{content:"\e61b"}.read-icon-comment-num:before{content:"\e61c"}.read-icon-view-num:before{content:"\e61d"}.read-icon-fav-fill:before{content:"\e61e"}.read-icon-comment-fill:before{content:"\e61f"}.read-icon-up:before{content:"\e620"}.read-icon-up-fill:before{content:"\e622"}.read-icon-share-qzone:before{content:"\e623"}.read-icon-share-qq:before{content:"\e624"}.read-icon-coin-fill:before{content:"\e625"}.read-icon-share-news:before{content:"\e626"}.read-icon-like:before{content:"\e627"}.read-icon-share-tieba:before{content:"\e628"}.read-icon-share-weixin:before{content:"\e629"}.read-icon-share-sina:before{content:"\e62a"}.read-icon-like-num:before{content:"\e62b"}.read-icon-more:before{content:"\e615"}.read-icon-line-star:before{content:"\e614"}.read-icon-star-rated:before{content:"\e613"}.read-icontixj-oval:before{content:"\e612"}.read-icon-default-cover:before{content:"\e610"}.read-icon-tag:before{content:"\e611"}.read-icon-up-ad:before{content:"\e60f"}.read-icon-lv0:before{content:"\e6cb"}.read-icon-lv1:before{content:"\e6cc"}.read-icon-lv2:before{content:"\e6cd"}.read-icon-lv3:before{content:"\e6ce"}.read-icon-lv4:before{content:"\e6cf"}.read-icon-lv5:before{content:"\e6d0"}.read-icon-lv6:before{content:"\e6d1"}.read-icon-auth-c:before{content:"\e755"}.read-icon-zhuanlan:before{content:"\e60e"}.read-icon-general-moreactions:before{content:"\e6ea"}.read-icon-nav-back:before{content:"\e638"}.read-icon-fanhui:before{content:"\e621"}.svg-icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.svg-icon svg{width:100%;height:100%}.svg-icon.use-color svg path{fill:currentcolor;color:inherit}.v-toast[data-v-f38b5f5c]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:80%;border-radius:5px;background-color:rgba(0,0,0,.7);color:#fff;box-sizing:border-box;text-align:center}.v-toast__wrap[data-v-f38b5f5c]{position:fixed;bottom:0;right:0;left:0;top:0;z-index:1006;width:100%;height:100%}.v-toast__mask[data-v-f38b5f5c]{pointer-events:none}.v-toast__font[data-v-f38b5f5c]{display:block;text-align:center;font-size:56px}.v-toast--info[data-v-f38b5f5c]{max-width:240px;padding:10px}.v-toast__text[data-v-f38b5f5c]{font-size:12px;display:block;text-align:center;word-break:break-word!important;word-break:break-all}.v-toast__transition-enter-active[data-v-f38b5f5c],.v-toast__transition-leave-active[data-v-f38b5f5c]{transition:opacity .25s}.v-toast__transition-enter[data-v-f38b5f5c],.v-toast__transition-leave-active[data-v-f38b5f5c]{opacity:0}/*!
 * @bilibili/useravatar
 * version: 1.2.0. powered by main-frontend
 * 用户头像公共组件.
 * author: wuxiuran
 */.bili-avatar{display:block;position:relative;background-image:;background-size:cover;border-radius:50%}.bili-avatar,.bili-avatar *{margin:0;padding:0}.bili-avatar-face{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%}.bili-avatar-pendent-dom{height:176.48%;width:176.48%;position:absolute;top:-38.33%;left:-38.33%;overflow:hidden}.bili-avatar-pendent-dom img{height:100%;min-width:100%;-ms-user-select:none;user-select:none}.bili-avatar-img{border:none;display:block;object-fit:cover;image-rendering:-webkit-optimize-contrast}.bili-avatar-img-radius{border-radius:50%}.bili-avatar-img:not([src]),.bili-avatar-img[src=""]{opacity:0}.bili-avatar-icon-big-vip{background-image:url(/uploads/image/ibsjsuser-avatar/big-vip.svg)}.bili-avatar-icon-business{background-image:url(/uploads/image/ibsjsuser-avatar/business.svg)}.bili-avatar-icon-personal{background-image:url(/uploads/image/ibsjsuser-avatar/personal.svg)}.bili-avatar-icon-small-vip{background-image:url(/uploads/image/ibsjsuser-avatar/small-vip.svg)}.bili-avatar-img.bili-avatar-img-error{display:none}.bili-avatar-right-icon{right:0}.bili-avatar-nft-icon,.bili-avatar-right-icon{width:27.5%;height:27.5%;position:absolute;bottom:-1px;background-size:cover;image-rendering:-webkit-optimize-contrast}.bili-avatar-nft-icon{right:calc(27.5% - 1px)}.bili-avatar-nft--icon-1{background-image:url(/uploads/image/ibsjsuser-avatar/nft-label.gif)}.bili-avatar-nft--icon-2{background-image:url(/uploads/image/ibsjsuser-avatar/nft-label-oversea.gif)}@keyframes bili-avatar{0%{transform:translatez(0)}to{transform:translate3d(-97.5%,0,0)}}.bili-avatar .bili-avatar-size-80{width:22px;height:22px;bottom:-1px}.bili-avatar .bili-avatar-size-48,.bili-avatar .bili-avatar-size-50,.bili-avatar .bili-avatar-size-60{width:18px;height:18px;bottom:-1px}.bili-avatar .bili-avatar-size-36,.bili-avatar .bili-avatar-size-40{width:14px;height:14px;bottom:-1px}.bili-avatar .bili-avatar-size-24,.bili-avatar .bili-avatar-size-30{width:12px;height:12px;bottom:-1px}.bili-avatar .bili-avatar-size-nft-80{width:22px;height:22px;bottom:-1px;right:21px}.bili-avatar .bili-avatar-size-nft-48,.bili-avatar .bili-avatar-size-nft-50,.bili-avatar .bili-avatar-size-nft-60{width:18px;height:18px;bottom:-1px;right:17px}.bili-avatar .bili-avatar-size-nft-36,.bili-avatar .bili-avatar-size-nft-40{width:14px;height:14px;bottom:-1px;right:13px}.bili-avatar .bili-avatar-size-nft-24,.bili-avatar .bili-avatar-size-nft-30{width:12px;height:12px;bottom:-1px;right:11px}.note-up{padding:18px 0}.note-up .up-desc-container .desc-top .up-name{font-size:14px}.note-up .attention-btn-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:86px;height:32px;border-radius:6px;font-size:14px;color:#fff;background-color:#00aeec;background-color:var(--brand_blue,#00aeec);cursor:pointer}.note-up .attention-btn-container.is-attention{color:#9499a0;color:var(--text3,#9499a0);background-color:#c9ccd0;background-color:var(--graph_weak,#c9ccd0)}.note-up .attention-btn-container .cross-icon{margin-right:4px}.note-up.h5 .up-desc-container{margin-left:6px}.note-up.h5 .up-desc-container .desc-top .up-name{font-size:13px;font-weight:400}.note-up.h5 .up-desc-container .desc-bottom{height:14px}.note-up.h5 .up-desc-container .desc-bottom .modify-time{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin-right:4px}.note-up.h5 .up-desc-container .desc-bottom .modify-time .modify-time-text{position:absolute;font-size:20px;transform-origin:center center;transform:scale(.5);white-space:nowrap}.note-up.h5 .up-desc-container .desc-bottom .modify-time .modify-time-text,.note-up.h5 .up-desc-container .desc-bottom .up-fans,.note-up.h5 .up-desc-container .desc-bottom .up-fans .up-fans-text{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.note-up.h5 .up-desc-container .desc-bottom .up-fans .up-fans-text{position:absolute;font-size:20px;transform-origin:center center;transform:scale(.5);white-space:nowrap}.note-up.h5 .attention-btn-container{width:66px;height:24px;border-radius:4px;font-size:13px;background-color:#f69}.note-up.h5 .attention-btn-container.is-attention{color:#9499a0;color:var(--text3,#9499a0);background-color:#c9ccd0;background-color:var(--graph_weak,#c9ccd0)}.ring-progress[data-v-0129fa17]{position:absolute;transform:scale(.5)}.svga-container[data-v-1d9a3bfc]{position:absolute;z-index:100003}.svga-container.svga-top[data-v-1d9a3bfc]{width:120px;height:120px}.svga-container.svga-center[data-v-1d9a3bfc]{width:60px;height:60px}html.night-mode .dark-img{filter:saturate(85%) brightness(97%);will-change:filter}.view-note{position:relative}.view-note .page-loading{background:#fff;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column}html.night-mode .view-note .page-loading{background:#141414}.view-note .page-loading .loading-icon{width:24px;height:27px}.view-note .page-loading p{color:#999;font-size:17px;line-height:18px;margin-top:4px}html.night-mode .view-note .page-loading p{color:#727272}.view-note .page-fade-enter-active,.view-note .page-fade-leave-active{transition:opacity .2s ease}.view-note .page-fade-enter,.view-note .page-fade-leave-to{opacity:0;display:none}.view-note .note-content{position:relative}.view-note .note-content .preview-note-up{z-index:2;padding:18px 20px}.view-note .note-content .ql-container{padding-bottom:200px}.view-note .note-content .ql-container.ql-snow{border:none}.view-note .note-content .ql-container .ql-editor{position:relative;padding:0 20px;background:#fff;color:#222}html.night-mode .view-note .note-content .ql-container .ql-editor{background:#141414;color:#e0e0e0}.view-note .note-content .ql-container .ql-editor .time-tag-item{background:#ebebeb;color:#212121}html.night-mode .view-note .note-content .ql-container .ql-editor .time-tag-item{background:#272727;color:#e1e1e1}.view-note .note-content .ql-container .ql-editor .time-tag-item:hover{background:#e3e5e7}html.night-mode .view-note .note-content .ql-container .ql-editor .time-tag-item:hover{background:#303132}.view-note .note-content .ql-container .ql-editor .ql-image-preview{box-sizing:content-box;max-width:100%;padding-top:10px;padding-bottom:10px;margin-left:-10px;-ms-flex-pack:center;justify-content:center;overflow:hidden;position:relative;border-radius:2px;display:block}.view-note .note-content .ql-container .ql-editor .ql-image-preview .img-preview{display:block;border-radius:2px}.view-note .note-content .ql-container .ql-editor .ql-image-preview .loading-img{opacity:.5}.view-note .note-content .ql-container .ql-editor .ql-image-preview.uploaded .loading-img{opacity:1}.view-note .note-content .ql-container .ql-editor .ql-tag-blot{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px}.view-note .note-content .ql-container .ql-editor .ql-tag-blot .time-tag-item{cursor:pointer;transition:.2s;background:#f1f2f3;background:var(--graph_bg_regular_float,#f1f2f3);border-radius:4px;height:auto;line-height:20px;display:inline-block;padding:3.5px 10px 3.5px 5px;font-size:14px;font-weight:700;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-note .note-content .ql-container .ql-editor .ql-tag-blot .time-tag-item:hover{background-color:#c9ccd0;background-color:var(--graph_weak,#c9ccd0)}.view-note .note-content .ql-container .ql-editor .ql-tag-blot .bili-note-iconfont{font-size:16px;color:#18191c;color:var(--text1,#18191c);line-height:1}.view-note .note-content .ql-container .ql-editor .ql-tag-blot .time-tag-item__text{font-size:14px;line-height:20px;color:#18191c;color:var(--text1,#18191c);font-weight:400;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.view-note .note-content .ql-container .ql-editor .ql-tag-blot .time-tag-item__text .title{max-width:150px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px}.view-note .note-content .ql-container .ql-editor .ql-tag-blot .time-tag-item__desc{display:inline-block;margin-left:8px;font-size:14px;line-height:20px;color:#61666d}.view-note .note-content .ql-container .ql-editor .blot-disabled .time-tag-item{background:#ebebeb;color:silver}.view-note .note-content .ql-container .ql-editor .blot-disabled>span{-ms-flex-align:center;align-items:center;background:#ebebeb;border-radius:12px;height:22px;line-height:20px;display:inline-block;font-size:12px;cursor:not-allowed;font-weight:700;display:-ms-inline-flexbox;display:inline-flex}.view-note .note-content .ql-container .ql-editor .blot-disabled>span:after{content:""}.view-note .note-content .ql-container .ql-editor .blot-disabled .time-tag-item__desc,.view-note .note-content .ql-container .ql-editor .blot-disabled .time-tag-item__text{color:silver}.view-note .note-content .ql-container .ql-editor .blot-disabled .time-tag-error-tip{white-space:nowrap;color:silver;line-height:21px}.view-note .note-content .ql-container .ql-editor .blot-disabled .bili-note-iconfont{color:#999}.view-note #hidden-toolbar{display:none}.view-note .rightbar{position:fixed;bottom:33px;right:24px}.view-note .rightbar .sanlian-box{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;background:#fff;border:.5px solid #f1f2f3;box-shadow:0 0 4px rgba(0,0,0,.06),0 12px 20px rgba(0,0,0,.1);border-radius:52px;padding:0 13px;transition:all .3s;list-style:none}.view-note .rightbar .sanlian-box.fold{padding:0 1px}.view-note .rightbar .sanlian-box.fold .fold-action{width:0;opacity:1}.view-note .rightbar .sanlian-box.fold .fold-action .tab-num{visibility:hidden}.view-note .rightbar .sanlian-box .tab-action-icon{display:inline-block;width:48px;height:50px;line-height:24px;text-align:center}.view-note .rightbar .sanlian-box .fold-action{transition:width opacity .3s 0s .15s 0s;overflow:hidden;opacity:1}.view-note .rightbar .tab-action-item{position:relative}.view-note .rightbar .tab-action-item .tab-action-icon{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.view-note .rightbar .tab-action-item .tab-action-icon .tab-icon{line-height:24px;font-size:24px;font-weight:500;color:#aaa}.view-note .rightbar .tab-action-item .tab-action-icon .tab-num{margin-top:4px;font-size:10px;font-weight:500;color:#aaa;line-height:10px;transform:scale(.8);transform-origin:center top}.view-note .rightbar .tab-action-item.is-active .tab-icon{color:#fb7299}.view-note .rightbar .tab-action-item .svga-center{top:-12px;left:-5px}.view-note .rightbar .tab-action-item .shake{animation-name:shake;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake{2%{transform:translate(.5px,-.5px) rotate(.5deg)}4%{transform:translate(-.5px,2.5px) rotate(.5deg)}6%{transform:translate(-1.5px,2.5px) rotate(-.5deg)}8%{transform:translate(-1.5px,.5px) rotate(1.5deg)}10%{transform:translate(1.5px,2.5px) rotate(.5deg)}12%{transform:translate(-1.5px,2.5px) rotate(1.5deg)}14%{transform:translate(1.5px,1.5px) rotate(-.5deg)}16%{transform:translate(2.5px,-.5px) rotate(1.5deg)}18%{transform:translate(1.5px,.5px) rotate(.5deg)}20%{transform:translate(1.5px,-1.5px) rotate(-.5deg)}22%{transform:translate(-1.5px,-1.5px) rotate(-.5deg)}24%{transform:translate(-.5px,-1.5px) rotate(.5deg)}26%{transform:translate(-1.5px,2.5px) rotate(-.5deg)}28%{transform:translate(2.5px,1.5px) rotate(1.5deg)}30%{transform:translate(.5px,-.5px) rotate(1.5deg)}32%{transform:translate(1.5px,2.5px) rotate(1.5deg)}34%{transform:translate(-1.5px,-1.5px) rotate(-.5deg)}36%{transform:translate(-.5px,.5px) rotate(-.5deg)}38%{transform:translate(1.5px,-1.5px) rotate(1.5deg)}40%{transform:translate(-.5px,.5px) rotate(1.5deg)}42%{transform:translate(2.5px,-.5px) rotate(1.5deg)}44%{transform:translate(-1.5px,2.5px) rotate(.5deg)}46%{transform:translate(-.5px,2.5px) rotate(-.5deg)}48%{transform:translate(1.5px,-.5px) rotate(1.5deg)}50%{transform:translate(1.5px,-.5px) rotate(1.5deg)}52%{transform:translate(.5px,.5px) rotate(-.5deg)}54%{transform:translate(-.5px,-1.5px) rotate(-.5deg)}56%{transform:translate(1.5px,-1.5px) rotate(1.5deg)}58%{transform:translate(.5px,1.5px) rotate(1.5deg)}60%{transform:translate(-.5px,-.5px) rotate(1.5deg)}62%{transform:translate(-.5px,.5px) rotate(1.5deg)}64%{transform:translate(.5px,-.5px) rotate(1.5deg)}66%{transform:translate(2.5px,.5px) rotate(1.5deg)}68%{transform:translate(1.5px,-.5px) rotate(1.5deg)}70%{transform:translate(.5px,2.5px) rotate(1.5deg)}72%{transform:translate(1.5px,-.5px) rotate(.5deg)}74%{transform:translate(2.5px,-.5px) rotate(.5deg)}76%{transform:translate(2.5px,-.5px) rotate(1.5deg)}78%{transform:translate(-1.5px,-.5px) rotate(-.5deg)}80%{transform:translate(-1.5px,.5px) rotate(-.5deg)}82%{transform:translate(-1.5px,2.5px) rotate(.5deg)}84%{transform:translate(-.5px,.5px) rotate(1.5deg)}86%{transform:translate(-1.5px,1.5px) rotate(.5deg)}88%{transform:translate(-.5px,-.5px) rotate(1.5deg)}90%{transform:translate(-1.5px,-1.5px) rotate(1.5deg)}92%{transform:translate(2.5px,1.5px) rotate(.5deg)}94%{transform:translate(2.5px,1.5px) rotate(-.5deg)}96%{transform:translate(2.5px,-.5px) rotate(.5deg)}98%{transform:translate(1.5px,.5px) rotate(-.5deg)}0%,to{transform:translate(0) rotate(0)}}.bili-view-note{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:absolute!important;box-shadow:0 3px 25px 0 rgba(0,0,0,.3);border-radius:4px;background:#ededf2;transform:translatez(0);max-height:calc(100vh - 147px)}.bili-view-note ul li{list-style:none}.bili-view-note .note-view-drag-bar{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;width:100%;height:26px;background:#dddde7;border-radius:4px 4px 0 0;text-align:center;cursor:move;box-sizing:border-box;font-size:12px;color:#909098;padding:0 8px}.bili-view-note .operation-btns{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.bili-view-note .close-btn{color:#2c3133;width:18px;height:18px;text-align:center;line-height:18px;background:#ebebf2;border-radius:2px;cursor:pointer;transition:.3s;margin-left:10px}.bili-view-note .close-btn:hover{background:#ccccde}.bili-view-note .note-content{height:100%;padding:0 20px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;background-color:#fff;overflow-y:auto}.bili-view-note .note-content::-webkit-scrollbar-track{background:#fff;border-radius:4px}.bili-view-note .note-content::-webkit-scrollbar{width:5px}.bili-view-note .note-content::-webkit-scrollbar-thumb{border-radius:5px;background:#dddde7}.bili-view-note .note-content .preview-editor{overflow:visible}.bili-view-note .note-content .preview-editor.ql-container{margin:0;position:relative;box-sizing:border-box;-ms-flex-positive:1;flex-grow:1;border:none;background:#fff}.bili-view-note .note-content .preview-editor.ql-container .ql-editor{height:auto;padding:0}.bili-view-note .note-content .preview-editor.ql-container .ql-editor .ql-image-preview{box-sizing:content-box;max-width:100%;padding-top:10px;padding-bottom:10px;-ms-flex-pack:center;justify-content:center;overflow:hidden;position:relative;border-radius:2px;display:-ms-inline-flexbox;display:inline-flex}.bili-view-note .note-content .preview-editor.ql-container .ql-editor .ql-image-preview .img-preview{width:100%;height:100%;display:block;border-radius:2px}.bili-view-note .note-content .preview-editor.ql-container .ql-editor .ql-image-preview .loading-img{cursor:progress;opacity:.5}.bili-view-note .note-content .preview-editor.ql-container .ql-editor .ql-image-preview.uploaded .loading-img{cursor:default;opacity:1}.bili-view-note .note-content .preview-editor.ql-container .ql-editor .ql-tag-blot{display:inline-block;padding-top:10px;padding-bottom:10px}.bili-view-note .note-content .preview-editor.ql-container .ql-editor .ql-tag-blot .time-tag-item{cursor:pointer;transition:.2s;background:#f1f2f3;background:var(--graph_bg_regular_float,#f1f2f3);border-radius:4px;height:auto;line-height:20px;display:inline-block;padding:3.5px 10px 3.5px 5px;font-size:14px;font-weight:700;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bili-view-note .note-content .preview-editor.ql-container .ql-editor .ql-tag-blot .time-tag-item:hover{background-color:#c9ccd0;background-color:var(--graph_weak,#c9ccd0)}.bili-view-note .note-content .preview-editor.ql-container .ql-editor .ql-tag-blot .bili-note-iconfont{font-size:16px;color:#18191c;color:var(--text1,#18191c);line-height:1}.bili-view-note .note-content .preview-editor.ql-container .ql-editor .ql-tag-blot .time-tag-item__text{font-size:14px;line-height:20px;color:#18191c;color:var(--text1,#18191c);font-weight:400;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.bili-view-note .note-content .preview-editor.ql-container .ql-editor .ql-tag-blot .time-tag-item__text .title{max-width:150px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px}.bili-view-note .note-content .preview-editor.ql-container .ql-editor .ql-tag-blot .time-tag-item__desc{margin-left:8px;display:inline-block;font-size:14px;line-height:20px;color:#61666d;color:var(--text2,#61666d)}.bili-view-note .note-content .preview-editor.ql-container .ql-editor .blot-disabled .time-tag-item{cursor:not-allowed;background:#ebebeb;color:silver}.bili-view-note .note-content .preview-editor.ql-container .ql-editor .blot-disabled>span{-ms-flex-align:center;align-items:center;background:#ebebeb;border-radius:12px;height:22px;line-height:20px;display:inline-block;font-size:12px;cursor:not-allowed;font-weight:700;display:-ms-inline-flexbox;display:inline-flex}.bili-view-note .note-content .preview-editor.ql-container .ql-editor .blot-disabled>span:after{content:""}.bili-view-note .note-content .preview-editor.ql-container .ql-editor .blot-disabled .time-tag-item:hover{border:1px solid #ebebeb}.bili-view-note .note-content .preview-editor.ql-container .ql-editor .blot-disabled .time-tag-item__desc,.bili-view-note .note-content .preview-editor.ql-container .ql-editor .blot-disabled .time-tag-item__text{color:silver}.bili-view-note .note-content .preview-editor.ql-container .ql-editor .blot-disabled .time-tag-error-tip{display:inline-block;color:#e02020;text-indent:8px}.bili-view-note .note-content .preview-editor.ql-container .ql-editor .blot-disabled .bili-note-iconfont{color:silver}.bili-view-note #hidden-toolbar{display:none}.bili-view-note .rightbar{position:absolute;bottom:33px;right:24px}.bili-view-note .rightbar .sanlian-box{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;background:#fff;border:.5px solid #f1f2f3;box-shadow:0 0 4px rgba(0,0,0,.06),0 12px 20px rgba(0,0,0,.1);border-radius:52px;padding:0 13px;transition:all .3s}.bili-view-note .rightbar .sanlian-box.fold{padding:0 1px}.bili-view-note .rightbar .sanlian-box.fold .fold-action{width:0;opacity:1}.bili-view-note .rightbar .sanlian-box.fold .fold-action .tab-num{visibility:hidden}.bili-view-note .rightbar .sanlian-box .tab-action-icon{display:inline-block;width:48px;height:50px;line-height:24px;text-align:center}.bili-view-note .rightbar .sanlian-box .fold-action{transition:width opacity .3s 0s .15s 0s;overflow:hidden;opacity:1}.bili-view-note .rightbar .tab-action-item{position:relative}.bili-view-note .rightbar .tab-action-item .tab-action-icon{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;cursor:pointer}.bili-view-note .rightbar .tab-action-item .tab-action-icon .tab-icon{line-height:24px;font-size:24px;font-weight:500;color:#aaa}.bili-view-note .rightbar .tab-action-item .tab-action-icon .tab-num{margin-top:4px;font-size:10px;font-weight:500;color:#aaa;line-height:10px;transform:scale(.8);transform-origin:center top}.bili-view-note .rightbar .tab-action-item.is-active .tab-icon{color:#fb7299}.bili-view-note .rightbar .tab-action-item .svga-center{top:-12px;left:-5px}.bili-view-note .rightbar .tab-action-item .shake{animation-name:shake;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.view-manage-note{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:0 8px 8px;background:#1a1b1d;background:var(--bg3_float,#1a1b1d)}.view-manage-note--header{-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding-left:4px;width:100%;height:50px;box-sizing:border-box}.view-manage-note--header .status-bar .text{max-width:220px!important;font-size:13px;color:#757a81;color:var(--text3,#757a81)}.view-manage-note--header .tools-btns{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.view-manage-note--header .tools-btns .edit-btn{-ms-flex-negative:0;flex-shrink:0;margin-left:10px;padding:0 10px;height:28px;font-size:13px;border-radius:2px;line-height:28px;color:#fff;background-color:#00a1d6;cursor:pointer;box-sizing:border-box}.view-manage-note--header .tools-btns .edit-btn--ghost{line-height:26px;border:1px solid #00a1d6;color:#00a1d6;background-color:#fff}.view-manage-note #bili-view-manage-hidden{display:none}.view-manage-note .note-tooltip{border-radius:4px 4px 0 0}.view-manage-note .note-tooltip .ql-container{border-radius:0}.view-manage-note .ql-container{overflow:scroll;border-radius:4px 4px 0 0}.view-manage-note .ql-container.ql-snow{border:none}.view-manage-note .ql-editor::-webkit-scrollbar-track{background:transparent}.view-manage-note .ql-editor::-webkit-scrollbar{width:5px}.view-manage-note .ql-editor::-webkit-scrollbar-thumb{border-radius:5px;background-color:#c9ccd0;background-color:var(--graph_weak,#c9ccd0)}.view-manage-note .ql-image-preview{box-sizing:content-box;max-width:100%;padding-top:10px;padding-bottom:10px;-ms-flex-pack:center;justify-content:center;overflow:hidden;position:relative;border-radius:2px;display:-ms-inline-flexbox;display:inline-flex}.view-manage-note .ql-image-preview .img-preview{width:100%;height:100%;display:block;border-radius:2px}.view-manage-note .ql-image-preview .loading-img{cursor:progress;opacity:.5}.view-manage-note .ql-image-preview.uploaded .loading-img{cursor:zoom-in;opacity:1}.view-manage-note .ql-tag-blot{display:inline-block;padding-top:10px;padding-bottom:10px}.view-manage-note .ql-tag-blot .time-tag-item{cursor:pointer;transition:.2s;background:#f1f2f3;background:var(--graph_bg_regular_float,#f1f2f3);border-radius:4px;height:auto;line-height:20px;display:inline-block;padding:3.5px 10px 3.5px 5px;font-size:14px;font-weight:700;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-manage-note .ql-tag-blot .time-tag-item:hover{background-color:#c9ccd0;background-color:var(--graph_weak,#c9ccd0)}.view-manage-note .ql-tag-blot .bili-note-iconfont{font-size:16px;color:#18191c;color:var(--text1,#18191c);line-height:1}.view-manage-note .ql-tag-blot .time-tag-item__text{font-size:14px;line-height:20px;color:#18191c;color:var(--text1,#18191c);font-weight:400;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.view-manage-note .ql-tag-blot .time-tag-item__text .title{max-width:150px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px}.view-manage-note .ql-tag-blot .time-tag-item__desc{margin-left:8px;display:inline-block;font-size:14px;line-height:20px;color:#61666d;color:var(--text2,#61666d)}.view-manage-note .blot-disabled .time-tag-item{cursor:not-allowed;background:#ebebeb;color:var(--text3)}.view-manage-note .blot-disabled>span{-ms-flex-align:center;align-items:center;background:#f1f2f3;background:var(--graph_bg_regular_float,#f1f2f3);border-radius:12px;height:22px;line-height:20px;display:inline-block;font-size:12px;cursor:not-allowed;font-weight:700;display:-ms-inline-flexbox;display:inline-flex}.view-manage-note .blot-disabled>span:after{content:""}.view-manage-note .blot-disabled .time-tag-item:hover{border:1px solid var(--line_regular)}.view-manage-note .blot-disabled .time-tag-item__desc,.view-manage-note .blot-disabled .time-tag-item__text{color:var(--text3)}.view-manage-note .blot-disabled .time-tag-error-tip{display:inline-block;color:#e02020;text-indent:8px}.view-manage-note .blot-disabled .bili-note-iconfont{color:var(--text3)}.view-manage-note .ql-toolbar .bili-note-iconfont{font-size:20px!important}.note-list[data-v-621784b5]{width:100%;height:100%;padding:0 20px;background-color:#fff;background-color:var(--graph_bg_thin,#fff);overflow-x:hidden;overflow-y:auto}.note-list[data-v-621784b5]::-webkit-scrollbar-track{background:transparent}.note-list[data-v-621784b5]::-webkit-scrollbar{width:0}.note-list[data-v-621784b5]::-webkit-scrollbar-thumb{background:transparent}.note-list .list-note-operation[data-v-621784b5]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:56px;padding:0 20px;border-radius:8px;margin-top:10px;font-size:18px;color:#fff;color:var(--text_white,#fff);transition:.2s;cursor:pointer}.note-list .list-note-operation[data-v-621784b5],.note-list .list-note-operation[data-v-621784b5]:hover{background:#00aeec;background:var(--brand_blue,#00aeec)}.note-list .list-note-operation .note-icon[data-v-621784b5]{margin-right:10px}.note-list .list-note-operation .operation-desc[data-v-621784b5]{-ms-flex:1;flex:1}.note-list .part-line[data-v-621784b5]{border:.5px solid #e3e5e7;border:.5px solid var(--line_regular,#e3e5e7);margin:20px 0}.note-list .note-card-container .note-card[data-v-621784b5]{position:relative;padding:18px 20px 12px;border:1px solid transparent;border-radius:8px;margin-bottom:12px;background-color:#fff;background-color:var(--bg1_float,#fff);transition:.2s;cursor:pointer}.note-list .note-card-container .note-card[data-v-621784b5]:hover{border-color:#c9ccd0;border-color:var(--text4,#c9ccd0);transform:scale(1.02)}.note-list .note-card-container .note-card .up-mark[data-v-621784b5]{position:absolute;top:7px;right:20px}.note-list .note-card-container .note-card .user-info[data-v-621784b5]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:6px}.note-list .note-card-container .note-card .user-info .user-avatar[data-v-621784b5]{margin-right:15px}.note-list .note-card-container .note-card .user-info .user-name[data-v-621784b5]{margin-right:6px;font-size:14px;color:#61666d;color:var(--text2,#61666d)}.note-list .note-card-container .note-card .note-content[data-v-621784b5]{display:-webkit-box;-webkit-line-clamp:3;margin-bottom:10px;font-size:15px;color:#18191c;color:var(--text1,#18191c);line-height:25px;text-align:justify;vertical-align:baseline;word-wrap:break-word;word-break:break-word;overflow:hidden}.note-list .note-card-container .note-card .note-info[data-v-621784b5]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:13px;color:#9499a0;color:var(--text3,#9499a0)}.note-list .note-card-container .note-card .note-info .note-like[data-v-621784b5]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1}.note-list .note-card-container .note-card .note-info .note-like .like-icon[data-v-621784b5]{margin-right:4px;color:#9499a0;color:var(--text3,#9499a0)}.note-list .empty-note[data-v-621784b5]{-ms-flex-pack:center;justify-content:center;height:calc(100% - 76px);font-size:17px;color:#9499a0;color:var(--text3,#9499a0)}.note-list .empty-note[data-v-621784b5],.note-up{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.note-up{padding:12px 0;margin-bottom:16px}.note-up .up-avatar-container{cursor:pointer}.note-up .up-desc-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex:1;flex:1;margin-left:12px}.note-up .up-desc-container .desc-top{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:2.5px}.note-up .up-desc-container .desc-top .up-name{margin-right:6px;font-size:16px;font-weight:600;color:#18191c;color:var(--text1,#18191c);cursor:pointer}.note-up .up-desc-container .desc-top .up-level{width:22px;margin-right:auto}.note-up .up-desc-container .desc-top .up-level.hardcore{width:32px}.note-up .up-desc-container .desc-top .attention-btn-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:70px;height:30px;border-radius:6px;font-size:14px;color:#fff;color:var(--text_white,#fff);background:#00aeec;background:var(--brand_blue,#00aeec);transition:.2s;cursor:pointer}.note-up .up-desc-container .desc-top .attention-btn-container:hover{background:#00aeec;background:var(--brand_blue,#00aeec)}.note-up .up-desc-container .desc-top .attention-btn-container.is-attention{color:#9499a0;color:var(--text3,#9499a0);background-color:#e3e5e7;background-color:var(--graph_bg_thick,#e3e5e7)}.note-up .up-desc-container .desc-top .attention-btn-container .cross-icon{margin-right:2px}.note-up .up-desc-container .desc-bottom{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:13px;color:#9499a0;color:var(--text3,#9499a0)}.note-up .up-desc-container .desc-bottom .modify-time{margin-right:12px}.note-detail{height:100%;padding:0 20px;background-color:#fff;background-color:var(--bg1_float,#fff);overflow-x:hidden;overflow-y:auto;color:#18191c;color:var(--text1,#18191c)}.note-detail::-webkit-scrollbar-track{background:transparent}.note-detail::-webkit-scrollbar{width:0}.note-detail::-webkit-scrollbar-thumb{background:transparent}.note-detail #hidden-toolbar{display:none}.note-detail .ql-container.preview-editor{height:auto;margin:0;background-color:transparent;cursor:default}.note-detail .ql-container.preview-editor .ql-editor{padding:0 0 80px}.note-detail .ql-container.preview-editor .ql-editor .ql-tag-blot{position:relative}.note-detail .ql-container.preview-editor .ql-editor .ql-tag-blot .time-tag-error-tip{display:none;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;z-index:10;top:-56px;position:absolute;width:244px;height:44px;border:1px solid #e3e5e7;border:1px solid var(--line_regular,#e3e5e7);box-shadow:0 0 30px rgba(0,0,0,.1);border-radius:8px;font-size:14px;font-weight:500;color:#61666d;color:var(--text2,#61666d);background-color:#fff;background-color:var(--bg1,#fff)}.note-detail .ql-container.preview-editor .ql-editor .ql-tag-blot .time-tag-error-tip.show{display:-ms-flexbox;display:flex}.note-detail .note-operation{position:absolute;right:20px;bottom:27px}.note-detail .note-operation .sanlian-box{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:0 13px;border-radius:52px;background:#fff;background:var(--bg1_float,#fff);list-style:none;border:1px solid #f1f2f3;border:1px solid var(--line_regular,#f1f2f3);box-shadow:0 0 4px rgba(0,0,0,.06),0 12px 20px rgba(0,0,0,.1);transition:all .3s}.note-detail .note-operation .sanlian-box.fold{padding:0 1px}.note-detail .note-operation .sanlian-box.fold .fold-action{width:0;opacity:1}.note-detail .note-operation .sanlian-box.fold .fold-action .tab-num{visibility:hidden}.note-detail .note-operation .sanlian-box .tab-action-icon{display:inline-block;width:48px;height:50px;line-height:24px;text-align:center}.note-detail .note-operation .sanlian-box .fold-action{opacity:1;overflow:hidden;transition:width opacity .3s 0s .15s 0s}.note-detail .note-operation .tab-action-item{position:relative}.note-detail .note-operation .tab-action-item .tab-action-icon{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;cursor:pointer}.note-detail .note-operation .tab-action-item .tab-action-icon .tab-icon{line-height:24px;font-size:24px;font-weight:500;color:#aaa}.note-detail .note-operation .tab-action-item .tab-action-icon .tab-num{margin-top:4px;font-size:10px;font-weight:500;color:#aaa;line-height:10px;transform:scale(.8);transform-origin:center top}.note-detail .note-operation .tab-action-item.is-active .tab-icon{color:#fb7299}.note-detail .note-operation .tab-action-item .svga-center{top:-12px;left:-5px}.note-detail .note-operation .tab-action-item .shake{animation-name:shake;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.tag-dialog-container[data-v-4b42a060]{width:100%;height:100%;bottom:0;z-index:1;position:absolute;background:rgba(0,0,0,.3);border-radius:0 0 4px 4px}.tag-dialog-container .tag-dialog[data-v-4b42a060]{position:relative;width:320px;height:190px;background:#fff;background:var(--bg1,#fff);border:1px solid #e3e5e7;border:1px solid var(--line_regular,#e3e5e7);box-shadow:0 0 30px rgba(0,0,0,.1);border-radius:8px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin:25% auto}.tag-dialog-container .tag-dialog .tag-dialog__time[data-v-4b42a060]{font-size:16px;line-height:22px;color:#18191c;color:var(--text1,#18191c);margin-bottom:24px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.tag-dialog-container .tag-dialog .tag-dialog__time>i[data-v-4b42a060]{font-size:20px}.tag-dialog-container .tag-dialog .tag-dialog__time .split-line[data-v-4b42a060]{margin:0 10px;display:inline-block;width:1px;height:10px;background-color:#212121}.tag-dialog-container .tag-dialog .tag-dialog__close[data-v-4b42a060]{cursor:pointer;position:absolute;right:20px;top:12px;color:#757575;font-size:25px}.tag-dialog-container .tag-dialog .tag-dialog__content[data-v-4b42a060]{width:272px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.tag-dialog-container .tag-dialog .tag-dialog__input[data-v-4b42a060]{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-bottom:24px;font-size:12px;line-height:1.5}.tag-dialog-container .tag-dialog .tag-dialog__input>input[data-v-4b42a060]{padding:7px 12px;outline:none;border-radius:6px;color:#18191c;color:var(--text1,#18191c);background:#f1f2f3;background:var(--bg3,#f1f2f3);border:1px solid #f1f2f3;border:1px solid var(--line_light,#f1f2f3);width:100%;font-size:12px;line-height:1.5;transition:.3s}.tag-dialog-container .tag-dialog .tag-dialog__input>input[data-v-4b42a060]:focus,.tag-dialog-container .tag-dialog .tag-dialog__input>input[data-v-4b42a060]:hover{border:1px solid #f1f2f3;border:1px solid var(--line_light,#f1f2f3);background:#fff;background:var(--bg1,#fff)}.tag-dialog-container .tag-dialog .tag-dialog__input>input[data-v-4b42a060]:-ms-input-placeholder{color:#c9ccd0;color:var(--text4,#c9ccd0)}.tag-dialog-container .tag-dialog .tag-dialog__input>input[data-v-4b42a060]::placeholder{color:#c9ccd0;color:var(--text4,#c9ccd0)}.tag-dialog-container .tag-dialog .tag-dialog__input .input-filled[data-v-4b42a060]{border:1px solid #f1f2f3;border:1px solid var(--line_light,#f1f2f3);background:#fff;background:var(--bg1,#fff)}.tag-dialog-container .tag-dialog .tag-dialog__input--count[data-v-4b42a060]{color:#c9ccd0;color:var(--text4,#c9ccd0);position:absolute;right:7px;top:8px}.tag-dialog-container .tag-dialog .tag-dialog__btn[data-v-4b42a060]{display:-ms-flexbox;display:flex}.tag-dialog-container .tag-dialog .tag-dialog__btn .dialog-btn[data-v-4b42a060]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:130px;height:32px;border-radius:6px;font-weight:400;font-size:14px;line-height:20px;margin:0 6px;cursor:pointer}.tag-dialog-container .tag-dialog .tag-dialog__btn--cancel[data-v-4b42a060]{color:#18191c;color:var(--text1,#18191c);border:1px solid #e3e5e7;border:1px solid var(--line_regular,#e3e5e7)}.tag-dialog-container .tag-dialog .tag-dialog__btn--confirm[data-v-4b42a060]{color:#fff;border:1px solid #00aeec;border:1px solid var(--brand_blue,#00aeec);background:#00aeec;background:var(--brand_blue,#00aeec)}.note-editor{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}.note-editor .editor-innter.ql-container{-ms-flex:1;flex:1;margin:0 10px}.note-editor .editor-innter.ql-container .ql-editor::-webkit-scrollbar-track{background:transparent}.note-editor .editor-innter.ql-container .ql-editor::-webkit-scrollbar{width:0}.note-editor .editor-innter.ql-container .ql-editor::-webkit-scrollbar-thumb{background:transparent}.note-editor .editor-innter.ql-container .ql-editor .ql-image-preview{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;position:relative;box-sizing:content-box;max-width:100%;padding:10px 0;border-radius:2px;overflow:hidden}.note-editor .editor-innter.ql-container .ql-editor .ql-image-preview .img-preview{display:block;width:100%;height:100%;border-radius:2px}.note-editor .editor-innter.ql-container .ql-editor .ql-image-preview .loading-img{opacity:.5;cursor:progress}.note-editor .editor-innter.ql-container .ql-editor .ql-image-preview.uploaded .loading-img{opacity:1;cursor:default}.note-editor .editor-innter.ql-container .ql-editor .blot-disabled,.note-editor .editor-innter.ql-container .ql-editor .ql-tag-blot{position:relative}.note-editor .editor-innter.ql-container .ql-editor .blot-disabled .time-tag-item,.note-editor .editor-innter.ql-container .ql-editor .ql-tag-blot .time-tag-item{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:4px;padding:3.5px 10px 3.5px 5px;border-radius:4px;height:auto;font-size:14px;font-weight:700;white-space:nowrap;line-height:20px;background:#f1f2f3;background:var(--graph_bg_regular_float,#f1f2f3);overflow:hidden;text-overflow:ellipsis;transition:.2s;cursor:pointer}.note-editor .editor-innter.ql-container .ql-editor .blot-disabled .time-tag-item:hover,.note-editor .editor-innter.ql-container .ql-editor .ql-tag-blot .time-tag-item:hover{background-color:#c9ccd0;background-color:var(--graph_weak,#c9ccd0)}.note-editor .editor-innter.ql-container .ql-editor .blot-disabled .bili-note-iconfont,.note-editor .editor-innter.ql-container .ql-editor .ql-tag-blot .bili-note-iconfont{font-size:16px;color:#18191c;color:var(--text1,#18191c);line-height:1}.note-editor .editor-innter.ql-container .ql-editor .blot-disabled .time-tag-item__text,.note-editor .editor-innter.ql-container .ql-editor .ql-tag-blot .time-tag-item__text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:400;line-height:20px;color:#18191c;color:var(--text1,#18191c)}.note-editor .editor-innter.ql-container .ql-editor .blot-disabled .time-tag-item__text .title,.note-editor .editor-innter.ql-container .ql-editor .ql-tag-blot .time-tag-item__text .title{display:inline-block;max-width:150px;margin-right:8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.note-editor .editor-innter.ql-container .ql-editor .blot-disabled .time-tag-item__desc,.note-editor .editor-innter.ql-container .ql-editor .ql-tag-blot .time-tag-item__desc{display:inline-block;margin-left:8px;font-size:14px;color:#61666d;color:var(--text2,#61666d);line-height:20px}.note-editor .editor-innter.ql-container .ql-editor .blot-disabled .time-tag-error-tip,.note-editor .editor-innter.ql-container .ql-editor .ql-tag-blot .time-tag-error-tip{display:none;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;z-index:10;top:-56px;position:absolute;width:244px;height:44px;border:1px solid #e3e5e7;border:1px solid var(--line_regular,#e3e5e7);box-shadow:0 0 30px rgba(0,0,0,.1);border-radius:8px;font-size:14px;font-weight:500;color:#61666d;color:var(--text2,#61666d);background-color:#fff;background-color:var(--bg1,#fff)}.note-editor .editor-innter.ql-container .ql-editor .blot-disabled .time-tag-error-tip.show,.note-editor .editor-innter.ql-container .ql-editor .ql-tag-blot .time-tag-error-tip.show{display:-ms-flexbox;display:flex}.note-pc.resizable-component{border-radius:8px}.note-pc *{box-sizing:border-box}.note-pc .note-container{box-sizing:content-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;border:1px solid #e3e5e7;border:1px solid var(--line_regular,#e3e5e7);border-radius:8px;background:#f1f2f3;background:var(--bg3,#f1f2f3);box-shadow:0 0 30px rgba(0,0,0,.1);overflow:hidden}.note-pc .note-container .note-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:62px;padding:0 12px;background-color:#fff;background-color:var(--graph_bg_thin,#fff);cursor:move}.note-pc .note-container .note-header .back-note-list{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:30px;height:30px;border-radius:6px;margin-right:6px;transition:.2s;cursor:pointer}.note-pc .note-container .note-header .back-note-list:hover{background-color:#e3e5e7;background-color:var(--graph_bg_thick,#e3e5e7)}.note-pc .note-container .note-header .note-message{display:-ms-flexbox;display:flex;max-width:calc(100% - 200px);margin-right:auto;font-size:14px;color:#9499a0;color:var(--text3,#9499a0)}.note-pc .note-container .note-header .note-title{max-width:calc(100% - 200px);margin-right:auto;font-size:16px;font-weight:500;color:#18191c;color:var(--text1,#18191c);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.note-pc .note-container .note-header .note-title.list{margin-left:8px}.note-pc .note-container .note-header .note-operation{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:80px;height:30px;padding:0 12px;border:1px solid #00aeec;border:1px solid var(--brand_blue,#00aeec);border-radius:6px;margin-right:16px;font-size:14px;color:#00aeec;color:var(--brand_blue,#00aeec);transition:border .2s;cursor:pointer}.note-pc .note-container .note-header .note-operation.detail{background-color:#fff;background-color:var(--bg1_float,#fff);border-color:#00aeec;border-color:var(--brand_blue,#00aeec);color:#00aeec;color:var(--brand_blue,#00aeec)}.note-pc .note-container .note-header .note-operation.detail:hover{border-color:transparent;color:#fff;color:var(--text_white,#fff);background:#00aeec;background:var(--brand_blue,#00aeec)}.note-pc .note-container .note-header .jump-note-package{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:30px;height:30px;margin-right:6px;border-radius:6px;transition:.2s;cursor:pointer}.note-pc .note-container .note-header .jump-note-package:hover{background-color:#e3e5e7;background-color:var(--graph_bg_thick,#e3e5e7)}.note-pc .note-container .note-header .close-note{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:30px;height:30px;border-radius:6px;transition:.2s;cursor:pointer}.note-pc .note-container .note-header .close-note:hover{background-color:#f6f7f8;background-color:var(--graph_bg_thin,#f6f7f8)}.note-pc .note-container .note-content{position:relative;height:calc(100% - 62px);transform:translatez(0)}.note-operation--transition,.note-operation--transition-enter-active,.note-operation--transition-leave-active{transition:opacity .25s}.note-operation--transition-enter,.note-operation--transition-leave-active{opacity:0}

/*# sourcemappingurl=video.0.9a9aff7006dbd7d008c20be4aa35330ed101d4dc.css.map*/