.headerbody {
  width: 100%;
  height: 50px;
  background: #262626;
  display: flex;
  justify-content: center;

  .header {
    width: 1200px;
    display: flex;
    justify-content: space-between;

    .left {
      display: flex;
      align-items: center;

      .time {
        font-size: 18px;
        color: #ffffff;
        margin-right: 88px;
      }

      .dropdown {
        position: relative;

        .dropdownbtn {
          display: flex;
          align-items: center;
          cursor: pointer;
          .icon {
            width: 25px;
            height: 25px;

            img {
              width: 100%;
              height: 100%;
            }
          }

          .icontxt {
            font-size: 18px;
            color: #ffffff;
            margin-left: 4px;
          }

          .ml {
            margin-left: 20px;
          }

          .iconsele {
            width: 16px;
            height: 16px;
            margin-left: 4px;
            display: flex;
            align-items: center;

            img {
              width: 100%;
              height: 100%;
            }
          }
        }
        .modal-content {
          width: 320px;
          padding: 20px;
        }

        .modal-menu {
          /* width: 320px;
          height: 312px; */

          background: #fff;
          border-radius: 8px;
          font-family: Arial, sans-serif;

          .modal-title {
            font-size: 16px;
            color: #333;
            margin-bottom: 15px;
            font-weight: 600;
          }

          .btn-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-bottom: 25px;

            .lang-btn,
            .currency-btn {
              flex: 0 0 calc(33.333% - 7px);
              padding: 8px 0;
              border: 1px solid #ddd;
              border-radius: 4px;
              background: #fff;
              color: #333;
              font-size: 14px;
              cursor: pointer;
              transition: all 0.2s;
              text-align: center;

              &:hover {
                border-color: #cd5c5c;
                color: #cd5c5c;
              }

              &.active {
                border-color: #cd5c5c;
                color: #cd5c5c;
                box-shadow: 0 0 0 1px #cd5c5c inset;
              }
            }
          }

          .submit-btnq {
            width: 100%;
            padding: 12px 0;
            background: #d32f2f;
            color: #fff;
            border: none;
            border-radius: 4px;
            font-size: 16px;
            cursor: pointer;
            margin-top: 10px;

            &:hover {
              background: #b71c1c;
            }
          }
        }
      }
    }

    .right {
      display: flex;
      align-items: center;

      .zhinan,
      .help {
        font-size: 18px;
        color: #ffffff;
        margin-left: 48px;
        cursor: pointer;
      }

      .message {
        cursor: pointer;
        width: 28px;
        height: 28px;
        margin-left: 64px;
        display: flex;
        align-items: center;
        position: relative;
        .xiaoxinums {
          position: absolute;
          top: -4px;
          right: -10px;
          display: none;
        }

        img {
          width: 100%;
          height: 100%;
        }
      }
    }
  }
}

.headertab {
  position: sticky;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 80px;
  background: #fff;
  display: flex;
  justify-content: center;
  z-index: 999;

  .header {
    width: 1200px;
    display: flex;
    justify-content: space-between;

    .left {
      display: flex;
      align-items: center;

      .logo {
        width: 154px;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #000;
        font-size: 45px;
        font-weight: 600;

        span {
          color: #c92910;
        }
      }

      .tags {
        display: flex;

        .tag {
          width: 120px;
          display: flex;
          justify-content: center;
          color: #000;
          font-size: 18px;
          cursor: pointer;

          &.active {
            color: #c92910;
          }

          &:hover {
            color: #c92910;
          }
        }
      }
    }

    .right {
      display: flex;
      align-items: center;

      .search {
        display: flex;
        align-items: center;
        width: 540px;
        height: 44px;
        background: #f6f6f6;
        border-radius: 40px 40px 40px 40px;
        padding: 0px 20px;
        box-sizing: border-box;

        .sericon {
          width: 24px;
          height: 24px;

          img {
            width: 100%;
            height: 100%;
          }
        }

        .input {
          flex: 1;
          margin: 0px 20px 0px 14px;

          input {
            width: 100%;
            outline: none;
            border: none;
            background: #f6f6f6;
          }
        }

        .tupian {
          width: 24px;
          height: 24px;

          img {
            width: 100%;
            height: 100%;
          }
        }
      }

      .my {
        width: 36px;
        height: 36px;
        margin-left: 20px;

        img {
          width: 100%;
          height: 100%;
        }
      }
      #logion2 {
        display: none;
      }
      .my2 {
        width: 36px;
        height: 36px;
        margin-left: 20px;

        img {
          width: 100%;
          height: 100%;
        }
      }
      .myList {
        min-width: 114px !important;
        width: 114px !important;
        border-radius: 8px;
        overflow: hidden;
        margin: 0px !important;
        padding: 0px !important;
        .dropdown-items {
          height: 42px;
          line-height: 42px;
          text-align: center;
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer;
          &:hover {
            background: #ff767618;
            color: #f23d3d;
          }
        }
      }
    }
  }
}
#mysy0 {
  display: none;
}

.logourls {
  width: 120px;
  max-height: 65px;
}