/* CSS Document */
/* CSS Document */
.xptopfr {
  z-index: 91;
}

.c2025_bg {
  position: relative;
}

.c2025_bg::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  left: 0px;
  top: 0px;
  background: url("../c2025/bg.webp") 50% no-repeat;
  background-size: 100% 100%;
  z-index: 1;
}

.c2025_01 {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 9;
}

.c2025_01 img {
  width: 100%;
  display: block;
}

.c2025_02 {
  position: relative;
  z-index: 9;
}

.c2025_02 .xpin_01_c .p1 img {
  height: 4rem;
}

.c2025_03 {
  overflow: visible;
  padding-top: 0.9rem;
  position: relative;
  z-index: 9;
  padding-bottom: 2rem;
}

.c2025_03 ul {
  width: 100%;
  overflow: visible;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0.5rem;
}

.c2025_03 ul li {
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border: 2px solid #657e24;
  border-radius: 0.18rem;
  -webkit-border-radius: 0.18rem;
  -webkit-backface-visibility: hidden;
  -webkit-appearance: none;
  background-color: rgba(141, 198, 63, 0.12);
}

.c2025_03 ul li .p {
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.c2025_03 ul li .p1 img {
  width: 100%;
  display: block;
}

.c2025_03 ul li .p2 {
  padding: 0px 0.6rem;
  margin-top: 0.6rem;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

.c2025_03 ul li .p2 .li2 {
  width: 2px;
  position: relative;
}

.c2025_03 ul li .p2 .li2::before {
  content: "";
  display: block;
  width: 100%;
  height: 50%;
  overflow: hidden;
  position: absolute;
  left: 0px;
  top: 0px;
  background: linear-gradient(rgba(141, 198, 63, 0) 30%, rgba(141, 198, 63, 0.5));
  background: -webkit-linear-gradient(rgba(141, 198, 63, 0) 30%, rgba(141, 198, 63, 0.5));
  background: -o-linear-gradient(rgba(141, 198, 63, 0) 30%, rgba(141, 198, 63, 0.5));
  background: -moz-linear-gradient(rgba(141, 198, 63, 0) 30%, rgba(141, 198, 63, 0.5));
}

.c2025_03 ul li .p2 .li2::after {
  content: "";
  display: block;
  width: 100%;
  height: 50%;
  overflow: hidden;
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: linear-gradient(rgba(141, 198, 63, 0) 30%, rgba(141, 198, 63, 0.5));
  background: -webkit-linear-gradient(rgba(141, 198, 63, 0) 30%, rgba(141, 198, 63, 0.5));
  background: -o-linear-gradient(rgba(141, 198, 63, 0) 30%, rgba(141, 198, 63, 0.5));
  background: -moz-linear-gradient(rgba(141, 198, 63, 0) 30%, rgba(141, 198, 63, 0.5));
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.c2025_03 ul li .p2 .li1 {
  width: calc((100% - 2px - 1rem) / 2);
  text-align: left;
}

.c2025_03 ul li .p2 .ai1 {
  color: #7fa900;
}

.c2025_03 ul li .p2 .ai2 {
  color: #fff;
  font-weight: bold;
}

.c2025_03 ul li .p2 .ai3 {
  color: rgba(255, 255, 255, 0.5);
  font-weight: bold;
  text-decoration: line-through;
}

.c2025_03 ul li .p3 {
  background: url("../c2025/c_05.png") 50% no-repeat;
  background-size: 100% 100%;
  height: 0.7rem;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin-top: 0.4rem;
}

.c2025_03 ul li .p4 {
  padding: 0px 0.6rem;
  margin-top: 0.4rem;
}

.c2025_03 ul li .p4 dl {
  width: 100%;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
}

.c2025_03 ul li .p4 dl dd {
  /*widtH: 50%;*/
  /*float: left;*/
  color: #fff;
}

.c2025_03 ul li .p4 dl dd span {
  display: inline-block;
  position: relative;
  padding-left: 0.2rem;
}

.c2025_03 ul li .p4 dl dd span::before {
  content: "";
  display: block;
  width: 0.08rem;
  height: 0.08rem;
  background: url("../c2025/c_06.png") 50% no-repeat;
  background-size: 100%;
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -0.04rem;
}

.c2025_03 ul li .p5 {
  margin-top: 0.4rem;
  text-align: center;
  padding-bottom: 0.6rem;
}

.c2025_03 ul li .p5 a {
  display: inline-block;
  width: 2rem;
  height: 0.58rem;
  background-color: #88a82f;
  border-radius: 0.04rem;
  -webkit-border-radius: 0.04rem;
  -webkit-backface-visibility: hidden;
  -webkit-appearance: none;
  color: #fff;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  margin: 0px auto;
  padding: 0px;
}

.c2025_03 ul li .p5 a:hover {
  color: #fff !important;
  background-color: #67832f;
}

@media screen and (max-width: 990px) {
  .c2025_01 img {
    width: 150%;
    display: block;
    max-width: initial;
    transform: translateX(-10%);
  }
  .c2025_02 .xpin_01_c .p1 img {
    height: 2.4rem;
  }
  .c2025_03 ul {
    grid-template-columns: 100%;
  }
}