@charset "UTF-8";
/**
 * 定义变量
 */
.icon-cate {
  background-image: url(../images/439415c7be77883dce99cf8d31e0d1bd.png); }

.icon-feed {
  background-image: url(../images/sprite-feed.png); }

.icon-global {
  background-image: url(../images/t01876579f741ec8b00.png); }

.icon-pics {
  background-image: url(../images/bb8ab990c34e039f9bcd38a9b7bee436.png); }

.icon-top {
  background-image: url(../images/3192be171f4df302a9e0be33ec8db5a4.png); }

.icon-up {
  background-image: url(../images/sprite-up.png); }

.icon-cate {
  background-image: url(../images/439415c7be77883dce99cf8d31e0d1bd.png); }

.icon-feed {
  background-image: url(../images/sprite-feed.png); }

.icon-global {
  background-image: url(../images/t01876579f741ec8b00.png); }

.icon-pics {
  background-image: url(../images/bb8ab990c34e039f9bcd38a9b7bee436.png); }

.icon-top {
  background-image: url(../images/3192be171f4df302a9e0be33ec8db5a4.png); }

.icon-up {
  background-image: url(../images/sprite-up.png); }

.feed-list .list {
  margin: -10px -8px 10px -7px;
  font-size: 0; }

.feed-list .feed {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 10px 8px 10px 7px;
  width: 172px;
  height: 340px;
  font-size: 12px; }
  .feed-list .feed .hj-emoji {
    vertical-align: text-bottom;
    width: 14px; }
  .feed-list .feed .link {
    display: block;
    text-decoration: none;
    height: 100%; }
    .feed-list .feed .link:hover {
      margin: -1px;
      border: 1px solid #fc4e53;
      box-shadow: 0 -1px 12px 4px rgba(0, 0, 0, 0.2);
      color: inherit; }
      .feed-list .feed .link:hover:before {
        content: '';
        position: absolute;
        display: block;
        width: 100%;
        height: 245px;
        top: 0;
        left: 0;
        z-index: 1;
        background: url(../images/t017b0cda9ae38f60da.png) center 55% no-repeat;
        background-color: rgba(0, 0, 0, 0.2); }
  .feed-list .feed .screenshot {
    width: 100%;
    height: 245px;
    display: block; }
  .feed-list .feed .user {
    position: relative;
    height: 35px;
    width: 100%;
    z-index: 2;
    margin-top: -10px;
    line-height: 40px;
    padding-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    color: #313131; }
    .feed-list .feed .user .avatar {
      width: 38px;
      height: 38px;
      margin: -5px 3px 0 5px;
      border: 1px solid #eeeeee;
      display: inline-block;
      vertical-align: top;
      border-radius: 100%; }
      .feed-list .feed .user .avatar img {
        width: 100%;
        height: 100%;
        border-radius: 100%; }
      .feed-list .feed .user .avatar.avatar-v:after {
        right: 0; }
    .feed-list .feed .user .username {
      color: #fc4e53;
      margin: 0 3px;
      display: inline-block;
      vertical-align: top;
      overflow: hidden;
      text-overflow: ellipsis; }
  .feed-list .feed .title {
    margin: 7px 5px auto 5px;
    line-height: 20px;
    text-align: center;
    font-size: 13px; }
  .feed-list .feed .comment {
    height: 36px;
    position: relative;
    border: 1px solid #e5e5e5;
    background: #eeeeee;
    color: #313131;
    line-height: 18px;
    padding: 7px 5px;
    margin-top: 13px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center; }
    .feed-list .feed .comment .comment-inner {
      max-height: 100%;
      overflow: hidden;
      text-overflow: ellipsis; }
    .feed-list .feed .comment em {
      font-style: normal;
      color: #ff9624; }
    .feed-list .feed .comment:after {
      content: '';
      position: absolute;
      top: -10px;
      left: 16px;
      width: 17px;
      height: 11px;
      background: url(../images/9ca67176ca1b12f922022edca823528b.png); }
  .feed-list .feed:before {
    position: absolute;
    display: block;
    width: 50px;
    height: 20px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    right: 0;
    top: 0;
    z-index: 3; }
  .feed-list .feed.live:before {
    background: url("../images/192b67a22312f4afb3bc566915bb5105.png") no-repeat center;
    content: '直播';
    width: 45px; }
  .feed-list .feed.live .user .username {
    max-width: 70px; }
  .feed-list .feed.live .user:after {
    content: '的直播'; }
  .feed-list .feed.review:before {
    background: url("../images/t01dcdc97477f20fe9b.png") no-repeat center;
    content: '回放';
    width: 45px; }
  .feed-list .feed.review .user .username {
    max-width: 110px; }

.oldie .feed-list .feed {
  display: inline; }
  .oldie .feed-list .feed .comment {
    margin-top: 10px; }

.feed-list .feed .before {
  display: none; }

.ie .comment .comment-inner {
  display: inline-block; }

.ie .comment:before {
  content: '';
  width: 0;
  height: 48px;
  margin-left: -4px;
  display: inline-block;
  vertical-align: middle; }

.ie .feed-list .feed .before {
  position: absolute;
  display: block;
  width: 50px;
  height: 20px;
  color: #fff;
  text-align: center;
  line-height: 20px;
  right: 0;
  top: 0;
  z-index: 3; }

.ie .feed-list .feed.live .before {
  background: url("../images/192b67a22312f4afb3bc566915bb5105.png") no-repeat center;
  content: '直播';
  width: 45px; }

.ie .feed-list .feed.review .before {
  background: url("../images/t01dcdc97477f20fe9b.png") no-repeat center;
  content: '回放';
  width: 45px; }

.ie .feed-list .feed.special .before {
  background: url("../images/t019fe8d350a0b06d90.png") no-repeat center;
  width: 100px;
  height: 40px;
  content: ''; }

.nlevel_1_100x42 {
  background: url(../images/912db2182f9f84bfcbdba07200185e2e.png) 0px 0px no-repeat; }

.nlevel_official_100x42 {
  background: url(../images/912db2182f9f84bfcbdba07200185e2e.png) -100px 0px no-repeat; }

.nlevel_3_100x42 {
  background: url(../images/912db2182f9f84bfcbdba07200185e2e.png) -200px 0px no-repeat; }

.nlevel_4_100x42 {
  background: url(../images/912db2182f9f84bfcbdba07200185e2e.png) -300px 0px no-repeat; }

.nlevel_5_100x42 {
  background: url(../images/912db2182f9f84bfcbdba07200185e2e.png) -400px 0px no-repeat; }

.nlevel_6_100x42 {
  background: url(../images/912db2182f9f84bfcbdba07200185e2e.png) -500px 0px no-repeat; }

.nlevel_7_100x42 {
  background: url(../images/912db2182f9f84bfcbdba07200185e2e.png) 0px -42px no-repeat; }

.nlevel_8_100x42 {
  background: url(../images/912db2182f9f84bfcbdba07200185e2e.png) -100px -42px no-repeat; }

.nlevel_9_100x42 {
  background: url(../images/912db2182f9f84bfcbdba07200185e2e.png) -200px -42px no-repeat; }

.nlevel_10_100x42 {
  background: url(../images/912db2182f9f84bfcbdba07200185e2e.png) -300px -42px no-repeat; }

.nlevel_11_100x42 {
  background: url(../images/912db2182f9f84bfcbdba07200185e2e.png) -400px -42px no-repeat; }

.nlevel_12_100x42 {
  background: url(../images/912db2182f9f84bfcbdba07200185e2e.png) -500px -42px no-repeat; }

.nlevel_13_100x42 {
  background: url(../images/912db2182f9f84bfcbdba07200185e2e.png) 0px -84px no-repeat; }

.nlevel_14_100x42 {
  background: url(../images/912db2182f9f84bfcbdba07200185e2e.png) -100px -84px no-repeat; }

.nlevel_15_100x42 {
  background: url(../images/912db2182f9f84bfcbdba07200185e2e.png) -200px -84px no-repeat; }

.nlevel_host_10_100x42 {
  background: url(../images/912db2182f9f84bfcbdba07200185e2e.png) -300px -84px no-repeat; }

.nlevel_host_9_100x42 {
  background: url(../images/912db2182f9f84bfcbdba07200185e2e.png) -400px -84px no-repeat; }

.nlevel_2_100x42 {
  background: url(../images/912db2182f9f84bfcbdba07200185e2e.png) -500px -84px no-repeat; }

.nlevel_host_8_100x42 {
  background: url(../images/912db2182f9f84bfcbdba07200185e2e.png) 0px -126px no-repeat; }

.nlevel_host_7_100x42 {
  background: url(../images/912db2182f9f84bfcbdba07200185e2e.png) -100px -126px no-repeat; }

.nlevel_host_6_100x42 {
  background: url(../images/912db2182f9f84bfcbdba07200185e2e.png) -200px -126px no-repeat; }

.nlevel_host_5_100x42 {
  background: url(../images/912db2182f9f84bfcbdba07200185e2e.png) -300px -126px no-repeat; }

.nlevel_host_4_100x42 {
  background: url(../images/912db2182f9f84bfcbdba07200185e2e.png) -400px -126px no-repeat; }

.nlevel_host_1_100x42 {
  background: url(../images/912db2182f9f84bfcbdba07200185e2e.png) -500px -126px no-repeat; }

.nlevel_host_2_100x42 {
  background: url(../images/912db2182f9f84bfcbdba07200185e2e.png) 0px -168px no-repeat; }

.nlevel_host_3_100x42 {
  background: url(../images/912db2182f9f84bfcbdba07200185e2e.png) -100px -168px no-repeat; }

.nlevel_23_100x42 {
  background: url(../images/912db2182f9f84bfcbdba07200185e2e.png) -200px -168px no-repeat; }

.nlevel_22_100x42 {
  background: url(../images/912db2182f9f84bfcbdba07200185e2e.png) -300px -168px no-repeat; }

.nlevel_21_100x42 {
  background: url(../images/912db2182f9f84bfcbdba07200185e2e.png) -400px -168px no-repeat; }

.nlevel_20_100x42 {
  background: url(../images/912db2182f9f84bfcbdba07200185e2e.png) -500px -168px no-repeat; }

.nlevel_19_100x42 {
  background: url(../images/912db2182f9f84bfcbdba07200185e2e.png) 0px -210px no-repeat; }

.nlevel_17_100x42 {
  background: url(../images/912db2182f9f84bfcbdba07200185e2e.png) -100px -210px no-repeat; }

.nlevel_16_100x42 {
  background: url(../images/912db2182f9f84bfcbdba07200185e2e.png) -200px -210px no-repeat; }

.nlevel_18_100x42 {
  background: url(../images/912db2182f9f84bfcbdba07200185e2e.png) -300px -210px no-repeat; }

.author-info {
  position: absolute;
  left: 0;
  top: 0;
  width: 260px;
  display: none; }
  .author-info .report-btn {
    padding-left: 20px;
    height: 20px;
    color: #fff;
    font-size: 12px;
    position: absolute;
    z-index: 1;
    background: url(../images/53e97ae234c5304298ef6396effdb25b.png) 5px 0px no-repeat;
    background-size: 15px 15px;
    top: 4px;
    left: 14px; }

.author-box {
  position: absolute;
  left: 50%;
  top: 20px;
  width: 241px;
  height: 58px;
  margin-left: -120px; }
  .author-box .mask {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.2;
    filter: Alpha(opacity=20);
    border-radius: 20px; }
  .author-box .fold-item {
    display: none; }
  .author-box .switch {
    position: absolute;
    bottom: -18px;
    left: 50%;
    width: 60px;
    height: 28px;
    margin-left: -20px;
    background: url(../images/33699ae984ae90652485cd904f37f636.png) no-repeat 2px -1px transparent; }
    .author-box .switch:hover {
      background-position: 2px -34px; }
    .author-box .switch:active {
      background-position: 2px -66px; }
  .author-box.opened {
    height: 240px; }
    .author-box.opened .switch {
      background: url(../images/33699ae984ae90652485cd904f37f636.png) no-repeat -66px -1px transparent; }
      .author-box.opened .switch:hover {
        background-position: -66px -33px; }
      .author-box.opened .switch:active {
        background-position: -66px -66px; }
    .author-box.opened .fold-item {
      display: block; }

.author-info-box {
  position: relative;
  left: 10px;
  top: 10px;
  z-index: 2;
  width: 220px;
  color: #fff; }
  .author-info-box .baseinfo {
    position: relative;
    color: #fff;
    font-size: 14px; }
    .author-info-box .baseinfo .avatar-cont {
      position: absolute;
      left: 0; }
      .author-info-box .baseinfo .avatar-cont .avatar {
        display: block;
        width: 40px;
        height: 40px; }
        .author-info-box .baseinfo .avatar-cont .avatar img {
          opacity: 0.8;
          filter: alpha(opacity=80);
          width: 100%;
          height: 100%;
          border-radius: 50%; }
        .author-info-box .baseinfo .avatar-cont .avatar:hover img {
          opacity: 1;
          filter: alpha(opacity=100); }
    .author-info-box .baseinfo .user-cont {
      margin: 0 63px 0 60px; }
      .author-info-box .baseinfo .user-cont .username a {
        color: #fff;
        text-decoration: none; }
        .author-info-box .baseinfo .user-cont .username a:hover {
          color: #FF5086; }
      .author-info-box .baseinfo .user-cont .username h3 {
        max-width: 90px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .author-info-box .baseinfo .user-cont .watches {
        font-size: 12px; }
    .author-info-box .baseinfo .follow {
      position: absolute;
      right: 0;
      top: 0; }
  .author-info-box .user-tags {
    margin-top: 10px;
    padding-top: 12px;
    border-top: 1px solid #c1c1b9;
    text-align: left; }
    .author-info-box .user-tags a.tag {
      display: inline-block;
      vertical-align: middle;
      height: 22px;
      max-width: 55px;
      padding: 0 5px;
      margin-right: 4px;
      line-height: 22px;
      cursor: default;
      color: #fff;
      text-decoration: none;
      text-align: center;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      border: 1px solid #fff;
      border-radius: 4px; }
      .author-info-box .user-tags a.tag.tag-last {
        margin-right: 0; }
  .author-info-box .statics-base {
    margin-top: 12px; }
    .author-info-box .statics-base .statics-item {
      float: left;
      width: 25%;
      text-align: center; }
      .author-info-box .statics-base .statics-item .text {
        display: block;
        font-size: 12px; }
      .author-info-box .statics-base .statics-item .number {
        display: block; }
  .author-info-box .statics-currency {
    margin-top: 8px;
    font-size: 12px; }
    .author-info-box .statics-currency span, .author-info-box .statics-currency i {
      display: inline-block;
      vertical-align: middle; }
    .author-info-box .statics-currency .icon-currency {
      width: 22px;
      height: 22px;
      background: url(../images/9a7129e56610ea30a0b23764628d652a.png) center 2px no-repeat; }
  .author-info-box .statics-level {
    margin-top: 12px; }
    .author-info-box .statics-level .btn-level {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      width: 100px;
      height: 42px; }
      .author-info-box .statics-level .btn-level em {
        position: absolute;
        left: 48px;
        top: 20px;
        width: 40px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        font-style: normal;
        color: #fff;
        font-weight: bold; }
    .author-info-box .statics-level .user-level {
      margin-right: 12px; }

.follow {
  display: inline-block;
  margin-top: 6px;
  position: relative; }
  .follow .btn-follow {
    display: block;
    width: 60px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #fa3a70;
    color: #fff;
    text-align: center;
    font-size: 14px;
    background-color: #fa3a70;
    border-radius: 3px; }
    .follow .btn-follow img {
      vertical-align: -1px; }
    .follow .btn-follow:hover {
      text-decoration: none;
      background-color: #FF5086; }
    .follow .btn-follow.followed {
      color: #FF466E;
      background-color: #ffffff; }
  .follow .tip {
    display: none;
    position: absolute;
    left: 85px;
    bottom: -5px;
    width: 250px;
    height: 40px;
    line-height: 40px;
    background: #ffe56e;
    border-radius: 3px;
    color: #963;
    font-size: 14px;
    text-align: center; }
    .follow .tip .btn-close {
      font-family: arial;
      font-style: normal;
      cursor: pointer;
      float: right;
      margin-right: 15px;
      font-size: 16px;
      text-decoration: none; }
      .follow .tip .btn-close:hover {
        color: #fa3d70; }
      .follow .tip .btn-close:active {
        color: #db2657; }
    .follow .tip .btn-view {
      font-size: 12px;
      padding: 2px 9px 3px;
      color: #ffe56e;
      background-color: #a27339;
      border-radius: 5px;
      text-decoration: none; }
      .follow .tip .btn-view:link, .follow .tip .btn-view:visited {
        background-color: #a27339; }
      .follow .tip .btn-view:hover {
        background-color: #c08f39; }
      .follow .tip .btn-view:active {
        background-color: #946020; }
    .follow .tip i {
      position: absolute;
      left: -8px;
      top: 13px;
      width: 0;
      height: 0;
      border-right: 8px solid #ffe56e;
      border-top: 8px solid rgba(0, 0, 0, 0);
      border-bottom: 8px solid rgba(0, 0, 0, 0); }

.feed-vertical .player-topleft {
  display: block; }

.feed-vertical .author-box {
  height: 240px; }
  .feed-vertical .author-box .mask {
    display: none; }
  .feed-vertical .author-box .fold-item {
    display: block; }
  .feed-vertical .author-box .switch {
    display: none; }

.feed-horizonal .player-topleft {
  display: none; }

.player-box {
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px; }
  .player-box .player-wrap {
    position: relative;
    min-width: 790px;
    min-height: 550px;
    padding-right: 390px; }
  .player-box .player-gift {
    position: relative;
    width: 100%;
    height: 100px;
    margin-top: 5px;
    background: #fff; }

.pc-download {
  position: absolute;
  right: 20px;
  bottom: 50px;
  width: 260px;
  height: 80px;
  z-index: 102;
  background-color: #fff; }
  .pc-download a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none; }
    .pc-download a:hover {
      text-decoration: none; }
  .pc-download .img {
    float: left;
    margin: 20px 20px 0 20px;
    width: 50px;
    height: 40px;
    background: url(../images/f22c4a7050a509598f58bb37ef3ea85a.png) -21px -15px no-repeat transparent; }
  .pc-download .text {
    float: left;
    margin-top: 20px;
    font-size: 14px;
    width: 145px;
    line-height: 20px;
    color: #333; }
    .pc-download .text span {
      float: right;
      font-size: 12px;
      color: #ff2d86; }
  .pc-download .pc-close {
    position: absolute;
    right: -10px;
    top: -10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #999;
    background-color: #fff;
    border-radius: 50%;
    text-decoration: none;
    font-size: 14px; }
    .pc-download .pc-close:hover {
      color: #ff2d86;
      text-decoration: none; }

.pc-download-pause {
  position: absolute;
  left: 50%;
  top: 50%;
  background-color: #fff;
  width: 310px;
  height: 230px;
  margin-left: -155px;
  margin-top: -115px;
  z-index: 102;
  text-align: center; }
  .pc-download-pause a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none; }
    .pc-download-pause a:hover {
      text-decoration: none; }
  .pc-download-pause h3 {
    color: #333;
    font-size: 18px;
    text-align: center;
    padding-top: 35px;
    padding-bottom: 20px; }
  .pc-download-pause .spec-item {
    float: left;
    display: block;
    margin-left: 50px;
    color: #666;
    text-align: center; }
  .pc-download-pause .icon {
    display: block;
    width: 34px;
    height: 34px;
    background: url(../images/f22c4a7050a509598f58bb37ef3ea85a.png) 0 0 no-repeat transparent; }
    .pc-download-pause .icon.icon-hd {
      background-position: -29px -78px; }
    .pc-download-pause .icon.icon-kd {
      background-position: -86px -78px; }
    .pc-download-pause .icon.icon-ad {
      background-position: -143px -78px; }
  .pc-download-pause .go-look {
    display: inline-block;
    margin-top: 30px;
    width: 120px;
    height: 32px;
    line-height: 32px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    background-color: #fa3a70; }
  .pc-download-pause .pc-close {
    position: absolute;
    right: 16px;
    top: 16px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #333;
    font-size: 26px;
    text-align: center; }
    .pc-download-pause .pc-close:hover {
      text-decoration: none;
      color: #fa3a70; }

.player-main {
  position: relative;
  min-width: 790px;
  min-height: 445px;
  overflow: hidden; }
  .player-main .player-title {
    position: absolute;
    bottom: 0;
    left: 0; }
    .player-main .player-title p {
      font-size: 14px;
      padding: 0 20px;
      max-width: 350px;
      line-height: 40px;
      height: 40px;
      color: #333;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .player-main .flashwarring {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    margin-top: -32px;
    text-align: center;
    color: #ccc;
    font-size: 16px;
    line-height: 2; }
    .player-main .flashwarring a {
      padding: 0 6px;
      margin: 0 6px;
      color: #fff;
      background-color: #fc4e53; }
  .player-main .qrcode {
    display: none;
    position: absolute;
    bottom: 55px;
    left: 20px;
    z-index: 5;
    width: 130px; }
    .player-main .qrcode p {
      text-align: center;
      font-size: 12px;
      text-align: center;
      color: #FFF;
      height: 26px;
      line-height: 26px; }
    .player-main .qrcode img {
      width: 100%;
      height: 100%;
      display: block;
      margin: 0 auto; }
    .player-main .qrcode .close {
      position: absolute;
      top: -9px;
      right: -10px;
      width: 16px;
      height: 16px;
      border: 1px solid #FFF;
      line-height: 16px;
      font-size: 16px;
      text-align: center;
      color: #999999;
      text-align: center;
      cursor: pointer;
      font-family: 'Times New Roman';
      background: #fff;
      border-radius: 50%; }
      .player-main .qrcode .close:hover {
        color: #fa3a70; }
      .player-main .qrcode .close:active {
        color: #da2357; }
    .player-main .qrcode.review-qrcode {
      bottom: 62px; }
  .player-main .qrcode-360video {
    width: 120px; }
  .player-main .qrcode-living {
    width: 80px; }
  .player-main .top-info {
    position: absolute;
    left: 0;
    height: 22px;
    min-width: 60px;
    background: #FFFFFF;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    padding-right: 8px;
    padding-left: 8px;
    line-height: 20px;
    display: none; }
    .player-main .top-info .currency-word {
      color: #FF466E;
      margin-right: 4px; }
    .player-main .top-info .watches-word {
      color: #666666;
      margin-right: 4px; }
  .player-main .currency {
    top: 15px;
    margin-bottom: 5px; }
  .player-main .watches {
    top: 42px; }
  .player-main .hjPopGift.hjPopGift_small .nickname {
    height: 20px;
    line-height: 20px;
    color: #ffffff;
    margin-right: 20px;
    margin-left: 9px; }
  .player-main .hjPopGift.hjPopGift_small .giftname {
    height: 15px;
    line-height: 15px;
    color: #FFFFFF;
    margin-right: 20px;
    margin-left: 9px; }
  .player-main .hjPopGift.hjPopGift_small .icon-avatar {
    border: none; }

.player-topleft {
  position: absolute;
  right: 20px;
  top: 20px; }
  .player-topleft.hide {
    display: none; }
  .player-topleft .item {
    position: relative; }
    .player-topleft .item .mask {
      position: absolute;
      z-index: 1;
      width: 100%;
      height: 100%;
      background-color: #000;
      opacity: 0.2;
      filter: alpha(opacity=30);
      border-radius: 15px; }
    .player-topleft .item .content {
      position: relative;
      z-index: 2;
      padding: 0 15px;
      height: 24px;
      color: #fff;
      line-height: 24px; }

.flash-banner {
  position: absolute;
  top: 60px;
  right: 52px; }
  .flash-banner img {
    width: 65px;
    height: 70px; }

#player-praises {
  width: 72px;
  height: 337px;
  position: absolute;
  bottom: 45px;
  right: 9px;
  z-index: 101; }
  #player-praises .bubble {
    width: 100%;
    height: 280px;
    position: relative; }
  #player-praises svg {
    position: absolute; }
  #player-praises .praises {
    position: relative;
    top: -15px;
    display: block;
    overflow: hidden;
    padding: 15px 11px; }
    #player-praises .praises span {
      display: block;
      width: 50px;
      height: 50px;
      border-radius: 50%;
      background: url(../images/t01b6e0dfc6eb0211ab.png) 0 0 no-repeat; }
    #player-praises .praises:hover span {
      background-position: -67px 0; }
    #player-praises .praises:active span {
      background-position: -133px 0; }

.topuserinfo {
  position: relative;
  z-index: 11;
  height: 130px;
  margin-right: 390px;
  margin-bottom: 10px;
  display: none;
  background-color: #fff; }
  .topuserinfo .avatar-cont {
    position: absolute;
    left: 20px;
    top: 20px; }
    .topuserinfo .avatar-cont .avatar img {
      width: 90px;
      height: 90px;
      border-radius: 50%; }
  .topuserinfo .feed-title {
    padding-top: 20px;
    color: #333;
    font-size: 18px; }
    .topuserinfo .feed-title .feed-cate {
      margin-left: 20px;
      color: #fa3a70;
      text-decoration: none;
      font-size: 14px;
      position: relative;
      top: -8px; }
      .topuserinfo .feed-title .feed-cate img {
        margin-right: 5px;
        vertical-align: -2px; }
      .topuserinfo .feed-title .feed-cate:hover {
        text-decoration: none;
        color: #f00; }
    .topuserinfo .feed-title .feed-title-text {
      display: inline-block;
      text-overflow: ellipsis;
      white-space: nowrap;
      word-break: break-all;
      max-width: 495px;
      overflow: hidden; }
  .topuserinfo .follow {
    position: absolute;
    right: 20px;
    top: 45px; }
  .topuserinfo .user-cont {
    margin: 0 100px 0 130px; }
    .topuserinfo .user-cont .feed-info {
      padding: 10px 0; }
      .topuserinfo .user-cont .feed-info .link {
        font-size: 14px;
        color: #333; }
      .topuserinfo .user-cont .feed-info h3, .topuserinfo .user-cont .feed-info span {
        float: left; }
      .topuserinfo .user-cont .feed-info h3 {
        margin-right: 15px; }
      .topuserinfo .user-cont .feed-info span {
        color: #999; }
    .topuserinfo .user-cont .statics-item {
      float: left;
      margin-right: 30px;
      color: #999;
      font-size: 12px; }

.news-box {
  width: 380px;
  height: 507px;
  background-color: #fff; }
  .news-box a {
    display: block; }
  .news-box .nitem {
    position: relative;
    margin: 0 auto; }
    .news-box .nitem.nitem-first {
      position: relative;
      width: 100%;
      height: 190px; }
      .news-box .nitem.nitem-first a {
        width: 100%;
        height: 100%; }
        .news-box .nitem.nitem-first a p {
          font-size: 14px; }
      .news-box .nitem.nitem-first img {
        width: 100%;
        height: 100%; }
    .news-box .nitem .wrap {
      width: 340px;
      padding: 16px 0;
      margin: 0 auto;
      border-bottom: 1px solid #f5f5f5; }
    .news-box .nitem.last .wrap {
      border-bottom: 0; }
    .news-box .nitem a {
      text-decoration: none; }
      .news-box .nitem a:hover {
        text-decoration: none; }
        .news-box .nitem a:hover h3, .news-box .nitem a:hover p {
          color: #fa3a70; }
      .news-box .nitem a h3 {
        font-size: 16px;
        font-weight: bolder;
        color: #333;
        padding-bottom: 5px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
      .news-box .nitem a p {
        font-size: 14px;
        color: #999;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
    .news-box .nitem .text {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 30px;
      line-height: 30px; }
      .news-box .nitem .text .mask {
        position: absolute;
        left: 0;
        top: 0;
        background-color: #000;
        width: 100%;
        height: 100%;
        opacity: .4;
        filter: alpha(opacity=40); }
      .news-box .nitem .text p {
        position: relative;
        z-index: 2;
        width: 360px;
        margin: 0 auto;
        color: #fff;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }

body {
  background: #fafafa;
  color: #333;
  min-width: 980px; }

a:hover {
  text-decoration: none; }

.container {
  width: 980px; }

.red {
  color: #fc4e53 !important; }

.orange {
  color: #f39800 !important; }

.yellow {
  color: #ffcc00 !important; }

.white {
  color: #fff !important; }

.black {
  color: #313131 !important; }

#doc-hd .hd-logo {
  margin-right: 45px; }

#doc-bd {
  padding-bottom: 80px;
  position: relative; }
  #doc-bd .container {
    position: relative;
    z-index: 1; }

.m-b-20 {
  margin-bottom: 20px; }

.ad-tag {
  padding: 0px 3px 1px;
  font-size: 12px;
  color: #fff;
  background-color: #ccc; }

.hot-tag {
  padding: 0px 4px 1px;
  border-radius: 3px;
  color: #fff;
  background-color: #ff6138; }

.btn-dj-close {
  display: inline-block;
  padding: 0 6px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  color: #000;
  background-color: #f6f6f6;
  border-radius: 3px;
  border: 1px solid #a8a8a8; }
  .btn-dj-close:hover {
    color: #fa3a70;
    border: 1px solid #fa3a70; }

.image-text-group {
  position: relative;
  background-color: #fff;
  padding: 10px; }
  .image-text-group .image-text {
    display: block;
    height: 76px;
    text-decoration: none; }
    .image-text-group .image-text .image {
      float: left;
      width: 76px;
      height: 76px;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat; }
      .image-text-group .image-text .image img {
        display: none;
        max-width: 100%;
        max-height: 100%; }
    .image-text-group .image-text .text {
      margin-left: 76px;
      height: 76px; }
      .image-text-group .image-text .text .text-cont {
        padding: 10px; }
      .image-text-group .image-text .text h3 {
        color: #333;
        padding: 2px 0 3px;
        max-height: 40px;
        _height: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -ms-box;
        display: -moz-box;
        display: -webkit-box;
        -ms-line-clamp: 2;
        -moz-line-clamp: 2;
        -webkit-line-clamp: 2;
        -ms-box-orient: vertical;
        -webkit-box-orient: vertical; }
      .image-text-group .image-text .text p {
        color: #999; }
    .image-text-group .image-text:hover {
      text-decoration: none; }
      .image-text-group .image-text:hover .text h3,
      .image-text-group .image-text:hover .text p {
        color: #fc4e53;
        text-decoration: none; }
  .image-text-group.group-horizontal {
    padding: 0;
    height: 76px;
    overflow: hidden; }
    .image-text-group.group-horizontal .image-text {
      float: left;
      width: 25%; }
    .image-text-group.group-horizontal .image-text-v {
      width: 33%; }
    .image-text-group.group-horizontal.group-size-120 {
      height: 120px; }
      .image-text-group.group-horizontal.group-size-120 .image-text {
        height: 120px; }
        .image-text-group.group-horizontal.group-size-120 .image-text .image {
          width: 120px;
          height: 120px; }
          .image-text-group.group-horizontal.group-size-120 .image-text .image img {
            max-width: 100%;
            max-height: 100%; }
        .image-text-group.group-horizontal.group-size-120 .image-text .text {
          margin-left: 120px;
          height: 120px; }
          .image-text-group.group-horizontal.group-size-120 .image-text .text .text-cont {
            padding: 25px 10px 0; }
  .image-text-group.group-vertical .image-text {
    margin-bottom: 9px; }
  .image-text-group .ad-tag {
    position: absolute;
    right: 0;
    bottom: 0; }

@media (min-width: 1281px) and (max-width: 1440px) {
  .image-text-group.group-horizontal.group-horizontal.group-size-120 .box4 {
    display: none; } }

.dianjing-box {
  position: relative;
  display: none; }
  .dianjing-box .topbar {
    font-size: 12px; }
    .dianjing-box .topbar .container {
      position: relative; }
      .dianjing-box .topbar .container .clk-block {
        display: block; }
        .dianjing-box .topbar .container .clk-block img {
          width: 100%;
          max-height: 518px; }
    .dianjing-box .topbar .btn-dj-close {
      position: absolute;
      right: 10px;
      top: 10px; }
    .dianjing-box .topbar .ad-tag {
      position: absolute;
      left: 10px;
      top: 10px;
      width: 50px;
      height: 20px;
      text-align: center;
      line-height: 20px;
      color: #f8f8f8;
      background-color: #c0c0c0; }
  .dianjing-box .figure .pic img {
    display: none; }
  .dianjing-box .figure .pic .icon-play {
    display: none; }
  .dianjing-box .g-feed2 .pic img {
    display: none; }
  .dianjing-box .g-feed2 .pic .icon-play {
    display: none; }

.dianjing-index-hot {
  overflow: hidden;
  margin-bottom: 20px; }
  .dianjing-index-hot .container {
    height: 100px;
    overflow: hidden; }
  .dianjing-index-hot .box {
    float: left;
    margin-right: 40px; }
    .dianjing-index-hot .box.box3 {
      margin-right: 0; }

.dianjing-box-flash {
  position: absolute;
  right: 20px;
  top: 60px;
  z-index: 1;
  width: 220px;
  height: 100px; }
  .dianjing-box-flash .pic {
    display: block; }
  .dianjing-box-flash .ad-tag {
    position: absolute;
    right: 1px;
    top: 1px; }

.guess-row .dianjing-box {
  height: 286px; }

.video-wrapper .video-list .dianjing-box .list-item .video-pic {
  width: 126px;
  height: 70px; }
  .video-wrapper .video-list .dianjing-box .list-item .video-pic img {
    display: none; }

.video-wrapper .video-list .dianjing-box .list-item .video-info {
  margin-left: 136px; }

.video-after-guess .container {
  min-width: auto; }

.dianjing-video-sum {
  margin-bottom: 20px;
  width: 380px;
  height: 113px;
  background-color: #fff; }
  .dianjing-video-sum .box {
    width: 300px;
    height: 100px;
    margin: 0 auto;
    padding-top: 6px; }

.dianjing-video-hot {
  padding-top: 20px;
  width: 380px;
  height: 250px; }
  .dianjing-video-hot .box {
    width: 300px;
    height: 250px;
    margin: 0 auto; }
  .dianjing-video-hot.dianjing-hot2 {
    padding-bottom: 20px; }

@media (min-width: 1441px) {
  .image-text-group.group-horizontal .image-text {
    width: 20%; }
  .image-text-group.group-horizontal .image-text-v {
    width: 25%; } }

.mod {
  margin-bottom: 10px; }
  .mod .mod-hd {
    height: 20px;
    line-height: 20px;
    margin-bottom: 10px; }
    .mod .mod-hd h2 {
      font-size: 18px;
      float: left; }
      .mod .mod-hd h2 .icon {
        margin-right: 6px;
        vertical-align: -6px; }
    .mod .mod-hd .more {
      float: right;
      font-size: 14px;
      color: #999;
      margin-top: 4px; }
      .mod .mod-hd .more:hover {
        color: #fa3a70; }
  .mod .mod-class-hd {
    margin-bottom: 14px; }
  .mod .mod-bd .pic-items {
    margin-right: -10px;
    *zoom: 1; }
    .mod .mod-bd .pic-items li {
      *width: 188px;
      *height: 248px;
      float: left;
      *margin: 0 10px 10px 0; }

.icon {
  background: url(../images/icon_tit.png) no-repeat;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px; }

.icon-girl {
  background-position: 0 0; }

.icon-dance {
  background-position: 0 -40px; }

.icon-talk {
  background-position: 0 -80px; }

.icon-circle {
  width: 26px;
  height: 26px;
  background-position: 0px -117px; }

.icon-tag {
  background: url(../images/t01dbcca47472db88e7.png) no-repeat;
  width: 16px;
  height: 16px; }

.icon-person {
  background: url(../images/t01c95cb3be725bfc9f.png) no-repeat;
  width: 12px;
  height: 13px; }

.icon-eye {
  background: url(../images/0e5f66b9afd1fc0aedb1c0b66ac7adb2.png) no-repeat;
  width: 14px;
  height: 10px; }

.icon-info {
  background: url(../images/8ee655e1718fc4a337725bcc92646520.png) no-repeat;
  width: 12px;
  height: 12px; }

.icon-hot {
  width: 30px;
  height: 30px;
  image-rendering: -webkit-optimize-contrast; }

.icon-category {
  width: 26px;
  height: 26px;
  image-rendering: -webkit-optimize-contrast; }

.category-vl {
  background: url(../images/395be87c394619ec39155f86faa3e296.png) center no-repeat;
  background-size: contain; }

.icon-category-5 {
  background: url(../images/af5109f40046862116a4bb5279f3d48b.png) center no-repeat;
  background-size: contain; }

.icon-category-800,
.icon-category-2 {
  background: url(../images/face.png) center no-repeat;
  background-size: contain; }

.icon-category-801 {
  background: url(../images/dance.png) center no-repeat;
  background-size: contain; }

.icon-category-802 {
  background: url(../images/sing.png) center no-repeat;
  background-size: contain; }

.icon-category-803 {
  background: url(../images/d3d0d604d23320833aef72ebe0a26b18.png) center no-repeat;
  background-size: contain; }

.icon-category-804 {
  background: url(../images/e09c92f31ee0370c8337d7f840cbcefb.png) center no-repeat;
  background-size: contain; }

.icon-category-805 {
  background: url(../images/24188e1fe672d1d8c9bf3badc29518da.png) center no-repeat;
  background-size: contain; }

.icon-category-806 {
  background: url(../images/talk_show.png) center no-repeat;
  background-size: contain; }

.icon-category-807 {
  background: url(../images/22910ba7984d1446dd5513c620ae1854.png) center no-repeat;
  background-size: contain; }

.icon-category-809 {
  background: url(../images/71049322bb44b84636117bf41fb62e35.png) center no-repeat;
  background-size: contain; }

.icon-category-810 {
  background: url(../images/0856cbdaf43caf716742511044e767ad.png) center no-repeat;
  background-size: contain; }

.icon-category-811 {
  background: url(../images/b1646bbb8803c2f68922b59e5caa4849.png) center no-repeat;
  background-size: contain; }

.icon-category-812 {
  background: url(../images/01c26473368a6132ac2254605e807652.png) center no-repeat;
  background-size: contain; }

.icon-category-999 {
  background: url(../images/c17a0ec71e365802a074d51986ba0d2b.png) center no-repeat;
  background-size: contain; }

.icon-category-1000 {
  background: url(../images/93b20c4cc0b7286e0d25174f9ba6b0be.png) center no-repeat;
  background-size: contain; }

.icon-category-813 {
  background: url(../images/0d1e7dc318e4d01358c015df92d20abf.png) center no-repeat;
  background-size: contain; }

.ie6 .icon-category,
.ie7 .icon-category,
.ie8 .icon-category {
  background: url(../images/icon_tit.png) no-repeat 0px -117px; }

.ie6 .icon-hot,
.ie7 .icon-hot,
.ie8 .icon-hot {
  background: url(../images/icon_tit.png) no-repeat 0 0; }

.ie6 .mod .mod-class-hd,
.ie7 .mod .mod-class-hd,
.ie8 .mod .mod-class-hd {
  margin-bottom: 10px; }

.mod .mod-hd h2 .icon-category {
  vertical-align: -6px; }

.tabs {
  height: 40px; }
  .tabs li {
    *width: 128px;
    *float: left; }
    .tabs li a {
      display: block;
      width: 128px;
      height: 38px;
      line-height: 38px;
      text-align: center;
      float: left;
      font-size: 14px;
      border-bottom: 2px solid #fff;
      color: #666;
      background: url(../images/a5d4d274c4ee3d5e1b084a2ecea936bf.png) no-repeat 100% 50%; }
    .tabs li:last-child a {
      background: none; }
  .tabs .active a {
    color: #333;
    border-color: #fa3a70; }

.tab-group {
  height: 22px; }
  .tab-group li {
    *width: 50px;
    *float: left; }
    .tab-group li a {
      display: block;
      width: 50px;
      height: 20px;
      line-height: 20px;
      text-align: center;
      float: left;
      font-size: 14px;
      border: 1px solid #ccc;
      margin-left: -2px;
      background: #fff; }
    .tab-group li:first-child a {
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px; }
    .tab-group li:last-child a {
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px;
      border-left: none; }
  .tab-group .active a {
    background: #fa3a70;
    color: #fff;
    border-color: #fa3a70; }

.figure {
  width: 188px;
  height: 248px;
  overflow: hidden;
  float: left;
  margin: 0 10px 20px 0;
  background: #fff; }
  .figure .pic {
    width: 100%;
    height: 188px;
    position: relative;
    overflow: hidden; }
    .figure .pic .img {
      width: 100%;
      height: 188px;
      -webkit-transition: all 0.2s linear;
      transition: all 0.2s linear; }
    .figure .pic .vimg {
      display: block;
      height: auto !important;
      -webkit-transform: translate(0, -50%);
              transform: translate(0, -50%); }
    .figure .pic .num {
      height: 20px;
      background-color: rgba(0, 0, 0, 0.3);
      color: #fff;
      position: absolute;
      left: 0;
      bottom: 0;
      padding: 0 10px;
      z-index: 9999; }
      .figure .pic .num .icon {
        margin-right: 5px; }
    .figure .pic .icon-play {
      background: url(../images/t017b0cda9ae38f60da.png) no-repeat;
      width: 60px;
      height: 60px;
      position: absolute;
      left: 50%;
      top: 50%;
      margin: -30px 0 0 -30px;
      display: none;
      z-index: 999; }
    .figure .pic .pic-mask {
      width: 100%;
      height: 100%;
      background: #000;
      opacity: 0;
      filter: alpha(opacity=0);
      position: absolute;
      left: 0;
      top: 0;
      z-index: 99;
      -webkit-transition: all 0.2s linear;
      transition: all 0.2s linear; }
    .figure .pic .border {
      width: 184px;
      height: 186px;
      border: 2px solid #ff3e69;
      border-bottom: none;
      position: absolute;
      left: 0;
      top: 0;
      display: none;
      z-index: 99999; }
  .figure .fl {
    float: left; }
  .figure .fr {
    float: right; }
  .figure .figure-info .username {
    padding: 5px 6px 0; }
  .figure .figure-info .name {
    padding: 0;
    max-width: 70%;
    line-height: 24px; }
  .figure .figure-info .watches {
    line-height: 24px; }
  .figure .figure-info .feed-title {
    padding: 2px 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .figure .figure-info .game {
    padding: 0px 2px;
    margin-right: 5px;
    border: 1px solid #999;
    border-radius: 3px; }
  .figure .name {
    padding: 5px 0 0 10px;
    height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
    .figure .name .avatar {
      width: 24px;
      height: 24px;
      border-radius: 50%;
      vertical-align: middle;
      margin-right: 6px; }
    .figure .name .hj-emoji {
      width: 20px;
      height: 20px;
      vertical-align: middle; }
  .figure .title p {
    padding: 0 10px;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all;
    height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -ms-box;
    display: -moz-box;
    display: -webkit-box;
    -ms-line-clamp: 2;
    -moz-line-clamp: 2;
    -webkit-line-clamp: 2;
    -ms-box-orient: vertical;
    -webkit-box-orient: vertical; }
  .figure .tag {
    padding: 0 0 0 10px; }
    .figure .tag .icon-tag {
      margin-right: 5px; }
    .figure .tag span {
      display: inline-block;
      height: 16px;
      margin-right: 3px;
      border: 1px solid #999;
      text-align: center;
      border-radius: 4px;
      vertical-align: middle;
      line-height: 16px;
      max-height: 20px;
      padding: 0 6px;
      color: #999;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
    .figure .tag .tag-1 {
      max-width: 76px; }
    .figure .tag .tag-2 {
      max-width: 38px; }
  .figure .guest {
    color: #999;
    padding: 5px 0 0 10px; }
  .figure:hover {
    background: #ff3e69;
    color: #fff; }
    .figure:hover .pic .img {
      -webkit-transform: scale(1.1);
              transform: scale(1.1); }
    .figure:hover .pic .vimg {
      -webkit-transform: scale(1.1) translate(0, -50%);
              transform: scale(1.1) translate(0, -50%); }
    .figure:hover .icon-play {
      display: block; }
    .figure:hover .pic-mask {
      opacity: 0.3;
      filter: alpha(opacity=30); }
    .figure:hover .tag .icon-tag {
      background-image: url(../images/t012b944acdb6326904.png); }
    .figure:hover .tag span {
      border-color: #fff;
      color: #fff; }
    .figure:hover .guest {
      color: #fff; }
    .figure:hover .border {
      display: block; }
    .figure:hover .figure-info .game {
      border: 1px solid #fff; }

.li-spec .figure {
  height: 165px; }
  .li-spec .figure .pic {
    height: 105px; }
    .li-spec .figure .pic .img {
      height: auto; }
    .li-spec .figure .pic .border {
      height: 103px; }

.rank-live .items {
  position: relative; }
  .rank-live .items .item {
    height: 56px; }
    .rank-live .items .item .num {
      width: 16px;
      height: 16px;
      line-height: 16px;
      text-align: center;
      border-radius: 50%;
      float: left;
      margin: 18px 14px 0 20px;
      color: #666; }
    .rank-live .items .item .avatar {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      float: left;
      margin: 3px 20px 0 0; }
    .rank-live .items .item .cont {
      float: left;
      padding-top: 9px; }
      .rank-live .items .item .cont .name {
        font-size: 14px; }
        .rank-live .items .item .cont .name a {
          display: inline-block;
          width: 160px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
        .rank-live .items .item .cont .name .hj-emoji {
          width: 20px;
          height: 20px;
          vertical-align: middle; }
      .rank-live .items .item .cont .money {
        color: #999; }
    .rank-live .items .item .btn-follow {
      float: right;
      width: 58px;
      height: 24px;
      line-height: 24px;
      color: #fff;
      background: #fa3a70;
      border: 1px solid #fa3a70;
      border-radius: 3px;
      text-align: center;
      margin: 15px 20px 0 0; }
    .rank-live .items .item .followed {
      color: #fa3a70;
      border-color: #fa3a70;
      background-color: #fff; }
    .rank-live .items .item:hover {
      background: #f5f5f5; }
  .rank-live .items .item-1 .num {
    background: #f6c541;
    color: #fff; }
  .rank-live .items .item-2 .num {
    background: #c9d0d7;
    color: #fff; }
  .rank-live .items .item-3 .num {
    background: #eeb485;
    color: #fff; }

.rank-video .items {
  position: relative; }
  .rank-video .items .item {
    height: 70px;
    margin-bottom: 10px; }
    .rank-video .items .item a .num {
      width: 16px;
      height: 16px;
      line-height: 16px;
      text-align: center;
      border-radius: 50%;
      float: left;
      margin: 28px 14px 0 20px;
      color: #666; }
    .rank-video .items .item a .pic {
      width: 70px;
      height: 70px;
      position: relative;
      float: left;
      margin-right: 20px;
      overflow: hidden; }
      .rank-video .items .item a .pic .img {
        width: 70px;
        height: 70px;
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transition: all 0.2s linear;
        transition: all 0.2s linear; }
      .rank-video .items .item a .pic .icon-play {
        width: 100%;
        height: 100%;
        background: url(../images/t017b0cda9ae38f60da.png) no-repeat 50%;
        background-size: 50%;
        position: absolute;
        left: 0;
        top: 0;
        display: none;
        z-index: 99; }
      .rank-video .items .item a .pic .mask {
        width: 100%;
        height: 100%;
        background: #000;
        opacity: 0.3;
        filter: alpha(opacity=30);
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 9; }
    .rank-video .items .item a .cont .tit {
      width: 220px;
      font-size: 14px;
      padding: 3px 0 2px 0;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
    .rank-video .items .item a .cont .name {
      color: #666;
      padding-bottom: 3px; }
      .rank-video .items .item a .cont .name .hj-emoji {
        width: 20px;
        height: 20px;
        vertical-align: middle; }
    .rank-video .items .item a .cont .qty {
      color: #999; }
    .rank-video .items .item a:hover .pic .img {
      -webkit-transform: scale(1.1);
              transform: scale(1.1); }
    .rank-video .items .item a:hover .pic .icon-play {
      display: block; }
    .rank-video .items .item a:hover .pic .mask {
      display: block; }
  .rank-video .items .item-1 a .num {
    background: #f6c541;
    color: #fff; }
  .rank-video .items .item-2 a .num {
    background: #c9d0d7;
    color: #fff; }
  .rank-video .items .item-3 a .num {
    background: #eeb485;
    color: #fff; }

#doc-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 505px; }
  #doc-bg .focus-bg {
    height: 100%;
    width: 100%;
    overflow: hidden; }
    #doc-bg .focus-bg .dianjing-box {
      height: 100%; }
  #doc-bg a {
    display: block;
    height: 100%;
    width: 100%;
    text-indent: -200px;
    background-position: top center;
    background-repeat: no-repeat; }
    #doc-bg a[href="#"] {
      cursor: default; }
  #doc-bg .big, #doc-bg .middle {
    display: none; }
  #doc-bg .small {
    display: block; }

.mod-hot-pick {
  height: 230px;
  overflow: hidden;
  margin-top: 20px; }
  .mod-hot-pick .col {
    position: relative;
    width: 477px;
    float: left; }
    .mod-hot-pick .col .hd {
      font-size: 24px;
      border-bottom: 1px solid #ededed;
      padding-bottom: 5px;
      margin-bottom: 10px; }
      .mod-hot-pick .col .hd .icon {
        margin-right: 10px;
        vertical-align: -6px; }
    .mod-hot-pick .col .pic-items li {
      *width: 150px;
      *height: 179px;
      *margin-bottom: 10px; }
    .mod-hot-pick .col .figure {
      width: 150px;
      height: 179px;
      margin-bottom: 10px; }
      .mod-hot-pick .col .figure .pic {
        height: 150px; }
        .mod-hot-pick .col .figure .pic .img {
          height: auto; }
        .mod-hot-pick .col .figure .pic .border {
          width: 146px;
          height: 148px; }
      .mod-hot-pick .col .figure .name {
        padding-top: 2px; }
      .mod-hot-pick .col .figure .num {
        top: 130px; }
  .mod-hot-pick .col-1 {
    margin-right: 25px; }
  .mod-hot-pick .col-2 {
    margin-right: 0px; }
  .mod-hot-pick .more {
    position: absolute;
    right: 0;
    top: 7px;
    font-size: 14px;
    color: #999; }
    .mod-hot-pick .more:hover {
      color: #fa3a70; }

.mod-live {
  height: 545px;
  overflow: hidden; }
  .mod-live .pic-items li {
    float: left; }
    .mod-live .pic-items li .pic .img {
      height: auto; }
  .mod-live .col-1 {
    float: left;
    width: 584px; }
    .mod-live .col-1 .mod-hd h2 {
      margin-right: 22px; }
    .mod-live .col-1 .mod-hd .tab-group {
      float: left;
      display: none;
      width: 100px;
      margin-top: 3px; }
  .mod-live .col-3 {
    float: left; }
  .mod-live .col-2 {
    width: 386px;
    float: right; }
    .mod-live .col-2 .mod-bd {
      background: #fff;
      height: 507px; }
      .mod-live .col-2 .mod-bd .tabs {
        margin-bottom: 10px; }
      .mod-live .col-2 .mod-bd .tab-group {
        width: 100px;
        margin: 0 auto 10px; }
      .mod-live .col-2 .mod-bd .rank-live .items {
        height: 395px;
        overflow: auto; }
      .mod-live .col-2 .mod-bd .info {
        text-align: center;
        color: #ccc;
        line-height: 22px; }
        .mod-live .col-2 .mod-bd .info .icon {
          margin-right: 4px;
          vertical-align: -2px; }
  .mod-live .figure {
    margin-bottom: 10px; }

.mod-mini-video {
  height: 545px;
  overflow: hidden; }
  .mod-mini-video .col-1 {
    width: 584px;
    float: left; }
  .mod-mini-video .col-2 {
    width: 386px;
    float: right; }
    .mod-mini-video .col-2 .mod-bd {
      background: #fff;
      height: 488px;
      padding-top: 18px; }
      .mod-mini-video .col-2 .mod-bd .rank-video .items {
        height: 478px;
        overflow: auto; }
  .mod-mini-video .figure {
    margin-bottom: 10px; }
    .mod-mini-video .figure .pic .img {
      height: auto; }
    .mod-mini-video .figure .name {
      width: 90%; }

.mod-pop-pick {
  height: 295px;
  overflow: hidden; }
  .mod-pop-pick .figure .name {
    width: 90%; }

.mod-class {
  height: 565px;
  overflow: hidden; }
  .mod-class.container-811 {
    height: 284px;
    overflow: hidden;
    margin-bottom: 20px; }
  .mod-class.li-spec {
    height: 400px; }

.mod-ad {
  margin-bottom: 20px; }

#living-slider {
  margin-top: 20px;
  height: 464px;
  margin-bottom: 40px; }
  #living-slider .obs-player {
    float: left;
    position: relative;
    width: 830px;
    height: 464px;
    background: #000; }
    #living-slider .obs-player .enter-link {
      opacity: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 100;
      width: 150px;
      height: 40px;
      line-height: 40px;
      margin-left: -75px;
      margin-top: -20px;
      border-radius: 4px;
      border: solid 1px #fff;
      text-align: center;
      color: #fff;
      font-size: 18px;
      -webkit-transition: 0.3s opacity;
      transition: 0.3s opacity;
      background-color: rgba(0, 0, 0, 0.7); }
      #living-slider .obs-player .enter-link:hover {
        background: #FF4970;
        border-color: #FF4970;
        text-decoration: none;
        color: white; }
    #living-slider .obs-player:hover .link {
      opacity: 1; }
  #living-slider .living-switch {
    float: right;
    position: relative;
    width: 140px;
    height: 464px; }
    #living-slider .living-switch .opacity-bg {
      background: #000;
      opacity: 0.45;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 0;
      border-radius: 2px; }
    #living-slider .living-switch ul {
      position: relative;
      z-index: 1; }
    #living-slider .living-switch li {
      position: relative;
      width: 140px;
      height: 110px;
      margin-bottom: 8px;
      cursor: pointer; }
      #living-slider .living-switch li img {
        display: block;
        width: 100%;
        height: 100%; }
      #living-slider .living-switch li p {
        position: absolute;
        overflow: hidden;
        height: 25px;
        line-height: 25px;
        color: #FFF;
        background-color: #333;
        background-color: rgba(0, 0, 0, 0.6);
        bottom: 0;
        width: 126px;
        padding-left: 9px;
        padding-right: 5px;
        text-overflow: ellipsis;
        white-space: nowrap; }
        #living-slider .living-switch li p.author {
          background: rgba(0, 0, 0, 0.6) url(../images/t012cb65ce8d32860f0.png) no-repeat 8px 5px;
          padding-left: 28px;
          width: 107px; }
          #living-slider .living-switch li p.author img {
            display: inline-block;
            height: 1em;
            width: 1em; }
      #living-slider .living-switch li .mask {
        position: absolute;
        top: 0;
        left: 0;
        width: 136px;
        height: 106px;
        border: 0;
        opacity: 0;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
        cursor: pointer;
        z-index: 2; }
        #living-slider .living-switch li .mask .arrow {
          position: absolute;
          left: -16px;
          top: 46px;
          border-style: solid;
          border-width: 6px 8px 6px 0;
          width: 8px;
          height: 1px;
          display: none;
          border-color: transparent #fa3a70 transparent transparent; }
      #living-slider .living-switch li:hover .mask, #living-slider .living-switch li.current .mask {
        opacity: 1;
        border: 2px solid #fa3a70; }
      #living-slider .living-switch li:hover .arrow, #living-slider .living-switch li.current .arrow {
        display: block; }

.download {
  margin-bottom: 30px; }

.popup {
  display: none; }

/* 首页添加有偿信息模块 */
#icp-block .msg-list {
  width: 280px;
  overflow: hidden; }
  #icp-block .msg-list li {
    width: 100%;
    height: 118px;
    margin-top: 10px;
    position: relative; }
    #icp-block .msg-list li .link {
      display: block;
      width: 100%;
      height: 100%; }
    #icp-block .msg-list li img {
      display: block;
      cursor: pointer; }

#icp-block .btn-layer {
  width: 280px;
  height: 118px;
  background: #000;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: 0; }
  #icp-block .btn-layer .btn-group {
    height: 42px;
    margin: 38px 11px 0 11px; }
    #icp-block .btn-layer .btn-group a {
      display: block;
      width: 117px;
      height: 42px;
      line-height: 42px;
      float: left;
      text-align: center;
      font-size: 20px;
      color: #fff;
      margin: 0 6px;
      text-decoration: none;
      border-radius: 8px;
      color: #000;
      background: #fff; }
      #icp-block .btn-layer .btn-group a:hover {
        background: #fff100; }
  #icp-block .btn-layer .error-tips {
    color: #f00;
    font-size: 14px;
    line-height: 14px;
    padding: 10px 0;
    text-align: center;
    display: none; }

/* 右下角置顶及快速入口 */
.doc-fast-entry {
  width: 34px;
  height: 166px;
  position: fixed;
  right: 22px;
  bottom: 2px;
  z-index: 999; }
  .doc-fast-entry .entry-icon {
    width: 34px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    margin-bottom: 9px;
    background-color: #ffffff;
    position: absolute;
    right: 0;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    cursor: pointer; }
    .doc-fast-entry .entry-icon .icon-top, .doc-fast-entry .entry-icon .icon-phone, .doc-fast-entry .entry-icon .icon-pc, .doc-fast-entry .entry-icon .icon-live {
      background-image: url("../images/t0163a6d242d978be60.gif");
      display: inline-block;
      vertical-align: middle; }
    .doc-fast-entry .entry-icon .txt {
      display: inline-block;
      word-break: keep-all;
      white-space: nowrap;
      overflow: hidden;
      position: absolute;
      border-radius: 2px;
      -webkit-border-radius: 2px; }
    .doc-fast-entry .entry-icon.pos-top-0 {
      top: 0;
      display: none; }
      .doc-fast-entry .entry-icon.pos-top-0 .txt-top {
        width: 0px;
        right: 30px; }
      .doc-fast-entry .entry-icon.pos-top-0 .icon-top {
        display: inline-block;
        background-position: 0px 0px;
        width: 18px;
        height: 10px; }
      .doc-fast-entry .entry-icon.pos-top-0:hover {
        background-color: #fa3a70; }
        .doc-fast-entry .entry-icon.pos-top-0:hover .txt-top {
          width: 80px;
          -webkit-transition: width 0.5s;
          transition: width 0.5s;
          color: #ffffff;
          background-color: #fa3a70;
          font-size: 14px; }
        .doc-fast-entry .entry-icon.pos-top-0:hover .icon-top {
          background-position: 0px 10px; }
    .doc-fast-entry .entry-icon.pos-top-1 {
      top: 86px; }
      .doc-fast-entry .entry-icon.pos-top-1 .txt-phone {
        width: 0px;
        height: 0px;
        right: 44px;
        bottom: 0px; }
        .doc-fast-entry .entry-icon.pos-top-1 .txt-phone img {
          width: 0px;
          height: 0px;
          margin-top: 21px; }
        .doc-fast-entry .entry-icon.pos-top-1 .txt-phone p {
          text-align: center;
          height: 20px;
          line-height: 20px;
          color: #999999; }
      .doc-fast-entry .entry-icon.pos-top-1 .icon-phone {
        display: inline-block;
        background-position: 112px 0px;
        width: 16px;
        height: 20px; }
      .doc-fast-entry .entry-icon.pos-top-1:hover {
        background-color: #fa3a70; }
        .doc-fast-entry .entry-icon.pos-top-1:hover .txt-phone {
          width: 140px;
          height: 158px;
          -webkit-transition: width 0.5s,height 0.5s;
          transition: width 0.5s,height 0.5s;
          background-color: #ffffff;
          font-size: 14px; }
          .doc-fast-entry .entry-icon.pos-top-1:hover .txt-phone img {
            width: 94px;
            height: 94px; }
        .doc-fast-entry .entry-icon.pos-top-1:hover .icon-phone {
          background-position: 96px 0px; }
    .doc-fast-entry .entry-icon.pos-top-2 {
      top: 86px; }
      .doc-fast-entry .entry-icon.pos-top-2 .txt-pc {
        width: 0px;
        right: 30px; }
      .doc-fast-entry .entry-icon.pos-top-2 .icon-pc {
        display: inline-block;
        background-position: 80px 0px;
        width: 18px;
        height: 17px; }
      .doc-fast-entry .entry-icon.pos-top-2:hover {
        background-color: #fa3a70; }
        .doc-fast-entry .entry-icon.pos-top-2:hover .txt-pc {
          width: 90px;
          -webkit-transition: width 0.5s;
          transition: width 0.5s;
          color: #ffffff;
          background-color: #fa3a70;
          font-size: 14px; }
        .doc-fast-entry .entry-icon.pos-top-2:hover .icon-pc {
          background-position: 62px 0px; }
    .doc-fast-entry .entry-icon.pos-top-3 {
      top: 129px; }
      .doc-fast-entry .entry-icon.pos-top-3 .txt-live {
        width: 0px;
        right: 30px; }
      .doc-fast-entry .entry-icon.pos-top-3 .icon-live {
        display: inline-block;
        background-position: 44px 0px;
        width: 22px;
        height: 16px; }
      .doc-fast-entry .entry-icon.pos-top-3:hover {
        background-color: #fa3a70; }
        .doc-fast-entry .entry-icon.pos-top-3:hover .txt-live {
          width: 90px;
          -webkit-transition: width 0.5s;
          transition: width 0.5s;
          color: #ffffff;
          background-color: #fa3a70;
          font-size: 14px; }
        .doc-fast-entry .entry-icon.pos-top-3:hover .icon-live {
          background-position: 22px 0px; }

.ie .wrapper #doc-hd.double .hd-nav .item {
  float: left;
  width: auto !important; }

.ie .wrapper #doc-hd.single .hd-nav .item {
  float: left;
  width: auto !important; }

.mod-mini-video {
  height: 580px; }
  .mod-mini-video .figure {
    height: 260px;
    margin-bottom: 20px; }
  .mod-mini-video .col-2 .mod-bd {
    height: 522px; }

@media (min-width: 1441px) {
  .dianjing-index-hot .box {
    margin-right: 72px; }
    .dianjing-index-hot .box.box3 {
      margin-right: 72px; }
    .dianjing-index-hot .box.box4 {
      margin-right: 0; }
  #living-slider {
    height: 672px; }
    #living-slider .obs-player {
      width: 1202px;
      height: 672px; }
    #living-slider .living-switch {
      width: 202px;
      height: 672px; }
      #living-slider .living-switch li {
        width: 202px;
        height: 162px; }
        #living-slider .living-switch li .mask {
          width: 198px;
          height: 158px; }
        #living-slider .living-switch li p {
          width: 188px; }
        #living-slider .living-switch li p.author {
          width: 168px; }
  #doc-bg {
    height: 735px; }
    #doc-bg .middle, #doc-bg .small {
      display: none; }
    #doc-bg .big {
      display: block; }
  .container {
    width: 1420px; }
  .mod-hot-pick {
    height: 260px; }
    .mod-hot-pick .col {
      margin-right: 20px;
      width: 699px;
      height: 275px; }
      .mod-hot-pick .col .figure {
        width: 169px;
        height: 198px;
        margin-right: 8px; }
        .mod-hot-pick .col .figure .pic {
          height: 169px; }
          .mod-hot-pick .col .figure .pic .border {
            width: 165px;
            height: 169px; }
          .mod-hot-pick .col .figure .pic .img {
            height: 169px; }
        .mod-hot-pick .col .figure .num {
          top: 149px; }
    .mod-hot-pick .col-2 {
      margin-right: 0; }
  .mod-live .col-1 {
    width: 1010px; }
    .mod-live .col-1 .mod-hd .tab-group {
      display: block; }
  .mod-live .figure {
    margin-right: 17px; }
  .mod-live .li-5 .figure,
  .mod-live .li-10 .figure {
    margin-right: 0; }
  .mod-mini-video {
    height: 600px; }
    .mod-mini-video .figure {
      height: 265px;
      margin-bottom: 20px; }
    .mod-mini-video .col-2 .mod-bd {
      height: 532px; }
    .mod-mini-video .col-1 {
      width: 1010px; }
    .mod-mini-video .figure {
      margin-right: 17px; }
    .mod-mini-video .li-5 .figure,
    .mod-mini-video .li-10 .figure {
      margin-right: 0; }
  .mod-pop-pick .figure {
    margin-right: 17px; }
  .mod-pop-pick .li-7 .figure,
  .mod-pop-pick .li-14 .figure {
    margin-right: 0; }
  .mod-class .figure {
    margin-right: 17px; }
  .mod-class .li-7 .figure,
  .mod-class .li-14 .figure {
    margin-right: 0; } }

@media (min-width: 1281px) and (max-width: 1440px) {
  .dianjing-index-hot .box {
    margin-right: 100px; }
    .dianjing-index-hot .box.box3 {
      margin-right: 0; }
    .dianjing-index-hot .box.box4 {
      display: none; }
  #living-slider {
    height: 520px; }
    #living-slider .obs-player {
      width: 932px;
      height: 520px; }
    #living-slider .living-switch {
      width: 158px;
      height: 520px; }
      #living-slider .living-switch li {
        width: 158px;
        height: 124px; }
        #living-slider .living-switch li .mask {
          width: 154px;
          height: 120px; }
        #living-slider .living-switch li p {
          width: 144px; }
        #living-slider .living-switch li p.author {
          width: 124px; }
  #doc-bg {
    height: 567px; }
    #doc-bg .big, #doc-bg .small {
      display: none; }
    #doc-bg .middle {
      display: block; }
  .container {
    width: 1100px; }
  .mod-hot-pick .col {
    margin-right: 10px;
    width: 613px;
    height: 238px;
    overflow: hidden; }
    .mod-hot-pick .col .figure {
      width: 147px;
      height: 179px;
      margin-right: 8px; }
      .mod-hot-pick .col .figure .pic .border {
        width: 143px; }
  .mod-hot-pick .col-2 {
    width: 477px;
    margin-right: 0px;
    box-sizing: border-box;
    padding-left: 17px; }
  .mod-hot-pick .col-3 {
    margin-right: 0; }
  .mod-live .col-1 {
    width: 690px; }
  .mod-live .figure {
    width: 168px;
    margin-right: 6px;
    height: 228px;
    margin-bottom: 30px; }
    .mod-live .figure .pic {
      width: 168px;
      height: 168px; }
      .mod-live .figure .pic img {
        height: 168px; }
      .mod-live .figure .pic .pic-mask {
        height: 168px; }
      .mod-live .figure .pic .border {
        width: 164px;
        height: 166px; }
  .mod-live .col-1 {
    width: 690px; }
    .mod-live .col-1 .mod-hd .tab-group {
      display: block; }
  .mod-live .li-4 .figure,
  .mod-live .li-8 .figure {
    margin-right: 0; }
  .mod-live .figure {
    height: 239px; }
  .mod-mini-video .col-1 {
    width: 690px; }
  .mod-mini-video .figure {
    width: 168px;
    margin-right: 6px;
    height: 228px;
    margin-bottom: 30px; }
    .mod-mini-video .figure .pic {
      width: 168px;
      height: 168px; }
      .mod-mini-video .figure .pic img {
        height: 168px; }
      .mod-mini-video .figure .pic .pic-mask {
        height: 168px; }
      .mod-mini-video .figure .pic .border {
        width: 164px;
        height: 166px; }
  .mod-mini-video .col-1 {
    width: 690px; }
  .mod-mini-video .li-4 .figure,
  .mod-mini-video .li-8 .figure {
    margin-right: 0; }
  .mod-mini-video {
    height: 560px; }
    .mod-mini-video .figure {
      height: 245px;
      margin-bottom: 20px; }
    .mod-mini-video .col-2 .mod-bd {
      height: 489px; }
  .mod-pop-pick .figure {
    margin-right: 40px; }
  .mod-pop-pick .li-5 .figure,
  .mod-pop-pick .li-10 .figure {
    margin-right: 0; }
  .mod-class .figure {
    margin-right: 40px; }
  .mod-class .li-5 .figure,
  .mod-class .li-10 .figure {
    margin-right: 0; } }

.mod-hot-game.li-spec {
  height: 255px; }

.mod-hot-game .col {
  position: relative;
  margin-right: 20px;
  width: 480px;
  height: 275px;
  overflow: hidden;
  float: left; }
  .mod-hot-game .col .hd {
    font-size: 24px;
    border-bottom: 1px solid #ededed;
    padding-bottom: 5px;
    margin-bottom: 10px; }
    .mod-hot-game .col .hd .icon {
      margin-right: 10px;
      vertical-align: -6px; }

.mod-hot-game .col-4 {
  margin-right: 0px; }

.mod-hot-game .more {
  position: absolute;
  right: 0;
  top: 7px;
  font-size: 14px;
  color: #999; }

.mod-hot-game .figure {
  margin-right: 8px;
  width: 236px;
  height: 195px; }
  .mod-hot-game .figure .figure-info .username {
    margin-bottom: 5px; }
  .mod-hot-game .figure .pic {
    height: 130px; }
    .mod-hot-game .figure .pic .border {
      width: 233px;
      height: 135px; }
    .mod-hot-game .figure .pic .img {
      height: 130px; }

@media (min-width: 1281px) and (max-width: 1440px) {
  .mod-hot-game.li-spec {
    height: 280px; }
  .mod-hot-game .col {
    width: 540px; }
  .mod-hot-game .figure {
    width: 266px;
    height: 215px; }
    .mod-hot-game .figure .pic {
      height: 149px; }
      .mod-hot-game .figure .pic .border {
        width: 262px;
        height: 148px; }
      .mod-hot-game .figure .pic .img {
        height: 149px; } }

@media (min-width: 1441px) {
  .mod-hot-game .col {
    width: 700px; }
  .mod-hot-game .figure {
    width: 228px; }
    .mod-hot-game .figure .pic .border {
      width: 224px; } }

@media (max-width: 1280px) {
  #doc-hd.single .hd-nav .item a {
    padding: 0 8px; } }