/* export interface shop_info {
  supp_shop_avatar: string;
  supp_shop_show_pictures: string[];
  supp_shop_name: string;
  supp_shop_business_scope: string;
  supp_shop_main_products: string[];
  supp_shop_registered_capital: number;
  supp_shop_plant_area: number;
  supp_shop_certification: string;
  supp_shop_description: string;
  supp_shop_correlation_display: string;
} */
/* header{
  backdrop-filter: saturate(180%) blur(20px);
  background-color: rgba(255, 255, 255, .1);
} */

.lineBox {
  width: 1px;
  height: 18px;
  background-color: #dddddd;
}

.header-login-info {
  max-width: 150px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.header-menu-item.header-menu-item-right {
  float: right;
  margin-top: 0px !important;
  height: 80px;
  display: flex;
  align-items: center;
  margin-right: 5px;
}

.header-main {
  width: 100%;
  position: relative !important;
  z-index: 99 !important;
  border-bottom: 1px solid #e3e3e3;
}

.header-login {
  width: 400px;
}

.header-line {
  width: 1px;
  height: 40px;
  background-color: #dddddd;
}

.header-login {
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  justify-content: end;
}

.header-login-item {
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  line-height: 20px;
}

.header-login-svg {
  height: 40px;
  width: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}

.header-menu-item a {
  color: #333 !important;
  font-weight: 500;
}

.header-login-info {
  max-width: 150px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.header-login-info a {
  font-size: 14px;
  font-weight: 500;
  color: #333;
}

.header-login-info a:hover {
  color: #e71a41 !important;
}

.layui-btn-sm {
  height: 30px;
  font-size: 12px;
  line-height: 0px !important;
  padding: 0 10px;
}

[v-cloak] {
  display: none !important;
}

#shop-hd {
  background-color: #fff;
  padding: 10px 0;
}

[v-cloak] {
  display: none !important;
}

.text-center{
  text-align: center;
}

.shop-hd-main {
  display: flex;
  align-items: center;
}

.shop-search {
  width: 500px;
  margin-left: 20px;
  margin-top: 16px;
}

.shop-info {
  display: flex;
  align-items: center;
  flex: 1;
}

/* 首页头部轮播图 */
.hd_swiper {
  max-width: 1920px;
  height: 640px;
  margin: 0 auto;
  margin-top: 10px;
  position: relative;
  width: 100%;
}

.activebox {
  width: 100%;
  position: relative;
  display: block;
  box-sizing: border-box;
  margin-top: 24px;
}

#swiper-banner {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding-top: 0px;
  margin-top: 15px;
  display: none;
}

#swiper-banner .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 640px;
}

#swiper-banner .swiper-wrapper img {
  object-fit: cover;
  width: 100%;
  height: 640px;
  border-radius: 10px;
}

#swiper-banner .button-prev {
  width: 44px;
  height: 64px;
  background-color: rgb(0 0 0 / 60%);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(calc(50% - 600px), -50%);
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0 10px 10px 0;
  cursor: pointer;
  color: #fff;
}

#swiper-banner .button-next {
  width: 44px;
  height: 64px;
  background-color: rgb(0 0 0 / 60%);
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(calc(600px - 50%), -50%);
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px 0 0 10px;
  cursor: pointer;
  color: #fff;
}

#swiper-banner .layui-icon {
  font-family: "layui-icon" !important;
  font-size: 22px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: none;
}

#swiper-banner .swiper-pagination {
  position: absolute;
  left: 50%;
  right: 50%;
  transform: translate(calc(400px - 50%), -50%);
  z-index: 999;
  border-radius: 10px;
  padding: 5px;
  text-align: center;
  width: 80px;
}

.catalogs-text .text-title {
  font-size: 14px;
  font-weight: 400;
  color: #666;
  margin: 0;
  margin-bottom: 5px;
}

.catalogs-text .redtext {
  display: flex;
  align-items: center;
  color: #e71a41;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 0px;
}

@media (min-width: 1600px) {
  .catalogs-text .text-title {
    margin-bottom: 13px;
  }

  .catalogs-text .redtext {
    margin-bottom: 9px;
  }

  #swiper-banner .button-next {
    width: 44px;
    height: 64px;
    background-color: rgb(0 0 0 / 60%);
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(calc(800px - 50%), -50%);
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px 0 0 10px;
    cursor: pointer;
    color: #fff;
  }

  #swiper-banner .button-prev {
    width: 44px;
    height: 64px;
    background-color: rgb(0 0 0 / 60%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(calc(50% - 800px), -50%);
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0 10px 10px 0;
    cursor: pointer;
    color: #fff;
  }

  #swiper-banner .swiper-pagination {
    position: absolute;
    left: 50%;
    right: 50%;
    transform: translate(calc(700px - 50%), -50%);
    z-index: 999;
    border-radius: 10px;
    padding: 5px;
    text-align: center;
    width: 80px;
  }
}

@media (min-width: 1720px) {
  .catalogs-text .text-title {
    margin-bottom: 16px;
  }

  .catalogs-text .redtext {
    margin-bottom: 9px;
  }

  #swiper-banner .button-next {
    width: 44px;
    height: 64px;
    background-color: rgb(0 0 0 / 60%);
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(calc(860px - 50%), -50%);
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px 0 0 10px;
    cursor: pointer;
    color: #fff;
  }

  #swiper-banner .button-prev {
    width: 44px;
    height: 64px;
    background-color: rgb(0 0 0 / 60%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(calc(50% - 860px), -50%);
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0 10px 10px 0;
    cursor: pointer;
    color: #fff;
  }

  #swiper-banner .swiper-pagination {
    position: absolute;
    left: 50%;
    right: 50%;
    transform: translate(calc(760px - 50%), -50%);
    z-index: 999;
    border-radius: 10px;
    padding: 5px;
    text-align: center;
    width: 80px;
  }
}

/* #swiper-banner .button-next :hover {
  color: #fff;
}

#swiper-banner .button-prev :hover {
  color: #fff;
} */

#swiper-banner .swiper-pagination .swiper-pagination-bullet {
  background-color: #fff;
  opacity: 1;
  box-shadow: 1px 1px 1px rgba(0, 0, 0);
}

#swiper-banner .swiper-pagination .swiper-pagination-bullet-active-main {
  background-color: #e71a41;
}

#swiper-banner .swiper-pagination .swiper-pagination-bullet-active-prev {
  transform: scale(0.75);
}

#swiper-banner .swiper-pagination .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.5);
}

#swiper-banner .swiper-pagination .swiper-pagination-bullet-active-next {
  transform: scale(0.75);
}

#swiper-banner .swiper-pagination .swiper-pagination-bullet-active-next-next {
  transform: scale(0.5);
}

.ButtonBox {
  height: 41px;
  position: absolute;
  bottom: 40px;
  z-index: 1;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  left: 50%;
  transform: translateX(-50%);
}

.ButtonBox .Button {
  width: 81px;
  height: 41px;
  background-color: rgba(0, 0, 0, 0.5);
  border: 1px solid #fff;
  border-radius: 10px;
  line-height: 41px;
  font-size: 18px;

  font-weight: 400;
  color: #fff;
  text-align: center;
  margin-right: 30px;
}

.ButtonBox .Button:hover {
  cursor: pointer;
}

.Buttonactive {
  background-color: #e71a41 !important;
  border: 1px solid #fff !important;
}

/* 首页轮播模块样式 */

.PhotoBox {
  display: none;
}

#Photoone {
  max-width: 1920px;
  height: 640px;
  display: none;
}

#Photoone img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#hd-banner {
  max-width: 1920px;
  height: 640px;
  margin: 0 auto;
  margin-top: 10px;
  width: 100%;
}

#hd-banner .layui-carousel-arrow {
  width: 40px;
  height: 64px;
  left: 12.5%;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 0px 10px 10px 0px;
  color: #fff;
}

#hd-banner img {
  width: 100%;
  height: 100%;
}

#hd-banner .layui-carousel-arrow[lay-type="add"] {
  right: 12.5%;
  border-radius: 10px 0px 0px 10px !important;
}

#hd-banner .layui-carousel-ind {
  height: 18px;
}

#hd-banner .layui-carousel-ind li {
  width: 8px !important;
  height: 8px !important;
  background-color: #fff;
  z-index: 3;
  border: 2px solid #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#hd-banner .layui-carousel-ind ul {
  position: absolute;
  right: 320px;
  bottom: 13px;
  background-color: rgba(0, 0, 0, 0.2) !important;
}

#hd-banner .layui-carousel-ind li.layui-this {
  background-color: rgba(0, 0, 0, 0);
  width: 16px !important;
  height: 6px !important;
  background-color: #e71a41 !important;
  border-radius: 3px !important;
  border: 2px solid #e71a41 !important;
  transform: translateY(-1px);
}

