* {
  margin: 0;
  padding: 0; }

:root {
  --site-bgr: url(data:image/png;base64,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);
  --site-main-color: #d6f7ff;
  --title-red: rgba(235, 0, 0, 0.85); }

body,
html {
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, #e5feff 190px, #96c665 190px, #96c665 200px) repeat-x, var(--site-bgr) repeat;
  background-size: 100% 62px, 300px 300px;
  color: #333;
  font: 1.3rem Varela Round, sans-serif; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 900;
  color: #fff;
  margin-block: 0; }

ul li {
  list-style-type: none;
  padding-left: 0; }

.footer {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #e5feff;
  color: rgba(0, 0, 0, 0.8); }

.footer .link-box {
  display: flex;
  justify-content: center;
  font-size: 12px;
  margin-bottom: 10px; }

.footer .link-box .separate {
  margin: 0 16px; }

.footer .link-box a {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.8); }

.footer .copyright {
  margin: 16px 0;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px; }

.footer .copyright img {
  width: 35px;
  height: 35px;
  cursor: pointer; }

.footer .copyright span {
  font-size: 12px; }

::-webkit-scrollbar {
  width: 0; }

::-webkit-scrollbar-track {
  background: rgba(33, 34, 51, 0.9); }

::-webkit-scrollbar-button {
  background: rgba(33, 34, 51, 0.9); }

::-webkit-scrollbar-thumb {
  background: rgba(33, 34, 51, 0.9);
  border-radius: 5px; }

::-webkit-scrollbar-thumb:hover {
  background: rgba(33, 34, 51, 0.9); }

#app {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding-top: 62px; }

.container {
  height: 100%;
  display: flex; }

.ant-input {
  border: none !important;
  color: #fff !important;
  border-radius: 10px !important;
  background-color: #4c823a !important;
  border-color: #4c823a !important;
  border-style: solid !important;
  border-width: 2px !important;
  box-shadow: 0px 0px !important;
  font-family: Nunito, Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: 700 !important;
  font-size: 13px !important;
  height: 36px !important; }

.ant-input-group-addon {
  background-color: #4c823a !important;
  border-radius: 10px !important; }

.ant-btn-primary {
  border-radius: 10px !important;
  font-size: 18px !important;
  color: #fff !important;
  background-color: #4c823a !important;
  border-color: #4c823a !important; }

.ant-input-clear-icon {
  font-size: 16px !important;
  color: #fff !important; }

.swiper-item-big {
  display: flex;
  flex-direction: column;
  padding: 10px;
  gap: 10px; }
  .swiper-item-big .type-title {
    font-size: 28px;
    color: rgba(0, 0, 0, 0.8);
    font-weight: bold; }
  .swiper-item-big .swiper-item-container {
    width: 100%;
    min-height: 485px;
    max-height: 485px;
    height: 485px; }
    .swiper-item-big .swiper-item-container.minHeight {
      min-height: 230px;
      max-height: 230px;
      height: 230px; }
  .swiper-item-big .list-m {
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    display: grid;
    grid-gap: 10px; }

.swiper-wrapper-t {
  display: flex; }

.top-heng {
  width: 100%;
  height: 167px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 5px; }
  .top-heng:hover .text-m .text,
  .top-heng:hover .text-m .name {
    color: rgba(255, 51, 0, 0.85); }
  .top-heng .img {
    border-radius: 2px;
    flex: 1;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    max-height: 120px;
    min-height: 120px;
    height: 120px; }
  .top-heng .text-m {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    display: flex;
    flex-direction: column;
    min-height: 46px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    padding: 0 5px; }
    .top-heng .text-m .text {
      width: 100%;
      font-size: 15px;
      font-weight: 900;
      color: rgba(0, 0, 0, 0.8);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .top-heng .text-m .name {
      width: 100%;
      font-size: 12px;
      color: rgba(0, 0, 0, 0.8);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }

@media screen and (max-width: 576px) {
  .list-m {
    grid-template-columns: repeat(3, 1fr);
    background: #e5feff;
    border-radius: 30px;
    padding: 10px; } }

@media screen and (min-width: 577px) {
  .list-m {
    background: #e5feff;
    padding: 20px;
    grid-template-columns: repeat(12, 1fr);
    border-radius: 30px; } }