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-videoswitch{margin-right:auto;margin-left:auto;width:980px}.temp-model-videoswitch .t-bottom-switch,.temp-model-videoswitch .t-top-switch{list-style:none}.temp-model-videoswitch .t-bottom-switch li,.temp-model-videoswitch .t-top-switch li{float:left;overflow:hidden;margin-right:10px;width:153px;height:40px;border-radius:4px;background-color:#fff;background-position:50%;background-size:100%;color:#222;text-align:center;font-size:14px;line-height:40px;cursor:pointer}.temp-model-videoswitch .t-bottom-switch li:nth-child(6),.temp-model-videoswitch .t-top-switch li:nth-child(6){margin-right:0}.temp-model-videoswitch .t-bottom-switch li.on,.temp-model-videoswitch .t-top-switch li.on{background-color:#1aa2d4;color:#fff}.temp-model-videoswitch .t-btn-right,.temp-model-videoswitch .t-left-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:50%;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}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 li{list-style:none}.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 li{list-style:none}#biliSharePc .share{font-size:100px;display:flex;justify-content:space-between;align-items:center;width:2.4em}#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: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}.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:50%;line-height:100%}.act-component-button span{display:table-cell;width:100%;height:100%;vertical-align:middle}.act-dialog{position:absolute;background:#fff;border-radius:5px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.act-dialog-content{max-height:600px;max-height:90vh;text-align:center}.act-dialog-mask{background:rgba(0,0,0,.7);position:fixed;left:0;top:0;right:0;bottom:0;z-index:10001}.act-dialog-close{position:absolute;display:block;width:18px;height:18px;top:0;right:-28px;cursor:pointer}.act-dialog-close:after,.act-dialog-close:before{content:"";display:block;width:25px;height:4px;border-radius:2px;background:#fff;position:absolute;left:-3px;top:8px}.act-dialog-close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.act-dialog-close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}@-webkit-keyframes closebreath{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes closebreath{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.act-dialog-close:hover{-webkit-animation:closebreath 1.2s cubic-bezier(.165,.84,.44,1) infinite;animation:closebreath 1.2s cubic-bezier(.165,.84,.44,1) infinite}.act-dialog-alert{width:380px;height:380px;border-radius:5px;background:url("//activity.hdslb.com/blackboard/lottery/images/v5oxkknzl3.jpg") 0/100% auto no-repeat}.act-dialog-alert img{width:100%;max-width:100%;margin:0}.act-dialog-alert-msg{font-size:16px;position:absolute;left:0;bottom:20px;text-align:center;width:100%}@-webkit-keyframes alertopen{0%{-webkit-transform:scale(.5) translate(-50%,-50%);transform:scale(.5) translate(-50%,-50%)}75%{-webkit-transform:scale(1.08) translate(-50%,-50%);transform:scale(1.08) translate(-50%,-50%)}to{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%)}}@keyframes alertopen{0%{-webkit-transform:scale(.5) translate(-50%,-50%);transform:scale(.5) translate(-50%,-50%)}75%{-webkit-transform:scale(1.08) translate(-50%,-50%);transform:scale(1.08) translate(-50%,-50%)}to{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%)}}@-webkit-keyframes alertclose{0%{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%)}25%{-webkit-transform:scale(1.08) translate(-50%,-50%);transform:scale(1.08) translate(-50%,-50%)}to{-webkit-transform:scale(.5) translate(-50%,-50%);transform:scale(.5) translate(-50%,-50%)}}@keyframes alertclose{0%{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%)}25%{-webkit-transform:scale(1.08) translate(-50%,-50%);transform:scale(1.08) translate(-50%,-50%)}to{-webkit-transform:scale(.5) translate(-50%,-50%);transform:scale(.5) translate(-50%,-50%)}}.act-dialog-alert-transition-enter{opacity:0}.act-dialog-alert-transition-enter>.act-dialog{-webkit-transform-origin:0 0;transform-origin:0 0}.act-dialog-alert-transition-enter-active{opacity:1;-webkit-transition:opacity .5s cubic-bezier(.165,.84,.44,1);transition:opacity .5s cubic-bezier(.165,.84,.44,1)}.act-dialog-alert-transition-enter-active>.act-dialog{-webkit-animation:alertopen .5s cubic-bezier(.165,.84,.44,1);animation:alertopen .5s cubic-bezier(.165,.84,.44,1)}.act-dialog-alert-transition-exit{opacity:1}.act-dialog-alert-transition-exit>.act-dialog{-webkit-transform-origin:0 0;transform-origin:0 0}.act-dialog-alert-transition-exit-active{opacity:0;-webkit-transition:opacity .5s cubic-bezier(.165,.84,.44,1);transition:opacity .5s cubic-bezier(.165,.84,.44,1)}.act-dialog-alert-transition-exit-active>.act-dialog{-webkit-animation:alertclose .5s cubic-bezier(.165,.84,.44,1);animation:alertclose .5s cubic-bezier(.165,.84,.44,1)}@media only screen and (max-device-width:480px){.act-dialog-close{width:18px;height:18px;bottom:-40px;left:50%;top:auto;right:auto;margin-left:-9px;cursor:pointer}.act-dialog-close:after,.act-dialog-close:before{width:25px;height:4px;border-radius:2px;left:-3px;top:8px}.act-dialog-alert{width:300px;height:300px}.act-dialog-alert-msg{font-size:14px}}.activity-follow {
  height: 100%;
  margin: 0 auto; }

.activity-follow-box {
  position: relative; }

.activity-follow-button {
  display: inline-block;
  cursor: pointer;
  position: relative;
  z-index: 10;
  -webkit-transition: .3s opacity ease-in-out;
  transition: .3s opacity ease-in-out; }

.activity-follow-button-followed {
  opacity: 0;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
  -webkit-transition: .3s opacity ease-in-out;
  transition: .3s opacity ease-in-out; }

.activity-follow-followed .activity-follow-button {
  opacity: 0; }

.activity-follow-followed .activity-follow-button-followed {
  opacity: 1; }