#hd-banner .swiper-container-hd {
  z-index: 1;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

#hd-banner .swiper-container-hd .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#hd-banner .swiper-container-hd .swiper-slide video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 首页视频样式 */
.VideoBox {
  max-width: 1920px;
  width: 100%;
  height: 640px;
  display: none;
  margin: 0 auto;
  position: relative;
}

.Videoprospect {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.Videoprospect video {
  max-width: 100%;
  height: 100%;
}

.Videobackground {
  width: 100%;
  height: 640px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
  overflow: hidden;
}

.Videobackground video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: blur(20px);
}

.Videobackground video ::after {
  content: "";
  display: block;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: -1;
}

/* VR视频样式 */
.VRBox {
  width: 1440px !important;
  height: 100%;
  display: none;
  margin: 0 auto;
}

.shop-avatar {
  box-sizing: border-box;
  width: 110px;
  height: 110px;
  border: 1px solid #dddddd;
  overflow: hidden;
  background-color: #fff;
  border-radius: 50%;
  margin-right: 22px;
}

.shop-avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.shop-info-main {
  flex: 1;
}

.shop-info-main .shop-info-main-bd{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* .shop-info-main .shop-info-main-bd-lt{
  padding: 4px 0;
} */

.shop-info-main h1 {
  font-size: 18px;
  color: #333;
  margin: 0;
  line-height: 30px;
  font-weight: bold;
  text-transform: capitalize;
  margin-left: 4px;
}

.shop-info-main .shop-info-mark {
  line-height: 24px;
  display: flex;
  align-items: center;
  margin-left: 1px;
}

.shop-info-main .shop-info-mark .Verified {
  display: flex;
  flex-direction: row;
  margin-right: 10px;
  width: 130px;
}

.Verified img {
  width: 100%;
  height: 100;
  object-fit: cover;
}

.shop-info-main .shop-info-mark .shop-Starrating-svg {
  width: 48px;
  height: 35px;
}

.shop-Starrating-svg img {
  height: 100%;
  object-fit: cover;
}

.shop-info-main .shop-info-mark .Starrating {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
}

.shop-info-Factoryinspection {
  height: 16px;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 16px;
  margin-top: 8px;
}

.shop-info-main .shop-info-main-bd-rt{
  display: flex;
  align-items: center;
}

.shop-info-main .shop-info-main-bd-rt .goods-supp-info-self-operated-item{
  width: 64px;
  padding: 0 4px;
  text-align: center;
  font-size: 10px;
  flex: 1;
  color: #fff;
}

.shop-search form {
  display: flex;
  align-items: center;
  border: 1px solid #e71a41;
  height: 44px;
  box-sizing: border-box;
  border-radius: 22px;
  /* overflow: hidden; */
  padding: 0 6px 0 8px;
  background-color: #fff;
}

.shop-search.form-sticky {
  width: 360px;
  position: fixed;
  top: 86px;
  z-index: 3;
}

.shop-search.form-sticky form {
  height: 36px;
  border-radius: 20px;
  border: none;
}

.shop-search.form-sticky form .divInput,
.shop-search.form-sticky form .shop-search-line {
  display: none;
}

.SubmitIcon {
  width: 80px !important;
  height: 30px !important;
  background-color: #e71a41 !important;
  border-radius: 15px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.divInput {
  position: relative;
  margin-right: 8px;
}

.divInput ul li {
  list-style: none;
}

.divInput .input {
  width: 100px;
  height: 40px;
  line-height: 40px;
  padding-left: 25px;
  position: relative;
}

.divInput .input:hover {
  cursor: pointer;
}

.divInput .input input {
  border: none;
  outline: none;
  width: 100%;
  height: 30px;
}

.divInput .input .inputIcon {
  position: absolute;
  right: 0px;
  width: 15px;
  height: 8px;
  top: 0px;
}

.divInput .list {
  width: 180px;
  border: 1px solid #cccccc;
  overflow: hidden;
  position: absolute;
  top: 44px;
  left: 0px;
  background-color: #fff;
  border-radius: 10px;
  z-index: 999;
}

.divInput .list ul li {
  width: 100%;
  height: 30px;
  cursor: pointer;
  line-height: 30px;
  padding: 0px 10px;
  margin-bottom: 5px;
}

.divInput .list ul {
  margin-bottom: 0 !important;
}

.divInput .list ul li:hover {
  background-color: #cccccc;
}

.shop-search form .layui-input {
  border: none;
  padding: 0;
  background-color: transparent;
}

.shop-search form .layui-input .itemOption {
  height: 30px !important;
}

.shop-search form .layui-input:first-child {
  border-radius: 19px;
  padding-left: 16px;
}

.shop-search form .shop-search-line {
  height: 100%;
  width: 1px;
  background-color: #e71a41;
  margin: 0 8px;
}

.shop-search form select.layui-input {
  width: 100px;
}

.shop-search form .layui-btn {
  margin-left: 8px;
}

.itemOption {
  border-radius: 10px;
}

.shop-nav {
  height: 48px;
  margin: 0 auto;
  display: flex;
  background-color: #e71a41;
  margin: 0 auto;
}

.shop-nav.sticky {
  position: fixed;
  top: 80px;
  width: 100%;
  z-index: 99;
}

.shop-nav-main {
  height: 48px;
  margin: 0 auto;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
}

.shop-nav-url {
  display: flex;
  position: relative;
  align-items: center;
}

.shop-nav-search {
  line-height: 28px;
  color: rgba(255, 255, 255, 0.6);
  display: none;
}

.shop-nav.sticky  .shop-nav-search{
  display: block;
}

.shop-nav-search-form {
  position: relative;
  /* width: 88px; */
  height: 28px;
  border: none;
  background-color: rgba(255, 255, 255, 0.25);
  border-radius: 14px;
  padding: 0;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.shop-nav-search-input {
  /* flex: 1; */
  height: 28px;
  border: none;
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
  display: block;
  overflow: hidden;
  width: 0;
  transition: width .3s ease;
  opacity: 0;
}

.shop-nav-search-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
}

.shop-nav-search-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
}

.shop-nav-search-input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
}

.shop-nav-search-form-submit {
  width: 88px;
  height: 28px;
  line-height: 30px;
  font-size: 12px;
  background-color: rgba(255, 255, 255, 0.2);
  border: none;
  text-align: center;
  cursor: pointer;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  transition: width .3s ease;
}

.shop-nav-search-form-submit-text{
  margin-left: 0.5em;
  color: #fff;
}

.shop-nav-search-form-submit svg {
  fill: #fff;
}

.shop-nav-search:hover .shop-nav-search-input, .shop-nav-search-input:focus{
  padding-left: 14px;
  width: 208px;
  opacity: 1;
  color: #fff;
}

.shop-nav-search:hover .shop-nav-search-form-submit,.shop-nav-search-input:focus + .shop-nav-search-form-submit{
  width: 32px;
}

.shop-nav-search:hover .shop-nav-search-form-submit-text,.shop-nav-search-input:focus + .shop-nav-search-form-submit .shop-nav-search-form-submit-text{
  display: none;
  color: #fff;
}


.productselect {
  width: 256px;
  position: absolute;
  top: 48px;
  left: 128px;
  z-index: 9;
  padding-top: 8px;
  display: none;
}

.selectbox {
  width: 256px;
  background-color: #fff;
  box-shadow: 2px 0px 7px -2px rgba(0, 0, 0, 0.5);
}

.selectbox .selectitem {
  width: 100%;
  color: #333333;
  font-size: 14px;
  line-height: 18px;

  display: block;
  padding: 8px 16px;
  position: relative;
}

.selectitem .pdficon {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 7px;
  left: 16px;
  margin-right: 6px;
}

.selectitem .selectspan {
  margin-left: 16px;
}

.selectitem .linebox {
  position: absolute;
  width: 3px;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #e71a41;
  display: none;
}

.selectitem span {
  display: inline-block;
  padding-left: 3px;
}

.selectbox .selectitem:hover {
  background-color: #f8f8f8;
  color: #e71a41;
}

.selectbox .selectitem:hover .linebox {
  display: block;
}

.selectbox .selectitem-active {
  background-color: #f8f8f8;
  color: #e71a41;
}

.selectbox .selectitem-active .linebox {
  display: block !important;
}

.catalogsbox {
  padding: 24px;
  background-color: #fff;
  height: 100%;
}

.catalogsbox .catalogsboxtitle {
  width: 100%;
  height: 27px;
  line-height: 27px;
  font-size: 20px;
  font-weight: bold;
}

