.header-big {
  padding: 0 10px;
  z-index: 11;
  position: fixed;
  background-image: none;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .header-big .l-m {
    display: flex;
    align-items: center; }
    .header-big .l-m .bg-spri {
      width: 170px;
      height: 40px; }
  .header-big .m-m {
    height: 100%;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center; }
    .header-big .m-m .bg-spri {
      width: 170px;
      height: 40px; }
    .header-big .m-m .hbc-third {
      flex: 1;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      padding: 0 30px;
      gap: 30px;
      position: relative; }
      .header-big .m-m .hbc-third .title {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        position: relative;
        display: flex;
        color: rgba(0, 0, 0, 0.8);
        font-size: 14px;
        cursor: pointer;
        font-weight: 700;
        text-transform: uppercase; }
        .header-big .m-m .hbc-third .title.more:hover {
          opacity: 1; }
        .header-big .m-m .hbc-third .title:hover {
          opacity: 0.7;
          color: #e66062; }
        .header-big .m-m .hbc-third .title .list-modal {
          position: fixed;
          top: 60px;
          left: 0;
          width: 100%;
          height: 260px;
          background-color: var(--site-main-color);
          border-bottom-left-radius: 30px;
          border-bottom-right-radius: 30px;
          display: none;
          flex-direction: column;
          flex-wrap: wrap;
          gap: 10px;
          padding: 20px 30px;
          overflow: hidden; }
          .header-big .m-m .hbc-third .title .list-modal.show {
            display: flex; }
          .header-big .m-m .hbc-third .title .list-modal span {
            text-transform: uppercase;
            width: 200px;
            font-size: 15px;
            color: rgba(0, 0, 0, 0.8); }
            .header-big .m-m .hbc-third .title .list-modal span:hover {
              color: #e66062; }
    .header-big .m-m .search-ipt {
      width: 230px;
      height: 32px; }
  .header-big .r-m {
    display: flex;
    gap: 15px; }
    .header-big .r-m .btn-search {
      width: 45px;
      height: 45px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      text-decoration: none;
      border-radius: 50%; }
      .header-big .r-m .btn-search i {
        color: rgba(0, 0, 0, 0.8);
        font-size: 24px; }
    .header-big .r-m .sidebar {
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer; }
      .header-big .r-m .sidebar i {
        font-size: 30px;
        color: rgba(0, 0, 0, 0.8); }

.ant-drawer-content-wrapper {
  width: 100% !important;
  height: 100% !important; }

.ant-drawer-content {
  background-color: #e5feff !important; }

.ant-drawer-body {
  height: 100%;
  padding: 0 !important; }

.drawer-big {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 15px; }
  .drawer-big .drawer-search-m {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 57px;
    padding: 10px;
    border: 1px solid #525252;
    background: #4c823a; }
    .drawer-big .drawer-search-m .bg-spri {
      width: 170px;
      height: 40px; }
    .drawer-big .drawer-search-m span {
      font-size: 25px;
      color: #fff; }
    .drawer-big .drawer-search-m i {
      font-size: 27px;
      color: #fff;
      cursor: pointer; }
  .drawer-big .ipt-m {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
    .drawer-big .ipt-m .ipt {
      width: 600px;
      height: 32px; }
  .drawer-big .game-type {
    display: flex;
    flex-direction: column;
    overflow-y: auto; }
    .drawer-big .game-type.flex1 {
      flex: 1; }
    .drawer-big .game-type .tags-m {
      cursor: pointer;
      display: flex;
      align-items: center;
      padding-left: 20px;
      min-height: 50px;
      gap: 10px; }
      .drawer-big .game-type .tags-m .tag-type {
        font-size: 17px;
        color: rgba(0, 0, 0, 0.8);
        font-weight: 700;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: flex;
        align-items: center;
        justify-content: center; }