@media screen and (min-width: 811px) {
  .kuaikai-page {
    padding: 30px;
    background: url(../img/kuaikai-bg.gif) repeat; }
    .kuaikai-page .birck-open-box {
      background: #f2e8d4;
      padding: 1rem 1rem 0rem 1rem;
      display: flex; }
      .kuaikai-page .birck-open-box .birck-open-item {
        flex-grow: 1;
        padding: 0px 30px; }
        .kuaikai-page .birck-open-box .birck-open-item:first-child {
          border-right: 1px solid #c6b797;
          box-shadow: 1px 0px 0px 0px #fff; }
      .kuaikai-page .birck-open-box .number-box {
        display: flex;
        justify-content: space-around; }
        .kuaikai-page .birck-open-box .number-box .num-item {
          display: inline-block;
          color: #000;
          font-size: 18px;
          font-weight: bold;
          width: 50px;
          height: 50px;
          line-height: 50px;
          border-radius: 50%;
          text-align: center;
          background: url(../img/ball.png) no-repeat; }
        .kuaikai-page .birck-open-box .number-box.five {
          padding: 16px 40px 30px 40px; }
        .kuaikai-page .birck-open-box .number-box.ten {
          padding: 16px 0px 30px 0px; }
          .kuaikai-page .birck-open-box .number-box.ten .num-item {
            color: #fff;
            background: #fd3838;
            border: 1px solid #fd3838;
            width: 32px;
            height: 32px;
            line-height: 32px;
            border-radius: 0px; }
      .kuaikai-page .birck-open-box .brick-info-box .item {
        display: inline-block;
        vertical-align: top;
        padding: 29px 8px;
        color: #413e39; }
        .kuaikai-page .birck-open-box .brick-info-box .item.brick-name {
          font-size: 16px;
          font-weight: bolder;
          color: #c20005; }
      .kuaikai-page .birck-open-box .history-list {
        text-align: right; }
        .kuaikai-page .birck-open-box .history-list a {
          color: #413e39; }
          .kuaikai-page .birck-open-box .history-list a:hover {
            text-decoration: underline; }
    .kuaikai-page .border-line {
      border-top: 45px solid #eee0c4;
      border-right: 45px solid transparent;
      border-left: 45px solid transparent; }
    .kuaikai-page .remark {
      border: 1px solid #d0c7b6;
      padding: 16px 10px;
      width: 878px;
      margin: auto;
      background: #f2e8d4;
      line-height: 22px; }
      .kuaikai-page .remark p {
        color: #413e39; }

  .page-haoma {
    font-size: 14px; }
    .page-haoma .nav-bar .nav-item {
      display: inline-block;
      vertical-align: top;
      min-width: 100px;
      padding: 5px;
      color: #e1e1e1; }
      .page-haoma .nav-bar .nav-item:hover {
        color: #ffba1e; }
      .page-haoma .nav-bar .nav-item.actived {
        color: #ffba1e;
        border: 1px solid #000000;
        border-bottom: 0px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px; }
    .page-haoma .issue-header {
      padding: 8px 10px;
      background: #181818;
      border: 1px solid #000;
      box-shadow: 0px 1px 0px 0px #3a3a3a inset;
      display: flex;
      justify-content: space-between; }
      .page-haoma .issue-header h4 {
        font-weight: 700;
        padding: 0px 5px;
        color: #ffba24;
        font-size: 15px; }
      .page-haoma .issue-header .search-box a {
        display: inline-block;
        vertical-align: top;
        padding: 0px 5px;
        text-decoration: underline;
        color: #9b999a; }
        .page-haoma .issue-header .search-box a.btn {
          color: #000;
          padding: 2px 18px;
          border-radius: 4px;
          text-decoration: none;
          background-color: #ffba24;
          background-image: -webkit-linear-gradient(0deg, #ffba24 50%, #ffd06c 100%);
          background-image: -moz-linear-gradient(0deg, #ffba24 50%, #ffd06c 100%);
          background-image: -o-linear-gradient(0deg, #ffba24 50%, #ffd06c 100%);
          background-image: linear-gradient(0deg, #ffba24 50%, #ffd06c 100%); }
      .page-haoma .issue-header .search-box input {
        width: 90px;
        margin: 0px 4px; }
    .page-haoma .brick-box {
      background: #292929; }
      .page-haoma .brick-box .brick-content,
      .page-haoma .brick-box .birck-header {
        border: 1px solid #000000; }
      .page-haoma .brick-box .birck-header {
        padding-top: 5px;
        text-align: center;
        border-bottom: 0px; }
      .page-haoma .brick-box .brick-content {
        padding: 10px 16px; }
        .page-haoma .brick-box .brick-content .brick-list {
          background: #181818;
          border: 1px solid #000;
          box-shadow: 0px 1px 0px 0px #3a3a3a inset; }
    .page-haoma .table {
      border-collapse: collapse;
      width: 100%;
      margin-bottom: 1rem;
      background: #2f2f2f; }
      .page-haoma .table td,
      .page-haoma .table th {
        text-align: center;
        padding: 0.5rem;
        vertical-align: top;
        color: #c1c1c3;
        border: 1px solid #000;
        border-top: 0px solid #000; }
      .page-haoma .table thead th {
        font-size: 14px;
        font-weight: 400; } }
@media screen and (max-width: 810px) {
  .kuaikai-page {
    margin: 1rem;
    background: url(../img/kuaikai-bg.gif) repeat;
    background: none; }
    .kuaikai-page .birck-open-box {
      display: flex;
      flex-direction: column; }
      .kuaikai-page .birck-open-box .birck-open-item {
        flex: 1;
        padding: 1rem;
        background: #f2e8d4;
        border-bottom: 1px solid #d0c7b6;
        margin-bottom: 1rem; }
      .kuaikai-page .birck-open-box .number-box {
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .kuaikai-page .birck-open-box .number-box .num-item {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 3.2rem;
          height: 3.2rem;
          color: #000;
          font-size: 1.3rem;
          font-weight: bold;
          background: url(../img/ball.png) no-repeat; }
        .kuaikai-page .birck-open-box .number-box.five {
          padding: 1.2rem 1rem; }
        .kuaikai-page .birck-open-box .number-box.ten {
          padding: 1.2rem 0rem; }
          .kuaikai-page .birck-open-box .number-box.ten .num-item {
            color: #fff;
            background: #fd3838;
            border: 1px solid #fd3838;
            width: 32px;
            height: 32px;
            line-height: 32px;
            border-radius: 0px; }
      .kuaikai-page .birck-open-box .brick-info-box {
        display: flex;
        justify-content: flex-start;
        align-items: center; }
        .kuaikai-page .birck-open-box .brick-info-box .item {
          margin-left: 0.4rem;
          padding: 1rem 0rem;
          color: #413e39; }
          .kuaikai-page .birck-open-box .brick-info-box .item.brick-name {
            font-size: 16px;
            font-weight: bolder;
            color: #c20005; }
          .kuaikai-page .birck-open-box .brick-info-box .item:last-child {
            display: none; }
      .kuaikai-page .birck-open-box .history-list {
        display: none;
        text-align: right; }
        .kuaikai-page .birck-open-box .history-list a {
          color: #413e39; }
          .kuaikai-page .birck-open-box .history-list a:hover {
            text-decoration: underline; }
    .kuaikai-page .remark,
    .kuaikai-page .border-line {
      display: none; }

  .page-haoma {
    font-size: 14px; }
    .page-haoma .nav-bar .nav-item {
      display: inline-block;
      vertical-align: top;
      min-width: 100px;
      padding: 5px;
      color: #e1e1e1; }
      .page-haoma .nav-bar .nav-item:hover {
        color: #ffba1e; }
      .page-haoma .nav-bar .nav-item.actived {
        color: #ffba1e;
        border: 1px solid #000000;
        border-bottom: 0px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px; }
    .page-haoma .issue-header {
      padding: 8px 10px;
      background: #181818;
      border: 1px solid #000;
      box-shadow: 0px 1px 0px 0px #3a3a3a inset;
      display: flex;
      justify-content: space-between; }
      .page-haoma .issue-header h4 {
        font-weight: 700;
        padding: 0px 5px;
        color: #ffba24;
        font-size: 15px; }
      .page-haoma .issue-header .search-box a {
        display: inline-block;
        vertical-align: top;
        padding: 0px 5px;
        text-decoration: underline;
        color: #9b999a; }
        .page-haoma .issue-header .search-box a.btn {
          color: #000;
          padding: 2px 18px;
          border-radius: 4px;
          text-decoration: none;
          background-color: #ffba24;
          background-image: -webkit-linear-gradient(0deg, #ffba24 50%, #ffd06c 100%);
          background-image: -moz-linear-gradient(0deg, #ffba24 50%, #ffd06c 100%);
          background-image: -o-linear-gradient(0deg, #ffba24 50%, #ffd06c 100%);
          background-image: linear-gradient(0deg, #ffba24 50%, #ffd06c 100%); }
      .page-haoma .issue-header .search-box input {
        width: 90px;
        margin: 0px 4px; }
    .page-haoma .brick-box {
      background: #292929; }
      .page-haoma .brick-box .brick-content,
      .page-haoma .brick-box .birck-header {
        border: 1px solid #000000; }
      .page-haoma .brick-box .birck-header {
        padding-top: 5px;
        text-align: center;
        border-bottom: 0px; }
      .page-haoma .brick-box .brick-content {
        padding: 10px 16px; }
        .page-haoma .brick-box .brick-content .brick-list {
          background: #181818;
          border: 1px solid #000;
          box-shadow: 0px 1px 0px 0px #3a3a3a inset; }
    .page-haoma .table {
      border-collapse: collapse;
      width: 100%;
      margin-bottom: 1rem;
      background: #2f2f2f; }
      .page-haoma .table td,
      .page-haoma .table th {
        text-align: center;
        padding: 0.5rem;
        vertical-align: top;
        color: #c1c1c3;
        border: 1px solid #000;
        border-top: 0px solid #000; }
      .page-haoma .table thead th {
        font-size: 14px;
        font-weight: 400; } }

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