#product_atlas .goods_empty {
  width: 100%;
  height: 721px;
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.goods_empty .goods-empty-desc {
  margin-top: 16px;
}

.catalogsbox .catalogslist {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

.catalogslist .catalogsitem {
  width: 100%;
  height: 100%;
  margin-top: 40px;
  display: flex;
}

.catalogslist .catalogs-img {
  display: block;
  height: 100%;
  width: calc(50% - 24px);
  border: 1px solid #dddddd;
  border-radius: 10px;
  overflow: hidden;
  background-color: #f8f8f8;
  margin-right: 24px;
}

.catalogs-img .img-box {
  padding-top: 100%;
  border-radius: 10px;
  position: relative;
}

.img-box span {
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 10px;
}

.catalogs-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.catalogsitem .catalogs-text {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.catalogs-text h2 {
  font-weight: bold;
  font-size: 18px;
  color: #333;
  margin: 0;
}

.redtext .redbox {
  width: 8px;
  height: 8px;
  background-color: #e71a41;
  transform: rotate(45deg);
}

.redtext p {
  margin: 0;
  font-size: 16px;
  margin-left: 8px;
}

.catalogs-text .text-title-box {
  flex: 1;
}

.catalogs-text .downbutton {
  cursor: pointer;
  background-color: #e71a41;
  width: 80%;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  line-height: 42px;
  border-radius: 5px;
  text-align: center;
}

.ant-pagination-disabled {
  border-color: #dfe3e7;
  color: #dfe3e7;
  background-color: #f5f7fa;
}

.ant-pagination-next:not(.ant-pagination-disabled):hover,
.ant-pagination-next:not(.ant-pagination-disabled):focus,
.ant-pagination-prev:not(.ant-pagination-disabled):hover,
.ant-pagination-prev:not(.ant-pagination-disabled):focus {
  border-color: #d70909;
  color: #fff;
  background-color: #d70909;
}

.ant-pagination-next:not(.ant-pagination-disabled):focus
  .ant-pagination-item-link,
.ant-pagination-next:not(.ant-pagination-disabled):hover
  .ant-pagination-item-link,
.ant-pagination-prev:not(.ant-pagination-disabled):focus
  .ant-pagination-item-link,
.ant-pagination-prev:not(.ant-pagination-disabled):hover
  .ant-pagination-item-link {
  color: #d70909;
  border-color: #d70909;
}

.ant-pagination-item {
  background-color: #fff;
}

.ant-pagination-item.ant-pagination-item-active {
  border-color: #d70909;
  color: #fff;
  background-color: #d70909;
  font-weight: bold;
}

.ant-pagination-item.ant-pagination-item-active a {
  color: #fff;
}

.ant-pagination-item:focus,
.ant-pagination-item:hover {
  border-color: #d70909;
}

.ant-pagination-item:focus a,
.ant-pagination-item:hover a {
  color: #d70909;
}

.ant-pagination-item.ant-pagination-item-active:focus a,
.ant-pagination-item.ant-pagination-item-active:hover a {
  color: #fff;
}

.ant-pagination-jump-next
  .ant-pagination-item-container
  .ant-pagination-item-link-icon,
.ant-pagination-jump-prev
  .ant-pagination-item-container
  .ant-pagination-item-link-icon {
  color: #d70909;
}

.ant-pagination-options-quick-jumper input:focus,
.ant-pagination-options-quick-jumper input:hover {
  border-color: #d70909;
  box-shadow: none;
}

.modal-box .modal-title {
  font-size: 24px;
  color: #333;
  font-weight: 500;
  margin-top: 24px;
}

.modal-box .modal-tips {
  font-size: 20px;
  font-weight: 500;
  color: #333;
  margin-top: 40px;
  margin-bottom: 48px;
}

.modal-box .modal-sapn {
  display: inline-block;
  margin-right: 20px;
}

.modalbutton {
  display: flex;
  justify-content: center;
  justify-content: space-around;
}

.modalbutton .confirm {
  width: 150px;
  height: 40px;
  background-color: #e71a41;
  border-radius: 9px;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
  margin-right: 20px;
  cursor: pointer;
}

.modalbutton .cancellation {
  width: 150px;
  height: 40px;
  background-color: #cccccc;
  border-radius: 9px;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
  margin-left: 20px;
  cursor: pointer;
}

.shop-nav .shopa {
  min-width: 128px;
  display: inline-block;
  line-height: 48px;
  padding: 0 16px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  text-align: center;
}

.shop-nav a:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.shop-nav-active {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  pointer-events: none;
}

.producta:hover .productselect {
  display: block;
}

.shop-show-swiper {
  border-radius: 10px;
  overflow: hidden;
  height: 300px;
  background-color: #fff;
}

.shop-show-swiper .layui-carousel-ind li {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #fff;
}

.shop-show-swiper .layui-carousel-ind li.layui-this {
  width: 16px;
  height: 6px;
  border-radius: 3px;
  background-color: #e71a41;
  margin-top: 1px;
  margin-bottom: 1px;
}

.shop-show-swiper .layui-carousel-arrow {
  width: 30px !important;
  height: 48px;
}

.shop-show-swiper .layui-carousel-arrow[lay-type="sub"] {
  left: 0 !important;
  border-radius: 0 10px 10px 0;
}

.shop-show-swiper .layui-carousel-arrow[lay-type="add"] {
  right: 0 !important;
  border-radius: 10px 0 0 10px;
}

.shop-show-main {
  border-radius: 10px;
  background-color: #fff;
  height: 100%;
  overflow-y: auto;
}

/* Featured Products */
.supp_shop_info {
  padding: 24px;
}

.supp_shop_info h2 {
  height: 27px;
  font-size: 32px;

  font-weight: bold;
  color: #333333;
  line-height: 27px;
  text-align: center;
  margin-top: 16px;
  margin-bottom: 3px;
}

.supp_shop_info .ItemBox {
  height: 100%;
  display: grid;
  justify-content: space-between;
  grid-template-columns: repeat(auto-fill, 320px);
}

.supp_shop_info .ItemBox .Item {
  width: 320px;
  padding: 20px;
  background-color: #f8f8f8;
  border-radius: 10px;
  margin-bottom: 20px;
  margin-top: 37px;
}

.supp_shop_info .Item .ItemImg {
  width: 281px;
  height: 281px;
  background-color: #fff;
  border: 1px solid #f8f8f8;
  border-radius: 14px;
  overflow: hidden;
}

.supp_shop_info .Item .ItemImg:hover img {
  transform: scale(1.05);
}

.Item .ItemTitle {
  width: 100%;
  height: 40px;
  font-size: 16px;
  line-height: 20px;

  font-weight: 400;
  color: #666666;
  margin-left: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  word-break: break-all;
  -webkit-box-orient: vertical;
  margin-top: 13px;
}

.Item .ItemPrice {
  width: 100%;
  height: 100%;
  font-size: 18px;

  font-weight: bold;
  color: #333333;
  margin-left: 3px;
  margin-top: 7px;
}

.Item .ItemMOQ {
  width: 100%;
  height: 100%;
  font-size: 16px;

  font-weight: 400;
  color: #666666;
  padding-left: 1px;
  margin-top: 8px;
}

.Item .ItemButton {
  width: 100%;
  height: 36px;
  background-color: #fff;
  border: 1px solid #dddddd;
  border-radius: 18px;
  text-align: center;
  line-height: 36px;
  font-size: 18px;

  font-weight: bold;
  color: #999999;
  margin-top: 15px;
  margin-bottom: 3px;
}

/* Product Booth */
.shop-show-Product {
  border-radius: 10px;
  background-color: #fff;
  height: 100%;
  overflow-y: auto;
  position: relative;
}

.supp_shop_info .ProductTitle {
  width: 100%;
  height: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;

  position: absolute;
  left: 0;
  top: 0px;
  z-index: 10;
}

.supp_shop_info .ProductTitle .redBox {
  width: 19px;
  height: 19px;
  background-color: #e71a41;
  margin-right: 12px;
}

.supp_shop_info .ProductTitle .Title {
  width: 80%;
  height: 100%;
  font-size: 32px;

  font-weight: bold;
  color: #333333;
  line-height: 32px;
}

.swiper-container-Product {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding-top: 40px;
  margin-top: 15px;
}

.swiper-container-Topleft {
  z-index: 1;
  overflow: hidden;
  height: 100%;
  border-radius: 10px;
  width: 100%;
}

.Product-item {
  max-width: 320px;
  width: calc(25% - 40px / 4);
  height: 100%;
  background-color: #f8f8f8;
  border-radius: 10px;
  padding: 20px;
  margin-top: 40px;
  margin-bottom: 16px;
}

.Product-item .Product-item-img {
  display: block;
  height: 0;
  width: 100%;
  padding-top: 100%;
  position: relative;
  border-radius: 14px;
  overflow: hidden;
}

.Product-item-img span {
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.Product-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 14px;
  transition: all 0.4s;
}

.Product-item-img img:hover {
  transform: scale(1.05);
}

.Product-item .Product-item-Title {
  width: 100%;
  height: 40px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #666666;
  margin-left: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  word-break: break-all;
  -webkit-box-orient: vertical;
  margin-top: 13px;
}

.Product-item .Product-item-Price {
  width: 100%;
  height: 22px;
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  margin-left: 3px;
  margin-top: 7px;
  transition: font-size 0.2s;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  word-break: break-all;
  -webkit-box-orient: vertical;
}

.shop-goods-url:hover .Product-item-Price {
  font-size: 16px;
}

.Product-item .Product-item-MOQ {
  width: 100%;
  height: 22px;
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  padding-left: 1px;
  margin-top: 8px;
}

.Product-item .product-item-moq-value {
  font-size: 14px;
  color: #207eff;
  transition: font-size 0.2s;
}

.shop-goods-url:hover .product-item-moq-value {
  font-weight: bold;
  color: #207eff;
  font-size: 18px;
}

.Product-item .Product-item-Button {
  width: 100%;
  height: 36px;
  background-color: #fff;
  border: 1px solid #e71a41;
  border-radius: 18px;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #e71a41;
  margin-top: 15px;
  margin-bottom: 3px;
}

.Product-item-Button:hover {
  cursor: pointer;
  background-color: #e71a41;
  color: #fff;
  border-color: 1px solid #e71a41;
}

.Product-swiper-button {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  top: 0px;
  z-index: 10;
}

.Product-swiper-button > div {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #fff;
  border: 1px solid #dddddd;
  border-radius: 5px;
  text-align: center;
  color: #999999;
}

.Product-swiper-button > div:hover {
  cursor: pointer;
  background-color: #e71a41;
  border: 1x solid #e71a41;
  color: #fff;
}

.Product-swiper-button .Product-prev {
  margin-right: 16px;
}

.Product-swiper-button .layui-icon {
  font-family: "layui-icon" !important;
  font-size: 22px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*  Company Profile */
.shop-show-Company {
  border-radius: 10px;
  background-color: #fff;
  height: 100%;
  overflow-y: auto;
}

.supp_shop_info .CompanyTitle {
  width: 800px;
  height: 32px;
  margin-top: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.supp_shop_info .CompanyTitle .redBox {
  width: 19px;
  height: 19px;
  background-color: #e71a41;
  margin-right: 12px;
}

.supp_shop_info .CompanyTitle .Companytitle {
  width: 100%;
  height: 27px;
  font-size: 32px;

  font-weight: bold;
  color: #333333;
  line-height: 27px;
}

.CompanyConten {
  width: 100%;
  height: 100%;
  margin-top: 33px;
}

.CompanyConten .ContentTop {
  width: 100%;
  height: 100%;
  display: flex;
}

.ContentTop .ContentLeft {
  width: calc(50% - 37px);
  height: 389px;
  background-color: #f8f8f8;
  border-radius: 10px;
}

.ContentLeft .layui-carousel-ind {
  position: relative;
  top: -55px;
  width: 100px;
  line-height: 0 !important;
  text-align: center;
  font-size: 0;
  margin: 0 auto;
}

.ContentTop .Contentright {
  width: 50%;
  height: 100%;
  margin-left: 37px;
}

.Business-Type .Business-Type-Title {
  height: 19px;
  font-size: 20px;

  font-weight: bold;
  color: #333333;
  display: inline-block;
}

.Business-Type .Business-Type-Content {
  font-size: 18px;

  font-weight: 400;
  color: #666666;
  margin-top: 10px;
  display: inline-block;
}

@media (max-width: 1340px) {
  /* .beyond-hide {
    display: none;
  } */

  .catalogs-text .text-title {
    margin-bottom: 5px;
  }

  .catalogs-text .redtext {
    margin-bottom: 0px;
  }
}

#chat {
  width: 48px;
  position: fixed;
  top: 90%;
  /* left: 50%; */
  right: 4px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: top 0.3s ease;
  transition: top 0.3s ease;
  z-index: 999;
}

#chat .chat-item {
  display: block;
  height: 48px;
  border: 2px solid #e71a41;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 8px;
  position: relative;
}

#chat .chat-item:last-child {
  margin-bottom: 0;
}

#chat .chat-item > img,
#chat .chat-item > svg,
#chat .chat-item-icon svg {
  width: 32px;
  height: 32px;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  fill: #e71a41 !important;
  color: #e71a41;
}

