* {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
}
.header-sticky {
  position: inherit;
}
.cms-navigation-attrs,
.cms-primary-menu > li:before {
  display: none;
}
:root {
  --color-accent-rgb: 255, 147, 107;
  --color-darken-accent-rgb: 33, 205, 173;
  --color-lighten-accent-rgb: 224, 248, 244;
  --color-primary-rgb: 0, 39, 122;
  --color-darken-primary-rgb: 23, 55, 125;
  --color-lighten-primary-rgb: 58, 87, 151;
  --color-secondary-rgb: 0, 34, 108;
  --color-darken-secondary-rgb: 1, 29, 89;
  --color-lighten-secondary-rgb: 1, 29, 89;
  --color-thirdary-rgb: 0, 39, 122;
  --color-rating-rgb: 33, 205, 173;
  --color-heading-rgb: 0, 38, 120;
  --color-body-rgb: 130, 133, 153;
  --color-meta-rgb: 130, 133, 153;
  --color-white-rgb: 255, 255, 255;
  --color-grey-rgb: 240, 241, 244;
  --color-light-grey-rgb: 233, 233, 240;
  --color-transparent-rgb: 0, 0, 0;
  --color-custom-1-rgb: 178, 189, 214;
  --color-custom-2-rgb: 246, 247, 248;
  --color-custom-3-rgb: 3, 30, 77;
  --color-custom-4-rgb: 58, 87, 151;
  --color-custom-5-rgb: 176, 187, 212;
  --color-custom-6-rgb: 242, 244, 248;
  --color-accent: #ff8d6b;
  --color-darken-accent: #ff8d6b;
  --color-lighten-accent: #e0f8f4;
  --color-primary: #00277a;
  --color-darken-primary: #17377d;
  --color-lighten-primary: #3a5797;
  --color-secondary: #00226c;
  --color-darken-secondary: #011d59;
  --color-lighten-secondary: #011d59;
  --color-thirdary: #00277a;
  --color-rating: #ff8d6b;
  --color-heading: #002678;
  --color-body: #828599;
  --color-meta: #828599;
  --color-white: #ffffff;
  --color-grey: #f0f1f4;
  --color-light-grey: #e9e9f0;
  --color-transparent: transparent;
  --color-custom-1: #b2bdd6;
  --color-custom-2: #f6f7f8;
  --color-custom-3: #031e4d;
  --color-custom-4: #3a5797;
  --color-custom-5: #b0bbd4;
  --color-custom-6: #f2f4f8;
  --link-regular-color: var(--color-primary);
  --link-hover-color: var(--color-accent);
  --link-active-color: var(--color-accent);
  --body-bg: #fff;
  --body-font-family: Roboto, sans-serif;
  --body-font-size: 15px;
  --body-font-weight: 400;
  --body-font-style: normal;
  --body-font-color: var(--color-body);
  --body-line-height: 1.6666666666667;
  --body-font-size-large: 17px;
  --body-font-size-medium: 16px;
  --body-font-size-small: 14px;
  --body-font-size-xsmall: 13px;
  --body-font-size-xxsmall: 12px;
  --header-height: 107px;
  --header-width: 320px;
  --header-shadow: 0px 5px 83px 0px rgba(13, 14, 67, 0.12);
  --menu-bg: #fff;
  --menu-regular: var(--color-primary);
  --menu-hover: var(--color-accent);
  --menu-active: var(--color-accent);
  --menu-font-size: 15px;
  --menu-font-weight: 700;
  --menu-font-family: var(--body-font-family);
  --ontop-bg: transparent;
  --ontop-regular: var(--color-white);
  --ontop-hover: var(--color-accent);
  --ontop-active: var(--color-accent);
  --sticky-bg: var(--color-white);
  --sticky-regular: var(--color-primary);
  --sticky-hover: var(--color-accent);
  --sticky-active: var(--color-accent);
  --dropdown-bg: var(--color-white);
  --dropdown-shadow: 0px 5px 83px 0px rgba(27, 28, 51, 0.12);
  --dropdown-radius: 0 0 10px 10px;
  --dropdown-regular: var(--color-body);
  --dropdown-hover: var(--color-accent);
  --dropdown-active: var(--color-accent);
  --dropdown-font-size: 14px;
  --dropdown-font-weight: 400;
  --dropdown-font-weight-hover: 700;
  --dropdown-item-bg: transparent;
  --dropdown-item-bg-hover: transparent;
  --ptitle-layout: 1;
  --ptitle-post_layout: 10;
  --ptitle-product_layout: 10;
  --ptitle-font-weight: 700;
  --ptitle-font-family: var(--heading-font-family);
  --ptitle-color: white;
  --ptitle-background-color: #999;
  --ptitle-background-repeat: no-repeat;
  --ptitle-background-size: cover;
  --ptitle-background-attachment: scroll;
  --ptitle-background-position: center;
  --ptitle-background-image: url(https://demo.cmssuperheroes.com/themeforest/chemlabs/wp-content/uploads/chemlabs-ptitle.jpg);
  --ptitle-overlay-color: rgba(var(--color-darken-secondary-rgb), 0.15);
  --ptitle-overlay-rgba: rgba(var(--color-darken-secondary-rgb), 0.15);
  --ptitle-breadcrumb-regular: var(--color-white);
  --ptitle-breadcrumb-hover: var(--color-accent);
  --ptitle-breadcrumb-active: var(--color-white);
  --ptitle-layout10-breadcrumb-regular: var(--color-body);
  --ptitle-layout10-breadcrumb-hover: var(--color-accent);
  --ptitle-layout10-breadcrumb-active: var(--color-primary);
  --single-ptitle-layout: 10;
  --single-ptitle-font-weight: 700;
  --single-ptitle-font-family: var(--heading-font-family);
  --single-ptitle-color: white;
  --single-ptitle-background-color: transparent;
  --single-ptitle-background-repeat: no-repeat;
  --single-ptitle-background-size: cover;
  --single-ptitle-background-attachment: scroll;
  --single-ptitle-background-position: center;
  --single-ptitle-background-image: none;
  --single-ptitle-overlay-rgba: rgba(var(--color-darken-secondary-rgb), 0.15);
  --single-ptitle-breadcrumb-regular: var(--color-body);
  --single-ptitle-breadcrumb-hover: var(--color-accent);
  --single-ptitle-breadcrumb-active: var(--color-primary);
  --single-product-ptitle-layout: 10;
  --single-product-ptitle-font-weight: 700;
  --single-product-ptitle-font-family: var(--heading-font-family);
  --single-product-ptitle-color: white;
  --single-product-ptitle-background-color: transparent;
  --single-product-ptitle-background-repeat: no-repeat;
  --single-product-ptitle-background-size: cover;
  --single-product-ptitle-background-attachment: scroll;
  --single-product-ptitle-background-position: center;
  --single-product-ptitle-background-image: none;
  --single-product-ptitle-overlay-rgba: rgba(
    var(--color-darken-secondary-rgb),
    0.15
  );
  --single-product-ptitle-breadcrumb-regular: var(--color-body);
  --single-product-ptitle-breadcrumb-hover: var(--color-accent);
  --single-product-ptitle-breadcrumb-active: var(--color-primary);
  --heading-h1-size: 36px;
  --heading-h2-size: 30px;
  --heading-h3-size: 24px;
  --heading-h4-size: 20px;
  --heading-h5-size: 18px;
  --heading-h6-size: 16px;
  --heading-font-family: "Lexend", sans-serif;
  --heading-font-color: var(--color-primary);
  --heading-font-color-hover: var(--color-primary);
  --heading-font-weight: 600;
  --heading-font-style: normal;
  --heading-line-height: 1.225;
  --heading-letter-spacing: 0;
  --meta-font-family: Roboto, sans-serif;
  --meta-font-size: 14px;
  --meta-font-color: var(--color-body);
  --meta-font-color-hover: var(--color-accent);
  --meta-font-weight: 400;
  --meta-separate-color: var(--border-color);
  --border-color: #f0f1f4;
  --border-color2: #e9e9f0;
  --border-color3: #b2bdd6;
  --border-main: 1px solid var(--border-color);
  --border-main2: 2px solid var(--border-color);
  --comment-avatar-size: 80;
  --comment-border: 0;
  --comment-radius: 6px;
  --logo-width: 206px;
  --logo-height: 67px;
  --logo-width-sm: 110px;
  --logo-height-sm: 100px;
  --screen-mobile-menu-min: 1280px;
  --screen-mobile-menu-max: 1279px;
}

.swiper-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.swiper-slide {
  /* text-align: center; */
  /* font-size: 18px; */
  /* background: #fff; */
  /* Center slide text vertically 
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;*/
}
/* 搜索框 */
.cms-primary-menu > li > a {
  font-size: 20px;
}
.header-sticky .menu-color {
  color: var(--color-accent) !important;
}
.cms-header-search input {
  width: 200px !important;
  height: 36px !important;
  line-height: 36px !important;
  box-shadow: none !important;
  border: 2px solid #3c3a98 !important;
}
.cms-header-search .h-btn-search {
  position: absolute;
  right: 30px;
  top: 10px;
  z-index: 1;
  color: #ff8d6b !important;
}

/* 供应商logo */
.suppliers {
  /* background: #FF8D6B; */
  padding: 30px 0 10px;
  background: url(https://cmall-stg.ibuychem.com/cmsmanage/picture/downLoadImg?id=40868)
    no-repeat center top #ff8d6b;
  background-size: cover;
}
.sixqy {
  max-width: 1280px;
  margin: 0 auto;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}
.sixqy li {
  /* width: 200px; */
  overflow: hidden;
  flex: 1;
  margin: 0 15px;
}
.sixqy li .center {
  /* width: 200px;
  height: 100px; */
  box-sizing: border-box;
  margin: 0 auto;
}
.sixqy li .center a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  /* width: 200px;
  height: 100px; */
}
.sixqy li .center a img {
  /* max-width: 200px;
  max-height: 100px; */
  margin: 0 auto;
}

.bnswiper {
  height: 734px;
}
.bnswiper .gutters-grid {
  width: 65%;
  text-align: left;
}
.bnswiper .bnswiper-pag {
  bottom: 30px !important;
}
.bnswiper .swiper-pagination-bullet {
  width: 20px !important;
  height: 8px !important;
  opacity: 1 !important;
  background: #fff !important;
  border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -ms-border-radius: 5px !important;
  -o-border-radius: 5px !important;
}

.bnswiper .swiper-pagination-bullet-active {
  background: #00277a !important;
  width: 40px !important;
  border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -ms-border-radius: 5px !important;
  -o-border-radius: 5px !important;
}
.bnswiper .swiper-button-next {
  right: 30px !important;
  background-image: none;
}
.cms-swiper-arrow-next:before,
.cms-swiper-arrow-prev:before {
  color: #fff !important;
}

.bnswiper .swiper-button-prev {
  left: 30px !important;
  background-image: none;
}

.bnswiper .cms-transition {
  box-shadow: none !important;
}
.spswiper {
  max-width: 1280px;
  margin: 0 auto;
}

.spswiper,
.spswiper .swiper-wrapper {
  height: auto !important;
  padding-bottom: 30px;
}
.spswiper .swiper-pagination {
  display: none;
}
.spswiper .swiper-pagination-bullet {
  width: 8px !important;
  height: 8px !important;
  opacity: 1 !important;
  background: #ff8d6b !important;
}

.spswiper .swiper-pagination-bullet-active {
  background: #00277a !important;
  width: 20px !important;
  border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -ms-border-radius: 5px !important;
  -o-border-radius: 5px !important;
}

.qyswiper {
  max-width: 1280px;
  margin: 0 auto;
}
.qyswiper .center {
  width: 80%;
  /*height: 100px;*/
  box-sizing: border-box;
  margin: 0 auto;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  overflow: hidden;
}
.qyswiper .center a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  /* width: 200px;
  height: 100px; */
}
.qyswiper .center a img {
  /* max-width: 200px;
  max-height: 100px; */
  margin: 0 auto;
}

.qyswiper,
.qyswiper .swiper-wrapper {
  height: auto !important;
  padding-bottom: 20px;
}

.qyswiper .swiper-pagination {
  bottom: 10px !important;
}

.qyswiper .swiper-pagination-bullet {
  width: 8px !important;
  height: 8px !important;
  opacity: 1 !important;
  background: #fff !important;
}

.qyswiper .swiper-pagination-bullet-active {
  background: #00277a !important;
  width: 20px !important;
  border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -ms-border-radius: 5px !important;
  -o-border-radius: 5px !important;
}

.qyswiper .swiper-button-next {
  right: -50px !important;
}

.qyswiper .swiper-button-prev {
  left: -50px !important;
}

.qyswiper .swiper-button-next,
.qyswiper .swiper-button-prev {
  width: 48px !important;
  height: 48px !important;
  border-radius: 48px;
  background: #fff;
  border: 1px solid #e5e5e5;
  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.12);
}

.qyswiper .swiper-button-next {
  background: url(../images/nextarr.png) no-repeat center #fff !important;
  background-size: 28px 28px !important;
}

.qyswiper .swiper-button-prev {
  background: url(../images/prevarr.png) no-repeat center #fff !important;
  background-size: 28px 28px !important;
}

