body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

body {
    background: #fff;
    color: #555;
    font-size: 14px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

td,
th,
caption {
    font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-size: 100%;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
i,
b,
/* strong {
    font-style: normal;
    font-weight: normal;
} */

a {
    color: inherit;
    text-decoration: none;
}


img {
    border: none;
    vertical-align: middle;
}

ol,
ul,
li {
    list-style: none;
}

input,
textarea,
select,
button {
    font: 14px Verdana, Helvetica, Arial, sans-serif;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html {
    overflow-y: scroll;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    *zoom: 1;
}

/* //分页 */

.pagination>.page-item {
    margin-right: 9px;
    border-radius: 6px;
  }

  .pagination>.page-item>.page-link {
    border-radius: 6px;
    padding: 0px 5px;
    min-width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.88);
    line-height: 22px;
    font-weight: 400;
  }

  .pagination>.page-item>.page-link:focus {
    border-color: #7CBC26;
    box-shadow: none;
    background-color: white;
    color: #7CBC26;
  }
.pagination>.page-item>.page-link:hover {
    background: #7cbc26;
    border-color: #7cbc26;
    color: #fff;
  }
  .pagination>.page-item>.page-link.is-active {
    border-color: #7CBC26;
    box-shadow: none;
    background-color: white;
    color: #7CBC26;
  }
  .pagination>.page-item>.page-link.paging-is-disabled{
    background: #fff;
    border-color: #d1d1d1;
    color: #d1d1d1;
    cursor: not-allowed;
  }
  .c-layer--nav {
    background-color: unset;
    box-shadow: none;
    color: white;
  }
  .menu-item__inner {
    font-size: 16px;
  }
  .text-primary {
    --tw-text-opacity: 1;
    color: rgba(120, 210, 99, var(--tw-text-opacity))
  }
  .font-semibold {
    font-weight: 600
  }

  
.xyztt{
  opacity: 0;
}
.xyzt {
  animation-name: xyzt;
  animation-delay: 0.3s;
  animation-duration: 1s;
  animation-fill-mode: both;
  /* perspective: 1000px;
  perspective-origin: center; */
}

@keyframes xyzt {
  0% {
    opacity: 0;
    /* transform-origin: 50%; */
    /* transform: perspective(190px) translate3d(0, 50px, -50px) rotateX(-90deg); */
    transform: translate3d(0, 60px, 0px);
  }

  100% {
    opacity: 1;
    /* transform: translate3d(0, 0, 0) rotateX(0); */
    transform: translate3d(0, 0, 0);
  }
}
.yupst{
  opacity: 0;
}
.yups {
  animation-name: yups;
  animation-duration: 1.5s;
  animation-delay: 0.5s;
  animation-fill-mode: both;
}

@keyframes yups {
  0% {
    opacity: 0;
    transform: translate3d(0, 90px, 0px);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.yupst-l,.yupst-r{
  opacity: 0;
}
.yupst-l.xyzt-l {
  animation-name: xyzt-l;
  animation-duration: 1s;
  animation-delay: 0.1s;
  animation-fill-mode: both;
}

.yupst-r.xyzt-l {
  animation-name: xyzt-r;
  animation-duration: 1s;
  animation-delay: 0.3s;
  animation-fill-mode: both;
}

@keyframes xyzt-l {
  0% {
    opacity: 0;
    transform: translateX(-70%);
  }

  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}

@keyframes xyzt-r {
  0% {
    opacity: 0;
    transform: translateX(70%);
  }

  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}