#chat .chat-item:hover {
  background-color: #e71a41;
  fill: #fff;
}

#chat .chat-item:hover svg {
  fill: #fff !important;
}

#chat .chat-item-detail {
  height: 48px;
  position: absolute;
  right: 60px;
  top: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4px 8px;
  border-radius: 4px;
  line-height: 20px;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  color: #fff;
  background-color: #e71a41;
  -webkit-box-shadow: -2px 0px 7px -3px rgba(0, 0, 0, 0.2);
  box-shadow: -2px 0px 7px -3px rgba(0, 0, 0, 0.2);
  display: none;
}

#chat .chat-item-detail-text {
  width: auto;
  white-space: nowrap;
}

#chat .chat-item-detail::after {
  display: block;
  content: "";
  border: 8px solid transparent;
  border-left-color: #e71a41;
  position: absolute;
  right: -16px;
  top: 16px;
}

#chat .chat-item-icon {
  width: 48px;
  height: 48px;
}

#chat .chat-item:hover .chat-item-icon {
  fill: #fff;
  /* -webkit-box-shadow: 2px 0px 7px -3px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 0px 7px -3px rgba(0, 0, 0, 0.2); */
}

#chat .chat-item:hover .chat-item-detail {
  display: block;
}

.Contentright .Main-Products {
  margin-top: 27px;
}

.Main-Products .Main-Products-Title {
  font-size: 20px;

  font-weight: bold;
  color: #333333;
  display: inline-block;
}

.Main-Products .Main-Products-Content {
  font-size: 18px;

  font-weight: 400;
  color: #666666;
  margin-top: 10px;
  display: inline-block;
}

.Contentright .Main-Products {
  margin-top: 20px;
}

.Main-Products .Main-Products-Title {
  font-size: 20px;

  font-weight: bold;
  color: #333333;
  display: inline-block;
}

.Main-Products .Main-Products-Content {
  font-size: 18px;

  font-weight: 400;
  color: #666666;
  margin-top: 10px;
  display: inline-block;
}

.Contentright .Plant-Area {
  margin-top: 20px;
}

.Plant-Area .Plant-Area-Title {
  font-size: 20px;

  font-weight: bold;
  color: #333333;
  display: inline-block;
}

.Plant-Area .Plant-Area-Content {
  font-size: 18px;

  font-weight: 400;
  color: #666666;
  margin-top: 10px;
  display: inline-block;
}

.Contentright .Certification {
  margin-top: 20px;
}

.Certification .Certification-Title {
  font-size: 20px;

  font-weight: bold;
  color: #333333;
  display: inline-block;
}

.Certification .Certification-Content {
  font-size: 18px;

  font-weight: 400;
  color: #666666;
  display: inline-block;
}

.ContentBottom {
  width: 100%;
  font-size: 18px;

  font-weight: 400;
  color: #333333;
  line-height: 27px;
  margin-top: 32px;
  margin-bottom: 12px;
}

/* shop-show-Certificates */
.shop-show-Certificates {
  border-radius: 10px;
  background-color: #fff;
  height: 100%;
  overflow-y: auto;
  position: relative;
}

.supp_shop_info .CertificatesTitle {
  width: 800px;
  height: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 10;
}

.supp_shop_info .CertificatesTitle .redBox {
  width: 19px;
  height: 19px;
  background-color: #e71a41;
  margin-right: 12px;
}

.supp_shop_info .CertificatesTitle .Companytitle {
  width: 100%;
  height: 27px;
  font-size: 32px;

  font-weight: bold;
  color: #333333;
  line-height: 27px;
}

