@charset "UTF-8";
.login-dia {
  background: url("../images/style/eurpoThembgLogin.png") no-repeat center/100% 100%;
  box-sizing: border-box;
  display: none;
  transition: all .5s;
  position: fixed;
  z-index: 101;
  right: 12px;
  bottom: 5px;
  padding: 20px 30px;
  width: 382px;
  height: 133px; }
  .login-dia .title {
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    margin: 5px 0; }
  .login-dia .about {
    color: #FFF;
    font-size: 14px; }
  .login-dia .login-btn,
  .login-dia .close-btn {
    cursor: pointer;
    position: absolute;
    z-index: 1; }
  .login-dia .login-btn {
    background: #FFF;
    border-radius: 24px;
    color: #F8595C;
    color: #3eb5c9;
    font-size: 14px;
    text-align: center;
    line-height: 29px;
    bottom: 26px;
    right: 26px;
    width: 116px;
    height: 29px; }
  .login-dia .close-btn {
    right: 10px;
    top: 11px;
    width: 24px;
    height: 24px; }

.title-bar {
  font-size: 0;
  line-height: 1;
  font-weight: normal;
  position: relative;
  margin: 15px 0; }
  .title-bar > * {
    display: inline-block;
    vertical-align: bottom; }
  .title-bar .title {
    color: #3C3C3C;
    font-size: 26px;
    margin-right: 10px; }
  .title-bar .more {
    color: #999;
    font-size: 14px;
    line-height: 1; }
    .title-bar .more.right {
      position: absolute;
      bottom: 0;
      right: 0; }
    .title-bar .more a {
      color: inherit; }
      .title-bar .more a span, .title-bar .more a:after {
        display: inline-block;
        vertical-align: bottom; }
      .title-bar .more a:after {
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA1ElEQVQ4T6WTMQ6CQBBF59NQW3kbb6CNcgAqQmMlPRewsNkMobfSVk209x42JFuSmBhNFkNBQgR21rDt7n8z8/8saOTBSD31Aph5BuAeRdFHKtABKKUmnudpAKeiKII0Td82yFAHKwB7IjpLkEEPmNkJYjXRBSKm0ECqqrr6vr8Mw/DV9kQE1I+zLNsR0doYs4njePsXoDXGrSzLIEmSpzOAmecAjrY0bCnU4gMRXWxRDu2Bk7gepQPI83xqjHlIlRsfejtQSi201hdpjXs7kD7P7/0XvClyEXBhOOgAAAAASUVORK5CYII=") center no-repeat;
        transform: translateY(1px);
        content: '';
        width: 16px;
        height: 16px; }

.video-list ul:after {
  display: block;
  content: '';
  clear: both;
  width: 100%; }
.video-list li {
  float: left; }
.video-list .video {
  font-size: 0; }
