@charset "utf-8";
/*!
 * @bilibili/sns-login
 * version: 0.2.18. Powered by main-frontend
 * sns-login登录框本地化组件
 */.select-box[data-v-62fb6992]{position:relative}.select-box span[data-v-62fb6992]{width:12px;height:12px;background:url(https://activity.hdslb.com/blackboard/activity41826/img/ic_unfold.87eae93a_87eae93a.svg) 50% no-repeat;position:absolute;top:14px;right:12px}.select-box select[data-v-62fb6992]{width:100%;height:40px;padding:10px 12px;border:none;background:#f4f4f4;font-family:PingFangSC-Regular;-moz-border-radius:4px;border-radius:4px;font-size:14px;color:#212121;letter-spacing:0;line-height:20px}.text-ellipsis[data-v-223397ea]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.background-full[data-v-223397ea]{-webkit-background-size:100% 100%;-moz-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat}.text-box[data-v-223397ea]{background:#f4f4f4;-moz-border-radius:4px;border-radius:4px;height:40px;padding:10px 12px;border:1px solid #f4f4f4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.text-box>div[data-v-223397ea]{-webkit-box-flex:0;-webkit-flex:0 0 auto;-moz-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.text-box .text-box-middle[data-v-223397ea]{-webkit-box-flex:1;-webkit-flex:1 1 200px;-moz-box-flex:1;-ms-flex:1 1 200px;flex:1 1 200px}.text-box .text-clear[data-v-223397ea]{width:16px;height:16px;margin-left:4px}.text-box .text-clear span[data-v-223397ea]{cursor:pointer;width:16px;height:16px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAhpJREFUWAntlklLA0EQhcctoh5cECHiIRHx4v//KR4UUdCDKCpRcYvr+whteqme9ITckgcvs3R11euq6p5U1QzTnoG5hgloyX5DXBeXxSURfIof4qPYE/tiEUoFELgtbhd5rao72V2LI4WUCGDFXXFebIIfGV+IZCSLhezIYGBHl45YInQwY/jLnC3xW3wZvg7v6gSw8k5oPtYT/fImvluzc2ml5l1rwpjv8IXPBLkM7MlyLbK+1PONyIpywr80diY+i2TQgXIQi10SwHKEUqvb2WY4PhUJFIN3jGFjdT8+kyxYAnzlmvOPfd2titTzRPRFuOCMrYjYWkh8WyXY1UwOmRiIpaufRAJx3RTZbqzcBT/U/aJogVI8+AM5ATkHloh7OSwJ7uLeuhuuOIzhjtf4vXtGNKt05WgSPPFtCXCB6q6/GoQO/r17V3S1BPBhqUPccGSCQ4Y+8BvT8pH4tgSw3XKIg1MKvxyjRCS+rSakATlsYljBsWUR/u7gsOHZWhwNGHwXLKOejCzwZcs1nN+YlOPccqB3iW8rA3y9WiK19YFy7A9Ea5u6TLxqnHMkPnT4jxCcAXrOfmYRcCRaGWJeU3BYHYv9eKKVAWzIAqmklpMAJQlq75zmBDCOAIRYDcl4Ka5kyGlpok4AE1BN41FPzvEmIO2sPBscZ6VO6Ym2aH2m8RNjon9KfecIIRuUZSJ/y33ns/vpzMAfvphwFb7TaQcAAAAASUVORK5CYII=);-webkit-background-size:100% 100%;-moz-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat;display:block}@media (-o-min-device-pixel-ratio:3/1),(-webkit-min-device-pixel-ratio:3),(min--moz-device-pixel-ratio:3),(min-resolution:3dppx),screen and (-webkit-min-device-pixel-ratio:3){.text-box .text-clear span[data-v-223397ea]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAA05JREFUaAXtmWlvFDEMhpdyCZVyiVPiEkLq//85SAgtpRJHgRZoua/32a7b2dnYSWZm2y/zSm52EsexHcfOTCeTEaMHRg+MHjhND5wZcPFzknVVdEV0QXR+Tmomv+b0U+1n0SfRb1FvDGHAdWlxS7RRqc0X8e+IdivnLbD3MeCyJN0XrS9IrH840JRt0X791MmkiwHMQfHbXRYM5rzTGIb8C3iWhs4u9cQdxPlT0Y2YrdMoO8mucj7+lkqoMQDlN0V9QybS7aIGr4k4F0VGlBpA2OD5VSov8TPgKNb5ePgY/y014IHErCJsPO3YCXQj5YZYC0cPB4nLoQ9swbKzNVk7RMkOPJEEClMKe+p8IaJQ1daB15rzSoQOl0Qp0P8+NWB9OQMoUneMOdFO1fdVRA6nynIAS7AlprciqvEPEYUwBRz3fU6p8UkuhDzBJqyp8Ad1Tm0gaFF+pzHelNHoPvoZ6hDtANng4ZGY9A9iFC+yC+CbKNqJtvI3xU+CiMCBxuBkWo0MIHxy3mFhLnAlRqSUf4SAAhBGOGcJkQF3xe0drragnBF9lGctvL/XXpRnwsSDl3k8fgs3i2/OBFgTWR/PhE2p5+EHri6RAdzna+EZYXK6KM9cVxe848Gd5E2Y92NEKnN0VR6xri6RAXN9Bmuqrsmlq0YGUF27YEuTmjFvMkrrhPE3W1eXoQ1oK0/YNMOpqxGuAdEhpiDVIKV8M9vYrlh2elwh3NUlqgOMlRQy9Mgpn6sTOVu4N1UXMraNYpZDTnmb38eIlxJCMVtCtANM2BBxF/HwRgOQIZcqU0aQnfiW5ME+vyTH15K9x50Wt8c9i7+a5T2nvM1s1wle4iOEOkQ7gFAuUXjNK+UkAbvP86mlFMjEeX9E90TenetAY9siFyXfhbgyb7oSVjvwTOL3oyVyO8BcUhieXufhBMGHrvB1El1KDICPg8RORAcavqHAetMSYaUGIIvDRl2Iih98fcG5ey5Kps228BoDELgrIpRWtRN4HuV5wytCjQEIxAi+mDFv6DNBzE9FRZ4X3wwlWch42y1ngtTZ1xBLlWG2aS9uz30MMBm8/HPjpGrXwCosYdkZQxhgi3O4KVAn+i8mW3xsRw+MHhg9cDoe+A9LwZ5rxWbB8wAAAABJRU5ErkJggg==)}}.text-box .text-title[data-v-223397ea]{font-family:PingFangSC-Regular;font-size:14px;color:#212121;line-height:20px;padding-right:12px;height:20px;width:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}.text-box .text-title[data-v-223397ea]:after{content:"";width:1px;height:14px;background:#ddd;position:absolute;top:50%;right:12px;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.5) translateY(-50%);-moz-transform:scaleX(.5) translateY(-50%);-ms-transform:scaleX(.5) translateY(-50%);-o-transform:scaleX(.5) translateY(-50%);transform:scaleX(.5) translateY(-50%)}.text-box input[data-v-223397ea]{background:rgba(0,0,0,0);border:none;font-size:14px;line-height:20px;display:block;height:20px;width:100%}.btn-bili[data-v-4eea3ad9]{font-family:PingFangSC-Regular;font-size:14px;letter-spacing:0;text-align:center;line-height:20px;height:40px;padding:9px 16px;-moz-border-radius:100px;border-radius:100px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:pointer}.btn-default[data-v-4eea3ad9]{background:#fb7299;color:#fff;border:1px solid #fb7299;-webkit-box-shadow:0 1px 4px 0 rgba(255,100,145,.7);-moz-box-shadow:0 1px 4px 0 rgba(255,100,145,.7);box-shadow:0 1px 4px 0 rgba(255,100,145,.7)}.btn-primary[data-v-4eea3ad9]{background:rgba(0,0,0,0);color:#fb7299;border:1px solid #fb7299}.btn-secondary[data-v-4eea3ad9]{background:rgba(0,0,0,0);border:1px solid #ccc;color:#999}.btn-disabled[data-v-4eea3ad9]{background:#e7e7e7;border:1px solid #e7e7e7;color:#999;cursor:not-allowed}.toast-box[data-v-6db91b78]{position:fixed;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-moz-border-radius:4px;border-radius:4px;font-size:14px;line-height:18px;padding:12px 30px;background:rgba(0,0,0,.8);color:#fff;opacity:1;z-index:10000000}.fade-enter-active[data-v-6db91b78],.fade-leave-active[data-v-6db91b78]{-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}.fade-enter[data-v-6db91b78],.fade-leave-to[data-v-6db91b78]{opacity:0;margin-top:-8px}.text-ellipsis[data-v-6ce52f1c]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.background-full[data-v-6ce52f1c]{-webkit-background-size:100% 100%;-moz-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat}a[data-v-6ce52f1c]{color:#fb7299;text-decoration:none;font-size:12px}.login-link[data-v-6ce52f1c]{text-align:center;height:14px;margin:0 auto}.login-link a[data-v-6ce52f1c]{display:block;font-size:14px;line-height:14px}.login-message[data-v-6ce52f1c]{font-family:PingFangSC-Regular;font-size:12px;color:#999;letter-spacing:0;line-height:18px}.form-container[data-v-6ce52f1c]{margin-top:22px}.form-group[data-v-6ce52f1c]{margin-bottom:16px;font-size:medium}.form-group .input-error[data-v-6ce52f1c]{border:1px solid #fa483e}.form-group .text-error[data-v-6ce52f1c]{font-family:PingFangSC-Regular;font-size:12px;color:#fa483e;line-height:20px;margin-top:4px}.login-mask[data-v-6ce52f1c]{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.5);z-index:9999999}.login-mask .login-box[data-v-6ce52f1c]{width:340px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;-moz-border-radius:12px;border-radius:12px;padding:20px 16px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.login-mask .login-box .login-title[data-v-6ce52f1c]{position:relative}.login-mask .login-box .login-title h3[data-v-6ce52f1c]{font-family:PingFangSC-Regular;font-weight:400;font-size:16px;color:#212121;letter-spacing:0;line-height:22px;padding-right:22px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.login-mask .login-box .login-title span[data-v-6ce52f1c]{width:22px;height:22px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAAXNSR0IArs4c6QAAAd1JREFUWAntl8FqwkAQhk0arwot7aXgqZ7aPkTaPkMeQHwsEfToM1jzDq29tDfprVAwFxVT7PyHgbDEZGezHoQJLGuyu/9++Z2dzbZaeqkD6oA6oA6oA+rAOTswmUyuZrPZRdN3SNM0gpZUJ5AMwAS73e77cDh8tdvt58Fg8CMZz32n0+nNZrOZB0HQD8Pwdjgc/nJbXR3WdSi293q9NWDp2WOe5+l4PL4uttv8Bux2u11Ag8pnp9NZ24zjPiLgOI5zOEuDlwR+v9/vFxJohsVYaERR9JIkyR/D2NSikGBBQAKW7h+oLOklnurCw4S1GcPzFWsnYAgAGmEBtygWP8it+Bi0L1jM6wxsC+0TtjFwHbRvWC/Ax6ApRAJkA15grjEL/eLVKCSKQmZMo803LDS9AUPMCAE8ssog6Gh7ifKwrSj3o+zh1RDoegM23F0i1SEkXHdEfmmz9uKACYsFhols87QJVXXfGLgMljcQcyFWbS5VkMW2RsBVsDyJb2hnYBvYU0A7AUtgfUOLgV1gfUKL0hqONTgpuO5gWIxYeJzy6BP1VXrcEgGvVqsuTdan8ub6bcDQ5Po7lbssy7r8D5ykHo1Gl1JXykCgAa2yNn2mDqgD6oA6oA6oA2fjwD98C59TSu+hgwAAAABJRU5ErkJggg==);-webkit-background-size:100% 100%;-moz-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat;cursor:pointer;position:absolute;top:0;right:0}@media (-o-min-device-pixel-ratio:3/1),(-webkit-min-device-pixel-ratio:3),(min--moz-device-pixel-ratio:3),(min-resolution:3dppx),screen and (-webkit-min-device-pixel-ratio:3){.login-mask .login-box .login-title span[data-v-6ce52f1c]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAYAAADjVADoAAAAAXNSR0IArs4c6QAAApZJREFUeAHtmc9OwkAQxqnxKAkJN73Lcwm2zyRgeQCeSD150ZMGEq4kdb6mk5RktwQ6O43Jt5eh2+38+THdGdjRiIMESIAESIAESIAESIAESIAESIAESIAESOB/E9hut3dlWc68ooAt2LSyd2OhCA7tdrvP4/H4tpRRVVVmoTekQ3TfrGTAFmxawTABcTgcHsTpaeN4sV6vX1PAaCBAd97Ymu73+/sQsEvnTEAsFot3MbxS4+Lo3BqGQhAbT2ony7JlURQfet1HmqWwOJo1wc/VIXF0k+f5s8hK566REQil6M776lZ/zEBAYQoYHhDguykIaxheEJKAsIKB7JLiUIq+9p5g+jrAVx3mGaGK+7wm3hDgs0nV0ODbEptYs1FudF4CPFtNFKA845IJ6luyjFADGhgg6FysmkTWJnsd1B/I5CBgJBLgSWmNrHGB4AbiHAzcD/QgbhBcQXTBaO61Xx1XCO4gYjAwr0P2D3cIsO2yR2iQKkP7Qe3MQBBgO1n51KAvlIN8MfDR3XAsGxRYrLTq/VTSNSNCELAnIHgNUNacbbp0raW8tVTWpSsGAT+l8ZyUT/QbdeVoYOC690/4Lp/a91xejS4Ikg31fxWRNSdNV9tx68/JQUQCDJbIyFoXGElBRAILQtBvOPJMchjJQEQC6oQwJIwkIPpAGAqGOQgLCEPAMAVhCcEbhhmIFBA8YZh1ltIQ4aivbogQADpGNEvaJ2hQ10joEFVork46UPlz9+UafaFnTDICB7I4i1QDlhBUJ2Qk62YWp10mGTEej7/Ez184KxCWVpkAfe2hmSFzerz4M5lMvttrBv+MU2lJ1UcvR2DL6iTcy2faIQESIAESIAESIAESIAESIAESIAESIAESCBD4A/0SaYrQXX5VAAAAAElFTkSuQmCC)}}.login-mask .login-box .captcha-box[data-v-6ce52f1c]{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.login-mask .login-box .captcha-box .captcha-input[data-v-6ce52f1c]{width:400px;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}.login-mask .login-box .captcha-box .captcha-btn[data-v-6ce52f1c]{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:block;width:110px;margin-left:12px}.login-mask .login-box .img-box[data-v-6ce52f1c]{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.login-mask .login-box .img-box img[data-v-6ce52f1c]{width:90px;height:40px;display:block}.login-mask .login-box .img-box>div[data-v-6ce52f1c]{width:90px}@media screen and (max-width:350px){.login-mask .login-box[data-v-6ce52f1c]{width:300px}}.fade-enter-active[data-v-6ce52f1c],.fade-leave-active[data-v-6ce52f1c]{-webkit-transition:opacity .5s;-o-transition:opacity .5s;-moz-transition:opacity .5s;transition:opacity .5s}.fade-enter[data-v-6ce52f1c],.fade-leave-to[data-v-6ce52f1c]{opacity:0}.text-ellipsis[data-v-4b8deda0]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.background-full[data-v-4b8deda0]{-webkit-background-size:100% 100%;-moz-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat}.login-message[data-v-4b8deda0]{font-family:PingFangSC-Regular;font-size:12px;color:#999;letter-spacing:0;line-height:18px}.form-container[data-v-4b8deda0]{margin-top:22px}.form-group[data-v-4b8deda0]{margin-bottom:16px;font-size:medium}.popup-mask[data-v-4b8deda0]{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.5);z-index:9999999}.popup-mask .popup-box[data-v-4b8deda0]{width:340px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;-moz-border-radius:12px;border-radius:12px;padding:20px 16px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media screen and (max-width:350px){.popup-mask .popup-box[data-v-4b8deda0]{width:300px}}.bili-soul[data-v-4b8deda0]{width:140px;height:116px;margin:-44px auto 0;background-image:url(https://activity.hdslb.com/blackboard/activity41826/img/popup@2x.8d524e9a.8d524e9a.png);-webkit-background-size:100% 100%;-moz-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat}@media (-o-min-device-pixel-ratio:3/1),(-webkit-min-device-pixel-ratio:3),(min--moz-device-pixel-ratio:3),(min-resolution:3dppx),screen and (-webkit-min-device-pixel-ratio:3){.bili-soul[data-v-4b8deda0]{background-image:url(https://activity.hdslb.com/blackboard/activity41826/img/popup@3x.04a7e193.04a7e193.png)}}.popup-container[data-v-4b8deda0]{margin:16px 0 20px}.popup-container p[data-v-4b8deda0]{font-family:PingFangSC-Regular;font-size:16px;color:#212121;letter-spacing:0;text-align:center;line-height:20px;min-height:20px;padding:0 20px}.btn-box[data-v-4b8deda0]{width:296px;margin:0 auto}.btn-box.needCancel>div[data-v-4b8deda0]{margin-right:16px;float:left}.btn-box.needCancel>div[data-v-4b8deda0]:last-child{margin-right:0}.btn-box>div[data-v-4b8deda0]{width:140px;margin:0 auto}@media screen and (max-width:350px){.btn-box[data-v-4b8deda0]{width:256px}.btn-box div[data-v-4b8deda0]{width:120px}}.fade-enter-active[data-v-4b8deda0],.fade-leave-active[data-v-4b8deda0]{-webkit-transition:opacity .5s;-o-transition:opacity .5s;-moz-transition:opacity .5s;transition:opacity .5s}.fade-enter[data-v-4b8deda0],.fade-leave-to[data-v-4b8deda0]{opacity:0}*{padding:0;margin:0;-webkit-tap-highlight-color:rgba(255,255,255,0);tap-highlight-color:hsla(0,0%,100%,0)}ol,ul{list-style:none}a img{border:none}input,select{outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.text-strong{color:#00a1d6}.clearfix:after{display:block;content:"";clear:both}.float-left{float:left}
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;
  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;
}
.bili-share-pc .share-weixin-qr .qr-code img {
  display: block;
  width: 100%;
}

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

/************ 自定义 ***************/
#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;
}
#biliSharePc .share-weixin-qr .qr-code img {
  display: block;
  width: 100%;
}