.container {
  background: #1c1c1c; }

@media screen and (min-width: 811px) {
  .brick-sort {
    width: 100%;
    margin-top: 10px; }
    .brick-sort li {
      float: left; }

  .brick-bets {
    font-size: 14px; }
    .brick-bets .quick-bets,
    .brick-bets .phone-ad {
      float: left; }
    .brick-bets .quick-bets {
      background: #0f0f0f;
      height: 143px;
      width: calc(100% - 241px);
      padding: 3px 0px 1px 0px;
      border-radius: 8px; }
      .brick-bets .quick-bets .quick-nav strong {
        float: left;
        vertical-align: top;
        line-height: 19px;
        font-size: 14px;
        font-weight: 700;
        color: #ffba26;
        padding: 0 20px 0 8px; }
      .brick-bets .quick-bets .quick-nav ul {
        float: left;
        height: 20px; }
        .brick-bets .quick-bets .quick-nav ul li {
          float: left; }
          .brick-bets .quick-bets .quick-nav ul li a {
            display: block;
            padding: 0 10px;
            border: 1px solid #000;
            border-radius: 3px 3px 0 0;
            background: #151515;
            background-color: #292929;
            background-image: linear-gradient(180deg, #292929 25%, #151515 100%);
            color: #a0a0a0; }
            .brick-bets .quick-bets .quick-nav ul li a.actived {
              color: #ffba26;
              background: #2a2a2a;
              border: 1px solid #2a2a2a; }
      .brick-bets .quick-bets .brick-box {
        background: #2a2a2a;
        border-radius: 8px;
        overflow: hidden;
        padding: 15px 10px;
        margin: 0px 2px; }
        .brick-bets .quick-bets .brick-box .brick-box-item > h2 {
          display: none; }
        .brick-bets .quick-bets .brick-box .brick-logo {
          float: left; }
        .brick-bets .quick-bets .brick-box .number-box {
          float: right;
          width: calc(100% - 90px); }
          .brick-bets .quick-bets .brick-box .number-box .count-time {
            font-weight: 500;
            font-size: 24px;
            color: #fff;
            letter-spacing: 2px; }
    .brick-bets .number-box {
      display: flex;
      justify-content: flex-start; }
      .brick-bets .number-box .number-box-item {
        flex-grow: 1; }
        .brick-bets .number-box .number-box-item .title {
          padding: 6px 16px; }
          .brick-bets .number-box .number-box-item .title i {
            color: #ffba26; }
          .brick-bets .number-box .number-box-item .title a {
            color: #ea2c2e; }
            .brick-bets .number-box .number-box-item .title a:hover {
              text-decoration: underline; }
        .brick-bets .number-box .number-box-item .content {
          padding: 6px 10px;
          background: #3a3a3a;
          height: 48px;
          line-height: 48px; }
        .brick-bets .number-box .number-box-item.open-numbers {
          flex-grow: 3; }
          .brick-bets .number-box .number-box-item.open-numbers .num {
            display: inline-block;
            color: #000;
            font-weight: 700;
            width: 38px;
            height: 38px;
            line-height: 38px;
            border-radius: 50%;
            margin: 0px 1px;
            text-align: center;
            font-size: 16px;
            background: url(../img/index_balls.png) no-repeat;
            background-position: 0px; }
            .brick-bets .number-box .number-box-item.open-numbers .num.blue {
              background: url(../img/index_balls.png) no-repeat;
              background-position: -45px; }
          .brick-bets .number-box .number-box-item.open-numbers .content {
            border-top-left-radius: 8px;
            border-bottom-left-radius: 8px; }
        .brick-bets .number-box .number-box-item.curr-issue {
          text-align: center; }
        .brick-bets .number-box .number-box-item.issue-times {
          text-align: right; }
          .brick-bets .number-box .number-box-item.issue-times p {
            line-height: 24px;
            height: 24px; }
          .brick-bets .number-box .number-box-item.issue-times .content {
            border-top-right-radius: 8px;
            border-bottom-right-radius: 8px; }
      .brick-bets .number-box.ten .number-box-item.open-numbers {
        flex-grow: 5; }
        .brick-bets .number-box.ten .number-box-item.open-numbers .num {
          width: 26px;
          height: 26px;
          line-height: 26px;
          border-radius: 3px;
          background: #ff3737;
          color: #fff; }
      .brick-bets .number-box.three .number-box-item.open-numbers {
        flex-grow: 1; }
      .brick-bets .number-box.five .number-box-item.open-numbers {
        flex-grow: 3; }
      .brick-bets .number-box.seven .number-box-item.open-numbers {
        flex-grow: 4; }
    .brick-bets .phone-ad {
      float: right; }

  .bricks {
    border: 1px solid #2b2b2b;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 20px;
    background: #1c1c1c; }
    .bricks .title {
      font-size: 14px;
      color: #ffba26; }
    .bricks table {
      width: 100%; }
      .bricks table th,
      .bricks table td {
        color: #a0a093;
        text-align: center;
        padding: 0px 10px; }
        .bricks table th a,
        .bricks table td a {
          display: block;
          padding: 6px;
          color: #a0a0a0;
          border-bottom: 1px dashed rgba(117, 117, 115, 0.3); }
          .bricks table th a:hover,
          .bricks table td a:hover {
            color: #ffba26;
            text-decoration: underline; }
      .bricks table th {
        font-weight: 700; } }
@media screen and (max-width: 810px) {
  .page-main > .wrap:nth-child(2),
  .page-main > .wrap:nth-child(4) {
    display: none; }

  .brick-bets {
    font-size: 1rem; }
    .brick-bets .quick-bets {
      background: #0f0f0f;
      display: flex; }
      .brick-bets .quick-bets .quick-nav {
        width: 8rem;
        display: flex;
        justify-content: center;
        align-items: center; }
        .brick-bets .quick-bets .quick-nav strong {
          display: none; }
        .brick-bets .quick-bets .quick-nav ul {
          display: flex;
          flex: 1;
          flex-direction: column; }
          .brick-bets .quick-bets .quick-nav ul li {
            width: 100%; }
            .brick-bets .quick-bets .quick-nav ul li a {
              display: block;
              padding: 0.6rem 0rem;
              border-bottom: 1px solid #000;
              background: #151515;
              color: #a0a0a0;
              text-align: center; }
              .brick-bets .quick-bets .quick-nav ul li a.actived {
                color: #ffba26;
                background: #2a2a2a;
                border: 1px solid #2a2a2a; }
      .brick-bets .quick-bets .brick-box {
        background: #2a2a2a;
        display: flex;
        flex: 1; }
        .brick-bets .quick-bets .brick-box .brick-box-item {
          width: 100%; }
        .brick-bets .quick-bets .brick-box .brick-box-item > h2 {
          display: block; }
        .brick-bets .quick-bets .brick-box .brick-logo {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 1rem 1rem 0rem 1rem; }
          .brick-bets .quick-bets .brick-box .brick-logo .icon {
            height: 38px;
            width: 36px;
            background-image: url(../img/icon@2x.png);
            background-repeat: no-repeat; }
            .brick-bets .quick-bets .brick-box .brick-logo .icon.arrow-right {
              background-position: -114px 0px; }
        .brick-bets .quick-bets .brick-box .number-box .count-time {
          font-weight: 500;
          font-size: 2rem;
          color: #fff;
          letter-spacing: 0.2rem; }
    .brick-bets .number-box {
      display: flex;
      justify-content: flex-start;
      flex-direction: column;
      flex: auto; }
      .brick-bets .number-box .number-box-item {
        flex: 1; }
        .brick-bets .number-box .number-box-item .title {
          padding: 1.6rem 0rem 1.6rem 1rem; }
          .brick-bets .number-box .number-box-item .title i {
            color: #ffba26; }
          .brick-bets .number-box .number-box-item .title a {
            color: #ea2c2e; }
            .brick-bets .number-box .number-box-item .title a:hover {
              text-decoration: underline; }
          .brick-bets .number-box .number-box-item .title.trend {
            display: none; }
        .brick-bets .number-box .number-box-item .content {
          width: 100%;
          display: flex;
          justify-content: space-around; }
          .brick-bets .number-box .number-box-item .content.count-time {
            justify-content: center;
            align-items: center; }
        .brick-bets .number-box .number-box-item.issue-times .content {
          padding: 1.6rem 0rem; }
        .brick-bets .number-box .number-box-item.open-numbers .num {
          display: inline-block;
          color: #000;
          font-weight: 700;
          width: 38px;
          height: 38px;
          line-height: 38px;
          border-radius: 50%;
          margin: 0px 1px;
          text-align: center;
          font-size: 16px;
          background: url(../img/index_balls.png) no-repeat;
          background-position: 0px; }
          .brick-bets .number-box .number-box-item.open-numbers .num.blue {
            background: url(../img/index_balls.png) no-repeat;
            background-position: -45px; }
      .brick-bets .number-box.ten .number-box-item.open-numbers .num {
        width: 26px;
        height: 26px;
        line-height: 26px;
        border-radius: 3px;
        background: #ff3737;
        color: #fff; }
    .brick-bets .phone-ad {
      display: none; }

  .bricks {
    border: 1px solid #2b2b2b;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 20px;
    background: #1c1c1c; }
    .bricks .title {
      font-size: 14px;
      color: #ffba26; }
    .bricks table {
      width: 100%; }
      .bricks table th,
      .bricks table td {
        color: #a0a093;
        text-align: center;
        padding: 0px 10px; }
        .bricks table th a,
        .bricks table td a {
          display: block;
          padding: 6px;
          color: #a0a0a0;
          border-bottom: 1px dashed rgba(117, 117, 115, 0.3); }
          .bricks table th a:hover,
          .bricks table td a:hover {
            color: #ffba26;
            text-decoration: underline; }
      .bricks table th {
        font-weight: 700; } }

/*# sourceMappingURL=main.css.map */