.homepage {
  font-size: 0.16rem;
  position: relative;
}
.homepage .fire::before {
  content: "";
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 7.62rem;
  background-image: linear-gradient(to top, #f2f4f7, #fff);
}
.homepage .banner {
  position: relative;
}
.homepage .banner .swiper-slide img {
  width: 100%;
  height: 8.77rem;
}
.homepage .banner .in {
  position: absolute;
  left: 0;
  top: 0;
  padding-top: 1rem;
  bottom: 0;
  z-index: 5;
  width: 100%;
}
.homepage .banner .top {
  justify-content: flex-end;
}
.homepage .banner .bd {
  color: #fff;
  /* font-family: PINGFANG-MEDIUM; */
  padding-top: 0.5rem;
  max-width: 8rem;
}
.homepage .banner .bd h2 {
  /* font-family: PINGFANG-BOLD; */
  font-size: 0.55rem;
  line-height: 0.83rem;
  font-weight: bold;
}
.homepage .banner .bd p {
  font-size: 0.18rem;
  line-height: 0.32rem;
  margin: 0.3rem 0 0.5rem;
}
.homepage .banner .bd .btns {
  display: flex;
  align-items: center;
}
.homepage .banner .bd .btns .btn1 {
  font-size: 0.2rem;
  border-bottom: 1px solid #fff;
  margin-left: 0.64rem;
  color: #ffffff;
}
.homepage .banner .bd .btns .btn1:hover {
  color: #f4af18;
  border-color: #f4af18;
}
.homepage .banner .bd .btns .btn:hover {
  color: #fff;
  background: #f4af18;
}
.homepage .banner .bd .btns .btn {
  width: 2.17rem;
  height: 0.62rem;
  background: rgba(244, 175, 24, 0);
  border-radius: 0.06rem;
  border: 2px solid #f4af18;
  font-size: 0.18rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f4af18;
}
.homepage .banner .side {
  background: #fff;
  width: 4.96rem;
  max-width: 100%;
  border-radius: 0.15rem;
  position: absolute;
  z-index: 19;
  top: 1rem;
  margin-right: -7.765rem;
  right: 50%;
  padding: 0.3rem;
}
.homepage .banner .side .ft {
  color: #ffa900;
  font-size: 0.22rem;
  display: flex;
  align-items: center;
  font-family: PINGFANG-BOLD;
  height: 1.11rem;
  background: url(https://taojiyuntw-1251501713.cos.ap-guangzhou.myqcloud.com/d5319948-520d-439b-b043-38e4401072db.jpg) center no-repeat;
  background-size: cover;
  padding: 0 0.13rem;
}
.homepage .banner .side .ft img {
  margin-right: 0.2rem;
  width: 0.93rem;
}
.homepage .banner .side .tabtitle {
  display: flex;
  text-align: center;
  font-family: PINGFANG-BOLD;
  cursor: pointer;
  font-size: 0.22rem;
  border-bottom: 1px solid #dcdcdc;
}
.homepage .banner .side .tabtitle li {
  flex: 1;
  position: relative;
  padding-bottom: 0.2rem;
}
.homepage .banner .side .tabtitle li.on {
  color: #f4af18;
}
.homepage .banner .side .tabtitle li.on:after {
  content: "";
  width: 0.41rem;
  height: 0.02rem;
  position: absolute;
  left: 50%;
  bottom: -1px;
  transform: translate(-50%, 0);
  background: #f4af18;
}
.homepage .banner .side .tabbox {
  padding-top: 0.12rem;
}
.homepage .banner .side .tabbox li {
  display: flex;
  align-items: center;
  padding: 0.09rem 0 0.09rem 0.11rem;
  border-radius: 0.06rem;
  margin-top: 0.11rem;
  line-height: 0.37rem;
  position: relative;
  border: 1px solid #e5e5e5;
}
.homepage .banner .side .tabbox li .label {
  width: 1.2rem;
  font-family: PINGFANG-BOLD;
  display: flex;
  align-items: center;
}
.homepage .banner .side .tabbox li .label i {
  color: #ffa900;
  margin-right: 0.06rem;
}

.homepage .banner .side .tabbox li .input {
  width: 100%;
  height: 0.37rem;
  font-family: PINGFANG-MEDIUM;
  font-size: 0.16rem;
  padding-left: 0.12rem;
}
.homepage .banner .side .tabbox li .flex_item {
  border-left: 1px solid #eee;
}
.homepage .banner .side .tabbox li span {
  color: #999;
  padding-right: 0.1rem;
}
.homepage .banner .side .tabbox li .address,
.homepage .banner .side .tabbox li .Taiwan,
.productsitem .four .side .e .tabcontent li .address,
.productsitem .four .side .e .tabcontent li .Taiwan,
.jisuan .one .bd .box .address,
.jisuan .one .bd .box .Taiwan {
  background: #fff;
  width: 5rem;
  border-radius: 0.1rem;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
  position: absolute;
  right: 0;
  display: none;

  z-index: 25;
  top: 100%;
  font-size: 0.15rem;
  padding: 0.15rem;
}
.jisuan .one .bd .box .address,
.jisuan .one .bd .box .Taiwan {
  right: auto;
  left: 0;
}
.homepage .banner .side .tabbox li .address > div,
.productsitem .four .side .e .tabcontent li .address > div,
.jisuan .one .bd .box .address > div,
.homepage .banner .side .tabbox li .Taiwan > div,
.productsitem .four .side .e .tabcontent li .Taiwan > div,
.jisuan .one .bd .box .Taiwan > div {
  display: flex;
  flex-wrap: wrap;
  line-height: 0.22rem;
}
.homepage .banner .side .tabbox li .address > div span,
.productsitem .four .side .e .tabcontent li .address > div span,
.jisuan .one .bd .box .address > div span,
.homepage .banner .side .tabbox li .Taiwan > div span,
.productsitem .four .side .e .tabcontent li .Taiwan > div span,
.jisuan .one .bd .box .Taiwan > div span {
  width: 25%;
  padding: 0.06rem;
  color: #333;
  cursor: pointer;
}
.jisuan .one .bd .box .select {
  width: 100%;
}
.jisuan .one .bd .box .select select {
  font-size: 0.15rem;
}
.homepage .banner .side .btn {
  height: 0.66rem;
  background: #ffa900;
  border: 1px solid #ffa900;
  border-radius: 0.33rem;
  margin-top: 0.2rem;
  width: 100%;
  font-size: 0.22rem;
  color: #fff;
  margin-bottom: 0.18rem;
}
.homepage .banner .side .btn:hover {
  color: #ffa900;
  background: #fff;
}
.homepage .banner .fot {
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 99;
  bottom: 0.55rem;
}

.search {
  display: flex;
  align-items: center;
  background: #fff;
  margin-top: 1rem;
  background: #ffffff;
  border-radius: 0.37rem;
  position: relative;
}
.search .input {
  width: 100%;
  background: none;
  font-size: 0.18rem;
  padding-left: 0.25rem;
  font-family: PINGFANG-MEDIUM;

  height: 0.37rem;
}
.search .btn {
  width: 1.66rem;
  height: 0.74rem;
  font-family: PINGFANG-BOLD;
  background: #0079ea;
  color: #ffffff;
  font-size: 0.22rem;
  border-radius: 0 0.37rem 0.37rem 0;
}
.search .btn i {
  font-size: 0.26rem;
}
.search .btn:hover {
  background: #ffa900;
}
.search .picicon {
  width: 0.54rem;
  height: 0.54rem;
  display: flex;
  cursor: pointer;
  margin-right: 0.23rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.06rem;
  border: 1px solid #dcdcdc;
}
.search .select {
  width: 1.86rem;
  position: relative;
  border-right: 1px solid #eeeeee;
}
.search .select select {
  height: 0.37rem;
  padding-left: 0.4rem;
}
.search .picicon i {
  font-size: 0.28rem;
  color: #ccc;
}
.search .share {
  position: absolute;
  top: 150%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
}
.search .share a {
  margin-left: 0.12rem;
}
.search .share a img {
  width: 0.36rem;
}
.search .share a i {
  font-size: 0.32rem;
  color: #adb8cc;
}
.homepage .one {
  height: 0.45rem;
  background: #ffffff;
  display: flex;
  align-items: center;
  box-shadow: 4px 3px 10px 0px rgba(208, 208, 208, 0.81);
  font-size: 0.18rem;
}
.homepage .one .mySwiper {
  height: 0.45rem;
  line-height: 0.45rem;
}
.homepage .one a {
  color: #666666;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.homepage .one a span {
  color: #ffa600;
}
.homepage .one li {
  position: relative;
  padding-left: 0.35rem;
}
.homepage .one li i {
  background: url(/static/upload/20241203/aa7694fde13be7e46110528c12a641c2.png) center no-repeat;
  background-size: 100% 100%;
  width: 0.28rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  height: 0.32rem;
}
.homepage .two {
  padding: 0.7rem 0;
}
.homepage .two .bd {
  position: relative;
  padding: 0 0.6rem;
}
.homepage .two .bd .pic,.homepage .two .bd .pics {
  border-radius: 0.2rem;
  margin-bottom: 0.1rem;
  box-shadow: 0 0.05rem 0.05rem rgba(0, 0, 0, 0.1);
}
.homepage .two .swiper-button-next,
.homepage .two .swiper-button-prev {
  width: 0.45rem;
  height: 0.45rem;
  color: #666;
  background: #ffffff;
  box-shadow: 0px 5px 10px 0px rgba(208, 208, 208, 0.5);
  border-radius: 50%;
}
.homepage .two .swiper-button-next:after,
.homepage .two .swiper-button-prev:after {
  font-size: 0.2rem;
}
.homepage .two .swiper-button-next {
  right: 0;
}
.homepage .two .swiper-button-prev {
  left: 0;
}
.homepage .more {
  display: flex;
  justify-content: center;
  margin-top: 0.55rem;
}
.homepage .more a {
  width: 3.83rem;
  height: 0.72rem;
  background: linear-gradient(90deg, #ffa600, #ffba00);
  box-shadow: 0px 10px 10px 0px rgba(8, 10, 16, 0.05);
  border-radius: 0.36rem;
  color: #fff;
  display: flex;
  align-items: center;
  font-size: 0.24rem;
  justify-content: center;
}
.homepage .more a:hover {
  transform: translateY(-0.1rem);
}
.homepage .more a img {
  width: 0.54rem;
}
.homepage .more a span {
  padding: 0 0.1rem;
}
.homepage .more a i {
  width: 0.38rem;
  height: 0.25rem;
  background: url(/static/upload/20241203/7be18adea59575041ee632187ba92c7f.png) center no-repeat;
  background-size: 100% 100%;
}
.title_common {
  text-align: center;
  font-family: PINGFANG-BOLD;
  font-size: 0.38rem;
}
.homepage .three .hd {
  display: flex;
  align-items: center;
  margin-top: 0.49rem;
}
.homepage .three .hd span {
  font-size: 0.2rem;
  font-family: PINGFANG-MEDIUM;
}
.homepage .three .hd > a {
  color: #666;
}
.homepage .three .hd .tab {
  display: flex;
  font-size: 0.2rem;
}
.homepage .three .hd .tab li a {
  padding: 0 0.15rem;
  height: 0.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.2rem;
}
.homepage .three .hd .tab li.on a {
  background: #ffa900;
  color: #fff;
}
.homepage .three .hd .select {
  background: #cfcfcf;
  margin: 0 0.2rem;
  font-size: 0.2rem;
  border-radius: 0.2rem;
  /* width: 1.56rem; */
  width: auto;
  height: 0.4rem;
}
.homepage .three .hd .select:after {
  border-color: #333;
}
.homepage .three .bd {
  margin-top: 0.25rem;
}
.homepage .three .bd ul {
  display: flex;
  flex-wrap: wrap;
  margin: -0.15rem;
}
.homepage .three .bd ul li {
  width: 20%;
  padding: 0.15rem;
}
.homepage .three .bd ul li .box {
  position: relative;
  background: #fff;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
  padding: 0.22rem;
  border-radius: 0.1rem;
  overflow: hidden;
  min-height: 389px;
}
.homepage .three .bd ul li .use {
  position: absolute;
  height: 0.37rem;
  background: #ffffff;
  font-size: 0.13rem;
  top: 0;
  left: 0;
  z-index: 9;
  display: flex;
  align-items: center;
  padding: 0 0.1rem;
  border-radius: 0 0 0.1rem 0;
}
.homepage .three .bd ul li .use img {
  border-radius: 50%;
  margin-left: 0.06rem;
  width: 0.28rem;
  height: 0.28rem;
}
.homepage .three .bd ul li h4 {
  color: #676767;
  font-size: 0.18rem;
  line-height: 0.23rem;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0.15rem 0;
  min-height: 46px;
}
.homepage .three .bd ul li .flex .flex_item {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 0.22rem;
}
.homepage .three .bd ul li .flex i {
  color: #ffa900;
  font-size: 0.26rem;
}
.homepage .three .bd_other {
  margin-top: 0.25rem;
}
.homepage .three .bd_other ul {
  display: flex;
  flex-wrap: wrap;
  margin: -0.12rem;
}
.homepage .three .bd_other ul li {
  width: 20%;
  padding: 0.12rem;
}
.homepage .three .bd_other a {
  display: block;
  box-shadow: 0 0 0.15rem rgba(0, 0, 0, 0.1);
  border-radius: 0.1rem;
  background: #fff;
  padding: 0.1rem;
}
.homepage .three .bd_other a .name {
  margin: 0.05rem 0 0.2rem;
  position: relative;
  font-size: 0.14rem;
}
.homepage .three .bd_other a .name:after {
  content: " ";
  display: inline-block;
  height: 6px;
  width: 6px;
  border-width: 1px 1px 0 0;
  border-color: #999;
  border-style: solid;
  -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: 0.05rem;
}
.homepage .three .bd_other a .flex .flex_item {
  background: #f4f4f4;
  height: 1.66rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.15rem;
}
.homepage .three .bd_other a .flex .flex_item + .flex_item {
  margin-left: 0.08rem;
}
.homepage .three .bd_other a h4 {
  font-size: 0.24rem;
  margin-top: 0.15rem;
  font-family: PINGFANG-BOLD;
}
.homepage .three .bd_other a .price {
  color: #666;
}
.homepage .three .bd_other a .price span {
  color: #0381ef;
  font-size: 0.18rem;
  font-family: PINGFANG-BOLD;
}
.homepage .three .bd_other a .price span b {
  font-size: 0.22rem;
}
.homepage .three .bd_other a .day {
  color: #666;
  display: flex;
  align-items: center;
  margin-top: 0.08rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.homepage .three .bd_other a .day img {
  width: 0.36rem;
  margin: 0 0.07rem;
}
.homepage .three .bd_other a p {
  color: #999999;
  margin-top: 0.08rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.homepage .four {
  margin-top: 1rem;
  position: relative;
  z-index: 9;
}
.homepage .four .bd {
  padding: 0.5rem 0.85rem 1.05rem;
  background-image: linear-gradient(to bottom, #fefae0, #fff);
}
.homepage .four .bd ul {
  display: flex;
  padding: 0 1.2rem;
  margin-top: 0.5rem;
  background: url(/static/upload/20241203/990260686a231caaf37e95ec6ddc034d.png) center no-repeat;
  background-size: 100% auto;
  text-align: center;
  padding-top: 0.15rem;
}
.homepage .four .bd ul li {
  flex: 1;
}
.homepage .four .bd ul li img {
  width: 1.92rem;
}
.homepage .four .bd ul li:nth-child(even) {
  transform: translateY(0.95rem);
}
.homepage .four .bd ul li:nth-child(even) dl {
  margin-top: 0.25rem;
}
.homepage .four .bd ul dl {
  margin-top: 0.55rem;
}
.homepage .four .bd ul dt {
  font-size: 0.26rem;
  font-family: PINGFANG-BOLD;
  color: #ffa600;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.homepage .four .bd ul dd {
  color: #9f9f9f;
  margin-top: 0.1rem;
  font-size: 0.17rem;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.homepage .four .ft {
  text-align: center;
  margin-top: 0.2rem;
  position: relative;
  font-size: 0.22rem;
  padding: 0 1.1rem;
  font-family: PINGFANG-BOLD;
}
.homepage .four .ft .swiper-button-next,
.homepage .four .ft .swiper-button-prev {
  border-radius: 50%;
  background: #e9e9e9;
  width: 0.53rem;
  color: #fff;
  height: 0.53rem;
}
.homepage .four .ft .swiper-button-next:after,
.homepage .four .ft .swiper-button-prev:after {
  font-size: 0.24rem;
}
.homepage .four .ft .pic,.homepage .four .ft .pics {
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 auto 0.13rem;
  border-radius: 50%;
  border: 0.1rem solid #f3f3f3;
}
.homepage .fire {
  padding-bottom: 0.8rem;
  position: relative;
}
.homepage .fire .bd {
  display: flex;
  margin-top: 1rem;
  position: relative;
  z-index: 8;
}
.homepage .fire .bd .side {
  width: 47%;
  margin-right: 3%;
  background: #fff8ec;
}
.homepage .fire .bd .side .box {
  padding: 0.26rem 0.44rem;
}
.homepage .fire .bd .side h3 {
  width: 2.91rem;
  height: 0.77rem;
  background: #ffa900;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.19rem;
  border-radius: 0px 0px 0.34rem 0px;
}
.homepage .fire .bd .side h3 span {
  font-size: 0.3rem;
  padding-right: 0.1rem;
  font-family: PINGFANG-BOLD;
  vertical-align: bottom;
}
.homepage .fire .bd .side .pic,.homepage .fire .bd .side .pics {
  border-radius: 0.1rem;
}
.homepage .fire .bd .side dt {
  font-size: 0.25rem;
  margin-top: 0.25rem;
  font-family: PINGFANG-BOLD;
}
.homepage .fire .bd .side dd,
.homepage .fire .bd .tabbox li p {
  line-height: 0.23rem;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  margin-top: 0.15rem;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.homepage .fire .bd .side .btn {
  width: 1.56rem;
  height: 0.42rem;
  display: flex;
  align-items: center;
  color: #666;
  margin-top: 0.3rem;
  justify-content: center;
  background: #ffffff;
  border-radius: 0.21rem;
}
.homepage .fire .bd .side .btn:hover {
  background: #ffa900;
  color: #fff;
}
.homepage .fire .bd .tabtitle {
  position: relative;
  display: flex;
  font-family: PINGFANG-MEDIUM;
  border-bottom: 1px solid #ddd;
  padding-bottom: 0.09rem;
}
.homepage .fire .bd .tabtitle li {
  position: relative;
  font-size: 0.25rem;
  width: 1.47rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.48rem;
  color: #666666;
  cursor: pointer;
}
.homepage .fire .bd .tabtitle li.on {
  color: #fff;
  background: #ffa600;
}
.homepage .fire .bd .tabtitle a {
  position: absolute;
  color: #666;
  top: 0.15rem;
  right: 0;
}
.homepage .fire .bd .tabbox li {
  margin-top: 0.17rem;
}
.homepage .fire .bd .tabbox li h4 {
  font-size: 0.23rem;
  word-break: break-all;
  text-overflow: ellipsis;
  font-family: PINGFANG-MEDIUM;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.homepage .fire .bd .tabbox li a {
  display: flex;
  align-items: center;
}
.homepage .fire .bd .tabbox li dl {
  width: 103px;
  height: 103px;
  text-align: center;
  background: #eeeeee;
  margin-right: 0.15rem;
  line-height: 0.42rem;
  font-family: PINGFANG-MEDIUM;
  padding-top: 0.1rem;
}
.homepage .fire .bd .tabbox li dd {
  font-size: 0.2rem;
}
.homepage .fire .bd .tabbox li dd::before {
  content: "";
  display: block;
  width: 64px;
  height: 1px;
  background: #e5e5e5;
  margin: 0 auto;
}
.homepage .fire .ft {
  position: relative;
  margin: 0 -0.1rem;
  padding: 0.6rem 0 0.45rem;
}
.homepage .fire .ft .swiper {
  height: 2.6rem;
  margin-top: 0.2rem;
}
.homepage .fire .ft .swiper-slide {
  height: calc(100% / 2);
}
.homepage .fire .ft .swiper-slide .pic,.homepage .fire .ft .swiper-slide .pics {
  border-radius: 0.15rem;
  background: #fff;
  margin: 0.1rem;
  box-shadow: 0 0 0.15rem rgba(0, 0, 0, 0.1);
}
.homepage .fire .swiper-pagination-bullet {
  width: 0.14rem;
  height: 0.14rem;
}
.homepage .fire .swiper-pagination-bullet-active {
  background: #f4af18;
}
.homepage .six {
  color: #fff;
  background: url(https://taojiyuntw-1251501713.cos.ap-guangzhou.myqcloud.com/63c448ba-538c-4540-93d0-de4499a009c8.jpg) center no-repeat;
  background-size: cover;
  padding: 0.35rem 0;
  font-family: PINGFANG-BOLD;
}
.homepage .six h3 {
  font-size: 0.2rem;
}
.homepage .six ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.25rem;
}
.homepage .six ul li a {
  color: #fff;
}
.homepage .six ul li a:hover {
  color: #f4af18;
}
.homepage .six ul li + li::before {
  content: "|";
  padding: 0 0.2rem;
}
/**/
.daigou {
  font-size: 0.16rem;
}
.daigou .banner {
  display: flex;
  align-items: center;
  height: 6.64rem;
  background: url(https://taojiyuntw-1251501713.cos.ap-guangzhou.myqcloud.com/4e2b5486-e3aa-4ccf-a437-c134522eddf8.jpg) center no-repeat;
  background-size: cover;
}
.daigou .banner .container {
  width: 11.87rem;
}
.daigou .banner .search {
  margin-top: 0.57rem;
}
.daigou .banner h2 {
  text-align: center;
  color: #fff;
  font-size: 0.73rem;
}
.daigou .banner .search .btn {
  background: #f4af18;
}
.daigou .one img {
  width: 100%;
}
.daigou .bg {
  background: url(/static/upload/20241203/56b12d2c89f505948284302ca26af8ed.png) center bottom no-repeat;
  background-size: 100% auto;
}
.daigou .two {
  padding-top: 0.8rem;
}
.daigou .two .bd {
  margin-top: 0.5rem;
}
.daigou .two .bd ul {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.daigou .two .bd ul li {
  padding: 0.13rem 0.22rem;
  width: 25%;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.daigou .two .bd ul li .pic,.daigou .two .bd ul li .pics {
  display: block;
  width: 0.62rem;
  margin: 0 auto;
}
.daigou .two .bd ul li dl span {
  color: #cccccc;
  font-size: 0.3rem;
}
.daigou .two .bd ul li dl dt {
  font-size: 0.2rem;
  font-family: PINGFANG-BOLD;
}
.daigou .two .bd ul li dl dd {
  font-size: 0.15rem;
  color: #666666;
}
.daigou .three {
  padding: 0.8rem 0;
}
.daigou .three .bd {
  margin-top: 0.5rem;
}
.daigou .three .bd ul {
  display: flex;
  flex-wrap: wrap;
  margin: -0.1rem -0.3rem;
}
.daigou .three .bd ul li {
  width: 33.333%;
  font-size: 0.14rem;
  padding: 0.1rem 0.3rem;
}
.daigou .three .bd ul li .flex {
  background: #ffffff;
  box-shadow: 0px 10px 10px 0px rgba(141, 141, 141, 0.15);
  border-radius: 0.2rem;
  transition: all 0.3s;
  padding: 0.16rem;
}
.daigou .three .bd ul li .flex:hover {
  transform: translateY(-0.1rem);
}
.daigou .three .bd ul li .pic, .daigou .three .bd ul li .pics {
  border-radius: 0.15rem;
  margin-right: 0.15rem;
  width: 1.59rem;
}
.daigou .three .bd ul li p {
  line-height: 0.21rem;
  margin: 0.08rem 0 0.1rem;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.daigou .three .bd ul li .data {
  display: flex;
  align-items: center;
}
.daigou .three .bd ul li .data i {
  margin-right: 0.05rem;
  font-size: 0.2rem;
  color: #999;
}
.daigou .three .bd ul li h4 {
  font-size: 0.18rem;
  display: flex;
  font-family: PINGFANG-MEDIUM;
  align-items: center;
}
.daigou .three .bd ul li h4 img {
  margin-right: 0.1rem;
  border-radius: 50%;
  width: 0.3rem;
  height: 0.3rem;
}
.daigou .four {
  color: #fff;
  font-size: 0.14rem;
  background: url(https://taojiyuntw-1251501713.cos.ap-guangzhou.myqcloud.com/a3d36a0b-1f12-467c-9529-73a028b9db92.jpg) center no-repeat;
  background-size: cover;
}
.daigou .four ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 1.87rem;
  flex-wrap: wrap;
}
.daigou .four ul li {
  display: flex;
  align-items: center;
  width: 25%;
}
.daigou .four ul li img {
  width: 0.6rem;
  margin-right: 0.15rem;
  min-width: 56px;
}
.daigou .four ul li dl {
  padding-right: 15px;
}
.daigou .four ul li dt {
  font-size: 0.2rem;
  margin-bottom: 0.08rem;
}
/**/
.chaxun {
  padding: 0.65rem 0;
  font-size: 0.16rem;
}
.chaxun .bd {
  height: 6.18rem;
  background: url(/static/upload/20241203/f1cffdd2fe5bffc8547a49e7685c01ea.png) center no-repeat;
  background-size: cover;
  padding-right: 1.6rem;
  display: flex;
  align-items: center;
  border-radius: 0.2rem;
  justify-content: flex-end;
}
.chaxun .bd .box {
  width: 3.76rem;
  font-family: PINGFANG-MEDIUM;
  background: #fff;
  border-radius: 0.2rem;
}
.chaxun .hd {
  padding: 0.25rem 0.35rem;
}
.chaxun .hd h3 {
  text-align: center;
  font-size: 0.2rem;
  padding-bottom: 0.18rem;
}
.chaxun .hd .input {
  width: 100%;
  border-radius: 0.1rem;
  height: 0.45rem;
  font-family: PINGFANG-MEDIUM;
  padding-left: 0.15rem;
  background: #efefef;
  font-size: 0.15rem;
}
.chaxun .hd li {
  display: flex;
  align-items: center;
  margin-bottom: 0.3rem;
  position: relative;
}
.chaxun .hd li p {
  color: #ff7026;
  background: url(/static/upload/20241203/1ef5388ba6edb78b34d3721395c774bf.png) left center no-repeat;
  background-size: 0.15rem auto;
  padding-left: 0.2rem;
  position: absolute;
  font-size: 0.14rem;
  left: 0;
  margin-top: 0.05rem;
  top: 100%;
}
.chaxun .hd li .yzm {
  height: 0.45rem;
  border-radius: 0.1rem;
  margin-left: 0.1rem;
  background: #fff1d7;
  color: #ffa600;
  border: 1px solid #ffa600;
  width: 1.1rem;
}
.chaxun .hd li .code {
  width: 1.1rem;
  height: 0.45rem;
  border-radius: 0.1rem;
  margin-left: 0.1rem;
  background: #efefef;
  padding: 0.05rem;
}
.chaxun .hd li .code img {
  width: 100%;
}
.chaxun .hd .btn {
  width: 100%;
  font-family: PINGFANG-MEDIUM;
  font-size: 0.18rem;
  background: #ff7026;
  border-radius: 0.1rem;
  margin-top: 0.1rem;
  color: #fff;
  height: 0.45rem;
}
.chaxun .bd .ft {
  text-align: center;
  padding: 0.15rem 0 0.25rem;
  border-top: 1px solid #eee;
}
.chaxun .bd .ft a {
  padding: 0 0.05rem;
}
.chaxun .bd .ft .zc {
  color: #ff7026;
}
/**/
.service {
  font-size: 0.16rem;
}
.service .banner img {
  width: 100%;
}
.service .one {
  position: relative;
  z-index: 9;
  font-size: 0.15rem;
  transform: translateY(-0.25rem);
}
.service .one .hd {
  background: #fff;
  border-radius: 0.15rem;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
  padding: 0.15rem 0;
}
.service .one .hd ul {
  display: flex;
}
.service .one .hd ul li {
  flex: 1;
  border-left: 1px dashed #dbdbdb;
  padding: 0 0.32rem;
}
.service .one .hd ul li:first-child {
  border: none;
}
.service .one .hd ul li img {
  margin-right: 0.1rem;
  width: 0.67rem;
}
.service .one .hd ul li dt {
  font-size: 0.18rem;
  font-family: PINGFANG-BOLD;
  margin-bottom: 0.04rem;
}
.service .one .hd ul li .flex {
  align-items: flex-start;
}
.service .one .bd {
  display: flex;
  margin-top: 0.3rem;
}
.service .one .bd .search {
  margin: 0;
  border: 1px solid #ddd;
  border-radius: 0.15rem;
}
.service .one .search .select {
  width: auto;
}
.service .one .search .btn {
  background: #f4af18;
  width: 1.4rem;
  border-radius: 0 0.15rem 0.15rem 0;
}
.service .one .search .select select {
  padding-left: 0.15rem;
}
.service .one .bd .flex {
  height: 100%;
  border-radius: 0.15rem;
  padding-right: 0.22rem;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
}
.service .one .bd .flex dl {
  padding: 0.25rem;
  border-right: 1px dashed #ddd;
  margin-right: 0.18rem;
  color: #666666;
  text-align: center;
  font-size: 0.2rem;
}
.service .one .bd .flex dl img {
  margin-bottom: 0.05rem;
  width: 0.64rem;
}
.service .one .bd ul {
  display: flex;
}
.service .one .bd ul li {
  width: 1.78rem;
  height: 1.73rem;
  background: #ffffff;
  text-align: center;
  font-size: 0.2rem;
  margin-left: 0.18rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.15rem;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
}
.service .one .bd ul li img {
  height: 0.45rem;
  margin-bottom: 0.1rem;
}
.service .two {
  padding: 0.78rem 0;
}
.service .two .bd {
  padding-top: 0.4rem;
  font-size: 0.15rem;
}
.service .two .bd ul {
  display: flex;
  flex-wrap: wrap;
  margin: -0.13rem -0.21rem;
}
.service .two .bd ul li {
  width: 33.333%;
  font-family: PINGFANG-MEDIUM;
  padding: 0.13rem 0.21rem;
}
.service .two .bd ul li .flex {
  padding: 0.15rem 0;
  border-bottom: 1px solid #eee;
}
.service .two .bd ul li .pic,.service .two .bd ul li .pics {
  border-radius: 0.1rem;
  width: 1.82rem;
  margin-right: 0.15rem;
}
.service .two .bd ul li h4 {
  font-size: 0.2rem;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 0.25rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 0.5rem;
}
.service .two .bd ul li p {
  color: #666;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  margin-top: 0.1rem;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.service .two .bd ul li .data {
  display: flex;
  align-items: center;
  padding: 0.12rem 0;
}
.service .two .bd ul li .more {
  width: 1.2rem;
  height: 0.37rem;
  background: #f4af18;
  border: 1px solid #f4af18;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.19rem;
}
.service .two .bd ul li:hover .more {
  color: #f4af18;
  background: #fff;
}
.service .two .bd ul a {
  display: block;
  border-radius: 0.15rem;
  padding: 0 0.15rem;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
}
.service .three {
  padding: 0.7rem 0;
  background: url(https://taojiyuntw-1251501713.cos.ap-guangzhou.myqcloud.com/c291ad0d-e308-4ac8-8e42-a16b74607f25.jpg) center no-repeat;
  background-size: cover;
}
.service .three .bd {
  padding-top: 0.4rem;
}
.service .three .bd ul {
  display: flex;
  flex-wrap: wrap;
  margin: -0.14rem -0.35rem;
}
.service .three .bd ul li {
  width: 25%;
  padding: 0.14rem 0.35rem;
}
.service .three .bd ul .flex {
  background: #fff;
  height: 1.46rem;
  border-radius: 0.15rem;
  transition: all 0.3s;
  padding: 0 0.23rem;
}
.service .three .bd ul .flex:hover {
  transform: translateY(-0.1rem);
}
.service .three .bd ul img {
  margin-right: 0.23rem;
}
.service .three .bd ul dd {
  line-height: 0.22rem;
  margin-top: 0.1rem;
}
.service .three .bd ul dt {
  font-family: PINGFANG-BOLD;
  color: #f4af18;
  font-size: 0.2rem;
}
/**/
.hotproducts {
  font-size: 0.16rem;
}
.hotproducts .banner {
  height: 4.08rem;
  background: url(/static/upload/20241203/264a8576baf81fb066bb0db22f5532e4.jpg) center no-repeat;
  background-size: cover;
}
.hotproducts .banner .search {
  margin: 0;
}
.hotproducts .banner ul {
  display: flex;
  text-align: center;
  color: #fff;
  margin-top: 38px;
}
.hotproducts .banner ul li {
  flex: 1;
}
.hotproducts .banner ul dt {
  font-size: 0.2rem;
  font-family: PINGFANG-BOLD;
  margin: 0.1rem 0 0.04rem;
}
.hotproducts .banner ul i {
  display: block;
  width: 0.13rem;
  height: 0.13rem;
  margin: 0 auto;
  z-index: 3;
  position: relative;
  background: #f4af18;
  border-radius: 50%;
}
.hotproducts .banner ul i::before {
  content: "";
  border: 0.07rem solid rgba(255, 255, 255, 0.2);
  position: absolute;
  width: 0.13rem;
  border-radius: 50%;
  height: 0.13rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.hotproducts .banner ul .line {
  position: relative;
}
.hotproducts .banner ul .line::before {
  content: "";
  border-bottom: 2px solid #fff;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.hotproducts .banner ul li:first-child .line::before {
  left: 50%;
}
.hotproducts .banner ul li:last-child .line::before {
  right: 50%;
}
.hotproducts .three {
  background: #f2f5fa;
  padding: 0.7rem 0;
}
.hotproducts .info {
  display: flex;
  margin-top: 0.42rem;
}
.hotproducts .info .side {
  width: 17%;
  background: #f2f5fa;
  border-radius: 0.2rem;
  position: relative;
  font-size: 0.15rem;
  margin-right: 15px;
}
.hotproducts .info .side h3 {
  font-size: 0.18rem;
  color: #fff;
  border-radius: 0.2rem 0.2rem 0 0;
  font-family: PINGFANG-BOLD;
  background: #f4af18;
  display: flex;
  align-items: center;
  padding-left: 0.15rem;
  height: 0.53rem;
}
.hotproducts .info .side ul {
  font-family: PINGFANG-MEDIUM;
}
.hotproducts .info .side ul > li {
  border-bottom: 1px dashed #ddd;
}
.hotproducts .info .side ul > li > .flex {
  height: 0.46rem;
  padding: 0 0.15rem;
}
.hotproducts .info .side ul > li:hover {
  background: #fff;
}
.hotproducts .info .side ul > li i {
  margin-right: 0.1rem;
}
.hotproducts .info .side ul > li a + a::before {
  content: "/";
  padding: 0 0.05rem;
}
.hotproducts .info .side ul > li:hover .dropdown {
  display: block;
}
.hotproducts .info .side ul .dropdown {
  position: absolute;
  left: 100%;
  top: 0;
  padding: 0.1rem 0.2rem;
  background: #fff;
  border-radius: 0.1rem;
  z-index: 19;
  display: none;
  border: 2px solid #f4af18;
  width: 7.95rem;
}
.hotproducts .info .side ul .dropdown .flex {
  align-items: flex-start;
  padding: 0.08rem 0;
  line-height: 0.24rem;
}
.hotproducts .info .side ul .dropdown span {
  width: 0.9rem;
  display: flex;
  align-items: center;
  margin-right: 0.06rem;
}
.hotproducts .info .side ul .dropdown span::after {
  content: " ";
  display: inline-block;
  height: 6px;
  width: 6px;
  border-width: 1px 1px 0 0;
  margin-left: 0.05rem;
  border-color: #c8c8cd;
  border-style: solid;
  -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
}
.hotproducts .info .side ul .dropdown ol {
  display: flex;
  flex-wrap: wrap;
}
.hotproducts .info .side ul .dropdown ol li {
  margin-right: 0.15rem;
}
.hotproducts .info .box {
  width: 28%;
  margin-right: 15px;
}
.hotproducts .info .pic, .hotproducts .info .pics {
  border-radius: 0.2rem;
}
.hotproducts .info .lists li + li {
  margin-top: 0.15rem;
}
.hotproducts .info .lists p {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  height: 0.48rem;
  font-size: 0.18rem;
  padding-left: 0.2rem;
  line-height: 0.48rem;
}
.hotproducts .info .swiper-button-next,
.hotproducts .info .swiper-button-prev {
  width: 0.55rem;
  height: 0.62rem;
  color: #fff;
  background: #000000;
}
.hotproducts .info .swiper-button-next:after,
.hotproducts .info .swiper-button-prev:after {
  font-size: 0.24rem;
}
.hotproducts .info .swiper-button-next {
  right: 0;
  border-radius: 0.5rem 0 0 0.5rem;
}
.hotproducts .info .swiper-button-prev {
  left: 0;
  border-radius: 0 0.5rem 0.5rem 0;
}
.hotproducts .info .link {
  background: #f2f5fa;
  border-radius: 0.2rem;
  overflow: hidden;
}
.hotproducts .info .link ol {
  display: flex;
  height: 100%;
  flex-wrap: wrap;
}
.hotproducts .info .link ol li {
  width: 33.333%;
  height: 25%;
  overflow: hidden;
  display: flex;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  align-items: center;
  justify-content: center;
}
/**/
.bread {
  font-size: 0.15rem;
  background: #e5e5e5;
  font-family: PINGFANG-MEDIUM;
  color: #666;
}
.bread ul a {
  color: #666;
}
.bread ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  height: 0.66rem;
}
.bread ul li + li::before {
  content: ">";
  padding: 0 0.1rem;
}
.infobgcolor {
  background: #f2f5fa;
}
.hkong {
  font-size: 0.15rem;
  font-family: PINGFANG-MEDIUM;
  padding: 0.2rem 0 0.5rem;
}
.hkong .one {
  background: #fff;
  border-radius: 0.15rem;
  position: relative;
  padding: 0.32rem;
}
.logogroup {
  position: absolute;
  left: 0.32rem;
  top: 0.26rem;
  display: flex;
}
.logogroup img {
  margin-right: 0.1rem;
  width: 0.6rem;
}
.hkong .one .bd p {
  color: #666;
  line-height: 0.26rem;
  margin-top: 0.07rem;
}
.hkong .one .bd h4 {
  font-size: 0.2rem;
  padding-top: 0.25rem;
  font-family: PINGFANG-BOLD;
}
.hkong .one h2 {
  text-align: center;
  font-size: 0.36rem;
  font-family: PINGFANG-BOLD;
  border-bottom: 1px solid #eee;
  padding-bottom: 0.15rem;
  margin-bottom: 0.2rem;
}
.hkong .one .table {
  margin-top: 0.07rem;
}
.table {
  border: 1px solid #d0e5ff;
}
.table table {
  width: 100%;
  color: #666;
  text-align: center;
}
.table table td,
.table table th {
  padding: 0.08rem;
}
.table table td,
.table table th {
  border-right: 1px solid #d0e5ff;
}
.table table td:last-child,
.table table th:last-child {
  border: none;
}
.table table tr + tr {
  border-top: 1px solid #d0e5ff;
}
.table table th {
  font-weight: normal;
  font-family: PINGFANG-BOLD;
  color: #0079ea;
  background: #ecf5ff;
}
.hkong .two {
  background: #fff;
  margin-top: 0.2rem;
  overflow: hidden;
  border-radius: 0.2rem;
}
.hkong .two .bd {
  background: url(/static/upload/20241203/28b22e2467e76b2c9f068f0d59e842e6.png) center no-repeat;
  background-size: 100% 100%;
  color: #fff;
  padding: 0.33rem;
  border-radius: 0.2rem;
}
.hkong .two .bd dl {
  max-width: 10.13rem;
}
.hkong .two .bd dt {
  font-family: PINGFANG-BOLD;
  font-size: 0.35rem;
}
.hkong .two .bd dd {
  line-height: 0.31rem;
  font-size: 0.18rem;
}
.hkong .two .bd .search {
  margin-top: 0.3rem;
  border-radius: 0.2rem;
}
.hkong .two .bd .search .btn {
  font-size: 0.18rem;
  background: #f4af18;
  border-radius: 0 0.2rem 0.2rem 0;
  font-family: PINGFANG-MEDIUM;
}
.hkong .two .ft {
  padding: 0.25rem 0;
}
.hkong .two .ft ul {
  display: flex;
}
.hkong .two .ft ul li {
  flex: 1;
  padding: 0 0.25rem;
}
.hkong .two .ft ul li + li {
  border-left: 1px dashed #eee;
}
.hkong .two .ft ul li dd {
  color: #666;
  line-height: 0.25rem;
  margin-top: 0.07rem;
}
.hkong .two .ft ul li dt {
  color: #0079ea;
  font-size: 0.18rem;
}
/**/
.keywords {
  font-size: 0.15rem;
  font-family: PINGFANG-MEDIUM;
}
.keywords .infobgcolor {
  padding: 0.2rem 0 0.5rem;
}
.keywords .one {
  background: #fff;
  border-radius: 0.2rem;
  padding: 0.3rem;
}
.keywords .one ul {
  line-height: 0.29rem;
  color: #666;
  margin-top: 0.4rem;
}
.keywords .one p {
  line-height: 0.26rem;
  color: #666;
  margin-top: 0.15rem;
}
.keywords .one h1 {
  font-size: 0.36rem;
  font-family: PINGFANG-BOLD;
}
.keywords .one .pic, .keywords .one .pics {
  margin-right: 0.48rem;
  width: 5.6rem;
}
.keywords .two {
  background: #fff;
  border-radius: 0.2rem;
  padding: 0.3rem;
  margin-top: 0.2rem;
}
.keywords .two .tabtitle {
  display: flex;
  justify-content: center;
  font-size: 0.18rem;
  border-bottom: 1px solid #eee;
}
.keywords .two .tabtitle li {
  cursor: pointer;
  padding-bottom: 0.2rem;
  position: relative;
}
.keywords .two .tabtitle li + li {
  margin-left: 0.77rem;
}
.keywords .two .tabtitle li.on {
  color: #fa6117;
}
.keywords .two .tabtitle li.on:after {
  content: "";
  width: 0.45rem;
  height: 0.04rem;
  border-radius: 0.04rem;
  background: #fa6117;
  position: absolute;
  bottom: -0.02rem;
  left: 50%;
  transform: translate(-50%, 0);
}
.keywords .two .tabbox p {
  line-height: 0.26rem;
  color: #666;
  margin-top: 0.06rem;
}
.keywords .two .tabbox h4 {
  font-size: 0.2rem;
  font-family: PINGFANG-BOLD;
  padding-top: 0.26rem;
}
.keywords .two .tabbox .ft {
  border-radius: 0.2rem;
  background: #fefbf3;
  margin-top: 0.25rem;
  padding: 0.15rem 0.2rem;
  border: 1px solid #f4af18;
}
.keywords .two .tabbox .ft h4 {
  padding: 0;
  color: #fa6117;
}
.keywords .three {
  padding: 0.65rem 0;
  background: url(/static/upload/20241203/2d0186478f318847a192aa2b9a62beb3.jpg) center no-repeat;
  background-size: cover;
}
.keywords .three .title_common {
  color: #fff;
}
.keywords .three .bd {
  padding-top: 0.4rem;
}
.keywords .three .bd ul {
  display: flex;
  flex-wrap: wrap;
  margin: -0.12rem;
}
.keywords .three .bd ul > li {
  width: 25%;
  padding: 0.12rem;
}
.keywords .three .bd .in {
  padding: 0.15rem 0.2rem 0.36rem;
}
.keywords .three .bd .box {
  background: #fff;
  overflow: hidden;
  font-size: 0.16rem;
  border-radius: 0.2rem;
}
.keywords .three .bd .box ol li {
  display: flex;
  align-items: center;
  line-height: 0.34rem;
}
.keywords .three .bd .box ol li span {
  display: block;
  width: 0.82rem;
  color: #666;
}
.keywords .three .bd .box h3 {
  font-size: 0.2rem;
  height: 0.65rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #0079ea;
  font-family: PINGFANG-BOLD;
}
.keywords .three .bd .box a {
  height: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  color: #f4af18;
  border: 1px solid #ddd;
  max-width: 2.63rem;
  margin: 0.2rem auto 0;
}
.keywords .three .bd .box a:hover {
  color: #fff;
  background: #0079ea;
}
.keywords .three .bd .box a i {
  margin-right: 0.06rem;
}
.keywords .three .bd li:nth-child(2) .box h3 {
  background: #3fb65f;
}
.keywords .three .bd li:nth-child(3) .box h3 {
  background: #f4af18;
}
.keywords .three .bd li:nth-child(4) .box h3 {
  background: #fa6117;
}
/**/
.aboutus {
  font-size: 0.16rem;
  font-family: PINGFANG-MEDIUM;
}
.aboutus .one {
  background: url(/static/upload/20241203/b23da8f33612ba356aea64888c60da27.jpg) center no-repeat;
  background-size: 100% 100%;
  color: #fff;
  height: 7.52rem;
  position: relative;
  padding-top: 1.3rem;
}
.aboutus .one .hand {
  width: 0.27rem;
  height: 0.39rem;
  background: url(/static/upload/20241203/5135d9670f665d26373a97050b5c5f96.png) center no-repeat;
  background-size: 100% 100%;
  position: absolute;
  bottom: 0.6rem;
  left: 50%;
  transform: translate(-50%, 0);
}
.aboutus .one .bd span {
  text-transform: uppercase;
  opacity: 0.15;
  font-size: 0.6rem;
  line-height: 0.6rem;
}
.aboutus .one .bd h3 {
  font-size: 0.4rem;
  font-family: PINGFANG-BOLD;
}
.aboutus .one .bd p {
  line-height: 0.28rem;
  margin-top: 0.3rem;
}
.aboutus .one ul {
  width: 5.77rem;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.18rem;
  margin-left: 1rem;
}
.aboutus .one ul li {
  width: 50%;
  padding: 0.35rem;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.aboutus .one ul li:nth-child(2),
.aboutus .one ul li:nth-child(4) {
  border-right: none;
}
.aboutus .one ul li:nth-child(3),
.aboutus .one ul li:nth-child(4) {
  border-bottom: none;
}
.aboutus .one ul li span {
  font-size: 0.54rem;
  font-family: PINGFANG-BOLD;
}
.aboutus .one ul li b {
  font-size: 0.34rem;
  line-height: 0.75rem;
  font-weight: normal;
}
.aboutus .title {
  font-size: 0.45rem;
  text-align: center;
  font-family: PINGFANG-BOLD;
}
.aboutus .title:after {
  content: "";
  width: 0.83rem;
  height: 0.05rem;
  display: block;
  margin: 0.15rem auto 0;
  background: #f4af18;
}
.aboutus .two {
  padding-top: 0.7rem;
}
.aboutus .two .bd {
  margin-top: 0.4rem;
}
.aboutus .two .bd ul {
  display: flex;
  flex-wrap: wrap;
}
.aboutus .two .bd ul li {
  width: 33.333%;
  position: relative;
}
.aboutus .two .bd ul li .pic,.aboutus .two .bd ul li .pics {
  opacity: 0.4;
  transition: all 0.3s;
}
.aboutus .two .bd ul li dl {
  position: absolute;
  left: 0;
  width: 100%;
  font-size: 0.18rem;
  top: 50%;
  text-align: center;
  transform: translate(0, -50%);
}
.aboutus .two .bd ul li dd {
  color: #fff;
  margin-top: 0.2rem;
}
.aboutus .two .bd ul li dt {
  font-size: 0.46rem;
  font-family: PINGFANG-BOLD;
}
.aboutus .two .bd ul li:hover .pic, .aboutus .two .bd ul li:hover .pics {
  opacity: 1;
}
.aboutus .three {
  padding: 0.7rem 0;
  background: url(/static/upload/20241203/94c97ed0e8d76a9ada8571656a638b83.jpg) center no-repeat;
  background-size: 100% 100%;
  font-size: 0.2rem;
}
.aboutus .three .bd {
  padding-top: 0.4rem;
}
.aboutus .three .bd ul {
  display: flex;
  flex-wrap: wrap;
  margin: -0.24rem -0.11rem;
}
.aboutus .three .bd ul li {
  width: 25%;
  text-align: center;
  padding: 0.24rem 0.11rem;
}
.aboutus .three .bd ul .box {
  background: #f6f7f9;
  transition: all 0.3s;
  padding: 0.24rem;
}
.aboutus .three .bd ul .box:hover {
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1);
}
.aboutus .three .bd ul .box .img {
  height: 2.7rem;
  display: flex;
  align-items: center;
  margin-bottom: 0.2rem;
  overflow: hidden;
  justify-content: center;
}
.aboutus .three .bd ul .box p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.aboutus .four span {
  color: #fff;
  font-size: 0.35rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.aboutus .four span:after {
  content: "";
  width: 0.54rem;
  height: 0.1rem;
  display: block;
  background: url(/static/upload/20241203/aabe7fc1187c0002a3c6efd27b706908.png) center no-repeat;
  background-size: 100% 100%;
  margin: 0.1rem auto 0;
}
.blue {
  color: #0079ea;
}
.table .logo {
  border-right: 1px solid #d0e5ff;
}
.table .text-align {
  text-align: left;
}
.table .orange {
  text-decoration: underline;
  color: #fb7f3f;
}
.hkong .one .bd .yellow {
  color: #f4af18;
  font-size: 0.15rem;
}
.hkong .one .bd h4.blue {
  font-size: 0.18rem;
}
.hkong .one .brdge {
  display: flex;
  flex-wrap: wrap;
  padding: 0.1rem 0;
  color: #0079ea;
}
.hkong .one .brdge span {
  height: 0.4rem;
  padding: 0 0.2rem;
  border-radius: 0.4rem;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  margin-right: 0.1rem;
}
.hkong .three {
  background: url(/static/upload/20241203/f785c0eae53cd44b8eb240392e30d0b8.jpg) center no-repeat;
  background-size: 100% 100%;
  padding: 0.5rem 0;
  font-size: 0.16rem;
}
.hkong .three .flex .title {
  display: flex;
  padding-bottom: 0.15rem;
  margin-bottom: 0.15rem;
  align-items: center;
  border-bottom: 1px solid #ddd;
}
.hkong .three .flex .title .flex_item {
  font-size: 0.2rem;
  font-family: PINGFANG-BOLD;
}
.hkong .three .flex .title::before {
  content: "";
  width: 0.06rem;
  height: 0.27rem;
  border-radius: 0.06rem;
  display: block;
  margin-right: 0.1rem;
  background: #0079ea;
}
.hkong .three .flex .title a {
  color: #666;
}
.hkong .three .flex {
  justify-content: space-between;
}
.hkong .three .flex .box {
  width: 48%;
}
.hkong .three .flex .box li {
  position: relative;
  padding-left: 0.23rem;
}
.hkong .three .flex .box li a {
  display: flex;
  align-items: center;
  line-height: 0.4rem;
  color: #666;
}
.hkong .three .flex .box li a .flex_item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hkong .three .flex .box li a:hover {
  color: #f4af18;
}
.hkong .three .flex .box li span {
  color: #999;
}
.hkong .three .flex .box li:before {
  content: "◎";
  color: #0079ea;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 0;
}
.hkong_pb {
  padding-bottom: 0;
}
.hkong_pb > .container {
  padding-bottom: 0.5rem;
}
.hkong .one .bd .tip {
  color: #333;
  font-family: PINGFANG-BOLD;
}
.hkong .one .liucheng {
  margin-top: 0.1rem;
}
.hkong .one .liucheng ul {
  display: flex;
  border-radius: 0.15rem;
  text-align: center;
  color: #fff;
  overflow: hidden;
}
.hkong .one .liucheng ul li {
  flex: 1;
  padding: 0.2rem 0;
  background-image: linear-gradient(to bottom, #027aea, #bdd9f9);
}
.hkong .one .liucheng ul li:nth-child(2) {
  background-image: linear-gradient(to bottom, #439cee, #afd9ff);
}
.hkong .one .liucheng ul li:nth-child(3) {
  background-image: linear-gradient(to bottom, #5ac3d9, #abf0fe);
}
.hkong .one .liucheng ul li:nth-child(4) {
  background-image: linear-gradient(to bottom, #edbc29, #ffe8a3);
}
.hkong .one .liucheng ul li:nth-child(5) {
  background-image: linear-gradient(to bottom, #fa6219, #ffb38e);
}
.hkong .one .liucheng ul p {
  color: #fff;
  text-transform: uppercase;
}
.hkong .one .liucheng ul dt {
  font-size: 0.2rem;
  padding-bottom: 0.07rem;
}
.hkong .one .liucheng ul img {
  height: 1.05rem;
  margin: 0.1rem 0;
}
.hkong .one .liucheng ul .line {
  position: relative;
  margin-bottom: 0.1rem;
}
.hkong .one .liucheng ul .line::before {
  content: "";
  border-bottom: 2px solid #fff;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin-top: -1px;
}
.hkong .one .liucheng ul li:first-child .line::before {
  left: 50%;
}
.hkong .one .liucheng ul li:last-child .line::before {
  right: 50%;
}
.hkong .one .liucheng ul .line i {
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
  display: block;
  margin: 0 auto;
  position: relative;
  background: #fff;
}
.hkong .one .liucheng ul .line i:after {
  content: "";
  width: 0.46rem;
  height: 0.46rem;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  opacity: 0.2;
}
.hkong .four .title,
.hkong .fire .title {
  text-align: center;
  font-family: PINGFANG-BOLD;
  font-size: 0.3rem;
}
.hkong .four,
.hkong .fire {
  padding: 0.32rem;
  background: #fff;
  border-radius: 0.15rem;
  margin-top: 0.23rem;
}
.hkong .four .bd li {
  position: relative;
  line-height: 0.27rem;
  background: #f2f5fa;
  border-radius: 0.15rem;
  margin-top: 0.3rem;
  padding: 0.12rem 0.2rem 0.12rem 0.65rem;
}
.hkong .four .bd li::before {
  content: "";
  width: 0.63rem;
  height: 0.67rem;
  background: url(/static/upload/20241203/d453a311bdaf7ac40c781b4541331953.png) center no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: -0.15rem;
}
.hkong .four .bd dt {
  font-size: 0.16rem;
  color: #0079ea;
  margin-bottom: 0.05rem;
  font-family: PINGFANG-BOLD;
}
.hkong .fire .bd {
  padding-top: 0.4rem;
}
.hkong .fire .bd ul {
  display: flex;
  font-size: 0.16rem;
  margin: -0.07rem -0.25rem;
  flex-wrap: wrap;
}
.hkong .fire .bd ul li {
  width: 50%;
  padding: 0.07rem 0.25rem;
}
.hkong .fire .bd ul a {
  display: flex;
  align-items: center;
  border-radius: 0.1rem;
  height: 0.46rem;
  padding: 0 0.2rem;
  border: 1px solid #d0e5ff;
}
.hkong .fire .bd ul a i {
  display: block;
  position: relative;
  border-radius: 50%;
  width: 0.23rem;
  height: 0.23rem;
  background: #d0e5ff;
}
.hkong .fire .bd ul a i:after {
  content: " ";
  display: inline-block;
  height: 6px;
  width: 6px;
  border-width: 1px 1px 0 0;
  border-color: #fff;
  border-style: solid;
  -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  position: absolute;
  top: 50%;
  margin: -4px 0 0 -6px;
  left: 50%;
}
.hkong .six {
  color: #fff;
  padding: 0.5rem 0;
  font-size: 0.16rem;
  background: url(/static/upload/20241203/3feed612f989f3ebe39cf8f69cbd5054.jpg) center no-repeat;
  background-size: cover;
}
.hkong .six .title {
  font-size: 0.2rem;
  border-bottom: 1px solid #fff;
  padding-bottom: 0.1rem;
  font-family: PINGFANG-BOLD;
  margin-bottom: 0.15rem;
  display: flex;
  align-items: center;
}
.hkong .six .title::before {
  content: "";
  width: 0.06rem;
  height: 0.27rem;
  border-radius: 0.06rem;
  background: #fff;
  margin-right: 0.15rem;
  display: block;
}
.hkong .six a {
  color: #fff;
}
.hkong .six .bd ul {
  display: flex;
  flex-wrap: wrap;
}
.hkong .six .bd ul li {
  width: 12.5%;
  line-height: 0.38rem;
}
/**/
.qa {
  font-size: 0.16rem;
  font-family: PINGFANG-MEDIUM;
}
.qa .banner {
  height: 4.07rem;
  background: url(/static/upload/20241203/e848b6c9056745a8ce0f7ff9caeaefc7.jpg) center no-repeat;
  background-size: cover;
  padding-top: 1.18rem;
  color: #fff;
  font-size: 0.56rem;
  font-family: PINGFANG-BOLD;
}
.qa .banner img {
  margin-right: 0.15rem;
  width: 1.16rem;
}
.qa .one {
  position: relative;
  z-index: 9;
}
.tabinfo {
  display: flex;
  background: #fff;
  font-size: 0.2rem;
  box-shadow: 0 0.05rem 0.15rem rgba(0, 0, 0, 0.1);
  border-radius: 0.15rem;
  transform: translateY(-0.5rem);
}
.tabinfo li {
  width: 12.5%;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
}
.tabinfo li i {
  font-size: 0.26rem;
  margin-right: 0.05rem;
}
.tabinfo li.on:after {
  content: "";
  width: 0.72rem;
  height: 3px;
  background: #f4af18;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.tabinfo li.on a {
  color: #f4af18;
}
.tabinfo li a {
  display: flex;
  height: 0.8rem;
  align-items: center;
  justify-content: center;
}
.qa .one .tabcontent {
  margin-top: 0.2rem;
  text-align: center;
}
.qa .one .tabcontent ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.32rem;
}
.qa .one .tabcontent ul li {
  width: 16.666%;
  padding: 0 0.32rem;
  font-size: 0.2rem;
  color: #666;
}
.qa .one .tabcontent ul li .box {
  position: relative;
  transition: all 0.3s;
}
.qa .one .tabcontent ul li .box:hover {
  transform: translateY(-0.1rem);
}
.qa .one .tabcontent ul li .box::before {
  content: "";
  width: 2.36rem;
  height: 0.76rem;
  background: url(/static/upload/20241203/2ebafc8883891a820e4f3cd79cc4cffa.png) center no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  bottom: -3px;
}
.qa .one .tabcontent ul li dl {
  height: 2.15rem;
  border-radius: 0.15rem;
  padding-top: 0.5rem;
  z-index: 5;
  background: #f6f6f6;
  box-shadow: 0 0 0.05rem rgba(0, 0, 0, 0.1);
  position: relative;
}
.qa .one .tabcontent ul li dt {
  width: 0.74rem;
  height: 0.74rem;
  border-radius: 50%;
  display: flex;
  box-shadow: 0 0 0.1rem #fff;
  align-items: center;
  margin: 0 auto 0.3rem;
  background: #f4af18;
  justify-content: center;
}
.qa .two {
  padding: 0 0 0.8rem;
  font-family: PINGFANG-MEDIUM;
}
.qa .two .info {
  display: flex;
}
.qa .two .info .box {
  padding: 0.2rem;
  background: #fff;
  border-radius: 0.15rem;
}
.qa .two .info .box .bannersm {
  border-radius: 0.1rem;
}
.qa .two .info .box .bannersm img {
  width: 100%;
}

.qa .two .info .box .hd h1 {
  font-size: 0.22rem;
  margin: 0.1rem 0;
}
.qa .two .info .box .hd h4 span {
  display: inline-block;
  color: #fff;
  background: #0079ea;
  padding: 0.04rem 0.15rem;
  border-radius: 0.1rem;
}
.qa .two .info .box .hd p {
  color: #999;
  font-size: 0.15rem;
}
.qa .two .info .box .hd p span + span {
  margin-left: 0.3rem;
}
.qa .two .info .box .ft {
  margin-top: 0.3rem;
}
.qa .two .info .box .ft h3 {
  font-size: 0.22rem;
  display: flex;
  align-items: center;
  font-family: PINGFANG-BOLD;
}
.qa .two .info .box .ft h3::before {
  content: "";
  width: 0.05rem;
  height: 0.22rem;
  background: #f4af18;
  margin-right: 0.1rem;
  border-radius: 0.05rem;
}
.qa .two .info .box .ft li {
  display: flex;
  font-size: 0.15rem;
  margin-top: 0.2rem;
  align-items: flex-start;
}
.qa .two .info .box .ft li .pic, .qa .two .info .box .ft li .pics {
  border-radius: 50%;
  margin-right: 0.1rem;
  width: 0.5rem;
}
.qa .two .info .box .ft li h4,
.qa .two .info .box .ft li .flex {
  color: #999;
}
.qa .two .info .box .ft li .flex span {
  margin-right: 0.3rem;
}
.qa .two .info .box .ft li p {
  margin: 0.07rem 0;
}
.qa .two .info .box .btn {
  width: 3.97rem;
  height: 0.66rem;
  display: flex;
  background: #fffbf3;
  color: #999999;
  border: 1px solid #f4af18;
  font-size: 0.18rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.66rem;
  margin: 0.3rem auto 0;
}
.qa .two .info .box .btn a {
  color: #ff7026;
}
.qa .two .info .box ol > li {
  padding: 0.2rem 0;
  border-bottom: 1px solid #eee;
}
.qa .two .info .side {
  background: #fff;
  border-radius: 0.15rem;
  width: 4.2rem;
  margin-left: 0.16rem;
  padding: 0.15rem;
}
.qa .two .info .side .person {
  display: flex;
  align-items: center;
}
.qa .two .info .side .person .pic, .qa .two .info .side .person .pics {
  border-radius: 50%;
  margin-right: 0.1rem;
  width: 0.82rem;
  height: 0.82rem;
}
.qa .two .info .side .person span {
  font-size: 0.12rem;
  color: #fff;
  background: #f5b536;
  border-radius: 0.2rem;
  margin-left: 0.1rem;
  padding: 0.02rem 0.06rem;
}
.qa .two .info .side ul li {
  position: relative;
  line-height: 0.36rem;
  padding-left: 0.14rem;
}
.qa .two .info .side ul li:before {
  content: "";
  width: 0.08rem;
  height: 0.08rem;
  border-radius: 50%;
  background: #5aadff;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.qa .two .info .side ol {
  line-height: 0.36rem;
}
.qa .two .info .side .title {
  font-size: 0.18rem;
  border-bottom: 1px solid #ddd;
  margin: 0.3rem 0 0.15rem;
  padding-left: 0.15rem;
  display: flex;
}
.qa .two .info .side .title span {
  display: block;
  border-bottom: 3px solid #ff7026;
  padding-bottom: 0.12rem;
}
/**/
.news {
  font-size: 0.16rem;
  font-family: PINGFANG-MEDIUM;
}
.news .banner {
  height: 4.09rem;
  background: url(/static/upload/20241203/a79783dfce7527ec968ba1e4a77318a1.jpg) center no-repeat;
  background-size: cover;
  color: #fff;
  font-size: 0.56rem;
  padding-top: 0.85rem;
  line-height: 0.75rem;
  font-family: PINGFANG-BOLD;
}
.news .title {
  text-align: center;
  font-family: PINGFANG-BOLD;
  font-size: 0.14rem;
  text-transform: uppercase;
  padding: 0.7rem 0 0.4rem;
}
.news .title dt span {
  color: #f4af18;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.news .title dt span::before {
  display: block;
  content: "";
  margin-right: 0.15rem;
  width: 0.92rem;
  border-bottom: 1px solid #f4af18;
}
.news .title dt span::after {
  display: block;
  content: "";
  margin-left: 0.15rem;
  width: 0.92rem;
  border-bottom: 1px solid #f4af18;
}
.news .title dd {
  font-size: 0.38rem;
}
.news .one {
  margin-top: -0.5rem;
  padding-bottom: 0.7rem;
}
.news .one .bd {
  display: flex;
}
.news .one .bd .pic, .news .one .bd .pics {
  border-radius: 0.15rem;
}
.news .one .bd p {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 0.57rem;
  padding: 0 0.2rem;
  font-size: 0.18rem;
  border-radius: 0 0 0.15rem 0.15rem;
  background: rgba(0, 0, 0, 0.7);
}
.news .one .bd .swiper-button-next,
.news .one .bd .swiper-button-prev {
  border-radius: 0.28rem;
  background: rgba(255, 255, 255, 0.5);
  color: #333;
  width: 0.28rem;
  height: 0.54rem;
}
.news .one .bd .swiper-button-next:after,
.news .one .bd .swiper-button-prev:after {
  font-size: 0.2rem;
}
.news .one .bd .side {
  width: 66%;
  margin-right: 0.3rem;
}
.news .one .bd ul a {
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 0.15rem;
  font-size: 0.2rem;
  color: #666;
  height: 0.74rem;
  padding: 0 0.15rem;
  border: 1px solid #fff;
}
.news .one .bd ul a:hover {
  color: #f4af18;
  border: 1px solid #f4af18;
}
.news .one .bd ul li + li {
  margin-top: 0.08rem;
}
.news .one .bd ul li i {
  position: relative;
  border-radius: 50%;
  width: 0.27rem;
  border: 1px solid #f4af18;
  height: 0.27rem;
}
.news .one .bd ul li i:after {
  content: " ";
  display: inline-block;
  height: 6px;
  width: 6px;
  border-width: 1px 1px 0 0;
  border-color: #f4af18;
  border-style: solid;
  -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  position: absolute;
  top: 50%;
  margin: -3px 0 0 -5px;
  left: 50%;
}
.news .two {
  padding-bottom: 0.7rem;
  background: url(/static/upload/20241203/ab821dc98395f364a743277f4783fc66.jpg) center no-repeat;
  background-size: 100% 100%;
}
.news .two .info {
  display: flex;
}
.news .two .info .side {
  width: 29%;
  margin-left: 0.3rem;
}
.news .two .info .side li a {
  display: flex;
  align-items: center;
}
.news .two .info .side ul li {
  margin-bottom: 0.16rem;
  line-height: 0.28rem;
}
.news .two .info .side ul li .pic, .news .two .info .side ul li .pics {
  margin-right: 0.1rem;
  border-radius: 0.1rem;
  width: 1.78rem;
}
.news .two .info .side ul li p {
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news .two .info .side ul li .data {
  color: #999;
  margin-top: 0.2rem;
}
.news .two .info .side ol li {
  line-height: 0.4rem;
  color: #666;
}
.news .two .info .side ol li span {
  color: #999;
}
.news .two .info .side ol li em {
  font-style: normal;
  font-size: 0.14rem;
  color: #fff;
  width: 0.19rem;
  height: 0.19rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f4af18;
  margin-right: 0.1rem;
  border-radius: 0.05rem;
}
.news .two .info .side ol li .flex_item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news .two .info .side .btn {
  width: 1.2rem;
  height: 0.35rem;
  border: 1px solid #ddd;
  border-radius: 0.35rem;
  display: flex;
  align-items: center;
  color: #999;
  justify-content: center;
  margin: 0.2rem auto 0;
}
.news .two .info .side .btn i {
  width: 0.16rem;
  height: 0.15rem;
  background: url(/static/upload/20241203/91310c51f75b3373a5919fb79a04ccb2.png) center no-repeat;
  background-size: 100% 100%;
  margin-left: 0.05rem;
  display: block;
}
.news .two .info .side h3 {
  font-size: 0.2rem;
  font-family: PINGFANG-BOLD;
  padding-bottom: 0.15rem;
  display: flex;
  align-items: center;
  margin-bottom: 0.2rem;
  border-bottom: 1px solid #ddd;
}
.news .two .info .side h3:before {
  content: "";
  width: 0.06rem;
  height: 0.27rem;
  margin-right: 0.1rem;
  background: #0079ea;
  display: block;
}
.news .two .tabtitle {
  display: flex;
  background: #f2f5fa;
  font-size: 0.2rem;
  padding-left: 0.38rem;
  border-radius: 0.15rem;
  margin-bottom: 0.25rem;
}
.news .two .tabtitle li {
  cursor: pointer;
  line-height: 0.6rem;
  position: relative;
}
.news .two .tabtitle li + li {
  margin-left: 1.1rem;
}
.news .two .tabtitle li.on {
  color: #f4af18;
  font-family: PINGFANG-BOLD;
}
.news .two .tabtitle li.on:after {
  content: "";
  border-bottom: 2px solid #f4af18;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.news .two .bd {
  display: flex;
}
.news .two .bd .left {
  position: relative;
  margin-right: 0.2rem;
  width: 37.5%;
}
.news .two .bd .left .pic, .news .two .bd .left .pics {
  border-radius: 0.15rem;
}
.news .two .bd .left p,
.news .two .bd .flex p {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  line-height: 0.48rem;
  padding: 0 0.15rem;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
}
.news .two .bd .left li + li {
  margin-top: 0.17rem;
}
.news .two .bd .bannerbox {
  position: relative;
  border-radius: 0.15rem;
}
.news .two .bd .bannerbox dl {
  color: #fff;
  position: absolute;
  left: 0.3rem;
  top: 0.3rem;
  right: 0.3rem;
  font-size: 0.17rem;
}
.news .two .bd .bannerbox dd {
  line-height: 0.27rem;
  margin-top: 0.05rem;
}
.news .two .bd .bannerbox dt {
  font-size: 0.33rem;
  font-family: PINGFANG-BOLD;
}
.news .two .bd ol {
  margin-top: 0.15rem;
}
.news .two .bd ol a {
  display: flex;
  align-items: center;
  color: #666;
  line-height: 0.34rem;
}
.news .two .bd ol a:hover {
  color: #f4af18;
}
.news .two .bd ol span {
  color: #999;
}
.news .two .bd .flex .pic, .news .two .bd .flex .pics {
  border-radius: 0.15rem;
}
.news .two .bd .flex .flex_item + .flex_item {
  margin-left: 0.2rem;
}
.news .two .bd .more {
  width: 2.6rem;
  height: 0.5rem;
  border: 1px solid #999;
  border-radius: 0.5rem;
  color: #666;
  display: flex;
  margin: 0.3rem auto 0;
  align-items: center;
  justify-content: center;
}
.news .two .bd .more:hover {
  color: #fff;
  background: #f4af18;
  border-color: #f4af18;
}
.news .three {
  background: none;
}
.news .two .bd .lists a {
  display: flex;
  align-items: center;
}
.news .two .bd .lists li {
  margin-top: 0.17rem;
}
.news .two .bd .lists li .pic, .news .two .bd .lists li .pics {
  border-radius: 0.15rem;
  margin-right: 0.15rem;
}
.news .two .bd .lists li p {
  font-size: 0.15rem;
  color: #666;
  margin-top: 0.05rem;
  line-height: 0.22rem;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.news .two .bd .lists li h4 {
  font-size: 0.18rem;
  font-family: PINGFANG-BOLD;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
/**/
.news-lists {
  font-size: 0.16rem;
}
.news-lists .zhuanti {
  margin: -0.15rem -0.15rem 0;
}
.news-lists .zhuanti img {
  width: 100%;
}
.news-lists .banner img {
  width: 100%;
}
.news-lists .info {
  display: flex;
  font-family: PINGFANG-MEDIUM;
  padding: 0.3rem 0 0.6rem;
  align-items: flex-start;
}
.news-lists .info .side {
  width: 4.2rem;
  margin-left: 0.15rem;
}
.news-lists .info .side .one {
  border-radius: 0.1rem;
  background: #fff;
  padding: 0.18rem;
}
.news-lists .info .side .one .input {
  width: 100%;
  height: 0.57rem;
  border: 1px solid #eee;
  border-radius: 0.08rem;
  font-size: 0.15rem;
  padding-left: 0.15rem;
}
.news-lists .info .side .one .btn {
  margin-top: 0.12rem;
  width: 100%;
  font-size: 0.16rem;
  height: 0.52rem;
  border-radius: 0.52rem;
  background: #0079ea;
  color: #fff;
}
.news-lists .info .side .one .btn:hover {
  background: #ff7026;
}
.news-lists .info .side .title {
  border-bottom: 1px solid #eee;
  padding: 0 0.18rem;
  font-size: 0.18rem;
  align-items: center;
  justify-content: space-between;
  display: flex;
}
.news-lists .info .side .title a {
  font-size: 0.14rem;
  color: #666;
}
.news-lists .info .side .title span {
  display: block;
  padding: 0.15rem 0 0.12rem;
  border-bottom: 3px solid #ff7026;
}
.news-lists .info .side .two {
  border-radius: 0.1rem;
  margin-top: 0.15rem;
  background: #fff;
}
.news-lists .info .side .two .bd {
  padding: 0.18rem;
}
.news-lists .info .side .two .bd ul {
  display: flex;
  flex-wrap: wrap;
  margin: -0.06rem -0.12rem;
}
.news-lists .info .side .two .bd ul li {
  width: 33.333%;
  padding: 0.06rem 0.12rem;
}
.news-lists .info .side .two .bd a {
  height: 0.43rem;
  border-radius: 0.1rem;
  color: #666;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  justify-content: center;
}
.news-lists .info .side .two .bd a:hover {
  color: #fff;
  background: #ff7026;
}
.news-lists .info .side .three {
  margin-top: 0.15rem;
  border-radius: 0.1rem;
  background: #fff;
}
.news-lists .info .side .three .bd {
  padding: 0.18rem;
}
.news-lists .info .side .three li {
  display: flex;
  align-items: center;
  line-height: 0.4rem;
}
.news-lists .info .side .three li span {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.14rem;
  width: 0.2rem;
  height: 0.2rem;
  background: #f4af18;
  margin-right: 0.1rem;
  border-radius: 0.05rem;
}
.news-lists .info .side .three li a {
  color: #666;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.news-lists .info .side .three li a:hover {
  color: #f4af18;
}
.news-lists .info .side .three .pic, .news-lists .info .side .three .pics {
  border-radius: 0.1rem;
  margin-bottom: 0.1rem;
}
.news-lists .lists {
  background: #fff;
  border-radius: 0.1rem;
  padding: 0.15rem;
}
.news-lists .lists .bd li {
  border-bottom: 1px solid #eee;
}
.news-lists .lists .bd li a {
  display: flex;
  align-items: center;
  padding: 0.2rem 0;
}
.news-lists .lists .bd li .pic, .news-lists .lists .bd li .pics {
  border-radius: 0.1rem;
  width: 2.78rem;
  margin-right: 0.2rem;
  height: 170px;
}
.news-lists .lists .bd li h4 {
  font-size: 0.2rem;
}
.news-lists .lists .bd li p {
  color: #666;
  font-size: 0.15rem;
  line-height: 0.24rem;
  margin-top: 0.1rem;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news-lists .lists .bd li .data {
  display: flex;
  align-items: center;
  margin-top: 0.4rem;
  font-size: 0.14rem;
  color: #999;
}
.news-lists .lists .bd li .data span + span {
  margin-left: 0.25rem;
}
.news-lists .lists .bd li .data span {
  display: flex;
  align-items: center;
}
.news-lists .lists .bd li .data i {
  margin-right: 0.05rem;
}
.pages {
  padding: 0.3rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pages ul {
  display: flex;
}
.pages span,
.pages a {
  padding: 0 0.18rem;
  display: flex;
  align-items: center;
  height: 0.46rem;
  border-radius: 0.05rem;
  color: #999;
  background: #f1eff0;
}
.pages span,
.pages a {
  margin-left: 0.05rem;
}
.pages a:hover,
.pages a.on {
  color: #fff;
  background: #f4af18;
}
/**/
.news-lists .info .side .four,
.news-lists .info .side .fire,
.news-lists .info .side .six {
  border-radius: 0.1rem;
  background: #fff;
  margin-bottom: 0.15rem;
}
.news-lists .info .side .four .bd {
  text-align: center;
  padding: 0.25rem;
}
.news-lists .info .side .fire .bd {
  padding: 0.18rem;
}
.news-lists .info .side .fire .bd ul {
  display: flex;
  flex-wrap: wrap;
  margin: -0.06rem;
}
.news-lists .info .side .fire .bd ul li {
  width: 50%;
  padding: 0.06rem;
}
.news-lists .info .side .fire .bd ul li a {
  display: flex;
  align-items: center;
  height: 0.42rem;
  border-radius: 0.1rem;
  padding: 0 0.15rem;
  color: #666;
  background: #f0f0f0;
}
.news-lists .info .side .fire .bd ul li a:hover {
  color: #fff;
  background: #ff7026;
}
.news-lists .info .side .six .bd {
  padding: 0.18rem;
  line-height: 0.24rem;
}
.news-lists .info .side .six .bd li + li {
  margin-top: 0.15rem;
}
.news-lists .info .side .six .bd li:before {
  content: "";
  width: 0.08rem;
  height: 0.08rem;
  background: #5aadff;
  vertical-align: middle;
  margin-right: 0.05rem;
  display: inline-block;
  border-radius: 50%;
}
.news-lists .info .side .six .bd li a {
  color: #666;
}
.news-lists .info .side .six .bd li a:hover {
  color: #ff7026;
}
.newsitem {
  border-radius: 0.15rem;
  background: #fff;
  padding: 0.3rem 0.18rem;
}
.newsitem .a {
  border-bottom: 1px solid #ddd;
  padding-bottom: 0.25rem;
}
.newsitem .a .hd {
  padding-bottom: 0.2rem;
}
.newsitem .a .hd h1 {
  font-size: 0.3rem;
  font-family: PINGFANG-BOLD;
}
.newsitem .a .hd p {
  color: #999;
  font-size: 0.15rem;
  margin-top: 0.15rem;
}
.newsitem .a .hd p span {
  display: inline-block;
  padding: 0 0.05rem;
  margin-left: 0.1rem;
  color: #0079ea;
  border: 1px solid #0079ea;
  border-radius: 0.05rem;
}
.newsitem .a .bd {
  color: #666;
  font-size: 0.15rem;
  line-height: 0.24rem;
}
.newsitem .b {
  padding: 0.2rem 0;
}
.newsitem .b .title {
  font-size: 0.2rem;
  font-family: PINGFANG-BOLD;
}
.newsitem .b .bd {
  line-height: 0.34rem;
  margin: 0.07rem 0;
}
.newsitem .b .bd a {
  color: #ff7026;
}
.newsitem .b .brdge {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.newsitem .b .brdge span {
  width: 1.08rem;
  height: 0.4rem;
  border-radius: 0.4rem;
  color: #666;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f5f5;
  margin-right: 0.15rem;
}
.newsitem .b .ft {
  line-height: 0.34rem;
  border-top: 1px solid #ddd;
  padding-top: 0.15rem;
  margin-top: 0.15rem;
}
.newsitem .b .ft li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.newsitem .c {
  font-size: 0.15rem;
}
.newsitem .c .title {
  font-size: 0.22rem;
  font-family: PINGFANG-BOLD;
  display: flex;
  align-items: center;
}
.newsitem .c .title::before {
  content: "";
  width: 0.05rem;
  height: 0.22rem;
  border-radius: 0.05rem;
  margin-right: 0.1rem;
  background: #f4af18;
}
.newsitem .c .hd {
  border: 1px solid #eee;
  border-radius: 0.15rem;
  overflow: hidden;
  margin-top: 0.15rem;
}
.newsitem .c .hd textarea {
  width: 100%;
  padding: 0.15rem;
  font-family: inherit;
  font-size: 0.15rem;
  height: 1.14rem;
  resize: none;
}
.newsitem .c .hd .flex {
  padding: 0.05rem 0.15rem;
  border-top: 1px solid #eee;
}
.newsitem .c .hd .flex i {
  color: #ccc;
  font-size: 0.24rem;
}
.newsitem .c .hd .btn {
  width: 1.05rem;
  height: 0.38rem;
  background: #f4af18;
  font-size: 0.16rem;
  color: #fff;
  border-radius: 0.1rem;
}
.newsitem .c .bd li {
  display: flex;
  border-bottom: 1px solid #eee;
  padding: 0.15rem 0;
  align-items: flex-start;
}
.newsitem .c .bd li .pic, .newsitem .c .bd li .pics {
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.15rem;
  border-radius: 50%;
}
.newsitem .c .bd li h4 {
  color: #999;
}
.newsitem .c .bd li p {
  margin: 0.06rem 0 0.1rem;
}
.newsitem .c .bd li .flex {
  font-size: 0.14rem;
  color: #999;
}
.news-lists .seven {
  background: url(/static/upload/20241203/3521267d88312dd562f6a876eef9b252.jpg) center no-repeat;
  background-size: cover;
  padding: 0.25rem 0;
}
.news-lists .seven ul {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}
.news-lists .seven ul li {
  width: 16.666%;
}
.news-lists .seven ul p {
  margin-top: 0.1rem;
  color: #fff;
}
/**/
.jisuan {
  font-size: 0.15rem;
  font-family: PINGFANG-MEDIUM;
}
.jisuan .banner img {
  width: 100%;
}
.jisuan .one {
  position: relative;
  z-index: 5;
  background: #fff;
  padding: 0.25rem 0.18rem 0.35rem;
  border-radius: 0.15rem;
  margin-top: -1.7rem;
}
.jisuan .one .tabtitle {
  position: relative;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ddd;
}
.jisuan .one .tabtitle li {
  cursor: pointer;
  font-size: 0.2rem;
  margin-right: 0.6rem;
  position: relative;
  padding-bottom: 0.17rem;
  font-family: PINGFANG-BOLD;
}
.jisuan .one .tabtitle li.on {
  color: #f4af18;
}
.jisuan .one .tabtitle li.on:after {
  content: "";
  border-bottom: 2px solid #f4af18;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.jisuan .one .tabtitle div {
  position: absolute;
  font-size: 0.14rem;
  color: #999999;
  right: 0;
}
.jisuan .one .tabtitle div a,
.red {
  color: #fa6117;
}
.jisuan .one .bd {
  display: flex;
  margin-top: 0.2rem;
}
.jisuan .one .bd .btn {
  height: 0.55rem;
  width: 1.7rem;
  color: #999;
  border-radius: 0.1rem;
  font-size: 0.18rem;
  margin-left: 0.1rem;
  background: #fbfbfb;
}
.jisuan .one .bd span {
  padding: 0 0.05rem;
}
.jisuan .one .bd .input {
  border: 1px solid #ddd;
  height: 0.36rem;
  text-align: center;
  border-radius: 0.1rem;
}
.jisuan .one .bd input {
  width: 100%;
  background: none;
}
.jisuan .one .bd > .flex_item {
  display: flex;
  padding: 0 0.05rem;
  height: 0.55rem;
  background: #fbfbfb;
  border-radius: 0.1rem;
  align-items: center;
}
.jisuan .one .bd .box {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 0.1rem;
  width: 2.6rem;
  background: #fbfbfb;
  border-radius: 0.1rem;
  height: 0.55rem;
  margin-right: 0.1rem;
}
.jisuan .one .bd .del {
  width: 0.22rem;
  display: flex;
  cursor: pointer;
  line-height: 0.2rem;
  justify-content: center;
  height: 0.22rem;
  border-radius: 50%;
  color: #fff;
  background: #999999;
}
.jisuan .one .ft {
  display: flex;
  align-items: center;
  margin-top: 0.13rem;
}
.jisuan .one .ft .flex_item {
  background: #fbfbfb;
  border-radius: 0.1rem;
  display: flex;
  height: 0.55rem;
  padding-left: 0.15rem;
  color: #999999;
  align-items: center;
}
.jisuan .one .ft .label span {
  color: #fa6117;
}
.jisuan .one .ft .brdge {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.jisuan .one .ft .brdge span {
  height: 0.35rem;
  color: #fff;
  margin: 0 0 0 0.1rem;
  display: flex;
  border-radius: 0.35rem;
  background: #0079ea;
  align-items: center;
  padding: 0 0.15rem;
}
.jisuan .one .ft .brdge span i {
  font-style: normal;
  margin-left: 0.05rem;
  cursor: pointer;
}
.jisuan .one .ft .btn {
  width: 1.7rem;
  height: 0.55rem;
  color: #fff;
  font-size: 0.18rem;
  border-radius: 0.1rem;
  margin-left: 0.1rem;
  background: #f4af18;
}
.jisuan .two .notice {
  display: flex;
  align-items: center;
  padding: 0.25rem 0 0.15rem;
}
.jisuan .two .notice i {
  display: block;
  margin-right: 0.1rem;
  width: 0.2rem;
  height: 0.19rem;
  background: url(/static/upload/20241203/0df5646e3529a7689f3b50e6424e38b2.png) center no-repeat;
  background-size: 100% 100%;
}
.jisuan .two .notice .more {
  color: #0079ea;
}
.jisuan .two .notice .flex_item a {
  font-size: 0.16rem;
  color: #999;
}
.jisuan .two .hd {
  border-radius: 0.15rem;
  padding: 0.13rem 0.2rem;
  background: #fff;
  color: #999999;
}
.jisuan .two .hd .input {
  width: 2.46rem;
  height: 0.5rem;
  border: 1px solid #eee;
  border-radius: 0.1rem;
  padding: 0 0.15rem;
  font-size: 0.15rem;
}
.jisuan .two .hd .form {
  display: flex;
  align-items: center;
}
.jisuan .two .hd .form span {
  padding: 0 0.1rem;
}
.jisuan .two .hd .input.sm {
  width: 1.25rem;
}
.jisuan .two .hd .form .btn {
  margin-left: 0.2rem;
  width: 1.15rem;
  height: 0.5rem;
  border-radius: 0.5rem;
  font-size: 0.16rem;
  color: #0079ea;
  background: #cde8ff;
}
.jisuan .two .hd .price {
  margin: 0 0.2rem;
  position: relative;
  padding-right: 0.15rem;
}
.jisuan .two .hd .price:after {
  content: " ";
  display: inline-block;
  height: 5px;
  width: 5px;
  border-width: 1px 0 0 1px;
  border-color: #999;
  border-style: solid;
  -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  position: absolute;
  top: 0.05rem;

  right: 2px;
}
.jisuan .two .hd .price:before {
  content: " ";
  display: inline-block;
  height: 5px;
  width: 5px;
  border-width: 0 1px 1px 0;
  border-color: #999;
  border-style: solid;
  -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  position: absolute;
  bottom: 0.05rem;
  right: 2px;
}
.jisuan .two .bd {
  background: #fff;
  border-radius: 0.15rem;
  overflow: hidden;
  margin-top: 0.2rem;
}
.jisuan .two .bd .table1 table {
  text-align: center;
  width: 100%;
}
.jisuan .two .bd .table1 td,
.jisuan .two .bd .table1 th {
  padding: 0.22rem 0.2rem;
}
.jisuan .two .bd .table1 tr {
  border-bottom: 1px solid #ddd;
}
.jisuan .two .bd .table1 th {
  font-weight: normal;
}
.jisuan .two .bd .table1 .items {
  display: flex;
  text-align: left;
  align-items: flex-start;
}
.jisuan .two .bd .table1 .items dl {
  flex: 1;
}
.jisuan .two .bd .table1 .items .img {
  position: relative;
  margin-right: 0.15rem;
  margin-top: -0.105rem;
  width: 0.52rem;
  height: 0.52rem;
}
.jisuan .two .bd .table1 .items .img img {
  border-radius: 50%;
  width: 100%;
}
.jisuan .two .bd .table1 .items .img span {
  position: absolute;
  bottom: -0.22rem;
  border-radius: 0.2rem;
  white-space: nowrap;
  font-size: 0.14rem;
  padding: 0.01rem 0.05rem;
  left: 50%;
  color: #fff;
  background: #f4af18;
  transform: translate(-50%, 0);
}
.jisuan .two .bd .table1 .items dt {
  max-width: 1.3rem;
  margin-bottom: 0.05rem;
}
.jisuan .two .bd .table1 .items dd span {
  color: #f4af18;
}

.wen {
  color: #999;
  font-size: 0.18rem;
  margin-left: 0.1rem;
}
.jisuan .two .bd .table1 .t_d {
  text-decoration: underline;
  font-weight: bold;
}
.jisuan .two .bd .table1 ul {
  text-align: left;
}
.jisuan .two .bd .table1 ul span {
  color: #666;
  padding-right: 0.05rem;
}
.jisuan .two .bd .table1 .cn {
  color: #fa6117;
  font-size: 0.23rem;
}
.jisuan .two .bd .table1 .btn {
  margin: 0 auto;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  color: #0079ea;
  border-radius: 0.4rem;
  border: 1px solid #0079ea;
  width: 0.9rem;
  height: 0.4rem;
}
.jisuan .two .bd .table1 .btn:hover {
  color: #fff;
  background: #0079ea;
}
.jisuan .two .bd .table1 .btn i {
  display: inline-block;
  height: 0.1rem;
  width: 0.1rem;
  border-width: 0 1px 1px 0;
  border-color: #999;
  border-style: solid;
  -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  position: absolute;
  top: 100%;
  margin-top: 0.15rem;
  left: 50%;
  margin-left: -0.05rem;
}
.jisuan .two .bd .table1 .barbox {
  color: #999;
  text-align: left;
}
.jisuan .two .bd .table1 .barbox .flex_item {
  width: 0.9rem;
  height: 0.1rem;
  border-radius: 0.1rem;
  overflow: hidden;
  background: #f5f5f5;
  margin-right: 0.06rem;
}
.jisuan .two .bd .table1 .barbox .flex_item i {
  display: block;
  height: 100%;
  background-image: linear-gradient(to right, #c3e2ff, #4cadff);
  border-radius: 0.1rem;
}
.jisuan .two .ft {
  text-align: center;
  padding: 0.26rem;
  font-size: 0.16rem;
}
.jisuan .two .ft a {
  color: #0079ea;
}
.jisuan .three .title {
  text-align: center;
  font-size: 0.38rem;
  padding: 0.6rem 0 0.15rem;
  font-family: PINGFANG-BOLD;
}
.jisuan .three .bd {
  position: relative;
  padding-bottom: 0.8rem;
}
.jisuan .three .mySwiper {
  height: 7.7rem;
  margin: 0 -0.15rem;
}
.jisuan .three .swiper-slide {
  height: calc(100% / 2) !important;
}
.jisuan .three .box {
  background: #fff;
  border-radius: 0.15rem;
  padding: 0.3rem;
  height: 94%;
  margin: 3% 0.15rem;
}
.jisuan .three .box ul li {
  color: #666;
  margin-top: 0.1rem;
}
.jisuan .three .box ul li span {
  font-size: 0.22rem;
  color: #fa6117;
  font-family: PINGFANG-BOLD;
  padding-right: 0.05rem;
}
.jisuan .three .box p {
  color: #666;
  margin-top: 0.15rem;
}
.jisuan .three .box p span {
  display: inline-block;
  line-height: 0.32rem;
  background: #eff5ff;
  padding: 0 0.15rem;
  margin-left: 0.1rem;
  border-radius: 0.32rem;
  color: #0079ea;
}
.jisuan .three .box .pic, .jisuan .three .box .pics {
  width: 1.2rem;
  margin-top: 0.2rem;
}
.jisuan .three .box .flex {
  font-size: 0.22rem;
  font-family: PINGFANG-BOLD;
}
.jisuan .three .box .flex .logo {
  margin-right: 0.15rem;
  width: 0.52rem;
  height: 0.52rem;
  border-radius: 50%;
}
.jisuan .three .box .flex a {
  display: flex;
  align-items: center;
}
.jisuan .three .box .flex a:after {
  content: " ";
  display: inline-block;
  height: 0.08rem;
  width: 0.08rem;
  border-width: 1px 1px 0 0;
  border-color: #999;
  border-style: solid;
  -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  margin-left: 0.1rem;
}
.jisuan .three .box .flex a img {
  width: 0.46rem;
}
.jisuan .three .bd .swiper-button-next,
.jisuan .three .bd .swiper-button-prev {
  top: auto;
  bottom: 0;
  margin: 0;
  width: 0.48rem;
  height: 0.48rem;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 0.15rem rgba(0, 0, 0, 0.1);
  color: #999;
}
.jisuan .three .bd .swiper-button-next:after,
.jisuan .three .bd .swiper-button-prev:after {
  font-size: 0.22rem;
}
.jisuan .three .bd .swiper-button-prev {
  left: 45%;
}
.jisuan .three .bd .swiper-button-next {
  right: 45%;
}
.jisuan .four {
  padding: 0.4rem 0;
  color: #fff;
  background: url(/static/upload/20241203/4533e75693597e8ccd2c00e69ca771a0.jpg) center no-repeat;
  background-size: cover;
  font-size: 0.14rem;
  margin-top: 0.7rem;
  line-height: 0.21rem;
}
.jisuan .four .title {
  text-align: center;
  font-size: 0.38rem;
  border-bottom: 1px solid #fff;
  line-height: 0.38rem;
  padding-bottom: 0.2rem;
  margin-bottom: 0.4rem;
  font-family: PINGFANG-BOLD;
}
.jisuan .four ul {
  display: flex;
  flex-wrap: wrap;
  margin: -0.22rem -0.7rem;
}
.jisuan .four ul li {
  width: 50%;
  padding: 0.22rem 0.7rem;
}
.jisuan .four ul dt {
  font-size: 0.16rem;
  background: url(/static/upload/20241203/06a9750dbcb4dfe2a974f8b28cb9fa50.png) left center no-repeat;
  padding-left: 0.3rem;
  background-size: 0.2rem auto;
}
.jisuan .four ul dd {
  background: url(/static/upload/20241203/b9fdf72fbd9f39caaa313e9a4ce63cf7.png) left top no-repeat;
  padding-left: 0.3rem;
  margin-top: 0.1rem;
  background-size: 0.2rem auto;
}
.table_left p {
  max-width: 2.88rem;
  text-align: left;
}
.table_orange {
  border-color: #f1cf86;
}
.table_orange table td,
.table_orange table th,
.table_orange table tr + tr {
  border-color: #f1cf86;
}
.table_orange table th {
  background: #fff5df;
  color: #f4af18;
}
.table_orange table tr:nth-child(odd) {
  background-color: #fffcf5;
}
.hkong .one .lists li {
  margin-top: 0.15rem;
}
.hkong .one .lists dl {
  border: 1px solid #f1cf86;
  border-radius: 0.15rem;
  overflow: hidden;
}
.hkong .one .lists dt {
  display: flex;
  font-size: 0.18rem;
  align-items: center;
  color: #f4af18;
  height: 0.45rem;
  padding: 0 0.15rem;
  background: #fff5df;
}
.hkong .one .lists dt span {
  border-radius: 50%;
  margin-right: 0.1rem;
  color: #f4af18;
  width: 0.25rem;
  height: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.hkong .one .lists dd {
  display: flex;
  color: #666;
  line-height: 0.28rem;
  align-items: flex-start;
  padding: 0.15rem;
}
.hkong .one .lists dd span {
  border-radius: 50%;
  margin-right: 0.1rem;
  color: #fff;
  width: 0.25rem;
  height: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f4af18;
}
.liuyanlists li {
  display: flex;
  align-items: flex-start;
  padding: 0.15rem 0;
  border-bottom: 1px solid #eee;
}
.liuyanlists li .pic, .liuyanlists li .pics {
  border-radius: 50%;
  margin-right: 0.15rem;
  width: 0.5rem;
  height: 0.5rem;
}
.hkong .one .bd .liuyanlists .hd {
  display: flex;
  margin-top: 0.15rem;
}
.hkong .one .bd .liuyanlists .hd .flex_item {
  position: relative;
  border-radius: 0.1rem;
  overflow: hidden;
  border: 1px solid #eee;
}
.hkong .one .bd .liuyanlists .hd .code {
  position: absolute;
  right: 0.15rem;
  top: 50%;
  transform: translate(0, -50%);
  width: 0.65rem;
}
.hkong .one .bd .liuyanlists .hd .flex_item .input {
  width: 100%;
  padding-left: 0.15rem;
  height: 0.44rem;
  font-size: 0.15rem;
}
.hkong .one .bd .liuyanlists .hd .flex_item + .flex_item {
  margin-left: 0.2rem;
}
.hkong .one .bd .liuyanlists .form {
  border: 1px solid #eee;
  margin-top: 0.1rem;
  border-radius: 0.15rem;
  overflow: hidden;
}
.hkong .one .bd .liuyanlists .form textarea {
  width: 100%;
  padding: 0.15rem;
  resize: none;
  height: 1rem;
  font-size: 0.15rem;
  font-family: inherit;
}
.hkong .one .bd .liuyanlists .form .ft {
  display: flex;
  justify-content: flex-end;
  padding: 0.05rem 0.1rem;
  border-top: 1px solid #eee;
}
.hkong .one .bd .liuyanlists .form .ft .btn {
  width: 1.06rem;
  height: 0.38rem;
  font-size: 0.16rem;
  background: #f4af18;
  border-radius: 0.1rem;
  color: #fff;
}
.hkong .one .bd .liuyanlists li p {
  margin: 0.05rem 0;
  color: #333;
}
.hkong .one .bd .liuyanlists li .flex {
  font-size: 0.14rem;
  color: #999;
}
.hkong .one .bd .liuyanlists li .name {
  color: #999;
}
.hkong .one .fangshi {
  display: flex;
  margin-top: 0.15rem;
}
.hkong .one .fangshi .side {
  width: 1.26rem;
  padding-top: 1.8rem;
}
.hkong .one .fangshi li {
  text-align: center;
  height: 0.96rem;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0.23rem;
}
.hkong .one .fangshi .flex_item li {
  border-bottom: 1px solid #eee;
  padding: 0 0.2rem;
}
.hkong .one .fangshi .pic img, .hkong .one .fangshi .pics img {
  height: 1.8rem;
}
.hkong .one .fangshi .pic, .hkong .one .fangshi .pics {
  border-radius: 0.15rem;
}
.hkong .one .fangshi .pic dl, .hkong .one .fangshi .pics dl {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 0.16rem;
  top: 50%;
  transform: translate(0, -50%);
  color: #fff;
}
.hkong .one .fangshi .pic dl dt, .hkong .one .fangshi .pics dl dt {
  font-size: 0.25rem;
  font-family: PINGFANG-BOLD;
  margin-bottom: 0.2rem;
}
.hkong .one .fangshi .btn {
  width: 2.35rem;
  height: 0.44rem;
  font-size: 0.18rem;
  display: flex;
  color: #fff;
  align-items: center;
  box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1);
  justify-content: center;
  background-image: linear-gradient(to right, #ffa600, #ffba00);
  margin: 0.3rem auto;
  border-radius: 0.4rem;
}
.hkong .one .fangshi .btn:hover {
  transform: translateY(-0.1rem);
}
.hkong .seven,
.hkong .eight,
.hkong .ten {
  background: #fff;
  margin-top: 0.2rem;
  padding: 0.32rem;
  border-radius: 0.15rem;
}
.hkong .seven .title,
.hkong .eight .title,
.hkong .ten .title {
  text-align: center;
  font-size: 0.3rem;
  font-family: PINGFANG-BOLD;
}
.hkong .seven .bd {
  margin-top: 0.24rem;
}
.hkong .seven .bd ul {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  margin: -0.13rem;
}
.hkong .seven .bd ul li {
  width: 16.666%;
  padding: 0.13rem;
}
.hkong .seven .bd ul .box {
  border-radius: 0.2rem;
  height: 2.6rem;
  background: url(/static/upload/20241203/4af4b90b90a9cf10ba59d8837c122e38.png) top center no-repeat;
  background-size: 100% auto;
  overflow: hidden;
  border: 1px solid #acd2f6;
  padding: 0.4rem 0.1rem 0;
  transition: all 0.3s;
  position: relative;
}
.hkong .seven .bd ul .box:hover {
  transform: translateY(-0.1rem);
}
.hkong .seven .bd ul .box span {
  position: absolute;
  font-size: 0.5rem;
  color: #fff;
  top: 0;
  font-family: PINGFANG-BOLD;
  right: 0.1rem;
  opacity: 0.2;
}
.hkong .seven .bd ul .box .img {
  background: #fff;
  border-radius: 50%;
  width: 0.78rem;
  height: 0.78rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 0.15rem rgba(0, 0, 0, 0.1);
  margin: 0 auto;
}
.hkong .seven .bd ul .box .img img {
  width: 0.48rem;
}
.hkong .seven .bd ul .box dd {
  line-height: 0.24rem;
}
.hkong .seven .bd ul .box dt {
  font-size: 0.18rem;
  font-family: PINGFANG-BOLD;
  padding: 0.15rem 0;
}
.hkong .eight .bd {
  padding-top: 0.25rem;
}
.hkong .eight .bd ul {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.2rem;
  margin: -0.11rem -0.35rem;
  font-family: PINGFANG-BOLD;
}
.hkong .eight .bd ul li {
  width: 33.333%;
  text-align: center;
  padding: 0.11rem 0.35rem;
}
.hkong .eight .bd ul .box {
  border-radius: 0.15rem;
  border: 1px solid #ddd;
  height: 1.8rem;
  display: flex;
  align-items: center;
  transition: all 0.3s;
  justify-content: center;
}
.hkong .eight .bd ul .box:hover {
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1);
}
.hkong .eight .bd ul .box img {
  width: 0.8rem;
}
.hkong .eight .bd ul .box dd {
  margin-top: 0.1rem;
}
.hkong .nine {
  border-radius: 0.15rem;
  overflow: hidden;
  background: #fff;
  padding-right: 0.32rem;
  margin-top: 0.2rem;
}
.hkong .nine .title {
  font-size: 0.3rem;
  font-family: PINGFANG-BOLD;
  color: #0079ea;
  margin-bottom: 0.25rem;
  padding-bottom: 0.2rem;
  border-bottom: 1px solid #eee;
}
.hkong .nine ul {
  display: flex;
  flex-wrap: wrap;
  margin: -0.15rem -0.2rem;
}
.hkong .nine ul li {
  width: 50%;
  display: flex;
  line-height: 0.22rem;
  align-items: center;
  padding: 0.15rem 0.2rem;
}
.hkong .nine ul dt {
  font-size: 0.2rem;
  font-family: PINGFANG-BOLD;
  margin-bottom: 0.1rem;
}
.hkong .nine ul span {
  margin-right: 0.1rem;
  width: 0.68rem;
  height: 0.68rem;
  border-radius: 50%;
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hkong .nine ul span img {
  width: 0.4rem;
}
.hkong .nine .pic, .hkong .nine .pics {
  width: 4.9rem;
  margin-right: 0.56rem;
}
.hkong .ten .bd {
  border-top: 1px solid #eee;
  padding-top: 0.3rem;
  margin-top: 0.2rem;
}
.hkong .ten .bd ul {
  display: flex;
  flex-wrap: wrap;
  margin: -0.16rem -0.5rem;
}
.hkong .ten .bd ul li {
  width: 50%;
  padding: 0.16rem 0.5rem;
}
.hkong .ten .bd ul dd {
  font-size: 0.14rem;
  color: #666;
  line-height: 0.21rem;
  background: url(/static/upload/20241203/b9fdf72fbd9f39caaa313e9a4ce63cf7.png) left top no-repeat;
  background-size: 0.2rem auto;
  padding-left: 0.3rem;
  margin-top: 0.1rem;
}
.hkong .ten .bd ul dt {
  background: url(/static/upload/20241203/c529dfc62992b0b2bf5bb11c13a463e8.png) left top no-repeat;
  background-size: 0.2rem auto;
  padding-left: 0.3rem;
  font-size: 0.16rem;
}
/**/
.hottuijian {
  font-size: 0.16rem;
  padding-bottom: 0.6rem;
  font-family: PINGFANG-MEDIUM;
}
.hottuijian .banner img {
  width: 100%;
}
.hottuijian .one {
  margin-top: 0.45rem;
}
.hottuijian .swiper-button-next.swiper-button-disabled,
.hottuijian .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}
.hottuijian .hd {
  position: relative;
  padding: 0 0.3rem 0 1.7rem;
}
.hottuijian .hd .swiper-slide {
  display: inline-block;
  height: 0.56rem;
  display: flex;
  align-items: center;
  width: auto;
}
.hottuijian .hd .swiper-button-next {
  right: 0;
}
.hottuijian .hd .swiper-button-prev {
  left: 0;
}
.hottuijian .hd .swiper-button-next,
.hottuijian .hd .swiper-button-prev {
  color: #333;
  border-radius: 50%;
  background: #fff;
  margin-top: -0.2rem;
  width: 0.4rem;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
  height: 0.4rem;
}
.hottuijian .hd .swiper-button-next:after,
.hottuijian .hd .swiper-button-prev:after {
  font-size: 0.2rem;
}
.hottuijian .hd .flex_item {
  position: relative;
  padding: 0 0.5rem;
}
.hottuijian .hd .on a {
  color: #f4af18;
}
.hottuijian .hd .on:after {
  content: "";
  border-bottom: 2px solid #f4af18;
  position: absolute;
  bottom: 0;
  left: 0;
  bottom: 0;
  width: 100%;
}
.hottuijian .hd span {
  font-size: 0.22rem;
  font-family: PINGFANG-BOLD;
  display: flex;
  position: absolute;
  left: 0.15rem;
  top: 50%;
  transform: translate(0, -50%);
  align-items: center;
}
.hottuijian .hd span img {
  margin-right: 0.1rem;
  width: 0.38rem;
}
.hottuijian .hd .tab {
  display: flex;
}
.hottuijian .hd .tab li {
  margin-left: 0.46rem;
  position: relative;
}
.hottuijian .hd .tab li a {
  color: #666;
  display: block;
  padding: 0.1rem 0;
}
.hottuijian .hd .tab li.on a {
  color: #f4af18;
}
.hottuijian .hd .tab li.on a:after {
  content: "";
  border-bottom: 2px solid #f4af18;
  position: absolute;
  bottom: 0;
  left: 0;
  bottom: 0;
  width: 100%;
}
.hottuijian .one .bd {
  background: #fff;
  border-radius: 0.15rem;
  padding: 0.22rem;
  margin-top: 0.15rem;
}
.hottuijian .prolists {
  display: flex;
  flex-wrap: wrap;
  margin: -0.13rem;
}
.hottuijian .prolists li {
  width: 16.666%;
  padding: 0.13rem;
}
.hottuijian .prolists .pic, .hottuijian .prolists .pics {
  border-radius: 0.15rem;
}
.hottuijian .prolists p {
  line-height: 0.25rem;
  margin: 0.08rem 0 0.03rem;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.hottuijian .prolists .price {
  font-size: 0.18rem;
  color: #ff6200;
}
.hottuijian .prolists .price span {
  font-size: 0.25rem;
}
.hottuijian .two {
  margin-top: 0.22rem;
  display: flex;
}
.hottuijian .two .side {
  width: 4.18rem;
  margin-left: 0.15rem;
}
.hottuijian .two .side .a,
.hottuijian .two .side .banner,
.hottuijian .two .side .b {
  border-radius: 0.15rem;
  background: #fff;
  margin-bottom: 0.14rem;
  overflow: hidden;
}
.hottuijian .two .side .tabtitle {
  border-bottom: 1px solid #ddd;
  padding-left: 0.15rem;
  font-size: 0.18rem;
  display: flex;
  align-items: center;
}
.hottuijian .two .side .tabtitle li {
  cursor: pointer;
  position: relative;
  font-weight: bold;
  padding: 0.3rem 0 0.15rem;
}
.hottuijian .two .side .tabtitle li + li {
  margin-left: 0.4rem;
}
.hottuijian .two .side .tabtitle li.on {
  color: #ff7026;
}
.hottuijian .two .side .tabtitle li.on:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 3px solid #ff7026;
}
.hottuijian .two .side .a .bd {
  padding: 0.15rem;
}
.hottuijian .two .side .a h4 {
  color: #666;
  margin-top: 0.07rem;
}
.hottuijian .two .side .a p {
  color: #ff7026;
  margin-top: 0.05rem;
}
.hottuijian .two .side .b .tabbox li {
  position: relative;
  line-height: 0.4rem;
  padding-left: 0.15rem;
}
.hottuijian .two .side .b .tabbox li::before {
  content: "●";
  color: #5aadff;
  font-size: 0.1rem;
  top: 50%;
  transform: translate(0, -50%);
  position: absolute;
  left: 0;
}
.hottuijian .two .side .b .tabcontent {
  padding: 0.15rem;
}
.hottuijian .two .side .b .flex .pic, .hottuijian .two .side .b .flex .pics {
  width: 0.86rem;
  margin-right: 0.15rem;
}
.hottuijian .two .side .b .flex {
  line-height: 0.26rem;
  margin-bottom: 0.1rem;
}
.hottuijian .two .side .b .flex .price {
  font-size: 0.18rem;
  color: #ff6200;
}
.hottuijian .three {
  background: #fff;
  border-radius: 0.15rem;
}
.hottuijian .three .hd {
  border-bottom: 1px solid #eee;
}

.hottuijian .three .hd a i {
  display: inline-block;
  height: 0.08rem;
  width: 0.08rem;
  vertical-align: middle;
  margin-left: 0.06rem;
  margin-top: -0.06rem;
  border-width: 0 1px 1px 0;
  border-color: #999;
  border-style: solid;
  -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
}
.hottuijian .three .hd li {
  padding: 0.1rem 0;
}
.hottuijian .three .bd {
  padding: 0 0.3rem 0.3rem;
}
.hottuijian .three .bd li {
  padding: 0.23rem 0;
  border-bottom: 1px solid #eee;
}
.hottuijian .three .bd li .pic, .hottuijian .three .bd li .pics {
  margin-right: 0.4rem;
  border-radius: 0.15rem;
  width: 1.88rem;
}
.hottuijian .three .bd li p {
  color: #666;
  line-height: 0.23rem;
  margin: 0.07rem 0;
}
.hottuijian .three .bd li p a {
  color: #f4af18;
}
.hottuijian .three .bd li a.black {
  color: #666;
  display: flex;
  align-items: center;
}
.hottuijian .three .bd li p span {
  color: #f4af18;
}
.hottuijian .three .bd li dt {
  font-size: 0.18rem;
}
.hottuijian .three .bd li dd {
  font-size: 0.2rem;
  color: #ff6200;
  margin: 0.05rem 0;
}
.hottuijian .three .bd li .brdge {
  display: flex;
  align-items: center;
  color: #999999;
}
.hottuijian .three .bd li .brdge span {
  background: #f5f5f5;
  border-radius: 0.1rem;
  padding: 0.03rem 0.1rem;
  margin-right: 0.1rem;
}
.hottuijian .three .bd li .flex .flex_item {
  display: flex;
  align-items: center;
}
.hottuijian .three .bd li .flex .flex_item > span {
  display: flex;
  align-items: center;
  color: #999;
  margin-left: 0.22rem;
}
.hottuijian .three .bd li .flex .flex_item > span i {
  margin-right: 0.05rem;
  color: #999;
}

.hottuijian .three .bd li .flex .zhi {
  display: flex;
  align-items: center;
  border-radius: 0.05rem;
  border: 1px solid #ddd;
  width: 2.6rem;
}
.hottuijian .three .bd li .flex .zhi span {
  flex: 1;
  color: #999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hottuijian .three .bd li .flex .zhi span + span {
  border-left: 1px solid #eee;
}
.hottuijian .three .bd li .flex .zhi span.on {
  color: #ff6200;
}
.hottuijian .three .bd li .btn {
  width: 1.14rem;
  height: 0.32rem;
  border-radius: 0.05rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #ff7026;
  border: 1px solid #ff7026;
}
.hottuijian .three .bd li .btn:hover {
  background: #fff;
  color: #ff7026;
}
.hottuijian .three .bd li .btn i {
  display: inline-block;
  height: 0.07rem;
  width: 0.07rem;
  border-width: 2px 2px 0 0;
  border-color: #fff;
  border-style: solid;
  margin-left: 0.05rem;
  -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
}
.hottuijian .three .bd li .group {
  display: flex;
  align-items: center;
}
.hottuijian .three .bd li .group span {
  color: #666;
  padding-right: 0.2rem;
}
.hottuijian .three + .three {
  margin-top: 0.3rem;
}
.hottuijian .three .title {
  display: flex;
  padding: 0.25rem 0.2rem 0.15rem;
  align-items: center;
  border-bottom: 1px solid #ddd;
}
.hottuijian .three .title .flex_item {
  font-size: 0.22rem;
  font-family: PINGFANG-BOLD;
}
.hottuijian .three .title a:after {
  content: "";
  display: inline-block;
  height: 0.07rem;
  width: 0.07rem;
  vertical-align: middle;
  border-width: 1px 1px 0 0;
  border-color: #333;
  margin: -2px 0 0 0.05rem;
  border-style: solid;
  -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
}
.hottuijian .three .prolists {
  padding: 0.2rem 0.3rem 0;
}
.hottuijian .three .prolists li {
  width: 25%;
}
/**/
.productsitem {
  font-size: 0.15rem;
  font-family: PINGFANG-MEDIUM;
  padding: 0.2rem 0 0.5rem;
}
.productsitem .one {
  display: flex;
}
.productsitem .one > .flex_item {
  display: flex;
  padding: 0.2rem;
  border-radius: 0.15rem;
  background: #fff;
  align-items: center;
}
.productsitem .one .banner {
  width: 4.57rem;
  margin-right: 0.5rem;
}
.productsitem .one .banner img {
  border-radius: 0.1rem;
  width: 100%;
}
.productsitem .one .banner .mySwiper {
  margin-top: 0.1rem;
}
.productsitem .one .items h1 {
  font-size: 0.24rem;
}
.productsitem .one .items .tip {
  color: #666;
  display: flex;
  margin-bottom: 0.05rem;
  font-size: 0.14rem;
  align-items: center;
}
.productsitem .one .items .tip span {
  color: #2f77ef;
  background: #ecf5ff;
  border-radius: 0.2rem;
  display: flex;
  align-items: center;
  height: 0.25rem;
  margin-right: 0.1rem;
  padding: 0 0.08rem;
}
.productsitem .one .items .tip span i {
  margin-left: 0.05rem;
}
.productsitem .one .items .link {
  padding: 0.05rem 0;
}
.productsitem .one .items .link a {
  color: #2f77ef;
  font-size: 0.14rem;
}
.productsitem .one .items dl {
  color: #999;
}
.productsitem .one .items dt span {
  color: #ff6200;
  font-size: 0.25rem;
}
.productsitem .one .items dt i {
  margin-left: 0.05rem;
}
.productsitem .one .items dd {
  display: flex;
  align-items: center;
}
.productsitem .one .items dd .flex_item {
  font-size: 0.14rem;
}
.productsitem .one .items .tab {
  display: flex;
  color: #999999;
  margin-top: 0.06rem;
  flex-wrap: wrap;
}
.productsitem .one .items li {
  padding-top: 0.1rem;
}
.productsitem .one .items h4 span {
  position: absolute;
  right: 0;
  font-size: 0.14rem;
  display: flex;
  background: #ecf5ff;
  top: 0;
  height: 0.25rem;
  border-radius: 0.2rem;
  padding: 0 0.08rem;
  align-items: center;
}
.productsitem .one .items h4 span i {
  margin-left: 0.05rem;
  color: #0079ea;
}
.productsitem .one .items ul li .flex {
  margin-top: 0.05rem;
  color: #999;
}
.productsitem .one .items h4 {
  position: relative;
}
.productsitem .one .items h4 img {
  margin-left: 0.06rem;
}
.productsitem .one .items .tab span {
  border-radius: 0.05rem;
  border: 1px solid #ddd;
  height: 0.34rem;
  display: flex;
  cursor: pointer;
  align-items: center;
  margin-right: 0.12rem;
  padding: 0 0.1rem;
}
.productsitem .one .items .tab span.on {
  border-color: #ff7026;
  color: #ff7026;
}
.productsitem .one .items .group {
  display: flex;
  margin-top: 0.2rem;
}
.productsitem .one .items .group button {
  width: 1.78rem;
  height: 0.5rem;
  font-family: PINGFANG-BOLD;
  background: #ffeee5;
  border-radius: 0.1rem;
  margin-right: 0.2rem;
  font-size: 0.18rem;
  color: #ff7026;
}
.productsitem .one .items .group button:hover {
  color: #fff;
  background: #ff7026;
}
.productsitem .one .items .group .btn {
  color: #fff;
  background: #ff7026;
}
.productsitem .one .items .box {
  border-radius: 0.1rem;
  background: #f9f9f9;
  padding: 0.1rem 0.15rem;
  font-size: 0.16rem;
  line-height: 0.26rem;
  color: #999999;
  margin-top: 0.15rem;
}
.productsitem .one .items .box em {
  font-style: normal;
  width: 0.2rem;
  background: #0079ea;
  border-radius: 50%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.1rem;
  height: 0.2rem;
}
.productsitem .one .items .box .flex + .flex {
  margin-top: 0.05rem;
}
.productsitem .one .items .box .flex .label img {
  width: 0.22rem;
  margin-left: 0.1rem;
}
.productsitem .one .items .box .flex > .flex_item,
.productsitem .one .items .box .flex .label {
  display: flex;
  align-items: center;
}
.productsitem .one .items .box .flex > .flex_item span + span::before {
  content: " ";
  display: inline-block;
  height: 6px;
  width: 6px;
  margin: 0 0.1rem;
  border-width: 1px 1px 0 0;
  border-color: #0079ea;
  border-style: solid;
  -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
}
.productsitem .one .items .box .flex .input {
  border-radius: 0.05rem;
  border: 1px solid #ddd;
  font-size: 0.14rem;
  width: 1.2rem;
  height: 0.26rem;
  background: #fff;
  padding-left: 0.1rem;
  margin-left: 0.05rem;
}
.productsitem .one .items .select:after {
  width: 0.06rem;
  right: 0.1rem;
  margin-top: -0.05rem;
  height: 0.06rem;
}
.productsitem .one .side {
  background: #fff;
  margin-left: 0.2rem;
  padding: 0.16rem;
  width: 2.6rem;
  border-radius: 0.15rem;
}
.productsitem .one .side .hd {
  padding: 0.15rem 0;
}
.productsitem .one .side .hd dt {
  font-size: 0.24rem;
}
.productsitem .one .side .hd dd {
  color: #666;
  font-size: 0.14rem;
}
.productsitem .one .side .hd .btn {
  display: flex;
  align-items: center;
  color: #fff;
  justify-content: center;
  height: 0.4rem;
  border-radius: 0.4rem;
  margin-top: 0.15rem;
  background: #0079ea;
  border: 1px solid #0079ea;
  font-size: 0.16rem;
}
.productsitem .one .side .hd .btn:hover {
  background: #fff;
  color: #0079ea;
}
.productsitem .one .side .bd {
  padding: 0.15rem 0;
  color: #666;
  border-top: 1px solid #eee;
}
.productsitem .one .side .bd h4 {
  font-size: 0.16rem;
  line-height: 0.32rem;
}
.productsitem .one .side .bd h4 span {
  font-size: 0.32rem;
  color: #0079ea;
  padding-right: 0.05rem;
}
.productsitem .one .side .bd ul {
  line-height: 0.24rem;
}
.productsitem .one .side .ft {
  position: relative;
  padding-bottom: 0.3rem;
  padding-top: 0.2rem;
  border-top: 1px solid #eee;
}
.productsitem .one .side .ft .swiper-pagination {
  bottom: 0;
}
.productsitem .one .side .ft .swiper-pagination-bullet {
  width: 0.18rem;
  border-radius: 0.05rem;
  height: 0.05rem;
}
.productsitem .one .side .mySwiper {
  height: 2.88rem;
}
.productsitem .one .side .swiper-slide {
  text-align: center;
  height: calc((100% - 15px) / 2) !important;
}
.productsitem .one .side .swiper-slide a {
  display: block;
  font-family: PINGFANG-BOLD;
  font-size: 0.18rem;
  color: #ff7026;
}
.productsitem .one .side .swiper-slide .pic,.productsitem .one .side .swiper-slide .pics {
  border-radius: 0.1rem;
  margin-bottom: 0.06rem;
}
.productsitem .two {
  margin-top: 0.22rem;
  border-radius: 0.15rem;
  padding: 0 0.15rem;
  background: #fff;
}
.productsitem .two .hd {
  border-bottom: 1px solid #eee;
  font-size: 0.14rem;
  display: flex;
  align-items: center;
  padding: 0.16rem 0;
}
.productsitem .two .hd span {
  color: #0079ea;
  font-family: PINGFANG-BOLD;
  padding: 0 0.06rem;
}
.productsitem .two .hd i {
  display: block;
  width: 0.23rem;
  height: 0.26rem;
  background: url(/static/upload/20241203/9b8ef241212ca8e13ddeeab29c9e610d.png) center no-repeat;
  background-size: 100% 100%;
}
.productsitem .two .bd {
  padding: 0.15rem 0 0.25rem;
}
.productsitem .two .bd h4 {
  font-size: 0.14rem;
  font-family: PINGFANG-BOLD;
}
.productsitem .two .bd ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0.05rem -0.1rem -0.1rem;
}
.productsitem .two .bd ul li {
  width: 20%;
  display: flex;
  padding: 0.1rem;
  align-items: center;
}
.productsitem .two .bd ul li img {
  margin-right: 0.1rem;
  width: 0.39rem;
}
.productsitem .three {
  display: flex;
  margin-top: 0.22rem;
  align-items: flex-start;
}
.productsitem .three .side {
  border-radius: 0.15rem;
  width: 2.6rem;
  margin-left: 0.18rem;
  background: #fff;
  padding: 0 0.12rem 0.15rem;
}
.productsitem .three .side .title {
  display: flex;
  position: relative;
  padding: 0.25rem 0 0.13rem;
  font-size: 0.18rem;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ddd;
}
.productsitem .three .side .title a {
  color: #666;
  font-size: 0.14rem;
}
.productsitem .three .side .title::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0.74rem;
  border-bottom: 2px solid #ff7026;
}
.productsitem .three .side ol {
  padding-top: 0.1rem;
}
.productsitem .three .side ol li {
  margin-top: 0.1rem;
}
.productsitem .three .side .pic, .productsitem .three .side .pics {
  border-radius: 0.1rem;
}
.productsitem .three .side ul li {
  margin-top: 0.15rem;
}
.productsitem .three .side ul dt {
  line-height: 0.2rem;
  margin: 0.06rem 0;
  color: #666;
}
.productsitem .three .side ul dd {
  font-size: 0.18rem;
  color: #ff7026;
}
.productsitem .three .a {
  background: #fff;
  border-radius: 0.15rem;
  margin-bottom: 0.36rem;
}
.productsitem .three .a .bd {
  text-align: center;
  padding: 0.3rem 0;
}
.productsitem .three .a .tab {
  border-bottom: 1px solid #ddd;
  font-size: 0.18rem;
  display: flex;
}
.productsitem .three .a .tab li {
  padding: 0 0.4rem;
  position: relative;
}
.productsitem .three .a .tab li a {
  display: block;
  padding: 0.2rem 0;
}
.productsitem .three .a .tab li.on a {
  color: #0079ea;
}
.productsitem .three .a .tab li.on a:after {
  content: "";
  width: 0.5rem;
  height: 0.03rem;
  border-radius: 0.03rem;
  background: #0079ea;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.productsitem .three .info {
  background: #fff;
  border-radius: 0.15rem;
  padding: 0.23rem;
}
.productsitem .three > .flex_item .title {
  font-size: 0.22rem;
  display: flex;
  margin-bottom: 0.1rem;
  font-family: PINGFANG-BOLD;
  align-items: center;
}
.productsitem .three > .flex_item .title::before {
  content: "";
  width: 0.05rem;
  height: 0.22rem;
  border-radius: 0.05rem;
  background: #f4af18;
  margin-right: 0.1rem;
}
.productsitem .three .b .hd {
  font-size: 0.16rem;
  padding-left: 0.1rem;
}
.productsitem .three .b .hd li + li {
  margin-top: 0.15rem;
  color: #666;
}
.productsitem .three .b .hd li p span {
  color: #ff7026;
  padding-left: 0.1rem;
}
.productsitem .three .b .hd li .lists {
  display: flex;
  margin-top: 0.07rem;
  flex-wrap: wrap;
}
.productsitem .three .b .hd li .lists img {
  border-radius: 0.15rem;
  width: 0.94rem;
  height: 0.72rem;
  margin-right: 0.1rem;
  border: 1px solid #eeeeee;
}
.productsitem .three .b .bd,
.productsitem .three .b .ft {
  padding-left: 0.1rem;
}
.productsitem .three .b h3 {
  color: #0079ea;
  padding: 0.2rem 0 0.1rem;
  font-size: 0.16rem;
}
.productsitem .three .b .table {
  border-radius: 0.15rem;
  overflow: hidden;
  border-color: #eee;
}
.productsitem .three .b .table table td,
.productsitem .three .b .table table th {
  border-color: #fff;
}
.productsitem .three .b .table table th {
  background: #eeeeee;
  color: #333;
}
.productsitem .three .b .table table tr:nth-child(odd) {
  background: #f9f9fa;
}
.productsitem .three .b .table table tr + tr {
  border: none;
}
.productsitem .three .b .table table td:first-child {
  text-align: left;
  padding-left: 0.3rem;
  width: 2.2rem;
}
.productsitem .three .b .ft li {
  display: flex;
  align-items: center;
  height: 0.62rem;
  padding: 0 0.22rem;
  background: #f9f9fa;
  margin-top: 0.08rem;
  border-radius: 0.1rem;
}
.productsitem .three .b .ft li img {
  margin-right: 0.1rem;
  width: 0.4rem;
}
.productsitem .three .c .bd {
  padding-left: 0.1rem;
}
.productsitem .three .c h4 {
  font-size: 0.16rem;
  color: #0079ea;
  margin: 0.23rem 0 0.1rem;
}
.productsitem .three .c li {
  position: relative;
  padding-left: 0.22rem;
  line-height: 0.28rem;
}
.productsitem .three .c li:before {
  content: "◎";
  color: #0079ea;
  font-size: 0.16rem;
  position: absolute;
  left: 0;
}
.productsitem .three .d,
.productsitem .three .c {
  margin-top: 0.3rem;
}
.productsitem .three .e {
  margin-top: 0.3rem;
}
.productsitem .three .e .bd {
  padding: 0 0 0 0.1rem;
  line-height: 0.24rem;
  color: #666;
  font-size: 0.14rem;
}
.spinner {
  display: flex;
  align-items: center;
  border: 1px solid #eee;
  border-radius: 0.05rem;
  margin-right: 0.1rem;
  overflow: hidden;
}
.spinner input {
  width: 0.5rem;
  text-align: center;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  height: 0.33rem;
}
.spinner button {
  width: 0.28rem;
  height: 0.33rem;
  color: #ccc;
  background: #fff;
  font-size: 0.22rem;
}
/**/
.productsitem .four {
  display: flex;
}
.productsitem .four .side {
  width: 4.15rem;
  margin-left: 0.16rem;
}
.productsitem .four .side .a {
  border-radius: 0.15rem;
  background: #fff;
  padding: 0 0.15rem;
}
.productsitem .four .side .a .bd {
  padding: 0.15rem 0;
  line-height: 0.24rem;
  color: #666;
  border-bottom: 1px solid #eee;
}
.productsitem .four .side .a .bd .btn {
  height: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin: 0.15rem 0;
  font-size: 0.18rem;
  border-radius: 0.5rem;
  background: #0079ea;
}
.productsitem .four .side .a .bd .btn:hover {
  background: #ff7026;
}
.productsitem .four .side .a .bd p a {
  color: #ff7026;
}
.productsitem .four .side .a .bd p i {
  display: inline-block;
  vertical-align: middle;
  width: 0.18rem;
  height: 0.18rem;
  background: url(/static/upload/20241203/71153780f3b2401c2a188fd780fd4060.png) center no-repeat;
  background-size: 100% 100%;
}
.productsitem .four .side .a .bd .tip {
  text-align: center;
}
.productsitem .four .side .a .bd .tip i {
  display: inline-block;
  vertical-align: middle;
  width: 0.14rem;
  height: 0.14rem;
  margin-left: 0.05rem;
  background: url(/static/upload/20241203/06699b59193f12b826455c14de86ad93.png) center no-repeat;
  background-size: 100% 100%;
}
.productsitem .four .side .a .ft {
  display: flex;
  align-items: center;
  padding: 0.2rem 0;
}
.productsitem .four .side .a .ft img {
  width: 0.34rem;
  margin-right: 0.05rem;
}
.productsitem .four .side .a .ft > a {
  display: flex;
  align-items: center;
  color: #0079ea;
}
.productsitem .four .side .a .ft > a:after {
  content: " ";
  display: inline-block;
  height: 6px;
  width: 6px;
  margin-left: 0.05rem;
  border-width: 1px 1px 0 0;
  border-color: #c8c8cd;
  border-style: solid;
  -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
}
.productsitem .four .side .a .ft > a i {
  display: inline-block;
  vertical-align: middle;
  width: 0.21rem;
  height: 0.26rem;
  margin-right: 0.05rem;
  background: url(/static/upload/20241203/ece8311b76a571b35611a7faed6a9480.png) center no-repeat;
  background-size: 100% 100%;
}
.productsitem .four .side .b .pic, .productsitem .four .side .b .pics {
  border-radius: 0.15rem;
  margin-top: 0.1rem;
}
.productsitem .four .side .tabtitle {
  display: flex;
  position: relative;
  border-bottom: 1px solid #ddd;
  padding-left: 0.15rem;
}
.productsitem .four .side .tabtitle a {
  color: #666;
  position: absolute;
  font-size: 0.14rem;
  top: 50%;
  transform: translate(0, -50%);
  right: 0.15rem;
}
.productsitem .four .side .tabtitle li {
  font-size: 0.18rem;
  position: relative;
  min-width: 0.74rem;
  text-align: center;
  cursor: pointer;
  margin-right: 0.25rem;
  line-height: 0.6rem;
}
.productsitem .four .side .tabtitle li.on {
  color: #ff7026;
}
.productsitem .four .side .tabtitle li.on:after {
  content: "";
  border-bottom: 3px solid #ff7026;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
}
.productsitem .four .side .c {
  border-radius: 0.15rem;
  background: #fff;
  margin-top: 0.1rem;
}
.productsitem .four .side .c .tabbox {
  padding: 0 0.16rem 0.16rem;
}
.productsitem .four .side .c .tabbox ul {
  padding: 0.1rem 0 0;
}
.productsitem .four .side .c .tabbox ul li a {
  display: flex;
  align-items: center;
  padding: 0.1rem 0;
}
.productsitem .four .side .c .tabbox ul li .pic, .productsitem .four .side .c .tabbox ul li .pics {
  width: 0.86rem;
  margin-right: 0.1rem;
}
.productsitem .four .side .c .tabbox ul li h4 {
  font-size: 0.16rem;
  line-height: 0.24rem;
  height: 0.48rem;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.productsitem .four .side .c .tabbox ul li p {
  margin-top: 0.1rem;
}
.productsitem .four .side .c .tabbox ul li p span {
  margin-right: 0.2rem;
  color: #999;
}
.productsitem .four .side .c .tabbox ul li .price {
  font-size: 0.18rem;
  color: #ff7026;
  margin-top: 0.08rem;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.productsitem .four .side .c .more {
  color: #666;
  font-size: 0.16rem;
  height: 0.5rem;
  border-radius: 0.5rem;
  background: #f5f5f5;
  display: flex;
  margin-top: 0.1rem;
  align-items: center;
  justify-content: center;
}
.productsitem .four .side .c .more:hover {
  color: #fff;
  background: #ff7026;
}
.productsitem .four .side .c .tabbox ol li {
  font-size: 0.16rem;
  line-height: 0.4rem;
  position: relative;
  padding-left: 0.15rem;
}
.productsitem .four .side .c .tabbox ol li a {
  color: #666;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.productsitem .four .side .c .tabbox ol li a:hover {
  color: #ff7026;
}
.productsitem .four .side .c .tabbox ol li:before {
  content: "●";
  font-size: 0.1rem;
  color: #5aadff;
  position: absolute;
  left: 0;
}
.productsitem .four .side .c .banner {
  margin-top: 0.2rem;
}
.productsitem .four .side .c .banner img {
  width: 100%;
}
.productsitem .four .side .c .banner .swiper-pagination-bullet-active {
  background: #fff;
}
.productsitem .four .side .d {
  border-radius: 0.15rem;
  margin-top: 0.1rem;
  background: #fff;
}
.productsitem .four .side .d .bd {
  padding: 0.1rem 0;
  text-align: center;
}
.productsitem .four .side .d .bd ul {
  display: flex;
  flex-wrap: wrap;
  line-height: 0.34rem;
}
.productsitem .four .side .d .bd ul li {
  width: 50%;
}
.productsitem .four .side .e {
  border-radius: 0.15rem;
  background: #fff;
}
.productsitem .four .side .e .tabtitle li {
  flex: 1;
  font-size: 0.22rem;
  text-align: center;
}
.productsitem .four .side .e .tabtitle li.on {
  color: #f4af18;
}
.productsitem .four .side .e .tabtitle li.on:after {
  width: 0.4rem;
  border-color: #f4af18;
  left: 50%;
  transform: translate(-50%, 0);
}
.productsitem .four .side .e .tabcontent {
  padding: 0.15rem;
}
.productsitem .four .side .e .tabcontent li {
  display: flex;
  align-items: center;
  margin-top: 0.1rem;
  padding-left: 0.1rem;
  position: relative;
  height: 0.55rem;
  border-radius: 0.05rem;
  border: 1px solid #ddd;
}
.productsitem .four .side .e .tabcontent li span {
  color: #999;
  padding-right: 0.1rem;
}
.productsitem .four .side .e .tabcontent li .input {
  width: 100%;
  height: 0.37rem;
  font-size: 0.15rem;
  padding-left: 0.1rem;
}
.productsitem .four .side .e .tabcontent li .flex_item {
  border-left: 1px solid #ddd;
}
.productsitem .four .side .e .tabcontent li label {
  display: flex;
  align-items: center;
  width: 1.2rem;
  font-size: 0.16rem;
  font-family: PINGFANG-BOLD;
}
.productsitem .four .side .e .tabcontent li label i {
  color: #ffa900;
  margin-right: 0.06rem;
}
.productsitem .four .side .e .tabcontent .btn {
  margin-top: 0.2rem;
  height: 0.5rem;
  color: #fff;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.18rem;
  background: #0079ea;
  border-radius: 0.5rem;
}
.productsitem .four > .flex_item {
  background: #fff;
  border-radius: 0.15rem;
}
.productsitem .four > .flex_item > div {
  padding: 0.24rem 0.16rem;
  border-bottom: 1px solid #eee;
}
.productsitem .four > .flex_item > div:last-child {
  border: none;
}
.productsitem .four > .flex_item .title {
  display: flex;
  align-items: center;
}
.productsitem .four > .flex_item .title a {
  color: #666;
}
.productsitem .four > .flex_item .title > .flex_item {
  font-size: 0.22rem;
  font-family: PINGFANG-BOLD;
  display: flex;
  align-items: center;
}
.productsitem .four > .flex_item .title .down {
  color: #999;
  cursor: pointer;
}
.productsitem .four > .flex_item .title .down:after {
  content: " ";
  display: inline-block;
  height: 6px;
  width: 6px;
  border-width: 0 1px 1px 0;
  margin-left: 0.05rem;
  margin-top: -0.03rem;
  vertical-align: middle;
  border-color: #999;
  border-style: solid;
  -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
}
.productsitem .four > .flex_item .title > .flex_item span {
  font-size: 0.14rem;
  color: #666;
  margin-left: 0.1rem;
}
.productsitem .four > .flex_item .title > .flex_item::before {
  content: "";
  width: 0.05rem;
  height: 0.22rem;
  margin-right: 0.1rem;
  border-radius: 0.05rem;
  background: #f4af18;
}
.productsitem .four > .flex_item .part1 .pic, .productsitem .four > .flex_item .part1 .pics {
  margin-right: 0.3rem;
  width: 3.36rem;
  border-radius: 0.1rem;
}
.productsitem .four > .flex_item .part1 .img {
  width: 0.36rem;
  height: 0.36rem;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 0.1rem;
}
.productsitem .four > .flex_item .part1 h1 {
  font-size: 0.24rem;
  margin-bottom: 0.25rem;
}
.productsitem .four > .flex_item .part1 .price {
  color: #ff6200;
  font-size: 0.18rem;
  margin-bottom: 0.15rem;
}
.productsitem .four > .flex_item .part1 .price span {
  font-size: 0.25rem;
}
.productsitem .four > .flex_item .part1 .price em {
  color: #999999;
  font-style: normal;
  font-size: 0.25rem;
  text-decoration: line-through;
}
.productsitem .four > .flex_item .part1 .flex > span {
  color: #999;
}
.productsitem .four > .flex_item .part1 ul {
  border-radius: 0.1rem;
  font-size: 0.16rem;
  color: #666;
  line-height: 0.32rem;
  padding: 0.1rem 0.2rem;
  margin: 0.15rem 0 0.35rem;
  background: #f9f9f9;
}
.productsitem .four > .flex_item .part1 ul li {
  display: flex;
  align-items: center;
}
.productsitem .four > .flex_item .part1 ul li .label {
  width: 1rem;
  color: #999;
}
.productsitem .four > .flex_item .part1 .down {
  color: #999;
  font-size: 0.15rem;
  cursor: pointer;
}
.productsitem .four > .flex_item .part1 .down:after {
  content: " ";
  display: inline-block;
  height: 6px;
  width: 6px;
  border-width: 0 1px 1px 0;
  margin-left: 0.05rem;
  margin-top: -0.02rem;
  vertical-align: middle;
  border-color: #999;
  border-style: solid;
  -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
}
.productsitem .four > .flex_item .part1 .ft {
  display: flex;
  align-items: flex-end;
  color: #666;
  font-size: 0.16rem;
}
.productsitem .four > .flex_item .part1 .ft .btn {
  width: 1.8rem;
  height: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ff7026;
  border: 1px solid #ff7026;
  color: #fff;
  font-size: 0.18rem;
  border-radius: 0.05rem;
  margin-right: 0.1rem;
}
.productsitem .four > .flex_item .part1 .ft .btn:hover {
  background: #fff;
  color: #ff7026;
}
.productsitem .four > .flex_item .part1 .ft .btn:hover i {
  border-color: #ff7026;
}
.productsitem .four > .flex_item .part1 .ft .btn i {
  display: inline-block;
  height: 0.1rem;
  width: 0.1rem;
  border-width: 1px 1px 0 0;
  border-color: #fff;
  border-style: solid;
  -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
}
.productsitem .four > .flex_item .part1 .ft span {
  color: #ff7026;
}
.productsitem .four > .flex_item .part2 {
  font-size: 0.16rem;
  line-height: 0.24rem;
}
.productsitem .four > .flex_item .part2 .hd {
  background: #f5fbff;
  border-radius: 0.15rem;
  border: 1px solid #c4e8fd;
  padding: 0.15rem 0.2rem;
}
.productsitem .four > .flex_item .part2 .hd h4 {
  display: flex;
  align-items: center;
  color: #0079ea;
  font-size: 0.14rem;
}
.productsitem .four > .flex_item .part2 .hd h4 img {
  margin-right: 0.1rem;
  width: 0.36rem;
}
.productsitem .four > .flex_item .part2 .hd h4 b {
  font-size: 0.19rem;
  padding-right: 0.06rem;
  font-family: PINGFANG-BOLD;
  background: -webkit-linear-gradient(
    90deg,
    #077dec,
    #5db0fd
  ); /* Chrome, Safari */
  background: linear-gradient(90deg, #077dec, #5db0fd); /* 标准语法 */
  -webkit-background-clip: text; /* Chrome, Safari */
  background-clip: text;
  -webkit-text-fill-color: transparent; /* Chrome, Safari */
  color: transparent; /* 兼容不支持background-clip的浏览器 */
}
.productsitem .four > .flex_item .part2 .hd p {
  background: #fff;
  border-radius: 0.15rem;
  margin-top: 0.1rem;
  color: #666;
  padding: 0.1rem;
  line-height: 2;
}
.productsitem .four > .flex_item .part2 .hd p span {
  color: #ff7026;
}
.productsitem .four > .flex_item .part2 .inbox {
  border: 1px solid #ddd;
  border-radius: 0.15rem;
  font-size: 0.15rem;
  overflow: hidden;
  margin-top: 0.15rem;
}
.productsitem .four > .flex_item .part2 .inbox .top {
  height: 0.48rem;
  padding: 0 0.15rem;
  background: #f7f7f7;
}
.productsitem .four > .flex_item .part2 .inbox .top span {
  color: #ff7026;
  font-size: 0.2rem;
  padding-left: 0.1rem;
  font-family: PINGFANG-BOLD;
}
.productsitem .four > .flex_item .part2 .inbox h4 {
  position: relative;
  margin: 0.15rem 0;
}
.productsitem .four > .flex_item .part2 .inbox ol {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.productsitem .four > .flex_item .part2 .inbox ol li {
  display: flex;
  align-items: center;
  margin-right: 0.4rem;
}
.productsitem .four > .flex_item .part2 .inbox ol li span {
  display: flex;
  align-items: center;
  width: 1.1rem;
  color: #666;
}
.productsitem .four > .flex_item .part2 .inbox ol li img {
  margin-right: 0.06rem;
  width: 0.19rem;
}
.productsitem .four > .flex_item .part2 .inbox h4::before {
  content: "";
  border-bottom: 1px dashed #ddd;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
}
.productsitem .four > .flex_item .part2 .inbox h4 span {
  position: relative;
  z-index: 5;
  width: 1.32rem;
  height: 0.38rem;
  display: flex;
  border-radius: 0.3rem;
  align-items: center;
  justify-content: center;
  background: #e3f1ff;
  color: #0079ea;
}
.productsitem .four > .flex_item .part2 .inbox .pd {
  padding: 0.15rem;
}
.productsitem .four > .flex_item .part2 .inbox ul {
  color: #666;
  line-height: 0.34rem;
  position: relative;
}
.productsitem .four > .flex_item .part2 .inbox ul::before {
  content: "";
  border-left: 1px dashed #ffbc0b;
  position: absolute;
  left: 0.08rem;
  top: 0.1rem;
  bottom: 0.1rem;
}
.productsitem .four > .flex_item .part2 .inbox ul li {
  position: relative;
  display: flex;
  align-items: center;
}
.productsitem .four > .flex_item .part2 .inbox ul .flex_item {
  display: flex;
  align-items: center;
}
.productsitem .four > .flex_item .part2 .inbox ul span {
  width: 1.65rem;
  display: block;
  margin-left: 0.15rem;
}
.productsitem .four > .flex_item .part2 .inbox ul i {
  width: 0.16rem;
  height: 0.16rem;
  border-radius: 50%;
  display: block;
  z-index: 5;
  background: #fff;
  border: 4px solid #ffece0;
  position: relative;
}
.productsitem .four > .flex_item .part2 .inbox ul i::before {
  content: "";
  border: 1px solid #ffbc0b;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.productsitem .four > .flex_item .part2 .bd li {
  margin-top: 0.2rem;
}
.productsitem .four > .flex_item .part2 .bd li a {
  color: #ff7026;
}
.productsitem .four > .flex_item .part3 .bd {
  margin-top: 0.15rem;
}
.productsitem .four > .flex_item .part3 .bd li {
  width: 2.22rem;
}
.productsitem .four > .flex_item .part4 .bd {
  font-size: 0.16rem;
  line-height: 0.28rem;
  color: #666;
  margin-top: 0.1rem;
}
.productsitem .four > .flex_item .part4 .bd h4 {
  font-size: 0.14rem;
  color: #999;
  margin-top: 0.15rem;
  line-height: 0.24rem;
}
.productsitem .four > .flex_item .part4 .bd h4 a {
  color: #ff7026;
}
.productsitem .four > .flex_item .part4 .brdge {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 0.15rem;
  margin-top: 0.1rem;
  color: #666;
}
.productsitem .four > .flex_item .part4 .brdge span {
  background: #f5f5f5;
  border-radius: 0.05rem;
  margin-left: 0.06rem;
  padding: 0 0.1rem;
}
.productsitem .four > .flex_item .part4 .ft {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666;
  margin-top: 0.3rem;
  font-size: 0.16rem;
  text-align: center;
}
.productsitem .four > .flex_item .part4 .ft span {
  display: flex;
  color: #fff;
  align-items: center;
  /* width: 0.68rem; */
  height: 0.68rem;
  justify-content: center;
  font-size: 0.32rem;
  border-radius: 0.68rem;
  background: #d2d2d2;
  padding: 0px 20px;
  cursor: pointer;
}
.productsitem .four > .flex_item .part4 .ft span.on {
  background: #ff7026;
}
.productsitem .four > .flex_item .part4 .ft dl {
  width: 1.8rem;
  line-height: 0.28rem;
}
.productsitem .four > .flex_item .part4 .ft dl dt {
  border-bottom: 2px solid #ddd;
}
.productsitem .four > .flex_item .part4 .ft dl a {
  color: #ff7026;
}
.productsitem .four > .flex_item .part5 .bd {
  padding-top: 0.2rem;
}
.productsitem .four > .flex_item .part5 .bd ul {
  display: flex;
  flex-wrap: wrap;
  margin: -0.13rem -0.4rem;
}
.productsitem .four > .flex_item .part5 .bd ul li {
  width: 50%;
}
.productsitem .four > .flex_item .part5 .bd ul li a {
  padding: 0.13rem 0.4rem;
  display: flex;
  align-items: center;
}
.productsitem .four > .flex_item .part5 .bd ul .pic, .productsitem .four > .flex_item .part5 .bd ul .pics {
  border-radius: 0.15rem;
  margin-right: 0.15rem;
  width: 1.87rem;
}
.productsitem .four > .flex_item .part5 .bd ul .img {
  border-radius: 50%;
  margin-right: 0.1rem;
  width: 0.3rem;
  height: 0.3rem;
}
.productsitem .four > .flex_item .part5 .bd ul h4 {
  font-size: 0.18rem;
  height: 0.56rem;
  line-height: 0.28rem;
  margin-bottom: 0.08rem;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.productsitem .four > .flex_item .part5 .bd ul .flex {
  color: #666;
}
.productsitem .four > .flex_item .part5 .bd ul .zan {
  color: #999;
  cursor: pointer;
}
.productsitem .four > .flex_item .part5 .bd ul .zan i {
  color: #999;
  margin-right: 0.05rem;
}
.productsitem .four > .flex_item .part6 .flex {
  margin-top: 0.15rem;
  color: #666;
}
.productsitem .four > .flex_item .part6 .pic, .productsitem .four > .flex_item .part6 .pics {
  border-radius: 50%;
  margin-right: 0.15rem;
  width: 0.75rem;
  height: 0.75rem;
}
.productsitem .four > .flex_item .part6 .flex p span + span::before {
  content: "|";
  padding: 0 0.15rem;
}
.productsitem .four > .flex_item .part6 .flex h4 {
  font-size: 0.18rem;
  display: flex;
  align-items: center;
  font-family: PINGFANG-BOLD;
}
.productsitem .four > .flex_item .part6 .flex h4 i {
  display: inline-block;
  width: 0.2rem;
  height: 0.17rem;
  background: url(/static/upload/20241203/4a1b2155f549bb897c14b0fa9f2df8d0.png) center no-repeat;
  background-size: 100% 100%;
  margin-left: 0.05rem;
}
.productsitem .four > .flex_item .part6 .group {
  display: flex;
}
.productsitem .four > .flex_item .part6 .group a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.88rem;
  margin-left: 0.15rem;
  height: 0.34rem;
  color: #f4af18;
  border: 1px solid #f4af18;
  border-radius: 0.34rem;
}
.productsitem .four > .flex_item .part6 .group .btn {
  color: #fff;
  background: #f4af18;
}
.productsitem .four > .flex_item .part8 .hd {
  border: 1px solid #eee;
  border-radius: 0.15rem;
  overflow: hidden;
  margin-top: 0.15rem;
}
.productsitem .four .part7 .bd {
  margin-top: 0.15rem;
}
.productsitem .four .part7 .bd .pic, .productsitem .four .part7 .bd .pics {
  border-radius: 0.15rem;
}
.productsitem .four .part7 .bd p {
  font-size: 0.16rem;
  line-height: 0.25rem;
  margin: 0.1rem 0 0.02rem;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.productsitem .four .part7 .bd .price {
  color: #ff6200;
  font-size: 0.18rem;
}
.productsitem .four .part7 .bd .price span {
  font-size: 0.25rem;
}
.productsitem .four .part7 .mySwiper {
  max-width: 10.85rem;
}
.productsitem .four .part7 .swiper-pagination {
  position: static;
  width: auto;
}
.productsitem .four > .flex_item .part8 textarea {
  width: 100%;
  padding: 0.15rem;
  font-family: inherit;
  font-size: 0.15rem;
  height: 1.14rem;
  resize: none;
}
.productsitem .four > .flex_item .part8 .hd .flex {
  padding: 0.05rem 0.15rem;
  border-top: 1px solid #eee;
}
.productsitem .four > .flex_item .part8 .hd .flex i {
  font-size: 0.24rem;
  color: #ccc;
}
.productsitem .four > .flex_item .part8 .hd .btn {
  width: 1.05rem;
  height: 0.38rem;
  background: #f4af18;
  font-size: 0.16rem;
  color: #fff;
  border-radius: 0.1rem;
}
.productsitem .four > .flex_item .part8 .bd {
  text-align: center;
  color: #999;
  padding-top: 0.2rem;
}
.productsitem .four > .flex_item .part8 .bd img {
  width: 2.07rem;
  margin-bottom: 0.1rem;
}
.productsitem .four > .flex_item .part9 .bd {
  margin-top: 0.15rem;
}
.productsitem .four > .flex_item .part9 .bd ul {
  display: flex;
  flex-wrap: wrap;
}
.productsitem .four > .flex_item .part9 .bd ul li {
  margin: 0 0.12rem 0.12rem 0;
}
.productsitem .four > .flex_item .part9 .bd ul span {
  display: flex;
  height: 0.4rem;
  border-radius: 0.4rem;
  background: #f5f5f5;
  padding: 0 0.15rem;
  align-items: center;
}
.productsitem .four > .flex_item .part9 .bd ul img {
  margin-right: 0.05rem;
  width: 0.29rem;
}
/**/
.chaxun_zhuce .bd {
  background: url(/static/upload/20241203/1fe06170287c219dc7bc30f2688bbf9a.jpg) center no-repeat;
  background-size: cover;
}
/* WaybillNumber */
.WaybillNumber {
  padding: 0.3rem 0;
}
.WaybillNumber .flexitem{
  width: 100%;
  display: inline-flex;
}
.WaybillNumber .flexitem .w50{
  width: 49%;
  display: block;
}
.WaybillNumber .title {
  font-size: 0.22rem;
  display: flex;
  margin-bottom: 0.1rem;
  font-family: PINGFANG-BOLD;
  align-items: center;
}
.WaybillNumber .title::before {
  content: "";
  width: 0.05rem;
  height: 0.22rem;
  border-radius: 0.05rem;
  background: #f4af18;
  margin-right: 0.1rem;
}
.WaybillNumber ul li{
  position: relative;
  padding-left: 0.22rem;
  line-height: 0.36rem;
}
.WaybillNumber ul li:before {
  content: "◎";
  color: #0079ea;
  font-size: 0.16rem;
  position: absolute;
  left: 0;
}