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;
}

ul,li {
  list-style: none;
}

a {
  color: #222;

  text-decoration: none;
}

a,input {
  outline: none;
  cursor:pointer;
}

textarea {
  overflow: hidden;
}

.clearfix:after {
  display: block;
  visibility: hidden;

  clear: both;
  width: 0;
  height: 0;
  content: '.';
}html{font-size:12px}body{padding:0;margin:0;border:0;font-family:Microsoft YaHei,Microsoft Sans Serif,Microsoft SanSerf,\\5FAE\8F6F\96C5\9ED1}img{border:0;outline:0}a{text-decoration:none}button{outline:none}input{font-family:Microsoft YaHei,Microsoft Sans Serif,Microsoft SanSerf,\\5FAE\8F6F\96C5\9ED1}.arc-toolbar{z-index:103;}.p-absolute{position:absolute}.p-relative{position:relative}.p-fixed{position:fixed}.p-center,.p-zero{top:0;left:0}.p-center{position:absolute;bottom:0;right:0}.f-left{float:left}.f-right{float:right}.f-clear:after{content:"";display:block;visibility:hidden;clear:both}.m-auto{margin:0 auto}.v-top{vertical-align:top}.v-middle{vertical-align:middle}.v-bottom{vertical-align:bottom}.w-100{width:100%}.h-100{height:100%}.dp-block{display:block}.dp-i-block{display:inline-block}.dp-none{display:none}.dp-table{display:table}.dp-table-cell{display:table-cell}.dp-flex{display:flex}.flex-center{align-items:center}.flex-center,.flex-h-center{justify-content:center}.flex-v-center{align-items:center}.border-box{box-sizing:border-box}.t-left{text-align:left}.t-center{text-align:center}.t-right{text-align:right}.t-over-hidden{overflow:hidden;text-overflow:ellipsis}.t-no-wrap,.t-nowrap{white-space:nowrap}.f-family{font-family:Microsoft YaHei,Microsoft Sans Serif,Microsoft SanSerf,\\5FAE\8F6F\96C5\9ED1}.bg-white{background-color:#fff}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.bg-cover{background-size:cover}.bg-contain{background-size:contain}.bg-fixed{background-attachment:fixed}.over-hidden{overflow:hidden}.pointer{cursor:pointer}.no-select,.none-select{user-select:none}.list-none{padding:0;margin:0;list-style:none}.b-circle{border-radius:50%}.v-hidden{visibility:hidden}.ts-dot-2{transition:all .2s cubic-bezier(.22,.58,.12,.98)}.ts-dot-4{transition:all .4s cubic-bezier(.22,.58,.12,.98)}.ts-dot-6{transition:all .6s cubic-bezier(.22,.58,.12,.98)}.ts-dot-8{transition:all .8s cubic-bezier(.22,.58,.12,.98)}.a-forwards{animation-fill-mode:forwards}.a-move-in-left{animation:move-in-left cubic-bezier(.22,.58,.12,.98) .4s}.a-move-in-right{animation:move-in-right cubic-bezier(.22,.58,.12,.98) .4s}.a-move-in-bottom{animation:move-in-bottom cubic-bezier(.22,.58,.12,.98) .4s}.a-move-in-top{animation:move-in-top cubic-bezier(.22,.58,.12,.98) .4s}.a-move-out-top{animation:move-out-top cubic-bezier(.22,.58,.12,.98) .4s}.a-splashing{animation:splashing ease 3s infinite}.a-fade-in{animation:fade-in linear .4s}.a-fade-out{animation:fade-out linear .4s}.a-scale-out{animation:scale-out cubic-bezier(.22,.58,.12,.98) .4s}.a-scale-out-ease{animation:scale-out-ease cubic-bezier(.22,.58,.12,.98) .4s}.fade-transition{animation:fade-in linear .2s}.fade-leave{animation:fade-out linear .2s forwards}.bili-link{text-decoration:none;color:#fb7299}.bili-link:active{color:#fff}.bili-link.cyan{color:#4fc1e9}.bili-link.gray{color:#646c7a}.bili-pink{color:#fb7299}.bili-cyan{color:#4fc1e9}[v-cloak]{display:none}@-webkit-keyframes move-in-left{0%{opacity:0;transform:translate(5em)}to{opacity:1;transform:translate(0)}}@keyframes move-in-left{0%{opacity:0;transform:translate(5em)}to{opacity:1;transform:translate(0)}}@-webkit-keyframes move-in-right{0%{opacity:0;transform:translate(-5em)}to{opacity:1;transform:translate(0)}}@keyframes move-in-right{0%{opacity:0;transform:translate(-5em)}to{opacity:1;transform:translate(0)}}@-webkit-keyframes move-in-bottom{0%{opacity:0;transform:translateY(5em)}to{opacity:1;transform:translate(0)}}@keyframes move-in-bottom{0%{opacity:0;transform:translateY(5em)}to{opacity:1;transform:translate(0)}}@-webkit-keyframes move-in-top{0%{opacity:0;transform:translateY(-5em)}to{opacity:1;transform:translate(0)}}@keyframes move-in-top{0%{opacity:0;transform:translateY(-5em)}to{opacity:1;transform:translate(0)}}@-webkit-keyframes move-out-top{0%{transform:translate(0);opacity:1}to{transform:translateY(-5em);opacity:0}}@keyframes move-out-top{0%{transform:translate(0);opacity:1}to{transform:translateY(-5em);opacity:0}}@-webkit-keyframes splashing{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes splashing{0%{opacity:0}50%{opacity:1}to{opacity:0}}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@-webkit-keyframes scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@-webkit-keyframes scale-out-ease{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(0)}}@keyframes scale-out-ease{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(0)}}.live-icon-16{display:inline-block;background-image:url(//static.hdslb.com/live-static/common-files/standalone-head-foot/static/img/icon-16px.43ce29d.png);width:16px;height:16px}.live-icon-16.anchor-cyan{background-position:-16px 0}.live-icon-16.anchor-dark{background-position:-48px -32px}.live-icon-16.area.draw{background-position:0 -16px}.live-icon-16.area.e-sports{background-position:-16px -16px}.live-icon-16.area.ent-life{background-position:-32px 0}.live-icon-16.area.mobile-game{background-position:-32px -16px}.live-icon-16.area.mobile{background-position:0 -32px}.live-icon-16.area.movie{background-position:-16px -32px}.live-icon-16.area.online{background-position:-32px -32px}.live-icon-16.area.otaku{background-position:-48px 0}.live-icon-16.area.sing-dance{background-position:-48px -16px}.live-icon-16.area.single{background-position:0 0}.live-icon-16.area.subject{background-position:0 -48px}.live-icon-16.area.video{background-position:-16px -48px}.live-icon-16.arrow-down-dark{background-position:-32px -48px}.live-icon-16.arrow-left-dark{background-position:-48px -48px}.live-icon-16.arrow-right-dark{background-position:-64px 0}.live-icon-16.arrow-top-dark{background-position:-64px -16px}.live-icon-16.eye-cyan{background-position:-64px -32px}.live-icon-16.eye-dark{background-position:-64px -48px}.live-icon-16.refresh-dark{background-position:0 -64px}.live-icon-16.search-dark{background-position:-16px -64px}.live-icon{display:inline-block;background-image:url(//static.hdslb.com/live-static/common-files/standalone-head-foot/static/img/icon-20px.eb3d9a8.png);width:20px;height:20px}.live-icon.achieve{background-position:-20px 0}.live-icon.gold-seed{background-position:-40px -20px}.live-icon.live-center-dark{background-position:0 -20px}.live-icon.live-cyan{background-position:-20px -20px}.live-icon.msg-hinter-dark{background-position:-40px 0}.live-icon.qq-dark{background-position:0 0}.live-icon.silver-seed{background-position:0 -40px}.live-icon.vip-color{background-position:-20px -40px}.live-icon.vip-gray{background-position:-40px -40px}.live-icon.vip-year-color{background-position:-60px 0}.live-icon.weibo-dark{background-position:-60px -20px}.live-btn{display:inline-block;height:30px;padding:0 20px;border:none;box-sizing:border-box;vertical-align:middle;font-size:12px;font-family:Microsoft YaHei,Microsoft Sans Serif,Microsoft SanSerf,\\5FAE\8F6F\96C5\9ED1;line-height:30px;text-align:center;text-decoration:none;white-space:nowrap;border-radius:5px;outline:none;cursor:pointer;overflow:visible;transition:all .2s cubic-bezier(.22,.58,.12,.98)}.live-btn:active{transition:none}.live-btn.default{color:#fff;background:#4fc1e9}.live-btn.default:hover{background:#58d4ff}.live-btn.default:active{background:#4aace5}.live-btn.default.pink{background-color:#fb7299}.live-btn.default.pink:hover{background-color:#fb80a3}.live-btn.default.pink:active{background-color:#fd8481}.live-btn.default.cancel{color:#64a2c5;background:#eaf8ff}.live-btn.default.cancel:hover{color:#58d4ff;background:#e2fbff}.live-btn.default.cancel:active{color:#64a2c5;background:#d6edff}.live-btn.default.disabled{background-color:#f2f2f2!important;color:#999!important;cursor:not-allowed}.live-btn.ghost{background-color:transparent;border:1px solid #4fc1e9;color:#4fc1e9}.live-btn.ghost.active,.live-btn.ghost:hover{background-color:#4fc1e9;color:#fff}.live-btn.ghost:active{background-color:#4aace5;color:#fff}.live-btn.ghost.disabled{background-color:transparent!important;border-color:$gray-light}.live-btn.ghost.pink{color:#e74e8f;border-color:#e74e8f}.live-btn.ghost.pink:hover{background-color:transparent!important;border-color:#ef83b0;color:#ef83b0}.live-btn.ghost.pink:active{background-color:#ef83b0!important;border-color:#ef83b0;color:#fff}.live-btn.ghost.green{color:$biliGreen;border-color:$biliGreen}.live-btn.ghost.green:hover{background-color:transparent!important;border-color:#95ce72;color:#95ce72}.live-btn.ghost.green:active{background-color:#95ce72!important;border-color:#95ce72;color:#fff}.live-navbar-top{min-width:1180px;height:50px;background-color:#fff;box-shadow:0 0 5px 1px rgba(0,0,0,.5);z-index:1}.live-navbar-top .main-ctnr{width:90%;max-width:1143px}.live-navbar-top .main-ctnr .nav-logo{width:150px;height:50px;background-image:url(//static.hdslb.com/live-static/common-files/standalone-head-foot/static/img/live-logo-150-cyan.1991df1.png)}.live-navbar-top .main-ctnr .area-nav-panel{left:136px}.live-navbar-top .nav-item{display:inline-block;height:50px;padding:0 25px;color:#646c7a;line-height:50px;font-size:14px}.live-navbar-top .nav-item:hover{color:#4fc1e9}.live-navbar-top .down-arrow{width:12px;height:8px;margin-left:10px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAYAAADN5B7xAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkUwRThFM0Y0NjAzOTExRTZBQkQ2OURGRjdFNkIxOTdFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkUwRThFM0Y1NjAzOTExRTZBQkQ2OURGRjdFNkIxOTdFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTBFOEUzRjI2MDM5MTFFNkFCRDY5REZGN0U2QjE5N0UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTBFOEUzRjM2MDM5MTFFNkFCRDY5REZGN0U2QjE5N0UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4fM5+WAAAAeklEQVR42mJMyaliAAJ2IP7JgB9wAPEPJiAhDsTngLgAj2KQ3BmQWhYg4QDEmkDcD5WcgEUxSO4/SC3IhpVAnAYV6EezCVkxSM1KFqjEHCg9C8kmBjTFYDUsSJLYNIEUpwLxXJgiFjT3ImtiQFeMTQOyJgZ0xSAAEGAAmqEbeD2/yeUAAAAASUVORK5CYII=)}.live-navbar-top .down-arrow.up{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.area-nav-panel{width:257px;padding:10px;background-color:#fff;border:1px solid #ddd;border-top:0;border-radius:0 0 10px 10px;-webkit-animation-duration:.2s!important;animation-duration:.2s!important}.area-nav-panel.fade-enter{-webkit-animation:fade-in linear .2s;animation:fade-in linear .2s}.area-nav-panel.fade-leave{-webkit-animation:fade-out linear .2s forwards;animation:fade-out linear .2s forwards}.area-nav-panel hr{border-top:0;border-color:#c0c4cb;margin:5px 0}.area-nav-panel .area-list-item,.area-nav-panel .static-link{width:126px;height:40px;border-radius:5px;line-height:40px;text-decoration:none;color:#646c7a}.area-nav-panel .area-list-item:hover,.area-nav-panel .static-link:hover{background-color:#eaecf1}.area-nav-panel .area-list-item:active,.area-nav-panel .static-link:active{background-color:#4fc1e9;color:#fff!important}.area-nav-panel .area-list-item .live-icon-16,.area-nav-panel .static-link .live-icon-16{margin-right:10px}.area-nav-panel .area-list-item{width:126px;padding-left:20px}.area-nav-panel .area-list-item:nth-child(odd){margin-right:5px}.area-nav-panel .static-link{width:100%}.download-panel{width:456px;padding:10px 0;left:233px;border:1px solid #ddd;border-top:0;border-radius:0 0 5px 5px;background-color:#fff}.item-ctnr{width:228px;height:228px;padding:10px;font-size:14px;color:#646c7a}.item-ctnr:hover{color:#4fc1e9}.item-ctnr .qr-code{width:157px;height:157px;margin:15px auto}.item-ctnr .divider-v{width:1px;height:50%;top:0;right:0;margin:25% 0;background-color:#c0c4cb}.search-bar-ctnr{margin-right:20px}.search-bar-ctnr .search-bar{height:30px;margin:10px 0;border-bottom:1px solid #c7ccd4}.search-bar-ctnr .search-bar input{width:150px;height:30px;padding:0 5px;background-color:transparent;border:0;outline:none}.search-bar-ctnr .search-bar input::-webkit-input-placeholder{color:#c7ccd4}.search-bar-ctnr .search-bar input::-moz-placeholder{color:#c7ccd4}.search-bar-ctnr .search-bar input:-ms-input-placeholder{color:#c7ccd4}.search-bar-ctnr .search-bar input::placeholder{color:#c7ccd4}.search-bar-ctnr .search-bar .search-btn{background-color:transparent;border:0;-webkit-transform:scale(1);transform:scale(1);color:#969aa1}.search-bar-ctnr .search-bar .search-btn:hover{color:#4fc1e9;-webkit-transform:scale(1.1);transform:scale(1.1)}.search-bar-ctnr .search-bar .search-btn:active{-webkit-transform:scale(.8);transform:scale(.8);-webkit-transition:none;transition:none}.live-toast{position:absolute;padding:.7em 1em;font-size:12px;white-space:nowrap;background-color:#fff;background-clip:padding-box;border-radius:.5em;border:.45em solid rgba(0,0,0,.1);box-shadow:0 0 1em .3em rgba(0,0,0,.15);z-index:10000}.live-toast.success{color:#4fc315}.live-toast.caution{color:orange}.live-toast.error{color:#fd5b80}.live-toast.info{color:#4fc1e9}.live-toast.out{animation:fade-out cubic-bezier(.22,.58,.12,.98) .4s}.live-toast .toast-icon{display:inline-block;background-image:url(//static.hdslb.com/live-static/common-files/standalone-head-foot/static/img/live-toast-icon.d8fe77d.png);width:18px;height:18px;vertical-align:top}.live-toast .toast-icon.success{background-position:0 0}.live-toast .toast-icon.error{background-position:0 -18px}.live-toast .toast-icon.caution{background-position:0 -36px}.live-toast .toast-icon.info{background-position:0 -54px}.live-toast .toast-text{padding:0 .5em;vertical-align:middle}.top-nav-btn{height:25px;padding:0 7px;margin:12.5px 2px;border-radius:5px;color:#646c7a;line-height:25px;cursor:pointer}.top-nav-btn:hover{color:#4fc1e9}.top-nav-btn:active{background-color:#4fc1e9;color:#fff}.nav-btn-divider{background-color:#646c7a;width:1px;height:15px;margin:17.5px 0}.room-enter-btn{height:40px;padding:10px;margin:5px;top:0;right:0;border-radius:5px;font-size:14px;color:#4fc1e9;z-index:1}.room-enter-btn:active,.room-enter-btn:hover{background-color:#eaecf1}.room-enter-btn:active{-webkit-transition:none!important;transition:none!important}.user-panel .user-panel-ctnr[_v-edf15f4c]{width:100px;height:50px}.user-panel-ctnr .progress-tv{border-radius:0 0 5px 5px}.user-panel-ctnr .msg-hinter{width:7px;height:7px;top:0;left:0;margin:5px 85px;background-color:#fb7299}.user-panel-ctnr .user-avatar{width:40px;height:40px;margin:5px auto;background-color:#f0f8ff;-webkit-transform-origin:50% 0;transform-origin:50% 0;z-index:101}.user-panel-ctnr .user-avatar.active{-webkit-transform:scale(1.8) translateY(5px);transform:scale(1.8) translateY(5px)}.user-panel-ctnr .user-avatar.active:before{content:"";display:block;background-color:#4fc1e9;width:100%;height:100%;position:relative;border-radius:50%;opacity:0;-webkit-animation:wave-splashing-avatar cubic-bezier(.22,.58,.12,.98) .6s forwards;animation:wave-splashing-avatar cubic-bezier(.22,.58,.12,.98) .6s forwards;z-index:1}.user-panel-ctnr .user-panel{min-height:150px;width:295px;margin-left:-147.5px;left:50%;background-color:#fff;color:#969aa1;border-radius:0 0 5px 5px}.user-panel-ctnr .user-panel .header-node{background-color:#2098ca;height:105px;padding-top:40px;z-index:0}.user-panel-ctnr .user-panel .header-node .username-info{margin:10px 0;font-size:18px;color:#fff}.user-panel-ctnr .user-panel .header-node .username-info .text{max-width:80%}.user-panel-ctnr .user-panel .header-node .user-level{left:0;bottom:0;padding:10px 20px;font-size:14px;color:#b8d3e6}.user-panel-ctnr .user-panel .header-node .user-level:hover .user-level-detail{display:block}.user-panel-ctnr .user-panel .header-node .level-progress{height:3px;left:0;bottom:0}.user-panel-ctnr .user-panel .header-node .level-progress .progress-bar{width:50px;background-color:#ff9547;-webkit-animation:scale-x cubic-bezier(.22,.58,.12,.98) .4s;animation:scale-x cubic-bezier(.22,.58,.12,.98) .4s;-webkit-transform-origin:0 50%;transform-origin:0 50%}@-webkit-keyframes scale-x{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes scale-x{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.user-panel-ctnr .user-panel hr{border:0;border-top:1px solid #bbb}.user-panel-ctnr .user-panel .content-ctnr{padding:10px 20px 15px;border:1px solid #ddd;border-top:0;border-radius:0 0 5px 5px;font-size:13px}.user-panel-ctnr .user-panel .content-ctnr .info-items{margin:10px 0}.user-panel-ctnr .user-panel .content-ctnr .ctrl-btn{width:calc(50% - 10px);padding:8px 0;margin:2px 0;color:#969aa1;border-radius:5px}.user-panel-ctnr .user-panel .content-ctnr .ctrl-btn:nth-child(odd){margin-right:10px}.user-panel-ctnr .user-panel .content-ctnr .ctrl-btn:nth-child(even){margin-left:10px}.user-panel-ctnr .user-panel .content-ctnr .ctrl-btn.wide,.user-panel-ctnr .user-panel .content-ctnr .ctrl-btn.wide:nth-child(even),.user-panel-ctnr .user-panel .content-ctnr .ctrl-btn.wide:nth-child(odd){width:100%;margin-left:0;margin-right:0}.user-panel-ctnr .user-panel .content-ctnr .ctrl-btn:hover{background-color:#eaecf1;color:#4fc1e9}.user-panel-ctnr .user-panel .content-ctnr .ctrl-btn:active{background-color:#4fc1e9;color:#fff}.user-panel-ctnr .user-panel .content-ctnr .ctrl-btn.colored{color:#4fc1e9}.user-panel-ctnr .user-panel .content-ctnr .ctrl-btn.colored:active{background-color:#4fc1e9;color:#fff}.user-panel-ctnr .user-panel .content-ctnr .ctrl-btn .live-icon{margin-right:5px}.user-panel-ctnr .user-panel .content-ctnr .msg-count{padding:1px 5px;margin-left:5px;border-radius:9px;background-color:#fd9ccc;color:#fff}.user-panel-ctnr .a-move-in-left{-webkit-animation-duration:.6s;animation-duration:.6s}.user-panel-ctnr .fade-out-leave{-webkit-animation:fade-out cubic-bezier(.22,.58,.12,.98) .2s forwards;animation:fade-out cubic-bezier(.22,.58,.12,.98) .2s forwards}@-webkit-keyframes wave-splashing-avatar{0%{display:block;opacity:1;-webkit-transform:scale(1);transform:scale(1)}99%{display:block;opacity:0;-webkit-transform:scale(3);transform:scale(3)}to{display:none}}@keyframes wave-splashing-avatar{0%{display:block;opacity:1;-webkit-transform:scale(1);transform:scale(1)}99%{display:block;opacity:0;-webkit-transform:scale(3);transform:scale(3)}to{display:none}}.progress-tv[_v-7082a88a]{background-color:#fff;z-index:10}.progress-tv .progress-img[_v-7082a88a]{background-image:url(//static.hdslb.com/live-static/common-files/standalone-head-foot/static/img/progress-tv.e11a9bf.gif)}.value-color[_v-a3f96220]{color:#2b2e33}.text-node[_v-a3f96220]{margin:5px 0}.text-node .live-icon[_v-a3f96220]{margin-right:5px}.darkgray[_v-73ec2e4c]{color:#333}.lightgray[_v-73ec2e4c]{color:#aeaeae}hr[_v-73ec2e4c]{border:0;border-bottom:1px solid #ccc}.user-level-detail[_v-73ec2e4c]{width:220px;padding:15px 15px 10px;margin-right:10px;right:100%;top:-50px;border:1px solid #ddd;border-radius:5px;background-color:#fff;font-size:12px;color:#646c7a;box-shadow:0 0 2em .1em rgba(0,0,0,.2)}.user-level-detail[_v-73ec2e4c]:after,.user-level-detail[_v-73ec2e4c]:before{content:"";display:block;position:absolute}.user-level-detail[_v-73ec2e4c]:before{width:20px;height:100%;top:0;left:100%}.user-level-detail[_v-73ec2e4c]:after{top:59px;right:-20px;border:10px solid #fff;border-top-color:transparent;border-bottom-color:transparent;border-right-color:transparent}.user-level-detail p[_v-73ec2e4c]{margin:5px 0}.user-level-detail .detail-link[_v-73ec2e4c]{height:40px;border-radius:3px;font-size:13px;line-height:40px;color:#4fc1e9}.user-level-detail .detail-link[_v-73ec2e4c]:hover{background-color:#eaecf1}.user-level-detail .detail-link[_v-73ec2e4c]:active{background-color:#4fc1e9;color:#fff}.live-btn{display:inline-block;height:30px;padding:0 20px;border:none;box-sizing:border-box;vertical-align:middle;font-size:12px;font-family:Microsoft YaHei,Microsoft Sans Serif,Microsoft SanSerf,\\5FAE\8F6F\96C5\9ED1;line-height:30px;text-align:center;text-decoration:none;white-space:nowrap;border-radius:5px;outline:none;cursor:pointer;overflow:visible;-webkit-transition:all .2s cubic-bezier(.22,.58,.12,.98);transition:all .2s cubic-bezier(.22,.58,.12,.98)}.live-btn:active{-webkit-transition:none;transition:none}.live-btn.default{color:#fff;background:#4fc1e9}.live-btn.default:hover{background:#58d4ff}.live-btn.default:active{background:#4aace5}.live-btn.default.pink{background-color:#fb7299}.live-btn.default.pink:hover{background-color:#fb80a3}.live-btn.default.pink:active{background-color:#fd8481}.live-btn.default.cancel{color:#64a2c5;background:#eaf8ff}.live-btn.default.cancel:hover{color:#58d4ff;background:#e2fbff}.live-btn.default.cancel:active{color:#64a2c5;background:#d6edff}.live-btn.default.disabled{background-color:#f2f2f2!important;color:#999!important;cursor:not-allowed}.live-btn.ghost{background-color:transparent;border:1px solid #4fc1e9;color:#4fc1e9}.live-btn.ghost.active,.live-btn.ghost:hover{background-color:#4fc1e9;color:#fff}.live-btn.ghost:active{background-color:#4aace5;color:#fff}.live-btn.ghost.disabled{background-color:transparent!important;border-color:$gray-light}.live-btn.ghost.pink{color:#e74e8f;border-color:#e74e8f}.live-btn.ghost.pink:hover{background-color:transparent!important;border-color:#ef83b0;color:#ef83b0}.live-btn.ghost.pink:active{background-color:#ef83b0!important;border-color:#ef83b0;color:#fff}.live-btn.ghost.green{color:$biliGreen;border-color:$biliGreen}.live-btn.ghost.green:hover{background-color:transparent!important;border-color:#95ce72;color:#95ce72}.live-btn.ghost.green:active{background-color:#95ce72!important;border-color:#95ce72;color:#fff}.live-popup-ctnr{font-size:12px;z-index:10000}.live-popup-ctnr.out-leave{-webkit-animation:fade-out cubic-bezier(.22,.58,.12,.98) .4s;animation:fade-out cubic-bezier(.22,.58,.12,.98) .4s}.live-popup-ctnr p{margin:15px 0}.live-popup-ctnr .body-merge{background-color:rgba(0,0,0,.5)}.live-popup-ctnr .live-popup-panel{width:500px;height:auto;top:50%;padding:20px;border-radius:5px;background-color:#fff;box-shadow:0 0 5em .5em rgba(0,0,0,.2);word-wrap:break-word;word-break:break-word}.live-popup-ctnr .live-popup-panel.a-scale-out{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.live-popup-ctnr .live-popup-panel .title-ctnr{padding-bottom:5px}.live-popup-ctnr .live-popup-panel .title-ctnr .popup-title{margin:0;color:#4fc1e9;font-weight:100;font-size:20px}.live-popup-ctnr .live-popup-panel .popup-btn-ctnr .live-btn{margin:0 10px}.live-popup-ctnr .live-popup-panel .close-btn{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzlENzE1QkY0RDhEMTFFNjk5MzY4NjE5MzQzMTBENTEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzlENzE1QkU0RDhEMTFFNjk5MzY4NjE5MzQzMTBENTEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzUwODg3RDlCOEREMTFFNTkxRDJGMzgwODM5OEZFQjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzUwODg3REFCOEREMTFFNTkxRDJGMzgwODM5OEZFQjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5Fx+5XAAAAxklEQVR42oRTURXCMAwMKKiESZgEHFCczMEkDAeTsIeCSaiE4mA4CM2jfdyyBO69fDTNXW9JRszcldj4g62eyYiBv5glZ12sBlE/EJBMldQwKPICd7HlsSCAOoP9CLkFRbW9qOyLYNZ2PTLVZjRky+4vclAkwWRN4ExHvEo8Ve5BFgzFkY/I+nst271q2KgXwyOLcjI2LXlNQ/LkLAm62a1vK7hAQfqz1yuS9Wh658fA9ZVe0ElUS9OvMJI72ehKzHC+vQUYAIFHnJivzL9yAAAAAElFTkSuQmCC);background-color:#4fc1e9;width:30px;height:30px;right:-20px;top:-20px;border:5px solid #fff;color:#fff;font-size:20px;font-family:cursive;text-align:center;line-height:30px;-webkit-transition:all .3s cubic-bezier(.22,.58,.12,.98);transition:all .3s cubic-bezier(.22,.58,.12,.98)}.live-popup-ctnr .live-popup-panel .close-btn:hover{-webkit-transform:rotate(180deg) scale(1.1);transform:rotate(180deg) scale(1.1)}.live-popup-ctnr .live-popup-panel .close-btn:active{-webkit-transform:rotate(180deg) scale(1);transform:rotate(180deg) scale(1);-webkit-transition:none!important;transition:none!important}.live-popup-ctnr .live-popup-panel .close-btn.disabled{background-color:#969aa1;cursor:not-allowed}.live-popup-ctnr .live-popup-panel .close-btn.disabled:active,.live-popup-ctnr .live-popup-panel .close-btn.disabled:hover{-webkit-transform:rotate(0) scale(1)!important;transform:rotate(0) scale(1)!important}.live-cert-popup.cellphone-providing .hint-img,.live-cert-popup.room-expired .hint-img,.live-cert-popup.timing-hint .hint-img{width:240px;height:120px;margin:30px auto;background-image:url(//static.hdslb.com/live-static/common-files/standalone-head-foot/static/img/certification-hint.b7ef05b.jpg)}.live-cert-popup.room-expired .hint-img{background-position:0 -120px}.live-cert-iframe-ctnr{z-index:10000}.live-cert-iframe-ctnr .body-merge{background-color:rgba(0,0,0,.48)}.live-cert-iframe-ctnr .live-cert-iframe{width:765px;height:426px;left:50%;top:50%;margin:-213px -382.5px}#live-cert-iframe{background-color:transparent;border:1px solid #aaa;border-radius:10px}.footer-section[_v-bd13325e]{height:317px;width:100%;background:#374a50;color:#678896}.footer-section a[_v-bd13325e]{color:#678896}.footer-section a[_v-bd13325e]:hover{color:#7299a5}.footer-section .footer-content[_v-bd13325e]{width:1160px;margin:0 auto;padding-top:32px}.footer-section .footer-left[_v-bd13325e]{overflow:hidden}.footer-section .footer-right[_v-bd13325e]{width:220px}.footer-section .footer-img-linker .footer-qrcode[_v-bd13325e]{width:140px;height:140px;background:#fff;position:absolute;left:-155px;top:-40px;display:none}.footer-section .footer-img-linker .footer-qrcode[_v-bd13325e]:before{content:"";display:block;position:absolute;top:67px;left:100%;width:0;height:0;border-color:transparent transparent transparent #fff;border-style:solid;border-width:6px}.footer-section .footer-img-linker .footer-qrcode.qr-zbj[_v-bd13325e]{background:url(//static.hdslb.com/live-static/common-files/standalone-head-foot/static/img/qr_zbj.02647b0.jpg) no-repeat 0 0;background-size:100%}.footer-section .footer-img-linker .footer-qrcode.qr-weibo[_v-bd13325e]{background:url(//static.hdslb.com/live-static/common-files/standalone-head-foot/static/img/qr_weibo.cdc80cd.png) no-repeat 0 0}.footer-section .footer-img-linker .footer-qrcode.qr-weixin[_v-bd13325e]{background:url(//static.hdslb.com/live-static/common-files/standalone-head-foot/static/img/qr_weixin.2188368.png) no-repeat 0 0}.footer-section .footer-img-linker li[_v-bd13325e]{float:left;width:90px;position:relative;height:121px}.footer-section .footer-img-linker li:hover .footer-qrcode[_v-bd13325e]{display:block}.footer-section .footer-img-linker .footer-img-item[_v-bd13325e]{background-image:url(//static.hdslb.com/live-static/common-files/standalone-head-foot/static/img/icon-footer.cc984c9.png);background-repeat:no-repeat;width:60px;height:60px}.footer-section .footer-img-linker .footer-img-text[_v-bd13325e]{margin-top:10px;width:60px;text-align:center}.footer-section .footer-img-linker .footer-img-download[_v-bd13325e]{background-position:-21px -20px}.footer-section .footer-img-linker .footer-img-concat[_v-bd13325e]{background-position:-21px -120px}.footer-section .footer-img-linker .footer-img-weixin[_v-bd13325e]{background-position:-21px -220px}.footer-section .footer-img-linker .footer-img-weibo[_v-bd13325e]{background-position:-21px -320px}.footer-section .footer-linker[_v-bd13325e]{margin-bottom:37px}.footer-section .footer-linker .footer-linker-line[_v-bd13325e]{float:left;height:70px;background:#678896;width:1px;overflow:hidden;margin-top:20px}.footer-section .footer-linker .footer-linker-bili[_v-bd13325e]{width:434px}.footer-section .footer-linker .footer-linker-live[_v-bd13325e]{width:240px;margin-left:74px}.footer-section .footer-linker dl[_v-bd13325e]{width:434px;float:left;margin:0}.footer-section .footer-linker dl dt[_v-bd13325e]{font-size:20px;height:50px}.footer-section .footer-linker dl dd[_v-bd13325e]{width:120px;height:30px;float:left;margin:0;font-size:14px}.footer-section .footer-linker .partner-banner[_v-bd13325e]{float:left}.footer-section .footer-linker .partner-banner .partner-item[_v-bd13325e]{background-image:url(//static.hdslb.com/live-static/common-files/standalone-head-foot/static/img/icon-footer.cc984c9.png);background-repeat:no-repeat;width:100px;height:35px}.footer-section .footer-linker .partner-banner .partner-item1[_v-bd13325e]{background-position:0 -458px}.footer-section .footer-linker .partner-banner .partner-item2[_v-bd13325e]{background-position:0 -508px;margin-top:7px}.footer-section .footer-linker .icp-info[_v-bd13325e]{margin-left:28px;width:566px;margin-top:6px}.footer-section .footer-linker .icp-info li[_v-bd13325e]{float:left;width:50%;height:26px}
/*临时使用 后面重构单独写*/
.share-wrap {
  width: 980px;
  margin: 40px auto 0;
  background: #FFF;
  margin-bottom: 20px;
}

.main-inner {
  width: 980px;
  margin: 0 auto;
  position: relative;
  zoom: 1;
}
.main-inner:after {
  content: "";
  display: block;
  visibility: hidden;
  height: 0px;
  clear: both;
  font-size: 0px;
}

.topic-box {
  clear: both;
  position: relative;
  text-align: center;
  padding-bottom: 20px;
}

.arc-toolbar {
  background: #fff;
  color: #444;
  border: 1px solid #e5e9ef;
  border-radius: 4px;
  position: relative;
  z-index: 103;
  zoom: 1;
}
.arc-toolbar:after {
  content: "";
  display: block;
  visibility: hidden;
  height: 0px;
  clear: both;
  font-size: 0px;
}
.arc-toolbar.topic {
  width: 978px;
  margin-top: 20px;
}
.arc-toolbar.topic .block.zan,
.arc-toolbar.topic .block.coin {
  display: none!important;
}
.arc-toolbar .block {
  float: left;
  height: 80px;
  line-height: 48px;
  padding: 0 20px;
  position: relative;
  cursor: pointer;
}
.arc-toolbar .block span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  font-size: 14px;
}
.arc-toolbar .block .t {
  padding-left: 80px;
  float: left;
  position: relative;
}
.arc-toolbar .block .t i {
  position: absolute;
  top: 0;
  left: 0;
}
.arc-toolbar .block .t .t-right {
  text-align: left;
}
.arc-toolbar .block .t .t-right .t-right-top {
  color: #000;
  display: block;
  font-size: 18px;
  height: 50px;
  line-height: 68px;
}
.arc-toolbar .block .t .t-right .t-right-bottom {
  position: relative;
  display: block;
  color: #6d757a;
  font-size: 12px;
  height: 12px;
  line-height: 1;
  margin-top: -2px;
}
.arc-toolbar .block.share {
  padding-left: 10px;
}
.arc-toolbar .block.share.initialized:hover {
  background-color: #fff;
  border-radius: 4px 0px 0px 0px;
  margin-left: -1px;
  margin-right: -1px;
  border-left: 1px solid #e5e9ef;
  border-right: 1px solid #e5e9ef;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 4px;
}
.arc-toolbar .block.share.initialized:hover:after {
  display: block;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 101;
  left: 0;
  border-bottom: 1px solid #fff;
}
.arc-toolbar .block.share .share-box {
  display: none;
  position: absolute;
  top: 80px;
  left: -1px;
  padding: 20px 0 40px 30px;
  border: 1px solid #e5e9ef;
  border-radius: 0 0 4px 4px;
  background-color: #fff;
  z-index: 100;
  width: 611px;
  cursor: default;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 4px;
  zoom: 1;
}
.arc-toolbar .block.share .share-box:after {
  content: "";
  display: block;
  visibility: hidden;
  height: 0px;
  clear: both;
  font-size: 0px;
}
.arc-toolbar .block.share .share-box input[type='text'] {
  border: 1px solid #ccd0d7;
  box-shadow: none;
  border-radius: 0;
  margin: 0;
  padding: 0 4px;
  line-height: 18px;
  height: 18px;
  margin-left: 10px;
  width: 230px;
}
.arc-toolbar .block.share .share-box input[type='checkbox'] {
  margin: 0 4px 0 0;
}
.arc-toolbar .block.share .share-box .share-head {
  font-size: 18px;
  color: #333;
  margin: 20px 0;
  line-height: 24px;
}
.arc-toolbar .block.share .share-box .share-left {
  text-align: left;
  width: 385px;
  float: left;
}
.arc-toolbar .block.share .share-box .share-left .share-list {
  height: 40px;
}
.arc-toolbar .block.share .share-box .share-left .share-list .share-btn {
  width: 40px;
  height: 40px;
  float: left;
  margin-right: 35px;
}
.arc-toolbar .block.share .share-box .share-left .share-time {
  line-height: 20px;
  margin-top: 18px;
  padding-bottom: 10px;
}
.arc-toolbar .block.share .share-box .share-left .share-time * {
  display: none;
  vertical-align: middle;
}
.arc-toolbar .block.share .share-box .share-left .share-time input[type='text'] {
  width: 60px;
  text-align: center;
}
.arc-toolbar .block.share .share-box .share-left .share-address {
  line-height: 20px;
  margin-bottom: 16px;
  zoom: 1;
}
.arc-toolbar .block.share .share-box .share-left .share-address:after {
  content: "";
  display: block;
  visibility: hidden;
  height: 0px;
  clear: both;
  font-size: 0px;
}
.arc-toolbar .block.share .share-box .share-left .share-address.last {
  margin-bottom: 0;
}
.arc-toolbar .block.share .share-box .share-left .share-address .address-copy {
  margin-left: -1px;
  line-height: 20px;
  width: 40px;
  cursor: pointer;
  background: #00a1d6;
  text-align: center;
  color: #fff;
  font-size: 12px;
}
.arc-toolbar .block.share .share-box .share-left .share-address .address-copy.hover {
  background-color: #00b5e5;
}
.arc-toolbar .block.share .share-box .share-left .share-address * {
  float: left;
}
.arc-toolbar .block.share .share-box .share-left .share-address label {
  width: 62px;
  font-size: 13px;
}
.arc-toolbar .block.share .share-box .share-right {
  border-left: 1px solid #e5e9ef;
  float: left;
  padding: 0px 35px;
  text-align: center;
  width: 154px;
}
.arc-toolbar .block.fav {
  padding-right: 20px;
  overflow: hidden;
}
.arc-toolbar .block.fav .b-icon.b-icon-a {
  margin-top: 5px;
}
.arc-toolbar .block.app {
  padding-left: 20px;
}
.arc-toolbar .block.app.initialized:hover {
  background-color: #fff;
  border-radius: 0px;
  margin-left: -1px;
  margin-right: -1px;
  border-left: 1px solid #e5e9ef;
  border-right: 1px solid #e5e9ef;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 4px;
}
.arc-toolbar .block.app.initialized:hover:after {
  display: block;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 101;
  left: 0;
  border-bottom: 1px solid #fff;
}
.arc-toolbar .block.app .qr-code-box {
  display: none;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 4px;
  position: absolute;
  border-top: 0;
  background: #fff;
  top: 80px;
  left: -1px;
  z-index: 100;
  text-align: center;
  cursor: default;
  padding: 20px 30px 40px;
  line-height: normal;
  width: 310px;
  border: 1px solid #e5e9ef;
  border-radius: 0 0 4px 4px;
}
.arc-toolbar .block.app .qr-code-box img.code-img {
  width: 100px;
  margin: 10px auto 5px;
  display: block;
}
.arc-toolbar .block.app .qr-code-box a {
  line-height: 14px;
  text-align: center;
}
.arc-toolbar .block.app .qr-code-box a:hover {
  color: #00a1d6;
}
.arc-toolbar .block.app .qr-code-box .qr-code-box-inner {
  width: 100%;
  height: 100%;
  float: left;
}
.arc-toolbar .block.app .qr-code-box .qr-code-box-inner .qr-code {
  margin-bottom: 20px;
  float: left;
  margin-top: 3px;
  width: 100px;
  height: 100px;
}
.arc-toolbar .block.app .qr-code-box .qr-code-box-inner .qr-info {
  float: right;
  width: 200px;
  text-align: left;
}
.arc-toolbar .block.app .qr-code-box .qr-code-box-inner .qr-info .qr-info-head {
  line-height: 18px;
  font-size: 15px;
}
.arc-toolbar .block.app .qr-code-box .qr-code-box-inner .qr-info .qr-info-description {
  color: #666;
  margin-top: 3px;
  line-height: 22px;
  margin-bottom: 20px;
}
.arc-toolbar .block.app .qr-code-box .qr-code-box-inner .qr-bottom {
  text-align: left;
  font-size: 14px;
  clear: both;
}
.arc-toolbar .block.zan,
.arc-toolbar .block.coin {
  float: left;
  display: none;
}
.arc-toolbar .block.zan.zan,
.arc-toolbar .block.coin.zan {
  padding-right: 10px;
}
.arc-toolbar .block.zan .b-icon.b-icon-a,
.arc-toolbar .block.coin .b-icon.b-icon-a {
  margin-top: -15px;
}
.arc-toolbar .score .star_wrapper {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  margin-left: 15px;
}
.arc-toolbar .block.bp {
  float: right;
  border-right: none;
  border-left: 1px solid #ddd;
}
.arc-toolbar .block.bp .t {
  font-size: 12px;
}
.arc-toolbar .block.fav,
.arc-toolbar .block.app,
.arc-toolbar .block.coin {
  padding: 0px 5px;
}

.arc-toolbar .b-icon.b-icon-share {
  width: 40px;
  height: 40px;
  background: transparent url(//i0.hdslb.com/bfs/activity-plat/cover/20170609/k7l5xlkpk3.png) no-repeat top left;
}
.arc-toolbar .b-icon.b-icon-share:hover {
  cursor: pointer;
}
.arc-toolbar .b-icon.b-icon-share.weibo {
  background-position: -1100px -459px;
}
.arc-toolbar .b-icon.b-icon-share.weibo:hover {
  background-position: -1036px -459px;
}
.arc-toolbar .b-icon.b-icon-share.tieba {
  background-position: -1100px -524px;
}
.arc-toolbar .b-icon.b-icon-share.tieba:hover {
  background-position: -1036px -524px;
}
.arc-toolbar .b-icon.b-icon-share.qzone {
  background-position: -1099px -587px;
}
.arc-toolbar .b-icon.b-icon-share.qzone:hover {
  background-position: -1035px -587px;
}
.arc-toolbar .b-icon.b-icon-share.qq {
  background-position: -1100px -1612px;
}
.arc-toolbar .b-icon.b-icon-share.qq:hover {
  background-position: -1036px -1612px;
}