div,p,ul,li,a,img,span,h1,h2,h3,h4,h5,h6,header,footer,section,article,form,input,textarea,video,iframe{margin:0;padding:0}body,html{margin:0;padding:0;font-size:12px;font:12px 'Helvetica Neue',Helvetica,Arial,'Microsoft Yahei','Hiragino Sans GB','Heiti SC','WenQuanYi Micro Hei',sans-serif;background:#fff;color:#222;tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}ul,li{list-style:none}a{color:#222;text-decoration:none}a,input,button,select,textarea{outline:none;cursor:pointer;color:#00a1d6;text-decoration:none}a:hover{color:#f25d8e}a:focus{-moz-outline-style:none}img{border:0;vertical-align:middle}h1,h2,h3,h4,h5,h6,ul,li{margin:0;padding:0;list-style-type:none}textarea{overflow:hidden;resize:none}address,caption,cite,code,dfn,em,i,th,var{font-style:normal;font-weight:normal}.clearfix:after{display:block;visibility:hidden;clear:both;width:0;height:0;content:'.'}

div[flash-anim-wrap=true]{height:100%}


.bili-message-fade-enter-active[data-v-184b9c5b],.bili-message-fade-leave-active[data-v-184b9c5b]{transition:all .36s;opacity:1;transform:translateY(0) translateX(-50%) !important}.bili-message-fade-enter[data-v-184b9c5b],.bili-message-fade-leave-to[data-v-184b9c5b]{opacity:0;transform:translateY(30px) translateX(-50%) !important}.bili-message[data-v-184b9c5b]{position:fixed;left:50%;bottom:80px;max-width:500px;min-height:19px;line-height:19px;border-radius:4px;padding:10px 13px;font-size:14px;color:#fff;background:rgba(0,0,0,0.6);transform:translateX(-50%)}.bili-message .bili-message-content[data-v-184b9c5b]{margin:0}

.ogv-act-follow-pc[data-v-2964abc9]{width:100%;height:100%}.ogv-act-follow-pc .btn-follow-origin[data-v-2964abc9]{outline:none;transition:all 0.15s linear}


.bili-message-fade-enter-active[data-v-f74176a6],.bili-message-fade-leave-active[data-v-f74176a6]{transition:all .36s;opacity:1;transform:translateY(0) translateX(-50%) !important}.bili-message-fade-enter[data-v-f74176a6],.bili-message-fade-leave-to[data-v-f74176a6]{opacity:0;transform:translateY(30px) translateX(-50%) !important}.bili-message[data-v-f74176a6]{position:fixed;left:50%;bottom:80px;max-width:500px;min-height:19px;line-height:19px;border-radius:4px;padding:10px 13px;font-size:14px;color:#fff;background:rgba(0,0,0,0.6);transform:translateX(-50%)}.bili-message .bili-message-content[data-v-f74176a6]{margin:0}

.ogv-act-follow-pc[data-v-fe71fa92]{width:100%;height:100%}.ogv-act-follow-pc .btn-follow-origin[data-v-fe71fa92]{outline:none;transition:all 0.15s linear}


.act-component-button{width:100%;height:100%;display:block;text-align:center}.act-component-button .act-button-a{display:table;width:100%;height:100%;text-decoration:none;cursor:pointer;outline:'none';background-size:cover;background-repeat:no-repeat;background-position:center;line-height:100%}.act-component-button span{display:table-cell;width:100%;height:100%;vertical-align:middle}


.act-component-button{width:100%;height:100%;display:block;text-align:center}.act-component-button .act-button-a{display:table;width:100%;height:100%;text-decoration:none;cursor:pointer;outline:'none';background-size:cover;background-repeat:no-repeat;background-position:center;line-height:100%}.act-component-button span{display:table-cell;width:100%;height:100%;vertical-align:middle}


.temp-model-videoswitch{min-width:980px;height:100%;margin:0 auto}.temp-model-videoswitch .t-top-switch,.temp-model-videoswitch .t-bottom-switch{list-style:none}.temp-model-videoswitch .t-top-switch li,.temp-model-videoswitch .t-bottom-switch li{float:left;overflow:hidden;margin-right:10px;width:153px;height:40px;border-radius:4px;background-color:#fff;background-position:center center;background-size:100%;color:#222;text-align:center;font-size:14px;line-height:40px;cursor:pointer}.temp-model-videoswitch .t-top-switch li:nth-child(6),.temp-model-videoswitch .t-bottom-switch li:nth-child(6){margin-right:0}.temp-model-videoswitch .t-top-switch li.on,.temp-model-videoswitch .t-bottom-switch li.on{background-color:#1aa2d4;color:#fff}.temp-model-videoswitch .t-left-switch{float:left}.temp-model-videoswitch .t-bottom-switch{float:left}.temp-model-videoswitch .t-left-switch li,.temp-model-videoswitch .t-right-switch li{overflow:hidden;margin-bottom:12px;width:128px;height:75px;border-radius:4px;background-color:#fff;background-position:center center;background-size:100%;color:#222;text-align:center;font-size:14px;line-height:75px;cursor:pointer}.temp-model-videoswitch .t-left-switch li:nth-child(6),.temp-model-videoswitch .t-right-switch li:nth-child(6){margin-bottom:0}.temp-model-videoswitch .t-left-switch li.on,.temp-model-videoswitch .t-right-switch li.on{background-color:#1aa2d4;color:#fff}.temp-model-videoswitch .t-video-switch{float:left;margin:0 auto}.temp-model-videoswitch .t-hide{display:none}.temp-model-videoswitch .t-live{display:inline-block;background:#000}.temp-model-videoswitch .t-video{background:#000}.temp-model-videoswitch .t-live-video{display:inline;float:left;font-size:0}.temp-model-videoswitch .t-live-btn{float:right}.temp-model-videoswitch .t-enter-live{display:inline-block;margin-top:12px;width:155px;height:40px;border-radius:4px;background:#1aa2d4;color:#fff;text-align:center;font-size:14px;line-height:40px;cursor:pointer}.pc-video-card{position:relative;height:100%}.pc-video-card ul,.pc-video-card li{margin:0;padding:0}.pc-video-card .clearfix::after{display:block;visibility:hidden;clear:both;width:0;height:0;content:'.'}#screen{height:100%}


@charset "UTF-8";
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("//activity.hdslb.com/blackboard/static/20180308/b8f2b74d0482aed61472c7065dc1ed56/images/ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("https://activity.hdslb.com/static/font/slick.eot");
  src: url("https://activity.hdslb.com/static/font/slick.eot?#iefix") format("embedded-opentype"), url("https://activity.hdslb.com/static/font/slick.woff") format("woff"), url("https://activity.hdslb.com/static/font/slick.ttf") format("truetype"), url("https://activity.hdslb.com/static/font/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  min-height: 20px;
  min-width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: 25px;
  z-index: 10; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: 25px; }
  .slick-prev:before {
    content: "\2190"; }
    [dir="rtl"] .slick-prev:before {
      content: "\2192"; }

.slick-next {
  right: 25px;
  z-index: 10; }
  [dir="rtl"] .slick-next {
    left: 25px;
    right: auto; }
  .slick-next:before {
    content: "\2192"; }
    [dir="rtl"] .slick-next:before {
      content: "\2190"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: 25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "\2022";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

.slick-initialized .slick-slide {
  font-size: 0; }
  .slick-initialized .slick-slide.slick-current {
    z-index: 100; }

.activity-slider {
  margin: 0 auto; }
  .activity-slider-item {
    font-size: initial; }
    .activity-slider-item > a {
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      display: block;
      height: 100%;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }


.activity-follow>a[data-v-2964abc9]{text-decoration:none}.activity-follow-custom[data-v-2964abc9]{width:auto !important}.activity-follow-custom .activity-follow-buttons[data-v-2964abc9]{margin:0 auto}.activity-follow-face[data-v-2964abc9]{display:block;border-radius:50%;box-sizing:border-box;background-position:center;background-size:cover;background-repeat:no-repeat}.activity-follow-name[data-v-2964abc9]{display:block}.activity-follow-buttons[data-v-2964abc9]{position:relative}.activity-follow-button[data-v-2964abc9]{width:100%;height:100%;background-position:center;background-size:contain;background-repeat:no-repeat;font-size:14px;cursor:pointer}.activity-follow-button-followed[data-v-2964abc9]{position:absolute;left:0;top:0;z-index:1;opacity:0;transition:opacity .2s ease-in-out}.activity-follow-followed .activity-follow-button-followed[data-v-2964abc9]{opacity:1}.activity-follow-followed .activity-follow-button-default[data-v-2964abc9]{opacity:0}.activity-follow-button-default.dft[data-v-2964abc9]{width:80px;line-height:30px;background-color:#fb7299;color:#fff;border-radius:4px;text-align:center}.activity-follow-button-followed.dft[data-v-2964abc9]{width:80px;line-height:30px;background-color:#e7e7e7;color:#999;border-radius:4px;text-align:center}.activity-follow-col-small[data-v-2964abc9]{width:150px;margin:0 auto}.activity-follow-col-small .activity-follow-face[data-v-2964abc9]{width:90px;height:90px;margin:0 auto;border:2px solid #fff}.activity-follow-col-small .activity-follow-name[data-v-2964abc9]{line-height:1;box-sizing:content-box;padding:10px 0;margin:0 auto;width:150px;font-size:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center}.activity-follow-col-small .activity-follow-buttons[data-v-2964abc9]{margin:0 auto}.activity-follow-col-small .activity-follow-buttons.dft[data-v-2964abc9]{width:80px}.activity-follow-col-large[data-v-2964abc9]{width:190px;margin:0 auto}.activity-follow-col-large .activity-follow-face[data-v-2964abc9]{width:130px;height:130px;margin:0 auto;border:2px solid #fff}.activity-follow-col-large .activity-follow-name[data-v-2964abc9]{box-sizing:content-box;line-height:1;margin:0 auto;padding:12px 0;width:190px;font-size:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center}.activity-follow-col-large .activity-follow-buttons[data-v-2964abc9]{margin:0 auto}.activity-follow-col-large .activity-follow-buttons.dft[data-v-2964abc9]{width:80px}


.activity-follow>a[data-v-fe71fa92]{text-decoration:none}.activity-follow-custom[data-v-fe71fa92]{width:auto !important}.activity-follow-custom .activity-follow-buttons[data-v-fe71fa92]{margin:0 auto}.activity-follow-face[data-v-fe71fa92]{display:block;border-radius:50%;box-sizing:border-box;background-position:center;background-size:cover;background-repeat:no-repeat}.activity-follow-name[data-v-fe71fa92]{display:block}.activity-follow-buttons[data-v-fe71fa92]{position:relative}.activity-follow-button[data-v-fe71fa92]{width:100%;height:100%;background-position:center;background-size:contain;background-repeat:no-repeat;font-size:14px;cursor:pointer}.activity-follow-button-followed[data-v-fe71fa92]{position:absolute;left:0;top:0;z-index:1;opacity:0;transition:opacity .2s ease-in-out}.activity-follow-followed .activity-follow-button-followed[data-v-fe71fa92]{opacity:1}.activity-follow-followed .activity-follow-button-default[data-v-fe71fa92]{opacity:0}.activity-follow-button-default.dft[data-v-fe71fa92]{width:80px;line-height:30px;background-color:#fb7299;color:#fff;border-radius:4px;text-align:center}.activity-follow-button-followed.dft[data-v-fe71fa92]{width:80px;line-height:30px;background-color:#e7e7e7;color:#999;border-radius:4px;text-align:center}.activity-follow-col-small[data-v-fe71fa92]{width:150px;margin:0 auto}.activity-follow-col-small .activity-follow-face[data-v-fe71fa92]{width:90px;height:90px;margin:0 auto;border:2px solid #fff}.activity-follow-col-small .activity-follow-name[data-v-fe71fa92]{line-height:1;box-sizing:content-box;padding:10px 0;margin:0 auto;width:150px;font-size:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center}.activity-follow-col-small .activity-follow-buttons[data-v-fe71fa92]{margin:0 auto}.activity-follow-col-small .activity-follow-buttons.dft[data-v-fe71fa92]{width:80px}.activity-follow-col-large[data-v-fe71fa92]{width:190px;margin:0 auto}.activity-follow-col-large .activity-follow-face[data-v-fe71fa92]{width:130px;height:130px;margin:0 auto;border:2px solid #fff}.activity-follow-col-large .activity-follow-name[data-v-fe71fa92]{box-sizing:content-box;line-height:1;margin:0 auto;padding:12px 0;width:190px;font-size:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center}.activity-follow-col-large .activity-follow-buttons[data-v-fe71fa92]{margin:0 auto}.activity-follow-col-large .activity-follow-buttons.dft[data-v-fe71fa92]{width:80px}


html,
body,
div,
ul,
li,
h4,
span {
  padding: 0;
  margin: 0;
}
.bili-share-pc {
  border: 1px solid #e8e9eb;
  padding: 18px 0 18px 24px;
  border-radius: 5px;
  position: relative;
  z-index: 200;
  width: 980px;
  height: 40px;
  margin: 20px auto;
  box-sizing: content-box;
}
.bili-share-pc li {
  list-style: none;
}
.bili-share-pc.bili-clearfix:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.bili-share-pc .bili-clearfix:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.bili-share-pc .fl {
  float: left;
}
.bili-share-pc .share {
  display: inline-block;
}
.bili-share-pc .share .icon {
  background: url('https://activity.hdslb.com/blackboard/shareModule/images/12xn9z34xj.png')
    no-repeat;
  width: 40px;
  height: 40px;
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
}
.bili-share-pc .share .icon_bili {
  background: url('https://i0.hdslb.com/bfs/activity-plat/static/20180321/dfa73b898f143877cbf8ecf001cd9e89/images/l6oq2p5wy7.png')
    no-repeat;
  background-position: -370px 0;
}
.bili-share-pc .share .icon_bili:hover {
  background-position: -370px -71px;
}
.bili-share-pc .share .icon_weibo {
  background-position: 0 0;
}
.bili-share-pc .share .icon_weibo:hover {
  background-position: 0 -71px;
}
.bili-share-pc .share .icon_wechat {
  background-position: -74px 0;
  position: relative;
}
.bili-share-pc .share .icon_wechat:hover {
  background-position: -74px -71px;
}
.bili-share-pc .share .icon_qzone {
  background-position: -148px 0;
}
.bili-share-pc .share .icon_qzone:hover {
  background-position: -148px -71px;
}
.bili-share-pc .share .icon_qq {
  background-position: -222px 0;
}
.bili-share-pc .share .icon_qq:hover {
  background-position: -222px -71px;
}
.bili-share-pc .share .icon_baidu {
  background-position: -296px 0;
}
.bili-share-pc .share .icon_baidu:hover {
  background-position: -296px -71px;
}

.bili-share-pc .favourite {
  display: inline-block;
}
.bili-share-pc .title {
  font-size: 18px;
  color: #222;
  display: inline-block;
  padding-right: 20px;
  font-weight: bold;
  line-height: 40px;
}
.bili-share-pc .vertical-line {
  margin: 5px 24px 5px 14px;
  height: 30px;
  display: inline-block;
  border-left: 2px solid #e8e9eb;
}
.bili-share-pc .favourite .icon-fav {
  background: url('https://activity.hdslb.com/blackboard/shareModule/images/79lx82m4lq.jpg');
  width: 65px;
  height: 50px;
  display: inline-block;
  position: absolute;
  top: 5px;
  cursor: pointer;
}
.bili-share-pc .favourite .icon-like {
  background-position: 0px 5px;
}
.bili-share-pc .favourite .fav {
  padding-right: 0px;
  width: 54px;
}
.bili-share-pc .favourite .icon-like:hover {
  animation: likePlay 1s steps(14) infinite;
}
.bili-share-pc .favourite .icon-liked {
  background-position: 0px -59px;
}
@keyframes likePlay {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -896px 5px;
  }
}

.bili-share-pc .popTips {
  position: absolute;
  top: -15px;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 6px;
  border-radius: 5px;
  font-size: 12px;
  opacity: 0;
  animation: popTips 1.5s;
}
@keyframes popTips {
  0% {
    opacity: 0;
    top: 0px;
  }
  15% {
    opacity: 1;
    top: -15px;
    transform: scale(1.1, 1.1);
  }
  30% {
    transform: scale(1, 1);
  }
  50% {
    opacity: 1;
    top: -15px;
  }
  90% {
    opacity: 1;
    top: -15px;
  }
  100% {
    opacity: 0;
    top: 0px;
  }
}

/************ 动态遮罩 ***************/
.bili-wrap {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1000;
  background-color: transparent;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.5);
}

/************ 二维码 ***************/
.bili-share-pc .share .icon_wechat:hover .weixin-hover {
  display: block;
}
.bili-share-pc .weixin-hover {
  position: absolute;
  z-index: -1;
  display: none;
}
.bili-share-pc .weixin-hover .qr-before {
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.3) 0 2px 4px;
  width: 50px;
  height: 81px;
  top: -18px;
  position: absolute;
  left: -6px;
}
.bili-share-pc .share-weixin-qr {
  position: absolute;
  top: 62px;
  left: -6px;
  padding: 15px 13px;
  background-color: #fff;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.3);
}
.bili-share-pc .share-weixin-qr h4 {
  text-align: center;
  font-size: 16px;
  font-weight: normal;
  color: #333;
  margin-bottom: 15px;
}
.bili-share-pc .share-weixin-qr .qr-code {
  width: 120px;
  text-align: center;
}

.messageTip {
  margin: 0;
  position: absolute;
}

/************ 自定义 ***************/
#biliSharePc {
}
#biliSharePc li {
  list-style: none;
}
#biliSharePc .share {
  font-size: 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(.5em * 5 - .1em);
}
#biliSharePc .share .icon {
  background: url('https://i0.hdslb.com/bfs/activity-plat/static/20180321/dfa73b898f143877cbf8ecf001cd9e89/images/l6oq2p5wy7.png')
  no-repeat;
  width: .4em;
  height: .4em;
  line-height: .4em;
  cursor: pointer;
  background-size: 4.09em;
}
#biliSharePc .share .icon_bili {
  background-position: -3.7em 0;
}
#biliSharePc .share .icon_bili:hover {
  background-position: -3.7em -.71em;
}
#biliSharePc .share .icon_weibo {
  background-position: 0 0;
}
#biliSharePc .share .icon_weibo:hover {
  background-position: 0 -.71em;
}
#biliSharePc .share .icon_wechat {
  background-position: -.74em 0;
  position: relative;
}
#biliSharePc .share .icon_wechat:hover {
  background-position: -.74em -.71em;
}
#biliSharePc .share .icon_qzone {
  background-position: -1.48em 0;
}
#biliSharePc .share .icon_qzone:hover {
  background-position: -1.48em -.71em;
}
#biliSharePc .share .icon_qq {
  background-position: -2.22em 0;
}
#biliSharePc .share .icon_qq:hover {
  background-position: -2.22em -.71em;
}
#biliSharePc .share .icon_baidu_tieba {
  background-position: -2.96em 0;
}
#biliSharePc .share .icon_baidu_tieba:hover {
  background-position: -2.96em -.71em;
}
#biliSharePc .share .icon_wechat:hover .weixin-hover {
  display: block;
}
#biliSharePc .weixin-hover {
  position: absolute;
  z-index: -1;
  display: none;
}
#biliSharePc .weixin-hover .qr-before {
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.3) 0 2px 4px;
  width: 50px;
  height: 81px;
  top: -18px;
  position: absolute;
  left: -6px;
}
#biliSharePc .share-weixin-qr {
  position: absolute;
  top: 62px;
  left: -6px;
  padding: 15px 13px;
  background-color: #fff;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.3);
}
#biliSharePc .icon-hover .share-weixin-qr {
  position: absolute;
  top: 50px;
  left: -50px;
  padding: 15px 13px;
  background-color: #fff;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}
#biliSharePc .share-weixin-qr h4 {
  text-align: center;
  font-size: 16px;
  font-weight: normal;
  color: #333;
  margin-bottom: 15px;
}
#biliSharePc .share-weixin-qr .qr-code {
  width: 120px;
  text-align: center;
}

#webShare {
  width: 980px;
  box-sizing: border-box;
  margin: 0 auto;
}

#webShare .bili-share-pc {
  box-sizing: border-box;
  background-color: #ffffff;
  height: 78px;
}