.van-qrcode{display:inline-block}
.van-message{padding:10px 16px;border-radius:4px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15);background:rgba(0,0,0,.8);color:#fff;margin-bottom:10px;pointer-events:all;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;-o-transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.van-message-box{position:fixed;z-index:1010;left:50%;top:16px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);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{-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);opacity:0}
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;-webkit-box-sizing:content-box;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: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{-webkit-animation:likePlay 1s steps(14) infinite;animation:likePlay 1s steps(14) infinite}.bili-share-pc .favourite .icon-liked{background-position:0 -59px}@-webkit-keyframes likePlay{0%{background-position:0 0}to{background-position:-896px 5px}}@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;-webkit-animation:popTips 1.5s;animation:popTips 1.5s}@-webkit-keyframes popTips{0%{opacity:0;top:0}15%{opacity:1;top:-15px;-webkit-transform:scale(1.1);transform:scale(1.1)}30%{-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;top:-15px}90%{opacity:1;top:-15px}to{opacity:0;top:0}}@keyframes popTips{0%{opacity:0;top:0}15%{opacity:1;top:-15px;-webkit-transform:scale(1.1);transform:scale(1.1)}30%{-webkit-transform:scale(1);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:rgba(0,0,0,0);left:0;top:0;display:block;opacity:1;background-color:rgba(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;-webkit-box-shadow:rgba(0,0,0,.3) 0 2px 4px;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;-webkit-box-shadow:0 4px 5px rgba(0,0,0,.3);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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;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;-webkit-box-shadow:rgba(0,0,0,.3) 0 2px 4px;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;-webkit-box-shadow:0 4px 5px rgba(0,0,0,.3);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;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);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}