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;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}ul,li{list-style:none}a{color:#222;text-decoration:none}a,input,button,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,ul,li{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:normal}.clearfix:after{display:block;visibility:hidden;clear:both;width:0;height:0;content:'.'}

div[flash-anim-wrap=true]{height:100%}


.live-signup {
  position: relative;
  width: 980px;
  margin: 0 auto;
}

.live-signup .t-signup-page {
  position: relative;
}

.live-signup .t-livedialog-mask.t-hidden {
  display: none;
}

.live-signup .t-signup-btn {
  position: absolute;
  display: block;
  cursor: pointer;
}

.live-signup .t-partition-wrap {
  display: none;
  position: absolute;
  width: 300px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 5px #999;
}

.live-signup .t-partition-wrap.t-show {
  display: block;
}

.live-signup .t-partition-wrap:before {
  position: absolute;
  display: block;
  content: ' ';
  width: 20px;
  height: 20px;
  top: 50%;
  left: -5px;
  margin-top: -10px;
  background: #fff;
  transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  box-shadow: 0 0 5px #999;
}

.live-signup .t-partition-list {
  position: relative;
  background: #fff;
  border-radius: 10px;
}

.live-signup .t-partition-list .t-partition-item {
  float: left;
  width: 50%;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  text-align: center;
}

.t-livedialog-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background: rgba(0,0,0,0.6);
}

.t-livedialog-mask .t-livedialog {
  position: absolute;
  top: 40%;
  left: 50%;
  width: 260px;
  padding: 20px;
  margin-left: -150px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 0 0 4px rgba(255,255,255,0.3);
}

.t-livedialog-mask .t-close {
  position: absolute;
  right: -15px;
  top: -15px;
  width: 26px;
  height: 26px;
  line-height: 23px;
  text-align: center;
  border-radius: 15px;
  font-size: 16px;
  color: #fff;
  background: #00a1d6;
  border: 3px solid #fff;
  cursor: pointer;
  font-family: sans-serif,monospace,serif,cursive,fantasy;

  transition: transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
}

.t-livedialog-mask .t-close:hover {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}

.t-livedialog-mask .t-msg {
  width: 100%;
  line-height: 2.0;
  text-align: center;
}

.t-livedialog-mask .t-btn {
  text-align: center;
  padding-top: 10px;
}

.t-livedialog-mask .t-btn button {
  margin: 0 5px;
  padding: 3px 8px;
  font-size: 12px;
  background: #e1f5ff;
  color: #003958;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  outline: none;
}

.t-livedialog-mask .t-btn .t-btn-confirm {
  background: #00a1d6;
  color: #fff;
}

ul,li{list-style:none}.live-user-up-rank{width:780px;height:690px;margin:0 auto 0;overflow:hidden;border-radius:12px}.rank-type-list ul{display:block;position:relative;margin:0;height:40px;padding:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.rank-type-list ul.type-list-header{height:72px}.rank-type-list ul.type-list-header li{font-size:24px;line-height:72px}.rank-type-list ul.header-items{height:32px}.rank-type-list ul.header-items li{line-height:32px;cursor:default}.rank-type-list ul.header-items li.item-range{width:100px}.rank-type-list ul.header-items li.item-master,.rank-type-list ul.header-items li.item-call{width:252px}.rank-type-list ul.header-items li.item-score{width:176px}.rank-type-list ul li{float:left;font-size:14px;line-height:42px;text-align:center;width:80px;height:100%;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rank-type-list ul li::after{content:" ";display:block;visibility:hidden;clear:both;height:0}.rank-type-list ul li:last-child{margin-right:0}.rank-list{font-size:18px;width:100%;height:480px;margin:0;padding:0;overflow-x:hidden;overflow-y:scroll;outline:none;cursor:pointer;-webkit-transition:opacity .25 linear;transition:opacity .25 linear}.rank-list li{height:60px;line-height:60px;cursor:pointer;font-size:14px}.rank-list li span{text-align:center;vertical-align:top}.rank-list .loading{font-size:12px;text-align:center}.rank-list .item-rank{display:inline-block;font-size:24px;font-weight:bold;width:40px;height:40px;margin:0 30px 0 30px}.rank-list .item-face{display:inline-block;width:252px;height:64px;padding-top:10px;text-align:center}.rank-list .item-username{display:inline-block;width:42px;height:42px;border-radius:50%;vertical-align:top;margin-right:12px}.rank-list .item-uname{display:inline-block;width:120px;font-weight:bold;text-align:left;line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-decoration:none;outline:none;cursor:pointer}.rank-list .item-gift-wrapper{display:inline-block;width:176px;vertical-align:8px;margin-left:20px}.rank-list .item-gift{display:inline-block;width:40px;height:40px;margin-top:10px}.rank-list .item-score{font-weight:bold;margin-left:10px}.rank-list .item-call{display:inline-block;font-weight:bold;width:208px;text-align:center}.rank-list .item-call.empty{vertical-align:7px}.rank-tip{font-size:14px;line-height:40px;text-align:center}

.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, 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:before, .act-dialog-close:after {
      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); }
  100% {
    -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); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }
    .act-dialog-close:hover {
      -webkit-animation: closebreath 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
              animation: closebreath 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; }
  .act-dialog-alert {
    width: 380px;
    height: 380px;
    border-radius: 5px;
    background: url("//activity.hdslb.com/blackboard/lottery/images/v5oxkknzl3.jpg") 0 center/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(0.5) translate(-50%, -50%);
            transform: scale(0.5) translate(-50%, -50%); }
  75% {
    -webkit-transform: scale(1.08) translate(-50%, -50%);
            transform: scale(1.08) translate(-50%, -50%); }
  100% {
    -webkit-transform: scale(1) translate(-50%, -50%);
            transform: scale(1) translate(-50%, -50%); } }