.video-list .thumb {
  background: url("../images/default.jpg") 0 no-repeat;
  background-size: 100% 100%;
  border-radius: 5px;
  position: relative; }
  .video-list .thumb a:before {
    background: rgba(0, 0, 0, 0.5) url("../images/live-link.png") center center no-repeat;
    transition: all .7s;
    border-radius: 5px;
    opacity: 0;
    display: block;
    content: '';
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%; }
  .video-list .thumb a:hover img {
    border-color: #FF2C3A; }
  .video-list .thumb a:hover:before {
    opacity: 1; }
  .video-list .thumb img {
    border: 1px solid rgba(255, 255, 255, 0);
    border-radius: 5px;
    box-sizing: border-box;
    transition: all .7s;
    display: block;
    width: 100%; }
  .video-list .thumb .times {
    background: rgba(0, 0, 0, 0.8);
    border-radius: 2px;
    color: #F6F6F6;
    font-size: 12px;
    opacity: 0.8;
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 1px 4px; }
.video-list .board {
  padding: 5px 0; }
  .video-list .board .detail {
    display: flex;
    align-items: center; }
    .video-list .board .detail .title {
      flex-grow: 1;
      flex-shrink: 1; }
    .video-list .board .detail .count {
      flex-shrink: 0;
      padding-left: 20px; }
  .video-list .board .title {
    font-size: 14px;
    overflow: hidden; }
    .video-list .board .title a {
      color: #3C3C3C;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      display: block; }
  .video-list .board .count {
    color: #999;
    font-size: 12px; }
    .video-list .board .count span, .video-list .board .count:before {
      display: inline-block;
      vertical-align: middle; }
    .video-list .board .count:before {
      background: url("../images/nav_popularity_grey.png") center no-repeat;
      background-size: 100%;
      content: '';
      margin-right: 5px;
      width: 16px;
      height: 16px; }

#header {
  position: sticky;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  z-index: 8; }

.style-christmas .position {
  background-color: #fff;
  height: 62px; }
.style-christmas .header-body {
  position: relative;
  top: 0;
  z-index: 8;
  width: 100%;
  background: #45484D;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }
.style-christmas .header-img {
  height: 80px;
  width: 100%;
  object-fit: cover; }
.style-christmas .header-bar {
  height: 62px;
  margin: 0 auto;
  width: 1200px !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative; }
  .style-christmas .header-bar .header-left {
    display: flex;
    align-items: center; }
  .style-christmas .header-bar .logo a {
    margin-right: 20px;
    background: url(../images/beach/logo2.png) no-repeat center/100% 100%;
    display: block;
    width: 150px;
    height: 39px; }
    .style-christmas .header-bar .logo a img {
      visibility: hidden; }
  .style-christmas .header-bar .link {
    font-size: 20px;
    display: flex;
    align-items: center; }
    .style-christmas .header-bar .link li {
      display: inline-block; }
      .style-christmas .header-bar .link li.active {
        position: relative; }
        .style-christmas .header-bar .link li.active a {
          color: #FFF !important;
          background: #FC4948;
          padding: 5px 10px; }
      .style-christmas .header-bar .link li a {
        color: #FFF;
        font-size: 16px;
        padding: 0 9px; }
  .style-christmas .header-bar .action a {
    color: #484848ff; }
  .style-christmas .header-bar .action ul {
    white-space: nowrap; }
  .style-christmas .header-bar .action li {
    text-align: center;
    display: inline-block;
    position: relative;
    margin-left: 40px;
    margin-top: 5px; }
    .style-christmas .header-bar .action li:hover .popup {
      display: block; }
    .style-christmas .header-bar .action li a {
      color: #fc4948;
      text-align: center;
      display: inline-block;
      display: flex;
      align-items: center; }
    .style-christmas .header-bar .action li .icon {
      margin: 0 auto;
      width: 24px;
      height: 24px; }
      .style-christmas .header-bar .action li .icon.xz {
        background: url("../images/beach/app-icon.png") center center no-repeat;
        background-size: 100%; }
    .style-christmas .header-bar .action li .text {
      font-size: 12px;
      line-height: 1;
      padding-left: 5px; }
  .style-christmas .header-bar .MR-user {
    float: none;
    position: relative;
    margin: 0 0 0 10px;
    min-width: 46px;
    height: 46px; }
    .style-christmas .header-bar .MR-user img + .king {
      background: url("../images/king_02.gif") center no-repeat;
      background-size: contain;
      position: absolute;
      z-index: 1;
      bottom: -2px;
      right: 0;
      width: 14px;
      height: 14px; }
    .style-christmas .header-bar .MR-user .avatar {
      display: block;
      position: relative;
      height: 46px;
      width: 46px; }
      .style-christmas .header-bar .MR-user .avatar img {
        height: 46px;
        width: 46px;
        object-fit: cover;
        border-radius: 50% 50%; }
      .style-christmas .header-bar .MR-user .avatar .flag {
        background: #ff3456;
        border-radius: 9px 0 9px 0;
        color: #fff;
        font-size: 12px;
        text-align: center;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 31px;
        width: 40px;
        height: 18px; }
      .style-christmas .header-bar .MR-user .avatar .text {
        transform: scale(0.8); }
    .style-christmas .header-bar .MR-user .detail {
      display: none;
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto;
      z-index: 2;
      width: 1px; }
      .style-christmas .header-bar .MR-user .detail .popup {
        transform: translateX(-282px) translateY(8px);
        text-align: center;
        width: 320px;
        margin-top: -10px; }
      .style-christmas .header-bar .MR-user .detail .board {
        background: url("../images/user_bg.png") center top no-repeat;
        padding: 10px 9px 20px;
        height: 100%; }
      .style-christmas .header-bar .MR-user .detail .logout {
        font-size: 0;
        cursor: pointer;
        position: absolute;
        right: 20px;
        top: 20px; }
        .style-christmas .header-bar .MR-user .detail .logout span {
          display: inline-block;
          vertical-align: middle; }
        .style-christmas .header-bar .MR-user .detail .logout .icon {
          background: url("../images/exit.png") center no-repeat;
          width: 18px;
          height: 18px; }
        .style-christmas .header-bar .MR-user .detail .logout .text {
          color: #999;
          font-size: 12px;
          padding-left: 4px; }
      .style-christmas .header-bar .MR-user .detail .image {
        position: relative;
        padding-top: 22px;
        margin: 0 auto;
        width: 60px; }
        .style-christmas .header-bar .MR-user .detail .image img {
          border-radius: 50%;
          width: 60px;
          height: 60px; }
        .style-christmas .header-bar .MR-user .detail .image .king {
          width: 18px;
          height: 18px; }
      .style-christmas .header-bar .MR-user .detail .name {
        color: #3c3c3c;
        font-size: 14px;
        line-height: 1;
        padding: 10px 0; }
        .style-christmas .header-bar .MR-user .detail .name a {
          color: inherit; }
        .style-christmas .header-bar .MR-user .detail .name .grade-body {
          padding-top: 5px; }
        .style-christmas .header-bar .MR-user .detail .name .grade {
          width: 60px;
          height: 20px;
          object-fit: contain; }
        .style-christmas .header-bar .MR-user .detail .name .king-grade {
          width: 79px;
          height: 21px;
          object-fit: contain; }
      .style-christmas .header-bar .MR-user .detail .sign {
        color: #999;
        font-size: 12px;
        padding: 0 15px; }
        .style-christmas .header-bar .MR-user .detail .sign .text {
          vertical-align: middle; }
          .style-christmas .header-bar .MR-user .detail .sign .text .edit_btn {
            background: url("../images/signature@2x.png") center no-repeat;
            background-size: contain;
            cursor: pointer;
            display: inline-block;
            vertical-align: middle;
            margin-left: 5px;
            width: 12px;
            height: 13px; }
        .style-christmas .header-bar .MR-user .detail .sign .edit {
          text-align: left;
          display: none;
          margin: 0 auto;
          width: 186px; }
          .style-christmas .header-bar .MR-user .detail .sign .edit input {
            background: #fff;
            border: 1px solid rgba(255, 0, 0, 0.562);
            display: block;
            outline: none;
            padding: 3px;
            width: 180px; }
          .style-christmas .header-bar .MR-user .detail .sign .edit span {
            font-size: 12px;
            cursor: pointer;
            display: inline-block;
            margin-top: 5px;
            padding: 0 3px; }
            .style-christmas .header-bar .MR-user .detail .sign .edit span:nth-child(2) {
              color: red;
              margin-right: 10px; }
      .style-christmas .header-bar .MR-user .detail .level {
        padding: 0px 0 14px; }
        .style-christmas .header-bar .MR-user .detail .level .label {
          color: #999;
          font-size: 14px;
          display: inline-block;
          vertical-align: middle; }
        .style-christmas .header-bar .MR-user .detail .level .width {
          background: #c9c9c9;
          border-radius: 6px;
          display: inline-block;
          vertical-align: middle;
          overflow: hidden;
          width: 162px;
          height: 12px;
          position: relative; }
          .style-christmas .header-bar .MR-user .detail .level .width .bar {
            background: #FEC300;
            border-radius: 6px;
            width: 0;
            height: 100%; }
          .style-christmas .header-bar .MR-user .detail .level .width .bar_label {
            position: absolute;
            left: 50%;
            transform: translate(-50%) scale(0.7);
            top: 0;
            line-height: 12px;
            color: white; }
      .style-christmas .header-bar .MR-user .detail .money {
        display: flex;
        justify-content: center;
        padding: 0 30px; }
        .style-christmas .header-bar .MR-user .detail .money span {
          color: #3c3c3c;
          font-size: 12px;
          white-space: nowrap; }
        .style-christmas .header-bar .MR-user .detail .money .text {
          margin-right: 6px; }
        .style-christmas .header-bar .MR-user .detail .money .coin-box .coin-div {
          display: flex;
          align-items: center;
          height: 20px; }
          .style-christmas .header-bar .MR-user .detail .money .coin-box .coin-div .icon {
            background: url("../images/beach/stone.png") center no-repeat;
            background-size: contain;
            flex-shrink: 0;
            margin-left: 3px;
            width: 18px;
            height: 18px;
            display: inline-block;
            margin-right: 4px; }
          .style-christmas .header-bar .MR-user .detail .money .coin-box .coin-div .red-icon {
            background: url("../images/beach/fish-ball1.png") center no-repeat;
            background-size: contain;
            width: 18px;
            height: 18px; }
        .style-christmas .header-bar .MR-user .detail .money .btn {
          text-align: right;
          flex-grow: 1;
          flex-shrink: 1;
          max-width: 150px; }
          .style-christmas .header-bar .MR-user .detail .money .btn a {
            background: #FC4948;
            border-radius: 2px;
            color: #fff;
            font-size: 12px;
            line-height: 20px;
            display: inline-block;
            margin-left: 4px;
            padding: 0 12px;
            height: 20px; }
      .style-christmas .header-bar .MR-user .detail .panel {
        background: url("../images/user_bg.png") center bottom no-repeat;
        padding: 0 9px 12px; }
        .style-christmas .header-bar .MR-user .detail .panel ul {
          background: #f8f8f8;
          border-radius: 0 0 5px 5px;
          height: 90px; }
        .style-christmas .header-bar .MR-user .detail .panel li {
          display: inline-block;
          padding: 15px 10px; }
          .style-christmas .header-bar .MR-user .detail .panel li .icon {
            width: 25px;
            height: 25px; }
          .style-christmas .header-bar .MR-user .detail .panel li .text {
            color: #707070;
            font-size: 12px;
            line-height: 1;
            padding-top: 6px; }
          .style-christmas .header-bar .MR-user .detail .panel li .disabled {
            cursor: not-allowed; }

.search {
  display: flex;
  max-width: 432px;
  margin-right: 30px; }
  .search .input {
    background: #f2f2f2;
    box-sizing: border-box;
    border-radius: 20px 0 0 20px;
    cursor: text;
    padding: 0 15px;
    width: 120px;
    height: 40px; }
    .search .input input {
      background: none;
      font-size: 12px;
      outline: none;
      border-width: 0;
      margin-top: 12px;
      width: 100%;
      height: 16px; }
  .search .click {
    background: #FC4948;
    border-radius: 0 20px 20px 0;
    text-align: center;
    position: relative;
    flex-shrink: 0;
    width: 43px;
    height: 40px; }
    .search .click input {
      opacity: 0;
      cursor: pointer;
      position: absolute;
      left: 0;
      z-index: 1;
      width: 100%;
      height: 100%; }
    .search .click .icon {
      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABe0lEQVQ4T42TMSiFYRSGn7cMBgNlpBjEYGBQlNItt+5gsCgjYaKQgUWIYlEGG8posFOuuoW6ZVGUJGUwKAYDdYs6Orfv3n5/9+b/p7/v+85z3nPOe0TkM7M6YBoYBjqAWuAZOAV2JT1F3/u/SgdmNgAcAY1ADrgMd03AUDhfkrQdhRQBITgL3ADjku5iylzJIrAKbEhaLt3LzPzyEXgFUpI+4zIjKieAfWBQ0nmxBDNbALaA7njmSiAzO/FyJPWUABdAQVK6WuZYORnAIc2SXlzBW+jwWkKAN9lj0pKyDvgOjUkKqAE8ZkTSsQPufWSSphIq6ARugT5JeQfshTm3Sir8BzGzdWAOaJD044Au4DpJGWbmpvLsh5Lmy040s01gCZiUdFBlfB58FuztI/+IArwxXspY8P0OkAe+gHZgFJgB6gE3WkbS1Z9dCJZ2wArQElPhvfE98cVyO78D/ZIeyssUM0tvZBvd4rmSZDObBVyhn7dVBCSchDsy9Qu4hZUj6pfz3QAAAABJRU5ErkJggg==") 0 no-repeat;
      display: inline-block;
      vertical-align: middle;
      margin-top: 12px;
      width: 16px;
      height: 16px; }
    .search .click .text {
      color: #fff;
      font-size: 12px;
      display: inline-block;
      vertical-align: middle;
      padding-left: 6px;
      margin-top: 12px; }

#footer {
  background: #000000ff;
  border-width: 0; }
  #footer .footer-content {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    width: 1200px;
    height: 224px;
    padding: 28px 0; }
    #footer .footer-content .footer_left {
      font-size: 12px;
      color: #999999ff;
      width: 650px; }
      #footer .footer-content .footer_left .footer-block p {
        color: #ffffffff;
        padding-bottom: 10px;
        text-align: start; }
      #footer .footer-content .footer_left .footer-live .footer-live-item {
        padding-bottom: 40px; }
        #footer .footer-content .footer_left .footer-live .footer-live-item .item-style {
          padding-bottom: 10px;
          display: flex;
          flex-wrap: wrap; }
          #footer .footer-content .footer_left .footer-live .footer-live-item .item-style span {
            display: block;
            margin-right: 70px;
            min-width: 60px;
            max-width: 80px;
            width: 60px;
            padding-bottom: 10px;
            color: #9999; }
          #footer .footer-content .footer_left .footer-live .footer-live-item .item-style a {
            color: #9999; }
            #footer .footer-content .footer_left .footer-live .footer-live-item .item-style a:hover {
              color: #FC4948; }
          #footer .footer-content .footer_left .footer-live .footer-live-item .item-style :last-child {
            margin-right: 0; }
    #footer .footer-content .footer_right {
      color: #fff;
      display: flex;
      margin-top: 30px; }
      #footer .footer-content .footer_right .qrcode-download {
        display: flex;
        margin-right: 30px; }
        #footer .footer-content .footer_right .qrcode-download .qrcode {
          width: 90px;
          height: 90px;
          object-fit: cover; }
        #footer .footer-content .footer_right .qrcode-download .download {
          margin-left: 10px; }
          #footer .footer-content .footer_right .qrcode-download .download .download-item {
            background-color: #FF3551;
            border-radius: 4px;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 138px;
            height: 39px;
            cursor: pointer;
            color: #fff; }
            #footer .footer-content .footer_right .qrcode-download .download .download-item p {
              padding-left: 8px; }
          #footer .footer-content .footer_right .qrcode-download .download .ios {
            margin-bottom: 10px; }
      #footer .footer-content .footer_right .other {
        font-size: 12px;
        display: flex;
        flex-direction: column;
        align-items: center; }
        #footer .footer-content .footer_right .other .line {
          padding: 0 10px; }
        #footer .footer-content .footer_right .other .logo2 {
          width: 150px;
          height: 39px; }
        #footer .footer-content .footer_right .other .slogan {
          width: 176px;
          height: 18px;
          margin: 17px 0 25px 0; }
  #footer #footer_appDownloadIcon {
    position: relative;
    width: 120px;
    height: 120px;
    box-sizing: content-box; }
  #footer #footer_appDownloadIcon .app_download_icon {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

