@charset "UTF-8";
:root {
  --primary-color: #7ede56;
  --primary-dark-color: #002f37;
  --primary-light-color: #f4ffec;
  --secondary-color: #167208;
}

::-webkit-scrollbar {
  display: none;
}

* {
  margin: 0;
}

html {
  font-size: 10px;
  font-family: "HarmonyOS", "AlibabaPuHuiTi";
  color: var(--primary-dark-color);
}

a {
  text-decoration: none;
}
a:visited {
  border: none;
  outline: none;
}

.hide {
  display: none;
}

#app {
  overflow: hidden;
}

@font-face {
  font-family: "HarmonyOS";
  src: url("https://fruit-factory.oss-cn-beijing.aliyuncs.com/static/fonts/HarmonyOS_Sans_SC_Regular.ttf");
}
@font-face {
  font-family: "AlibabaPuHuiTi";
  src: url("https://fruit-factory.oss-cn-beijing.aliyuncs.com/static/fonts/AlibabaPuHuiTi-Regular.woff2");
}
/**/
.w-limit {
  width: 120rem;
  margin: 0 auto;
}

.label-tag {
  display: flex;
  height: 3.5rem;
  align-items: center;
  justify-content: center;
  font-size: 2.2rem;
  padding: 0 2.4rem;
  margin-top: 2.5rem;
  margin-right: 2rem;
  box-sizing: border-box;
  border-radius: 5rem;
  border: 1px solid currentColor;
  color: #666;
}
.label-tag.small {
  height: 2.2rem;
  font-size: 1.4rem;
  padding: 0 1.5rem;
  margin-top: 1.2rem;
  margin-right: 1.2rem;
}
.label-tag.medium {
  height: 2.7rem;
  font-size: 1.4rem;
  padding: 0 2rem;
  margin-top: 1.6rem;
  margin-right: 1.6rem;
}
.label-tag.white {
  color: #fff;
}
.label-tag.yellow {
  color: #f8c26c;
}
.label-tag.orange {
  color: #ffa269;
}
.label-tag.green {
  color: var(--primary-color);
}

/**/
[class*=-button] {
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  outline: none;
  cursor: pointer;
}
[class*=-button].radius-small {
  border-radius: 1.6rem;
}
[class*=-button].onlyicon {
  padding: 0 1.2rem;
}
[class*=-button].dark-text {
  color: #002f37;
  font-weight: bold;
}
[class*=-button].disabled {
  opacity: 0.5;
  pointer-events: none;
}