@keyframes alertopen {
  0% {
    -webkit-transform: scale(0.5) translate(-50%, -50%);
            transform: scale(0.5) translate(-50%, -50%); }
  75% {
    -webkit-transform: scale(1.08) translate(-50%, -50%);
            transform: scale(1.08) translate(-50%, -50%); }
  100% {
    -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%); }
  100% {
    -webkit-transform: scale(0.5) translate(-50%, -50%);
            transform: scale(0.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%); }
  100% {
    -webkit-transform: scale(0.5) translate(-50%, -50%);
            transform: scale(0.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 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); }
        .act-dialog-alert-transition-enter-active > .act-dialog {
          -webkit-animation: alertopen 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
                  animation: alertopen 0.5s cubic-bezier(0.165, 0.84, 0.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 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); }
        .act-dialog-alert-transition-exit-active > .act-dialog {
          -webkit-animation: alertclose 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
                  animation: alertclose 0.5s cubic-bezier(0.165, 0.84, 0.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:before, .act-dialog-close:after {
        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; } }
.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,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:before,.act-dialog-close:after{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)}100%{-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)}100%{-webkit-transform:scale(1);transform:scale(1)}}.act-dialog-close:hover{-webkit-animation:closebreath 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;animation:closebreath 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite}.act-dialog-alert{width:380px;height:380px;border-radius:5px;background:url("//activity.hdslb.com/blackboard/lottery/images/v5oxkknzl3.jpg") 0 center/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(0.5) translate(-50%, -50%);transform:scale(0.5) translate(-50%, -50%)}75%{-webkit-transform:scale(1.08) translate(-50%, -50%);transform:scale(1.08) translate(-50%, -50%)}100%{-webkit-transform:scale(1) translate(-50%, -50%);transform:scale(1) translate(-50%, -50%)}}@keyframes alertopen{0%{-webkit-transform:scale(0.5) translate(-50%, -50%);transform:scale(0.5) translate(-50%, -50%)}75%{-webkit-transform:scale(1.08) translate(-50%, -50%);transform:scale(1.08) translate(-50%, -50%)}100%{-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%)}100%{-webkit-transform:scale(0.5) translate(-50%, -50%);transform:scale(0.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%)}100%{-webkit-transform:scale(0.5) translate(-50%, -50%);transform:scale(0.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 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);transition:opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)}.act-dialog-alert-transition-enter-active>.act-dialog{-webkit-animation:alertopen 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);animation:alertopen 0.5s cubic-bezier(0.165, 0.84, 0.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 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);transition:opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)}.act-dialog-alert-transition-exit-active>.act-dialog{-webkit-animation:alertclose 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);animation:alertclose 0.5s cubic-bezier(0.165, 0.84, 0.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:before,.act-dialog-close:after{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}


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


.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:center;line-height:100%}.act-component-button span{display:table-cell;width:100%;height:100%;vertical-align:middle}


.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:center;line-height:100%}.act-component-button span{display:table-cell;width:100%;height:100%;vertical-align:middle}


ul,
li {
  list-style: none;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-padding-start: 0; }

iframe {
  border: none; }

.dp-i-block {
  display: inline-block; }

.dp-none {
  display: none; }

.pointer {
  cursor: pointer; }

.t-center {
  text-align: center; }

.p-relative {
  position: relative; }

.p-absolute {
  position: absolute; }

.handle-bar {
  width: 1200px;
  margin-left: 13px;
  margin-bottom: 35px; }
  .handle-bar .handle-item {
    width: 198px;
    height: 63px;
    margin: 0 3px;
    color: #72d101;
    line-height: 1;
    font-size: 17px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }

.player {
  width: 1220px;
  margin: 0 auto; }
  .player .status-bar {
    margin-bottom: 20px;
    width: 100%;
    font-size: 24px; }
  .player .live-status {
    color: #fff; }
  .player .live-title {
    padding-left: 20px;
    color: #000000; }
  .player .follow-btn {
    right: -9px;
    top: -10px;
    width: 151px;
    height: 58px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
  .player #player-ctnr {
    width: 1220px;
    height: 733px; }

.live-non-revenue-player {
  width: 1250px;
  margin: 0 auto; }


#webShare {
  width: 980px;
  box-sizing: border-box;
  margin: 0 auto;
}

#webShare .bili-share-pc {
  box-sizing: border-box;
  background-color: #ffffff;
  height: 78px;
}