.header-login-info {
  max-width: 120px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.header-login-info h2 {
  height: 20px;
  font-size: 14px;
  text-align: left;
  text-transform: capitalize;
  font-weight: 500;
  color: #333;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.header-login-info .header-login-info-link a {
  text-decoration: underline;
  color: #333;
  margin-right: 0;
  font-size: 14px;
  font-weight: 500;
}

.certificate-item {
  width: 25%;
  margin-bottom: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.certificate-item .certificate-item-img {
  background-color: #fff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  margin-bottom: 21px;

  cursor: pointer;
  overflow: hidden;
  height: 0;
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}

.certificate-item-img span {
  display: flex;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
}

.certificate-item-img img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}

.certificate-item .certificate-item-Title {
  width: 100%;
  height: 100%;
  font-size: 16px;

  font-weight: 400;
  color: #666666;
  text-align: center;
}

/* 面包屑 */
.layui-main .Breadcrumbs {
  width: 100%;
  height: 15px;
  font-size: 14px;

  font-weight: 400;
  color: #999999;
  line-height: 24px;
  margin-bottom: 24px;
}

.Breadcrumbs .Breadcrumbsone {
  display: inline-block;
  margin-right: 5px;
}

.Breadcrumbs .Breadcrumbstwo {
  display: inline-block;
  margin-left: 5px;
  color: #e71a41 !important;
}

.Breadcrumbsone:hover {
  color: inherit;
  cursor: pointer;
  text-decoration: inherit;
}

.Breadcrumbsone:link {
  color: inherit;
  text-decoration: inherit;
}

.Breadcrumbsone:visited {
  color: inherit;
  text-decoration: inherit;
}

.Breadcrumbsone:active {
  color: inherit;
  text-decoration: inherit;
}

/* About US */
#About-Content {
  position: relative;
}

.layui-col-xs2 {
  width: 18%;
  padding: 10px;
  height: 100%;
}

.layui-col-xs10 {
  width: 82%;
  padding: 10px;
}

.ContentBox {
  background-color: #fff;
  padding: 24px;
  border-radius: 10px;
}

#positioning {
  position: sticky;
  top: 80px;
  /* 设置元素在顶部的位置 */
}

.About-Us {
  background-color: #fff;
  border-radius: 10px;
  height: 100%;
  padding-top: 19px;
  position: relative;
  padding-bottom: 8px;
}

.Navigationbarbox {
  width: 100%;
  height: 40px;
  background-color: #fff;
  padding: 0 20px;
  border-radius: 10px;
}

.Navigationbar {
  width: 100%;
  height: 40px;
  background-color: #fff;
  white-space: nowrap;
  margin: 0 auto;
}

.Navigationbar a {
  line-height: 36px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  display: inline-block;
}

.NavigationbarItem {
  line-height: 36px;
  font-size: 16px;
  max-width: 421px;
  width: fit-content;
  font-weight: 400;
  color: #333333;
  display: inline-block;
  transition: font-weight 0.3s ease;
  margin-right: 40px;
  cursor: pointer;
}

.Navigationbar .NavigationbarItem:hover {
  border-bottom: 3px solid #e71a41;
}

.Navigationbar .NavigationbarItem:hover span {
  color: #e71a41;
  font-weight: 500;
}

.NavigationbarItemactive {
  line-height: 37px;
  font-size: 16px;
  border-bottom: 3px solid #e71a41;
  cursor: pointer;
}

.NavigationbarItemactive span {
  font-size: 16px;
  color: #e71a41;
  font-weight: 500;
  display: inline-block;
  box-sizing: border-box;
}

/* .NavigationbarItemactive:hover {
  
} */

.NavigationbarItemactivebox {
  width: fit-content;
  line-height: 37px;
  font-size: 16px;
  color: #e71a41;
  text-shadow: 1px 0 0 currentColor;
  display: block;
  box-sizing: border-box;
  border-bottom: 1px solid #e71a41;
  cursor: pointer;
}

.NavigationbarItemactivespan {
  line-height: 37px;
  display: inline-block;
  border-bottom: 3px solid #e71a41;
}

.About-Us .AboutContentUs {
  display: inline-block;
  line-height: 18px;
  font-size: 16px;

  font-weight: 400;
  color: #333333;
  margin-bottom: 14px;
  margin-left: 35px;
  font-weight: bold;
}

.About-Us .AboutContent {
  height: 34px;
  font-size: 14px;

  font-weight: 400;
  color: #333333;
  padding-left: 35px;
  line-height: 34px;
}

.positioningaactive .AboutContent {
  color: #e71a41 !important;
  font-weight: bold !important;
  background-color: rgba(0, 0, 0, 0.08) !important;
}

.About-Us .AboutContent:hover {
  cursor: pointer;
  background-color: #eeeeee;
  color: #e71a41;
  font-weight: bold;
}

.About-Us .AboutContentUs .contentimg {
  width: 16px;
  height: 15px;
  position: absolute;
  left: 10px;
  top: 19px;
}

.About-Us .AboutContentUs .contentimg svg {
  fill: #e71a41;
}

.ContentBox .About-Company-Title {
  width: 800px;
  height: 26px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

#special {
  width: 800px;
  height: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 10;
}

.ContentBox .About-Company-Title .About-Company-redBox {
  width: 19px;
  height: 19px;
  background-color: #e71a41;
  margin-right: 4px;
}

.ContentBox .About-Company-title {
  width: 100%;
  height: 26px;
  font-size: 24px;

  font-weight: bold;
  color: #333333;
  line-height: 27px;
}

.About-Company-Profile .About-Company-CompanyConten {
  width: 100%;
  height: 100%;
  margin-top: 20px;
}

.About-Company-Profile .About-Company-Top {
  width: 100%;
  height: 100%;
  display: flex;
}

.About-Company-Profile .About-Company-TopLeft {
  width: calc(59% - 35px);
  height: 100%;
  background-color: #f8f8f8;
  border-radius: 10px;
  margin-right: 35px;
}

.About-Company-TopLeft .layui-carousel-ind {
  position: relative;
  top: -55px;
  width: 100px;
  line-height: 0 !important;
  text-align: center;
  font-size: 0;
  margin: 0 auto;
}

#About-banner .layui-carousel-arrow {
  width: 30px !important;
  height: 48px;
  width: 20px;
  left: 0;
  border-radius: 0px 10px 10px 0px;
  color: #fff;
}

#About-banner .layui-carousel-arrow[lay-type="add"] {
  right: 0;
  border-radius: 10px 0px 0px 10px !important;
}

#About-banner .layui-carousel-ind li {
  width: 8px !important;
  height: 8px !important;
  background-color: #fff;
  z-index: 3;
  border: 2px solid #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#About-banner .layui-carousel-ind ul {
  background-color: rgba(0, 0, 0, 0.2) !important;
}

#About-banner .layui-carousel-ind li.layui-this {
  background-color: rgba(0, 0, 0, 0);
  width: 16px !important;
  height: 6px !important;
  background-color: #e71a41 !important;
  border-radius: 3px !important;
  border: 2px solid #e71a41 !important;
  transform: translateY(-1px);
}

#About-banner .swiper-container-Topleft .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

#About-banner .swiper-container-Topleft .swiper-slide video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.About-Company-Profile .About-Company-Topright {
  width: 41%;
  height: 100%;
}

.Topright-Title {
  margin-bottom: 18px;
}

.Topright-Title :first-child {
  margin: 0;
}

.Title-title {
  font-size: 20px;

  font-weight: bold;
  color: #333333;
}

.Title-Content {
  font-size: 18px;

  font-weight: 400;
  color: #666666;
}

.Content-margin {
  margin-top: 10px;
  display: inline-block;
}

.About-Company-Bottom {
  font-size: 18px;

  font-weight: 400;
  color: #333333;
  line-height: 27px;
  margin-top: 32px;
}

.Trade-Capacity-Box {
  width: 100%;
  height: 100%;
}

.Trade-Capacity-Box .Trade-Capacity-margin {
  margin-top: 24px;
}

.Trade-Capacity-Box .Trade-Capacity-title {
  height: 20px;
  font-size: 20px;

  font-weight: bold;
  color: #333333;
}

.Trade-Capacity-Box .Trade-Capacity-Content {
  font-size: 18px;

  font-weight: 400;
  color: #666666;
  display: inline-block;
  margin-top: 8px;
}

.swiper-container-AboutUS {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding-top: 40px;
  margin-top: 15px;
}