#hotspot-right-changeQr {
  position: absolute;
  top: 14px;
  left: 5px;
  width: 120px;
  height: 120px; }
  #hotspot-right-changeQr .to-down-guide {
    display: block;
    width: 100%;
    height: 100%; }
  #hotspot-right-changeQr .app_download_icon {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50px;
    left: 50px; }

div#window, div#header, div#footer {
  display: block; }

.scrollBar {
  height: 166px;
  width: 100%;
  background-color: #fff; }
  .scrollBar .scroll {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    height: 207px;
    padding: 26px 0 13px 0;
    box-sizing: border-box;
    display: none; }
  .scrollBar .scroll-content {
    padding: 26px 0 13px 0;
    display: -webkit-box;
    scrollbar-width: none;
    /* firefox */
    -ms-overflow-style: none;
    /* IE 10+ */
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    height: 145px; }

.scrollBar-item {
  width: 230 px !important;
  background-color: #f8f8f8ff;
  font-size: 12px;
  color: #333333ff;
  margin-right: 10px; }
  .scrollBar-item .item-top {
    height: 27px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 7px 0 7px;
    box-sizing: border-box;
    align-items: center;
    position: relative; }
    .scrollBar-item .item-top .status {
      line-height: 15px; }
      .scrollBar-item .item-top .status0 {
        color: #707070; }
      .scrollBar-item .item-top .status1 {
        color: #FC4948; }
      .scrollBar-item .item-top .status img {
        width: 15px;
        height: 15px; }
    .scrollBar-item .item-top:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      height: 1px;
      width: 100%;
      background-color: #e5e5e5ff; }
  .scrollBar-item .item-bottom {
    height: 79px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around; }
    .scrollBar-item .item-bottom .team-name {
      font-size: 12px;
      color: #333333ff;
      margin-top: 4px; }
    .scrollBar-item .item-bottom .team-logo {
      width: 40px;
      height: 40px; }
    .scrollBar-item .item-bottom .score {
      font-size: 16px;
      font-weight: 400;
      line-height: 22px;
      color: #ff0000; }
  .scrollBar-item .item-anchors {
    padding-left: 40px;
    position: relative;
    overflow: hidden;
    height: 57px; }
    .scrollBar-item .item-anchors::before {
      content: "主播";
      color: #21bd7e;
      position: absolute;
      left: 9px;
      top: 15px; }
    .scrollBar-item .item-anchors .item {
      width: 40px;
      float: left;
      height: 100%; }
    .scrollBar-item .item-anchors .item .avatarBox {
      position: relative;
      width: 40px;
      height: 40px;
      display: inline-block; }
    .scrollBar-item .item-anchors .item .avatarBox .avatar {
      width: 40px;
      height: 40px;
      cursor: pointer;
      border-radius: 50%;
      background: #f2f2f2; }
    .scrollBar-item .item-anchors .item .avatarBox .livegif {
      width: 14px;
      height: 14px;
      position: absolute;
      bottom: 0;
      right: 0; }
    .scrollBar-item .item-anchors .item .userName {
      font-size: 12px;
      color: #707070;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      text-align: center; }

.wz_dynamic {
  position: relative;
  width: 100%;
  text-align: center;
  box-sizing: border-box; }
  .wz_dynamic .left {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: -40px;
    transform: translateY(-50%);
    z-index: 2; }
  .wz_dynamic .right {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    right: -30px;
    transform: translateY(-50%);
    z-index: 2; }
  .wz_dynamic .wz_dynamic-left-btn {
    background: url("/public/front/images/beach/left.png") no-repeat;
    background-size: 100% 100%;
    outline: none;
    cursor: pointer; }
  .wz_dynamic .wz_dynamic-right-btn {
    background: url("/public/front/images/beach/right.png") no-repeat;
    background-size: 100% 100%;
    outline: none;
    cursor: pointer; }
  .wz_dynamic .swiper-container-1 {
    overflow: hidden; }
  .wz_dynamic .swiper-slide {
    width: 20% !important; }

.noMsg {
  width: 200px;
  margin: 0 auto;
  font-size: 12px;
  color: #707070;
  text-align: center;
  line-height: 40px; }
  .noMsg img {
    width: 200px;
    height: 180px; }

.activeBox .none,
.wz_dynamic .none {
  display: none; }

.scroll-content ::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */ }

.content-body {
  width: 100%;
  background-color: #f0f0f0ff;
  padding-bottom: 38px; }
  .content-body .hotspot-title {
    position: relative;
    width: 940px;
    height: 31px;
    font-size: 24px;
    font-weight: 400;
    line-height: 31px;
    color: #333;
    display: flex;
    justify-content: space-between; }
    .content-body .hotspot-title .the-left {
      flex: 1; }
    .content-body .hotspot-title .the-right {
      width: 210px;
      margin-left: 10px; }
      .content-body .hotspot-title .the-right .fr.more {
        font-size: 12px;
        color: #999;
        height: 16px;
        line-height: 16px;
        margin-top: 15px; }
        .content-body .hotspot-title .the-right .fr.more:hover {
          color: #ff3456; }

.hotspot {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  padding-top: 20px;
  display: flex; }
  .hotspot .hotspot-left {
    width: 500px;
    height: 250px; }
    .hotspot .hotspot-left img {
      width: 100%;
      height: 100%;
      border-radius: 4px; }
  .hotspot .hotspot-recom {
    padding-left: 10px;
    width: 440px;
    height: 250px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start; }
    .hotspot .hotspot-recom .recom-item {
      width: 210px;
      height: 100%;
      overflow: hidden; }
      .hotspot .hotspot-recom .recom-item .ov-hd {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden; }
      .hotspot .hotspot-recom .recom-item.right {
        background: #FFF;
        border-radius: 4px;
        padding: 10px;
        margin-right: 10px;
        box-sizing: border-box;
        overflow: hidden; }
        .hotspot .hotspot-recom .recom-item.right .quick-news-hot {
          display: block;
          width: 100%;
          height: 40px; }
          .hotspot .hotspot-recom .recom-item.right .quick-news-hot:last-child {
            border-bottom: 1px solid #f5f5f5; }
          .hotspot .hotspot-recom .recom-item.right .quick-news-hot:hover .quick-news-title {
            color: #ff3456; }
            .hotspot .hotspot-recom .recom-item.right .quick-news-hot:hover .quick-news-title span {
              color: #FFF; }
          .hotspot .hotspot-recom .recom-item.right .quick-news-hot .quick-news-title {
            position: relative;
            width: 100%;
            height: 24px;
            font-size: 14px;
            color: #333;
            line-height: 24px; }
            .hotspot .hotspot-recom .recom-item.right .quick-news-hot .quick-news-title span {
              display: inline-block;
              width: auto;
              height: 16px;
              padding: 0 5px;
              border-radius: 8px 0 8px 0;
              background: #FF3456;
              color: #FFF;
              line-height: 16px;
              font-size: 12px;
              font-weight: bold;
              vertical-align: middle; }
          .hotspot .hotspot-recom .recom-item.right .quick-news-hot .quick-news-sub-title {
            position: relative;
            width: 100%;
            height: 16px;
            font-size: 12px;
            color: #999;
            line-height: 16px; }
        .hotspot .hotspot-recom .recom-item.right .news-divide {
          position: relative;
          width: 100%;
          height: 1px;
          border-top: 1px solid #f5f5f5;
          margin-top: 6px;
          margin-bottom: 7px; }
        .hotspot .hotspot-recom .recom-item.right .quick-news {
          position: relative;
          width: 100%;
          height: 24px;
          line-height: 24px;
          font-size: 12px;
          color: #666; }
          .hotspot .hotspot-recom .recom-item.right .quick-news:hover {
            color: #FF3456; }
          .hotspot .hotspot-recom .recom-item.right .quick-news.first {
            margin-top: 7px; }
            .hotspot .hotspot-recom .recom-item.right .quick-news.first::before {
              content: "";
              position: absolute;
              left: 0;
              top: -3px;
              width: 100%;
              height: 1px;
              border-top: 1px solid #f5f5f5;
              box-sizing: border-box; }
      .hotspot .hotspot-recom .recom-item .recom-pic-item {
        display: block;
        width: 210px;
        height: 120px; }
        .hotspot .hotspot-recom .recom-item .recom-pic-item:nth-child(1) {
          margin-bottom: 10px; }
        .hotspot .hotspot-recom .recom-item .recom-pic-item img {
          width: 100%;
          height: 100%;
          border-radius: 4px; }
  .hotspot .hotspot-right {
    width: 250px;
    height: 250px;
    position: relative; }
    .hotspot .hotspot-right img {
      border-radius: 4px;
      width: 100%;
      height: 100%;
      object-fit: cover; }

.live-content {
  width: 1200px;
  margin: 0 auto;
  padding-top: 40px;
  display: flex;
  justify-content: space-between; }
  .live-content .live-recommend h4 {
    font-size: 24px;
    font-weight: 400;
    line-height: 31px;
    color: #333333ff;
    margin-bottom: 20px; }
  .live-content .live-recommend .recommend-list {
    display: flex;
    flex-wrap: wrap; }
  .live-content .live-recommend .recommend-list-item {
    position: relative;
    width: 212px;
    margin: 0 14px 14px 0;
    overflow: hidden; }
    .live-content .live-recommend .recommend-list-item:hover::before {
      opacity: 1; }
    .live-content .live-recommend .recommend-list-item:hover .recommend-cover {
      transform: scale(1.3); }
    .live-content .live-recommend .recommend-list-item::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 212px;
      height: 128px;
      background: url("/public/front/images/play.png") no-repeat center center/56px 56px;
      opacity: 0;
      z-index: 2;
      transition-duration: .5s; }
    .live-content .live-recommend .recommend-list-item .recommend-cover {
      display: block;
      position: relative;
      width: 100%;
      height: 128px;
      object-fit: cover;
      transition-duration: .5s; }
    .live-content .live-recommend .recommend-list-item .recommend-info {
      position: relative;
      width: 100%;
      height: 72px;
      background-color: #fff;
      padding: 10px 10px 7px 10px;
      box-sizing: border-box;
      z-index: 2; }
      .live-content .live-recommend .recommend-list-item .recommend-info .recommend-title {
        font-size: 14px;
        color: #000000ff;
        font-weight: 400;
        line-height: 19px;
        margin-bottom: 10px; }
      .live-content .live-recommend .recommend-list-item .recommend-info .recom {
        color: #999999ff;
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        display: flex;
        justify-content: space-between; }
        .live-content .live-recommend .recommend-list-item .recommend-info .recom .name {
          display: flex;
          align-items: center; }
          .live-content .live-recommend .recommend-list-item .recommend-info .recom .name img {
            width: 24px;
            height: 24px;
            border-radius: 50%;
            margin-right: 4px; }
        .live-content .live-recommend .recommend-list-item .recommend-info .recom .recom-num {
          display: flex;
          align-items: center; }
          .live-content .live-recommend .recommend-list-item .recommend-info .recom .recom-num img {
            width: 10px;
            height: 10px;
            margin-right: 4px; }
    .live-content .live-recommend .recommend-list-item .recommend-label {
      width: 103px;
      height: 26px;
      position: absolute;
      top: 2px;
      left: 2px;
      z-index: 2; }
      .live-content .live-recommend .recommend-list-item .recommend-label img {
        object-fit: cover;
        width: 100%;
        height: 100%; }
  .live-content .ranking {
    width: 292px; }
    .live-content .ranking h4 {
      font-size: 24px;
      font-weight: 400;
      line-height: 31px;
      color: #333333ff;
      margin-left: 10px; }
    .live-content .ranking .ranking-title {
      display: flex;
      margin-bottom: 20px;
      align-items: center; }
      .live-content .ranking .ranking-title img {
        width: 20px;
        height: 20px; }
    .live-content .ranking .ranking-list {
      width: 292px;
      background-color: #fff; }
      .live-content .ranking .ranking-list .ranking-item {
        height: 65px;
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
        position: relative; }
        .live-content .ranking .ranking-list .ranking-item .ranking-num {
          position: absolute;
          top: 0px;
          left: 0px;
          width: 16px;
          height: 20px;
          font-size: 12px;
          line-height: 20px;
          text-align: center;
          color: #999999; }
          .live-content .ranking .ranking-list .ranking-item .ranking-num1 {
            background-color: #ff4a53;
            color: #ffffff; }
          .live-content .ranking .ranking-list .ranking-item .ranking-num2 {
            background-color: #fa6400;
            color: #ffffff; }
          .live-content .ranking .ranking-list .ranking-item .ranking-num3 {
            background-color: #c7916c;
            color: #ffffff; }
        .live-content .ranking .ranking-list .ranking-item .ranking-item-a {
          display: flex;
          justify-content: space-between;
          box-sizing: border-box;
          align-items: center;
          height: 100%; }
        .live-content .ranking .ranking-list .ranking-item .ranking-left {
          display: flex;
          align-items: center; }
          .live-content .ranking .ranking-list .ranking-item .ranking-left .avatar {
            width: 45px;
            height: 45px;
            border-radius: 50%;
            margin-right: 16px; }
          .live-content .ranking .ranking-list .ranking-item .ranking-left .anchor-name {
            font-size: 12px; }
            .live-content .ranking .ranking-list .ranking-item .ranking-left .anchor-name :first-child {
              color: #333333ff;
              padding-bottom: 8px; }
            .live-content .ranking .ranking-list .ranking-item .ranking-left .anchor-name :last-child {
              color: #999999ff;
              display: flex;
              align-items: center; }
              .live-content .ranking .ranking-list .ranking-item .ranking-left .anchor-name :last-child .fire {
                width: 10px;
                height: 12px;
                margin-right: 2px;
                padding: 0; }
        .live-content .ranking .ranking-list .ranking-item .attention {
          cursor: pointer;
          width: 65px;
          height: 28px;
          background: #ffecec;
          border: 1px solid #fc4948;
          border-radius: 14px;
          font-size: 12px;
          font-weight: 400;
          line-height: 16px;
          color: #fc4948;
          display: flex;
          align-items: center;
          justify-content: center; }
        .live-content .ranking .ranking-list .ranking-item .followed {
          background: #ffffff;
          border: 1px solid #dcdfe6;
          color: #dcdfe6; }
  .live-content .activity-recommend .ranking_body {
    background: #fff;
    border-radius: 10px;
    overflow: hidden; }

.index-show {
  background: #f6f6f6;
  padding: 15px 0; }
  .index-show .content {
    margin: 0 auto;
    width: 1200px; }
    .index-show .content .box:after {
      display: block;
      content: "";
      clear: both;
      width: 100%; }
  .index-show .like-box {
    float: left;
    width: 770px; }
    .index-show .like-box .box a {
      float: left;
      display: block;
      width: 247px;
      height: 142px; }
      .index-show .like-box .box a:nth-child(1) {
        margin-right: 11px;
        width: 512px;
        height: 295px; }
      .index-show .like-box .box a:nth-child(2) {
        margin-bottom: 11px; }
    .index-show .like-box .box img {
      border-radius: 10px;
      width: 100%;
      height: 100%; }
  .index-show .news-box {
    float: right;
    width: 410px; }
    .index-show .news-box .more {
      bottom: 5px; }
      .index-show .news-box .more a {
        color: #ff6365; }
        .index-show .news-box .more a:after {
          background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAwElEQVQ4T62SwQqCQBRF7xOLNuU/RB8iFe2iiNxL0Le0b5kM2gdEQrpo2381L5IW6ahvwmY/Z+beewgdD3W8DwPAQdDHyMug6UhxlEkPmACAsNvnAM+geUuJurVBaiNwGA7guFcAUwnS2EEJQs6G1Cmv+0lriV8QH0xriqN7FSKu8IGkRRymZRViCeilAM/x5BWdVSmKbYTGMu1KbJnz/zMWJg69C4CF5MB7EdNE33cxnjyg+SBZWAuQ3P/ZAwn4AiB+URFdFJ/bAAAAAElFTkSuQmCC") center no-repeat; }
    .index-show .news-box .box {
      background: #fff;
      border-radius: 10px;
      box-sizing: border-box;
      padding: 20px 20px 10px;
      height: 295px; }
      .index-show .news-box .box li {
        padding-bottom: 4px; }
        .index-show .news-box .box li:nth-child(1) .title, .index-show .news-box .box li:nth-child(2) .title, .index-show .news-box .box li:nth-child(3) .title {
          font-weight: bold; }
        .index-show .news-box .box li.bd {
          padding: 4px 0; }
          .index-show .news-box .box li.bd:before {
            background: #f2f2f2;
            display: block;
            content: "";
            width: 100%;
            height: 1px; }
        .index-show .news-box .box li .title {
          color: #3c3c3c;
          font-size: 14px;
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden; }
        .index-show .news-box .box li .text {
          color: #707070;
          font-size: 12px;
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden;
          padding: 4px 0; }
        .index-show .news-box .box li .flag {
          background: #ff5a5a;
          border-radius: 5px 0 5px 0;
          display: inline-block;
          margin-right: 8px;
          padding: 0 8px; }
          .index-show .news-box .box li .flag div {
            color: #fff;
            font-size: 12px;
            transform: scale(0.9); }
  .index-show .video-gallery {
    margin: 40px 0; }
    .index-show .video-gallery .title-bar {
      line-height: 1.4; }
      .index-show .video-gallery .title-bar .title {
        vertical-align: middle;
        margin-right: 20px; }
      .index-show .video-gallery .title-bar .label {
        vertical-align: middle; }
        .index-show .video-gallery .title-bar .label ul {
          overflow: hidden;
          max-width: 880px;
          height: 29px; }
        .index-show .video-gallery .title-bar .label li {
          background: #fff;
          border-radius: 14px;
          display: inline-block;
          margin-right: 9px; }
          .index-show .video-gallery .title-bar .label li.active {
            background: #fec300; }
            .index-show .video-gallery .title-bar .label li.active a {
              color: #fff; }
          .index-show .video-gallery .title-bar .label li a {
            color: #707070;
            font-size: 14px;
            line-height: 19px;
            display: inline-block;
            padding: 5px 20px; }
      .index-show .video-gallery .title-bar .more {
        bottom: 10px; }
        .index-show .video-gallery .title-bar .more a {
          color: #0fa06b; }
          .index-show .video-gallery .title-bar .more a:after {
            background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAwElEQVQ4T62SwQqCQBRF7xOLNuU/RB8iFe2iiNxL0Le0b5kM2gdEQrpo2381L5IW6ahvwmY/Z+beewgdD3W8DwPAQdDHyMug6UhxlEkPmACAsNvnAM+geUuJurVBaiNwGA7guFcAUwnS2EEJQs6G1Cmv+0lriV8QH0xriqN7FSKu8IGkRRymZRViCeilAM/x5BWdVSmKbYTGMu1KbJnz/zMWJg69C4CF5MB7EdNE33cxnjyg+SBZWAuQ3P/ZAwn4AiB+URFdFJ/bAAAAAElFTkSuQmCC") center no-repeat; }
    .index-show .video-gallery .video-list li {
      margin: 0 0 15px 12px;
      width: 230px; }
      .index-show .video-gallery .video-list li:first-child {
        border-radius: 5px;
        overflow: hidden;
        margin: 0;
        width: 472px; }
        .index-show .video-gallery .video-list li:first-child .video {
          background: #fff; }
          .index-show .video-gallery .video-list li:first-child .video a:before {
            background-size: 80px; }
          .index-show .video-gallery .video-list li:first-child .video .thumb {
            border-radius: 5px 5px 0 0; }
          .index-show .video-gallery .video-list li:first-child .video img {
            border-radius: 5px 5px 0 0;
            height: 266px; }
          .index-show .video-gallery .video-list li:first-child .video .times {
            top: 10px;
            right: 10px; }
          .index-show .video-gallery .video-list li:first-child .video .board {
            padding: 20px; }
          .index-show .video-gallery .video-list li:first-child .video .title {
            font-size: 16px; }
          .index-show .video-gallery .video-list li:first-child .video .count {
            font-size: 14px; }
            .index-show .video-gallery .video-list li:first-child .video .count:before {
              width: 18px;
              height: 18px; }
      .index-show .video-gallery .video-list li.none {
        color: #aaa;
        font-size: 14px;
        text-align: center;
        padding: 80px 0;
        width: 100%; }
        .index-show .video-gallery .video-list li.none:before {
          background: url("../images/default_data_bo.png") center center no-repeat;
          content: "";
          display: block;
          margin: 0 auto;
          width: 173px;
          height: 140px; }
        .index-show .video-gallery .video-list li.none span {
          display: inline-block;
          padding: 15px 0; }
      .index-show .video-gallery .video-list li img {
        height: 130px; }

.video-catalog {
  background: #f6f6f6;
  padding-top: 40px; }
  .video-catalog .video-bar {
    margin: 0 auto;
    width: 1200px; }
    .video-catalog .video-bar ul,
    .video-catalog .video-bar li,
    .video-catalog .video-bar div {
      display: inline-block;
      vertical-align: top; }
    .video-catalog .video-bar .title {
      color: #3c3c3c;
      font-size: 16px;
      font-weight: bold;
      line-height: 30px;
      position: absolute;
      width: 48px; }
    .video-catalog .video-bar ul {
      box-sizing: border-box;
      padding-left: 48px;
      width: 100%; }
    .video-catalog .video-bar li {
      background: #fff;
      border-radius: 15px;
      color: #999;
      font-size: 14px;
      line-height: 30px;
      margin: 0 15px 16px 0; }
      .video-catalog .video-bar li.active {
        background: linear-gradient(211deg, #ff7d7e 0%, #f5484b 100%);
        color: #fff; }
      .video-catalog .video-bar li a {
        color: inherit;
        display: inline-block;
        padding: 0 20px; }
  .video-catalog .video-list {
    margin: 0 auto;
    width: 1200px;
    min-height: 600px; }
    .video-catalog .video-list ul {
      padding-bottom: 40px; }
    .video-catalog .video-list li {
      margin: 0 0 15px 12px;
      width: 230px; }
      .video-catalog .video-list li:nth-child(5n + 1), .video-catalog .video-list li:nth-child(1) {
        margin: 0; }
      .video-catalog .video-list li.none {
        color: #999;
        text-align: center;
        margin-top: 20px;
        padding: 20px 0;
        width: 100%; }
      .video-catalog .video-list li img {
        height: 130px; }

.activity-body {
  width: 100%;
  background-color: #f0f0f0ff;
  padding-bottom: 40px; }
  .activity-body .activity-left {
    width: 890px;
    position: relative; }
    .activity-body .activity-left .activity-list {
      width: 100%;
      background-color: #fff;
      margin-top: 20px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      border-radius: 10px; }
      .activity-body .activity-left .activity-list .activity-list-item {
        height: 150px;
        padding: 20px 30px;
        display: flex;
        width: 100%;
        box-sizing: border-box; }
        .activity-body .activity-left .activity-list .activity-list-item .click-activity-list-item {
          width: 100%;
          display: flex;
          justify-content: space-between;
          align-items: center;
          position: relative; }
          .activity-body .activity-left .activity-list .activity-list-item .click-activity-list-item::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -20px;
            width: 100%;
            height: 1px;
            background-color: rgba(0, 0, 0, 0.12); }
        .activity-body .activity-left .activity-list .activity-list-item .list-item-left .title {
          font-size: 18px;
          font-weight: bold;
          line-height: 24px;
          color: #333333;
          width: 620px;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          margin-bottom: 32px;
          overflow: hidden; }
        .activity-body .activity-left .activity-list .activity-list-item .list-item-left .info {
          display: flex;
          font-size: 14px;
          font-weight: 400;
          line-height: 19px;
          color: #333333; }
          .activity-body .activity-left .activity-list .activity-list-item .list-item-left .info .heat {
            display: flex;
            align-items: center;
            margin-right: 20px; }
            .activity-body .activity-left .activity-list .activity-list-item .list-item-left .info .heat img {
              width: 12px;
              height: 12px;
              margin-right: 6px; }
          .activity-body .activity-left .activity-list .activity-list-item .list-item-left .info .avatar {
            display: flex;
            align-items: center;
            margin-right: 20px; }
            .activity-body .activity-left .activity-list .activity-list-item .list-item-left .info .avatar img {
              width: 24px;
              height: 24px;
              border-radius: 50%;
              margin-right: 10px; }
        .activity-body .activity-left .activity-list .activity-list-item .list-item-right {
          width: 180px;
          height: 110px;
          border-radius: 10px;
          position: relative;
          overflow: hidden; }
          .activity-body .activity-left .activity-list .activity-list-item .list-item-right img {
            width: 100%;
            height: 100%; }
          .activity-body .activity-left .activity-list .activity-list-item .list-item-right .status {
            position: absolute;
            top: 10px;
            right: -16px;
            width: 66px;
            height: 16px;
            font-size: 12px;
            line-height: 16px;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            text-align: center; }
            .activity-body .activity-left .activity-list .activity-list-item .list-item-right .status.status1 {
              color: #ff6365;
              background-color: #fee100; }
              .activity-body .activity-left .activity-list .activity-list-item .list-item-right .status.status1::after {
                content: '进行中'; }
            .activity-body .activity-left .activity-list .activity-list-item .list-item-right .status.status2 {
              color: #5d5d5d;
              background-color: #cecece; }
              .activity-body .activity-left .activity-list .activity-list-item .list-item-right .status.status2::after {
                content: '已结束'; }
            .activity-body .activity-left .activity-list .activity-list-item .list-item-right .status.status0 {
              color: #ff7b00;
              background-color: #ffe2ad; }
              .activity-body .activity-left .activity-list .activity-list-item .list-item-right .status.status0::after {
                content: '未开始'; }
            .activity-body .activity-left .activity-list .activity-list-item .list-item-right .status.statusnull {
              display: none; }

/**
*banner
*/
#banner-list {
  width: 100%;
  height: 300px;
  position: relative;
  overflow: hidden;
  border-radius: 10px; }
  #banner-list .swiper-slide {
    width: 100% !important; }
  #banner-list .bgImg {
    width: 100%;
    height: 300px; }
  #banner-list .anchorInfoBox {
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    width: 890px;
    display: flex;
    z-index: 2; }
    #banner-list .anchorInfoBox .banner-right-btn,
    #banner-list .anchorInfoBox .banner-left-btn {
      position: absolute;
      top: -308px;
      width: 63px;
      height: 63px;
      z-index: 2;
      outline: none;
      cursor: pointer;
      display: none; }
    #banner-list .anchorInfoBox .banner-right-btn {
      right: 0;
      background: url("/public/front/images/nav_right_grey.png") no-repeat;
      background-size: 100% 100%; }
    #banner-list .anchorInfoBox .banner-left-btn {
      left: 0;
      background: url("/public/front/images/nav_left_grey.png") no-repeat;
      background-size: 100% 100%; }
    #banner-list .anchorInfoBox .swiper-pagination-bullet {
      margin-right: 10px; }
    #banner-list .anchorInfoBox .swiper-pagination-bullet-active {
      background: rgba(255, 255, 255, 0.5); }
    #banner-list .anchorInfoBox .swiper-pagination {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%); }

.icon-hot-fill {
  padding: 0 !important; }

.icon-1 {
  padding: 0 !important;
  color: #00bd7e;
  margin-right: 2px;
  font-size: 12px !important; }

.loading {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 70px;
  height: 70px;
  margin-left: -35px;
  background-image: url("/public/H5/images/new_loading.png");
  background-repeat: no-repeat;
  background-size: 2000% 100%;
  -webkit-animation: changload steps(20) 1.5s infinite;
  animation: changload steps(20) 1.5s infinite;
  z-index: 2000;
  display: none; }

@-webkit-keyframes changload {
  0% {
    background-position: 0 0; }
  100% {
    background-position: -1400px; } }
@keyframes changload {
  0% {
    background-position: 0 0; }
  100% {
    background-position: -1400px 0; } }
.activity-list-more {
  text-align: center;
  padding-top: 10px;
  color: #ccc;
  cursor: pointer; }
  .activity-list-more .loading_more {
    display: none; }

.recommend-info .recom .recom-num .icon-ren {
  font-size: 12px;
  margin-right: 3px; }

#appDownloadIcon {
  position: absolute;
  top: 38px;
  left: 9px;
  width: 70px;
  height: 70px;
  padding: 5px;
  background: #FFF; }

#appDownloadIcon .app_download_icon {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 71px;
  left: 71px; }