@charset "UTF-8";
@media screen and (min-width: 811px) {
  /** 头部及导航 **/
  .header {
    width: 100%; }
    .header .header-top {
      padding: 5px 0px;
      background: #2b2b2b;
      border-bottom: 1px solid #000; }
      .header .header-top .header-top-left {
        float: left; }
        .header .header-top .header-top-left a {
          float: left;
          color: #a0a0a0; }
          .header .header-top .header-top-left a:hover {
            color: #ffba26; }
        .header .header-top .header-top-left .bricks-all {
          float: left;
          position: relative; }
          .header .header-top .header-top-left .bricks-all .top {
            color: #000;
            display: inline-block;
            position: relative;
            padding: 0 5px;
            margin-left: 10px;
            z-index: 200;
            background: #edc46e;
            border-radius: 3px;
            padding-right: 20px; }
            .header .header-top .header-top-left .bricks-all .top > i {
              color: red; }
            .header .header-top .header-top-left .bricks-all .top::after {
              content: "◢";
              position: absolute;
              top: -2px;
              right: 6px;
              transform: scale(1.2) rotate(45deg);
              transition: all 0.5s; }
          .header .header-top .header-top-left .bricks-all .drop {
            display: none;
            position: absolute;
            z-index: 100;
            top: 19px; }
          .header .header-top .header-top-left .bricks-all .table {
            min-width: 300px;
            margin-left: 10px;
            color: #000; }
            .header .header-top .header-top-left .bricks-all .table th {
              width: 60px;
              text-align: center;
              font-weight: 700;
              border: 1px solid #ffe4ad;
              background: #ffba26;
              font-size: 13px; }
            .header .header-top .header-top-left .bricks-all .table td {
              padding: 8px 16px;
              border: 1px solid #ffe4ad;
              background: #ffcc63; }
              .header .header-top .header-top-left .bricks-all .table td a {
                color: #000;
                box-sizing: border-box;
                display: inline-block;
                line-height: 24px;
                height: 24px;
                cursor: pointer;
                width: 50%; }
                .header .header-top .header-top-left .bricks-all .table td a:hover {
                  color: #d10000; }
          .header .header-top .header-top-left .bricks-all:hover .drop {
            display: block; }
          .header .header-top .header-top-left .bricks-all:hover .top::after {
            transform: scale(1.2) rotate(225deg);
            top: 2px;
            right: 6px;
            transition: all 0.5s; }
      .header .header-top .header-top-right {
        float: right; }
        .header .header-top .header-top-right .n-right {
          color: #db221d; }
          .header .header-top .header-top-right .n-right:hover {
            text-decoration: none; }
    .header .header-inner {
      box-sizing: border-box;
      padding: 10px 0px; }
      .header .header-inner h1 a {
        float: left;
        height: auto;
        width: 174px;
        height: 74px; }
      .header .header-inner h1 > a {
        display: block;
        line-height: 300em;
        overflow: hidden; }
        .header .header-inner h1 > a.logo {
          width: 174px;
          height: 74px;
          background: url(../img/logo.png) no-repeat; }
      .header .header-inner .nav-menu {
        float: left;
        width: calc(100% - 174px);
        background-image: linear-gradient(180deg, #494949 0%, #222222 40%);
        border-bottom: 2px solid #020202; }
        .header .header-inner .nav-menu li {
          float: left;
          border-right: 1px solid #000; }
          .header .header-inner .nav-menu li a {
            float: left;
            width: 123px;
            color: #c0c0c0;
            height: 72px;
            line-height: 72px;
            text-align: center;
            font-size: 20px; }
            .header .header-inner .nav-menu li a.actived, .header .header-inner .nav-menu li a:hover {
              color: #ffba26; }
            .header .header-inner .nav-menu li a.actived {
              border-bottom: 2px solid #ffba26;
              background-color: #020202;
              background-image: linear-gradient(180deg, #020202 5%, #131313 30%, #020202 42%); } }
@media screen and (max-width: 810px) {
  /** 头部及导航 **/
  .header {
    width: 100%; }
    .header .header-top {
      padding: 0.8rem 1rem;
      background: #2b2b2b;
      border-bottom: 0.2rem solid #000; }
      .header .header-top .header-top-left {
        float: left;
        font-size: 1rem; }
        .header .header-top .header-top-left a {
          float: left;
          color: #a0a0a0;
          padding: 0.2rem; }
          .header .header-top .header-top-left a:hover {
            color: #ffba26; }
        .header .header-top .header-top-left .bricks-all {
          float: left;
          position: relative;
          display: none; }
          .header .header-top .header-top-left .bricks-all .top {
            color: #000;
            display: inline-block;
            position: relative;
            margin-left: 10px;
            z-index: 200;
            padding: 0.2rem;
            background: #edc46e;
            border-radius: 3px;
            padding-right: 1.6rem; }
            .header .header-top .header-top-left .bricks-all .top > i {
              color: red; }
            .header .header-top .header-top-left .bricks-all .top::after {
              content: "◢";
              position: absolute;
              top: 0rem;
              right: 0.4rem;
              transform: scale(1.2) rotate(45deg);
              transition: all 0.5s; }
          .header .header-top .header-top-left .bricks-all .drop {
            display: none;
            position: absolute;
            z-index: 100;
            top: 1.56rem; }
          .header .header-top .header-top-left .bricks-all .table {
            min-width: 300px;
            margin-left: 10px;
            color: #000; }
            .header .header-top .header-top-left .bricks-all .table th {
              width: 60px;
              text-align: center;
              font-weight: 700;
              border: 1px solid #ffe4ad;
              background: #ffba26;
              font-size: 1rem; }
            .header .header-top .header-top-left .bricks-all .table td {
              padding: 8px 16px;
              border: 1px solid #ffe4ad;
              background: #ffcc63; }
              .header .header-top .header-top-left .bricks-all .table td a {
                color: #000;
                box-sizing: border-box;
                display: inline-block;
                line-height: 24px;
                height: 24px;
                cursor: pointer;
                width: 50%; }
                .header .header-top .header-top-left .bricks-all .table td a:hover {
                  color: #d10000; }
          .header .header-top .header-top-left .bricks-all:hover .drop {
            display: block; }
          .header .header-top .header-top-left .bricks-all:hover .top::after {
            transform: scale(1.2) rotate(225deg);
            top: 2px;
            right: 6px;
            transition: all 0.5s; }
      .header .header-top .header-top-right {
        font-size: 1rem;
        float: right; }
        .header .header-top .header-top-right .n-right {
          color: #db221d; }
          .header .header-top .header-top-right .n-right:hover {
            text-decoration: none; }
    .header .header-inner {
      box-sizing: border-box;
      padding: 1rem 0rem; }
      .header .header-inner h1 {
        display: none; }
        .header .header-inner h1 a {
          float: left;
          height: auto;
          width: 174px;
          height: 74px; }
        .header .header-inner h1 > a {
          display: block;
          line-height: 300em;
          overflow: hidden; }
          .header .header-inner h1 > a.logo {
            width: 174px;
            height: 74px;
            background: url(../img/logo.png) no-repeat; }
      .header .header-inner .nav-menu {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        background-image: linear-gradient(180deg, #494949 0%, #222222 40%);
        border-bottom: 0.2rem solid #020202; }
        .header .header-inner .nav-menu li {
          flex: 1;
          border-right: 0.1rem solid #000; }
          .header .header-inner .nav-menu li a {
            text-align: center;
            display: block;
            color: #c0c0c0;
            padding: 1.2rem 0rem;
            text-align: center;
            font-size: 1.4rem; }
            .header .header-inner .nav-menu li a.actived, .header .header-inner .nav-menu li a:hover {
              color: #ffba26; }
            .header .header-inner .nav-menu li a.actived {
              border-bottom: 0.2rem solid #ffba26;
              background-color: #020202;
              background-image: linear-gradient(180deg, #020202 5%, #131313 30%, #020202 42%); } }

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