/* ylk */
.warrper {
  max-width: 1280px;
  position: relative;
  margin: 0 auto;
}
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  clear: both;
  overflow: hidden;
}
.float-l {
  float: left;
}
.float-r {
  float: right;
}
.text-center {
  text-align: center;
}
.cursor {
  cursor: pointer;
}
.wave {
  position: relative;
}
.wave canvas {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  border-radius: 12px;
}
.block {
  display: block !important;
}
.hide {
  display: none !important;
}
textarea {
  resize: none;
  outline: none;
}
.ipt-con textarea,
.zxlxCon .order-searchinput,
.zxlxCon .order-searchinput {
  border: 1px solid #e1e1e1 !important;
}
.mt-xl-n200 {
  margin-top: 0 !important;
}
.home-page {
  background: #3b3a98;
}
.home-page .home-title {
  text-align: center;
}
.home-page .home-title .text {
  font-size: 32px;
  line-height: 25px;
  color: #fff;
  font-weight: bold;
}
.home-page .product-box .product-center .content .product-item .info {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.home-page .product-box {
  /* background: #f7f7f7; */
  padding: 100px 0 40px;
}
.home-page .product-box .product-center {
  position: relative;
  top: 0;
  border-radius: 14px;
}
.home-page .product-box .product-center .content {
  padding: 18px 40px 10px;
  margin-top: 44px;
  border-radius: 14px;
  overflow: hidden;
  /* box-shadow: -2px -2px 7px #f2f2f2, 2px 1px 7px #ececec, -2px 1px 7px #ececec;ƒ */
}

.home-page .product-box .product-center .content .product-item {
  float: left;
  width:277px;
  height: 130px;
  padding: 4px;
  margin: 0 30px 30px 0;
  background: #fff;
  text-align: center;
  border-radius: 10px;
  /* box-shadow: 0px 10px 35px #d6d6d6; */
  cursor: pointer;
  overflow: hidden;
}
.home-page
  .product-box
  .product-center
  .content
  .product-item.effect2
  .product-itemw {
  height: 100%;
}
.home-page
  .product-box
  .product-center
  .content
  .product-item.effect2
  .product-itemw
  .hide-box {
  display: block;
  animation: none;
  -webkit-animation:;
  -moz-animation: none;
  -o-animation: none;
  -ms-animation: none;
  -webkit-transform: translateY(64%);
  -moz-transform: translateY(64%);
  -o-transform: translateY(64%);
  -ms-transform: translateY(64%);
}
.home-page
  .product-box
  .product-center
  .content
  .product-item.effect2
  .product-itemw
  .hide-box
  .type-group {
  margin-top: 10px;
}
.home-page
  .product-box
  .product-center
  .content
  .product-item.effect2:hover
  .hide-box {
  animation: waveListAnimationEffect2 300ms linear;
  -webkit-animation: waveListAnimationEffect2 300ms linear;
  -moz-animation: waveListAnimationEffect2 300ms linear;
  -o-animation: waveListAnimationEffect2 300ms linear;
  -ms-animation: waveListAnimationEffect2 300ms linear;
  animation-delay: 500ms;
  animation-fill-mode: forwards;
}
.home-page .product-box .product-center .content .product-item .product-itemw {
  border-radius: 9px;
  overflow: hidden;
}
.home-page
  .product-box
  .product-center
  .content
  .product-item
  .product-itemw
  .bubble {
  z-index: 11;
}
.home-page .product-box .product-center .content .product-item .product-itemc {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.home-page
  .product-box
  .product-center
  .content
  .product-item
  .product-itemc
  .product-itemr {
  position: relative;
  width: 100%;
  height: 100%;
  display:none;
}
.home-page .product-box .product-center .content .product-item:nth-of-type(4n) {
  margin-right: 0;
}
.home-page .product-box .product-center .content .product-item:hover .hide-box {
  display: block;
}
.home-page .product-box .product-center .content .product-item .hide-box {
  position: relative;
  z-index: 10;
  background: #eaedf7;
  padding: 0 0 20px 0;
  border-radius: 9px;
  animation: waveListAnimation 1s linear;
  -webkit-animation: waveListAnimation 1s linear;
  -moz-animation: waveListAnimation 1s linear;
  -o-animation: waveListAnimation 1s linear;
  -ms-animation: waveListAnimation 1s linear;
  animation-delay: 200ms;
  animation-fill-mode: forwards;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -o-transform: translateY(100%);
  -ms-transform: translateY(100%);
  display: none;
}
.home-page .product-box .product-center .content .product-item .hide-box .name {
  color: #09124f;
  padding-top: 25px;
  font-size: 17px;
  line-height: 17px;
  font-family: "思源-Medium";
}
.home-page
  .product-box
  .product-center
  .content
  .product-item
  .hide-box
  .name
  a {
  color: #3b3a98;
}
.home-page
  .product-box
  .product-center
  .content
  .product-item
  .hide-box
  .zn-name {
  color: #09124f;
  padding-top: 10px;
  font-size: 12px;
  height: 34px;
  word-break: break-all;
  font-family: "SF-Pro-Display-Regular";
}
.home-page
  .product-box
  .product-center
  .content
  .product-item
  .hide-box
  .type-group {
  height: 200px;
  overflow: hidden;
  padding: 5px 15px 0 0;
  box-sizing: border-box;
  margin-top: 5px;
}
.home-page
  .product-box
  .product-center
  .content
  .product-item
  .hide-box
  .type-group
  li {
  line-height: 20px;
  margin-bottom: 17px;
  position: relative;
  float: left;
  padding-left: 30px;
  text-align: left;
  box-sizing: border-box;
  font-family: "思源-normal";
}
.home-page
  .product-box
  .product-center
  .content
  .product-item
  .hide-box
  .type-group
  li:before {
  content: "";
  position: absolute;
  top: 11px;
  left: 22px;
  width: 2px;
  height: 2px;
  float: left;
  background: #666;
}
.home-page
  .product-box
  .product-center
  .content
  .product-item
  .hide-box
  .type-group
  li
  a {
  font-size: 13px;
  color: #666;
}
.home-page
  .product-box
  .product-center
  .content
  .product-item
  .hide-box
  .type-group
  li:hover
  a {
  color: #001fee;
  text-decoration: underline !important;
}
.home-page
  .product-box
  .product-center
  .content
  .product-item
  .hide-box
  .type-group
  li:hover:before {
  background: #001fee;
}
.home-page .product-box .product-center .content .product-item .img {
  width: 40px;
  height: 40px;
  display: inline-block;
  margin-top:20px;
}
.home-page .product-box .product-center .content .product-item .info {
  margin-top: 0;
  padding: 0 20px;
  height: 50px;
  /* background: #eaedf7; */
  border-radius: 9px;
  color: #09124f;
  position: relative;
  z-index: 9999;
}
.home-page .product-box .product-center .content .product-item .name {
  padding-top: 24px;
  font-size: 17px;
  line-height: 17px;
}
.home-page .product-box .product-center .content .product-item .zn-name {
  padding-top: 10px;
  font-size: 12px;
  word-break: break-all;
  height: 34px;
}
.home-page
  .product-box
  .product-center
  .content
  .product-item
  .hide-box
  .zn-name {
  font-size: 0;
  display: none;
}
.home-page .product-box .product-center .content .product-item .info {
  padding: 0;
}
.home-page .product-box .product-center .content .product-item .zn-name {
  padding-top: 0;
  font-size: 17px;
  line-height: 17px;
  height: 50px;
  align-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  display: flex;
  flex-wrap: wrap;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: center;
  overflow: hidden;
  /* display: -webkit-box; */
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  justify-content: center;
  padding: 10px 0 10px;
  font-family: "思源-Medium";
}
.home-page .product-box .product-center .content .product-item .hide-box .name {
  padding-top: 0;
  height: 85px;
  align-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  display: flex;
  flex-wrap: wrap;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: center;
  overflow: hidden;
  /* display: -webkit-box; */
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  justify-content: center;
  padding: 10px 0 10px;
  font-family: "思源-Medium";
}

.scroll-wrapper {
  overflow: hidden !important;
  padding: 0 !important;
  position: relative;
}
.scroll-wrapper > .scroll-content {
  border: none !important;
  box-sizing: content-box !important;
  height: auto;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none !important;
  overflow: scroll !important;
  padding: 0;
  position: relative !important;
  top: 0;
  width: auto !important;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0;
}
.scroll-element {
  display: none;
}
.scroll-element,
.scroll-element div {
  box-sizing: content-box;
}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
  display: block;
}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
  cursor: default;
}
.scroll-textarea {
  border: 1px solid #cccccc;
  border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
  overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
  border: none !important;
  box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  outline: none;
  padding: 2px;
  position: relative !important;
  top: 0;
  width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0;
}
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}
.scrollbar-inner > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.scrollbar-inner > .scroll-element.scroll-x {
  bottom: 2px;
  height: 8px;
  left: 0;
  width: 100%;
}
.scrollbar-inner > .scroll-element.scroll-y {
  height: 95%;
  right: 8px;
  top: 15px;
  width: 4px;
}
.scrollbar-inner > .scroll-element .scroll-element_outer {
  overflow: hidden;
}
.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.scrollbar-inner > .scroll-element .scroll-bar {
  background-color: #0b1858;
}
.scrollbar-inner
  > .scroll-element.scroll-x.scroll-scrolly_visible
  .scroll-element_track {
  left: -12px;
}
.scrollbar-inner
  > .scroll-element.scroll-y.scroll-scrollx_visible
  .scroll-element_track {
  top: -12px;
}
.scrollbar-inner
  > .scroll-element.scroll-x.scroll-scrolly_visible
  .scroll-element_size {
  left: -12px;
}
.scrollbar-inner
  > .scroll-element.scroll-y.scroll-scrollx_visible
  .scroll-element_size {
  top: -12px;
}
@keyframes searchLeftFilter {
  from {
    opacity: 0;
    transform: translateY(-10%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes searchLeftFilter {
  from {
    opacity: 0;
    -webkit-transform: translateY(-10%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes searchLeftFilter {
  from {
    opacity: 0;
    -moz-transform: translateY(-10%);
  }
  to {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes searchLeftFilter {
  from {
    opacity: 0;
    -o-transform: translateY(-10%);
  }
  to {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@-ms-keyframes searchLeftFilter {
  from {
    opacity: 0;
    -ms-transform: translateY(-10%);
  }
  to {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}
@keyframes waveListAnimation {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@-webkit-keyframes waveListAnimation {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@-moz-keyframes waveListAnimation {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@-o-keyframes waveListAnimation {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@-ms-keyframes waveListAnimation {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes waveListAnimationEffect2 {
  from {
    transform: translateY(64%);
  }
  to {
    transform: translateY(0);
  }
}
@-webkit-keyframes waveListAnimationEffect2 {
  from {
    transform: translateY(64%);
  }
  to {
    transform: translateY(0);
  }
}
@-moz-keyframes waveListAnimationEffect2 {
  from {
    transform: translateY(64%);
  }
  to {
    transform: translateY(0);
  }
}
@-o-keyframes waveListAnimationEffect2 {
  from {
    transform: translateY(64%);
  }
  to {
    transform: translateY(0);
  }
}
@-ms-keyframes waveListAnimationEffect2 {
  from {
    transform: translateY(64%);
  }
  to {
    transform: translateY(0);
  }
}
@media screen and (max-width: 1900px) {
  .home-page .onLine-class .video-box .content {
    width: 63%;
  }
  .page-productDetails .productDetails-content .left-bg {
    width: 68.8%;
  }
}

/* bsr */
.bsr {
  background: #3b3a98;
  overflow: hidden;
}
.bsr .bsr-left {
  width: 52%;
  float: left;
}
.bsr .bsr-left h2 {
  color: #ffc100;
  margin-top: 50px;
  margin-bottom: 20px;
}
.bsr .sixcp {
  overflow: hidden;
}

.bsr .sixcp li {
  width: 48%;
  float: left;
  height: 120px;
  background: #fff;
  margin-right: 4%;
  overflow: hidden;
  margin-bottom: 4%;
  padding: 10px 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.bsr .sixcp li .center {
  width: 90px;
  height: 60px;
  margin: 0 auto 5px;
}

.bsr .sixcp li .center span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 90px;
  height: 60px;
}

.bsr .sixcp li .center span img {
  max-width: 82px;
  max-height: 60px;
  margin: 0 auto;
}

.bsr .sixcp li .qytext {
  text-align: center;
}

.bsr .sixcp li .qytext h3 {
  font-size: 16px;
  font-weight: bold;
  line-height: 32px;
  color: #155263;
}
.bsr .sixcp li:nth-child(2) .qytext h3,
.bsr .sixcp li:nth-child(4) .qytext h3 {
  line-height: 16px;
}
.bsr .sixcp li .qytext p {
  font-size: 12px;
  color: #929292;
}

.bsr .sixcp li:nth-child(2n) {
  margin-right: 0;
}
.bsr .bsrimg {
  float: left;
  width: 45%;
  margin-left: 3%;
}

/* Cross */
.Cross {
  background: #f4f7fe;
  padding: 45px 0 38px;
}
.Cross h2 {
  text-align: center;
  font-size: 40px;
}
.Cross ul {
  overflow: hidden;
}
.Cross ul li {
  width: 285px;
  padding: 20px;
  box-sizing: border-box;
  margin-right: 20px;
  float: left;
  position: relative;
}
.Cross ul li::after {
  content: "";
  display: block;
  position: absolute;
  right: -38px;
  top: 50px;
  width: 60px;
  height: 41px;
  background: url(https://zt.ibuychem.com/crossborder/images/img_03.png)
    no-repeat center;
  background-size: 100% 100%;
}
.Cross ul li:last-child::after {
  display: none;
}
.Cross ul li:nth-child(4n) {
  margin-right: 0;
}
.Cross ul li img {
  margin: 0 auto 10px;
  width: 100px;
  display: block;
}
.Cross ul li h3 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
  color: #333;
}
.Cross ul li p {
  font-size: 16px;
  line-height: 24px;
  color: #666;
  width: 80%;
  margin: 0 auto;
}

.cms-post-layout-3 .cms-item-content-title {
  max-height: 70px !important;
}

/* 商品展示 */
.new-user-business {
  background: #f4f4f4;
}

.new-arrival-box .new-arrival-title .title {
  -ms-flex-negative: 1;
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.home-fw-semi-bold {
  font-weight: 600;
}
.new-arrival-box .new-arrival-title .view-more {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 24px;
  text-decoration: underline;
}

.home-fz-medium {
  font-size: 16px;
  line-height: 22px;
}
.new-arrival-box .new-this-week .this-week-product-box {
  height: 356px;
}
.ranking-card-slider-box .this-week-product-box {
  height: 130px;
}
.ranking-card-slider-box .this-week-product-box .this-week-product,
.ranking-card-slider-box
  .this-week-product-box
  .this-week-product
  .this-week-product-image,
.new-arrival-box
  .new-this-week
  .this-week-product-box
  .this-week-product
  .this-week-product-image {
  height: auto !important;
}
.mask-img {
  display: inline-block;
  position: relative;
}
.mask-img .mask,
.mask-img img {
  height: 100%;
  width: 100%;
}

.mask-img .mask {
  background: rgba(0, 0, 0, 0.04);
  position: absolute;
  top: 0;
}

.ranking-card-box {
  width: 33%;
  float: left;
  margin: 0 auto;
}

.new-user-business-floor {
  color: #222;
  margin: 0 auto;
  padding: 100px 0;
  max-width: 1280px;
}
.new-user-business-floor .business-floor-title {
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  margin-bottom: 40px;
}
.new-user-business-floor .all-floor {
  max-width: 1280px;
  overflow: hidden;
}
.new-user-business-floor a {
  color: #333;
}

.ranking-card-box .ranking-title {
  -ms-flex-align: center;
  -ms-flex-pack: justify;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  font-size: 24px;
  justify-content: space-between;
  line-height: 30px;
  margin-bottom: 20px;
  width: 100%;
}
.ranking-card-box .ranking-card-item {
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  overflow: hidden;
  padding-bottom: 60px;
}
.ranking-card-box .ranking-card-item .title {
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
}
.ranking-card-box .ranking-description {
  color: #666;
  font-size: 16px;
  line-height: 22px;
  margin-top: 4px;
}
.ranking-card-box .ranking-title .title {
  -ms-flex-negative: 1;
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
}
.ranking-card-box .ranking-title .view-more {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 24px;
  text-decoration: underline;
}
.ranking-card-box .hot-product .hot-image {
  border-radius: 16px;
  display: inline-block;
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.ranking-card-item {
  padding: 20px;
  text-align: left;
  background: #fff;
}
.ranking-card-box .ranking-card-item .hot-product {
  display: inline-block;
  height: 344px;
  margin-top: 20px;
  position: relative;
  width: 100%;
}
.ranking-card-box .ranking-card-item .hot-product .order-tag {
  background-color: #fff;
  border-radius: 8px;
  color: #333;
  font-size: 16px;
  height: 32px;
  left: 16px;
  line-height: 32px;
  padding: 0 8px;
  position: absolute;
  top: 16px;
}
.ranking-card-slider-box {
  height: 630px;
  overflow: hidden;
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
}
.ranking-card-slider-box .title {
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
}
.ranking-card-slider-box .this-week-product-box {
  -ms-flex-pack: justify;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  background-color: #fff;
  border-radius: 16px;
}

.ranking-card-slider-box .this-week-product-box .this-week-product {
  border-radius: 16px;
  display: inline-block;
  height: 30%;
  margin-top: 20px;
  overflow: hidden;
  width: 30%;
}

.ranking-card-slider-box
  .this-week-product-box
  .this-week-product
  .this-week-product-image {
  height: 100%;
  width: 100%;
}

/* 中 */
.new-arrival-box {
  width: 30%;
  margin: 0 3%;
  float: left;
}

.new-arrival-box .new-arrival-title {
  -ms-flex-align: center;
  -ms-flex-pack: justify;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  font-size: 24px;
  justify-content: space-between;
  line-height: 30px;
  margin-bottom: 20px;
  width: 100%;
}

.new-arrival-box .new-arrival-title .title {
  -ms-flex-negative: 1;
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.new-arrival-box .new-arrival-title .view-more {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 24px;
  text-decoration: underline;
}

.new-arrival-box .new-arrival-card {
  -ms-flex-pack: justify;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: space-between;
}

.new-arrival-box .new-this-week {
  background-color: #fff;
  border-radius: 16px;
  padding: 20px;
  height: 430px;
  margin-bottom: 20px;
}

.new-arrival-box .new-this-week .title {
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
}

.new-arrival-box .new-this-week .this-week-product-box {
  -ms-flex-pack: justify;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}

.new-arrival-box .new-this-week .this-week-product-box .this-week-product {
  border-radius: 16px;
  display: inline-block;
  height: 46%;
  margin-top: 20px;
  overflow: hidden;
  width: 46%;
}

.new-arrival-box
  .new-this-week
  .this-week-product-box
  .this-week-product
  .this-week-product-image {
  height: 100%;
  width: 100%;
}

.new-arrival-box .new-launch {
  background-color: #fff;
  border-radius: 16px;
  padding: 20px;
  height: 180px;
}

.new-arrival-box .new-launch .launch-box {
  -ms-flex-align: center;
  align-items: center;
  display: inline-block;
  display: -ms-flexbox;
  display: flex;
}

.new-arrival-box .new-launch .launch-box .launch-image {
  -ms-flex-negative: 0;
  border-radius: 16px;
  flex-shrink: 0;
  height: 135px;
  overflow: hidden;
  width: 135px;
}

.ranking-card-box .swiper-pagination {
  bottom: 20px !important;
}
.ranking-card-box .swiper-container {
  background: #fff;
}
.ranking-card-box .swiper-button-next,
.ranking-card-box .swiper-button-prev {
  width: 48px !important;
  height: 48px !important;
  border-radius: 48px;
  background: #fff;
  border: 1px solid #e5e5e5;
  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.12);
}
.ranking-card-box .swiper-button-next {
  background: url(../images/nextarr.png) no-repeat center #fff !important;
  background-size: 28px 28px !important;
}
.ranking-card-box .swiper-button-prev {
  background: url(../images/prevarr.png) no-repeat center #fff !important;
  background-size: 28px 28px !important;
}
.ranking-card-box .swiper-pagination-bullet-active {
  background: #666 !important;
  width: 15px !important;
  border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -ms-border-radius: 5px !important;
  -o-border-radius: 5px !important;
}
.new-arrival-box .new-launch .launch-box .launch-title {
  -ms-flex-negative: 1;
  color: #222;
  flex-shrink: 1;
  margin-left: 16px;
}

.new-arrival-box .new-launch .launch-box .launch-title .title {
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  margin-bottom: 4px;
}

.new-arrival-box .new-launch .launch-box .launch-title .subTitle {
  color: #767676;
}

/* 右 */
.saving-spotlight-box {
  width: 30%;
  margin: 0 auto;
  float: left;
}

.saving-spotlight-box .saving-spotlight-title {
  -ms-flex-align: center;
  -ms-flex-pack: justify;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  font-size: 24px;
  justify-content: space-between;
  line-height: 30px;
  margin-bottom: 20px;
  width: 100%;
}

.saving-spotlight-box .saving-spotlight-title .title {
  -ms-flex-negative: 1;
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.saving-spotlight-box .saving-spotlight-title .view-more {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 24px;
  text-decoration: underline;
}

.saving-spotlight-box .saving-spotlight-card {
  background-color: #fff;
  border-radius: 16px;
  height: 180px;
  padding: 20px;
  position: relative;
  margin-bottom: 20px;
}

.saving-spotlight-box .saving-spotlight-card .ss-image-box {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
}

.saving-spotlight-box .saving-spotlight-card .ss-image-box .ss-image {
  -ms-flex-negative: 0;
  border-radius: 16px;
  flex-shrink: 0;
  height: 135px;
  overflow: hidden;
  width: 135px;
}

.saving-spotlight-box .saving-spotlight-card .ss-image-box .title {
  -ms-flex-negative: 1;
  flex-shrink: 1;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  margin-left: 22px;
}

.saving-spotlight-box .saving-spotlight-card .ss-image-box .advertisement {
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 0 0 16px 0;
  bottom: 0;
  color: #acacac;
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: center;
  width: 32px;
}

.saving-spotlight-box .best-product-card {
  background-color: #fff;
  border-radius: 16px;
  height: 430px;
  padding: 20px;
}

.saving-spotlight-box .best-product-card .best-product-image-box {
  display: inline-block;
  height: 100%;
  overflow: hidden;
  width: 100%;
}

.saving-spotlight-box
  .best-product-card
  .best-product-image-box
  .best-product-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  margin-bottom: 20px;
}

.saving-spotlight-box
  .best-product-card
  .best-product-image-box
  .best-product-inner {
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}

.saving-spotlight-box .best-product-card .best-product-image-box .discount-tag {
  background-color: #fff;
  border-radius: 8px;
  color: #333;
  font-size: 14px;
  font-weight: 500;
  height: 29px;
  left: 16px;
  line-height: 18px;
  padding: 6px 14px;
  position: absolute;
  top: 16px;
}
.saving-spotlight-box .best-product-image {
  height: 344px !important;
  width: 344px !important;
}

/* footer */
.footer {
  background: url(../images/footerbg.png) no-repeat center top #3b3a98;
  overflow: hidden;
  color: #fff;
  font-size: 16px;
  line-height: 32px;
  padding: 60px 0;
  box-sizing: border-box;
}
.footer ul li a {
  color: #fff;
}
/* .footer-left {
  width: 50%;
  float: left;
} */
.footer-left img {
  width: 240px;
  margin-bottom: 20px;
}
.footer-left .footer-left-ul1 {
  margin-bottom: 140px;
  margin-top: 80px;
}
.footer-left .footer-left-ul2 {
  overflow: hidden;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 40px;
}
.footer-left .footer-left-ul2 li {
  float: left;
  margin-right: 30px;
  position: relative;
}
.footer-left .footer-left-ul2 li::after {
  position: absolute;
  right: -15px;
  content: "";
  display: block;
  top: 10px;
  width: 1px;
  height: 12px;
  background: #fff;
  display: none !important;
}
.footer-left .footer-left-ul2 li:last-child::after {
  display: none;
}
.footer-left .footer-left-ul2 i {
  width: 1px;
  height: 12px;
  background: #fff;
  float: left;
  margin: 12px 20px 0;
}
.footer-right img {
  width: 240px;
  margin-bottom: 20px;
}
.footer-right .footer-left-ul1 {
  margin-bottom: 140px;
  margin-top: 80px;
}
.footer-right .footer-left-ul2 {
  overflow: hidden;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 40px;
}
.footer-right .footer-left-ul2 li {
  float: left;
  margin-right: 30px;
  position: relative;
}
.footer-right .footer-left-ul2 li::after {
  position: absolute;
  right: -15px;
  content: "";
  display: block;
  top: 10px;
  width: 1px;
  height: 12px;
  background: #fff;
  display: none !important;
}
.footer-right .footer-left-ul2 li:last-child::after {
  display: none;
}
.footer-right .footer-left-ul2 i {
  width: 1px;
  height: 12px;
  background: #fff;
  float: left;
  margin: 12px 20px 0;
}
.footer-right {
  width: 50%;
  float: left;
}
.footer-right h3 {
  font-size: 28px;
  font-weight: bold;
  color: #fff;
}
.footer-right .line2 {
  display: block;
  width: 120px;
  height: 1px;
  background: #fff;
  margin: 20px 0 30px;
}
.footer-right .footer-right-ul1 {
  padding-left: 40px;
  margin-bottom: 20px;
  background: url(https://zt.ibuychem.com/crossborder/images/img__08.png)
    no-repeat 0 7px;
  background-size: 24px;
}
.footer-right .footer-right-ul2 {
  padding-left: 40px;
  margin-bottom: 20px;
  background: url(https://zt.ibuychem.com/crossborder/images/img_09.png)
    no-repeat 0 10px;
  background-size: 24px;
}
.footer {
  position: relative;
}
.footer-left {
  width: 50%;
  float: left;
}
.footer .row {
  position: absolute;
  width: 100%;
  bottom: 50px;
}
.footer-left .footer-right-ul3 {
  padding-left: 40px;
  /* margin-bottom: 40px; */
  background: url(https://zt.ibuychem.com/crossborder/images/img_22.png)
    no-repeat 0 8px;
  background-size: 24px;
  margin-top: 50px;
}
.footer-right .footer-right-ul3 {
  padding-left: 60px;
  margin-bottom: 40px;
  background: url(https://zt.ibuychem.com/crossborder/images/img_22.png)
    no-repeat 0 5px;
  background-size: 24px;
}
.returntop {
  margin-left: 5%;
}
.returntop a {
  color: #ff8d6b !important;
}
.footer .cms-social a,
.footer .cms-social .text-primary {
  color: #fff !important;
}

/* global-partner */
.global-partner {
  margin-bottom: 50px;
}

.global-partner ul {
  clear: both;
  overflow: hidden;
  margin-top: 20px;
}

.global-partner ul li {
  float: left;
  height: 82px;
  overflow: hidden;
  text-align: center;
  margin-right: 40px;
  padding: 0;
}

.global-partner ul li a {
  display: table-cell;
  vertical-align: middle;
  height: 80px;
  background: #fff;
}

.global-partner ul li a img {
  margin: 0 auto;
  max-width: 400px;
  max-height: 78px;
}

.global-partner ul li:last-child {
  margin-right: 0 !important;
}
.news {
  margin-bottom: 10px;
  background: #fff;
}
.spzs {
  padding-bottom: 70px;
  background: #f4f4f4;
}
.spzs .swiper-wrapper,
.zh .swiper-wrapper {
  height: auto !important;
}
.spzs .cms-post-excerpt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}
.spzs .cms-item-content-title a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.swiper-slide {
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
}
.elementor-93 .elementor-element.elementor-element-b939636 {
  margin-top: -45px !important;
  margin-bottom: 150px !important;
}
.spzs .cms-swiper-dots-color-white .cms-swiper-pagination-divider,
.spzs .cms-swiper-dots-color-white .cms-swiper-pagination-number,
.zh .cms-swiper-dots-color-white .cms-swiper-pagination-divider,
.zh .cms-swiper-dots-color-white .cms-swiper-pagination-number {
  background: var(--color-primary);
}
.zh .cms-swiper-dots-color-white .cms-swiper-pagination-divider.active {
  background: #ff8d6b !important;
}
.cms-menu-link-current {
  color: #ff8d6b !important;
}

.zxlxCon {
  width: 90%;
  text-align: center;
  margin: 0 auto;
  padding: 20px 0;
}
.zxlxCon .lytop {
  padding: 0 20px 15px;
}
.zxlxCon .lytop h3 {
  padding-bottom: 0;
  padding-top: 0;
  font-size: 24px;
  color: #3c3a98;
  font-weight: bold;
}

.zxlxCon button {
  height: 28px;
  border-radius: 3px;
  width: 70px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin: 0 10px;
}
.zxlxCon .sc-qr {
  background: #f64a42;
  color: #fff;
  border: 1px solid #f64a42;
}
.zxlxCon .sc-qx {
  background: #fff;
  color: #666;
  border: 1px solid #e8e8e8;
}
.zxlxCon .btn-con {
  margin: 0 auto;
  text-align: center;
}
.zxlxCon .btn-con .check_row {
  overflow: hidden;
}
.zxlxCon .btn-con button {
  margin-top: 10px;
  width: 200px;
  height: 40px;
  margin-left: 0 !important;
  margin-right: 0 !important;
  font-size: 14px;
  padding: 0 !important;
}
.zxlxCon .btn-con .sc-qr {
  background: #ff8d6b;
  border: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.zxlxCon .btn-con .sc-qx {
  background: #e1e1e1;
  color: #666;
}
.lx-con {
  height: 250px;
  overflow-y: auto;
  border: 1px solid #e1e1e1;
  width: 648px;
  margin: 0 auto 10px;
  padding: 20px 20px 0 20px;
  position: relative;
}
.lx-con .time {
  color: #cecece;
  font-size: 12px;
  line-height: 24px;
}
.lx-con li {
  margin-bottom: 10px;
}
.lx-con .lx-left {
  overflow: hidden;
}
.lx-con .lx-left .user-img {
  float: left;
  margin-right: 10px;
  font-size: 12px;
  color: #7c7c7c;
}
.lx-con .lx-left .user-img span {
  line-height: 22px;
}
.lx-con .lx-left .user-img img {
  display: block;
}
.lx-con .lx-left .user-info {
  word-break: break-all;
  float: left;
  background: #fafafa;
  border: 1px solid #e6e6e6;
  padding: 8px;
  position: relative;
  color: #525252;
  border-radius: 3px;
  max-width: 310px;
  text-align: left;
}
.lx-con .lx-left .user-info:after {
  content: "";
  display: block;
  width: 8px;
  height: 9px;
  background: url(https://style-cdn.ibuychem.com/wiseshop/pc/images/user3.png)
    no-repeat center;
  position: absolute;
  left: -8px;
  top: 10px;
}
.lx-con .lx-right {
  overflow: hidden;
}
.lx-con .lx-right .user-img {
  float: right;
  margin-left: 10px;
  font-size: 12px;
  color: #7c7c7c;
}
.lx-con .lx-right .user-img span {
  line-height: 22px;
}
.lx-con .lx-right .user-img img {
  display: block;
}
.lx-con .lx-right .user-info {
  word-break: break-all;
  float: right;
  background: rgba(58, 60, 147, 0.9);
  padding: 9px;
  position: relative;
  color: #fff;
  border-radius: 3px;
  max-width: 310px;
  text-align: left;
}
.lx-con .lx-right .user-info:after {
  content: "";
  display: block;
  width: 7px;
  height: 11px;
  background: url(https://style-cdn.ibuychem.com/wiseshop/pc/images/user4.png)
    no-repeat center;
  position: absolute;
  right: -7px;
  top: 10px;
}
.ipt-con {
  width: 92%;
  margin: 0 auto;
  margin-bottom: 10px;
}
.ipt-con textarea {
  resize: none;
  width: 73%;
  height: 100px;
  padding: 5px 8px;
  line-height: 20px;
  font-size: 14px;
  box-sizing: border-box;
  border: 1px solid #e1e1e1;
}
.ipt-con p {
  text-align: right;
  font-size: 12px;
  line-height: 24px;
  color: #999;
}
.zxlxCon {
  background: #fff;
}
.zxlxCon .lxdh {
  overflow: hidden;
  margin-top: 10px;
  font-size: 0;
}
.zxlxCon .lxdh span {
  display: inline-block;
  width: 27%;
  font-size: 14px;
  color: #999;
  text-align: right;
  vertical-align: top;
  padding-right: 1%;
  height: 38px;
  line-height: 38px;
}
.zxlxCon label {
  color: red;
  border: none !important;
  margin-left: 0 !important;
}
.zxlxCon select {
  /* border: 1px solid #e1e1e1; */
  width: 25%;
  display: inline-block;
  vertical-align: middle;
  color: #333;
  padding: 0 8px;
  font-size: 14px;
  height: 38px !important;
  line-height: 38px !important;
  margin-left: 1%;
}
.zxlxCon .order-searchinput {
  border: 1px solid #e1e1e1 !important;
  width: 73%;
  display: inline-block;
  vertical-align: middle;
  color: #333;
  padding: 0 8px !important;
  font-size: 14px;
  height: 38px !important;
  line-height: 38px !important;
  border-radius: 3px;
}
.dwipt {
  width: 47% !important;
}

article,
aside,
dd,
dialog,
dl,
dt,
figcaption,
figure,
footer,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
li,
main,
nav,
ol,
p,
pre,
section,
ul {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  font-size: 14px;
  font-family: Open Sans, Roboto, PingFang SC, -apple-system, BlinkMacSystemFont,
    "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
    "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol";
  font-variant: tabular-nums;
  font-feature-settings: "tnum";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body,
html {
  width: 100%;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
ul li,
ol li {
  padding: 0;
}
li,
ol,
ul {
  list-style-type: none;
}

input::-ms-clear,
input::-ms-reveal {
  display: none;
}

input[type="number"],
input[type="password"],
input[type="text"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: textfield;
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

input:focus {
  outline: 0;
  background: 0 0;
}

input::-internal-autofill-selected {
  background-color: transparent !important;
}

*,
::after,
::before {
  box-sizing: border-box;
}

@-ms-viewport {
  width: device-width;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

a {
  text-decoration: none;
  background-color: transparent;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
  -webkit-text-decoration-skip: objects;
  color: #333;
}

em,
i {
  font-style: normal;
}

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

svg:not(:root) {
  overflow: hidden;
}

[role="button"],
a,
area,
button,
input:not([type="range"]),
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

table {
  border-collapse: collapse;
}

th {
  text-align: inherit;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[type="reset"],
[type="submit"],
button,
html [type="button"] {
  -webkit-appearance: button;
  cursor: pointer;
}

[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="time"] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

[hidden] {
  display: none !important;
}

button {
  outline: 0;
  user-select: none;
}

iframe {
  border: none;
}

iframe::-webkit-scrollbar {
  width: 5px;
  background-color: #eee;
}

iframe::-webkit-scrollbar-thumb {
  background-color: #ddd;
  border-radius: 2px;
}

::-webkit-scrollbar {
  width: 10px;
  background-color: #eee;
}

::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 5px;
}

button,
input,
option,
select {
  border: 1px solid #333;
  outline: 0;
}

.cate-detail-list-wrap .cate-detail-list,
.clearfix,
.exh-cate-wrap .exh-cate-list {
  zoom: 1;
}

.cate-detail-list-wrap .cate-detail-list::after,
.cate-detail-list-wrap .cate-detail-list:before,
.clearfix::after,
.clearfix:before,
.exh-cate-wrap .exh-cate-list::after,
.exh-cate-wrap .exh-cate-list:before {
  content: "";
  display: block;
}

.cate-detail-list-wrap .cate-detail-list:after,
.clearfix:after,
.exh-cate-wrap .exh-cate-list:after {
  clear: both;
}

body {
  background-color: #fff;
  color: #333;
  line-height: 1;
}

.vd-pic-wrap {
  width: 100%;
  height: 168px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  text-align: center;
}

.vd-pic-wrap .pic {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: #d3d3d3;
  transition: all 0.3s ease-in-out;
  border: 1px solid #eee;
}
.pic-items .pic{
  width: auto;
}
.popular-vd-item .vd-pic-wrap .pic:hover,
.like-vd-item .vd-pic-wrap .pic:hover {
  transform: scale(1.1);
}

.vd-pic-wrap .time {
  position: absolute;
  right: 10px;
  bottom: 10px;
  height: 22px;
  line-height: 22px;
  padding: 0 10px;
  border-radius: 4px;
  background-color: rgba(0, 39, 122, 0.8);
  color: #fff;
}

.vd-flag {
  position: absolute;
  left: 10px;
  top: 10px;
  height: 20px;
  font-size: 12px;
  padding: 0 10px;
  border-radius: 4px;
  background-color: rgba(0, 39, 122, 0.8);
  color: #fff;
  display: flex;
  align-items: center;
}

.popular-vd-item {
  width: 100%;
  /* height: 286px; */
  padding: 10px;
  border-radius: 8px;
  background-color: #f7f6f6;
}

.popular-vd-item .video-wrap {
  display: block;
  width: 100%;
  /* height: 183px; */
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
}

.popular-vd-item .vd-pic-wrap {
  display: block;
}

.popular-vd-item .text-con {
  padding: 0 2px;
}

.popular-vd-item .text-con .title {
  height: 36px;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-weight: bold;
}

.popular-vd-item .text-con .title a {
  color: #333;
}

.popular-vd-item .text-con .title a:hover {
  color: #00277a;
}

.popular-vd-item .text-con .title:hover {
  color: #00277a;
}

.popular-vd-item .text-con .tags {
  margin-top: 10px;
  display: flex;
  align-items: center;
}

.popular-vd-item .text-con .tags .addr,
.popular-vd-item .text-con .tags .viewer {
  line-height: 20px;
  margin-right: 14px;
  display: flex;
  align-items: center;
}

.popular-vd-item .text-con .tags .addr .icon,
.popular-vd-item .text-con .tags .viewer .icon {
  display: inline-block;
  background-image: url(../images/vd_sprite.png?v=20250512);
  background-repeat: no-repeat;
  background-size: 600px 300px;
  margin-right: 5px;
}

.popular-vd-item .text-con .tags .viewer .icon {
  background-position: -240px -134px;
  width: 16px;
  height: 12px;
}

.popular-vd-item .text-con .tags .addr {
  flex: 1;
  overflow: hidden;
}

.popular-vd-item .text-con .tags .addr .icon {
  background-position: -215px -133px;
  width: 14px;
  height: 14px;
}

.popular-vd-item .text-con .tags .addr a,
.popular-vd-item .text-con .tags .addr span {
  flex: 1;
  height: 20px;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.popular-vd-item .text-con .tags .addr a:hover {
  color: #00277a;
}

.popular-vd-item .text-con .company {
  margin-top: 12px;
  display: flex;
  align-items: center;
}

.popular-vd-item .text-con .company .icon {
  display: inline-block;
  background: url(../images/vd_sprite.png?v=20250512) no-repeat -189px -133px;
  background-size: 600px 300px;
  width: 14px;
  height: 14px;
  margin-right: 5px;
}

.popular-vd-item .text-con .company span {
  flex: 1;
  display: flex;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
}

.popular-vd-item .text-con .company span i {
  display: inline-block;
  padding: 0 4px;
}

.popular-vd-item .text-con .company a {
  display: inline-block;
  max-width: 50%;
}

.popular-vd-item .text-con .company a h3 {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.popular-vd-item .text-con .company a:last-child {
  max-width: 46%;
}

.popular-vd-item .text-con .company a:hover {
  color: #00277a;
}

.latest-vd-item {
  width: 23.5%;
  height: 324px;
  position: relative;
}

.latest-vd-item.active .vd-hover,
.latest-vd-item:hover .vd-hover {
  opacity: 1;
  visibility: visible;
}

.latest-vd-item .vd-pic-wrap {
  width: 100%;
  height: 228px;
}

.latest-vd-item .title {
  font-size: 16px;
  line-height: 24px;
  margin-top: 15px;
  max-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
}

.latest-vd-item .vd-hover {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 40px;
  z-index: 10;
  transform: translateX(-50%);
  width: 350px;
  height: 320px;
  padding: 14px;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
  transition: all 0.2s;
  visibility: hidden;
  opacity: 0;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}

.latest-vd-item .vd-hover-pic-wrap {
  display: block;
  width: 322px;
  height: 180px;
  position: relative;
  margin-bottom: 12px;
  cursor: pointer;
}

.latest-vd-item .vd-hover-pic-wrap .pic {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
  background-color: #d3d3d3;
}

.latest-vd-item .vd-hover-pic-wrap .icons {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.latest-vd-item .vd-hover-pic-wrap .icon1,
.latest-vd-item .vd-hover-pic-wrap .icon2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
}

.latest-vd-item .vd-hover-pic-wrap .icon1::before,
.latest-vd-item .vd-hover-pic-wrap .icon2::before {
  content: " ";
  display: inline-block;
  background-image: url(../images/vd_sprite.png?v=20250512);
  background-repeat: no-repeat;
  background-size: 600px 300px;
}

.latest-vd-item .vd-hover-pic-wrap .icon1.icon1,
.latest-vd-item .vd-hover-pic-wrap .icon2.icon1 {
  margin-right: 10px;
  background-color: #00277a;
}

.latest-vd-item .vd-hover-pic-wrap .icon1.icon1:before,
.latest-vd-item .vd-hover-pic-wrap .icon2.icon1:before {
  width: 14px;
  height: 16px;
  background-position: -280px -20px;
}

.latest-vd-item .vd-hover-pic-wrap .icon1.icon2,
.latest-vd-item .vd-hover-pic-wrap .icon2.icon2 {
  background-color: #fff;
}

.latest-vd-item .vd-hover-pic-wrap .icon1.icon2:before,
.latest-vd-item .vd-hover-pic-wrap .icon2.icon2:before {
  width: 16px;
  height: 18px;
  background-position: -324px -19px;
}

.latest-vd-item .vd-hover-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  cursor: pointer;
}

.latest-vd-item .vd-hover-title:hover {
  color: #00277a;
}

.latest-vd-item .vd-hover-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.latest-vd-item .vd-hover-actions .vd-hover-tag {
  max-width: 240px;
  display: inline-flex;
  align-items: center;
  height: 30px;
  line-height: 28px;
  padding: 0 15px;
  border: 1px solid #00277a;
  border-radius: 6px;
  color: #00277a;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.latest-vd-item .vd-hover-actions .vd-hover-tag:hover {
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.latest-vd-item .vd-hover-actions .vd-hover-tag span {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.latest-vd-item .vd-hover-actions .vd-hover-link {
  color: #00277a;
  margin-left: 20px;
}

.latest-vd-item .vd-hover-actions .vd-hover-link:hover {
  cursor: pointer;
  text-decoration: underline;
}

.hot-vd-item {
  width: 100%;
  height: 170px;
  padding: 16px;
  border-radius: 8px;
  background-color: #fbfbfb;
  border: 1px solid #fbfbfb;
  display: flex;
  justify-content: space-between;
}

.hot-vd-item:hover {
  border-color: #00277a;
}

.hot-vd-item .hot-vd-pic {
  display: block;
  width: 138px;
  height: 138px;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  margin-right: 16px;
}

.hot-vd-item .hot-vd-pic .pic {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: #d3d3d3;
  margin-right: 14px;
  transition: all 0.2s;
}

.hot-vd-item .hot-vd-pic .pic:hover {
  transform: scale(1.1);
  transform-origin: center center;
}

.hot-vd-item .hot-vd-pic .icon {
  position: absolute;
  left: 10px;
  top: 10px;
  height: 20px;
  font-size: 12px;
  padding: 0 10px;
  border-radius: 4px;
  background-color: rgba(51, 165, 83, 0.8);
  color: #fff;
  display: flex;
  align-items: center;
}

.hot-vd-item .hot-vd-con {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.hot-vd-item .hot-vd-con .title,
.hot-vd-item .hot-vd-con .title h3 {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-weight: bold;
}

.hot-vd-item .hot-vd-con .title:hover {
  color: #00277a;
}

.hot-vd-item .hot-vd-con .key-list {
  font-size: 14px;
  line-height: 24px;
  color: #333;
}

.hot-vd-item .hot-vd-con .key-list .key-item {
  width: 100%;
  max-height: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0;
}

.hot-vd-item .hot-vd-con .key-list .key-item::before {
  content: "·";
  display: inline-block;
  margin-right: 4px;
}

.hot-vd-item .hot-vd-con .key-list .key-item h3 {
  display: inline;
  font-weight: 400;
  font-size: 14px;
  color: #333;
}

.hot-vd-item .hot-vd-con .key-list .key-item a {
  color: #333;
}

.hot-vd-item .hot-vd-con .key-list .key-item a:hover {
  color: #00277a;
}

.hot-vd-item .link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 32px;
  background-color: #00277a;
  color: #fff;
  border-radius: 8px;
  transition: all 0.2s;
}

.hot-vd-item .link:hover {
  background-color: #00277a;
}

.vr-vd-item {
  width: 338px;
  border-radius: 8px;
  overflow: hidden;
  background-color: #f7f6f6;
}

.vr-vd-item .pic-con {
  width: 100%;
  height: 90px;
  position: relative;
  overflow: hidden;
  background-color: #d3d3d3;
}

.vr-vd-item .pic-con .pic {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.2s;
}

.vr-vd-item .pic-con:hover .pic {
  transform-origin: center center;
  transform: scale(1.1);
}

.vr-vd-item .pic-con .hover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(1, 1, 1, 0.12) 72.778%, #000 100%);
}

.vr-vd-item .pic-con .hover .icon {
  position: absolute;
  top: 10px;
  right: 16px;
  width: 63px;
  height: 28px;
  background: url(../images/vd_sprite.png?v=20250512) no-repeat -362px -177px;
  background-size: 600px 300px;
}

.vr-vd-item .pic-con .hover .title {
  width: 100%;
  line-height: 20px;
  padding: 0 10px;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  left: 0;
  bottom: 5px;
}

.vr-vd-item .text-con {
  padding: 10px;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-gap: 10px;
  color: #777;
}

.vr-vd-item .text-con .tag {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.vr-vd-item .text-con .tag:before {
  content: "·";
  display: inline-block;
  margin-right: 5px;
}

.vr-vd-item .text-con .tag > h3 {
  display: inline;
  font-weight: 400;
  font-size: 14px;
}

.vr-vd-item .text-con .tag:hover {
  color: #00277a;
}
.video .cms-mainheading {
  padding-top: 40px;
  padding-bottom: 20px;
}
.video-box {
  width: 324px;
  height: 182px;
  position: relative;
}

.video-box .video-js {
  width: 100%;
  height: 100%;
}

.video-box .video-js .vjs-control-bar {
  display: none;
}

.video-box .progress-bar {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 2px;
  z-index: 30;
  height: 2px;
  background-color: #fff;
}

.video-box .progress-bar .current {
  height: 2px;
  background-color: #00277a;
}

.header-wrap {
  width: 100%;
  height: 70px;
  display: flex;
  align-items: center;
}

.header-wrap .inner {
  width: 100%;
  height: 70px;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  position: fixed;
  left: 50%;
  top: 0;
  z-index: 100;
  transform: translateX(-50%);
}

.header-wrap .header-content {
  width: 1280px;
  height: 70px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header-wrap .header-l {
  display: flex;
  align-items: center;
}

.header-wrap .header-r {
  display: flex;
  align-items: center;
}

.header-wrap .m-logo {
  background: url(../images/vd_sprite.png?v=20250512) no-repeat -250px -176px;
  background-size: 600px 300px;
  width: 102px;
  height: 30px;
}

.header-wrap .m-search {
  width: 500px;
  height: 44px;
  border-radius: 35px;
  padding: 0 10px 0 0;
  margin-left: 110px;
  border: 1px solid #dfdfdf;
  display: flex;
  align-items: center;
  transition: all 0.3s;
}

.header-wrap .m-search.focus {
  border-color: #00277a;
}

.header-wrap .search-input-wrap {
  flex: 1;
  overflow: hidden;
  padding-left: 10px;
  display: flex;
  align-items: center;
}

.header-wrap .search-input-wrap .search-input {
  width: calc(100% - 32px);
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  color: #333;
  border: none;
}

.header-wrap .search-input-wrap .search-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background-color: #00277a;
  border-radius: 50%;
  border: none;
}

.header-wrap .search-input-wrap .search-btn .icon {
  display: inline-block;
  background: url(../images/vd_sprite.png?v=20250512) no-repeat -65px -21px;
  background-size: 600px 300px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
}

.header-wrap .select-video {
  height: 36px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  background-color: #f7f6f6;
  border-radius: 8px;
  color: #333;
  margin-left: 12px;
  margin-right: 12px;
  cursor: pointer;
}

.header-wrap .select-video.active .icon {
  background-position: -318px -220px;
}

.header-wrap .select-video .icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  background: url(../images/vd_sprite.png?v=20250512) no-repeat -344px -220px;
  background-size: 600px 300px;
}

.header-wrap .m-lang {
  position: relative;
}

.header-wrap .m-lang.active .lang-btn {
  cursor: pointer;
  border-color: #00277a;
  color: #00277a;
}

.header-wrap .m-lang.active .lang-btn .icon1 {
  background-position: -415px -68px;
}

.header-wrap .m-lang.active .lang-list-wrap {
  display: block;
}

.header-wrap .m-lang .lang-btn {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  height: 44px;
  padding: 0 20px;
  border-radius: 8px;
  border: 1px solid #ddd;
}

.header-wrap .m-lang .lang-btn:hover {
  cursor: pointer;
  border-color: #00277a;
  color: #00277a;
}

.header-wrap .m-lang .lang-btn:hover .icon1 {
  background-position: -415px -68px;
}

.header-wrap .m-lang .lang-btn .icon {
  display: inline-block;
  background: url(../images/vd_sprite.png?v=20250512) no-repeat -129px -19px;
  background-size: 600px 300px;
  width: 18px;
  height: 18px;
}

.header-wrap .m-lang .lang-btn .icon1 {
  display: inline-block;
  background: url(../images/vd_sprite.png?v=20250512) no-repeat -340px -67px;
  background-size: 500px;
  width: 13px;
  height: 7px;
  transform: translateY(1px);
}

.header-wrap .m-lang .lang-btn .val {
  padding: 0 10px;
}

.header-wrap .m-lang .lang-list-wrap {
  position: absolute;
  left: 0;
  top: 44px;
  padding: 7px 0;
  min-width: 140px;
  background-color: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  display: none;
}

.header-wrap .m-lang .lang-list > li {
  height: 26px;
}

.header-wrap .m-lang .lang-list > li.active > a {
  background-color: #f7f6f6;
}

.header-wrap .m-lang .lang-list > li > a {
  display: block;
  width: 100%;
  height: 26px;
  padding: 0 20px;
  line-height: 26px;
  color: #333;
}

.header-wrap .m-lang .lang-list > li > a:hover {
  background-color: #f7f6f6;
}

.header-wrap .m-user {
  margin-left: 25px;
}

.header-wrap .m-user .signin {
  display: inline-flex;
  align-items: center;
  height: 40px;
  padding: 0 15px;
  font-size: 14px;
  font-weight: 700;
  background-color: #00277a;
  color: #f9f9f9;
  border-radius: 5px;
}

.header-wrap .m-user .signin .icon {
  display: inline-block;
  width: 12px;
  height: 15px;
  background: url(../images/vd_sprite.png?v=20250512) no-repeat -102px -21px;
  background-size: 600px 300px;
  margin-right: 8px;
}

.header-wrap .m-user .logined {
  position: relative;
  height: 40px;
  line-height: 40px;
}

.header-wrap .m-user .logined.active .user-hover {
  display: block;
}

.header-wrap .m-user .logined .avator {
  position: relative;
  display: flex;
  align-items: center;
}

.header-wrap .m-user .logined .avator img {
  width: 20px;
  height: 20px;
  object-fit: cover;
  border-radius: 50%;
  border: none;
  margin-right: 5px;
}

.header-wrap .m-user .logined .avator .name {
  max-width: 120px;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.header-wrap .m-user .logined .user-hover {
  min-width: 130px;
  position: absolute;
  right: 0;
  top: 36px;
  border-radius: 0 0 8px 8px;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.15);
  display: none;
}

.header-wrap .m-user .logined .user-items {
  padding: 15px 0;
}

.header-wrap .m-user .logined .user-items .item {
  padding: 0 20px;
  margin-bottom: 10px;
  display: flex;
  align-items: flex-start;
}

.header-wrap .m-user .logined .user-items .item:last-child {
  margin-bottom: 0;
}

.header-wrap .m-user .logined .user-items .item:hover {
  cursor: pointer;
}

.header-wrap .m-user .logined .user-items .item .icon {
  display: inline-block;
  background-image: url(../images/vd_sprite.png?v=20250512);
  background-repeat: no-repeat;
  background-size: 600px 300px;
  margin-right: 10px;
}

.header-wrap .m-user .logined .user-items .item .icon.user {
  width: 17px;
  height: 18px;
  background-position: -526px -19px;
}

.header-wrap .m-user .logined .user-items .item .icon.exit {
  width: 18px;
  height: 15px;
  background-position: -471px -21px;
  transform: translateY(3px);
}

.header-wrap .m-user .logined .user-items .item span {
  min-width: 100px;
  flex: 1;
  line-height: 20px;
}

.header-wrap .m-user .logined .user-items .item .user_name {
  flex: 1;
  overflow: hidden;
}

.menu-wrap {
  position: relative;
  width: 100%;
  height: 55px;
  border-bottom: 1px solid #ddd;
  margin: 0 auto;
  display: none;
}

.menu-wrap .inner {
  max-width: 1280px;
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.menu-wrap .menu-l {
  height: 100%;
}

.menu-wrap .menu-r {
  height: 100%;
}

.menu-wrap .menu-r .link-items {
  height: 100%;
  display: flex;
  align-items: center;
}

.menu-wrap .menu-r .link-item {
  height: 100%;
  margin-left: 48px;
  position: relative;
  z-index: 60;
  display: flex;
  align-items: center;
}

.menu-wrap .menu-r .link-item.active .name,
.menu-wrap .menu-r .link-item:hover .name {
  cursor: pointer;
  color: #00277a;
}

.menu-wrap .menu-r .link-item.active .link-dropdown,
.menu-wrap .menu-r .link-item:hover .link-dropdown {
  display: block;
}

.menu-wrap .menu-r .link-item .name {
  font-size: 14px;
}

.menu-wrap .menu-r .link-item .link-dropdown {
  min-width: 130px;
  overflow-y: auto;
  position: absolute;
  right: -10px;
  top: 50px;
  z-index: 10;
  background-color: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  border-radius: 0 0 8px 8px;
  white-space: nowrap;
  overflow: hidden;
  display: none;
}

.menu-wrap .menu-r .link-item .dropdown-menu a,
.menu-wrap .menu-r .link-item .dropdown-menu span {
  display: flex;
  align-items: center;
  min-width: 130px;
  height: 40px;
  padding: 0 20px;
  font-size: 14px;
  color: #333;
  cursor: pointer;
}

.menu-wrap .menu-r .link-item .dropdown-menu a:hover,
.menu-wrap .menu-r .link-item .dropdown-menu span:hover {
  background-color: #f7f6f6;
}

.menu-wrap .menu-items {
  display: flex;
  height: 100%;
}

.menu-wrap .menu-item {
  padding-right: 20px;
  margin-right: 20px;
  cursor: pointer;
}

.menu-wrap .menu-item.active .hd {
  cursor: pointer;
  color: #00277a;
}

.menu-wrap .menu-item.active .hd .val {
  color: #00277a;
}

.menu-wrap .menu-item.active .hd .arrow {
  background-position: -469px -81px;
  transform-origin: center center;
  transform: rotate(-180deg);
}

.menu-wrap .menu-item.active .hd .icon.icon1 {
  background-position: -160px -18px;
}

.menu-wrap .menu-item.active .hd .icon.icon2 {
  background-position: -428px -19px;
}

.menu-wrap .menu-item.active .hd .icon.icon3 {
  background-position: -394px -17px;
}

.menu-wrap .menu-item.active .hd .icon.icon4 {
  background-position: -286px -218px;
}

.menu-wrap .menu-item.active .hd .icon.icon5 {
  background-position: -406px -218px;
}

.menu-wrap .menu-item .hd {
  height: 100%;
  display: flex;
  align-items: center;
}

.menu-wrap .menu-item .hd .icon {
  flex-shrink: 0;
  display: inline-block;
  width: 34px;
  height: 34px;
  background-image: url(../images/vd_sprite.png?v=20250512);
  background-repeat: no-repeat;
  background-size: 600px 300px;
}

.menu-wrap .menu-item .hd .icon.icon1 {
  width: 20px;
  height: 20px;
  background-position: -362px -18px;
}

.menu-wrap .menu-item .hd .icon.icon2 {
  width: 32px;
  height: 19px;
  background-position: -226px -19px;
}

.menu-wrap .menu-item .hd .icon.icon3 {
  width: 24px;
  height: 21px;
  background-position: -192px -17px;
}

.menu-wrap .menu-item .hd .icon.icon4 {
  width: 20px;
  height: 21px;
  background-position: -252px -218px;
}

.menu-wrap .menu-item .hd .icon.icon5 {
  width: 20px;
  height: 21px;
  background-position: -372px -218px;
}

.menu-wrap .menu-item .hd .val {
  margin: 0 10px;
  font-size: 14px;
}

.menu-wrap .menu-item .hd .arrow {
  flex-shrink: 0;
  display: inline-block;
  width: 13px;
  height: 8px;
  background: url(../images/vd_sprite.png?v=20250512) no-repeat -409px -81px;
  background-size: 600px 300px;
}

.show-video {
  display: flex;
  align-items: center;
  min-width: 130px;
  font-size: 14px;
  color: #333;
  cursor: pointer;
}

.show-video .vd-icon {
  display: inline-block;
  width: 16px;
  height: 15px;
  background: url(../images/vd_sprite.png?v=20250512) no-repeat -497px -20px;
  background-size: 600px 300px;
  margin-left: 10px;
}

.menu-hover-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 54px;
  z-index: 20;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
}

.menu-hover-wrap .menu-con-items {
  width: 100%;
  min-height: 120px;
  background-color: #fff;
  border-top: 1px solid #ddd;
}

.menu-hover-wrap .menu-con-items .menu-con-item {
  width: 1280px;
  margin: 0 auto;
  display: flex;
  display: none;
}

.menu-hover-wrap .menu-con-items .menu-con-item.active {
  display: flex;
}

.cate-list-wrap {
  height: 520px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 10px 0;
  border-left: 1px solid #ddd;
}

.cate-list-wrap .current-cate {
  color: #333;
  height: 32px;
  line-height: 32px;
  padding: 0 48px;
  font-weight: 700;
}

.cate-list-wrap .cate-list {
  width: 378px;
}

.cate-list-wrap .cate-list.second-cate-list .cate-item:before {
  display: none;
}

.cate-list-wrap .cate-item {
  padding: 0 48px;
  height: 32px;
  display: flex;
  align-items: center;
}

.cate-list-wrap .cate-item:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 4px;
  background-color: #00277a;
  margin-right: 8px;
}

.cate-list-wrap .cate-item.active,
.cate-list-wrap .cate-item:hover {
  background-color: #f3faf4;
  color: #00277a;
}

.cate-detail-list-wrap {
  flex: 1;
  height: 520px;
  padding: 10px 20px;
  border-left: 1px solid #ddd;
  overflow: hidden auto;
}

.cate-detail-list-wrap .current-cate {
  color: #333;
  height: 32px;
  line-height: 32px;
  font-weight: 700;
  margin-bottom: 14px;
}

.cate-detail-list-wrap .cate-detail-item {
  float: left;
  margin: 0 9px 15px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  width: 102px;
  height: 134px;
}

.cate-detail-list-wrap .cate-detail-item:nth-of-type(4n) {
  margin-right: 0;
}

.cate-detail-list-wrap .cate-detail-item:hover {
  color: #00277a;
}

.cate-detail-list-wrap .cate-detail-item .pic {
  width: 80px;
  height: 80px;
  border-radius: 8px;
  object-fit: cover;
  background-color: #d3d3d3;
  margin-bottom: 10px;
}

.cate-detail-list-wrap .cate-detail-item .title {
  height: 32px;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.vr-cate-wrap {
  width: 100%;
  max-height: 520px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 20px 0;
}

.vr-cate-wrap .vr-cate-list {
  width: 100%;
  display: grid;
  grid-template-columns: 338px 338px 338px 338px;
  grid-gap: 16px;
  margin-bottom: 16px;
}

.vr-cate-wrap .vr-cate-link {
  display: flex;
  justify-content: flex-end;
}

.vr-cate-wrap .vr-cate-link .link {
  font-size: 16px;
  color: #777;
}

.vr-cate-wrap .vr-cate-link .link:hover {
  color: #00277a;
}

.exh-cate-wrap {
  width: 100%;
  padding: 20px;
  height: 100%;
}

.exh-cate-wrap .exh-cate-list {
  width: 100%;
}

.exh-cate-wrap .exh-cate-item {
  float: left;
  width: 325px;
  height: 110px;
  border: 1px solid #ddd;
  background-color: #fbfbfb;
  color: #333;
  border-radius: 8px;
  overflow: hidden;
  margin-right: 20px;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.exh-cate-wrap .exh-cate-item:nth-of-type(4n) {
  margin-right: 0;
}

.exh-cate-wrap .exh-cate-item a {
  color: #333;
}

.exh-cate-wrap .exh-cate-item .pic {
  width: 154px;
  height: 110px;
  object-fit: cover;
  background-color: #d3d3d3;
}

.exh-cate-wrap .exh-cate-item .intro-items {
  flex: 1;
  overflow: hidden;
  padding: 0 10px;
}

.exh-cate-wrap .exh-cate-item .intro-items .item {
  width: 100%;
  color: #777;
  font-size: 14px;
  line-height: 22px;
  height: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
  margin-top: 8px;
}

.exh-cate-wrap .exh-cate-item .intro-items .item:first-child {
  color: #333;
  margin-top: 0;
}

.exh-cate-wrap .exh-cate-item .intro-items .item .icon {
  display: inline-block;
  width: 18px;
  height: 19px;
  background-image: url(../images/vd_sprite.png?v=20250512);
  background-repeat: no-repeat;
  background-size: 600px 300px;
  margin-right: 15px;
}

.exh-cate-wrap .exh-cate-item .intro-items .item .icon.icon1 {
  background-position: -437px -130px;
}

.exh-cate-wrap .exh-cate-item .intro-items .item .icon.icon2 {
  background-position: -505px -131px;
}

.exh-cate-wrap .exh-cate-item .intro-items .item .icon.icon3 {
  width: 20px;
  height: 20px;
  background-position: -470px -130px;
}

.exh-cate-wrap .exh-cate-item .intro-items .item > span {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.exh-cate-wrap .exh-cate-link {
  display: flex;
  justify-content: flex-end;
}

.exh-cate-wrap .exh-cate-link .link {
  color: #777;
}

.exh-cate-wrap .exh-cate-link .link:hover {
  color: #00277a;
}

.footer-wrap {
  padding: 76px 0 34px;
  background-color: #082301;
}

.footer-wrap .inner {
  width: 1280px;
  margin: 0 auto;
}

.footer-wrap .footer-t {
  display: flex;
  align-items: flex-start;
}

.footer-wrap .footer-b {
  text-align: center;
  margin-top: 44px;
}

.footer-wrap .footer-b .country {
  line-height: 24px;
  color: rgba(255, 255, 255, 0.8);
}

.footer-wrap .footer-b .country a {
  color: rgba(255, 255, 255, 0.8);
}

.footer-wrap .footer-b .copyright {
  margin-top: 10px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
}

.footer-wrap .footer-b .copyright a {
  color: rgba(255, 255, 255, 0.5);
}

.footer-wrap .footer-logo {
  padding-top: 16px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}

.footer-wrap .footer-logo .pic {
  display: inline-block;
  width: 102px;
  height: 30px;
  margin-bottom: 23px;
  background: url(../images/vd_sprite.png?v=20250512) no-repeat -250px -176px;
  background-size: 600px 300px;
  transform: scale(1.2);
  transform-origin: left center;
}

.footer-wrap .footer-guide {
  flex: 1;
  display: flex;
  justify-content: space-between;
  margin-left: 104px;
  margin-right: 40px;
}

.footer-wrap .guide-item {
  flex: 1;
  color: #fff;
}

.footer-wrap .guide-item .hd {
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  margin-bottom: 16px;
}

.footer-wrap .guide-item .bd {
  line-height: 16px;
}

.footer-wrap .guide-item .bd p {
  padding: 8px 0;
  margin-bottom: 4px;
}

.footer-wrap .guide-item .bd a {
  color: #fff;
}

.footer-wrap .guide-item .bd a:hover {
  color: #00277a;
}

.footer-wrap .footer-follow {
  width: 300px;
}

.footer-wrap .follow-item {
  color: #fff;
}

.footer-wrap .follow-item:last-child {
  margin-top: 35px;
}

.footer-wrap .follow-item .hd {
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  margin-bottom: 24px;
}

.footer-wrap .follow-item .bd {
  display: flex;
}

.footer-wrap .follow-item .bd .follow-icon {
  display: inline-block;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  margin-right: 14px;
  background-image: url(../images/vd_sprite.png?v=20250512);
  background-repeat: no-repeat;
  background-size: 600px 300px;
}

.footer-wrap .follow-item .bd .follow-icon:last-child {
  margin-right: 0;
}

.footer-wrap .follow-item .bd .follow-icon.youku {
  background-position: -266px -127px;
}

.footer-wrap .follow-item .bd .follow-icon.face {
  background-position: -302px -127px;
}

.footer-wrap .follow-item .bd .follow-icon.user {
  background-position: -338px -127px;
}

.footer-wrap .follow-item .bd .analysis-pic img {
  width: 290px;
  height: 44px;
  object-fit: contain;
  border-radius: 8px;
}

.footer-wrap .follow-item .bd .app-item {
  position: relative;
  cursor: pointer;
}

.footer-wrap .follow-item .bd .app-item.wechat-app-item {
  margin-left: 0 !important;
}

.footer-wrap .follow-item .bd .app-item.wechat-app-item:hover .hover {
  display: flex;
}

.footer-wrap .follow-item .bd .app-item.wechat-app-item .hover {
  left: 50%;
  transform: translateX(-50%) translateY(-105%);
  width: 130px;
  height: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}

.footer-wrap .follow-item .bd .app-item.wechat-app-item .hover .wechat-pic {
  display: block;
  width: 122px;
  height: 122px;
  background: url(https://img.ecerimg.com/image/ecer.sprite.unicode.png) -269px -63px;
  display: inline-block;
}

.footer-wrap .follow-item .bd .app-item:hover .hover {
  display: block;
}

.footer-wrap .follow-item .bd .app-item:last-child {
  margin-left: 16px;
}

.footer-wrap .follow-item .bd .app-item .btn {
  width: 140px;
  height: 36px;
  border-radius: 4px;
  background-color: #fff;
  color: #0c2b04;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-wrap .follow-item .bd .app-item .icon {
  display: inline-block;
  background-image: url(../images/vd_sprite.png?v=20250512);
  background-repeat: no-repeat;
  background-size: 600px 300px;
  margin-right: 5px;
}

.footer-wrap .follow-item .bd .app-item .icon.icon1 {
  width: 14px;
  height: 17px;
  background-position: -377px -133px;
}

.footer-wrap .follow-item .bd .app-item .icon.icon2 {
  width: 15px;
  height: 16px;
  background-position: -406px -133px;
}

.footer-wrap .follow-item .bd .app-item .hover {
  position: absolute;
  left: 0;
  top: 0;
  transform: translateY(-105%);
  background-color: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  width: 140px;
  height: 140px;
  border-radius: 6px;
  overflow: hidden;
  display: none;
}

.footer-wrap .follow-item .bd .app-item .hover img {
  width: 100%;
  object-fit: contain;
}

.video-show-wrap {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  display: none;
}

.video-show-wrap.active {
  display: flex;
}

.video-show-wrap.active .mask {
  opacity: 1;
}

.video-show-wrap .mask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transform: all 0.2s;
}

.video-show-wrap .video-wrap {
  width: 80%;
  height: 80%;
  background-color: #000;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  transform: translate(-50%, -50%);
}

.video-show-wrap .video-wrap .close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
  width: 20px;
  height: 20px;
  background-image: url(../images/vd_sprite.png?v=20250512);
  background-repeat: no-repeat;
  background-size: 600px 300px;
  background-position: -555px -18px;
  opacity: 0.8;
  cursor: pointer;
}

.video-show-wrap video {
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 1000px) and (max-width: 1280px) {
  .header-wrap .inner {
    left: 0;
    transform: translateX(0);
  }

  .header-wrap .m-search {
    width: 360px;
    margin-left: 30px;
  }

  .header-wrap .header-content {
    width: 100%;
    padding: 0 20px;
  }

  .menu-wrap {
    width: 100%;
    padding: 0 20px;
  }

  .section-wrap {
    width: 100%;
    overflow: hidden;
  }
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
  .header-wrap .inner {
    left: 0;
    transform: translateX(0);
  }

  .header-wrap .m-logo {
    transform: scale(0.9);
  }

  .header-wrap .m-search {
    width: 260px;
    margin-left: 10px;
  }

  .header-wrap .header-content {
    width: 100%;
    padding: 0 20px;
  }

  .header-wrap .m-lang .lang-btn {
    padding: 0 10px;
  }

  .header-wrap .m-user {
    margin-left: 10px;
  }

  .header-wrap .m-user .logined .avator .name {
    max-width: 100px;
  }

  .menu-wrap {
    width: 100%;
    padding: 0 20px;
  }

  .section-wrap {
    width: 100%;
    overflow: hidden;
  }
}

@media screen and (max-width: 768px) {
  .header-wrap .inner {
    left: 0;
    transform: translateX(0);
  }

  .header-wrap .m-logo {
    transform: scale(0.9);
  }

  .header-wrap .m-search {
    width: 260px;
    margin-left: 10px;
  }

  .header-wrap .header-content {
    width: 100%;
    padding: 0 20px;
  }

  .header-wrap .m-lang .lang-btn {
    padding: 0 10px;
  }

  .header-wrap .m-user {
    margin-left: 10px;
  }

  .header-wrap .m-user .logined .avator .name {
    max-width: 100px;
  }

  .menu-wrap {
    display: none;
    width: 100%;
    padding: 0 20px;
  }

  .section-wrap {
    width: 100%;
    overflow: hidden;
  }
}

.banner-wrap {
  /* max-width: 1280px; */
  height: 720px;
  position: relative;
}

.banner-wrap.active .next-btn,
.banner-wrap.active .prev-btn,
.banner-wrap:hover .next-btn,
.banner-wrap:hover .prev-btn {
  opacity: 1;
}

.banner-wrap .swiper-piclist-wrap {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 720px;
  overflow: hidden;
}

.banner-wrap .swiper-piclist-wrap .banner-pic {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 720px;
  object-fit: cover;
  opacity: 0;
  transition: all 0.3s;
  filter: brightness(0.8);
}

.banner-wrap .swiper-piclist-wrap .banner-pic.active {
  opacity: 1;
}

.banner-wrap .next-btn,
.banner-wrap .prev-btn {
  position: absolute;
  top: 50%;
  z-index: 20;
  transform: translateY(-50%);
  width: 36px;
  height: 72px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.3s;
}

.banner-wrap .next-btn:before,
.banner-wrap .prev-btn:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 25px;
  background: url(../images/vd_sprite.png?v=20250512);
  background-repeat: no-repeat;
  background-size: 600px 300px;
}

.banner-wrap .next-btn.active.prev-btn:before,
.banner-wrap .next-btn:hover.prev-btn:before,
.banner-wrap .prev-btn.active.prev-btn:before,
.banner-wrap .prev-btn:hover.prev-btn:before {
  background-position: -22px -72px;
}

.banner-wrap .next-btn.active.next-btn:before,
.banner-wrap .next-btn:hover.next-btn:before,
.banner-wrap .prev-btn.active.next-btn:before,
.banner-wrap .prev-btn:hover.next-btn:before {
  background-position: -70px -72px;
}

.banner-wrap .next-btn.prev-btn,
.banner-wrap .prev-btn.prev-btn {
  left: 20px;
}

.banner-wrap .next-btn.prev-btn:before,
.banner-wrap .prev-btn.prev-btn:before {
  background-position: -118px -72px;
}

.banner-wrap .next-btn.next-btn,
.banner-wrap .prev-btn.next-btn {
  right: 20px;
}

.banner-wrap .next-btn.next-btn:before,
.banner-wrap .prev-btn.next-btn:before {
  background-position: -166px -72px;
}

.banner-wrap .swiper-wrap {
  max-width: 1280px;
  width: 100%;
  height: 720px;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 10;
  transform: translateX(-50%);
  overflow: hidden;
}

.banner-wrap .swiper-list-wrap {
  height: 100%;
  transition: all 0.3s;
}

.banner-wrap .swiper-item {
  float: left;
  max-width: 1280px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding-top: 40px;
  transition: all 1s;
  position: relative;
}

.banner-wrap .swiper-item .title {
  max-width: 1016px;
  font-size: 40px;
  font-weight: 700;
  text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
  color: #fff;
}

.banner-wrap .swiper-item .title .green {
  /* color: #00277a; */
}

.banner-wrap .swiper-item .tags {
  margin-top: 20px;
  margin-bottom: 20px;
}

.banner-wrap .swiper-item .tags .tag {
  height: 26px;
  padding: 0 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  background-color: rgba(255, 255, 255, 0.3);
  color: #fff;
  margin-right: 6px;
}

.banner-wrap .swiper-item .tags .tag.green {
  /* background-color: #00277a; */
}

.banner-wrap .swiper-item .desc {
  max-width: 800px;
  font-size: 18px;
  line-height: 24px;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  color: #fff;
}

.banner-wrap .swiper-item .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height:50px;
  font-size: 20px;
  font-weight: 700;
  margin-top: 30px;
  background: #ff8d6b;
  /* background: url(https://img.ecerimg.com/image/ecv/btn_bg.png) 0 0 no-repeat; */
  background-size: contain;
  color: #fff;
  transition: all 0.2s;
  margin-right: 10px;
}

.banner-wrap .swiper-item .btn:hover {
  border-radius: 8px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}

.banner-wrap .swiper-item .btn .icon {
  display: inline-block;
  width: 28px;
  height: 22px;
  background: url(../images/vd_sprite.png?v=20250512) no-repeat -12px -129px;
  background-size: 600px 300px;
  margin-right: 15px;
}

.banner-wrap .swiper-item .hot-videos {
  position: absolute;
  left: 0;
  bottom: 62px;
  width: 100%;
}

.banner-wrap .swiper-item .hot-videos .hot-videos-title {
  font-size: 21px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 32px;
}

.banner-wrap .swiper-item .video-items {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.banner-wrap .swiper-item .video-items a {
  color: #fff;
}

.banner-wrap .swiper-item .video-item {
  width: 250px;
  height: 140px;
  /* background-color: #d3d3d3; */
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}

.banner-wrap .swiper-item .video-item > a {
  display: block;
  height: 100%;
}

.banner-wrap .swiper-item .video-item .pic {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner-wrap .swiper-item .video-item .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, #000 100%);
}

.banner-wrap .swiper-item .video-item .mask .time {
  height: 22px;
  line-height: 22px;
  padding: 0 10px;
  border-radius: 4px;
  background-color: rgba(0, 39, 122, 0.8);
  color: #fff;
  position: absolute;
  right: 10px;
  top: 10px;
}

.banner-wrap .swiper-item .video-item .mask .video-title {
  font-size: 14px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  padding: 0 15px;
  overflow: hidden;
  position: absolute;
  bottom: 12px;
  left: 0;
  color: #fff;
  font-weight: bold;
}

.section-wrap .inner {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

.section-wrap .section-hd .hd-title {
  font-size: 40px;
  font-weight: 700;
}

.popular-vd-wrap {
  padding-top: 32px;
  margin-bottom: 50px;
}

.popular-vd-wrap .section-hd {
  width: 100%;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.popular-vd-wrap .hd-page {
  display: flex;
  align-items: center;
}

.popular-vd-wrap .hd-page span {
  display: inline-block;
  margin: 0 5px;
}

.popular-vd-wrap .hd-page .page-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background-color: #777;
  border-radius: 50%;
}

.popular-vd-wrap .hd-page .page-btn:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}

.popular-vd-wrap .hd-page .page-btn.active {
  background-color: #00277a;
}

.popular-vd-wrap .hd-page .page-btn:before {
  content: " ";
  display: inline-block;
  width: 6px;
  height: 10px;
  background-image: url(../images/vd_sprite.png?v=20250512);
  background-repeat: no-repeat;
  background-size: 600px 300px;
}

.popular-vd-wrap .hd-page .page-btn.prev:before {
  background-position: -211px -80px;
}

.popular-vd-wrap .hd-page .page-btn.next:before {
  background-position: -245px -80px;
}

.popular-vd-wrap .section-bd {
  width: 100%;
  max-width: 1280px;
  overflow: hidden;
}

.popular-vd-wrap .vd-item-list {
  /* width: 4200px; */
  overflow: hidden;
  display: flex;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.popular-vd-wrap .vd-item-list .vd-item {
  width: 100%;
  display: grid;
  grid-template-columns: 15.83% 15.83% 15.83% 15.83% 15.83% 15.83%;
  grid-gap: 1%;
}

.popular-vd-wrap .popular-vd-item.active .video-box {
  display: block;
}

.popular-vd-wrap .popular-vd-item .vd-pic-wrap {
  height: 100%;
  /* margin-bottom: 12px; */
}

.popular-vd-wrap .popular-vd-item .video-box {
  width: 203px;
  height: 203px;
  border-radius: 10px;
  background-color: #000;
  overflow: hidden;
  margin-bottom: 12px;
  display: none;
}

.popular-vd-wrap .popular-group-item {
  width: 340px;
  height: 324px;
  padding: 14px;
  border-radius: 8px;
  background-color: #f7f6f6;
}

.popular-vd-wrap .popular-group-item .title {
  font-size: 18px;
  font-weight: 700;
}

.popular-vd-wrap .popular-group-item .group-list {
  display: grid;
  grid-template-columns: 150px 150px;
  grid-gap: 12px;
  margin-top: 16px;
  margin-bottom: 24px;
}

.popular-vd-wrap .popular-group-item .vd-pic-wrap {
  width: 150px;
  height: 80px;
}

.popular-vd-wrap .popular-group-item .more-btn {
  height: 54px;
  font-size: 18px;
  font-weight: 700;
  color: #00277a;
  border: 1px solid #00277a;
  background-color: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.popular-vd-wrap .popular-group-item .more-btn:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.latest-vd-wrap .section-hd {
  width: 100%;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.latest-vd-wrap .hd-page {
  display: flex;
  align-items: center;
  margin-right: 20px;
}

.latest-vd-wrap .hd-page .page-btn {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../images/vd_sprite.png?v=20250512);
  background-repeat: no-repeat;
  background-size: 600px 300px;
  border-radius: 50%;
}

.latest-vd-wrap .hd-page .page-btn.prev {
  margin-right: 14px;
  background-position: -274px -77px;
}

.latest-vd-wrap .hd-page .page-btn.prev:hover {
  background-position: -342px -77px;
}

.latest-vd-wrap .hd-page .page-btn.next {
  background-position: -308px -77px;
}

.latest-vd-wrap .hd-page .page-btn.next:hover {
  background-position: -376px -77px;
}

.latest-vd-wrap .section-bd {
  width: 100%;
  /* padding: 0 35px; */
  overflow: hidden;
}

.latest-vd-wrap .vd-item-list {
  /* width: 3420px; */
  /* width: 1480px; */
  width: 100%;
  height: 320px;
  /* padding-top: 40px; */
  display: flex;
  transition: all 0.3s;
}

.latest-vd-wrap .vd-item-list .latest-vd-item {
  margin-right: 2%;
}

.latest-vd-wrap .vd-item-list .latest-vd-item:last-child {
  margin-right: 0;
}

.hot-vd-wrap {
  padding-top: 38px;
  background-color: rgba(255, 228, 218, 0.2);
}

.hot-vd-wrap .section-hd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.hot-vd-wrap .section-bd {
  display: grid;
  grid-template-columns: 32.66% 32.66% 32.66%;
  grid-gap: 1%;
  padding-bottom: 1%;
}

.hot-vd-wrap .hd-link .link:hover {
  color: #00277a;
}

.verified-vd-wrap {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: rgba(255, 228, 218, 0.2);
}

.verified-vd-wrap .section-hd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.verified-vd-wrap .section-bd {
  display: flex;
  justify-content: space-between;
}

.verified-vd-wrap .verified-vd-tab-hd {
  width: 29%;
  margin-right: 1%;
  display: none;
}

.verified-vd-wrap .verified-vd-tab-bd {
  flex: 1;
  padding-bottom: 2%;
  overflow: hidden;
}

.verified-vd-wrap .verified-con-wrap {
  width: 100%;
  /* display: grid;
  grid-template-columns: 32% 32% 32%;
  grid-gap: 2%; */
}

.verified-tab-item {
  width: 100%;
  height: 124px;
  padding: 12px 16px;
  border-radius: 8px;
  background-color: #fff;
  margin-bottom: 12px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.verified-tab-item:last-child {
  margin-bottom: 0;
}

.verified-tab-item.active,
.verified-tab-item:hover {
  background-color: #00277a;
  color: #fff;
}

.verified-tab-item.active a,
.verified-tab-item:hover a,
.verified-tab-item.active h3,
.verified-tab-item:hover h3 {
  color: #fff;
}

.verified-tab-item.active .pic-con .pic,
.verified-tab-item:hover .pic-con .pic {
  transform-origin: center center;
  transform: scale(1.1);
}

.verified-tab-item .text-con {
  flex: 1;
  overflow: hidden;
}

.verified-tab-item .text-con .title {
  display: block;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 20px;
}
.verified-tab-item .text-con .title:hover {
  color: #fff;
}
.verified-tab-item .text-con .title > h3 {
  font-size: 16px;
  max-height: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: bold;
}
.verified-tab-item .text-con > h3 {
  font-size: 14px;
}
.verified-tab-item .text-con > h3 a {
  display: block;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
  max-height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.verified-tab-item .text-con > h3:last-child {
  margin-bottom: 0;
}

.verified-tab-item .pic-con {
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 8px;
  overflow: hidden;
  background-color: #d3d3d3;
  margin-left: 16px;
}

.verified-tab-item .pic-con .pic {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.2s;
}

.verified-con-item {
  width: 32%;
  margin-right: 2%;
  margin-bottom: 2%;
  float: left;
  height: 344px;
  padding: 16px 12px;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #fff;
  position: relative;
}
.verified-con-item:nth-child(3n){
  margin-right: 0;
}

.verified-con-item:before {
  content: "";
  position: absolute;
  right: 6px;
  bottom: 6px;
  z-index: 0;
  width: 97px;
  height: 97px;
  border-radius: 50%;
  background: url(../images/vd_sprite.png?v=20250512) no-repeat -16px -182px;
  background-size: 600px 300px;
  display: none;
}

.verified-con-item.active,
.verified-con-item:hover {
  border-color: #00277a;
}

.verified-con-item.active:after,
.verified-con-item:hover:after {
  background-position: -136px -182px;
}

.verified-con-item.active .pic-con .video-wrap .vd-pic-wrap,
.verified-con-item:hover .pic-con .video-wrap .vd-pic-wrap {
  display: none;
}

.verified-con-item.active .pic-con .video-box,
.verified-con-item:hover .pic-con .video-box {
  display: block;
}

.verified-con-item .pic-con {
  display: flex;
  justify-content: space-between;
}

.verified-con-item .pic-con .video-wrap {
  display: block;
  width: 100%;
  height: 182px;
  border-radius: 8px;
  background-color: #d3d3d3;
  overflow: hidden;
}

.verified-con-item .pic-con .video-wrap .vd-pic-wrap {
  width: 100%;
  height: 100%;
}

.verified-con-item .pic-con .video-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border: 1px solid #eee;
  box-sizing: border-box;
}

.verified-con-item .pic-con .video-box {
  width: 324px;
  height: 182px;
  background-color: #000;
  border-radius: 10px;
  overflow: hidden;
  display: none;
}

.verified-con-item .pic-con .pic-items {
  width: 120px;
  height: 182px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.verified-con-item .pic-con .pic-items .vd-pic-wrap {
  width: 120px;
  height: 86px;
}

.verified-con-item .text-con {
  position: relative;
  z-index: 5;
  margin-top: 20px;
}

.verified-con-item .text-con .title-row {
  display: flex;
  align-items: center;
}

.verified-con-item .text-con .title-row .title {
  font-size: 16px;
  font-weight: 700;
}

.verified-con-item .text-con .title-row .title > h3 {
  font-size: 16px;
  line-height: 1.5em;
  font-weight: bold;
}

.verified-con-item .text-con .title-row .icons {
  display: inline-flex;
  align-items: center;
  width: 130px;
  margin-left: 12px;
}

.verified-con-item .text-con .title-row .verified-icon {
  display: inline-block;
  width: 51px;
  height: 18px;
  background: url(../images/vd_sprite.png?v=20250512) no-repeat -439px -182px;
  background-size: 600px 300px;
}

.verified-con-item .text-con .title-row .year-icon {
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  color: #ff8d6b;
  margin-left: 12px;
}

.verified-con-item .text-con .title-row .year-icon:after {
  content: "";
  display: inline-block;
  width: 36px;
  height: 12px;
  margin-left: 4px;
  background-color: #d3d3d3;
  background: url(../images/vd_sprite.png?v=20250512) no-repeat -505px -186px;
  background-size: 600px 300px;
}

.verified-con-item .text-con .tags {
  height: 32px;
  margin-top: 16px;
  margin-bottom: 20px;
}

.verified-con-item .text-con .tags .tag {
  display: inline-flex;
  align-items: center;
  height: 32px;
  padding: 0 15px;
  border: 1px solid #999;
  border-radius: 6px;
  color: #777;
  margin-right: 12px;
}

.verified-con-item .text-con .tags .tag:last-child {
  margin-right: 0;
}

.verified-con-item .text-con .tags .tag:hover {
  cursor: pointer;
  border-color: #00277a;
  color: #00277a;
}

.verified-con-item .text-con .classify {
  display: flex;
  align-items: center;
}

.verified-con-item .text-con .classify .icon {
  display: inline-block;
  width: 13px;
  height: 16px;
  background: url(../images/vd_sprite.png?v=20250512) no-repeat -189px -133px;
  background-size: 600px 300px;
  margin-right: 12px;
}

.verified-con-item .text-con .classify .name {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #777;
}

.verified-con-item .text-con .classify .name a:hover {
  color: #00277a;
}

.verified-con-item .text-con .classify .name h3 {
  display: inline;
  font-weight: 400;
  font-size: 14px;
}

.verified-con-item .text-con .count {
  display: flex;
  align-items: center;
  margin-top: 14px;
  color: #777;
}

.verified-con-item .text-con .count .videos {
  display: flex;
  align-items: center;
  margin-right: 35px;
  text-transform: lowercase;
}

.verified-con-item .text-con .count .videos .icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 12px;
  background: url(../images/vd_sprite.png?v=20250512) no-repeat -87px -133px;
  background-size: 600px 300px;
}

.verified-con-item .text-con .count .count_products {
  margin-right: 35px;
  display: flex;
  align-items: center;
}

.verified-con-item .text-con .count .count_products .icon {
  display: inline-block;
  width: 16px;
  height: 14px;
  margin-right: 8px;
  background: url(../images/vd_sprite.png?v=20250512) no-repeat -53px -132px;
  background-size: 600px 300px;
}

.verified-con-item .text-con .count .views {
  display: flex;
  align-items: center;
}

.verified-con-item .text-con .count .views .icon {
  display: inline-block;
  width: 16px;
  height: 11px;
  margin-right: 12px;
  background: url(../images/vd_sprite.png?v=20250512) no-repeat -120px -134px;
  background-size: 600px 300px;
}

.vr-vd-wrap {
  padding-top: 32px;
  padding-bottom: 20px;
}

.vr-vd-wrap .section-hd {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.vr-vd-wrap .section-bd {
  display: flex;
  justify-content: space-between;
}

.vr-vd-wrap .hd-link .link:hover {
  color: #00277a;
}

.like-vd-wrap {
  padding-top: 20px;
  padding-bottom: 25px;
}

.like-vd-wrap .section-hd {
  margin-bottom: 26px;
}

.like-vd-wrap .section-bd {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(222px, 1fr));
  grid-gap: 12px;
}

.like-vd-item {
  width: 222px;
  background-color: #f7f6f6;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.like-vd-item .vd-pic-wrap {
  width: 222px;
  height: 222px;
  border-radius: 0;
}

.like-vd-item .like-vd-con {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 10px;
}

.like-vd-item .like-vd-con .title {
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  margin-bottom: 10px;
}

.like-vd-item .like-vd-con .title > h3 {
  font-size: 14px;
}

.like-vd-item .like-vd-con .title:hover {
  color: #00277a;
}

.like-vd-item .like-vd-con .link {
  display: inline-block;
  width: 100%;
  height: 44px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #00277a;
  color: #fff;
}

.like-vd-item .like-vd-con .link:hover {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.qs-wrap {
  padding-top: 32px;
  padding-bottom: 36px;
  background-color: rgba(255, 228, 218, 0.2);
}

.qs-wrap .section-bd {
  display: flex;
  justify-content: space-between;
}

.qs-wrap .pic-con {
  display: block;
  width: 700px;
  height: 500px;
}

.qs-wrap .pic-con .pic {
  width: 100%;
  object-fit: contain;
}

.qs-wrap .form-con {
  flex: 1;
  padding: 40px 50px 40px 30px;
  background-color: #fff;
  border-radius: 0 10px 10px 0;
  overflow: hidden;
}

.qs-wrap .form-con .title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 24px;
}

.qs-wrap .form-con .desc {
  color: #333;
  margin-bottom: 42px;
}

.qs-wrap .form-row {
  height: 60px;
}

.qs-wrap .form-row.combine-row2 {
  display: flex;
}

.qs-wrap .form-row.combine-row2 .input-col {
  width: 50%;
  margin-right: 10px;
}

.qs-wrap .form-row.combine-row2 .input-col:last-child {
  margin-right: 0;
}

.qs-wrap .form-row.radio-row {
  height: 40px;
}

.qs-wrap .form-row.submit-row {
  padding-top: 42px;
  position: relative;
}

.qs-wrap .form-row.submit-row .tips {
  position: absolute;
  left: 0;
  top: 15px;
  width: 100%;
  height: 14px;
  text-align: center;
  color: #e02020;
}

.qs-wrap .input-col {
  width: 100%;
}

.qs-wrap .radio-group {
  display: flex;
  align-items: center;
}

.qs-wrap .radio-group .radio-btn {
  display: inline-flex;
  align-items: center;
  height: 40px;
  padding: 0 30px;
  border-radius: 6px;
  border: 1px solid #e4e4e7;
  color: #777;
  margin-right: 10px;
  cursor: pointer;
}

.qs-wrap .radio-group .radio-btn:last-child {
  margin-right: 0;
}

.qs-wrap .radio-group .radio-btn.error {
  border-color: #e02020;
  color: #e02020;
}

.qs-wrap .radio-group .radio-btn.active {
  border-color: #00277a;
  color: #00277a;
}

.submit-btn {
  width: 100%;
  height: 54px;
  border-radius: 6px;
  background-color: #00277a;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
}

.submit-btn:hover {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.input {
  width: 100%;
  height: 40px;
  padding: 10px 20px;
  border-radius: 6px;
  font-size: 14px;
  color: #333;
  border: 1px solid #e4e4e7;
  background-color: #fff;
}

.input:focus {
  border-color: #00277a;
}

.input.error {
  border-color: #e02020;
  color: #e02020;
}

.search-wrap {
  padding-bottom: 40px;
  background-color: rgba(255, 228, 218, 0.2);
}

.search-wrap .section-hd {
  margin-bottom: 35px;
}

.search-wrap .section-bd .tag {
  display: inline-flex;
  align-items: center;
  height: 36px;
  padding: 0 26px;
  border: 1px solid #e4e4e7;
  background-color: #fff;
  color: #777;
  border-radius: 6px;
  margin-right: 6px;
  margin-bottom: 8px;
}

.search-wrap .section-bd .tag > h3 {
  font-size: 14px;
  font-weight: 400;
}

.search-wrap .section-bd .tag:hover {
  border-color: #00277a;
  color: #00277a;
}

.trade-alert-wrap {
  padding: 35px 0;
}

.trade-alert-wrap .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.trade-alert-wrap .inner .title {
  font-size: 24px;
}

.trade-alert-wrap .form-row {
  display: flex;
  align-items: center;
}

.trade-alert-wrap .form-row .btn {
  display: inline-block;
  width: 128px;
  height: 40px;
  font-size: 14px;
  font-weight: 700;
  border-radius: 6px;
  background-color: #00277a;
  border: none;
  color: #fff;
  margin-left: 10px;
}

.section-wrap h3 {
  color: #333;
}
.verified-tab-item .active h3 {
  color: #fff !important;
}

.index-righticon {
  background-color: #ff8d6b;
  border-radius: 50px;
  box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);
  position: fixed;
  right: 0px;
  top: 40%;
  transform: translateY(-50%);
  z-index: 999999999999;
}

.index-righticon .kf-item {
  border-radius: 50px;
  position: relative;
  width: 45px;
  height: 45px;
  display: block;
  line-height: 0;
  font-size: 0;
  margin-bottom: 2px;
  background-color:#ff8d6b;
}

.index-righticon .kf-item img {
  width: 18px;
}

.index-righticon .kf-item:hover {
  opacity: 0.8;
  filter: Alpha(opacity=0.8);
}

.index-righticon .kf-item:last-of-type {
  margin-bottom: 0;
}

.index-righticon .kf-item .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.btn_and_returntop .return-top {
  background-color: #3c3a98;
  position: fixed;
  right: 0px;
  bottom: 70px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  cursor: pointer;
}

.btn_and_returntop .return-top .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.btn_and_returntop .return-top img {
  width: 24px;
}

.btn_and_returntop .return-top:hover {
  opacity: 0.8;
  filter: Alpha(opacity=0.8);
}
.rightfixed-xunpan{
  position: fixed;
  right: 0;
  bottom:0;
  background: #fff;
  border: 1px solid #eee;
  z-index: 9999999999999;
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.rightfixed-xunpan .zxlxCons{
  width: 400px;
  padding: 0;
}
.rightfixed-xunpan .zxlxCons .lytop{
  position: relative;
  padding: 0;
  text-align: center;
}
.rightfixed-xunpan .zxlxCons .lytop h3{
  color: #fff;
  font-size: 18px;
  line-height: 40px;
  background: #ff8d6b;
  font-weight: bold;
}
.rightfixed-xunpan .zxlxCons .lytop i{
  position: absolute;
  right: 15px;
  top:50%;
  transform: translateY(-50%);
  font-size: 28px;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.rightfixed-xunpan .zxlxCons .lxdh span{
  width: 140px;
  font-size: 13px;
  padding-right: 0;
}
.rightfixed-xunpan .zxlxCons .order-searchinput,.rightfixed-xunpan .ipt-con textarea{
  width: 240px;
  border: 1px solid #e1e1e1;
    display: inline-block;
    vertical-align: middle;
    color: #333;
    padding: 0 8px;
    font-size: 14px;
    height: 38px;
    border-radius: 3px;

}
.rightfixed-xunpan .zxlxCons .ipt-con p{
  padding-right:0
}

.rightfixed-xunpan .zxlxCons .btn-con button{
  width: 90%;
  margin-top: 0;
  margin-bottom: 10px;
}
.rightfixed-xunpan .ipt-con{
  width: 96%;
}
.rightfixed-xunpan .zxlxCons .lxdh {
  overflow: hidden;
  margin-top: 10px;
  font-size: 0;
}
.rightfixed-xunpan .zxlxCons .lxdh span {
  display: inline-block;
  width: 140px;
  font-size: 13px;
  color: #999;
  text-align: right;
  vertical-align: top;
  padding-right: 0;
  padding-top: 12px;
}
.rightfixed-xunpan .zxlxCons select {
  border: 1px solid #e1e1e1;
  width: 80px;
  display: inline-block;
  vertical-align: middle;
  color: #333;
  padding: 0 8px;
  font-size: 14px;
  height: 38px;
  margin-left: 10px;
  background: #fff;
}
.message-add2 {
    display: block!important;
    width: 90%;
    padding: 0!important;
    height: 35px!important;
    line-height: 35px!important;
    display: block;
    margin: 0 auto 15px!important;
    font-size: 14px;
    cursor: pointer;
    color:#fff;
    background: #ff8d6b!important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.swiper-pagination-formright .swiper-pagination-bullet{
  background: #fff;
}
.swiper-container-formright{
  margin-top: 180px;
}
.swiper-container-Source-Manufactures .swiper-slide{
  width: 100%!important;
}
.swiper-container-Source-Manufactures .swiper-button-prev,.swiper-button-next{display:none}
.swiper-container-Procurement-Information{
  width: 60%;float:left;
}
.swiper-pagination-Procurement-Information .swiper-pagination-bullet{
  background: #fff;
  opacity: .8;
}
.swiper-pagination-Procurement-Information .swiper-pagination-bullet-active{
   background: #ff8d6b;
   opacity:1;
}
.swiper-pagination-Source-Manufactures{
  bottom: 0!important;
}
.ccsj{ float:left; width:40%; overflow:hidden;}
.ccsj .ccsj-list{width:100%; margin:0 auto; }
.ccsj .ccsj-list li{ overflow:hidden; font-size:12px;}
.ccsj .ccsj-list li span{ float:right;}
.ccsj .ccsj-list li p{ float:left;text-overflow: ellipsis;white-space: nowrap;width: 20em;width: 325px;overflow: hidden;}
.ccsj .ccsj-list table{ width:100%; text-align:center;border-collapse: collapse; border-spacing: 0; border:0}
.ccsj .ccsj-list table .tbg{height: 36px;background: #ff8d6b;text-align: center;color: #fff;}
.ccsj .ccsj-list table tr .sj1{ width:30%;}
.ccsj .ccsj-list table tr .sj2{ width:20%; display:none}
.ccsj .ccsj-list table tr .sj3{ width:35%;}
.ccsj .ccsj-list table tr .sj4{ width:35%;}
.ccsj .ccsj-list table tr td,.ccsj .ccsj-list table tr th{ height:35px; padding: 0; text-align:center; border: none;}
/* .gdnews{width:100%;height:145px;margin:0 auto; clear:both; overflow:hidden;}
.gdnews ul li{ height:145px;} */
.gdnewss{width:100%;height:350px;margin:0 auto; clear:both; overflow:hidden;}
.gdnewss ul li{ height:350px;}


@media screen and (max-width: 750px) {
  .swiper-container-Procurement-Information,.ccsj{
    width:100%;
  }

  .swiper-container-formright{
    margin-top: 0;
  }
  .rightfixed-xunpan{
    display: none;
  }
  .banner-wrap .swiper-item {
    padding: 92px 20px 0;
  }

  .banner-wrap .swiper-item .hot-videos {
    padding: 0 20px;
  }

  .section-wrap .inner {
    padding: 0 20px;
  }

  .popular-vd-wrap .vd-item-list .vd-item {
    width: 100%;
    grid-template-columns: 48% 48%;
    padding-bottom: 22%;
  }
  .popular-vd-item {
    width: 100%;
    height: 15rem;
  }
  .popular-vd-item .video-wrap {
    width: 100%;
  }
  .popular-vd-wrap .popular-vd-item .vd-pic-wrap,
  .popular-vd-item .video-wrap {
    height: 9rem;
  }
  .popular-vd-wrap .vd-item-list {
    display: block;
  }
  .latest-vd-item .vd-pic-wrap {
    width: 100%;
    height: 210px !important;
  }
  .latest-vd-wrap .hd-page,
  .popular-vd-wrap .hd-page {
    display: none;
  }

  .banner-wrap {
    min-width: 100%;
  }
  .banner-wrap .swiper-wrap,
  .banner-wrap .swiper-item {
    width: 100%;
  }.swiper-container-Procurement-Information
  .banner-wrap .swiper-item {
    padding: 40px 20px 0;
  }
  .banner-wrap .swiper-item .title {
    font-size: 22px;
    min-width: 100%;
  }
  .banner-wrap .swiper-item .btn {
    width: auto;
    height: 30px;
    font-size: 14px;
  }
  .banner-wrap .swiper-item .video-items {
    display: inline-block;
    padding-left: 0;
  }

  .banner-wrap {
    height: 475px;
    position: relative;
  }

  .banner-wrap .swiper-piclist-wrap {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 475px;
    overflow: hidden;
  }

  .banner-wrap .swiper-piclist-wrap .banner-pic {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 475px;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.3s;
    filter: brightness(0.8);
  }

  .banner-wrap .swiper-piclist-wrap .banner-pic.active {
    opacity: 1;
  }

  .banner-wrap .swiper-wrap {
    width: 100vw;
    height: 475px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    overflow: hidden;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }

  .banner-wrap .swiper-list-wrap {
    height: 100%;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
  }

  .banner-wrap .swiper-item {
    float: left;
    width: 100vw;
    height: 100%;
    padding: 20px 10px 0;
    transition: all 1s;
    position: relative;
  }
  .banner-wrap .swiper-item .video-item .mask .video-title {
    display: none;
  }
  .banner-wrap .swiper-item .title {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    color: #fff;
  }

  .banner-wrap .swiper-item .title .green {
    /* color: #00277a; */
  }

  .banner-wrap .swiper-item .tags {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .banner-wrap .swiper-item .tags .tag {
    height: 26px;
    padding: 5px 10px;
    margin-right: 10px;
    font-size: 14px;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .banner-wrap .swiper-item .tags .tag.green {
    /* background-color: #00277a; */
  }

  .banner-wrap .swiper-item .desc {
    font-size: 12px;
    line-height: 14px;
    color: #fff;
  }

  .banner-wrap .swiper-item .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 32px;
    font-size: 12px;
    font-weight: 700;
    margin-top: 20px;
    background: #ff8d6b;
    /* background: url(https://img.ecerimg.com/image/ecv/btn_bg.png) 0 0 no-repeat; */
    background-size: contain;
    color: #fff;
    
  }

  .banner-wrap .swiper-item .btn .icon {
    font-size: 20px;
    color: #fff;
    line-height: 1;
    font-weight: 400;
    margin-right: 10px;
  }

  .banner-wrap .swiper-item .btn .icon-arrow1-r {
    color: #fff;
    font-weight: 400;
    margin-left: 12px;
  }

  .banner-wrap .swiper-item .hot-videos {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 10px;
    border-radius: 10px 10px 0 0;
    background-color: rgba(0, 0, 0, 0.4);
    box-sizing: border-box;
  }

  .banner-wrap .swiper-item .hot-videos .hot-videos-title {
    font-size: 12px;
    color: #fff;
    margin-bottom: 8px;
  }

  .banner-wrap .swiper-item .video-items {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }

  .banner-wrap .swiper-item .video-item {
    width: 31.3333333333%;
    height: 60px;
    /* background-color: #d3d3d3; */
    border-radius: 5px;
    position: relative;
    overflow: hidden;
  }
  .banner-wrap .swiper-item .video-item:nth-child(n+4){
    display:none
  }

  .banner-wrap .swiper-item .video-item .pic {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .banner-wrap .swiper-item .video-item .time {
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    padding: 0 4px;
    border-radius: 4px;
    background-color: rgba(12, 43, 4, 0.6);
    color: #fff;
    position: absolute;
    right: 5px;
    bottom: 5px;
  }
  .latest-vd-wrap .section-bd {
    width: 100%;
    overflow-x: scroll;
    display: -webkit-box;
    -webkit-overflow-scrolling: touch;
  }
  .latest-vd-wrap .section-bd::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
  }

  .latest-vd-wrap .vd-item-list {
    width: 100%;
    height: auto;
    display: block;
    padding-top: 0;
  }
  .hot-vd-wrap {
    width: 100%;
  }

  .hot-vd-wrap .section-bd {
    grid-template-columns: 100%;
    grid-gap: 10px;
  }

  .hot-vd-item {
    width: 100%;
  }

  .verified-vd-wrap {
    width: 100%;
  }

  .verified-vd-wrap .verified-vd-tab-hd {
    width: 330px;
    margin-right: 15px;
  }

  .verified-vd-wrap .verified-con-wrap {
    grid-template-columns: 505px 505px;
    grid-gap: 15px;
  }

  .verified-tab-item {
    width: 330px;
  }

  .verified-con-item {
    height: 314px;
  }

  .verified-con-item .pic-con .video-wrap {
    width: 305px;
  }

  .verified-con-item .pic-con .video-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .verified-con-item .pic-con .video-box {
    width: 305px;
  }

  .verified-vd-wrap .section-bd {
    display: block;
  }
  .verified-vd-wrap .verified-vd-tab-bd {
    flex: 0;
  }
  .verified-con-item {
    width: 100%;
    margin-bottom: 10px;
  }
  .verified-vd-wrap .verified-con-wrap {
    grid-template-columns: 100%;
    grid-gap: 0;
  }
  .verified-tab-item .pic-con,
  .verified-tab-item .text-con > h3 {
    display: none;
  }
  .verified-tab-item .text-con .title {
    margin-bottom: 0;
  }
  .verified-vd-wrap .verified-vd-tab-hd {
    margin-right: 0;
    width: 100%;
    overflow: hidden;
    overflow-x: scroll;
    display: -webkit-box;
    -webkit-overflow-scrolling: touch;
    display: none!important;
  }
  .verified-vd-wrap .verified-vd-tab-hd::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
  }
  .verified-tab-item {
    width: auto;
    height: 38px;
    line-height: 38px;
    padding: 0 10px;
    display: inline-block;
    float: left;
    border: 1px solid #ccc;
    margin-right: 10px;
    box-sizing: border-box;
  }
  .verified-tab-item .text-con .title > h3 {
    max-height: 36px;
  }
  .verified-tab-item .text-con .title {
    line-height: 36px;
  }
  .verified-con-item .pic-con .video-wrap {
    width: 68%;
    height: 152px;
  }
  .verified-con-item .pic-con .pic-items .vd-pic-wrap {
    width: 152px;
    height: 72px;
  }
  .verified-con-item .pic-con .pic-items {
    height: 152px;
    width: 30%;
  }
  .verified-con-item .pic-con .pic-items .vd-pic-wrap {
    width: 100%;
  }

  .qs-wrap {
    width: 100%;
  }

  .search-wrap {
    width: 100%;
  }

  .footer-wrap {
    width: 100%;
  }

  .footer-wrap .inner {
    padding: 0 20px;
  }
}

.verified-con-item .pic-con .video-wrap.company-img-wrap .vd-pic-wrap {
  display: block;
}

.verified-con-item .pic-con .video-wrap.company-img-wrap .vd-pic-wrap img {
  transition: all 0.3s ease-in-out;
}

.verified-con-item
  .pic-con
  .video-wrap.company-img-wrap
  .vd-pic-wrap
  img:hover {
  transform: scale(1.1);
}

.verified-con-item .vd-pic-wrap .pic {
  transition: all 0.3s ease-in-out;
}

.verified-con-item .vd-pic-wrap .pic:hover {
  transform: scale(1.1);
}

@media screen and (max-width: 750px) {
  .latest-vd-item {
    width: 100%;
    height: 280px;
    margin-right: 5% !important;
  }
  .section-wrap .inner,
  .popular-vd-wrap .section-bd,
  .popular-vd-wrap .vd-item-list {
    width: 100%;
  }
  .section-wrap .section-hd .hd-title {
    font-size: 24px;
  }

  .bnswiper {
    height: 550px;
  }
  .bnswiper .swiper-button-next,
  .bnswiper .swiper-button-prev {
    display: none;
  }
  .bnswiper .gutters-grid {
    width: 90%;
    text-align: left;
  }

  .spswiper .swiper-pagination {
    display: block;
  }
  .qyswiper {
    width: 94%;
    margin: 0 auto;
  }
  .home-page .product-box .product-center .content {
    width: 94%;
    margin: 20px auto 0;
  }
  .spzs {
    padding-bottom: 30px;
  }
  .bsr .bsr-left,
  .bsr .bsrimg {
    width: 90%;
    margin: 0 auto;
    float: none;
    display: block;
  }
  .bsr .bsr-left h2,
  .home-page .home-title .text,
  .new-user-business-floor .business-floor-title {
    font-size: 24px;
  }
  .ranking-card-box .ranking-title,
  .new-arrival-box .new-arrival-title,
  .saving-spotlight-box .saving-spotlight-title {
    font-size: 20px;
  }
  .bsr .sixcp li {
    height: 110px;
  }
  .bsr .sixcp li:nth-child(3) .qytext h3,
  .bsr .sixcp li:nth-child(5) .qytext h3 {
    line-height: 16px;
  }
  .bsr .sixcp li .center,
  .bsr .sixcp li .center span,
  .bsr .sixcp li .center span img {
    height: 40px;
  }
  .bsr .sixcp li .qytext h3 {
    font-size: 12px;
  }
  .home-page .product-box {
    padding: 50px 0 0 !important;
  }
  .home-page .product-box .product-center .content {
    padding: 30px 20px 20px;
  }
  .home-page .product-box .product-center .content .product-item {
    width: 48%;
    margin: 0 2% 2% 0;
  }
  .home-page .product-box .product-center .content .product-item:nth-child(2n),
  .home-page
    .product-box
    .product-center
    .content
    .product-item:nth-child(10n) {
    margin-right: 0 !important;
  }
  .home-page
    .product-box
    .product-center
    .content
    .product-item:nth-of-type(5n) {
    margin-right: 2%;
  }
  .news {
    margin-bottom: 0;
  }
  .cms-header-search .h-btn-search {
    right: 15px !important;
  }
  .cms-header-search input {
    width: 150px !important;
    padding: 0 8px !important;
  }
  .cms-menu-link {
    color: #3c3a98 !important;
  }

  .cms-navigation-attrs {
    display: block;
  }

  .suppliers {
    padding: 20px 0 5px;
  }
  .sixqy li {
    margin: 0 5px;
  }
  .global-partner ul li a img {
    max-width: 100%;
  }
  .new-user-business-floor {
    padding: 50px 3%;
  }

  .ranking-card-box,
  .new-arrival-box {
    margin: 0 auto 30px;
  }
  .ranking-card-box,
  .new-arrival-box,
  .saving-spotlight-box {
    width: 100%;
    float: none;
  }
  .Cross ul {
    overflow-x: scroll;
    display: -webkit-box;
    -webkit-overflow-scrolling: touch;
  }

  .Cross ul::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
  }

  .Cross ul li {
    width: 210px;
    padding: 10px;
    box-sizing: border-box;
    margin-right: 20px;
    position: relative;
  }
  .Cross ul li::after {
    content: "";
    display: block;
    position: absolute;
    right: -38px;
    top: 30px;
    width: 60px;
    height: 41px;
    background: url(https://zt.ibuychem.com/crossborder/images/img_03.png)
      no-repeat center;
    background-size: 39px 27px;
  }
  .Cross ul li:last-child::after {
    display: none;
  }
  .Cross ul li:nth-child(4n) {
    margin-right: 0;
  }
  .Cross ul li img {
    margin: 0 auto 10px;
    width: 50px;
  }
  .Cross ul li h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
  }
  .Cross ul li p {
    font-size: 14px;
    line-height: 20px;
    color: #666;
    width: 80%;
    margin: 0 auto;
  }
  .footer {
    background: url(../images/footerbg.png) no-repeat center top #3b3a98;
    overflow: hidden;
    color: #fff;
    font-size: 16px;
    line-height: 32px;
    padding: 30px 0;
    box-sizing: border-box;
  }
  .footer ul li a {
    color: #fff;
  }
  .footer-right .footer-left-ul1 {
    margin-bottom: 140px;
    margin-top: 80px;
    display: none;
  }
  .footer-right img {
    width: 150px;
    margin-bottom: 10px;
  }
  .footer-right .footer-left-ul2 {
    overflow: hidden;
    width: 94%;
    margin: 0 0 30px;
    font-size: 24px;
  }
  .footer-right .footer-left-ul2 li {
    display: inline-block;
    font-size: 18px;
    margin-right: 20px;
    position: relative;
  }
  .footer-left {
    width: auto;
    float: none;
  }
  .footer-left .footer-left-ul1 {
    margin-bottom: 140px;
    margin-top: 80px;
    display: none;
  }
  .footer-left img {
    width: 150px;
    margin-bottom: 10px;
  }
  .footer-left .footer-left-ul2 {
    overflow: hidden;
    width: 94%;
    margin: 0 0 30px;
    font-size: 24px;
  }
  .footer-left .footer-left-ul2 li {
    display: inline-block;
    font-size: 18px;
    margin-right: 20px;
    position: relative;
  }
  .footer-left .footer-left-ul2 li::after {
    position: absolute;
    right: -10px;
    content: "";
    display: block;
    top: 10px;
    width: 1px;
    height: 12px;
    background: #fff;
    display: none !important;
  }
  .footer-left .footer-left-ul2 li:last-child::after {
    display: none;
  }
  .footer-left .footer-left-ul2 i {
    display: inline-block;
    width: 1px;
    height: 9px;
    background: #fff;
    margin: 10px 7px 0;
  }
  .footer-left .footer-right-ul3 {
    background-size: 17px 22px;
    padding-left: 30px;
    margin-top: 0;
    font-size: 14px;
    margin-bottom: 80px;
  }
  .bsr {
    padding-bottom: 50px;
  }
  .bsr .bsrimg {
    display: none;
  }
  .footer .row {
    bottom: 20px;
  }
  .footer-right {
    width: 100%;
    margin: 0 auto;
    float: none;
  }
  .footer-right h3 {
    font-size: 20px;
  }
  .footer-right .line2 {
    display: block;
    width: 120px;
    height: 1px;
    background: #fff;
    margin: 5px 0 10px;
  }
  .footer-right p {
    font-size: 14px;
  }
  .footer-right .footer-right-ul1 {
    font-size: 14px;
    padding-left: 30px;
    background: url(https://zt.ibuychem.com/crossborder/images/img__08.png)
      no-repeat 0 8px;
    background-size: 18px 17px;
    margin-bottom: 0;
  }
  .footer-right .footer-right-ul2 {
    font-size: 14px;
    padding-left: 30px;
    background: url(https://zt.ibuychem.com/crossborder/images/img_09.png)
      no-repeat 0 9px;
    background-size: 17px 12px;
    margin-bottom: 0;
  }
  .footer-right .footer-right-ul3 {
    font-size: 14px;
    padding-left: 30px;
    margin-bottom: 30px;
    background: url(https://zt.ibuychem.com/crossborder/images/img_22.png)
      no-repeat 0 9px;
    background-size: 12px 15px;
  }
  .elementor-93 .elementor-element.elementor-element-b939636 {
    margin-bottom: 70px !important;
  }
}
@media screen and (max-width: 352px) {
  .cms-header-search input {
    width: 118px !important;
    padding: 0 8px !important;
  }
  .cms-header-search .h-btn-search {
    right: 15px !important;
  }
  .elementor-93 .elementor-element.elementor-element-b939636 {
    margin-bottom: 70px !important;
  }
}
.video-img {
  width: 37% !important;
  margin-right: 3% !important;
}
.video-text {
  width: 60% !important;
}
@media screen and (max-width: 750px) {
  .video-text,
  .video-img {
    width: 100% !important;
    float: none;
  }
}