.AboutUS-Certificates-item {
  width: 25%;
  margin-top: 35px;
  margin-bottom: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.AboutUS-Certificates-item .AboutUS-Certificates-item-img {
  display: block;
  height: 0;
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;

  background-color: #fff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  margin-bottom: 15px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.AboutUS-Certificates-item-img span {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.AboutUS-Certificates-item-img img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.AboutUS-Certificates-item .AboutUS-Certificates-item-Title {
  width: 100%;
  height: 100%;
  font-size: 16px;

  font-weight: 400;
  color: #666666;
  text-align: center;
}

.AboutUS-swiper-button {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  top: 0px;
}

.AboutUS-swiper-button > div {
  width: 32px;
  height: 32px;
  line-height: 32px;
  background-color: #fff;
  border: 1px solid #dddddd;
  border-radius: 5px;
  text-align: center;
  color: #999999;
}

.AboutUS-swiper-button > div:hover {
  cursor: pointer;
  background-color: #e71a41;
  border: 1x solid #e71a41;
  color: #fff;
}

.AboutUS-swiper-button .AboutUS-prev {
  margin-right: 16px;
}

.AboutUS-swiper-button .layui-icon {
  font-family: "layui-icon" !important;
  font-size: 18px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ShowBox {
  width: 100%;
  height: 100%;
  margin-top: 35px;
  margin-bottom: 74px;
  position: relative;
}

.ShowBoxNomargin {
  width: 100%;
  height: 100%;
  margin-top: 35px;
  margin-bottom: 15px !important;
}

.ShowBox-Item-Box .Item-Box-title {
  font-size: 24px;

  font-weight: 400;
  color: #666666;
  line-height: 27px;
  width: 100%;
  position: absolute;
  top: 0px;
}

.swiper-container-Item {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;

  /* margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  
  padding-top: 40px;
  margin-top: 15px; */
}

.Item-Certificates-item {
  width: 25%;
  margin-bottom: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.Item-Certificates-item .Item-Certificates-item-img {
  display: block;
  height: 0;
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  margin-bottom: 15px;
  align-items: center;
  cursor: pointer;
}

.Item-Certificates-item-img span {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.Item-Certificates-item-img img {
  max-width: 100%;
  max-height: 100%;
}

.Item-Certificates-item .Item-Certificates-item-Title {
  width: 100%;
  height: 100%;
  font-size: 16px;

  font-weight: 400;
  color: #666666;
  text-align: center;
}

.Item-swiper-button {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  top: 0px;
  z-index: 10;
}

.Item-swiper-button > div {
  width: 31px;
  height: 31px;
  line-height: 32px;
  background-color: #fff;
  border: 1px solid #dddddd;
  border-radius: 5px;
  text-align: center;
  color: #999999;
}

.Item-swiper-button > div:hover {
  cursor: pointer;
  background-color: #e71a41;
  border: 1x solid #e71a41;
  color: #fff;
}

.Item-swiper-button .AboutUS-prev {
  margin-right: 16px;
}

.Item-swiper-button .layui-icon {
  font-family: "layui-icon" !important;
  font-size: 18px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.shop-show-desc {
  border-radius: 10px;
  background-color: #fff;
  min-height: 800px;
  padding: 24px;
}

/* 产品列表页面 */
.shop_search_menu {
  border-radius: 10px;
  background-color: #fff;
  margin-bottom: 20px;
}

.shop-show-search {
  padding: 24px 40px;
}

.shop-show-search .shop-search {
  max-width: 100%;
  margin-left: 0;
}

/* 左侧分类菜单 */
.shop_show_menu {
  position: relative;
}

.contactsupplier{
  width: 100%;
  height: 305px;
}

.contact-supplier {
  width: 100%;
  height: 305px;
  border-radius: 8px;
  padding: 0 14px 14px 14px;
  background-color: #fff;
}

.contact-supplier .contact-supplier-title {
  width: 100%;
  height: 38px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 14px;
}

.contact-supplier .contact-supplier-title .contact-supplier-text {
  width: 100%;
  height: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact-supplier .contact-supplier-text .line {
  width: 12px;
  height: 2px;
  background-color: #4da6ff;
}

.contact-supplier .contact-supplier-text .text {
  margin: 0 6px;
  font-size: 16px;
  font-weight: bold;
  color: #4da6ff;
}

.contact-supplier .contact-supplier-content {
  margin-bottom: 16px;
}

.contact-supplier .contact-supplier-content-info {
  display: flex;
  margin-bottom: -8px;
  position: relative;
  z-index: 2;
}

.contact-supplier .contact-supplier-content-info .infon-img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 3px solid #fff;
  margin-right: 8px;
}

.contact-supplier .infon-img img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 3px solid #fff;
  z-index: 2;
}

.contact-supplier .contact-supplier-content-info .info-name {
  font-size: 15px;
  font-weight: 400;
  color: #333333;
  line-height: 18px;
  padding-top: 10px;
  height: 46px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.contact-supplier .content-text {
  height: 100%;
  background-color: #f7f7f7;
  padding: 16px 4px 16px 12px;
  border-radius: 3px;
}

.contact-supplier .content-text .ant-input {
  border: 0px;
  background-color: #f7f7f7;
  padding: 0px;
  height: 110px;
}

/* 首页Contact Supplier样式 */
.store-home-contact {
  height: 389px;
  padding: 0 21px 21px 21px;
}

.store-home-contact .contact-supplier-title {
  width: 326px;
  height: 58px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}

.store-home-contact .contact-supplier-title .contact-supplier-text {
  width: 239px;
  height: 21px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.store-home-contact .contact-supplier-text .line {
  width: 40px;
  height: 2px;
  background-color: #4da6ff;
}

.store-home-contact .contact-supplier-text .text {
  margin: 0 12px;
  font-size: 18px;
  font-weight: bold;
  color: #4da6ff;
}

.store-home-contact .contact-supplier-content {
  margin-bottom: 24px;
}

.store-home-contact .contact-supplier-content-info {
  display: flex;
  margin-bottom: -13px;
  position: relative;
  z-index: 2;
}

.store-home-contact .contact-supplier-content-info .infon-img {
  width: 66px;
  height: 66px;
  border-radius: 50%;
  border: 4px solid #fff;
  margin-right: 16px;
}

.store-home-contact .infon-img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  /* border: 4px solid #fff; */
  z-index: 2;
}

.store-home-contact .contact-supplier-content-info .info-name {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 19px;
  padding-top: 18px;
  height: 54px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.store-home-contact .send-button {
  height: 42px;
}

.store-home-contact .send-button .ant-btn {
  height: 42px;
  background-color: #4da6ff;
  font-size: 16px;
  font-weight: 600;
}

.store-home-contact .content-text {
  height: 160px;
  background-color: #f7f7f7;
  padding: 24px 4px 12px 20px;
  border-radius: 5px;
}

.store-home-contact .content-text .ant-input {
  border: 0px;
  background-color: #f7f7f7;
  padding: 0px;
  height: 160px;
}

/* 自定义滚动条样式 */
.content-text .ant-input::-webkit-scrollbar {
  width: 2px;
  /* 设置滚动条宽度 */
  height: 25px;
}

.content-text .ant-input::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  /* 修改滑块颜色 */
  border-radius: 6px;
  /* 设置滑块圆角 */
  width: 2px;
  /* 设置滑块宽度 */
  height: 25px;
}

.content-text .ant-input::-webkit-scrollbar-track {
  background-color: #f7f7f7;
  /* 修改轨道颜色 */
}

.send-button {
  height: 36px;
}

.send-button .ant-btn {
  height: 36px;
  background-color: #4da6ff;
  font-size: 15px;
  font-weight: 600;
}

.contact-father {
  position: relative;
}

.contact-supplier-float {
  width: 86px;
  height: 118px;
  position: absolute;
  right: 25px;
  top: 20px;
  z-index: 2;
}

.contact-supplier-float .contact-supplier-img {
  width: 66px;
  height: 66px;
  margin: 0 auto;
  border-radius: 50%;
  margin-bottom: -16px;
  background-color: #fff;
}

.contact-supplier-img img {
  width: 66px;
  height: 66px;
  margin: 0 auto;
  border-radius: 50%;
  margin-bottom: -16px;
  position: relative;
  z-index: 2;
}

.contact-supp-avatar {
  position: relative;
  width: 74px;
  height: 74px;
  padding: 4px;
  margin: 0 auto -16px;
  overflow: hidden;
  border-radius: 50%;
}

.contact-supplier-base {
  width: 86px;
  padding: 24px 16px 8px;

  color: #4da6ff;
  position: relative;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 0px 15px 0px rgba(117, 122, 126, 0.2);
}

.contact-supplier-img::before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 16px;
  content: "";
  background-color: #f8f8f8;
}

.contact-supplier-base .base-text {
  padding-top: 24px;
}

.contact-supplier-open {
  width: 368px;
  height: 389px;
  position: absolute;
  right: 25px;
  top: 20px;
  z-index: 3;
}

.contact-supplier-box {
  width: 368px;
  height: 389px;
  position: relative;
  background-color: #fff;
  box-shadow: 0px 0px 32px 0px rgba(125, 130, 135, 0.3);
  border-radius: 10px;
}

.contact-supplier-box-icon {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  position: absolute;
  right: -10px;
  cursor: pointer;
}

.contact-supplier-box-icon img {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin-top: -20px;
}

.contact-supplier-box-title {
  width: 100%;
  height: 36px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 14px;
  border-radius: 50px;
}

.store-home-contact {
  width: 100%;
  height: 100%;
}

.shop_show_menu .menu_redBox {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.menu_redBox .contentimg {
  width: 16px;
  height: 15px;
  position: absolute;
  left: 10px;
  top: 18px;
}

.menu_redBox .contentimg svg {
  fill: #e71a41;
}

.shop_show_menu h2 {
  font-size: 16px;
  font-weight: bold;
  padding-top: 16px;
  padding-left: 36px;
}

.shop_show_menu .mdui-list {
  padding: 8px 0;
  margin: 0;
  list-style: none;
  background-color: transparent;
}

.mdui-list a {
  color: inherit;
  text-decoration: none;
}

.shop_show_menu .mdui-list-item-content {
  font-size: 14px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.shop_show_menu .mdui-list-item {
  padding: 0 16px 0 40px;
  box-sizing: border-box;
  display: flex;
  cursor: pointer;
  transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  align-items: center;
  height: 100%;
  min-height: 26px !important;
  position: relative;
}

.shop_show_menu .mdui-list-item-catalogs {
  box-sizing: border-box;
  display: flex;
  cursor: pointer;
  transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  align-items: center;
  height: 100%;
  min-height: 26px !important;
  position: relative;
}

.shop_show_menu .shop-menu-has-children .iconfont {
  position: absolute;
  top: 50%;
  right: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translate(0, -50%);
}

.shop_show_menu .mdui-list-item:hover {
  color: #e71a41 !important;
  font-weight: bold !important;
  background-color: rgba(0, 0, 0, 0.08) !important;
}

.shop_show_menu .product-catalogs {
  padding-left: 36px;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  line-height: 54px;
}

.mdui-list-item-catalogs .pdficon {
  width: 16px;
  height: 15px;
  position: absolute;
  left: 10px;
  top: 19px;
}

.shop_show_menu .shop-menu-has-children .shop-menu-children {
  position: absolute;
  left: 100%;
  top: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 3;
  min-width: calc(200% + 40px);
  min-height: 100px;
  display: none;
}

/* .shop_show_menu .shop-menu-has-children:hover{
  background-color: rgba(230,40,40,.1);
} */

.shop_show_menu .shop-menu-has-children:hover .shop-menu-children {
  display: block;
}

.shop_show_menu
  .shop-menu-has-children
  .shop-menu-children
  .shop-children-menu {
  background-color: #fff;
  -webkit-box-shadow: 5px 0 10px 0 rgb(38 38 38 / 10%);
  box-shadow: 5px 0 10px 0 rgb(38 38 38 / 10%);
  min-height: 100%;
  max-height: 160%;
  width: 100%;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-y: auto;
}

.shop-children-menu dl {
  box-sizing: border-box;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  column-fill: auto;
}

.shop-children-menu dl.column_count_3 {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  width: 100%;
}

.shop-children-menu dl dt {
  font-weight: 500;
  margin-top: 8px;
}

.shop-children-menu dl dt:first-child {
  margin-top: 0;
}

.shop-children-menu dl dt,
.shop-children-menu dl dd {
  height: 40px;
  line-height: 40px;
}

.shop-children-menu dl a {
  display: block;
  padding: 0 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.shop-children-menu dl dd a {
  padding-left: 16px;
}

.shop-children-menu dl a:hover {
  background-color: rgba(0, 0, 0, 0.08);
  color: #e53935;
}

/* 产品列表 */
.shop-show-goods {
  border-radius: 10px;
  height: 100%;
}

.mdui-list-item-active {
  color: #e71a41 !important;
  font-weight: bold !important;
  background-color: rgba(0, 0, 0, 0.08) !important;
}

.shop-show-goods .goods_empty {
  width: 100%;
  height: 721px;
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.goods_empty .goods-empty-desc {
  margin-top: 16px;
}

.goodsbox .ant-col-6-padding {
  width: calc(25% - 30px);
  display: block;
  box-sizing: border-box;
  float: left;
}

.goodsbox .ant-col-6-padding .goods-item {
  width: 100%;
  background-color: #fff;
  margin-top: 40px;
  border-radius: 10px;
  margin-bottom: 10px;
}

.shop-show-goods .goodsbox {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}

.goodsbox .paddingcol {
  margin-right: 40px;
}

.goodsbox .ant-col-6 .goods-item {
  width: 100%;
  background-color: #fff;
  margin-top: 16px;
  border-radius: 10px;
}

.goods-item .goods-main {
  display: block;
  padding: 16px 16px 0;
  color: #333;
  text-decoration: none;
}

.goods-item .goods-img {
  display: block;
  height: 0;
  width: 100%;
  padding-top: 100%;
  position: relative;
  border-radius: 14px;
  overflow: hidden;
}

.goods-img span {
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.goods-img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.4s;
}

.goodsbox .goods-item .goods-img:hover img {
  transform: scale(1.05);
}

.goods-item .goods-name {
  width: 100%;
  font-size: 16px;
  margin: 8px 0;
  color: #666;
  height: 36px;
  line-height: 18px;
  font-weight: 400;
  /* word-break: break-all; */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.goods-item .goods-price {
  height: 22px;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: font-size 0.2s;

}

.goods-main:hover .goods-price {
  font-size: 16px;
}

.goods-item .goods-min-num {
  height: 22px;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 8px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.goods-item .goods-min-num-value {
  font-size: 14px;
  color: #207eff;
  transition: font-size 0.2s;
}

.goods-main:hover .goods-min-num-value {
  font-weight: bold;
  color: #207eff;
  font-size: 18px;
}

.goods-item .goods-offer-btn {
  padding: 8px 16px 16px;
}

.goods-item .goods-offer-btn a {
  display: block;
  text-align: center;
  line-height: 36px;
  padding: 0 16px;
  border-radius: 18px;
  color: #e71a41;
  border: 1px solid #e71a41;
  background-color: #fff;
}

.goods-item .goods-offer-btn a:hover {
  background-color: #e71a41;
  border-color: #e71a41;
  color: #fff;
}

.shop-show-goods .ItemBox {
  height: 100%;
  display: grid;
  justify-content: space-between;
  grid-template-columns: repeat(auto-fill, 280px);
}

.shop-show-goods .ItemBox .Item {
  width: 280px;
  padding: 20px;
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 20px;
}

.shop-show-goods .Item .ItemImg {
  width: 241px;
  height: 241px;
  background-color: #fff;
  border: 1px solid #f8f8f8;
  border-radius: 14px;
  overflow: hidden;
}

.Item .ItemImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s;
}

.shop-show-goods .Item .ItemTitle {
  width: 100%;
  height: 40px;
  font-size: 16px;
  line-height: 20px;

  font-weight: 400;
  color: #666666;
  margin-left: 1px;
  margin-top: 13px;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  word-break: break-all;
  -webkit-box-orient: vertical;
}

.shop-show-goods .Item .ItemPrice {
  width: 100%;
  height: 100%;
  font-size: 18px;

  font-weight: bold;
  color: #333333;
  margin-left: 3px;
  margin-top: 7px;
}

.shop-show-goods .Item .ItemMOQ {
  width: 100%;
  height: 100%;
  font-size: 16px;

  font-weight: 400;
  color: #666666;
  padding-left: 1px;
  margin-top: 8px;
}

.shop-show-goods .Item .ItemButton {
  width: 100%;
  height: 36px;
  background-color: #fff;
  border: 1px solid #dddddd;
  border-radius: 18px;
  text-align: center;
  line-height: 36px;
  font-size: 18px;

  font-weight: bold;
  color: #999999;
  margin-top: 15px;
  margin-bottom: 3px;
}

.shop-show-goods .Item .ItemImg:hover img {
  transform: scale(1.05);
}

.Item .ItemTitle:hover {
  cursor: pointer;
  color: #e71a41;
}

.Item .ItemButton:hover {
  cursor: pointer;
  background-color: #e71a41;
  color: #fff;
  border-color: 1px solid #e71a41;
}

.shop-show-goods .shop-show-goods-hd {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 16px;
}

.shop-goods-item {
  padding: 8px 0;
}

.shop-goods-url {
  display: block;
}

.shop-goods-img {
  width: 100%;
  padding-top: 100%;
  margin-bottom: 8px;
  overflow: hidden;
  position: relative;
  border-radius: 14px;
}

.shop-goods-img img {
  display: block;
  border-radius: 14px;
  border: 1px solid #f8f8f8;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.shop-goods-name {
  color: #666;
  font-size: 14px;
  margin-bottom: 8px;
  line-height: 16px;
  height: 32px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
}

.shop-goods-price {
  color: #111;
  font-size: 16px;
  line-height: 20px;
  height: 20px;
  font-weight: bold;
  margin-bottom: 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.shop-goods-moq {
  color: #666;
  font-size: 12px;
  line-height: 14px;
  height: 14px;
  margin-bottom: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.shop-goods-url:hover .shop-goods-name,
.shop-goods-url:hover .shop-goods-price,
.shop-goods-url:hover .shop-goods-moq {
  color: #e71a41;
}

.shop-goods-url:hover .shop-goods-img {
  box-shadow: 0px 0px 8px 0px rgba(231, 26, 65, 0.1) !important;
}

.shop-goods-item .ant-btn {
  border-radius: 16px;
  border-color: #ddd;
  color: #999;
  font-weight: 500;
}

.shop-goods-item .ant-btn:hover {
  border-color: #e71a41;
  background-color: #e71a41;
  color: #fff;
}

/* Contact US */
.contact-bgbox {
  background-color: #fff;
  border-radius: 10px;
  min-height: 870px;
  height: 100%;
  padding-bottom: 24px;
}

.contact-bgbox .titlebox {
  width: 1033px;
  height: 60px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.contact-bgbox .titlebox .contact-supplier-text {
  display: flex;
  justify-content: center;
  align-items: center;
}

.contact-bgbox .titlebox .contact-supplier-text .contact-supplier-text {
  width: 497px;
  height: 26px;
}

.contact-bgbox .titlebox .contact-supplier-text .line {
  width: 46px;
  height: 2px;
  background-color: #4da6ff;
}

.contact-bgbox .titlebox .contact-supplier-text .text {
  font-weight: bold;
  font-size: 24px;
  color: #4da6ff;
  line-height: 32px;
  text-align: center;
  margin: 0 24px;
}

.form-box {
  width: 754px;
  margin: 0 auto;
  margin-top: 60px;
}

.form-box .content-info {
  display: flex;
}

.form-box .content-info .infon-img {
  width: 66px;
  height: 66px;
  margin-right: 16px;
}

.form-box .content-info .infon-img img {
  width: 66px;
  height: 66px;
  border-radius: 50%;
  border: 3px solid #e8e8e8;
  margin-right: 16px;
}

.form-box .content-info .info-name {
  font-weight: 400;
  font-size: 15px;
  color: #333333;
  line-height: 18px;
  text-align: left;
  padding-top: 9px;
}

.form-box .content-info .info-name .post {
  min-width: 76px;
  height: 14px;
  font-weight: 400;
  font-size: 11px;
  color: #7e8fea;
  line-height: 13px;
  border-radius: 2px 2px 2px 2px;
  border: 1px solid #7e8fea;
  text-align: center;
  margin-top: 16px;
  display: inline-block;
}

.form-box .content-info .info-name .ant-tag {
  background-color: #fff;
  padding: 0 2px;
}

.form-box .content-info .info-name .ant-tag:hover {
  opacity: 1;
}

.form-box .ant-form-item {
  margin: 0 0 32px;
  color: #333;
}

.form-box .ant-select {
  color: #333;
}

.form-box .ant-input {
  color: #333;
}

.ant-form-item-with-help {
  margin-bottom: 12px !important;
}

.ant-form-explain,
.ant-form-extra {
  min-height: 18px;
  margin-top: 2px;
}

.form-box .img-form-item {
  margin: 0 0 18px;
}

.form-box .img-form-item-label::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 14px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: "*";
  line-height: 66px;
}

.form-box .ant-form-item .ant-form-item-label {
  text-align: left !important;
  line-height: 36px;
  font-weight: 400;
  font-size: 14px;
  color: #666;
}

.form-box .message-box {
  height: 194px;
  background-color: #f7f7f7;
  padding: 12px 12px 12px 12px;
  border-radius: 4px;
  position: relative;
}

.form-box .message-box .ant-input {
  border: 0px;
  background-color: #f7f7f7;
  padding: 0px;
  height: 182px;
}

.form-box .has-error .ant-input-affix-wrapper .ant-input:focus {
  box-shadow: none;
}

.form-box .ant-select-focused {
  border: 0px;
  box-shadow: none;
}

.form-box .has-error .ant-input-affix-wrapper .ant-input:hover {
  background-color: #f7f7f7;
}

/* 自定义滚动条样式 */
.form-box .message-box::-webkit-scrollbar {
  width: 2px;
  /* 设置滚动条宽度 */
  height: 25px;
}

.form-box .message-box::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  /* 修改滑块颜色 */
  border-radius: 6px;
  /* 设置滑块圆角 */
  width: 2px;
  /* 设置滑块宽度 */
  height: 25px;
}

.form-box .message-box::-webkit-scrollbar-track {
  background-color: #f7f7f7;
  /* 修改轨道颜色 */
}

.form-box .content-input {
  width: 361px;
  font-size: 14px;
  color: #666;
  line-height: 20px;
  position: relative;
}

.form-box .content-input .ant-input {
  border: 0px;
  background-color: #f7f7f7;
}

.form-box .content-input .has-error .ant-input:hover,
.has-error .ant-input:focus {
  border: 0px !important;
  box-shadow: none;
}

.form-box .ant-select-selection {
  border: 0px !important;
}

.form-box .ant-select-selection:hover {
  border: 0px !important;
}

.form-box .ant-select-selection:active,
.ant-select-selection:focus {
  border: 0px !important;
}

.form-box .content-input .ant-input-group-addon {
  border: 0px;
  background-color: #f7f7f7;
  font-size: 14px;
  color: #666;
  line-height: 24px;
}

.form-box .select-line {
  width: 0px;
  height: 17px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 10px;
  left: 99px;
}

.form-box .has-error .ant-select-focused .ant-select-selection {
  box-shadow: none;
  /* 移除阴影效果 */
}

.form-box .ant-input[disabled] {
  border: none !important;
  background-color: #f7f7f7 !important;
  color: rgba(0, 0, 0, 0.25);
}

.form-box .whatsapp-input .ant-input[disabled] {
  border: none !important;
  border-left: 0px !important;
}

.message-box-text {
  text-align: right;
  line-height: 12px;
  font-size: 12px;
  position: absolute;
  bottom: 12px;
  right: 12px;
  color: #666;
}

.form-box .whatsapp-input .ant-select-disabled .ant-select-selection {
  border-radius: 4px 0 0 4px;
  border: none !important;
  border-right: 0px !important;
  color: rgba(0, 0, 0, 0.25);
}

.btn-line {
  width: 100%;
  height: 0px;
  border-top: 2px dashed rgba(0, 0, 0, 0.1);
  margin-top: 2px;
  padding: 0px;
}

.form-btn {
  width: 100%;
  height: 74px;
  text-align: center;
  padding: 0px;
  margin-top: 24px;
}

.contact-bgbox .supp-shop-offer {
  width: 368px;
  height: 48px;
  background-color: #4da6ff !important;
  border-radius: 6px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}

.contact-bgbox .supp-shop-offer .ant-btn-primary:focus,
.ant-btn-primary:hover {
  color: #fff;
  background-color: #4da6ff;
  border-color: #4da6ff;
}

.form-btn .form-btn-bootm-text {
  margin-top: 4px;
  font-weight: 400;
  font-size: 14px;
  color: #999;
}

.request-success {
  width: 100%;
  height: 24px;
  padding: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  color: #ff9900;
  margin-top: 8px;
  line-height: 24px;
}

.request-success svg {
  fill: #ff9900;
  width: 20px;
  height: 20px;
  display: block;
  margin-right: 12px;
}

.ant-form-explain,
.ant-form-extra {
  font-size: 12px;
  color: #ff1844 !important;
}

.ant-form-item-control {
  line-height: 36px;
}

.ant-input-lg {
  height: 36px;
  font-size: 14px;
}

.ant-select-auto-complete.ant-select-lg .ant-input {
  height: 36px;
}

.ant-select-lg .ant-select-selection--single {
  height: 36px;
}

.ant-form-item-label > label {
  color: #666;
}

.ant-select-search--inline .ant-select-search__field {
  font-size: 14px;
}

.form-box .ant-select-arrow {
  color: rgba(0, 0, 0, 0.25) !important;
}

.modeltips {
  font-size: 14px;
  color: #666;
  line-height: 24px;
  margin-top: 8px;
  text-align: left;
}


.large-slogans{
  position: absolute;
  left: 6px;
  top: 6px;
  text-align: center;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}



.large-slogans .goods-video-icon{
  width: 20px;
  height: 20px;
  margin-right: 8px;
  object-fit: contain;
}

.large-slogans .adicon{
  width: 26px;
  height: 16px;
  font-size: 12px;
  color: #fff;
  font-weight: 400;
  line-height: 24px;
  display: inline-block;
  border-radius: 0px 0px 0px 8px;
}