[class*=video].playing .playico {
  display: none;
}
[class*=video].playing:hover .playico {
  display: flex;
  top: auto;
  bottom: 1.2rem;
  left: 1.2rem;
  margin: 0;
  font-size: 4rem;
  border: none;
}
[class*=video].playing:hover .playico::before {
  background-image: url("../images/icon/pause.png");
  font-size: 0.5em;
}
[class*=video].playing:hover .fullico {
  display: flex;
}
[class*=video] .fullico {
  cursor: pointer;
  position: absolute;
  width: 1em;
  height: 1em;
  border-radius: 1em;
  bottom: 1.2rem;
  right: 1.2rem;
  display: none;
  align-items: center;
  justify-content: center;
  background-color: rgba(56, 56, 56, 0.5);
  font-size: 4rem;
}
[class*=video] .fullico::before {
  width: 1em;
  height: 1em;
  display: block;
  background-size: 1em auto;
  content: "";
  font-size: 0.5em;
  background-image: url("../images/icon/full.png");
}
[class*=video] .playico {
  position: absolute;
  width: 1em;
  height: 1em;
  border-radius: 1em;
  top: 50%;
  left: 50%;
  margin: -0.5em 0 0 -0.5em;
  font-size: 20rem;
  background-color: rgba(56, 56, 56, 0.5);
  border: 2px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
[class*=video] .playico.small {
  font-size: 6rem;
}
[class*=video] .playico::before {
  width: 1em;
  height: 1em;
  display: block;
  background-size: 1em auto;
  content: "";
  font-size: 0.33em;
  background-image: url("../images/icon/play.png");
}

.cleanico {
  display: block;
  width: 1em;
  height: 1em;
  background-size: 1em auto;
  background-image: url("../images/icon/clean.png");
}

.eyeico {
  display: block;
  width: 1em;
  height: 1em;
  background-size: 1em auto;
  background-image: url("../images/icon/eye.png");
}
.eyeico.open {
  background-position-y: -1em;
}

.default-button {
  color: var(--secondary-color);
  box-shadow: 0 0 0 1px #ccc inset;
}

.primary-button {
  background-color: var(--primary-color);
  color: #fff;
}

.primary-dark-button {
  background-color: var(--primary-dark-color);
  color: #fff;
}

.secondary-button {
  background-color: var(--secondary-color);
  color: #fff;
}

.orange-button {
  background-color: #feb534;
  color: #fff;
}

.gradient-button {
  position: relative;
  background-image: linear-gradient(135deg, #d1f283, #7fa91f);
  z-index: 3;
  color: #167208;
  transition: all 0.3s;
}
.gradient-button::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  height: calc(100% - 2px);
  width: calc(100% - 2px);
  background-color: #fff;
  display: block;
  border-radius: 8rem;
  z-index: -1;
  transform: translate(-50%, -50%);
  transition: all 0.3s;
}
.gradient-button:hover {
  color: #fff;
}
.gradient-button:hover::after {
  height: 0;
}

.primary-gradient-button {
  background: linear-gradient(180deg, #7ede56 0%, #a3f280 100%);
  border: 2px solid #fff;
  box-shadow: 0px 2px 8px rgba(126, 222, 86, 0.5);
}

.yellow-gradient-button {
  background: linear-gradient(180deg, #ffc300 0%, #ffe694 100%);
  border: 2px solid #fff;
  box-shadow: 0px 2px 8px rgba(255, 195, 0, 0.5);
}

.brown-gradient-button {
  background: linear-gradient(180deg, #fca05d 0%, #fac291 100%);
  border: 2px solid #fff;
  box-shadow: 0px 2px 8px rgba(222, 156, 87, 0.5);
}

.small-button {
  border-radius: 8rem;
  padding: 0 1rem;
  height: 3rem;
  font-size: 1.2rem;
}

.small-s-button {
  border-radius: 8rem;
  padding: 0 1rem;
  height: 2.2rem;
  font-size: 1rem;
}

.medium-button {
  border-radius: 4rem;
  padding: 0 2.5rem;
  height: 4rem;
  font-size: 2rem;
}

.medium-s-button {
  border-radius: 4rem;
  padding: 0 2.5rem;
  height: 3.6rem;
  font-size: 1.8rem;
}

.large-button {
  border-radius: 4rem;
  padding: 0 2.5rem;
  height: 6.2rem;
  font-size: 2rem;
}

.large-s-button {
  border-radius: 4rem;
  padding: 0 2.5rem;
  height: 5.6rem;
  font-size: 2rem;
}

.red-color {
  color: #ff5733 !important;
}

.minw-60 {
  min-width: 6rem;
}

.w-180 {
  min-width: 18rem;
}

.w-200 {
  width: 20rem;
}

.w-240 {
  min-width: 24rem;
}

.w-300 {
  width: 30rem;
}

.backico {
  width: 1em;
  height: 1em;
  display: block;
  background-size: 1em auto;
  background-repeat: no-repeat;
  background-image: url("../images/icon/back.png");
}

.textico {
  width: 1em;
  height: 1em;
  display: block;
  background-size: 1em auto;
  background-repeat: no-repeat;
  background-image: url("../images/icon/text.png");
}

.noticeico {
  width: 1em;
  height: 1em;
  display: block;
  background-size: 1em auto;
  background-repeat: no-repeat;
  background-image: url("../images/icon/notice.png");
}

.localico {
  width: 1em;
  height: 1em;
  display: block;
  background-size: 1em auto;
  background-repeat: no-repeat;
  background-image: url("../images/icon/local.png");
}
.localico.white {
  background-position-y: -1em;
}

.closeico {
  position: relative;
  width: 1em;
  height: 1em;
}
.closeico::before, .closeico::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1em;
  height: 2px;
  font-size: 0.4em;
  background-color: currentColor;
  content: "";
  margin: -1px 0 0 -0.5em;
}
.closeico::before {
  transform: rotate(-45deg);
}
.closeico::after {
  transform: rotate(45deg);
}
.closeico.hasbg {
  background-color: #fff;
  border-radius: 1em;
}

.splide__pagination [class*=page] {
  transition: all 0.3s;
  border: none;
  outline: none;
  transform: scale(1);
}

.delay-1 {
  animation-delay: 0.3s;
}

.delay-2 {
  animation-delay: 0.6s;
}

.delay-3 {
  animation-delay: 0.9s;
}

.delay-4 {
  animation-delay: 1.2s;
}

.delay-5 {
  animation-delay: 1.5s;
}

.delay-6 {
  animation-delay: 1.8s;
}

.delay-7 {
  animation-delay: 2.1s;
}

.delay-8 {
  animation-delay: 2.4s;
}

.delay-9 {
  animation-delay: 2.7s;
}

.delay-10 {
  animation-delay: 3s;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(5rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-5rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-5rem);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(5rem);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
/*轮播图*/
.i-banner {
  position: relative;
  word-break: break-all;
  height: 42vw;
  overflow: hidden;
}
.i-banner.small {
  height: 27rem;
}
.i-banner .i-banner-img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.i-banner .i-banner-search {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 52rem;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.i-banner .i-banner-search .search-tit {
  margin-bottom: 2rem;
  font-size: 2.6rem;
  color: #fff;
  line-height: 3.6rem;
}
.i-banner .i-banner-search .search-hot {
  display: flex;
  justify-content: center;
  margin-top: 0.8rem;
}
.i-banner .i-banner-search .search-hot .itm {
  color: #fff;
  font-size: 1.8rem;
  line-height: 2.4rem;
  cursor: pointer;
}
.i-banner .i-banner-search .search-hot .itm:not(:last-child) {
  margin-right: 1rem;
}
.i-banner .i-banner-search .search-body {
  background-color: #fff;
  display: flex;
  padding: 0.8rem;
  border-radius: 3rem;
  border: 2px solid #318e1c;
  width: 100%;
}
.i-banner .i-banner-search .search-body .search-dd {
  display: flex;
  align-items: center;
  flex: 1;
  padding: 0 1rem;
}
.i-banner .i-banner-search .search-body .search-dd .search-int {
  height: 100%;
  border: none;
  outline: none;
  background-color: transparent;
  width: 100%;
  font-size: 1.6rem;
}
.i-banner .i-banner-search .search-body .search-button {
  background: linear-gradient(153.43deg, #318e1c 0%, #56b531 100%);
}
.i-banner .mySwiper {
  position: relative;
}
.i-banner .mySwiper .mySwiper_item .mySwiper_img {
  display: block;
  width: 100%;
  height: 42vw;
  -o-object-fit: cover;
     object-fit: cover;
}
.i-banner .mySwiper.hasNotice .splide__pagination {
  bottom: 8rem !important;
}
.i-banner .mySwiper .splide__pagination [class*=_page] {
  background-color: #fff;
  opacity: 1;
}
.i-banner .mySwiper .splide__pagination [class*=_page][class*=active] {
  background-color: var(--primary-color);
}
.i-banner .noticeMbox {
  font-family: "AlibabaPuHuiTi";
  padding: 0 12rem;
  box-sizing: border-box;
  width: 100%;
  height: 6.4rem;
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
  color: #fff;
  font-size: 2.2rem;
}
.i-banner .noticeMbox .noticeico {
  margin-right: 1.6rem;
}
.i-banner .noticeMbox .noticeMcnt {
  flex: 1;
}
.i-banner .noticeMbox .noticeMcnt .noticeSwiper {
  height: 6.4rem;
  position: relative;
}
.i-banner .noticeMbox .noticeMcnt .noticeSwiper .noticeSwiper_item {
  height: 6.4rem;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.i-banner .noticeMbox .noticeMcnt .noticeSwiper .noticeSwiper_item .text {
  display: block;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.videoPlayer_box {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
}
.videoPlayer_box .videoPlayer {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*服务优势*/
.i-server {
  word-break: break-all;
  padding: 4rem 0 10rem;
}
.i-server .i-server-list {
  display: flex;
}
.i-server .i-server-list .i-server-item {
  width: calc((100% - 6.8rem) / 3);
  height: 0;
  padding-bottom: 43%;
  position: relative;
  overflow: hidden;
}
.i-server .i-server-list .i-server-item:hover .i-server-img {
  transform: scale(1.1);
}
.i-server .i-server-list .i-server-item:hover .i-server-box {
  width: 100rem;
  height: 100rem;
}
.i-server .i-server-list .i-server-item:hover .i-server-box .i-server-num {
  color: var(--secondary-color);
}
.i-server .i-server-list .i-server-item:not(:nth-child(3n)) {
  margin-right: 3.4rem;
}
.i-server .i-server-list .i-server-item .i-server-img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: all 0.3s;
}
.i-server .i-server-list .i-server-item .i-server-box {
  position: absolute;
  z-index: 11;
  top: 50%;
  left: 50%;
  width: 30rem;
  height: 30rem;
  border-radius: 50%;
  color: #002f37;
  font-size: 1.8rem;
  line-height: 2.4rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(244, 255, 236, 0.7);
  transform: translate(-50%, -50%);
  transition: all 0.3s;
}
.i-server .i-server-list .i-server-item .i-server-box .i-server-cnt {
  width: 30rem;
  height: 30rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 6rem;
  box-sizing: border-box;
}
.i-server .i-server-list .i-server-item .i-server-box .i-server-cnt > :not(:last-child) {
  margin-bottom: 1.8rem;
}
.i-server .i-server-list .i-server-item .i-server-box .i-server-cnt .i-server-num {
  font-size: 4.2rem;
  line-height: 5rem;
  font-weight: bold;
  transition: all 0.3s;
}
.i-server .i-server-list .i-server-item .i-server-box .i-server-cnt .i-server-tit {
  font-size: 2.8rem;
}
.i-server .i-server-list .i-server-item .i-server-box .i-server-cnt .i-server-txt {
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3em;
  max-height: 3.9em;
}

/*果蔬*/
.i-fruit {
  word-break: break-all;
}
.i-fruit.product {
  padding: 6rem 0 12rem;
}
.i-fruit.product .fruitSwiper .fruitSwiper_item .fruitSwiper_box .fruitSwiper_main {
  display: flex;
}
.i-fruit.product .fruitSwiper .fruitSwiper_item .fruitSwiper_box .fruitSwiper_main .mainPicture {
  width: 1em;
  height: 1em;
  font-size: 53rem;
  border-radius: 2.2rem;
  overflow: hidden;
  margin-right: 1.4rem;
  display: flex;
  flex-direction: column;
}
.i-fruit.product .fruitSwiper .fruitSwiper_item .fruitSwiper_box .fruitSwiper_main .mainPicture .mainPicture-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.i-fruit.product .fruitSwiper .fruitSwiper_item .fruitSwiper_box .fruitSwiper_main .thumbnailPicture .thumbnailPicture_item {
  height: 1em;
  width: 1em;
  font-size: 14rem;
  border-radius: 1.5rem;
  position: relative;
  overflow: hidden;
}
.i-fruit.product .fruitSwiper .fruitSwiper_item .fruitSwiper_box .fruitSwiper_main .thumbnailPicture .thumbnailPicture_item[class*=active] {
  border-color: var(--primary-color) !important;
}
.i-fruit.product .fruitSwiper .fruitSwiper_item .fruitSwiper_box .fruitSwiper_main .thumbnailPicture .thumbnailPicture_item .thumbnailPicture_img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.i-fruit.product .fruitSwiper .fruitSwiper_item .fruitSwiper_box .fruitSwiper_cnt {
  padding-left: 5rem;
  justify-content: flex-start;
}
.i-fruit.product .fruitSwiper .fruitSwiper_item .fruitSwiper_box .fruitSwiper_cnt .fruitSwiper_info {
  margin-bottom: 4rem;
}
.i-fruit.product .fruitSwiper .fruitSwiper_item .fruitSwiper_box .fruitSwiper_cnt .fruitSwiper_info > [class*=fruitSwiper] {
  animation: none;
  opacity: 1;
}
.i-fruit.product .fruitSwiper .fruitSwiper_item .fruitSwiper_box .fruitSwiper_cnt .fruitSwiper_info .fruitSwiper_title {
  font-size: 3.2rem;
}
.i-fruit.product .fruitSwiper .fruitSwiper_item .fruitSwiper_box .fruitSwiper_cnt .fruitSwiper_info .fruitSwiper_label {
  margin-bottom: 2rem;
}
.i-fruit.product .fruitSwiper .fruitSwiper_item .fruitSwiper_box .fruitSwiper_cnt .fruitSwiper_info .fruitSwiper_text {
  font-size: 1.8rem;
  max-height: initial;
  overflow-y: initial;
}
.i-fruit.product .fruitSwiper .fruitSwiper_item .fruitSwiper_box .fruitSwiper_cnt .fruitSwiper_info .fruitSwiper_text .tit {
  color: #999;
  margin-bottom: 2rem;
}
.i-fruit.product .fruitSwiper .fruitSwiper_item .fruitSwiper_box .fruitSwiper_cnt .fruitSwiper_info .fruitSwiper_text .itm {
  color: #002f37;
  display: flex;
}
.i-fruit.product .fruitSwiper .fruitSwiper_item .fruitSwiper_box .fruitSwiper_cnt .fruitSwiper_info .fruitSwiper_text .itm::before {
  content: "";
  width: 1em;
  height: 1em;
  border-radius: 1em;
  background-color: currentColor;
  font-size: 0.6rem;
  display: block;
  margin: 1.2rem 1.2rem 0 0;
}
.i-fruit.product .fruitSwiper .fruitSwiper_item .fruitSwiper_box .fruitSwiper_cnt .fruitSwiper_foot {
  animation: none;
  opacity: 1;
  display: block;
}
.i-fruit.product .i-fruit-details {
  font-size: 1.6rem;
}
.i-fruit.product .i-fruit-details:not(:first-child) {
  margin-top: 5rem;
}
.i-fruit .fruitSwiper {
  position: relative;
  margin: 0 -10rem;
}
.i-fruit .fruitSwiper .splide__pagination {
  pointer-events: none;
  bottom: 0;
}
.i-fruit .fruitSwiper .splide__pagination [class*=_page] {
  background-color: #4da02d;
  opacity: 0.5;
  width: 1em;
  height: 1em;
  border-radius: 1em;
  font-size: 1.4rem;
}
.i-fruit .fruitSwiper .splide__pagination [class*=_page][class*=active] {
  background-color: var(--secondary-color);
  opacity: 1;
  width: 2em;
  transform: scale(1) !important;
}
.i-fruit .fruitSwiper .splide__arrows .splide__arrow {
  background-color: transparent;
  font-size: 3rem;
}
.i-fruit .fruitSwiper .splide__arrows .splide__arrow svg {
  display: none;
}
.i-fruit .fruitSwiper .splide__arrows .splide__arrow[class*=next]::after {
  transform: rotate(180deg);
}
.i-fruit .fruitSwiper .splide__arrows .splide__arrow::after {
  display: block;
  width: 1em;
  height: 1em;
  background-size: 1em auto;
  font-size: 1.2em;
  background-image: url("../images/icon/rgt.png");
  content: "";
}
.i-fruit .fruitSwiper .fruitSwiper_item[class*=active] .fruitSwiper_box .fruitSwiper_cnt .fruitSwiper_info > [class*=fruitSwiper] {
  animation-name: fadeInRight;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
  animation-duration: 1s;
}
.i-fruit .fruitSwiper .fruitSwiper_item[class*=active] .fruitSwiper_box .fruitSwiper_cnt .fruitSwiper_foot {
  animation-name: fadeInRight;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
  animation-duration: 1s;
}
.i-fruit .fruitSwiper .fruitSwiper_item .fruitSwiper_box {
  display: flex;
  box-sizing: border-box;
  padding: 0 10rem;
}
.i-fruit .fruitSwiper .fruitSwiper_item .fruitSwiper_box .fruitSwiper_pic {
  width: 52rem;
  height: 65rem;
}
.i-fruit .fruitSwiper .fruitSwiper_item .fruitSwiper_box .fruitSwiper_pic .fruitSwiper_img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.i-fruit .fruitSwiper .fruitSwiper_item .fruitSwiper_box .fruitSwiper_cnt {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 9rem;
}
.i-fruit .fruitSwiper .fruitSwiper_item .fruitSwiper_box .fruitSwiper_cnt .fruitSwiper_info > [class*=fruitSwiper] {
  opacity: 0;
}
.i-fruit .fruitSwiper .fruitSwiper_item .fruitSwiper_box .fruitSwiper_cnt .fruitSwiper_info .fruitSwiper_subtitle {
  color: #7ede56;
  font-size: 2.8rem;
}
.i-fruit .fruitSwiper .fruitSwiper_item .fruitSwiper_box .fruitSwiper_cnt .fruitSwiper_info .fruitSwiper_title {
  font-size: 5.6rem;
  color: #002f37;
}
.i-fruit .fruitSwiper .fruitSwiper_item .fruitSwiper_box .fruitSwiper_cnt .fruitSwiper_info .fruitSwiper_tit {
  font-size: 3.6rem;
  color: var(--secondary-color);
}
.i-fruit .fruitSwiper .fruitSwiper_item .fruitSwiper_box .fruitSwiper_cnt .fruitSwiper_info .fruitSwiper_label {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 3rem;
}
.i-fruit .fruitSwiper .fruitSwiper_item .fruitSwiper_box .fruitSwiper_cnt .fruitSwiper_info .fruitSwiper_text {
  color: #167208;
  font-size: 2.2rem;
  line-height: 3rem;
  max-height: 25rem;
  overflow-y: auto;
}
.i-fruit .fruitSwiper .fruitSwiper_item .fruitSwiper_box .fruitSwiper_cnt .fruitSwiper_info .fruitSwiper_text .itm:not(:last-child) {
  margin-bottom: 1.4rem;
}
.i-fruit .fruitSwiper .fruitSwiper_item .fruitSwiper_box .fruitSwiper_cnt .fruitSwiper_foot {
  display: flex;
  justify-content: flex-end;
  opacity: 0;
}
.i-fruit .fruitSwiper .fruitSwiper_item .fruitSwiper_box .fruitSwiper_cnt .fruitSwiper_foot > :not(:last-child) {
  margin-right: 3rem;
}

/*提供服务*/
.i-provide {
  padding: 15rem 0;
  word-break: break-all;
}
.i-provide .i-provide-list {
  display: flex;
}
.i-provide .i-provide-list .i-provide-item {
  width: calc((100% - 12.6rem) / 4);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 3;
  padding-top: 6rem;
}
.i-provide .i-provide-list .i-provide-item:hover::after {
  top: 2rem;
  border-radius: 5rem;
}
.i-provide .i-provide-list .i-provide-item:hover .i-provide-pic {
  border-width: 0;
}
.i-provide .i-provide-list .i-provide-item:hover .i-provide-pic .i-provide-img {
  transform: scale(1.1);
  opacity: 0.8;
}
.i-provide .i-provide-list .i-provide-item:hover .i-provide-cnt .i-provide-info .i-provide-title {
  color: var(--secondary-color);
}
.i-provide .i-provide-list .i-provide-item:hover .i-provide-cnt [class*=button] {
  transform: translateX(120%);
}
.i-provide .i-provide-list .i-provide-item::after {
  position: absolute;
  background-color: var(--primary-light-color);
  content: "";
  display: block;
  width: 100%;
  bottom: 2rem;
  top: 15rem;
  z-index: -1;
  border-radius: 1.6rem;
  transition: all 0.3s;
}
.i-provide .i-provide-list .i-provide-item:not(:nth-child(4n)) {
  margin-right: 4.2rem;
}
.i-provide .i-provide-list .i-provide-item .i-provide-pic {
  width: 1em;
  height: 1em;
  border-radius: 1em;
  font-size: 19rem;
  overflow: hidden;
  border: 1.2rem solid #fff;
  transition: all 0.3s;
  margin-bottom: 2rem;
  box-sizing: border-box;
  background-color: var(--secondary-color);
}
.i-provide .i-provide-list .i-provide-item .i-provide-pic .i-provide-img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s;
}
.i-provide .i-provide-list .i-provide-item .i-provide-cnt {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  flex: 1;
}
.i-provide .i-provide-list .i-provide-item .i-provide-cnt .i-provide-info {
  padding: 0 2.8rem;
  margin-bottom: 3.6rem;
}
.i-provide .i-provide-list .i-provide-item .i-provide-cnt .i-provide-info .i-provide-title {
  font-size: 2.4rem;
  line-height: 3.6rem;
  font-weight: bold;
  color: #002f37;
  margin-bottom: 1rem;
  transition: all 0.3s;
}
.i-provide .i-provide-list .i-provide-item .i-provide-cnt .i-provide-info .i-provide-text {
  font-size: 1.4rem;
  color: #949494;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3em;
  max-height: 3.9em;
}

/*产品*/
.i-products {
  background-color: var(--primary-light-color);
  padding: 5rem 0 9rem;
}
.i-products .i-products-list {
  display: flex;
  flex-wrap: wrap;
}
.i-products .i-products-list .i-products-item {
  width: calc((100% - 6rem) / 3);
  margin-top: 3rem;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.i-products .i-products-list .i-products-item:hover .i-products-pic .i-products-img {
  transform: scale(1.2);
}
.i-products .i-products-list .i-products-item:hover .i-products-cnt::after {
  opacity: 0.5;
  transform: translateY(0);
}
.i-products .i-products-list .i-products-item:not(:nth-child(3n)) {
  margin-right: 3rem;
}
.i-products .i-products-list .i-products-item .i-products-pic {
  overflow: hidden;
  width: 100%;
  height: 25rem;
}
.i-products .i-products-list .i-products-item .i-products-pic .i-products-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s;
}
.i-products .i-products-list .i-products-item .i-products-cnt {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 1.4rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: all 0.3s;
}
.i-products .i-products-list .i-products-item .i-products-cnt::after {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  display: block;
  background-color: var(--secondary-color);
  content: "";
  z-index: -1;
  opacity: 0;
  transition: all 0.3s;
  transform: translateY(100%);
}
.i-products .i-products-list .i-products-item .i-products-cnt .i-products-title {
  font-size: 4.2rem;
  text-align: center;
  color: #fff;
  margin-top: 2rem;
}
.i-products .i-products-list .i-products-item .i-products-cnt .i-products-info {
  color: #fff;
  font-size: 1.6rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.i-products .i-products-list .i-products-item .i-products-cnt .i-products-info .i-products-label {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  width: 100%;
}
.i-products .i-products-list .i-products-item .i-products-cnt .i-products-info .i-products-origin {
  text-align: right;
  margin-top: 1.2rem;
  display: flex;
  align-items: center;
}
.i-products .i-products-list .i-products-item .i-products-cnt .i-products-info .i-products-origin .localico {
  margin: 2px 0.5rem 0 0;
}

/*产地*/
.i-origin {
  background-color: var(--primary-dark-color);
  color: var(--primary-color);
  padding-top: 8rem;
}
.i-origin .i-origin-box {
  position: relative;
  margin-top: 8rem;
}
.i-origin .i-origin-box .originSwiper_box {
  display: flex;
}
.i-origin .i-origin-box .originSwiper_box .originSwiper_pic {
  height: 60rem;
  overflow: hidden;
  flex: 1;
}
.i-origin .i-origin-box .originSwiper_box .originSwiper_pic .originSwiper_img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.i-origin .i-origin-box .i-origin-page {
  position: absolute;
  z-index: 11;
  left: 50%;
  top: 50%;
  width: 120rem;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: space-between;
}
.i-origin .i-origin-box .i-origin-page .i-origin-item {
  width: 1em;
  height: 1em;
  border-radius: 1em;
  font-size: 24.5rem;
  background-color: rgba(0, 47, 55, 0.8);
  cursor: pointer;
}
.i-origin .i-origin-box .i-origin-page .i-origin-item.active .i-origin-cnt .i-origin-num::after {
  background-color: var(--secondary-color);
}
.i-origin .i-origin-box .i-origin-page .i-origin-item:not(:last-child) .i-origin-cnt .i-origin-num::before {
  position: absolute;
  width: 47rem;
  height: 1px;
  background-color: #fff;
  content: "";
  display: block;
  left: 50%;
  bottom: 0.5em;
  margin-left: 0.5em;
}
.i-origin .i-origin-box .i-origin-page .i-origin-item .i-origin-cnt {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  color: #fff;
  padding: 3rem;
  font-size: 1.8rem;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.i-origin .i-origin-box .i-origin-page .i-origin-item .i-origin-cnt .i-origin-num {
  font-size: 2.2rem;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  position: relative;
}
.i-origin .i-origin-box .i-origin-page .i-origin-item .i-origin-cnt .i-origin-num::after {
  margin-top: 1.2rem;
  display: block;
  width: 1em;
  height: 1em;
  border-radius: 1em;
  background-color: var(--primary-dark-color);
  box-sizing: border-box;
  content: "";
  border: 2px solid #fff;
  transition: all 0.3s;
}
.i-origin .i-origin-box .i-origin-page .i-origin-item .i-origin-cnt .i-origin-title {
  font-size: 2.2rem;
  margin-bottom: 1.2rem;
}
.i-origin .i-origin-box .i-origin-page .i-origin-item .i-origin-cnt .i-origin-text {
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.1em;
  max-height: 3.3em;
}

/*团队*/
.i-team {
  padding: 10rem 0 13rem;
}
.i-team .teamSwiper {
  position: relative;
  margin: 0 -12rem;
}
.i-team .teamSwiper .teamSwiper_item[class*=active] .teamSwiper_box .teamSwiper_pic {
  animation-name: fadeInDown;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
  animation-duration: 1s;
}
.i-team .teamSwiper .teamSwiper_item[class*=active] .teamSwiper_box .teamSwiper_cnt .teamSwiper_title,
.i-team .teamSwiper .teamSwiper_item[class*=active] .teamSwiper_box .teamSwiper_cnt .teamSwiper_text {
  animation-name: fadeInUp;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
  animation-duration: 1s;
}
.i-team .teamSwiper .teamSwiper_item .teamSwiper_box {
  display: flex;
  margin-top: 6rem;
  height: 46rem;
  padding: 0 10rem;
  position: relative;
  z-index: 3;
}
.i-team .teamSwiper .teamSwiper_item .teamSwiper_box::before {
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -0.5em;
  width: 1em;
  height: 1em;
  content: "";
  background-color: #fff;
  border-radius: 1em;
  font-size: 1.8rem;
  box-sizing: border-box;
  border: 4px solid var(--secondary-color);
}
.i-team .teamSwiper .teamSwiper_item .teamSwiper_box::after {
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -0.5em;
  width: 1em;
  font-size: 0.4rem;
  height: 100%;
  content: "";
  z-index: -1;
  background-image: linear-gradient(rgb(22, 114, 8), rgba(89, 167, 52, 0.27) 90%, rgba(89, 167, 52, 0));
  box-sizing: border-box;
}
.i-team .teamSwiper .teamSwiper_item .teamSwiper_box .teamSwiper_pic {
  flex: 1;
  height: 100%;
  overflow: hidden;
  border-radius: 3rem;
  margin-right: 9rem;
  opacity: 0;
}
.i-team .teamSwiper .teamSwiper_item .teamSwiper_box .teamSwiper_pic .teamSwiper_img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.i-team .teamSwiper .teamSwiper_item .teamSwiper_box .teamSwiper_cnt {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.i-team .teamSwiper .teamSwiper_item .teamSwiper_box .teamSwiper_cnt .teamSwiper_title {
  font-size: 3.4rem;
  line-height: 4.8rem;
  color: #000;
  margin-bottom: 5rem;
  opacity: 0;
}
.i-team .teamSwiper .teamSwiper_item .teamSwiper_box .teamSwiper_cnt .teamSwiper_text {
  font-size: 2.2rem;
  line-height: 3rem;
  color: #999;
  opacity: 0;
  flex: 1;
  overflow-y: auto;
}
.i-team .teamSwiper .splide__arrows .splide__arrow {
  background-color: transparent;
  font-size: 3rem;
}
.i-team .teamSwiper .splide__arrows .splide__arrow svg {
  display: none;
}
.i-team .teamSwiper .splide__arrows .splide__arrow[class*=next]::after {
  transform: rotate(180deg);
}
.i-team .teamSwiper .splide__arrows .splide__arrow::after {
  display: block;
  width: 1em;
  height: 1em;
  font-size: 1.2em;
  background-size: 1em auto;
  background-image: url("../images/icon/rgt.png");
  content: "";
}

/*证书*/
.i-certificate {
  background-image: url("../images/certificate-bg.png");
  background-size: cover;
  background-position: center;
  color: #fff;
  padding: 9rem 12rem 8rem;
  min-width: 120rem;
}
.i-certificate .i-certificate-box {
  position: relative;
}
.i-certificate .i-certificate-box .certificateSwiper {
  margin-top: 1rem;
}
.i-certificate .i-certificate-box .certificateSwiper .certificateSwiper_item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.i-certificate .i-certificate-box .certificateSwiper .certificateSwiper_item:not([class*=active]) .certificateSwiper_pic,
.i-certificate .i-certificate-box .certificateSwiper .certificateSwiper_item:not([class*=active]) .certificateSwiper_title {
  transform: scale(0.9);
}
.i-certificate .i-certificate-box .certificateSwiper .certificateSwiper_item.is-next .certificateSwiper_pic,
.i-certificate .i-certificate-box .certificateSwiper .certificateSwiper_item.is-next .certificateSwiper_title {
  transform-origin: 80% center;
}
.i-certificate .i-certificate-box .certificateSwiper .certificateSwiper_item.is-prev .certificateSwiper_pic,
.i-certificate .i-certificate-box .certificateSwiper .certificateSwiper_item.is-prev .certificateSwiper_title {
  transform-origin: 20% center;
}
.i-certificate .i-certificate-box .certificateSwiper .certificateSwiper_item .certificateSwiper_pic {
  width: 100%;
  overflow: hidden;
  transition: all 0.3s;
}
.i-certificate .i-certificate-box .certificateSwiper .certificateSwiper_item .certificateSwiper_pic .certificateSwiper_img {
  width: 100%;
  height: 43rem;
}
.i-certificate .i-certificate-box .certificateSwiper .certificateSwiper_item .certificateSwiper_title {
  transition: all 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 1.6rem;
  color: #000;
  background-color: #fff;
  padding: 0 1.6rem;
  height: 4rem;
  border-radius: 5rem;
  margin-top: 2rem;
}
.i-certificate .i-certificate-box .i-certificate-btn {
  position: absolute;
  top: 50%;
  width: 1em;
  height: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1em;
  font-size: 8rem;
  margin-top: -1.5em;
  cursor: pointer;
  outline: none;
  border: none;
  color: #333;
  background-color: #fff;
}
.i-certificate .i-certificate-box .i-certificate-btn::after {
  width: 1em;
  height: 1em;
  display: block;
  content: "";
  font-size: 3.2rem;
  background-size: 1em auto;
  background-image: url("../images/icon/rgt.png");
  content: "";
}
.i-certificate .i-certificate-box .i-certificate-btn.next {
  right: 0.75em;
  transform: translateX(100%) rotate(180deg);
}
.i-certificate .i-certificate-box .i-certificate-btn.prev {
  left: 0.75em;
  transform: translateX(-100%);
}

.i-evaluate {
  background-image: url("../images/evaluate-bg.png");
  background-size: 100% 100%;
  padding: 17rem 12rem 25rem;
}
.i-evaluate .w-limit {
  display: flex;
}
.i-evaluate .areaTitle {
  width: 45rem;
  margin-right: 4rem;
}
.i-evaluate .i-evaluate-cnt {
  flex: 1;
  position: relative;
  z-index: 3;
  display: flex;
  justify-content: space-between;
}
.i-evaluate .i-evaluate-cnt::before {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: -0.4em;
  width: 1em;
  height: 1em;
  font-size: 45rem;
  z-index: -1;
  content: "";
  background-size: 1em auto;
  background-image: url("../images/icon/evaluate/doodle.png");
}
.i-evaluate .i-evaluate-cnt .i-evaluate-box {
  position: relative;
  z-index: 1;
  width: 38rem;
  margin-right: -26rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.i-evaluate .i-evaluate-cnt .i-evaluate-box .i-evaluate-textbox {
  background-color: #fff;
  border-radius: 1.4rem;
  padding: 2.2rem 3.6rem;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.i-evaluate .i-evaluate-cnt .i-evaluate-box .i-evaluate-textbox::after {
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 1.5em 1em;
  font-size: 2rem;
  border-left-color: #fff;
  border-top-color: #fff;
  content: "";
  position: absolute;
  bottom: 0;
  left: 60%;
  transform: translateY(100%) skew(-30deg);
}
.i-evaluate .i-evaluate-cnt .i-evaluate-box .i-evaluate-textbox .i-evaluate-text {
  text-align: center;
  font-size: 2rem;
  color: #666;
  line-height: 2.8rem;
  height: 25rem;
  overflow-y: auto;
  width: 100%;
}
.i-evaluate .i-evaluate-cnt .i-evaluate-box .i-evaluate-textbox .i-evaluate-info {
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-size: 1.9rem;
  margin-top: 2rem;
  color: #28491e;
  text-align: center;
}
.i-evaluate .i-evaluate-cnt .i-evaluate-box .i-evaluate-textbox .i-evaluate-info > :not(:last-child) {
  margin-right: 2rem;
}
.i-evaluate .i-evaluate-cnt .i-evaluate-box .i-evaluate-textbox .i-evaluate-info .i-evaluate-date {
  color: var(--secondary-color);
}
.i-evaluate .i-evaluate-cnt .i-evaluate-box .i-evaluate-textbox .i-evaluate-button {
  width: 2em;
  height: 2em;
  font-size: 1em;
  border-radius: 2em;
  font-size: 3rem;
  padding: 0;
  margin-bottom: 2rem;
}
.i-evaluate .i-evaluate-cnt .i-evaluate-box .i-evaluate-textbox .i-evaluate-button .textico {
  margin-top: 1rem;
}
.i-evaluate .i-evaluate-cnt .i-evaluate-box .i-evaluate-pic {
  font-size: 10rem;
  margin-top: 2rem;
  margin-right: 10rem;
}
.i-evaluate .i-evaluate-cnt .i-evaluate-box .i-evaluate-pic::before {
  display: none;
}
.i-evaluate .i-evaluate-cnt .i-evaluate-pic {
  width: 1em;
  height: 1em;
  border-radius: 1em;
  font-size: 48rem;
  position: relative;
}
.i-evaluate .i-evaluate-cnt .i-evaluate-pic .i-evaluate-img {
  border-radius: 50%;
  overflow: hidden;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.i-evaluate .i-evaluate-cnt .i-evaluate-pic::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 1em;
  height: 1em;
  font-size: 14rem;
  content: "";
  background-size: 1em auto;
  background-image: url("../images/icon/evaluate/leaf.png");
}

.areaTitle {
  text-align: center;
  margin-bottom: 4rem;
}
.areaTitle.unusual {
  display: flex;
  flex-direction: column;
  text-align: left;
}
.areaTitle.unusual .ATtitle {
  font-size: 5.2rem;
  line-height: 6rem;
}
.areaTitle.unusual .ATsubtitle {
  font-size: 1.9rem;
  line-height: 2.6rem;
}
.areaTitle.unusual .ATsubtitle::before {
  display: none;
}
.areaTitle.unusual .ATsubtitle::after {
  width: 7em;
}
.areaTitle.unusual .ATslogan {
  margin-top: 6.7rem;
}
.areaTitle .ATtitle {
  font-family: "HarmonyOS";
  font-size: 6.8rem;
  line-height: 8.3rem;
  margin-bottom: 2.2rem;
}
.areaTitle .ATsubtitle {
  font-family: "AlibabaPuHuiTi";
  font-size: 2.6rem;
  line-height: 3.6rem;
}
.areaTitle .ATsubtitle::before, .areaTitle .ATsubtitle::after {
  display: inline-block;
  vertical-align: middle;
  content: "";
  height: 1px;
  width: 3em;
  background-color: currentColor;
  margin: -2px 3.8rem 0;
}
.areaTitle .ATslogan {
  margin-top: 4rem;
  display: flex;
}
.areaTitle .ATslogan .slogan {
  font-size: 1.4rem;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--secondary-color);
  height: 3.4rem;
  padding: 0 1.8rem;
  border-radius: 4rem;
}

.talklist {
  padding: 3.2rem;
}
.talklist .talkitem {
  display: flex;
}
.talklist .talkitem:not(:last-child) {
  margin-bottom: 4rem;
}
.talklist .talkitem.right-talkitem {
  flex-direction: row-reverse;
}
.talklist .talkitem.right-talkitem .talkitem-cnt .talkitem-th {
  text-align: right;
}
.talklist .talkitem.right-talkitem .talkitem-cnt .talkitem-td {
  justify-content: flex-end;
}
.talklist .talkitem.right-talkitem .talkitem-cnt .talkitem-td .talkitem-text {
  background-color: #4eac32;
  color: #fff;
  border-radius: 1.2rem 0 1.2rem 1.2rem;
}
.talklist .talkitem .talkitem-pic {
  width: 1em;
  height: 1em;
  overflow: hidden;
  border-radius: 1em;
  font-size: 4rem;
}
.talklist .talkitem .talkitem-pic .talkitem-img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.talklist .talkitem .talkitem-cnt {
  flex: 1;
  max-width: calc(100% - 16rem);
  margin: 0 2rem;
}
.talklist .talkitem .talkitem-cnt .talkitem-th {
  position: relative;
  height: 4rem;
  line-height: 4rem;
}
.talklist .talkitem .talkitem-cnt .talkitem-th .talkitem-name {
  font-size: 1.6rem;
  color: #000;
}
.talklist .talkitem .talkitem-cnt .talkitem-th .talkitem-date {
  font-size: 1.6rem;
  color: #999;
  position: absolute;
  left: 50%;
  top: 0;
}
.talklist .talkitem .talkitem-cnt .talkitem-td {
  display: flex;
}
.talklist .talkitem .talkitem-cnt .talkitem-td .talkitem-text {
  font-size: 1.6rem;
  color: #333;
  padding: 0.8rem 1.2rem;
  background-color: #eee;
  border-radius: 0 1.2rem 1.2rem 1.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 6rem;
  box-sizing: border-box;
}

.message-pop {
  position: fixed;
  box-sizing: border-box;
  left: 50%;
  top: 50%;
  z-index: 111;
  width: 62rem;
  border-radius: 5rem;
  box-shadow: 1.2rem 2rem 3.6rem rgba(127, 169, 31, 0.5);
  transition: all 0.3s;
  opacity: 0;
  margin-left: -31rem;
  transform: translateY(100%);
}
.message-pop.show {
  opacity: 1;
  transform: translateY(-50%);
}
.message-pop .message-box {
  border-radius: 3rem;
  overflow: hidden;
  background-color: #fff;
}
.message-pop .message-box .message-head {
  border-radius: 3rem 3rem 0 0;
  background: linear-gradient(135deg, #7ede56 0%, #167208 100%);
  display: flex;
  align-items: center;
  height: 6.6rem;
  padding: 0 3rem;
  position: relative;
}
.message-pop .message-box .message-head .message-logo {
  display: block;
  height: 3rem;
}
.message-pop .message-box .message-head .message-btn {
  position: absolute;
  width: 1em;
  height: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 4rem;
  top: 50%;
  margin-top: -0.5em;
  right: 3rem;
  cursor: pointer;
  color: #fff;
}
.message-pop .message-box .message-body {
  height: 35rem;
  overflow-y: auto;
}
.message-pop .message-box .message-foot {
  padding: 0 2rem 2rem;
  border-top: 1px solid #ccc;
}
.message-pop .message-box .message-foot .message-text .message-int {
  border: none;
  outline: none;
  background-color: transparent;
  font-size: 1.6rem;
  width: 100%;
  resize: none;
  height: 10rem;
  box-sizing: border-box;
  padding: 2rem 0;
}
.message-pop .message-box .message-foot .message-func {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.message-pop .message-box .message-foot .message-func .message-cnt {
  flex: 1;
}

.languagebox {
  display: flex;
  align-items: center;
  border-radius: 0.4rem;
  overflow: hidden;
  box-shadow: 0 0 0 1px #4ca728;
}
.languagebox .languageitm {
  width: 4rem;
  height: 2.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
}
.languagebox .languageitm.active {
  background-color: #4ca728;
}
.languagebox .languageitm:not(:last-child) {
  border-right: 1px solid #4ca728;
}

.header {
  font-family: "AlibabaPuHuiTi";
}
.header:not(.nohead_height) {
  height: 15.1rem;
}
.header:not(.nohead_height) .headbar .headbg {
  opacity: 1 !important;
}
.header:not(.nohead_height) .headbar .headbg.show {
  opacity: 1 !important;
}
.header .headbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: self-end;
  justify-content: space-between;
  z-index: 111;
  padding: 0 12rem 2.5rem;
  box-sizing: border-box;
  min-width: 144rem;
}
.header .headbar > :not(:last-child) {
  margin-top: 2rem;
}
.header .headbar .headlogo .headimg {
  height: 3.6rem;
  display: block;
}
.header .headbar .headfunc {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
}
.header .headbar .headfunc > :not(:first-child) {
  margin-left: 1.4rem;
}
.header .headbar .headfunc .headfunc_item {
  position: relative;
  z-index: 4;
}
.header .headbar .headfunc .searchbox {
  box-sizing: border-box;
  border-radius: 1.2rem;
  border-color: #fff;
  background-color: rgba(255, 255, 255, 0.3);
}
.header .headbar .headfunc .searchbox:not(.show) {
  border: none;
  background: transparent;
}
.header .headbar .headfunc .searchbox:not(.show) .searchbox-dd {
  width: 0;
}
.header .headbar .headfunc .searchbox.show.allshow {
  background-color: #00232a;
  border-color: #00232a;
}
.header .headbar .headfunc .searchbox.show.allshow .searchbox-dd .searchbox-int {
  color: #fff;
}
.header .headbar .headfunc .headuser {
  color: #fff;
  font-size: 1.8rem;
  cursor: pointer;
}
.header .headbar .headfunc .headuser-td {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 0.4rem;
  width: 10rem;
  left: 50%;
  top: 3.5rem;
  margin-left: -5rem;
  opacity: 1;
  z-index: -1;
  transform: translateY(0);
  transition: all 0.3s;
}
.header .headbar .headfunc .headuser-td:not(.show) {
  opacity: 0;
  transform: translateY(-100%);
}
.header .headbar .headfunc .headuser-td::before {
  position: absolute;
  width: 0;
  height: 0;
  border-width: 1em;
  border-style: solid;
  border-color: transparent;
  content: "";
  font-size: 0.6rem;
  left: 50%;
  top: 0;
  border-bottom-color: rgba(255, 255, 255, 0.7);
  transform: translate(-50%, -100%);
}
.header .headbar .headfunc .headuser-td .headuser-a {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  height: 3rem;
  color: #555;
}
.header .headbar .headnav {
  width: 100%;
  display: flex;
  position: relative;
  z-index: 3;
}
.header .headbar .headnav .headnav_item {
  flex: 1;
}
.header .headbar .headnav .headnav_item:hover .headnav_a {
  color: #000;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 1;
}
.header .headbar .headnav .headnav_item:not(:last-child) .headnav_a {
  margin-right: -1px;
}
.header .headbar .headnav .headnav_item.active .headnav_a {
  color: #000;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 1;
}
.header .headbar .headnav .headnav_item .headnav_a {
  height: 5rem;
  padding: 0 3rem;
  text-align: center;
  word-break: break-all;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  line-height: 1em;
  color: #fff;
  box-sizing: border-box;
  border: 1px solid #fff;
  background-color: rgba(255, 255, 255, 0.05);
  position: relative;
  transition: all 0.3s;
  cursor: pointer;
}
.header .headbar .headnav .headnav_item .headnav_a:hover {
  color: #000;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 1;
}
.header .headbar .headnav_td {
  position: absolute;
  left: 0;
  bottom: 1px;
  z-index: -1;
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  box-sizing: border-box;
  background-color: #00232a;
  margin-top: 0;
  padding: 1.8rem 1.8rem;
  transform: translateY(-100%);
  opacity: 0;
  transition: all 0.3s;
}
.header .headbar .headnav_td.show {
  transform: translateY(100%);
  opacity: 1;
}
.header .headbar .headnav_td .headnav_itm {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header .headbar .headnav_td .headnav_itm .headnav_itm_a {
  color: #fff;
  font-size: 1.8rem;
  line-height: 2.4rem;
  transition: all 0.3s;
}
.header .headbar .headnav_td .headnav_itm .headnav_itm_a.selected, .header .headbar .headnav_td .headnav_itm .headnav_itm_a:hover {
  color: var(--primary-color);
}
.header .headbar .headbg {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0.8;
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  background-color: var(--primary-dark-color);
}
.header .headbar .headbg.show {
  opacity: 0.8 !important;
}

.searchico,
.messageico {
  width: 1em;
  height: 1em;
  background-size: 1em auto;
  display: block;
  font-size: 2.2rem;
}

.searchico {
  cursor: pointer;
  background-image: url("../images/icon/search.png");
}
.searchico.dark {
  background-position-y: -1em;
}

.messageico {
  background-image: url("../images/icon/message.png");
}

.ftools {
  position: fixed;
  right: 5.5rem;
  bottom: 10rem;
  z-index: 111;
}
.ftools .ftoolitem {
  position: relative;
  background: linear-gradient(135deg, #7ede56 0%, #167208 100%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1em;
  height: 1em;
  border-radius: 1em;
  font-size: 5rem;
  cursor: pointer;
}
.ftools .ftoolitem:not(:last-child) {
  margin-bottom: 3rem;
}
.ftools .ftoolitem .ftoolico {
  width: 1em;
  height: 1em;
  display: block;
  font-size: 2.5rem;
  background-size: 1em auto;
  background-image: url("../images/icon/ftools.png");
}
.ftools .ftoolitem .ftoolico.message {
  background-position-y: 0;
}
.ftools .ftoolitem .ftoolico.gotop {
  background-position-y: -1em;
}
.ftools .ftoolitem .ftoolico.change {
  background-position-y: -2em;
}

.footer {
  position: relative;
  z-index: 3;
  background-color: #002f37;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footer::after {
  background-color: #00272e;
  height: 10rem;
  display: block;
  content: "";
  width: 100%;
}
.footer.hasSearch {
  background-image: url("../images/footer-bg.png");
  background-size: 100% 100%;
  background-color: transparent;
  margin-top: -7rem;
  margin-bottom: -7rem;
}
.footer.hasSearch .footer-search {
  background-color: #167208;
  border-radius: 3.6rem;
  position: relative;
  top: -2rem;
}
.footer.hasSearch .footer-search .search-box {
  height: 14rem;
  box-sizing: border-box;
  padding: 0 8rem;
  display: flex;
  align-items: center;
  position: relative;
}
.footer.hasSearch .footer-search .search-box::before {
  position: absolute;
  display: block;
  content: "";
  background-size: 100% 100%;
  background-image: url("../images/icon/search/leaf-big.png");
  width: 12.6rem;
  height: 25.2rem;
  left: 0;
  margin-top: -2.5rem;
  transform: translateX(-30%);
}
.footer.hasSearch .footer-search .search-box::after {
  position: absolute;
  display: block;
  content: "";
  background-size: 100% 100%;
  background-image: url("../images/icon/search/fruit.png");
  width: 1em;
  height: 1em;
  font-size: 19rem;
  right: 0;
  margin-top: -2.5rem;
  transform: translateX(50%);
}
.footer.hasSearch .footer-search .search-box .searchboxico {
  display: block;
  width: 1em;
  height: 1em;
  background-size: 1em auto;
  background-image: url("../images/icon/box.png");
  font-size: 8rem;
  margin-right: 2.4rem;
}
.footer.hasSearch .footer-search .search-box .search-head {
  display: flex;
  align-items: center;
  position: relative;
}
.footer.hasSearch .footer-search .search-box .search-head::before {
  position: absolute;
  content: "";
  width: 1em;
  height: 1em;
  font-size: 14.3rem;
  background-size: 100% 100%;
  background-image: url("../images/icon/search/leaf-small.png");
  top: 0;
  right: 22rem;
  transform: translateY(-60%);
}
.footer.hasSearch .footer-search .search-box .search-head::after {
  display: block;
  content: "";
  margin: -4rem 6rem 0;
  width: 11.1rem;
  height: 2.3rem;
  background-size: 100% 100%;
  background-image: url("../images/icon/search/arrow.png");
}
.footer.hasSearch .footer-search .search-box .search-head .search-head-cnt {
  flex: 1;
  font-size: 1.4rem;
  color: #fff;
  line-height: 1;
  width: 30rem;
}
.footer.hasSearch .footer-search .search-box .search-head .search-head-cnt .t {
  font-size: 3rem;
  margin-top: 1rem;
}
.footer.hasSearch .footer-search .search-box .search-body {
  display: flex;
  align-items: center;
  background-color: #fff;
  border-radius: 0.6rem;
  border: 1px solid #fff;
}
.footer.hasSearch .footer-search .search-box .search-body .search-dd {
  display: flex;
  flex-direction: column;
  height: 5.6rem;
  padding: 0 1.6rem;
  flex: 1;
}
.footer.hasSearch .footer-search .search-box .search-body .search-dd .search-int {
  flex: 1;
  height: 5.6rem;
  line-height: 5.6rem;
  font-size: 2rem;
  background-color: transparent;
  border: none;
  outline: none;
}
.footer.hasSearch .footer-search .search-box .search-body .search-btn {
  background-color: #ffb334;
  width: 1em;
  height: 1em;
  border-radius: 0.6rem;
  font-size: 5.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer.hasSearch .footer-search .search-box .search-body .search-btn .searchico {
  width: 1em;
  height: 1em;
  background-size: 1em auto;
  background-image: url("../images/icon/search/search.png");
  font-size: 2.6rem;
}
.footer .footer-dl {
  display: flex;
  padding: 7rem 0;
  box-sizing: border-box;
  width: 100%;
}
.footer .footer-dl .footer-itm {
  flex: 1;
}
.footer .footer-dl .footer-itm .footer-title {
  color: #fff;
  font-size: 3rem;
  margin-bottom: 1em;
}
.footer .footer-dl .footer-itm .footer-td .footer-link {
  display: block;
  color: #6f8c65;
  font-size: 1.6rem;
}
.footer .footer-dl .footer-itm .footer-td .footer-link:not(:last-child) {
  margin-bottom: 1em;
}
.footer .footer-dl .footer-itm .footer-friend {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2.4rem;
}
.footer .footer-dl .footer-itm .footer-friend .footer-friend-itm {
  display: block;
  margin-top: 0.6rem;
  margin-right: 0.6rem;
}
.footer .footer-dl .footer-itm .footer-friend .footer-friend-itm .ico {
  display: block;
  height: 1em;
  width: auto;
  font-size: 3.8rem;
}
.footer .footer-dd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 6rem;
  padding-bottom: 4rem;
  border-top: 1px solid var(--secondary-color);
}
.footer .footer-dd .footer-link {
  display: flex;
  align-items: center;
  height: 6rem;
}
.footer .footer-dd .footer-link .itm {
  cursor: pointer;
  font-size: 1.4rem;
  line-height: 1em;
  color: #fff;
  display: inline-block;
  font-weight: normal;
  font-family: "AlibabaPuHuiTi";
}
.footer .footer-dd .footer-logo {
  display: flex;
  align-items: center;
  height: 6rem;
}
.footer .footer-dd .footer-logo .logo {
  height: 3rem;
}

.i-introduction {
  padding: 10rem 0;
  background-color: var(--secondary-color);
  background-image: url("../images/introduction-bg.png");
  background-size: 100% 100%;
  background-position-x: 50rem;
  background-repeat: no-repeat;
}
.i-introduction .i-introduction-box {
  display: flex;
}
.i-introduction .i-introduction-box.hover .i-introduction-item.active {
  width: 70%;
}
.i-introduction .i-introduction-box.hover .i-introduction-item.active .i-introduction-pic .i-introduction-img {
  transform: scale(1.1);
}
.i-introduction .i-introduction-box.hover .i-introduction-item.active .i-introduction-cnt {
  box-shadow: 0 0 0 2px var(--primary-color) inset;
}
.i-introduction .i-introduction-box.hover .i-introduction-item:not(.active) {
  width: 10%;
}
.i-introduction .i-introduction-box.hover .i-introduction-item:not(.active) .i-introduction-cnt .i-introduction-title,
.i-introduction .i-introduction-box.hover .i-introduction-item:not(.active) .i-introduction-cnt .i-introduction-text {
  display: none;
}
.i-introduction .i-introduction-box .i-introduction-item {
  width: 25%;
  transition: all 0.3s;
  position: relative;
}
.i-introduction .i-introduction-box .i-introduction-item .i-introduction-pic {
  width: 100%;
  height: 48rem;
  overflow: hidden;
}
.i-introduction .i-introduction-box .i-introduction-item .i-introduction-pic .i-introduction-img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s;
}
.i-introduction .i-introduction-box .i-introduction-item .i-introduction-cnt {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  padding: 3.6rem 3.6rem;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 47, 55, 0) 0%, rgba(0, 47, 55, 0.57) 35.56%, rgb(0, 47, 55) 100%);
}
.i-introduction .i-introduction-box .i-introduction-item .i-introduction-cnt .i-introduction-info {
  padding-top: 3rem;
  flex: 1;
}
.i-introduction .i-introduction-box .i-introduction-item .i-introduction-cnt .i-introduction-info .i-introduction-num {
  font-size: 3.2rem;
  font-weight: bold;
  color: #fff;
  line-height: 3.8rem;
}
.i-introduction .i-introduction-box .i-introduction-item .i-introduction-cnt .i-introduction-info .i-introduction-title {
  font-size: 2.8rem;
  color: #fff;
  line-height: 1.2em;
  margin-bottom: 2.4rem;
}
.i-introduction .i-introduction-box .i-introduction-item .i-introduction-cnt .i-introduction-info .i-introduction-text {
  color: #fff;
  font-size: 1.5rem;
  letter-spacing: 0.1em;
  line-height: 1.6em;
  max-height: 9.2em;
  overflow: hidden;
  display: block;
  font-weight: normal;
}
.i-introduction .i-introduction-box .i-introduction-item .i-introduction-cnt .introduction-ico {
  margin-top: 3.6rem;
  display: block;
  width: 1em;
  height: 1em;
  background-size: 1em auto;
  background-image: url("../images/icon/introduction.png");
  font-size: 5rem;
}
.i-introduction .i-introduction-box .i-introduction-item .i-introduction-cnt .introduction-ico.company {
  background-position-y: 0;
}
.i-introduction .i-introduction-box .i-introduction-item .i-introduction-cnt .introduction-ico.advantage {
  background-position-y: -1em;
}
.i-introduction .i-introduction-box .i-introduction-item .i-introduction-cnt .introduction-ico.server {
  background-position-y: -2em;
}
.i-introduction .i-introduction-box .i-introduction-item .i-introduction-cnt .introduction-ico.product {
  background-position-y: -3em;
}

.i-history {
  background-image: url("../images/history-bg.png");
  background-size: cover;
  padding: 8.8rem 0 0;
  color: var(--primary-color);
  position: relative;
  z-index: 3;
}
.i-history .i-history-box {
  position: relative;
}
.i-history .i-history-box .i-history-img {
  margin: 5rem 0;
  height: 5rem;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.i-history .i-history-box .splide__arrows .splide__arrow {
  background-color: rgba(255, 255, 255, 0.5);
  font-size: 3rem;
}
.i-history .i-history-box .splide__arrows .splide__arrow svg {
  fill: #fff;
  height: 1em;
  width: 1em;
}
.i-history .i-history-box .splide__arrows .splide__arrow:disabled {
  display: none;
}
.i-history .i-history-box .historySwiper_item {
  display: flex;
  flex-direction: column;
  padding: 0 15rem;
}
.i-history .i-history-box .historySwiper_item .historySwiper_date {
  font-size: 2rem;
  line-height: 1.4em;
  color: rgba(255, 255, 255, 0.66);
  margin-bottom: 1em;
}
.i-history .i-history-box .historySwiper_item .historySwiper_box {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  height: 34rem;
}
.i-history .i-history-box .historySwiper_item .historySwiper_box .historySwiper_pic {
  width: 46rem;
  height: 34rem;
  overflow: hidden;
}
.i-history .i-history-box .historySwiper_item .historySwiper_box .historySwiper_pic .historySwiper_img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.i-history .i-history-box .historySwiper_item .historySwiper_box .historySwiper_cnt {
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
  z-index: 3;
  overflow-y: auto;
  height: 34rem;
  margin-right: 3.5rem;
}
.i-history .i-history-box .historySwiper_item .historySwiper_box .historySwiper_cnt .historySwiper_title {
  font-size: 3.6rem;
  font-weight: bold;
  color: #fff;
  margin-bottom: 2.8rem;
}
.i-history .i-history-box .historySwiper_item .historySwiper_box .historySwiper_cnt .historySwiper_text {
  color: #fff;
  font-size: 2.2rem;
  line-height: 3.4rem;
}
.i-history .i-history-box .i-history-page {
  display: flex;
  justify-content: space-between;
  margin-top: 10rem;
  height: 6rem;
  position: relative;
}
.i-history .i-history-box .i-history-page::after {
  top: 0;
  left: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-image: linear-gradient(90deg, rgba(22, 115, 8, 0.4), rgb(22, 115, 8) 33.3%, rgb(22, 115, 8) 63.69%, rgba(22, 115, 8, 0.4));
}
.i-history .i-history-box .i-history-page .i-history-itm {
  font-size: 1.5rem;
  color: #43a029;
  position: relative;
  display: flex;
  align-items: center;
  justify-items: center;
  cursor: pointer;
}
.i-history .i-history-box .i-history-page .i-history-itm.active {
  color: #fff;
  font-weight: bold;
  font-style: italic;
}
.i-history .i-history-box .i-history-page .i-history-itm.active::after {
  top: 0;
  left: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 0.4rem;
  background: rgba(126, 222, 86, 0.66);
}

.i-choose {
  background-image: url("../images/choose-bg.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position-y: -30rem;
  background-color: var(--primary-dark-color);
  padding: 11rem 0 14rem;
}
.i-choose .i-choose-box {
  display: flex;
}
.i-choose .i-choose-box .i-choose-item {
  flex: 1;
  background: linear-gradient(90deg, #167208 0%, #61c040 72.22%, #167208 100%);
  border-radius: 3.2rem;
  padding: 0 2rem;
  position: relative;
}
.i-choose .i-choose-box .i-choose-item:hover .i-choose-text .i-choose-pic .i-choose-img {
  transform: scale(1.1);
}
.i-choose .i-choose-box .i-choose-item::before {
  position: absolute;
  top: 0;
  left: 55%;
  display: block;
  background-size: 100% 100%;
  content: "";
  width: 8rem;
  height: 9.8rem;
  margin-top: -2rem;
  background-image: url("../images/icon/search/leaf-big.png");
}
.i-choose .i-choose-box .i-choose-item::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  transform: translate(-50%, -50%);
  width: calc(100% + 4rem);
  height: calc(100% + 4rem);
  background-size: 100% 100%;
  content: "";
  background-image: url("../images/icon/choose/file.png");
}
.i-choose .i-choose-box .i-choose-item:not(:last-child) {
  margin-right: 10rem;
}
.i-choose .i-choose-box .i-choose-item .i-choose-title {
  font-size: 2.4rem;
  color: #fff;
  line-height: 1em;
  height: 6rem;
  display: flex;
  align-items: center;
  width: 50%;
}
.i-choose .i-choose-box .i-choose-item .i-choose-title::before {
  display: block;
  width: 1em;
  height: 1em;
  border-radius: 1em;
  margin-right: 1.2rem;
  content: "";
  font-size: 1rem;
  background-color: currentColor;
  border: 4px solid var(--secondary-color);
  box-shadow: 0 0 0 2px currentColor;
}
.i-choose .i-choose-box .i-choose-item .i-choose-text {
  position: relative;
  z-index: 3;
  display: flex;
  height: 27rem;
  padding: 2rem 0;
}
.i-choose .i-choose-box .i-choose-item .i-choose-text .i-choose-pic {
  width: 24rem;
  height: 27rem;
  overflow: hidden;
  border-radius: 3rem;
  box-sizing: border-box;
  border: 4px solid #fff;
}
.i-choose .i-choose-box .i-choose-item .i-choose-text .i-choose-pic .i-choose-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: all 0.3s;
}
.i-choose .i-choose-box .i-choose-item .i-choose-text .i-choose-cnt {
  margin-left: 2.8rem;
  flex: 1;
  height: 27rem;
  overflow-y: auto;
}
.i-choose .i-choose-box .i-choose-item .i-choose-text .i-choose-cnt .i-choose-row {
  display: flex;
  background-color: var(--primary-light-color);
  border-radius: 2.2rem;
  padding: 0.8rem 1.5rem;
}
.i-choose .i-choose-box .i-choose-item .i-choose-text .i-choose-cnt .i-choose-row:not(:last-child) {
  margin-bottom: 2rem;
}
.i-choose .i-choose-box .i-choose-item .i-choose-text .i-choose-cnt .i-choose-row::before {
  display: block;
  width: 1em;
  height: 1em;
  font-size: 1.4rem;
  background-size: 1em auto;
  background-image: url("../images/icon/choose/get.png");
  content: "";
  margin: 0.9rem 1.2rem 0 0;
}
.i-choose .i-choose-box .i-choose-item .i-choose-text .i-choose-cnt .i-choose-row .t {
  flex: 1;
  font-size: 1.8rem;
  line-height: 1.5em;
  background-clip: text;
  background-image: linear-gradient(to right, var(--primary-dark-color), var(--secondary-color) 80%);
  -webkit-background-clip: text;
  color: transparent;
  word-break: break-all;
}

.i-shop {
  padding: 6rem 0 20rem;
}
.i-shop .i-shop-box .i-shop-cnt .i-shop-months {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-bottom: 1.4rem;
  margin-bottom: 3.6rem;
}
.i-shop .i-shop-box .i-shop-cnt .i-shop-months .itm {
  font-size: 1.4rem;
  border-radius: 2rem;
  width: 9rem;
  height: 8rem;
  border: 1px solid #ccc;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  text-align: center;
  box-sizing: border-box;
  word-break: break-all;
  cursor: pointer;
}
.i-shop .i-shop-box .i-shop-cnt .i-shop-months .itm .t {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4rem;
  font-size: 2rem;
  background: linear-gradient(90deg, #35921e 0%, #52b12f 100%);
  color: #fff;
  width: 100%;
  border-radius: 1.8rem 1.8rem 0 0;
  position: relative;
}
.i-shop .i-shop-box .i-shop-cnt .i-shop-months .itm .d {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  font-size: 1.8rem;
}
.i-shop .i-shop-box .i-shop-cnt .i-shop-months .itm.selected {
  color: var(--secondary-color);
  border-color: currentColor;
  background-color: var(--primary-light-color);
}
.i-shop .i-shop-box .i-shop-cnt .i-shop-months .itm.selected::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin: 0 0 -2em -0.5em;
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  font-size: 1rem;
  color: var(--secondary-color);
  background-color: currentColor;
  border-radius: 50%;
  box-shadow: 0 0 1em currentColor;
}
.i-shop .i-shop-box .i-shop-cnt .i-shop-months .itm.selected .t::after, .i-shop .i-shop-box .i-shop-cnt .i-shop-months .itm.selected .t::before {
  background-color: var(--primary-color);
  width: 0.4rem;
  height: 1em;
  content: "";
  border-radius: 1em;
  position: absolute;
  top: 0;
  left: 50%;
  margin-top: -0.5em;
  font-size: 0.6em;
}
.i-shop .i-shop-box .i-shop-cnt .i-shop-months .itm.selected .t::after {
  margin-left: 2em;
}
.i-shop .i-shop-box .i-shop-cnt .i-shop-months .itm.selected .t::before {
  margin-left: -2em;
}
.i-shop .i-shop-box .i-shop-cnt .i-shoplist {
  display: flex;
  flex-wrap: wrap;
}
.i-shop .i-shop-box .i-shop-cnt .i-shoplist .i-shopitem {
  width: 25%;
  background-color: #fff;
  border-radius: 1.2rem;
  margin-bottom: 1.4rem;
  overflow: hidden;
  padding: 1.2rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  position: relative;
  transition: all 0.3s;
}
.i-shop .i-shop-box .i-shop-cnt .i-shoplist .i-shopitem:hover {
  box-shadow: 0px 1px 1.2rem rgba(22, 114, 8, 0.16);
  z-index: 1;
}
.i-shop .i-shop-box .i-shop-cnt .i-shoplist .i-shopitem .i-shopitem-pic {
  width: 100%;
  position: relative;
  padding-bottom: 100%;
  overflow: hidden;
  border-radius: 0.5rem;
}
.i-shop .i-shop-box .i-shop-cnt .i-shoplist .i-shopitem .i-shopitem-pic .i-shopitem-img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.i-shop .i-shop-box .i-shop-cnt .i-shoplist .i-shopitem .i-shopitem-cnt {
  padding: 1.5rem 1rem 1rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.i-shop .i-shop-box .i-shop-cnt .i-shoplist .i-shopitem .i-shopitem-cnt .i-shopitem-title {
  font-size: 1.6rem;
  margin-bottom: 1rem;
  line-height: 1.5em;
  height: 3em;
  overflow: hidden;
}
.i-shop .i-shop-box .i-shop-cnt .i-shoplist .i-shopitem .i-shopitem-cnt .i-shopitem-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.2rem;
}
.i-shop .i-shop-box .i-shop-cnt .i-shoplist .i-shopitem .i-shopitem-cnt .i-shopitem-info .i-shopitem-origin {
  display: flex;
  align-items: center;
}
.i-shop .i-shop-box .i-shop-cnt .i-shoplist .i-shopitem .i-shopitem-cnt .i-shopitem-info .i-shopitem-btn {
  max-width: 8rem;
}
.i-shop .i-shop-box .i-shop-cnt .i-shopmbox {
  background-color: #fff;
  box-shadow: 0px 1px 1.2rem rgba(22, 114, 8, 0.16);
  border-radius: 1.2rem;
  padding: 0.8rem;
}
.i-shop .i-shop-box .i-shop-cnt .i-shop-tips {
  margin: 5rem 0 2rem;
  text-align: center;
  font-size: 1.4rem;
  color: #999;
}
.i-shop .i-shop-box .i-shop-cnt .i-shop-fold {
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.i-shop .i-shop-box .i-shop-cnt .i-shop-fold.open .i-shop-fold-dd {
  white-space: initial;
}
.i-shop .i-shop-box .i-shop-cnt .i-shop-fold.open .i-shop-fold-btn .foldico {
  background-position-y: -1em;
}
.i-shop .i-shop-box .i-shop-cnt .i-shop-fold .i-shop-fold-dd {
  overflow-x: auto;
  flex: 1;
  max-width: calc(100% - 4rem);
  font-size: 1.8rem;
  white-space: nowrap;
}
.i-shop .i-shop-box .i-shop-cnt .i-shop-fold .i-shop-fold-dd .i-shop-fold-itm {
  white-space: nowrap;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 4rem;
  margin: 0 1rem;
}
.i-shop .i-shop-box .i-shop-cnt .i-shop-fold .i-shop-fold-dd .i-shop-fold-itm .t {
  position: relative;
}
.i-shop .i-shop-box .i-shop-cnt .i-shop-fold .i-shop-fold-dd .i-shop-fold-itm.selected .t {
  background-image: linear-gradient(to right, var(--primary-color), var(--primary-color));
  background-size: 100% 0.6rem;
  background-position: bottom 0.2rem center;
  background-repeat: no-repeat;
}
.i-shop .i-shop-box .i-shop-cnt .i-shop-fold .i-shop-fold-dd .i-shop-fold-itm.selected .t::after {
  width: 1em;
  height: 1em;
  position: absolute;
  content: "";
  background-size: 1em auto;
  background-image: url("../images/icon/ring.png");
  display: block;
  top: 0;
  right: 0;
  margin: -0.3em -0.3em 0 0;
  font-size: 1.5rem;
}
.i-shop .i-shop-box .i-shop-cnt .i-shop-fold .i-shop-fold-btn {
  width: 2em;
  height: 2em;
  font-size: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.i-shop .i-shop-box .i-shop-cnt .i-shop-fold .i-shop-fold-btn .foldico {
  display: block;
  width: 1em;
  height: 1em;
  background-size: 1em auto;
  background-image: url("../images/icon/fold.png");
}
.i-shop .i-shop-box .i-shop-cnt .i-shop-tab {
  display: flex;
  margin-bottom: 2rem;
}
.i-shop .i-shop-box .i-shop-cnt .i-shop-tab .i-shop-tabitm {
  flex: 1;
  position: relative;
  z-index: 3;
  overflow: hidden;
  border-radius: 1.6rem;
  height: 16rem;
  background: linear-gradient(90deg, rgba(25, 133, 8, 0.3) 0%, rgba(92, 189, 51, 0.3) 100%);
  transition: all 0.3s;
  cursor: pointer;
}
.i-shop .i-shop-box .i-shop-cnt .i-shop-tab .i-shop-tabitm.selected {
  background: linear-gradient(90deg, rgb(25, 133, 8) 0%, rgb(92, 189, 51) 100%);
}
.i-shop .i-shop-box .i-shop-cnt .i-shop-tab .i-shop-tabitm:not(:last-child) {
  margin-right: 4rem;
}
.i-shop .i-shop-box .i-shop-cnt .i-shop-tab .i-shop-tabitm .i-shop-tabitm-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.i-shop .i-shop-box .i-shop-cnt .i-shop-tab .i-shop-tabitm .i-shop-tabitm-cnt {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
.i-shop .i-shop-box .i-shop-cnt .i-shop-tab .i-shop-tabitm .i-shop-tabitm-cnt .i-shop-tabitm-ico {
  width: 1em;
  height: 1em;
  font-size: 6rem;
  margin-bottom: 1.2rem;
}

.searchbox {
  border: 1px solid #ccc;
  height: 3.6rem;
  border-radius: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
}
.searchbox .searchbox-dd {
  flex: 1;
}
.searchbox .searchbox-dd .searchbox-int {
  width: 100%;
  border: none;
  outline: none;
  background-color: transparent;
  box-sizing: border-box;
  padding: 0 1.4rem;
}
.searchbox .searchbtn {
  padding: 0 1.2rem;
}

.details-title {
  font-size: 3rem;
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
}
.details-title::before {
  width: 1em;
  height: 3em;
  display: block;
  content: "";
  font-size: 0.6rem;
  border-radius: 1em;
  background-color: var(--secondary-color);
  margin: 0 1.2rem 0 0;
}
.details-title::after {
  width: 1em;
  height: 1em;
  background-size: 1em auto;
  background-image: url("../images/icon/ring.png");
  display: block;
  font-size: 1.2rem;
  content: "";
  margin-top: -2em;
}

.details-img {
  display: block;
  max-width: 100%;
}

.details-box {
  background-color: var(--primary-light-color);
  border: 1px solid var(--primary-color);
  border-radius: 3rem;
  padding: 5rem 5rem 3rem;
}
.details-box.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.details-box.flex-wrap .details-row {
  width: 50%;
}
.details-box.flex-wrap .details-row.long {
  width: 100%;
}
.details-box .details-head {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  border-bottom: 1px solid var(--primary-color);
  padding-bottom: 3rem;
  margin-bottom: 5rem;
}
.details-box .details-head .details-headtitle {
  font-size: 6rem;
  position: relative;
  z-index: 3;
  line-height: 1em;
}
.details-box .details-head .details-headtitle::after {
  position: absolute;
  width: 100%;
  height: 2rem;
  background-color: var(--primary-color);
  content: "";
  bottom: 0;
  left: 0;
  display: block;
  z-index: -1;
}
.details-box .details-head .details-headphone {
  font-size: 2rem;
  color: var(--secondary-color);
  font-weight: bold;
}
.details-box .details-head .details-headphone::after {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin: -5px 0 0 1rem;
  font-size: 2rem;
  vertical-align: middle;
  content: "";
  background-size: 1em auto;
  background-image: url("../images/icon/phone.png");
}
.details-box .details-row {
  font-size: 2rem;
  color: #666;
  display: flex;
}
.details-box .details-row:not(:last-child) {
  margin-bottom: 3rem;
}
.details-box .details-row .dt {
  display: flex;
  text-align: right;
  margin-right: 2rem;
}
.details-box .details-row .dt .t {
  display: inline-block;
  width: 5em;
}
.details-box .details-row .dd {
  flex: 1;
  word-break: break-all;
}
.details-box .details-row .dd .details-choose {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -2rem;
}
.details-box .details-row .dd .details-choose .details-choose-itm {
  box-sizing: border-box;
  width: 1em;
  height: 1em;
  font-size: 11rem;
  border-radius: 0.6rem;
  overflow: hidden;
  display: block;
  margin-bottom: 2rem;
  cursor: pointer;
}
.details-box .details-row .dd .details-choose .details-choose-itm:not(:last-child) {
  margin-right: 2rem;
}
.details-box .details-row .dd .details-choose .details-choose-itm.selected {
  border: 3px solid var(--primary-color);
}
.details-box .details-row .dd .details-choose .details-choose-itm .img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.details-box .details-row .dd .details-choosetab {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -2rem;
}
.details-box .details-row .dd .details-choosetab .details-choosetab-itm {
  box-sizing: border-box;
  border-radius: 0.6rem;
  font-size: 2rem;
  padding: 0 1.6rem;
  line-height: 2.8rem;
  overflow: hidden;
  display: block;
  margin-bottom: 2rem;
  border: 1px solid #ccc;
  cursor: pointer;
}
.details-box .details-row .dd .details-choosetab .details-choosetab-itm:not(:last-child) {
  margin-right: 2rem;
}
.details-box .details-row .dd .details-choosetab .details-choosetab-itm.selected {
  color: var(--secondary-color);
  border-color: var(--secondary-color);
}
.details-box .details-row .dd .details-picture-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1.4rem -2.8rem;
}
.details-box .details-row .dd .details-picture-list .details-picture-item {
  position: relative;
  width: calc((100% - 8.4rem) / 3);
  padding-bottom: calc((100% - 8.4rem) / 3);
  margin: 0 1.4rem 2.8rem;
  border-radius: 1.2rem;
  overflow: hidden;
}
.details-box .details-row .dd .details-picture-list .details-picture-item.large {
  width: calc((100% - 4.2rem) / 3 * 2);
}
.details-box .details-row .dd .details-picture-list .details-picture-item .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.details-box .details-foot {
  display: flex;
  justify-content: center;
  width: 100%;
}
.details-box .details-foot > :not(:last-child) {
  margin-right: 5rem;
}
.details-box .details-table {
  width: 100%;
  border-collapse: collapse;
  margin: 5rem 0;
}
.details-box .details-table th {
  font-weight: normal;
  background-color: var(--secondary-color);
  color: #fff;
  font-size: 2rem;
  height: 5rem;
}
.details-box .details-table td {
  text-align: center;
  font-size: 1.6rem;
  box-sizing: border-box;
  height: 5rem;
  padding: 1.6rem;
  color: #666;
  background-color: #fff;
  border: 1px solid var(--primary-color);
}
.details-box .details-table td.green-bg {
  background-color: var(--secondary-color);
  color: #fff;
}
.details-box .details-tips {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 5rem 0;
  font-size: 1.6rem;
  color: #666;
}
.details-box .details-tips > :not(:last-child) {
  margin-bottom: 0.6rem;
}
.details-box .details-tips .hasico::before {
  width: 1em;
  height: 1em;
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: -4px 1rem 0 0;
  background-size: 1em auto;
  background-image: url("../images/icon/tips.png");
}
.details-box .details-tips .date::before, .details-box .details-tips .date::after {
  width: 2em;
  content: "";
  height: 1px;
  background-color: currentColor;
  vertical-align: middle;
  margin: -3px 1.2rem 0;
  display: inline-block;
}

.i-news {
  padding: 3rem 0 17rem;
}
.i-news .i-news-box {
  border-radius: 1.2rem;
  box-shadow: 0px 1px 1.2rem rgba(22, 114, 8, 0.16);
  box-sizing: border-box;
  padding: 0 2rem 6rem;
}
.i-news .i-news-box .i-news-item {
  padding: 1.2rem 0;
  border-bottom: 1px solid #eee;
  display: flex;
  align-items: center;
  min-height: 10rem;
  cursor: pointer;
  position: relative;
}
.i-news .i-news-box .i-news-item::after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 4px;
  background-color: var(--secondary-color);
  transition: all 0.3s;
}
.i-news .i-news-box .i-news-item:hover::after {
  width: 100%;
}
.i-news .i-news-box .i-news-item:hover .i-news-info .i-news-month,
.i-news .i-news-box .i-news-item:hover .i-news-info .i-news-year {
  color: var(--secondary-color);
}
.i-news .i-news-box .i-news-item:hover .i-news-cnt .i-news-title {
  color: var(--secondary-color);
}
.i-news .i-news-box .i-news-item:hover .i-news-pic .i-news-img {
  transform: scale(1.1);
  opacity: 0.85;
}
.i-news .i-news-box .i-news-item .i-news-info {
  display: flex;
}
.i-news .i-news-box .i-news-item .i-news-info .i-news-itm {
  display: flex;
}
.i-news .i-news-box .i-news-item .i-news-info .i-news-itm::before {
  width: 1px;
  height: 100%;
  display: block;
  content: "";
  background-color: #999;
  transform: rotate(15deg);
  margin: 0 1.5rem;
}
.i-news .i-news-box .i-news-item .i-news-info .i-news-itm .i-news-dd {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.i-news .i-news-box .i-news-item .i-news-info .i-news-day {
  font-weight: bold;
  line-height: 1em;
  font-size: 6.4rem;
  color: var(--secondary-color);
}
.i-news .i-news-box .i-news-item .i-news-info .i-news-month,
.i-news .i-news-box .i-news-item .i-news-info .i-news-year {
  color: #999;
  font-weight: bold;
  font-size: 2.4rem;
  transition: all 0.3s;
}
.i-news .i-news-box .i-news-item .i-news-info .i-news-time,
.i-news .i-news-box .i-news-item .i-news-info .i-news-author {
  font-size: 1.4rem;
  color: #999;
}
.i-news .i-news-box .i-news-item .i-news-info .i-news-author {
  width: 8.5rem;
  word-break: break-all;
}
.i-news .i-news-box .i-news-item .i-news-cnt {
  flex: 1;
  font-size: 1.8rem;
  margin-left: 5rem;
  padding-left: 1rem;
  line-height: 1.3em;
  position: relative;
}
.i-news .i-news-box .i-news-item .i-news-cnt:not(:last-child) {
  margin-right: 13rem;
}
.i-news .i-news-box .i-news-item .i-news-cnt::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.65em;
  left: 0;
  width: 0.4rem;
  height: 1rem;
  border-radius: 1em;
  margin-top: -0.5rem;
  background-color: var(--secondary-color);
}
.i-news .i-news-box .i-news-item .i-news-cnt .i-news-title {
  color: #333;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0.8rem;
  transition: all 0.3s;
}
.i-news .i-news-box .i-news-item .i-news-cnt .i-news-text {
  color: #666;
  overflow: hidden;
  font-size: 1.6rem;
  line-height: 1.3em;
  max-height: 2.6em;
}
.i-news .i-news-box .i-news-item .i-news-pic {
  width: 17rem;
  height: 10rem;
  overflow: hidden;
  border-radius: 0.8rem;
}
.i-news .i-news-box .i-news-item .i-news-pic .i-news-img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s;
}
.i-news .i-news-box .i-news-tips {
  margin-top: 5rem;
  text-align: center;
  font-size: 1.6rem;
  color: #cecece;
}

.i-article {
  padding: 3rem 0 17rem;
}
.i-article .w-limit:not(:last-child) {
  margin-bottom: 10rem;
}
.i-article .i-article-box {
  border-radius: 1.2rem;
  box-shadow: 0px 1px 1.2rem rgba(22, 114, 8, 0.16);
  box-sizing: border-box;
  padding: 3rem 5rem 6rem;
}
.i-article .i-article-box.tool {
  padding: 5rem 5rem 9rem;
}
.i-article .i-article-box.tool .i-article-text > :not(:last-child) {
  margin-bottom: 5rem;
}
.i-article .i-article-box.tool .i-article-text .i-article-tit {
  font-size: 3.6rem;
  color: #333;
  font-weight: bold;
}
.i-article .i-article-box > :not(:first-child) {
  margin-top: 5rem;
}
.i-article .i-article-box .i-article-title {
  font-size: 3.6rem;
  text-align: center;
  color: #333;
  margin-bottom: 1rem;
  font-weight: bold;
}
.i-article .i-article-box .i-article-info {
  display: flex;
  justify-content: center;
  font-size: 1.6rem;
}
.i-article .i-article-box .i-article-info .itm {
  color: #999;
}
.i-article .i-article-box .i-article-info .itm:not(:last-child)::after {
  content: "|";
  margin: 0 1rem;
}
.i-article .i-article-box .i-article-text {
  font-size: 2rem;
  line-height: 3.6rem;
  color: #333;
}
.i-article .i-article-box .i-article-text > :not(:last-child) {
  margin-bottom: 3.6rem;
}
.i-article .i-article-box .i-article-text .i-article-th {
  font-size: 2.2rem;
  font-weight: bold;
}
.i-article .i-article-box .i-article-text img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  border-radius: 2rem;
}
.i-article .i-article-box .i-article-tool {
  display: flex;
  justify-content: center;
}
.i-article .i-article-box .i-article-tool > :not(:last-child) {
  margin-right: 10rem;
}

.loginbox {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: var(--primary-dark-color);
  position: relative;
}
.loginbox .loginside {
  position: absolute;
  top: 2rem;
  right: 2rem;
}
.loginbox .loginmbox {
  position: relative;
  background-color: #fff;
  width: 60rem;
  border-radius: 1.2rem;
}
.loginbox .loginmbox::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1em;
  margin-top: -0.7em;
  width: 2em;
  height: 1em;
  font-size: 12rem;
  background-size: 100% 100%;
  background-image: url("../images/loginsign.png");
}
.loginbox .loginmbox .loginmhead {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #ccc;
  padding: 3rem 0 3rem;
}
.loginbox .loginmbox .loginmhead .loginmlogo {
  height: 4rem;
  display: block;
}
.loginbox .loginmbox .loginmbody {
  display: flex;
  flex-direction: column;
  padding: 2rem 7rem 3rem;
}
.loginbox .loginmbox .loginmbody .loginmtit {
  text-align: center;
  font-size: 3.6rem;
  font-weight: bold;
  color: var(--secondary-color);
  margin-bottom: 2.8rem;
}
.loginbox .loginmbox .loginmbody .loginmrow {
  display: block;
}
.loginbox .loginmbox .loginmbody .loginmrow:not(:last-child) {
  margin-bottom: 2.5rem;
}
.loginbox .loginmbox .loginmbody .loginmrow .loginmrow-dt {
  font-size: 1.8rem;
  line-height: 1em;
  padding: 0.4rem 0.6rem;
  margin-left: 2.4rem;
  background-color: #fff;
  position: relative;
  top: 1rem;
  margin-bottom: -1rem;
  z-index: 1;
  display: inline-block;
}
.loginbox .loginmbox .loginmbody .loginmrow .loginmrow-dd {
  display: flex;
  align-items: center;
  height: 7rem;
  border-radius: 1.2rem;
  font-size: 2.4rem;
  padding: 0 2.4rem;
  border: 1px solid var(--primary-dark-color);
}
.loginbox .loginmbox .loginmbody .loginmrow .loginmrow-dd > :not(:last-child) {
  margin-right: 1rem;
}
.loginbox .loginmbox .loginmbody .loginmrow .loginmrow-dd .dd {
  flex: 1;
  height: 7rem;
}
.loginbox .loginmbox .loginmbody .loginmrow .loginmrow-dd .dd .loginmrow-int {
  width: 100%;
  height: 7rem;
  line-height: 7rem;
  font-size: 1.4rem;
  border: none;
  outline: none;
  background-color: transparent;
  display: block;
  box-sizing: border-box;
}
.loginbox .loginmbox .loginmbody .loginmrow .loginmrow-dd .dd .loginmrow-int::-moz-placeholder {
  color: #bfbfbf;
}
.loginbox .loginmbox .loginmbody .loginmrow .loginmrow-dd .dd .loginmrow-int::placeholder {
  color: #bfbfbf;
}
.loginbox .loginmbox .loginmbody .loginmforget {
  margin-bottom: 1.5rem;
  font-size: 1.4rem;
  color: var(--secondary-color);
  text-decoration: underline;
}
.loginbox .loginmbox .loginmbody .loginmagreement {
  margin-top: 1rem;
  color: #bfbfbf;
  font-size: 1.4rem;
}
.loginbox .loginmbox .loginmbody .loginmtips {
  margin-top: 3.6rem;
  text-align: center;
  color: var(--primary-dark-color);
  font-size: 1.4rem;
}

.i-change {
  margin-top: 3rem;
  margin-bottom: 15rem;
}
.i-change .change-pop {
  border-radius: 1.2rem;
  transition: all 0.3s;
  box-shadow: 0px 1px 1.2rem rgba(22, 114, 8, 0.16);
  background-color: #fff;
  padding: 2rem;
  box-sizing: border-box;
}
.i-change .change-pop .change-box .change-body {
  height: 18rem;
  box-sizing: border-box;
  border-radius: 1rem;
  margin-bottom: 8rem;
  color: #fff;
  position: relative;
  background: url("../images/linebg.png"), linear-gradient(134.78deg, #7ede56 0%, #167208 100%);
  background-size: 100% 100%;
}
.i-change .change-pop .change-box .change-body .change-echarts {
  display: block;
  width: 100%;
  height: 100%;
}
.i-change .change-pop .change-box .change-body .change-top {
  position: absolute;
  top: 1rem;
  left: 4rem;
  font-weight: bold;
  font-size: 2.4rem;
  pointer-events: none;
  z-index: 11;
}
.i-change .change-pop .change-box .change-body .change-bottom {
  position: absolute;
  bottom: 1rem;
  left: 4rem;
  font-size: 1.6rem;
  pointer-events: none;
  z-index: 11;
}
.i-change .change-pop .change-box .change-body .change-right {
  position: absolute;
  z-index: 11;
  top: 1rem;
  right: 2rem;
  display: flex;
}
.i-change .change-pop .change-box .change-body .change-right .itm {
  background-color: rgba(126, 222, 86, 0.5);
  font-size: 1.6rem;
  border-radius: 0.6rem;
  line-height: 2.6rem;
  padding: 0 0.6rem;
}
.i-change .change-pop .change-box .change-body .change-right .itm:not(:last-child) {
  margin-right: 1.2rem;
}
.i-change .change-pop .change-box .change-body .change-right .itm.yellow {
  color: #ffeb3b;
}
.i-change .change-pop .change-box .change-foot {
  display: flex;
  align-items: center;
  margin-bottom: 3rem;
}
.i-change .change-pop .change-box .change-foot .change-btn {
  width: 1em;
  height: 1em;
  border-radius: 1em;
  margin-right: 0.8rem;
  background-color: #e5e5e5;
  font-size: 3.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.i-change .change-pop .change-box .change-foot .change-btn::before {
  display: block;
  content: "";
  font-size: 1.6rem;
  transform: rotate(90deg);
  width: 1em;
  height: 1em;
  background-size: 1em auto;
  background-image: url("../images/icon/change.png");
  background-position-y: -1em;
}
.i-change .change-pop .change-box .change-foot .change-cnt {
  flex: 1;
}
.i-change .change-pop .change-box .change-foot .change-cnt .change-row {
  display: flex;
  align-items: center;
}
.i-change .change-pop .change-box .change-foot .change-cnt .change-row:not(:last-child) {
  margin-bottom: 1.5rem;
}
.i-change .change-pop .change-box .change-foot .change-cnt .change-row .change-type {
  position: relative;
  background-color: #fff;
  border-radius: 1rem;
  border: 1px solid var(--primary-color);
  font-size: 1.2rem;
  width: 30rem;
}
.i-change .change-pop .change-box .change-foot .change-cnt .change-row .change-type .change-type-th {
  display: flex;
  align-items: center;
  height: 7.2rem;
  box-sizing: border-box;
  padding: 0 1.5rem;
}
.i-change .change-pop .change-box .change-foot .change-cnt .change-row .change-type .change-type-th .cnt {
  flex: 1;
  line-height: 1em;
  font-size: 1.6rem;
  line-height: 2rem;
}
.i-change .change-pop .change-box .change-foot .change-cnt .change-row .change-type .change-type-th .arrowico {
  width: 1em;
  height: 1em;
  display: block;
  background-size: 1em auto;
  background-image: url("../images/icon/arrow.png");
  font-size: 2rem;
}
.i-change .change-pop .change-box .change-foot .change-cnt .change-row .change-type .change-type-th .flagico {
  display: block;
  width: 3em;
  height: 2em;
  font-size: 1.6rem;
  margin-right: 1.2rem;
}
.i-change .change-pop .change-box .change-foot .change-cnt .change-row .change-type .change-type-td {
  position: absolute;
  z-index: 1;
  background-color: #fff;
  width: 100%;
  max-height: 15.6rem;
  overflow-y: auto;
  border-radius: 1rem;
  border: 1px solid var(--primary-color);
}
.i-change .change-pop .change-box .change-foot .change-cnt .change-row .change-type .change-type-td:not(.show) {
  display: none;
}
.i-change .change-pop .change-box .change-foot .change-cnt .change-row .change-type .change-type-td .itm {
  display: flex;
  align-items: center;
  height: 5.2rem;
  box-sizing: border-box;
  padding: 0 2rem;
}
.i-change .change-pop .change-box .change-foot .change-cnt .change-row .change-type .change-type-td .itm:not(:last-child) {
  border-bottom: 1px solid var(--primary-color);
}
.i-change .change-pop .change-box .change-foot .change-cnt .change-row .change-type .change-type-td .itm.active {
  background-color: var(--secondary-color);
  color: #fff;
}
.i-change .change-pop .change-box .change-foot .change-cnt .change-row .change-type .change-type-td .itm .flagico {
  display: block;
  width: 3em;
  height: 2em;
  font-size: 1rem;
  margin-right: 1.2rem;
}
.i-change .change-pop .change-box .change-foot .change-cnt .change-row .change-type .change-type-td .itm .cnt {
  flex: 1;
  line-height: 1em;
  font-size: 1.2rem;
}
.i-change .change-pop .change-box .change-foot .change-cnt .change-row .change-type .change-type-td .itm .cnt .t {
  font-size: 1.4rem;
  font-weight: bold;
}
.i-change .change-pop .change-box .change-foot .change-cnt .change-row .change-num {
  flex: 1;
  margin-left: 1.2rem;
  background-color: var(--primary-light-color);
  border-radius: 1rem;
  border: 1px solid var(--primary-color);
  height: 7.2rem;
}
.i-change .change-pop .change-box .change-foot .change-cnt .change-row .change-num .change-int {
  display: block;
  width: 100%;
  outline: none;
  border: none;
  background-color: transparent;
  height: 7.2rem;
  line-height: 7.2rem;
  color: #002f37;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
  padding: 0 2.8rem;
}
.i-change .change-pop .change-box .change-list .change-list-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ebf2ef;
  height: 4.8rem;
  font-size: 1.6rem;
  color: #000;
  line-height: 2.4rem;
  padding: 0 1.2rem 0 2.4rem;
}
.i-change .change-pop .change-box .change-list .change-list-body .change-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 6.4rem;
  font-size: 1.6rem;
  color: #002f37;
  line-height: 3.6rem;
  padding: 0 1.2rem 0 2.4rem;
  border-bottom: 1px dashed #e2e2e2;
  cursor: pointer;
}
.i-change .change-pop .change-box .change-list .change-list-body .change-list-item:nth-child(even) {
  background-color: #f5faf8;
}
.i-change .change-pop .change-box .change-list .change-list-body .change-list-item .itm {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.i-change .change-pop .change-box .change-list .change-list-body .change-list-item .itm .flagico {
  width: 3em;
  height: 2em;
  font-size: 2rem;
}
.i-change .change-pop .change-box .change-list .change-list-body .change-list-item .itm .cnt {
  color: #909191;
  font-size: 1.5rem;
  line-height: 2rem;
}
.i-change .change-pop .change-box .change-list .change-list-body .change-list-item .itm .cnt .t {
  color: #002f37;
}
.i-change .change-pop .change-box .change-list .change-list-foot {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #aaa;
  margin: 4.7rem 0 5.8rem;
  cursor: pointer;
}
.i-change .change-pop .change-box .change-list .change-list-foot::after {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background-size: 1em auto;
  background-image: url("../images/icon/arrow.png");
  font-size: 1.5rem;
  margin-left: 1rem;
  opacity: 0.5;
}

/*loading*/
.cloadrow {
  margin: 5rem 0 0 0;
  text-align: center;
  font-size: 1.6rem;
  color: #cecece;
}
.cloadrow.loading {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
}

.loadlinebox {
  margin-bottom: 0.5rem;
  font-size: 0;
}
.loadlinebox .loadline {
  margin: 0 2px;
  display: inline-block;
  width: 3px;
  height: 3rem;
  background-color: #00c686;
  border-radius: 0.4rem;
  animation-fill-mode: both;
  animation: loadline 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
  transform-origin: bottom;
}
.loadlinebox .loadline:nth-child(2), .loadlinebox .loadline:nth-child(4) {
  animation-delay: -0.4s !important;
}
.loadlinebox .loadline:nth-child(1), .loadlinebox .loadline:nth-child(5) {
  animation-delay: -0.2s !important;
}
.loadlinebox .loadline:nth-child(1) {
  background-color: #a6e7d4;
}
.loadlinebox .loadline:nth-child(2) {
  background-color: #afe8cc;
}
.loadlinebox .loadline:nth-child(4) {
  background-color: #c7ebb6;
}
.loadlinebox .loadline:nth-child(5) {
  background-color: #d1ecad;
}

@keyframes loadline {
  0% {
    transform: scaley(1);
  }
  50% {
    transform: scaley(0.4);
  }
  100% {
    transform: scaley(1);
  }
}
/*end loading*/
.buy-pop {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 1111;
}
.buy-pop:not(.show) {
  display: none;
}
.buy-pop .buy-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.buy-pop .buy-box {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  width: 57.8rem;
  transform: translate(-50%, -50%);
  border-radius: 2rem;
  background-color: #fff;
  box-sizing: border-box;
  padding: 0 7rem 3rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.buy-pop .buy-box.success {
  width: 40rem;
  padding: 0 5rem 3rem;
}
.buy-pop .buy-box.success::before {
  width: 1em;
  height: 1em;
  background-image: url("../images/icon/success.png");
  font-size: 11rem;
  margin-bottom: 2.4rem;
}
.buy-pop .buy-box.success .buy-text {
  text-align: center;
}
.buy-pop .buy-box.fail {
  background-image: url("../images/buybg.png"), linear-gradient(180deg, #fdf1e8 0%, #ffffff 100%);
  background-size: 100% 100%;
}
.buy-pop .buy-box.fail::before {
  width: 1em;
  height: 1em;
  background-image: url("../images/icon/fail.png");
  font-size: 11rem;
  margin-bottom: 2.4rem;
}
.buy-pop .buy-box.fail .buy-row {
  background-color: #fff5ed;
  border-color: #dea157;
}
.buy-pop .buy-box::before {
  display: block;
  content: "";
  background-image: url("../images/loginsign.png");
  display: block;
  width: 2em;
  height: 1em;
  background-size: 100% 100%;
  font-size: 12rem;
  margin-top: -0.6em;
  margin-bottom: 5rem;
}
.buy-pop .buy-box .buy-title {
  font-size: 2.4rem;
  line-height: 3rem;
  color: #333;
  margin-bottom: 2rem;
}
.buy-pop .buy-box .buy-text {
  width: 100%;
  line-height: 2.2rem;
  font-size: 1.6rem;
  color: #333;
  margin-bottom: 2.7rem;
}
.buy-pop .buy-box .buy-row {
  margin-bottom: 4rem;
  width: 100%;
  background-color: #f4ffec;
  border: 1px solid #7ede56;
  border-radius: 0.6rem;
  height: 6.6rem;
}
.buy-pop .buy-box .buy-row .buy-int {
  display: flex;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  background-color: transparent;
  box-sizing: border-box;
  padding: 0 2.6rem;
}
.buy-pop .buy-box .buy-bc-side {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 4.8rem);
  cursor: pointer;
}
.buy-pop .buy-box .buy-bc-side .closeico {
  font-size: 3.2rem;
  border: 2px solid currentColor;
  display: block;
  border-radius: 1em;
  color: #fff;
}
.buy-pop .buy-box .buy-bc-side .closeico::before, .buy-pop .buy-box .buy-bc-side .closeico::after {
  font-size: 0.625em;
}

.uploadbtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1em;
  height: 1em;
  font-size: 3rem;
  cursor: pointer;
}
.uploadbtn::before {
  display: block;
  content: "";
  background-size: 1em auto;
  width: 1em;
  height: 1em;
  font-size: 0.85em;
  background-image: url("../images/icon/image.png");
}/*# sourceMappingURL=css.css.map */