a,article,body,div,footer,form,h1,h2,h3,h4,h5,h6,header,html,iframe,img,input,li,p,section,span,textarea,ul,video{margin:0;padding:0}body,html{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}li,ul{list-style:none}a{color:#222;text-decoration:none}a,button,input,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,li,ul{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:400}.clearfix:after{display:block;visibility:hidden;clear:both;width:0;height:0;content:"."}div[flash-anim-wrap=true]{height:100%}.temp-model-richtext{margin:0 auto;font-size:14px;line-height:1.4}.temp-model-richtext h1,.temp-model-richtext h2,.temp-model-richtext h3{font-weight:800}.temp-model-richtext h1{font-size:28px}.temp-model-richtext h2{font-size:22px}.temp-model-richtext h3{font-size:18px}.temp-model-richtext address,.temp-model-richtext cite,.temp-model-richtext dfn,.temp-model-richtext em,.temp-model-richtext i,.temp-model-richtext var{font-style:italic}.temp-model-richtext blockquote,.temp-model-richtext h1,.temp-model-richtext h2,.temp-model-richtext h3,.temp-model-richtext h4,.temp-model-richtext h5,.temp-model-richtext h6,.temp-model-richtext ol,.temp-model-richtext p,.temp-model-richtext pre,.temp-model-richtext ul{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8}.temp-model-richtext p{word-wrap:break-word;word-break:break-word}.temp-model-richtext ol{padding-left:20px}.temp-model-richtext ul{padding-left:8px;list-style:disc inside}.temp-model-richtext ol>li{list-style-type:none}.temp-model-richtext ol{list-style-type:none;position:relative}.temp-model-richtext ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8;counter-increment:list-num}.temp-model-richtext ol li:before{content:counter(list-num,decimal) ". ";margin-right:-16px;position:absolute;right:100%;text-align:right}.temp-model-richtext ol li.ql-indent-1{counter-increment:list-1}.temp-model-richtext ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". ";margin-right:-56px}.temp-model-richtext ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8}.temp-model-richtext ol li.ql-indent-2{counter-increment:list-2}.temp-model-richtext ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". ";margin-right:-96px}.temp-model-richtext ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8}.temp-model-richtext ol li.ql-indent-3{counter-increment:list-3}.temp-model-richtext ol li.ql-indent-3:before{content:counter(list-3,decimal) ". ";margin-right:-136px}.temp-model-richtext ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8}.temp-model-richtext ol li.ql-indent-4{counter-increment:list-4}.temp-model-richtext ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". ";margin-right:-176px}.temp-model-richtext ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8}.temp-model-richtext ol li.ql-indent-5{counter-increment:list-5}.temp-model-richtext ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". ";margin-right:-216px}.temp-model-richtext ol li.ql-indent-5{counter-reset:list-6 list-7 list-8}.temp-model-richtext ol li.ql-indent-6{counter-increment:list-6}.temp-model-richtext ol li.ql-indent-6:before{content:counter(list-6,decimal) ". ";margin-right:-256px}.temp-model-richtext ol li.ql-indent-6{counter-reset:list-7 list-8}.temp-model-richtext ol li.ql-indent-7{counter-increment:list-7}.temp-model-richtext ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". ";margin-right:-296px}.temp-model-richtext ol li.ql-indent-7{counter-reset:list-8}.temp-model-richtext ol li.ql-indent-8{counter-increment:list-8}.temp-model-richtext ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". ";margin-right:-336px}.temp-model-richtext .ql-indent-1{padding-left:40px}.temp-model-richtext .ql-indent-2{padding-left:80px}.temp-model-richtext .ql-indent-3{padding-left:120px}.temp-model-richtext .ql-indent-4{padding-left:160px}.temp-model-richtext .ql-indent-5{padding-left:200px}.temp-model-richtext .ql-indent-6{padding-left:240px}.temp-model-richtext .ql-indent-7{padding-left:280px}.temp-model-richtext .ql-indent-8{padding-left:320px}.temp-model-richtext .ql-video{display:block;max-width:100%}.temp-model-richtext .ql-video.ql-align-center{margin:0 auto}.temp-model-richtext .ql-video.ql-align-right{margin:0 0 0 auto}.temp-model-richtext .ql-bg-black{background-color:#000}.temp-model-richtext .ql-bg-red{background-color:#e60000}.temp-model-richtext .ql-bg-orange{background-color:#f90}.temp-model-richtext .ql-bg-yellow{background-color:#ff0}.temp-model-richtext .ql-bg-green{background-color:#008a00}.temp-model-richtext .ql-bg-blue{background-color:#06c}.temp-model-richtext .ql-bg-purple{background-color:#93f}.temp-model-richtext .ql-color-white{color:#fff}.temp-model-richtext .ql-color-red{color:#e60000}.temp-model-richtext .ql-color-orange{color:#f90}.temp-model-richtext .ql-color-yellow{color:#ff0}.temp-model-richtext .ql-color-green{color:#008a00}.temp-model-richtext .ql-color-blue{color:#06c}.temp-model-richtext .ql-color-purple{color:#93f}.temp-model-richtext .ql-font-serif{font-family:Georgia,Times New Roman,serif}.temp-model-richtext .ql-font-monospace{font-family:Monaco,Courier New,monospace}.temp-model-richtext .ql-size-small{font-size:10px}.temp-model-richtext .ql-size-large{font-size:18px}.temp-model-richtext .ql-size-huge{font-size:32px}.temp-model-richtext .ql-direction-rtl{direction:rtl;text-align:inherit}.temp-model-richtext .ql-align-center{text-align:center}.temp-model-richtext .ql-align-justify{text-align:justify}.temp-model-richtext .ql-align-right{text-align:right}.temp-model-richtext.ql-blank:before{color:rgba(0,0,0,.6);content:attr(data-placeholder);font-style:italic;pointer-events:none;position:absolute}.temp-model-richtext pre{white-space:pre-wrap}.temp-model-richtext a{text-decoration:underline}.temp-model-richtext blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.temp-model-richtext pre.hljs{overflow:visible}.temp-model-richtext code,.temp-model-richtext pre:not(.hljs){background-color:#f0f0f0}.temp-model-richtext code,.temp-model-richtext pre{border-radius:3px}.temp-model-richtext code{font-size:85%;padding-bottom:2px;padding-top:2px}.temp-model-richtext code:after,.temp-model-richtext code:before{content:"\A0";letter-spacing:-2px}.temp-model-richtext :not(pre)+pre,.temp-model-richtext pre:first-of-type{margin-top:5px;padding-top:5px}.temp-model-richtext pre{margin-bottom:5px;padding:0 10px 5px}.temp-model-richtext pre+pre{margin-top:-10px}.temp-model-richtext img{max-width:100%}@charset "UTF-8";
/* Author: ひまわり(dtysky<dtysky@outlook.com>)
 * Github: https://github.com/dtysky
 * Create: 17/1/11
 */
/* Author: ひまわり(dtysky<dtysky@outlook.com>)
 * Github: https://github.com/dtysky
 * Create: 2017/2/23
 */
.hana-radio-inner {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: inline-block;
  position: relative;
  margin-right: 10px;
  font-size: 16px;
  width: 15px;
  height: 15px;
  border: 1px solid #ccc;
  border-radius: 15px;
  vertical-align: middle;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in; }
  .hana-radio-inner::after {
    position: absolute;
    content: "";
    left: 3px;
    top: 3px;
    width: 9px;
    height: 9px;
    border-radius: 9px;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in; }

.hana-radio-custom {
  display: inline-block;
  margin-right: 10px;
  font-size: 16px;
  vertical-align: middle; }

.hana-radio {
  display: inline-block;
  cursor: pointer;
  position: relative;
  font-size: 14px; }
  .hana-radio span {
    vertical-align: middle;
    line-height: 30px; }
  .hana-radio:hover .hana-radio-inner {
    border-color: #6cf; }

.hana-radio-checked .hana-radio-inner {
  border: 1px solid #6cf; }

.hana-radio-checked .hana-radio-inner::after {
  display: block;
  background: #6cf; }

.hana-radio-disabled {
  cursor: not-allowed;
  color: #ccc; }
  .hana-radio-disabled:hover .hana-radio-inner {
    border-color: #ccc; }
  .hana-radio-disabled.hana-radio-checked .hana-radio-inner {
    border-color: #ccc; }
    .hana-radio-disabled.hana-radio-checked .hana-radio-inner::after {
      background: #ccc; }

.hana-radio-group .hana-radio {
  margin-right: 10px; }@charset "UTF-8";
/* Author: ひまわり(dtysky<dtysky@outlook.com>)
 * Github: https://github.com/dtysky
 * Create: 17/1/11
 */
/* Author: ひまわり(dtysky<dtysky@outlook.com>)
 * Github: https://github.com/dtysky
 * Create: 2017/2/23
 */
.hana-checkbox-inner {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: inline-block;
  position: relative;
  margin-right: 10px;
  font-size: 16px;
  width: 15px;
  height: 15px;
  border: 1px solid #ccc;
  border-radius: 2px;
  vertical-align: middle; }
  .hana-checkbox-inner::after {
    content: "";
    position: absolute;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border-color: #0088cc;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; }

.hana-checkbox-custom {
  display: inline-block;
  margin-right: 10px;
  font-size: 16px;
  vertical-align: middle; }

.hana-checkbox {
  display: inline-block;
  cursor: pointer;
  position: relative;
  font-size: 14px; }
  .hana-checkbox span {
    vertical-align: middle;
    line-height: 30px; }
  .hana-checkbox:hover .hana-checkbox-inner {
    border-color: #6cf; }

.hana-checkbox-checked .hana-checkbox-inner {
  border: 1px solid #6cf; }

.hana-checkbox-checked .hana-checkbox-inner::after {
  border-color: #6cf;
  border-style: solid;
  border-width: 0 1px 1px 0;
  display: block; }

.hana-checkbox-disabled {
  cursor: not-allowed;
  color: #ccc; }
  .hana-checkbox-disabled:hover .hana-checkbox-inner {
    border-color: #ccc; }
  .hana-checkbox-disabled.hana-checkbox-checked .hana-checkbox-inner {
    border-color: #ccc; }
    .hana-checkbox-disabled.hana-checkbox-checked .hana-checkbox-inner::after {
      border-color: #ccc; }

.hana-checkbox-group .hana-checkbox {
  margin-right: 10px; }@charset "UTF-8";
/* Author: ひまわり(dtysky<dtysky@outlook.com>)
 * Github: https://github.com/dtysky
 * Create: 17/1/3
 */
/* Author: ひまわり(dtysky<dtysky@outlook.com>)
 * Github: https://github.com/dtysky
 * Create: 17/1/11
 */
/* Author: ひまわり(dtysky<dtysky@outlook.com>)
 * Github: https://github.com/dtysky
 * Create: 2017/2/23
 */
.hana-divider {
  margin: 8px 0;
  height: 1px;
  border: none;
  background-color: #ccc; }@charset "UTF-8";
/* Author: ひまわり(dtysky<dtysky@outlook.com>)
 * Github: https://github.com/dtysky
 * Create: 17/1/11
 */
/* Author: ひまわり(dtysky<dtysky@outlook.com>)
 * Github: https://github.com/dtysky
 * Create: 2017/2/23
 */
.hana-button-error, .hana-button-primary, .hana-button-disabled {
  border: 0;
  color: #fff; }
  .hana-button-error i[class^='hanaicon'], .hana-button-primary i[class^='hanaicon'], .hana-button-disabled i[class^='hanaicon'] {
    color: #fff; }

.hana-button {
  background-color: #fff;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  white-space: nowrap;
  height: 22px;
  line-height: 0;
  padding: 0 10px;
  -webkit-transition: border-color 0.25s ease-out, color 0.25s ease-out, background-color 0.25s ease-out, position 0.25s ease-out;
  transition: border-color 0.25s ease-out, color 0.25s ease-out, background-color 0.25s ease-out, position 0.25s ease-out; }
  .hana-button:focus {
    outline: none; }

.hana-button-default {
  border: 1px solid #ccd0d7;
  color: #717171; }
  .hana-button-default i[class^='hanaicon'] {
    color: #717171; }
  .hana-button-default:hover {
    border-color: #646464;
    color: #646464;
    z-index: 2; }

.hana-button-error {
  background-color: #fa2f2f;
  padding: 15px 18px; }
  .hana-button-error:hover {
    background-color: #f91616; }

.hana-button-primary {
  background-color: #01b5fd;
  padding: 15px 18px; }
  .hana-button-primary:hover {
    background-color: #01a3e4; }

.hana-button-disabled {
  background-color: #ccd0d7;
  padding: 15px 18px; }
  .hana-button-disabled:hover {
    cursor: not-allowed; }

.hana-button-small {
  font-size: 12px; }

.hana-button-middle {
  font-size: 14px;
  padding: 14px 18px; }

.hana-button-large {
  font-size: 18px;
  padding: 20px 28px; }

.hana-button-label {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex; }
  .hana-button-label .button-label {
    cursor: default; }
    .hana-button-label .button-label.label-right {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 4px;
      border-top-left-radius: 0;
      border-top-right-radius: 4px;
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2; }
  .hana-button-label .button-label-default {
    background-color: #ccd0d7;
    border: 1px solid #ccd0d7;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    color: #fff;
    padding: 5px 12px; }
    .hana-button-label .button-label-default > i {
      vertical-align: initial; }
  .hana-button-label > a {
    border: 1px solid #ccd0d7;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    color: #717171;
    font-weight: bold;
    padding: 5px 20px;
    text-align: center;
    text-decoration: none; }
    .hana-button-label > a.label-right {
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 0;
      border-top-left-radius: 4px;
      border-top-right-radius: 0; }
    .hana-button-label > a:hover {
      color: #01b5fd; }@charset "UTF-8";
/* Author: ひまわり(dtysky<dtysky@outlook.com>)
 * Github: https://github.com/dtysky
 * Create: 17/1/11
 */
/* Author: ひまわり(dtysky<dtysky@outlook.com>)
 * Github: https://github.com/dtysky
 * Create: 2017/2/23
 */
.hana-modal-main .hana-modal-title-wrapper .icon-close, .hana-modal-main .hana-modal-content + .icon-close {
  cursor: pointer;
  position: absolute;
  right: 15px; }

.hana-modal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 512;
  -webkit-box-pack: center; }
  .hana-modal-overlay {
    background-color: rgba(0, 0, 0, 0.46);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 512; }
  .hana-modal-main {
    -webkit-box-pack: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    position: relative;
    background-color: #fff;
    border-radius: 4px;
    min-height: 130px;
    min-width: 600px;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-self: center;
            align-self: center;
    margin: 0 auto;
    z-index: 512; }
    .hana-modal-main .hana-modal-title-wrapper {
      font-size: 18px;
      min-height: 38px;
      position: relative; }
      .hana-modal-main .hana-modal-title-wrapper .hana-modal-title {
        padding: 10px 15px; }
      .hana-modal-main .hana-modal-title-wrapper .icon-close {
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%); }
    .hana-modal-main .hana-modal-content {
      margin-bottom: 35px;
      max-height: 635px;
      overflow: auto;
      padding: 15px 20px;
      overflow-y: auto; }
    .hana-modal-main .hana-modal-button {
      bottom: 5px;
      position: absolute;
      right: 5px; }

.hana-overlay-enter {
  opacity: 0;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in; }
  .hana-overlay-enter.hana-overlay-enter-active {
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
    opacity: 1; }

.hana-overlay-exit {
  opacity: 0;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in; }
  .hana-overlay-exit.hana-overlay-exit-active {
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
    opacity: 1; }

.hana-modal-enter {
  opacity: 0;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in; }
  .hana-modal-enter.hana-modal-enter-active {
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
    opacity: 1; }

.hana-modal-exit {
  opacity: 1;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in; }
  .hana-modal-exit.hana-modal-exit-active {
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
    opacity: 0; }.activity-questions {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px;
  font-size: 16px; }
  @media screen and (min-width: 750px) {
    .activity-questions {
      width: 750px;
      margin: 0 auto; } }
  .activity-questions-alert {
    position: relative;
    min-height: 169px; }
    .activity-questions-alert-img {
      width: 195px;
      height: 169px;
      display: inline-block; }
    .activity-questions-alert-message {
      display: inline-block;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      margin-left: 100px;
      color: #f25d8e;
      font-size: 18px; }
  .activity-questions-submit {
    background-color: transparent;
    cursor: pointer;
    padding: 0;
    border: 0;
    outline: 0;
    display: block;
    margin: 10px auto; }
    .activity-questions-submit:active, .activity-questions-submit:hover {
      background-color: initial;
      border-color: initial; }
  .activity-questions-item {
    padding: 10px 0;
    border-bottom: 1px solid #e5e9ef; }
    .activity-questions-item-title {
      padding: 5px 0;
      font-size: 16px; }
    .activity-questions-item-hint {
      color: #e40c0c;
      padding: 0 5px 5px;
      font-size: 12px; }
    .activity-questions-item-content {
      padding-left: 10px; }
    .activity-questions-item-required {
      color: #e40c0c;
      margin-right: 5px;
      vertical-align: middle; }
    .activity-questions-item-text, .activity-questions-item-textarea {
      margin: 5px 0;
      outline: 0;
      border: 1px solid #ccd0d7;
      font-size: 14px;
      padding: 5px 8px;
      color: #222;
      -webkit-transition: .5s all ease-in-out;
      transition: .5s all ease-in-out; }
      .activity-questions-item-text:focus, .activity-questions-item-textarea:focus {
        border-color: #6cf; }
    .activity-questions-item-text {
      border-width: 0 0 1px 0;
      width: 300px; }
    .activity-questions-item-textarea {
      border-radius: 4px;
      width: 100%; }
    .activity-questions-item-table {
      font-size: 14px;
      width: 100%;
      border-collapse: collapse; }
      .activity-questions-item-table tr {
        border-bottom: 1px solid #eee;
        background: #fff; }
      .activity-questions-item-table th, .activity-questions-item-table td {
        padding: 10px 20px;
        font-weight: normal;
        border: 1px solid #d8e2fc; }
      .activity-questions-item-table .hana-radio {
        text-align: center; }
        .activity-questions-item-table .hana-radio-inner {
          margin-right: 0; }
  .activity-questions .hana-radio,
  .activity-questions .hana-checkbox {
    display: block; }body,div,h4,html,li,span,ul{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.bili-clearfix:after,.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:700;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:0 5px}.bili-share-pc .favourite .fav{padding-right:0;width:54px}.bili-share-pc .favourite .icon-like:hover{animation:likePlay 1s steps(14) infinite}.bili-share-pc .favourite .icon-liked{background-position:0 -59px}@keyframes likePlay{0%{background-position:0 0}to{background-position:-896px 5px}}.bili-share-pc .popTips{position:absolute;top:-15px;left:0;background-color:rgba(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:0}15%{opacity:1;top:-15px;transform:scale(1.1)}30%{transform:scale(1)}50%{opacity:1;top:-15px}90%{opacity:1;top:-15px}to{opacity:0;top:0}}.bili-wrap{width:100%;height:100%;position:fixed;z-index:1000;background-color:transparent;left:0;top:0;opacity:1;background-color:rgba(0,0,0,.5)}.bili-share-pc .share .icon_wechat:hover .weixin-hover,.bili-wrap{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:0 2px 4px rgba(0,0,0,.3);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:0 4px 5px rgba(0,0,0,.3)}.bili-share-pc .share-weixin-qr h4{text-align:center;font-size:16px;font-weight:400;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 .share{display:inline-block}#biliSharePc .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}#biliSharePc .share .icon_bili{background:url("https://i0.hdslb.com/bfs/activity-plat/static/20180321/dfa73b898f143877cbf8ecf001cd9e89/images/l6oq2p5wy7.png") no-repeat;background-position:-370px 0}#biliSharePc .share .icon_bili:hover{background-position:-370px -71px}#biliSharePc .share .icon_weibo{background-position:0 0}#biliSharePc .share .icon_weibo:hover{background-position:0 -71px}#biliSharePc .share .icon_wechat{background-position:-74px 0;position:relative}#biliSharePc .share .icon_wechat:hover{background-position:-74px -71px}#biliSharePc .share .icon_qzone{background-position:-148px 0}#biliSharePc .share .icon_qzone:hover{background-position:-148px -71px}#biliSharePc .share .icon_qq{background-position:-222px 0}#biliSharePc .share .icon_qq:hover{background-position:-222px -71px}#biliSharePc .share .icon_baidu_tieba{background-position:-296px 0}#biliSharePc .share .icon_baidu_tieba:hover{background-position:-296px -71px}#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:0 2px 4px rgba(0,0,0,.3);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:0 4px 5px rgba(0,0,0,.3)}#biliSharePc .icon-hover .share-weixin-qr{position:absolute;top:50px;left:-50px;padding:15px 13px;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.3)}#biliSharePc .share-weixin-qr h4{text-align:center;font-size:16px;font-weight:400;color:#333;margin-bottom:15px}#biliSharePc .share-weixin-qr .qr-code{width:120px;text-align:center}