/** Shopify CDN: Minification failed

Line 5524:1 Expected "}" to go with "{"

**/
.section-footer-mob .list-nav{z-index:5;position:relative;}

[v-cloak] {
  display: none;
}

@font-face {
  font-family: "din";
  src: url(../font/DIN-Bold.ttf);
}

.header__icon {
  height: auto;
  width: auto;
}

.floatLeft {
  float: left !important;
}

.floatRight {
  float: right !important;
}

.marginNone {
  margin: 0 !important;
}

.marginLeft0 {
  margin-left: 0 !important;
}

.marginRight0 {
  margin-right: 0 !important;
}

.marginTop0 {
  margin-top: 0 !important;
}

.marginBottom0 {
  margin-bottom: 0 !important;
}

.padding0 {
  padding: 0 !important;
}

.paddingLeft0 {
  padding-left: 0 !important;
}

.paddingRight0 {
  padding-right: 0 !important;
}

.paddingTop0 {
  padding-top: 0 !important;
}

.paddingBottom0 {
  padding-bottom: 0 !important;
}

.displayBlock {
  display: block !important;
}

.displayNone {
  display: none !important;
}

.textAlignCenter {
  text-align: center !important;
}

.textAlignLeft {
  text-align: left !important;
}

.textAlignRight {
  text-align: right !important;
}

.overflowHidden {
  overflow: hidden !important;
}

.clearFloat:after {
  clear: both;
  content: ".";
  width: 0px;
  height: 0px;
  display: block;
  overflow: hidden;
  visibility: hidden;
}

.border0 {
  border: 0 !important;
}

.borderTop0 {
  border-top: 0 !important;
}

.borderbottom0 {
  border-bottom: 0 !important;
}

.borderLeft0 {
  border-left: 0 !important;
}

.borderRight0 {
  border-right: 0 !important;
}

body {
  position: relative;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

.dot1row {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.dot2row {
  width: 100%;
  overflow: hidden;
  /*必须结合的属性,当内容溢出元素框时发生的事情*/
  text-overflow: ellipsis;
  /*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
  display: -webkit-box;
  /*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/
  -webkit-line-clamp: 2;
  /*用来限制在一个块元素显示的文本的行数。*/
  -webkit-box-orient: vertical;
  /*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。*/
}

.dot3row {
  width: 100%;
  overflow: hidden;
  /*必须结合的属性,当内容溢出元素框时发生的事情*/
  text-overflow: ellipsis;
  /*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
  display: -webkit-box;
  /*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/
  -webkit-line-clamp: 3;
  /*用来限制在一个块元素显示的文本的行数。*/
  -webkit-box-orient: vertical;
  /*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。*/
}

/* 底部样式 */
.section-footer {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  padding-top: 3.85416vw;
}

.section-footer .footer-top {
  display: flex;
  flex-direction: column;
  /* padding: 5vw 7.23958vw 0.78125vw 6.09375vw; */
  padding: 0 11.97916vw;
  box-sizing: border-box;
  padding-bottom: 1.09375vw;
}

.section-footer .footer-top .row {
  width: 100%;
  display: flex;
  flex-direction: row;
  position: relative;
  justify-content: space-between;
  position: relative;
}

.section-footer .footer-top .row .bottomBOYA {
  width: 4.47916vw;
  height: 1.19791vw;
  position: absolute;
  right: 0;
  /* top: -0.3125vw; */
}

@media screen and (max-width: 1100px) {
  .section-banner-mob-fix {
    position: relative;
    /* top: 12vw; */
  }
}

@media screen and (max-width: 750px) {
  .pc-show {
    display: none !important;
  }
  .section-banner-mob-fix {
    top: 12vw;
  }
  .service .service-content .service-content-text li{
    font-size: 4vw !important;
  }
}

.section-footer .footer-top .row .part-nav {
  display: flex;
  flex-direction: row;
}

.section-footer .footer-top .row .part-nav .list-nav {
  display: flex;
  flex-direction: column;
  margin-right: 4.01041vw;
}

.section-footer .footer-top .row .part-nav .list-nav h2 {
  color: #000;
  font-size: 0.9375vw;
  margin-bottom: 1.92708vw;
  font-weight: bold;
}

.section-footer .footer-top .row .part-nav .list-nav h3 {
  margin-bottom: 0.375vw;
}

.section-footer .footer-top .row .part-nav .list-nav h3 a {
  color: #a3a3a3;
  cursor: pointer;
  font-size: 0.72916vw;
}

.section-footer .footer-top .row .part-nav .list-nav h3 a:hover {
  color: #000;
  /* text-decoration: underline; */
}

.section-footer .footer-top .row .box-media {
  position: absolute;
  right: 0;
  bottom: 0.3125vw;
  display: flex;
  flex-direction: row;
}

.section-footer .footer-top .row .box-media .icon {
  width: 1.66666vw;
  height: 1.66666vw;
  margin-left: 1.5625vw;
  cursor: pointer;
}

.section-footer .footer-top .row .box-media .icon-wx {
  background: url(../icon/wechat-bottom.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
}

.section-footer .footer-top .row .box-media .code-bottom {
  width: 5.52083vw;
  height: 5.52083vw;
  position: absolute;
  left: 50%;
  margin-left: -2.76041vw;
  top: -6.5vw;
  display: none;
  padding: 0.2vw;
  background-color: #fff;
  border-radius: 0.3vw;
  box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
}

.section-footer .footer-top .row .box-media .icon .code-bottom img {
  width: 100%;
}

.section-footer .footer-top .row .box-media .icon-wx:hover .code-bottom {
  display: block;
}

.section-footer .footer-top .row .box-media .icon-wx:hover {
  background: url(../icon/wechat-bottom-active.png) no-repeat;
  background-size: 100% 100%;
}

.section-footer .footer-top .row .box-media .icon-zhihu {
  background: url(../icon/zhihu.png) no-repeat;
  background-size: 100% 100%;
}

.section-footer .footer-top .row .box-media .icon-zhihu:hover {
  background: url(../icon/zhihu2.png) no-repeat;
  background-size: 100% 100%;
}

.section-footer .footer-top .row .box-media .icon-toutiao {
  background: url(../icon/toutiao.png) no-repeat;
  background-size: 100% 100%;
}

.section-footer .footer-top .row .box-media .icon-toutiao:hover {
  background: url(../icon/toutiao2.png) no-repeat;
  background-size: 100% 100%;
}

.section-footer .footer-top .row .box-media .icon-sina {
  background: url(../icon/sina-bottom.png) no-repeat;
  background-size: 100% 100%;
}

.section-footer .footer-top .row .box-media .icon-sina:hover {
  background: url(../icon/sina-bottom-active.png) no-repeat;
  background-size: 100% 100%;
}

.section-footer .footer-top .row .box-media .icon-dy {
  background: url(../icon/dy-bottom.png) no-repeat;
  background-size: 100% 100%;
}

.section-footer .footer-top .row .box-media .icon-dy:hover {
  background: url(../icon/dy-bottom-active.png) no-repeat;
  background-size: 100% 100%;
}

.section-footer .footer-top .row .box-media .icon-ks {
  background: url(../icon/ks-bottom.png) no-repeat;
  background-size: 100% 100%;
}

.section-footer .footer-top .row .box-media .icon-ks:hover {
  background: url(../icon/ks-bottom-active.png) no-repeat;
  background-size: 100% 100%;
}

.section-footer .footer-top .row .box-media .icon-b {
  background: url(../icon/bilibili-bottom.png) no-repeat;
  background-size: 100% 100%;
}

.section-footer .footer-top .row .box-media .icon-b:hover {
  background: url(../icon/bilibili-bottom-active.png) no-repeat;
  background-size: 100% 100%;
}

.section-footer .footer-top .row .box-media .icon-xhs {
  background: url(../icon/xhs-bottom.png) no-repeat;
  background-size: 100% 100%;
}

.section-footer .footer-top .row .box-media .icon-xhs:hover {
  background: url(../icon/xhs-bottom-active.png) no-repeat;
  background-size: 100% 100%;
}
.section-footer .footer-top .row .box-media .icon-fb {
  background: url("/cdn/shop/files/fb-grey.png?v=1686114345")
    no-repeat;
  background-size: 100% 100%;
}

.section-footer .footer-top .row .box-media .icon-fb:hover {
  background: url("/cdn/shop/files/fb-black.png?v=1686114345")
    no-repeat;
  background-size: 100% 100%;
}
.section-footer .footer-top .row .box-media .icon-twitter {
  background: url("/cdn/shop/files/fb-black.png?v=1686114345")
    no-repeat;
  background-size: 100% 100%;
}

.section-footer .footer-top .row .box-media .icon-twitter:hover {
  background: url("/cdn/shop/files/twitter-black.png?v=1686114346")
    no-repeat;
  background-size: 100% 100%;
}
.section-footer .footer-top .row .box-media .icon-twitter {
  background: url("/cdn/shop/files/twitter-grey.png?v=1686114346")
    no-repeat;
  background-size: 100% 100%;
}

.section-footer .footer-top .row .box-media .icon-twitter:hover {
  background: url("/cdn/shop/files/twitter-black.png?v=1686114346")
    no-repeat;
  background-size: 100% 100%;
}
.section-footer .footer-top .row .box-media .icon-instagram {
  background: url("/cdn/shop/files/instagram-grey.png?v=1686114345")
    no-repeat;
  background-size: 100% 100%;
}

.section-footer .footer-top .row .box-media .icon-instagram:hover {
  background: url("/cdn/shop/files/instagram-black.png?v=1686114345")
    no-repeat;
  background-size: 100% 100%;
}
.section-footer .footer-top .row .box-media .icon-youtube {
  background: url("/cdn/shop/files/youtube-fill-grey.png?v=1686114393")
    no-repeat;
  background-size: 100% 100%;
}

.section-footer .footer-top .row .box-media .icon-youtube:hover {
  background: url("/cdn/shop/files/youtube-fill-black.png?v=1686114393")
    no-repeat;
  background-size: 100% 100%;
}
.section-footer .footer-top .row .box-media .icon-linkedin {
  background: url("/cdn/shop/files/in-grey.png?v=1686114345")
    no-repeat;
  background-size: 100% 100%;
}

.section-footer .footer-top .row .box-media .icon-linkedin:hover {
  background: url("/cdn/shop/files/in-black.png?v=1686114345")
    no-repeat;
  background-size: 100% 100%;
}
.section-footer .footer-top .row .box-media .icon-huojian {
  background: url("/cdn/shop/files/huojian-grey.png?v=1686114345")
    no-repeat;
  background-size: 100% 100%;
}

.section-footer .footer-top .row .box-media .icon-huojian:hover {
  background: url("/cdn/shop/files/huojian-black.png?v=1686114345")
    no-repeat;
  background-size: 100% 100%;
}

.section-footer .footer-top .row .box-media .icon-go {
  background: url("/cdn/shop/files/go-grey.png?v=1686114345")
    no-repeat;
  background-size: 100% 100%;
}

.section-footer .footer-top .row .box-media .icon-go:hover {
  background: url("/cdn/shop/files/go-black.png?v=1686114345"g)
    no-repeat;
  background-size: 100% 100%;
}
.section-footer .footer-top .row .box-media .icon-icon1 {
  background: url("/cdn/shop/files/icon1-grey.png?v=1686114345")
    no-repeat;
  background-size: 100% 100%;
}

.section-footer .footer-top .row .box-media .icon-icon1:hover {
  background: url("/cdn/shop/files/icon1-black.png?v=1686114345")
    no-repeat;
  background-size: 100% 100%;
}
.section-footer .footer-top .row .box-media .icon-vk {
  background: url("/cdn/shop/files/vk-grey.png?v=1686114393")
    no-repeat;
  background-size: 100% 100%;
}

.section-footer .footer-top .row .box-media .icon-vk:hover {
  background: url("/cdn/shop/files/vk-black.png?v=1686114393")
    no-repeat;
  background-size: 100% 100%;
}
.section-footer .footer-top .row .box-media .icon-icon3 {
  background: url("/cdn/shop/files/icon3-grey.png?v=1686114345")
    no-repeat;
  background-size: 100% 100%;
}

.section-footer .footer-top .row .box-media .icon-icon3:hover {
  background: url("/cdn/shop/files/icon3-black.png?v=1686114345")
    no-repeat;
  background-size: 100% 100%;
}
.section-footer .footer-top .row .box-media .icon-icon2 {
  background: url("/cdn/shop/files/icon2-grey.png?v=1686114345")
    no-repeat;
  background-size: 100% 100%;
}

.section-footer .footer-top .row .box-media .icon-icon2:hover {
  background: url("/cdn/shop/files/icon2-black.png?v=1686114345")
    no-repeat;
  background-size: 100% 100%;
}
.section-footer .footer-top .row .box-media .icon-q {
  background: url("/cdn/shop/files/q-grey.png?v=1686114346")
    no-repeat;
  background-size: 100% 100%;
}

.section-footer .footer-top .row .box-media .icon-q:hover {
  background: url("/cdn/shop/files/q-black.png?v=1686114346")
    no-repeat;
  background-size: 100% 100%;
}
.section-footer .footer-top .row .box-media .icon-icon3 {
  background: url("/cdn/shop/files/icon3-grey.png?v=1686114345")
    no-repeat;
  background-size: 100% 100%;
}

.section-footer .footer-top .row .box-media .icon-icon3:hover {
  background: url("/cdn/shop/files/icon3-black.png?v=1686114345")
    no-repeat;
  background-size: 100% 100%;
}
.section-footer .footer-top .row .box-media .icon-dianhua {
  background: url("/cdn/shop/files/dianhua-grey.png?v=1686114344")
    no-repeat;
  background-size: 100% 100%;
}

.section-footer .footer-top .row .box-media .icon-dianhua:hover {
  background: url("/cdn/shop/files/dianhua-black.png?v=1686114344")
    no-repeat;
  background-size: 100% 100%;
}

@media screen and (max-width: 751px) {
  .section-footer {
    display: none;
  }

  .section-footer-mob .foot-nav .list-nav h2 {
    color: #000;
    font-size: 3.73333vw;
    font-weight: bold;
    padding: 5.33333vw 0;
    border-bottom: 1px solid #ededed;
    margin: 0 4vw;
    position: relative;
  }

  .section-footer-mob .foot-nav .list-nav h2 a {
    color: #000;
  }

  .section-footer-mob .foot-nav .list-nav h2 img {
    width: 3.2vw;
    height: auto;
    position: absolute;
    right: 2.4vw;
    top: 50%;
    transform: translateY(-50%);
  }

  .section-footer-mob .foot-nav .list-nav h2 img.active {
    display: none;
  }

  .section-footer-mob .foot-nav .list-nav .list-txt {
    padding-bottom: 4vw;
    display: none;
  }

  .section-footer-mob .foot-nav .list-nav .list-txt.show {
    display: block;
  }

  .section-footer-mob .foot-nav .list-nav .list-txt h3 {
    padding: 0 4vw;
  }

  .section-footer-mob .foot-nav .list-nav .list-txt h3 a {
    color: #9a9a9a;
    font-size: 3.2vw;
    display: inline-block;
    padding-top: 4vw;
  }

  .section-footer-mob .box-media {
    padding: 0 4vw;
    /* padding-top: 10vw; */
    height: 40vw;
    display: flex;
    box-sizing: border-box;
    width: 85%;
    overflow-x: scroll;
    align-items: flex-end;
    position: absolute;
    bottom: 33vw;
  }

  .section-footer-mob .box-media::-webkit-scrollbar {
    display: none;
  }

  .section-footer-mob .box-media .icon {
    /* width: 4.8vw;
		height: auto; */
    margin-right: 5vw;
    position: relative;
  }

  .section-footer-mob .box-media .icon img {
    width: 7.19999vw;
    /* width: 4.8vw; */
    height: auto;
  }

  .section-footer-mob .box-media .icon .erweima {
    position: absolute;
    width: 26.66666vw;
    height: auto;
    bottom: 140%;
    left: 0;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);

    display: none;
  }

  .section-footer-mob .box-media .icon .erweima.active {
    display: block;
  }

  .section-footer-mob p {
    font-size: 3.2vw;
    padding: 0 4vw;
    padding-top: 5.33333vw;
    font-weight: bold;
    margin-top: 20vw;
  }

  .section-footer-mob .copy {
    font-size: 2.93333vw;
    padding: 10.66666vw 4vw 4vw 4vw;
    line-height: 1.45;
  }
}

@media screen and (min-width: 751px) {
  .section-footer-mob {
    display: none;
  }
}

.footer-bottom {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  padding: 0 11.97916vw;
  border-top: 1px solid #ddd;
  box-sizing: border-box;
  justify-content: space-between;
}

.footer-bottom .left {
  font-size: 0.625vw;
  color: #a3a3a3;
}

.footer-bottom .right {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 0.72916vw;
  position: relative;
}

.footer-bottom .right .friend-links {
  color: #a3a3a3;
  cursor: pointer;
  padding-top: 1.05vw;
  padding-bottom: 1.2vw;
}

.footer-bottom .right .friend-links:hover {
  color: #000;
}

.footer-bottom .right .friend-links .arr {
  display: inline-block;
  width: 0.57291vw;
}

.footer-bottom .right a {
  color: #a3a3a3;
  font-size: 0.72916vw;
  margin-right: 2.08333vw;
}

.footer-bottom .right a:hover {
  color: #000;
}

.footer-bottom .right .arr {
  margin-left: 0.15625vw;
}

.footer-bottom .right .links {
  width: auto;

  /* background: url(../icon/links-img.png); */
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 0.5vw;
  background-size: 100% 100%;
  position: absolute;
  right: -0.5vw;
  bottom: 3vw;
  display: none;
  flex-direction: column;
  justify-content: space-between;
  /* padding-top: .5vw;
	padding-bottom: 0.5vw; */
  z-index: 999;
}

.footer-bottom .right .links .links-box {
  overflow-y: auto;
  width: auto;
  max-height: 8vw;
  /* margin-right: 0.26041vw; */
  position: relative;
  z-index: 1000;
  overscroll-behavior: contain;
  display: flex;
  flex-direction: column;
}

/*滚动条样式*/

.footer-bottom .right .links .links-box::-webkit-scrollbar {
  width: 3px;
}

.footer-bottom .right .links .links-box::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
}

.footer-bottom .right .links:hover {
  text-decoration: none;
}

.footer-bottom .right .links a {
  font-size: 0.7vw;
  color: #a3a3a3;
  padding-left: 1vw;
  padding-right: 1vw;
  line-height: 2vw;
  text-decoration: none;
  margin-right: 0;
  text-align: center;
}

.footer-bottom .right .links a:hover {
  color: #000;
}

.footer-bottom .right .friend-links:hover img.top {
  transform: rotate(180deg);
}

/* .footer-bottom .right .friend-links:hover .links {
	display: flex;
} */

.section-header .part-top .rq-code {
  width: 5.52083vw;
  height: 5.52083vw;
  padding: 0.2vw;
}

.section-header .part-top .rq-code img {
  width: 100%;
}

/* 底部样式结束 */

/* header样式 */
.section-header {
  position: relative;
  width: 100%;
  /* height: auto; */
  padding-left: 4.11458vw;
  padding-right: 3.17708vw;
  padding-top: 15px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 52;
  box-sizing: border-box;
  transition: 0.2s all linear;
}

.section-header .search-mask {
  display: none;
}

.section-header.search-bg .part-search {
  background: #fff;
}

.section-header.search-bg .search-mask {
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  width: 100%;
  height: calc(100vh - 100%);
  background: rgba(0, 0, 0, 0.4);
  z-index: 20;
}

.section-header .part-top {
  width: 100%;
  position: relative;
  min-height: 27px;
  z-index: 99;
}

.section-header .part-top .right {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: absolute;
  right: 0;
  top: -8px;
}

.section-header .part-top .right .shopping-mall {
  /* width: 8vw; */
  background-color: #fff;
  box-sizing: border-box;
  /* padding: 1.5vw; */
  position: absolute;
  top: 2vw;
  right: 10.3vw;
  border-radius: 0.5vw;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  z-index: 999;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  display: none;
  /* padding: 0.5vw 0; */
  height: auto !important;
}

.section-header .part-top .shopping-mall .shopping-mall-box {
  width: 100%;
  overflow-y: auto;
  max-height: 10vw;
  height: auto;
  /* margin-right: 0.26041vw; */
  position: relative;
  z-index: 1000;
  overscroll-behavior: contain;
}

/*滚动条样式*/

.section-header .part-top .shopping-mall .shopping-mall-box::-webkit-scrollbar {
  width: 3px;
}

.section-header
  .part-top
  .shopping-mall
  .shopping-mall-box::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
}

.section-header .part-top .shopping-mall a {
  display: block;
  width: 100%;
  justify-content: space-around;
  color: #a3a3a3;
  /* padding:0 0 0.55vw 0; */
  font-size: 0.67708vw;
  text-align: center;
  line-height: 2.5em;
  padding: 0 1vw;
  box-sizing: border-box;
  white-space: nowrap;
}

.section-header .part-top .shopping-mall a:nth-child(1) {
  padding-top: 0;
}

.section-header .part-top .shopping-mall a:hover {
  color: #000;
}

.section-header .part-top .shopping-mall a img {
  width: 1.5vw;
  height: 1.5vw;
}

.section-header .part-top .rq-code {
  width: 5vw;
  height: 5vw;
  position: absolute;
  top: 2vw;
  right: -0.5vw;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  display: none;
  border-radius: 0.3vw;
  padding: 0;
}

.section-header .part-top .rq-code img {
  width: 5vw;
  border-radius: 0.3vw;
}

.section-header .part-top .english {
  width: 4vw;
  /* height: 1.45833vw; */
  line-height: 1.45833vw;
  border-radius: 0.3vw;
  /* padding: .2vw 0; */
  position: absolute;
  top: 2vw;
  right: 2.2vw;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  display: none;
}

.section-header .part-top .english a {
  font-size: 0.67708vw;
  color: #a3a3a3;
  display: flex;
  align-items: center;
  justify-content: center;
  display: block;
  text-align: center;
}

.header-white .section-header .part-top .english a {
  font-size: 0.67708vw;
  /* color: #000; */
}

/* .section-header .part-top .right .english .arr {
		width: 0.36458vw;
		height: 0.36458vw;
		margin-left: 0.41666vw;
		background: url(../icon/downArr-white.png) no-repeat;
		background-size: 100% 100%;
	} */

.header-white .section-header .part-top .right .english .arr {
  background: url("/cdn/shop/files/downArr-black.png?v=1686114345")
    no-repeat;
  background-size: 100% 100%;
}

.section-header .part-top .english a:hover {
  color: #000;
}

.section-header .part-top .sigin-register {
  background-color: #fff;
  width: 80px;
  position: absolute;
  top: 38px;
  right: 19px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 0.3vw;
  font-size: 12px;
  display: none;
}

.section-header .part-top .sigin-register > div a {
  padding: 10px 15px;
  text-align: center;
  cursor: pointer;
  color: #a3a3a3;
  display: inline-block;
  width: 100%;
}

body:not(.template__index) .section-header .part-top .sigin-register > div a {
  width: 100%;
}

.section-header .part-top .sigin-register > div:first-child {
  border-radius: 0.3vw 0.3vw 0 0;
}

.section-header .part-top .sigin-register > div:last-child {
  border-radius: 0 0 0.3vw 0.3vw;
}

.section-header .part-top .sigin-register > div:hover {
  color: #000;
}

.section-header .part-top .withdraw {
  background-color: #fff;
  width: 4vw;
  position: absolute;
  top: 2vw;
  right: -1.38888vw;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 0.3vw;
  font-size: 0.67708vw;
  display: none;
}

.section-header .part-top .withdraw > div {
  padding: 0.5vw 0;
  text-align: center;
  cursor: pointer;
  color: #a3a3a3;
}

.section-header .part-top .withdraw > div:first-child {
  border-radius: 0.3vw 0.3vw 0 0;
}

.section-header .part-top .withdraw > div:last-child {
  border-radius: 0 0 0.3vw 0.3vw;
}

.section-header .part-top .withdraw > div:hover {
  color: #000;
}

.section-header .part-top .right .select {
  display: block;
  width: 56px;
  height: 21px;
  border-radius: 0.72916vw;
  font-size: 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: #fff;
  cursor: pointer;
  margin-right: 1.04166vw;
}

.section-header .part-top .right .shop {
  background-color: #4196f6;
}

.section-header .part-top .right .select span {
  margin-left: -0.1125vw;
}

.section-header .part-top .right .select .arr {
  width: 0.36458vw;
  height: 0.36458vw;
  margin-left: 0.41666vw;
  background: url("/cdn/shop/files/downArr-white.png")
    no-repeat;
  background-size: 100% 100%;
}

.section-header .part-top .right .icon-user {
  width: 21px;
  height: 21px;
  background: url("/cdn/shop/files/icon-user.png")
    no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  margin-right: 1vw;
}

.section-header .part-top .right .icon-cart {
  cursor: pointer;
}

.section-header .part-top .right .icon-cart a {
  color: #fff;
}
.header-white .section-header .part-top .right .icon-cart a {
  color: #000;
}

.section-header .part-top .right .icon-cart .header__icon--cart .icon {
  height: 42px;
  width: 42px;
  transform: unset;
}

.section-header .part-top .right .icon-search {
  width: 21px;
  height: 21px;
  background: url("/cdn/shop/files/icon-search.png")
    no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  margin-right: 1.61458vw;
}

.section-header .part-bottom {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  z-index: 50;
}

.section-header .part-bottom .webIcon-header {
  width: 10.26041vw;
  height: 2.5vw;
  /* background: url(../icon/webIcon-header.png) no-repeat;
	background-size: 100% 100%; */
  /* margin-bottom: 1.04166vw; */
}
.section-header .part-bottom .webIcon-header img {
  display: block;
  width: 100%;
}
.section-header .part-bottom .nav-header {
  margin-top: 33px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5.41666vw;
}

.section-header .part-bottom .nav-header a {
  display: block;
  padding-bottom: 0.36458vw;
  color: #fff;
  /* font-weight: bold; */
  font-size: 15px;
  margin-right: 0;
  position: relative;
}

/* .section-header .part-bottom .nav-header a:hover {
		border-bottom: 0.15625vw solid #fff;
	} */

.section-header .part-bottom .nav-header a:last-child {
  margin-right: 0;
}

/* .section-header .part-bottom .nav-header a.active{
		border-bottom: 0.15625vw solid #fff;
	} */

@media screen and (max-width: 1100px) {
  .section-header .part-bottom .nav-header {
    gap: 40px;
  }
  .section-header .part-bottom .nav-header a {
    font-size: 13px;
  }
}

@media screen and (max-width: 500px) {
  .section-header-mob .header-nav .header-v3 h4 .line {
    top: 38%;
  }
}

/* 隐私政策 */
.section-privacy {
  width: 100%;
  /* height: 7.29166vw; */
  background: #fff;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 14;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  padding: 1.97916vw 0;
  padding-left: 14.0625vw;
  padding-right: 10.41666vw;
  /* display: none; */
}

.section-privacy .left {
  display: flex;
  flex-direction: column;
}

.section-privacy .left h2 {
  font-size: 1.25vw;
  color: #222;
  margin-bottom: 0.625vw;
  font-weight: bold;
}

.section-privacy .left p {
  font-size: 1.04166vw;
  color: #8d8d8d;
}

.section-privacy .middle {
  margin-left: 3.64583vw;
}

.section-privacy .middle a {
  font-size: 1.04166vw;
  color: #333;
  text-decoration: underline;
}

.section-privacy .button-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: absolute;
  right: 10.41666vw;
}

.section-privacy .button-group .btn {
  width: 6.25vw;
  height: 2.1875vw;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.83333vw;
  border-radius: 1.09375vw;
  box-sizing: border-box;
  cursor: pointer;
}

.section-privacy .button-group .agree {
  background: #4196f6;
  color: #fff;
}

.section-privacy .button-group .agree:hover {
  opacity: 0.8;
}

.section-privacy .button-group .refuse {
  border: 1px solid #999;
  margin-left: 1.14583vw;
  color: #999;
}

.section-privacy .button-group .refuse:hover {
  color: #000;
}

/* 微信订阅 */
.section-wechat-subscribe {
  width: 100%;
  background: #fff;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 14;
  box-sizing: border-box;
  height: auto;
  padding: 1.66666vw 0;
  padding-left: 23.38541vw;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  display: none;
}

.section-wechat-subscribe h2 {
  font-size: 1.25vw;
  color: #222;
  margin-bottom: 0.625vw;
  font-weight: bold;
}

.section-wechat-subscribe p {
  font-size: 1.04166vw;
  color: #8d8d8d;
}

.section-wechat-subscribe .part-qrcode {
  width: 6.25vw;
  height: 6.25vw;
  border: 0.26041vw solid #4196f6;
  border-radius: 0.20833vw;
  overflow: hidden;
  position: absolute;
  right: 27.55208vw;
  top: -1.97916vw;
}

.section-wechat-subscribe .part-qrcode img {
  width: 100%;
  height: 100%;
}

.section-wechat-subscribe .close {
  width: 1.875vw;
  height: 1.875vw;
  position: absolute;
  right: 2.08333vw;
  top: 2.39583vw;
  cursor: pointer;
}

.section-header .part-search {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding-left: 4.11458vw;
  padding-right: 11.45833vw;
  opacity: 0;
  z-index: 900;
}

.section-header .part-search .search-logo {
  width: 10.26041vw;
  margin-top: 0.8vw;
}

.section-header .part-search .search-logo img {
  display: block;
  width: 100%;
  height: 2.5vw;
}

.section-header .part-search .search-input {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 37.5vw;
  box-sizing: border-box;
  padding: 0 2.08333vw;
}

.section-header .part-search .search-input .input-icon {
  display: block;
  width: 1.35416vw;
  margin-right: 1.04166vw;
  flex-shrink: 0;
  cursor: pointer;
}

.section-header .part-search .search-input input {
  width: 100%;
  font-size: 0.9375vw;
  color: #000;
  border: none;
  outline: none;
  background: none;
  box-shadow: none;
}

.section-header .part-search .search-input input::placeholder {
  color: #999;
}

.section-header .part-search .close {
  width: 1.04166vw;
  height: 1.04166vw;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  background: url("/cdn/shop/files/search-close.png?v=1686114346");
  background-size: 80% 80%;
  background-position: center center;
  transition: all 0.5s;
}

.section-header .part-search .close:hover {
  background: url("/cdn/shop/files/search-close-blue.png?v=1686114346");
  background-size: 100% 100%;
  background-position: center center;
}

.section-header .part-search .search-guess {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  width: 37.5vw;
  background: rgba(255, 255, 255, 0.94);
  padding: 1.19791vw 4.375vw 2.13541vw;
  box-sizing: border-box;
}

.section-header .part-search .search-guess h3 {
  font-size: 0.9375vw;
  color: #000;
  margin-bottom: 1.5625vw;
}

.section-header .part-search .search-guess .guess-content {
  width: 100%;
}

.section-header .part-search .search-guess .guess-content .content-item {
  display: block;
  font-size: 0.9375vw;
  color: rgba(0, 0, 0, 0.6);
  margin-bottom: 1.25vw;
}

.section-header
  .part-search
  .search-guess
  .guess-content
  .content-item:last-child {
  margin-bottom: 0;
}

/* 白色header样式 */
.header-white .section-header .part-bottom .webIcon-header {
  width: 196px;
  height: 48px;
}

.header-white .section-header .part-bottom .nav-header a {
  display: block;
  padding-bottom: 0.36458vw;
  color: #000;
  /* font-weight: bold; */
  font-size: 15px;
  margin-right: 0;
  padding-bottom: 38px;
  position: relative;
}

.header-white .section-header .part-bottom .nav-header a.active::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.15625vw;
  background-color: #000;
  left: 0;
  bottom: 1.45833vw;
}

.section-header .part-bottom .nav-header a.active::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.15625vw;
  background-color: #fff;
  left: 0;
  bottom: 0;
}

.header-white .section-header .part-bottom .nav-header a:hover::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.15625vw;
  background-color: #000;
  left: 0;
  bottom: 1.45833vw;
}

.header-white .section-header .part-bottom .webIcon-header {
  margin-bottom: 1.4vw;
}

.header-white .section-header .part-bottom .nav-header a:last-child {
  margin-right: 0;
}

/* .header-white .section-header .part-bottom .nav-header a.active {
	border-bottom: 0.15625vw solid #000;
} */

/* .header-white .section-header .part-bottom .nav-header a:hover {
	border-bottom: 0.15625vw solid #000;
} */

@media screen and (max-width: 1100px) {
  .header-white .section-header .part-bottom .nav-header a {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  .header-white .section-header .part-bottom .webIcon-header {
    width: 120px;
    height: auto;
  }
  .section-header .part-bottom .nav-header {
    gap: 29px;
  }
  .header-white .section-header .part-bottom .nav-header a {
    font-size: 11px;
  }
}

.header-white .section-header .part-top .right .select {
  color: #000;
}

.header-white .section-header .part-top .right .shop {
  color: #fff !important;
}

.header-white .section-header .part-top .right .select .arr {
  width: 0.36458vw;
  height: 0.36458vw;
  margin-left: 0.41666vw;
  background: url("/cdn/shop/files/downArr-black.png?v=1686114345")
    no-repeat;
  background-size: 100% 100%;
}

.header-white .section-header .part-top .right .shop .arr {
  width: 0.36458vw;
  height: 0.36458vw;
  margin-left: 0.41666vw;
  background: url("/cdn/shop/files/downArr-white.png?v=1686114345")
    no-repeat !important;
  background-size: 100% 100%;
}

.header-white .section-header .part-top .right .icon-user {
  background: url("/cdn/shop/files/icon-user-black.png?v=1686114345")
    no-repeat;
  background-size: 100% 100%;
}

.header-white .section-header .part-top .right .icon-search {
  background: url("/cdn/shop/files/icon-search-black.png?v=1686114345")
    no-repeat;
  background-size: 100% 100%;
}

.header-white .section-header {
  background-color: #fff;
  border-bottom: 1px solid #ededed;
}

/* 首页导航产品下拉样式 */
.section-header .product-drop {
  width: 100%;
  height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 0;
  top: 130px;
  /* transition: all .3s ease-in; */
  background: rgba(0, 0, 0, 0.4);
}

@media screen and (max-width: 991px) {
  .section-header .product-drop {
    top: 125px;
  }
}

.section-header .product-drop .title {
  width: 100%;
  /* height: 3.125vw; */
  padding: 0.625vw 5.78125vw;
  display: flex;
  align-items: center;
  background-color: #f9f9f9;
  position: relative;
  flex-direction: row;
  justify-content: space-between;
  box-sizing: border-box;
  font-size: 0.9375vw;
  color: #000;
  font-weight: bold;
}

.section-header .product-drop .title .closeNav {
  width: 1.875vw;
  height: 1.875vw;
  cursor: pointer;
  background: url("/cdn/shop/files/icon-closenav.png?v=1686114345");
  background-size: 100% 100%;
  transition: all 0.5s;
}

.section-header .product-drop .title .closeNav:hover {
  background: url("/cdn/shop/files/search-close-blue.png?v=1686114346");
  background-size: 100% 100%;
}

.section-header .product-drop .title .closeNavWhite {
  width: 1.875vw;
  height: 1.875vw;
  cursor: pointer;
  background: url("/cdn/shop/files/icon-closenav.png?v=1686114345");
  background-size: 100% 100%;
  transition: all 0.5s;
}

.section-header .product-drop .title .closeNavWhite:hover {
  background: url("/cdn/shop/files/search-close-blue.png?v=1686114346");
  background-size: 100% 100%;
}

.section-header .product-drop .part-product-nav {
  width: 100%;
  height: auto;
  background-color: #fff;
  box-sizing: border-box;
  padding: 0 5.72916vw;
  padding-top: 1.30208vw;
  padding-bottom: 2.86458vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  box-sizing: border-box;
  border-radius: 0px 0px 1.0416vw 1.0416vw;
}

.section-header .product-drop .part-product-nav .nav-product-list {
  width: 21.35416vw;
  height: 28.22916vw;
  background-color: #f9f9f9;
  padding-top: 2.03125vw;
  padding-left: 2.39583vw;
  padding-right: 2.60416vw;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.section-header .product-drop .part-product-nav .nav-product-list .prdouctName {
  width: 40%;
  font-size: 1.25vw;
  color: #000;
  margin-bottom: 1.35416vw;
  font-weight: bold;
  /* overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis; */
}

.section-header
  .product-drop
  .part-product-nav
  .nav-product-list
  .head-product-bottom {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.section-header
  .product-drop
  .part-product-nav
  .nav-product-list
  .head-product-bottom
  .nav-product-left {
  display: flex;
  flex-direction: column;
  width: 7.2083vw;
  font-size: 0.83333vw;
  line-height: 1.2;
  color: #959595;
}

.section-header
  .product-drop
  .part-product-nav
  .nav-product-list
  .head-product-bottom
  .nav-product-left
  .tab-product {
  margin-bottom: 0.98958vw;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  z-index: 2;
  flex-direction: row;
}

.section-header
  .product-drop
  .part-product-nav
  .nav-product-list
  .head-product-bottom
  .nav-product-left
  .tab-product
  .line {
  width: 3.125vw;
  height: 1.04166vw;
  position: absolute;
  left: -1.5625vw;
  top: 0;
  z-index: -1;
  background: linear-gradient(128deg, #77fef0, #77ff81);
  border-radius: 0.52083vw;
  opacity: 0;
  transition: all 0.2s ease-in;
}

.section-header
  .product-drop
  .part-product-nav
  .nav-product-list
  .head-product-bottom
  .nav-product-left
  .tab-product
  span {
  transition: color 0.3s ease-in;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.section-header
  .product-drop
  .part-product-nav
  .nav-product-list
  .head-product-bottom
  .nav-product-left
  .tab-product:hover {
  color: #000;
}

.section-header
  .product-drop
  .part-product-nav
  .nav-product-list
  .head-product-bottom
  .nav-product-left
  .tab-product:hover
  .line {
  opacity: 1;
}

.section-header
  .product-drop
  .part-product-nav
  .nav-product-list
  .head-product-bottom
  .nav-product-left
  .tab-product
  a {
  font-size: 0.83333vw;
  color: #959595;
}

/* .section-header .product-drop .part-product-nav .nav-product-list .head-product-bottom .nav-product-left .tab-product a:hover {
	text-decoration: underline;
} */

.section-header
  .product-drop
  .part-product-nav
  .nav-product-list
  .head-product-bottom
  .nav-product-left
  .tab-product
  .arr {
  width: 0.41666vw;
  margin-left: 0.41666vw;
}

.section-header
  .product-drop
  .part-product-nav
  .nav-product-list
  .head-product-bottom
  .nav-product-left
  .tab-product:last-child {
  margin-bottom: 0;
}

.section-header
  .product-drop
  .part-product-nav
  .nav-product-list
  .head-product-bottom
  .nav-product-left
  .active {
  color: #000;
  /* font-weight: bold; */
}

.section-header
  .product-drop
  .part-product-nav
  .nav-product-list
  .head-product-bottom
  .nav-product-left
  .active
  .line {
  opacity: 1;
}

.section-header
  .product-drop
  .part-product-nav
  .nav-product-list
  .head-product-bottom
  .product-img-list {
  display: flex;
  flex-direction: row;
  /* width: 7.29166vw; */
  width: 100%;
  justify-content: space-between;
}

.section-header
  .product-drop
  .part-product-nav
  .nav-product-list
  .head-product-bottom
  .product-img-list {
  display: none;
}

.section-header
  .product-drop
  .part-product-nav
  .nav-product-list
  .head-product-bottom
  .product-img-list.active {
  display: flex;
}

.section-header
  .product-drop
  .part-product-nav
  .nav-product-list
  .head-product-bottom
  .product-img-list
  .img-box {
  width: 7.29166vw;
  height: auto;
  margin-bottom: 0.83333vw;
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  font-size: 0.83333vw;
  color: #959595;
  align-items: center;
  transition: opacity 0.3s ease-out;
}

.section-header
  .product-drop
  .part-product-nav
  .nav-product-list
  .head-product-bottom
  .product-img-list
  .img-box
  span {
  width: inherit;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}

.section-header
  .product-drop
  .part-product-nav
  .nav-product-list
  .head-product-bottom
  .product-img-list
  .img-box:hover {
  opacity: 0.6;
}

.section-header
  .product-drop
  .part-product-nav
  .nav-product-list
  .head-product-bottom
  .product-img-list
  .img-box:last-child {
  /* margin-bottom: 0; */
}

.section-header
  .product-drop
  .part-product-nav
  .nav-product-list
  .head-product-bottom
  .product-img-list
  .img-box
  img {
  width: 7.29166vw;
  /* height: 6.04166vw; */
  border-radius: 0.4166vw;
  margin-bottom: 0.3125vw;
}
.section-header
  .product-drop
  .part-product-nav
  .nav-product-list
  .head-product-bottom
  .nav-product-left
  .tab-viewall {
  margin-bottom: 0.98958vw;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  z-index: 2;
  flex-direction: row;
}
.section-header
  .product-drop
  .part-product-nav
  .nav-product-list
  .head-product-bottom
  .nav-product-left
  .tab-viewall
  a {
  font-size: 0.83333vw;
  color: #959595;
}
.section-header
  .product-drop
  .part-product-nav
  .nav-product-list
  .head-product-bottom
  .nav-product-left
  .tab-viewall
  .arr {
  width: 0.41666vw;
  margin-left: 0.41666vw;
}

/* 应用场景方案 */

.section-header .product-drop .part-product-nav .application-scenario-scheme {
  width: 13.13131vw;
  height: 31.41414vw;
  background-color: #f9f9f9;
  border-radius: 0.60606vw;
  padding-top: 2.0202vw;
  padding-left: 2.42424vw;
  padding-right: 1vw;
  box-sizing: border-box;
}

.section-header
  .product-drop
  .part-product-nav
  .application-scenario-scheme
  .common-scenarios {
  cursor: pointer;
}

.section-header
  .product-drop
  .part-product-nav
  .application-scenario-scheme
  .common-scenarios
  .scene-title {
  position: relative;
  z-index: 1;
}

.section-header
  .product-drop
  .part-product-nav
  .application-scenario-scheme
  .common-scenarios
  .scene-title
  .before {
  width: 3.0303vw;
  height: 1.0101vw;
  border-radius: 3.0303vw;
  position: absolute;
  z-index: -1;
  top: 0;
  left: -1.31313vw;
  opacity: 0;
  transition: all 0.2s ease-in;
}

/* .section-header .product-drop .part-product-nav .application-scenario-scheme .common-scenarios .scene-title:hover .before {
	background: linear-gradient(128deg, #77FF81, #77FEF0);
	opacity: 1;

} */

.section-header
  .product-drop
  .part-product-nav
  .application-scenario-scheme
  .common-scenarios
  h2 {
  font-size: 1.21212vw;
  color: #000000;
  font-weight: bold;
  /* position: absolute; */
}

.section-header
  .product-drop
  .part-product-nav
  .application-scenario-scheme
  .common-scenarios
  h2
  a {
  color: #000;
}

.section-header
  .product-drop
  .part-product-nav
  .application-scenario-scheme
  .common-scenarios.active
  .scene-title
  .before {
  background: linear-gradient(128deg, #77ff81, #77fef0);
  opacity: 1;
}

.section-header
  .product-drop
  .part-product-nav
  .application-scenario-scheme
  .common-scenarios
  p {
  font-size: 0.80808vw;
  color: #959595;
  margin-top: 1.0101vw;
  margin-bottom: 2.52525vw;
}

.section-header .product-drop .part-product-nav .picture-text {
  display: none;
  flex-wrap: wrap;
}

.section-header .product-drop .part-product-nav .picture-text.active {
  display: flex;
  flex: 1;
}

.section-header
  .product-drop
  .part-product-nav
  .picture-text
  .picture-text-box {
  display: block;
  margin-left: 1.2vw;
  overflow: hidden;
}

.section-header
  .product-drop
  .part-product-nav
  .picture-text
  .picture-text-box
  img:hover {
  transform: scale(1.03);
  border-radius: 0.50505vw;
}

.section-header
  .product-drop
  .part-product-nav
  .picture-text
  .picture-text-box
  .img {
  border-radius: 0.50505vw;
  overflow: hidden;
}

.section-header
  .product-drop
  .part-product-nav
  .picture-text
  .picture-text-box
  img {
  display: block;
  width: 17.17171vw;
  transition: all 1s;
}

.section-header
  .product-drop
  .part-product-nav
  .picture-text
  .picture-text-box
  p {
  font-size: 0.90909vw;
  color: #000000;
  text-align: center;
  line-height: 2.22222vw;
}

/* 新闻&博客 */
.section-header .product-drop .news-box {
  position: relative;
  background-color: #fff;
  width: 8.3333vw;
  box-sizing: border-box;
  padding: 2.0833vw 0 2.0833vw 2.3958vw;
  border-radius: 0 0 1.1vw 1.1vw;
  position: absolute;
  right: 23.63636vw;
  z-index: 100;
}

.section-header .product-drop .news-box {
  position: relative;
  background-color: #fff;
  width: 8.3333vw;
  box-sizing: border-box;
  padding: 2.0833vw 0 2.0833vw 2.3958vw;
  border-radius: 0 0 1.1vw 1.1vw;
  position: absolute;
  right: 30.53636vw;
  z-index: 100;
}

.section-header .product-drop .news-box::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 100%;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.section-header .product-drop .news-box .news-txt {
  margin-bottom: 1.5625vw;
}

.section-header .product-drop .news-box .news-txt:last-child {
  margin-bottom: 0;
}

.section-header .product-drop .news-box .news-txt a {
  position: relative;
  font-size: 0.8333vw;
  line-height: 1.5;
  color: #959595;
  z-index: 10;
  transition: all 0.3s ease-in;
}

.section-header .product-drop .news-box .news-txt a::after {
  position: absolute;
  content: "";
  left: -1.3541vw;
  bottom: 0;
  width: 3.125vw;
  height: 1.0416vw;
  background: url("/cdn/shop/files/title-line.png?v=1686114346")
    no-repeat;
  background-size: 100% 100%;
  z-index: -1;
  opacity: 0;
  transition: all 0.3s ease-in;
}

.section-header .product-drop .news-box .news-txt:hover a {
  font-size: 0.8333vw;
  color: #000;
  /* font-weight: bold; */
}

.section-header .product-drop .news-box .news-txt:hover a::after {
  opacity: 1;
}

.section-header .product-drop .news-box .news-txt.active a {
  font-size: 0.9375vw;
  color: #000;
}

.section-header .product-drop .news-box .news-txt.active a::after {
  opacity: 1;
}

/* 面包屑 - START */
.bread-wrap {
  width: 100%;
  background: #f9f9f9;
  margin-top: 6.35416vw;
}

.bread-wrap .bread-inner {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 1.1979vw 0 1.0416vw;
  box-sizing: border-box;
  width: 88.54166vw;
  margin: 0 auto;
}

.bread-wrap .bread-inner .bread-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.bread-wrap .bread-inner .bread-item .bread-icon {
  display: block;
  width: 0.72916vw;
  margin-right: 0.3125vw;
}

.bread-wrap .bread-inner .bread-item span {
  display: block;
  font-size: 0.72916vw;
  line-height: 1;
  color: #000;
}

.bread-wrap .bread-inner .bread-item span::after {
  display: inline;
  content: ">";
  font-size: 0.72916vw;
  line-height: 1;
  color: #000;
}

.bread-wrap .bread-inner .bread-item:last-child span::after {
  display: none;
}

/* 面包屑 - END */

/* 询盘弹窗 */
.ask-pop-wrap {
  position: fixed;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 9999;
  display: none;
}

.ask-pop-wrap .ask-pop-bg {
  position: relative;
  width: 53.125vw;
  box-sizing: border-box;
  padding: 2.08333vw 2.60416vw;
  background: #fff;
  border-radius: 0.52083vw;
}

.ask-pop-wrap .ask-pop-bg h3 .before {
  width: 3.0303vw;
  height: 1.0101vw;
  background: linear-gradient(128deg, #77ff81, #77fef0);
  border-radius: 3.0303vw;
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: -1.31313vw;
}

/* .ask-pop-wrap .ask-pop-bg img:hover {
	transform: scale(1.1);
} */

.ask-pop-wrap .ask-pop-bg h3 {
  font-size: 1.25vw;
  line-height: 1;
  color: #000;
  font-weight: bold;
  margin-bottom: 1.04166vw;
  position: relative;
  z-index: 1;
}

.ask-pop-wrap .ask-pop-bg .txt {
  font-size: 0.83333vw;
  line-height: 1;
  color: rgba(51, 51, 51, 0.6);
  margin-bottom: 2.08333vw;
}

.ask-pop-wrap .ask-pop-bg .input-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.ask-pop-wrap .ask-pop-bg .input-box .input-list {
  position: relative;
  width: 23.4375vw;
  margin-bottom: 2.04166vw;
}

.ask-pop-wrap .ask-pop-bg .input-box .input-list input {
  width: 100%;
  border: 1px solid #d4d4d4;
  padding: 0.83333vw 1.04166vw;
  box-sizing: border-box;
  border-radius: 0.20833vw;
  font-size: 0.83333vw;
  line-height: 1;
  color: #000;
}

.ask-pop-wrap .ask-pop-bg .input-box .input-list input:focus {
  border-color: rgba(65, 150, 246, 0.5);
}

.ask-pop-wrap .ask-pop-bg .input-box .input-list input::placeholder {
  color: rgba(51, 51, 51, 0.6);
}

.ask-pop-wrap .ask-pop-bg .input-box .input-list .tips {
  position: absolute;
  /* top: 50%; */
  /* transform: translateY(-50%); */
  /* right: 0.52083vw; */
  bottom: -1.5vw;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.ask-pop-wrap .ask-pop-bg .input-box .input-list .tips img {
  display: block;
  width: 1.04166vw;
  flex-shrink: 0;
  margin-right: 0.41666vw;
}

.ask-pop-wrap .ask-pop-bg .input-box .input-list .tips span {
  display: block;
  font-size: 0.83333vw;
  line-height: 1.04166vw;
  color: #cf6161;
}

.ask-pop-wrap .ask-pop-bg .describe-box {
  width: 100%;
  margin-bottom: 1.04166vw;
}

.ask-pop-wrap .ask-pop-bg .describe-box textarea {
  display: block;
  width: 100%;
  height: 8.33333vw;
  font-size: 0.83333vw;
  line-height: 1.66666vw;
  border: 1px solid #d4d4d4;
  box-sizing: border-box;
  padding: 0.83333vw 1.04166vw;
  color: #000;
}

.ask-pop-wrap .ask-pop-bg .describe-box .tips {
  display: flex;
  align-items: center;
  margin-top: 1vw;
}

.ask-pop-wrap .ask-pop-bg .describe-box .tips img {
  display: block;
  width: 1.04166vw;
  flex-shrink: 0;
  margin-right: 0.41666vw;
}

.ask-pop-wrap .ask-pop-bg .describe-box .tips span {
  display: block;
  font-size: 0.83333vw;
  line-height: 1.04166vw;
  color: #cf6161;
}

.ask-pop-wrap
  .ask-pop-bg
  .input-box
  .input-list
  input::-webkit-input-placeholder {
  color: rgba(51, 51, 51, 0.6);
}

.ask-pop-wrap .ask-pop-bg .input-box .input-list input:-moz-placeholder {
  color: rgba(51, 51, 51, 0.6);
}

.ask-pop-wrap .ask-pop-bg .input-box .input-list input::-moz-placeholder {
  color: rgba(51, 51, 51, 0.6);
}

.ask-pop-wrap .ask-pop-bg .input-box .input-list input:-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.6);
}

.ask-pop-wrap .ask-pop-bg .describe-box textarea:focus {
  border-color: rgba(65, 150, 246, 0.5);
}

.ask-pop-wrap .ask-pop-bg .describe-box textarea::placeholder {
  color: rgba(51, 51, 51, 0.6);
  /* color: #000; */
}

.ask-pop-wrap .ask-pop-bg .describe-box textarea:-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.6);
  /* color: #000; */
}

.ask-pop-wrap .ask-pop-bg .type-box {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  padding: 0.83333vw 1.04166vw;
  border: 1px solid #d4d4d4;
  margin-bottom: 2.08333vw;
  position: relative;
}

.ask-pop-wrap .ask-pop-bg .type-box > .tips {
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}

.ask-pop-wrap .ask-pop-bg .type-box > .tips img {
  display: block;
  width: 1.04166vw;
  flex-shrink: 0;
  margin-right: 0.41666vw;
}

.ask-pop-wrap .ask-pop-bg .type-box > .tips span {
  display: block;
  font-size: 0.83333vw;
  line-height: 1.04166vw;
  color: #cf6161;
  margin-right: 0.5vw;
  min-width: 13vw;
}

.ask-pop-wrap .ask-pop-bg .type-box span {
  display: block;
  font-size: 0.83333vw;
  line-height: 1;
  color: #000;
  /* margin-right: 1.5625vw; */
  width: 15%;
}
.ask-pop-wrap .ask-pop-bg .type-box .flex-box {
  display: flex;
  flex-wrap: wrap;
}

.ask-pop-wrap .ask-pop-bg .type-box input[type="checkbox"] {
  display: none;
}

.ask-pop-wrap .ask-pop-bg .type-box label {
  display: flex;
  align-items: center;
  font-size: 0.83333vw;
  line-height: 0.83333vw;
  color: #000;
  margin-right: 2.70833vw;
  vertical-align: middle;
  width: 100%;
  margin-bottom: 1vw;
}

.ask-pop-wrap .ask-pop-bg .type-box label::before {
  display: inline-block;
  content: "";
  width: 0.83333vw;
  height: 0.83333vw;
  background: url("/cdn/shop/files/ask-pop-checkbox.png?v=1686114345")
    no-repeat;
  background-size: 100% 100%;
  margin-right: 0.41666vw;
  vertical-align: middle;
}

.ask-pop-wrap
  .ask-pop-bg
  .type-box
  input[type="checkbox"]:checked
  + label::before {
  background-image: url("/cdn/shop/files/ask-pop-checkbox-checked.png?v=1686114346");
}

.ask-pop-wrap .ask-pop-bg .type-box label:last-of-type {
  margin-right: 0;
}

.ask-pop-wrap .ask-pop-bg input[type="submit"] {
  display: block;
  width: 6.25vw;
  margin: 0 auto;
  padding: 0.67708vw 0;
  background: #4196f6;
  border: none;
  font-size: 0.83333vw;
  line-height: 1;
  color: #fff;
  border-radius: 1.09375vw;
  cursor: pointer;
}

.ask-pop-wrap .ask-pop-bg input[type="submit"]:hover {
  opacity: 0.9;
}

.ask-pop-wrap .ask-pop-bg .close {
  position: absolute;
  z-index: 3;
  top: 1.77083vw;
  right: 2.08333vw;
  display: block;
  width: 1.875vw;
  height: 1.875vw;
  cursor: pointer;
}

#ask-pop-button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.25vw;
}

#ask-pop-button img {
  display: block;
  width: 1.25vw;
  margin-right: 0.2vw;
}
#ask-pop-button p {
  font-size: 0.83333vw;
  color: #4196f6;
}
.ask-pop-wrap .ask-pop-bg .close img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.5s;
}

.ask-pop-wrap .ask-pop-bg .close img:first-child {
  opacity: 1;
}

.ask-pop-wrap .ask-pop-bg .close img:last-child {
  opacity: 0;
}

.ask-pop-wrap .ask-pop-bg .close:hover img:first-child {
  opacity: 0;
}

.ask-pop-wrap .ask-pop-bg .close:hover img:last-child {
  opacity: 1;
}

/* 右侧固定样式 */
.fixed-right {
  width: 48px;
  border-radius: 13px;
  background-color: #fff;
  padding: 10px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: fixed;
  right: 25px;
  bottom: 190px;
  z-index: 36;
  /* opacity: 0; */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.fixed-right .part-fix-fn {
  display: block;
  margin: 0 auto;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.fixed-right .part-fix-fn:last-child {
  margin-bottom: 0;
}

.fixed-right .part-fix-fn .icon {
  display: block;
  width: 21px;
  height: 21px;
  margin-bottom: 0.9375vw;
  transition: all 0.2s ease-in;
}

.fixed-right .part-fix-fn .icon:hover {
  opacity: 0.5;
}

.fixed-right-detail-mob {
  display: none;
}
.fixed-right.pc-show .part-fix-fn:nth-last-child(2) .icon {
  margin-bottom: 0;
}
.fixed-right-detail {
  position: absolute;
}

.fixed-right-detail .detail-item:nth-child(1) {
  top: 0;
}

.fixed-right-detail .detail-item:nth-child(2) {
  top: 2vw;
}

.fixed-right-detail .detail-item:nth-child(3) {
  top: 4vw;
}

.fixed-right-detail .detail-item:nth-child(4) {
  top: 6vw;
}

@media screen and (max-width: 750px) {
  .fixed-right {
    width: 8vw;
    padding: 4.33333vw 0;
    bottom: 100px;
    border-radius: 4vw;
  }

  .fixed-right .part-fix-fn {
    padding-top: 2vw;
  }

  .fixed-right .part-fix-fn {
    width: 4.66666vw;
    height: auto;
    margin-bottom: 0;
    display: block;
  }
  .fixed-right .part-fix-fn:first-child {
    padding-top: 0;
  }
  .fixed-right .part-fix-fn .icon {
    width: 100%;
    height: 100%;
  }
}

@media screen and (min-width: 751px) {
  .mob-show {
    display: none;
  }
}

/* 返回顶部 */
.section-backtop {
  width: 45px;
  height: 63px;
  background: url("/cdn/shop/files/backtop-default.png")
    no-repeat;
  background-size: 100% 100%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  position: fixed;
  right: 25px;
  bottom: 100px;
  z-index: 36;
  cursor: pointer;
  display: none;
}

.section-backtop:hover {
  background: url("/cdn/shop/files/backtop-default.png?v=1686114345")
    no-repeat;
  background-size: 100% 100%;
}

@media screen and (max-width: 750px) {
  .section-backtop {
    width: 6.66666vw;
    height: 8vw;
  }
}

/* 右侧相关列表 */
.part-about {
  width: 23.4375vw;
  height: auto;
}

.part-about h2 {
  font-size: 1.66666vw;
  color: #000;
  margin-bottom: 1.35416vw;
}

.part-about .part-about-list {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  border-radius: 0.52083vw;
  overflow: hidden;
  background-color: #fff;
  padding-bottom: 2.5vw;
  margin-bottom: 1.35416vw;
}

.part-about .img-box {
  border-radius: 0.52083vw;
  overflow: hidden;
  width: 100%;
  height: 15.3125vw;
  margin-bottom: 2.39583vw;
}

.part-about .img-box img {
  width: 100%;
  height: 100%;
}

.part-about .box-list-info {
  width: 20.3125vw;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

.part-about .box-list-info h3 {
  font-size: 1.35416vw;
  color: #000;
  margin-bottom: 1.82291vw;
  /* height: 3.22916vw; */
  margin-bottom: 1.71875vw;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.part-about .box-list-info p {
  font-size: 0.9375vw;
  color: #696969;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* 注册弹窗 */
.reg-pop-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  /* display: flex; */
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.4);
  z-index: 9999;
}

.reg-pop-wrap .reg-pop-bg {
  position: relative;
  width: 53.125vw;
  box-sizing: border-box;
  padding: 2.08333vw 2.60416vw;
  border-radius: 1.33333vw;
  background: #fff;
}

.reg-pop-wrap .reg-pop-bg h3 {
  font-size: 1.25vw;
  font-weight: bold;
  color: #222222;
  margin-bottom: 1.04166vw;
}

.reg-pop-wrap .reg-pop-bg h3 span {
  position: relative;
  z-index: 3;
}

.reg-pop-wrap .reg-pop-bg h3 span::after {
  position: absolute;
  content: "";
  left: -0.78125vw;
  bottom: 0;
  width: 3.4895vw;
  height: 1.4583vw;
  background: url("/cdn/shop/files/title-line.png?v=1686114346")
    no-repeat;
  background-size: 100% 100%;
  z-index: -1;
  opacity: 1;
  transition: all 0.2s ease-in;
}

.reg-pop-wrap .reg-pop-bg h4 {
  font-size: 0.83333vw;
  color: #333333;
  opacity: 0.6;
  margin-bottom: 1.19791vw;
}

.reg-pop-wrap .reg-pop-bg .input-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: 0.52083vw 0;
  border-bottom: 1px solid #d4d4d4;
  margin-bottom: 2.04166vw;
  position: relative;
}
.reg-pop-wrap .reg-pop-bg .input-list .area-code {
  font-size: 0.83333vw;
  color: #959595;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: 0.5vw;
  cursor: pointer;
}

.reg-pop-wrap .reg-pop-bg .input-list .area-code .area-txt {
  margin-right: 0.5vw;
}

.reg-pop-wrap .reg-pop-bg .input-list .area-code .area-arr {
  display: block;
  width: 1.25vw;
  height: 1.25vw;
  background-image: url(../icon/creationCenter-xiajiantou.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  transform: rotate(0deg);
  transition: all 0.5s;
}

.reg-pop-wrap .reg-pop-bg .input-list .area-code .other-code {
  position: absolute;
  width: 12vw;
  z-index: 1;
  background: #fafafa;
  cursor: pointer;
  line-height: 1.8;
  color: #a3a3a3;
  font-size: 0.83333vw;
  height: 9.2vw;
  overflow-y: scroll;
  left: 2.6vw;
  top: 2.575vw;
  display: none;
}
.reg-pop-wrap
  .reg-pop-bg
  .input-list
  .area-code
  .other-code::-webkit-scrollbar {
  width: 4px;
}

.reg-pop-wrap
  .reg-pop-bg
  .input-list
  .area-code
  .other-code::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
}

.reg-pop-wrap .reg-pop-bg .input-list .area-code .other-code div:hover {
  color: #000;
}

/* .reg-pop-wrap .reg-pop-bg .input-list.chance {
	padding: 1.19791vw 0 0.9375vw;
} */

.reg-pop-wrap .reg-pop-bg .input-list img {
  display: block;
  width: 1.45833vw;
  margin-right: 0.20833vw;
  margin-left: 1.04166vw;
}

.reg-pop-wrap .reg-pop-bg .input-list input {
  display: flex;
  font-size: 0.83333vw;
  line-height: 1;
  color: #959595;
  border: none;
  outline: none;
  flex: 1;
}

.reg-pop-wrap .reg-pop-bg .input-list input::placeholder {
  color: rgba(0, 0, 0, 0.6);
}

.reg-pop-wrap .reg-pop-bg .input-list .input-btn {
  width: 10.20833vw;
  font-size: 0.83333vw;
  line-height: 1;
  color: #fff;
  text-align: center;
  padding: 0.52083vw 0;
  border-radius: 0.20833vw;
  background: #4196f6;
  cursor: pointer;
  margin-right: 0.26041vw;
}

.reg-pop-wrap .flex-box {
  display: flex;
  /* align-items: center; */
  justify-content: space-between;
  flex-wrap: wrap;
}

.reg-pop-wrap .box {
  width: 23.4375vw;
}

.reg-pop-wrap .reg-pop-bg input[type="submit"] {
  width: 50%;
  padding: 0.83333vw 0;
  font-size: 0.83333vw;
  line-height: 1;
  color: #fff;
  text-align: center;
  border-radius: 0.20833vw;
  background: #4196f6;
  border: none;
  cursor: pointer;
  margin-top: 1.5625vw;
  margin-bottom: 1.04166vw;
  margin-left: 25%;
}

.reg-pop-wrap .reg-pop-bg input[type="submit"]:hover {
  opacity: 0.6;
}

.reg-pop-wrap .reg-pop-bg .btn {
  width: 50%;
  border: 1px solid #d4d4d4;
  padding: 0.78125vw 0;
  font-size: 0.83333vw;
  line-height: 1;
  color: #000;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 1.5625vw;
  cursor: pointer;
}

.reg-pop-wrap .reg-pop-bg .tips {
  font-size: 0.83333vw;
  line-height: 1.5;
  color: #000;
  text-align: center;
  opacity: 0.6;
}

.reg-pop-wrap .reg-pop-bg .close {
  position: absolute;
  top: 1.77083vw;
  right: 2.08333vw;
  display: block;
  width: 1.875vw;
  cursor: pointer;
}

.ask-toast {
  position: absolute;
  top: 3.5vw;
  /* transform: translateY(-50%); */
  /* right: 0.52083vw; */
  bottom: -1.25vw;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.ask-toast img.toast-icon {
  display: block;
  width: 1.04166vw !important;
  margin-right: 0.5vw !important;
}

.ask-toast span {
  display: block;
  font-size: 0.83333vw;
  line-height: 1;
  color: #cf6161;
}

/* .reg-pop-wrap .reg-pop-bg .input-list.chance .ask-toast {
	right: 6.5vw;
} */

@media screen and (max-width: 751px) {
  .reg-pop-wrap .reg-pop-bg {
    width: 84vw;
    padding: 6vw 5.33333vw 7.19999vw;
    border-radius: 1.33333vw;
    height: 85%;
    overflow-y: scroll;
  }

  .reg-pop-wrap .box {
    width: 100%;
  }

  .reg-pop-wrap .reg-pop-bg h3 {
    font-size: 4.8vw;
    font-weight: bold;
    margin-bottom: 1.33333vw;
  }

  .reg-pop-wrap .reg-pop-bg h3 span::after {
    width: 8vw;
    height: 2.66666vw;
    left: -2.78125vw;
  }

  .reg-pop-wrap .reg-pop-bg h4 {
    font-size: 3.2vw;
    margin-bottom: 2.66666vw;
  }

  .reg-pop-wrap .reg-pop-bg .input-list {
    width: 100%;
    margin-bottom: 2.66666vw;
    height: 11.2vw;
    /* border-radius: 0.66666vw; */
    /* border-radius: 1.333vw; */
  }

  .reg-pop-wrap .reg-pop-bg .input-list img {
    width: 3.73333vw;
    margin-left: 2.66666vw;
  }

  .reg-pop-wrap .reg-pop-bg .input-list input {
    font-size: 3.2vw;
  }

  .reg-pop-wrap .reg-pop-bg .input-list .input-btn {
    width: 33.33333vw;
    font-size: 2.4vw;
    line-height: 1.5;
    padding: 1.52083vw 0;
    margin-right: 1.33333vw;
    border-radius: 1.333vw;
  }

  .reg-pop-wrap .reg-pop-bg input[type="submit"] {
    width: 100%;
    margin-left: 0;
    font-size: 3.73333vw;
    padding: 2vw 0;
    margin-top: 4.66666vw;
    margin-bottom: 4vw;
    border-radius: 1.333vw;
  }

  .reg-pop-wrap .reg-pop-bg .btn {
    width: 100%;
    font-size: 3.73333vw;
    padding: 2vw 0;
    margin-bottom: 4vw;
    border-radius: 1.333vw;
  }

  .reg-pop-wrap .reg-pop-bg .tips {
    font-size: 2.66666vw;
    line-height: 1.25;
  }

  .reg-pop-wrap .reg-pop-bg .close {
    width: 8vw;
    right: 4vw;
    top: 4vw;
  }

  .ask-toast {
    top: calc(100% + 3.66666vw);
    transform: none;
    /* left: 2.66666vw; */
  }

  .ask-toast img.toast-icon {
    width: 3.2vw !important;
    margin-right: 1.2vw !important;
  }

  .ask-toast span {
    font-size: 3.2vw;
  }

  /* .reg-pop-wrap .reg-pop-bg .input-list.failed {
		margin-bottom: 11.2vw;
	} */
}

/* 注册弹窗 - END */

/* 登录弹窗 */
.login-pop-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  /* display: flex; */
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1200;
}

.login-pop-wrap .login-pop-bg {
  position: relative;
  width: 28.64583vw;
  box-sizing: border-box;
  padding: 2.08333vw 2.60416vw 1.5625vw;
  border-radius: 1.33333vw;
  background: #fff;
}

.login-pop-wrap .login-pop-bg h3 {
  font-size: 1.25vw;
  line-height: 1.875vw;
  font-weight: bold;
  color: #222222;
  margin-bottom: 1.30208vw;
}

.login-pop-wrap .login-pop-bg h3 span {
  position: relative;
  z-index: 3;
}

.login-pop-wrap .login-pop-bg h3 span::after {
  position: absolute;
  content: "";
  left: -0.78125vw;
  bottom: 0;
  width: 3.4895vw;
  height: 1.4583vw;
  background: url("/cdn/shop/files/title-line.png?v=1686114346")
    no-repeat;
  background-size: 100% 100%;
  z-index: -1;
  opacity: 1;
  transition: all 0.2s ease-in;
}

.login-pop-wrap .login-pop-bg h3 p {
  font-size: 0.83333vw;
  font-weight: normal;
  color: #333333;
  opacity: 0.6;
}

.login-pop-wrap .login-pop-bg h4 {
  font-size: 0.83333vw;
  color: #333333;
  opacity: 0.6;
  margin-bottom: 1.19791vw;
}

.login-pop-wrap .login-pop-bg .input-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: 1.14583vw 0 1.30208vw;
  border-bottom: 1px solid #d4d4d4;
}

.login-pop-wrap .login-pop-bg .input-list.chance {
  padding: 1.04166vw 0 0.9375vw;
}

.login-pop-wrap .login-pop-bg .input-list img {
  display: block;
  width: 1.45833vw;
  margin-right: 0.20833vw;
}

.login-pop-wrap .login-pop-bg .input-list input {
  display: flex;
  font-size: 0.83333vw;
  line-height: 1;
  color: #000;
  border: none;
  outline: none;
  flex: 1;
  opacity: 0.6;
}

.login-pop-wrap .login-pop-bg .input-list input::placeholder {
  color: rgba(0, 0, 0, 0.6);
}

.login-pop-wrap .login-pop-bg .input-list .input-code {
  width: 5.20833vw;
}

.login-pop-wrap .login-pop-bg .input-list .input-code img {
  display: block;
  width: 100%;
}

.login-pop-wrap .login-pop-bg input[type="submit"] {
  width: 100%;
  padding: 0.83333vw 0;
  font-size: 0.83333vw;
  line-height: 1;
  color: #fff;
  text-align: center;
  border-radius: 0.20833vw;
  background: #4196f6;
  border: none;
  cursor: pointer;
  margin-top: 2.60416vw;
  margin-bottom: 1.04166vw;
}

.login-pop-wrap .login-pop-bg input[type="submit"]:hover {
  opacity: 0.6;
}

.login-pop-wrap .login-pop-bg .btn {
  width: 100%;
  border: 1px solid #d4d4d4;
  padding: 0.78125vw 0;
  font-size: 0.83333vw;
  line-height: 1;
  color: #000;
  text-align: center;
  margin-bottom: 1.5625vw;
  cursor: pointer;
}

.login-pop-wrap .login-pop-bg .findBtn {
  font-size: 0.83333vw;
  line-height: 1;
  color: #000;
  text-align: center;
  padding-bottom: 2.03125vw;
  border-bottom: 1px solid #d4d4d4;
  margin-bottom: 1.04166vw;
  cursor: pointer;
}

.login-pop-wrap .login-pop-bg .tips {
  font-size: 0.83333vw;
  line-height: 1;
  color: #000;
  text-align: center;
  opacity: 0.6;
}

.login-pop-wrap .login-pop-bg .close {
  position: absolute;
  top: 1.77083vw;
  right: 2.08333vw;
  display: block;
  width: 1.875vw;
  cursor: pointer;
}

.tip {
  display: flex;
  align-items: center;
  position: static;
  transform: none;
  justify-content: flex-start;
  margin-top: 0.66666vw;
  /* padding-left: 1.5625vw; */
}

.tip img {
  display: block;
  width: 1.04166vw;
  flex-shrink: 0;
  margin-right: 0.41666vw;
}

.tip span {
  display: block;
  font-size: 0.83333vw;
  line-height: 1.04166vw;
  color: #cf6161;
}

@media screen and (max-width: 751px) {
  .login-pop-wrap .login-pop-bg {
    width: 84vw;
    max-height: 90%;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 5.33333vw;
  }

  .login-pop-wrap .login-pop-bg h3 {
    font-size: 4.8vw;
    line-height: 1.5;
    padding-left: 2.66666vw;
  }

  .login-pop-wrap .login-pop-bg h3 span::after {
    width: 8vw;
    height: 2.66666vw;
    left: -3.4vw;
  }

  .login-pop-wrap .login-pop-bg h3 p {
    font-size: 3.2vw;
  }

  .login-pop-wrap .login-pop-bg .input-list {
    padding: 4vw 0;
  }

  .login-pop-wrap .login-pop-bg .input-list.chance {
    padding: 4vw 0;
  }

  .login-pop-wrap .login-pop-bg .input-list input {
    font-size: 3.2vw;
  }

  .login-pop-wrap .login-pop-bg .input-list img {
    width: 3.45833vw;
    margin-right: 1.06666vw;
  }

  .login-pop-wrap .login-pop-bg .input-list .input-code {
    width: 13.20833vw;
  }

  .login-pop-wrap .login-pop-bg input[type="submit"] {
    font-size: 3.73333vw;
    padding: 2vw 0;
    margin-top: 6.66666vw;
    margin-bottom: 4vw;
    border-radius: 1.3333vw;
  }

  .login-pop-wrap .login-pop-bg .btn {
    font-size: 3.73333vw;
    padding: 2vw 0;
    margin-bottom: 0;
    border-radius: 1.3333vw;
  }

  .login-pop-wrap .login-pop-bg .findBtn {
    font-size: 3.73333vw;
    padding: 6.66666vw 0;
    margin-bottom: 0;
  }

  .login-pop-wrap .login-pop-bg .tips {
    font-size: 2.66666vw;
    padding-top: 3vw;
    margin: auto;
    line-height: 1.25;
  }

  .login-pop-wrap .login-pop-bg .close {
    width: 8vw;
    right: 4vw;
    top: 4vw;
  }

  .login-pop-wrap .login-pop-bg .input-list .tip {
    display: flex;
    align-items: center;
    position: static;
    transform: none;
    justify-content: flex-start;
    margin-top: 2.66666vw;
  }

  .login-pop-wrap .login-pop-bg .input-list .tip img {
    display: block;
    width: 3.33333vw;
    flex-shrink: 0;
    margin-right: 0.41666vw;
  }
}

/* 登录弹窗 - END */

/* 忘记密码弹窗 */
.findPws-pop-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  /* display: flex; */
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.4);
  z-index: 9999;
}

.findPws-pop-wrap .findPws-pop-bg {
  position: relative;
  width: 28.64583vw;
  box-sizing: border-box;
  padding: 2.08333vw 2.60416vw 1.5625vw;
  border-radius: 1.33333vw;
  background: #fff;
}

.findPws-pop-wrap .findPws-pop-bg h3 {
  font-size: 1.25vw;
  line-height: 1.875vw;
  font-weight: bold;
  color: #222222;
  margin-bottom: 1.04166vw;
}

.findPws-pop-wrap .findPws-pop-bg h3 span {
  position: relative;
  z-index: 3;
}

.findPws-pop-wrap .findPws-pop-bg h3 span::after {
  position: absolute;
  content: "";
  left: -0.78125vw;
  bottom: 0;
  width: 3.4895vw;
  height: 1.4583vw;
  background: url("/cdn/shop/files/title-line.png?v=1686114346")
    no-repeat;
  background-size: 100% 100%;
  z-index: -1;
  opacity: 1;
  transition: all 0.2s ease-in;
}

.findPws-pop-wrap .findPws-pop-bg h4 {
  font-size: 0.83333vw;
  color: #333333;
  opacity: 0.6;
  margin-bottom: 1.19791vw;
}

.findPws-pop-wrap .findPws-pop-bg .input-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: 1.14583vw 0 1.30208vw;
  border-bottom: 1px solid #d4d4d4;
}

.findPws-pop-wrap .findPws-pop-bg .tips-box {
  display: none;
  align-items: center;
  justify-content: flex-start;
  /* padding-left: 1.5625vw; */
  margin-top: 0.625vw;
}

.findPws-pop-wrap .findPws-pop-bg .tips-box img {
  display: block;
  width: 1.04166vw;
  margin-right: 0.41666vw;
}

.findPws-pop-wrap .findPws-pop-bg .tips-box span {
  display: block;
  font-size: 0.83333vw;
  line-height: 1;
  color: #cf6161;
}

.findPws-pop-wrap .findPws-pop-bg .input-list.chance {
  padding: 1.04166vw 0 0.9375vw;
}

.findPws-pop-wrap .findPws-pop-bg .input-list img {
  display: block;
  width: 1.45833vw;
  margin-right: 0.20833vw;
}

.findPws-pop-wrap .findPws-pop-bg .input-list input {
  display: flex;
  font-size: 0.83333vw;
  line-height: 1;
  color: #000;
  border: none;
  outline: none;
  flex: 1;
}

.findPws-pop-wrap .findPws-pop-bg .input-list input::placeholder {
  color: rgba(0, 0, 0, 0.6);
}

.findPws-pop-wrap .findPws-pop-bg .input-list .input-btn {
  width: 11.20833vw;
  font-size: 0.83333vw;
  line-height: 1;
  color: #fff;
  text-align: center;
  padding: 0.52083vw 0;
  border-radius: 0.20833vw;
  background: #4196f6;
  cursor: pointer;
}

.findPws-pop-wrap .findPws-pop-bg .input-list .input-code img {
  display: block;
  width: 100%;
}

.findPws-pop-wrap .findPws-pop-bg input[type="submit"] {
  width: 100%;
  padding: 0.83333vw 0;
  font-size: 0.83333vw;
  line-height: 1;
  color: #fff;
  text-align: center;
  border-radius: 0.20833vw;
  background: #4196f6;
  border: none;
  cursor: pointer;
  margin-top: 2.60416vw;
  margin-bottom: 1.04166vw;
}

.findPws-pop-wrap .findPws-pop-bg input[type="submit"]:hover {
  opacity: 0.6;
}

.findPws-pop-wrap .findPws-pop-bg .btn {
  width: 100%;
  border: 1px solid #d4d4d4;
  padding: 0.78125vw 0;
  font-size: 0.83333vw;
  line-height: 1;
  color: #000;
  text-align: center;
  margin-bottom: 1.5625vw;
  cursor: pointer;
}

.findPws-pop-wrap .findPws-pop-bg .findBtn {
  font-size: 0.83333vw;
  line-height: 1;
  color: #000;
  text-align: center;
  padding-bottom: 2.03125vw;
  border-bottom: 1px solid #d4d4d4;
  margin-bottom: 1.04166vw;
  cursor: pointer;
}

.findPws-pop-wrap .findPws-pop-bg .tips {
  font-size: 0.83333vw;
  line-height: 1;
  color: #000;
  text-align: center;
  opacity: 0.6;
}

.findPws-pop-wrap .findPws-pop-bg .close {
  position: absolute;
  top: 1.77083vw;
  right: 2.08333vw;
  display: block;
  width: 1.875vw;
  cursor: pointer;
}

/* 隐私政策 */
.privacy-policy {
  width: 100%;
  height: 7vw;
  background-color: #fff;
  padding-left: 13.63636vw;
  position: fixed;
  bottom: 0;
  z-index: 99;
  /* display: none; */
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}

.privacy-policy h2 {
  font-size: 1.21212vw;
  color: #000;
  font-weight: bold;
  margin-top: 1.5vw;
  margin-bottom: 0.8vw;
}

.privacy-policy .warpper {
  display: flex;
}

.privacy-policy .warpper p {
  font-size: 1vw;
  color: #333333;
  opacity: 0.6;
  width: 42vw;
}

.privacy-policy .warpper .warpper-see {
  font-size: 1vw;
  color: #333333;
  text-decoration: underline;
  text-underline-offset: 4px;
  margin-left: 3.53535vw;
  margin-right: 4.8vw;
  font-weight: bold;
}

.privacy-policy .warpper .warpper-see:hover {
  color: #333333;
  opacity: 0.6;
}

.privacy-policy .warpper .warpper-btn {
  display: flex;
  position: relative;
  bottom: 1vw;
}

.privacy-policy .warpper .warpper-btn > div {
  width: 6vw;
  height: 2vw;
  line-height: 2vw;
  background-color: #fff;
  border: 1px solid #999;
  border-color: rgba(153, 153, 153, 0.6);
  text-align: center;
  border-radius: 2vw;
  font-size: 0.8vw;
  color: #666666;
  box-sizing: border-box;
  cursor: pointer;
}

.privacy-policy .warpper .warpper-btn > div:hover {
  background-color: #4196f6;
  color: #fff;
  border: none;
}

.privacy-policy .warpper .warpper-btn .btn-disagree {
  margin-left: 1vw;
}

.wechat-subscription {
  width: 100%;
  height: 7vw;
  background-color: #fff;
  padding-left: 22.72727vw;
  position: fixed;
  bottom: 0;
  z-index: 9999;
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
  padding-top: 1.8vw;
  box-sizing: border-box;
  display: none;
}

.wechat-subscription .wechat-inner {
  display: flex;
}

.wechat-subscription h2 {
  font-size: 1.21212vw;
  color: #000;
  font-weight: bold;
  margin-bottom: 1.4vw;
}

.wechat-subscription .wechat-inner p {
  font-size: 1vw;
  color: #333333;
  opacity: 0.6;
}
.wechat-subscription .wechat-inner .wechat-code {
  width: 36.19791vw;
}

.wechat-subscription .wechat-inner .wechat-code .select-email {
  position: relative;
  width: 36.19791vw;
  padding: 0.9375vw 0;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #dbdbdb;
  margin-left: 3.90625vw;
  justify-content: space-between;
}
.wechat-subscription .wechat-inner .wechat-code .select-email input {
  border: none;
  text-indent: 0.52083vw;
  font-size: 0.83333vw;
}
.wechat-subscription .wechat-inner .wechat-code .select-email .btn {
  /* position: absolute; */
  font-size: 0.72916vw;
  width: 6.25vw;
  height: 2.1875vw;
  border-radius: 0.20833vw;
  color: #ffffff;
  text-align: center;
  border-radius: 0.9375vw;
  background-color: #4196f6;
  right: 11.7vw;
  text-indent: 0;
  cursor: pointer;
}

.wechat-subscription .wechat-inner .wechat-close {
  width: 1.8vw;
  height: 1.8vw;
  background-image: url(../icon/guanbi.png);
  background-size: 100% 100%;
  position: relative;
  bottom: 1.5vw;
  left: 15vw;
  cursor: pointer;
  transition: all 0.5s;
  top: 1vw;
}

.wechat-subscription .wechat-inner .wechat-close:hover {
  background-image: url(../icon/search-close-blue.png);
  background-size: 100% 100%;
}

.section-backtop-mob {
  display: none;
}

.fixed-right-detail .detail-item {
  background-color: #fff;
  border-radius: 0.3vw;
  padding: 0.2vw 0.5vw 0.2vw 0.5vw;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  display: none;
  position: absolute;
  right: 1vw;
}

.fixed-right-detail .fixed-right-detail-item:hover {
  background-color: #4196f6;
  border-radius: 0.3vw;
}

.fixed-right-detail .fixed-right-detail-item:hover a {
  color: #fff;
}

.fixed-right-detail .fixed-right-detail-item a {
  display: block;
  font-size: 0.67708vw;
  line-height: 1.45833vw;
  color: #a3a3a3;
  white-space: nowrap;
}

.fixed-right-detail .fixed-right-detail-item-code {
  padding: 0.2vw;
  width: 5.52083vw;
  height: 5.52083vw;
  background-color: #fff;
  border-radius: 0.3vw;
}

.fixed-right-detail .fixed-right-detail-item-code img {
  width: 100%;
}

@media screen and (max-width: 751px) {
  * {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
  }

  /* 面包屑 */
  .bread-wrap {
    display: none;
  }

  /* 面包屑 - END */

  /* 询盘弹窗 */
  .ask-pop-wrap .ask-pop-bg {
    width: 84vw;
    padding: 6vw 5.33333vw 7.19999vw;
    border-radius: 1.33333vw;
    height: 85%;
    overflow-y: scroll;
  }

  .ask-pop-wrap .ask-pop-bg h3 {
    font-size: 4.8vw;
    /* text-align: center; */
    margin-left: 4vw;
    font-weight: bold;
    margin-bottom: 4vw;
  }

  .ask-pop-wrap .ask-pop-bg .txt {
    font-size: 3.2vw;
    text-align: center;
    margin-bottom: 4vw;
  }

  .ask-pop-wrap .ask-pop-bg .close {
    width: 8vw;
    height: 8vw;
  }

  .ask-pop-wrap .ask-pop-bg .input-box {
    flex-wrap: nowrap;
    flex-direction: column;
  }

  .ask-pop-wrap .ask-pop-bg .input-box .input-list {
    width: 100%;
    margin-bottom: 2.66666vw;
  }

  .ask-pop-wrap .ask-pop-bg .input-box .input-list input {
    width: 100%;
    height: 11.2vw;
    font-size: 3.2vw;
    padding: 0 2.93333vw;
    border-radius: 4px;
  }

  .ask-pop-wrap .ask-pop-bg .describe-box {
    margin-bottom: 5.33333vw;
  }

  .ask-pop-wrap .ask-pop-bg .describe-box textarea {
    height: 21.33333vw;
    font-size: 3.2vw;
    line-height: 4vw;
    padding: 2.8vw;
  }

  .ask-pop-wrap .ask-pop-bg .type-box {
    flex-direction: column;
    border: none;
    margin-bottom: 5.33333vw;
  }

  .ask-pop-wrap .ask-pop-bg .type-box label::before {
    width: 3.33333vw;
    height: 3.46666vw;
    margin-right: 1.33333vw;
  }

  .ask-pop-wrap .ask-pop-bg .type-box span {
    font-size: 3.73333vw;
    margin-bottom: 4.26666vw;
    width: auto;
  }

  .ask-pop-wrap .ask-pop-bg .type-box label {
    font-size: 3.2vw;
    line-height: 1;
    margin-bottom: 4vw;
  }

  .ask-pop-wrap .ask-pop-bg .type-box label:last-of-type {
    margin-bottom: 0;
  }

  .ask-pop-wrap .ask-pop-bg input[type="submit"] {
    width: 35.33333vw;
    font-size: 4.26666vw;
    line-height: 10.66666vw;
    border-radius: 5.33333vw;
    padding: 0;
  }

  #ask-pop-button {
    margin-top: 4.25vw;
    align-items: flex-start;
  }
  #ask-pop-button img {
    width: 3.33333vw;
  }
  #ask-pop-button p {
    font-size: 3.2vw;
    text-align: center;
    width: 90%;
  }

  .ask-pop-wrap .ask-pop-bg .input-box .input-list .tips {
    position: static;
    transform: none;
    justify-content: flex-start;
    margin-top: 2.66666vw;
  }

  .ask-pop-wrap .ask-pop-bg .input-box .input-list .tips img {
    width: 3.33333vw;
  }

  .ask-pop-wrap .ask-pop-bg .input-box .input-list .tips span {
    font-size: 3.2vw;
  }

  /* 询盘弹窗 - END */

  /* 返回顶部 */
  .section-backtop {
    display: none !important;
  }

  .section-backtop-mob-bg {
    width: 100%;
    height: 10.66666vw;
    background-color: #f9f9f9;
  }

  .section-backtop-mob {
    display: block;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5.33333vw 0;
    border-bottom: 1px solid #ededed;
  }

  .section-backtop-mob span {
    font-size: 3.73333vw;
    font-weight: bold;
    color: #000000;
  }

  .section-backtop-mob::before {
    display: block;
    content: "";
    width: 2.66666vw;
    height: 1.73333vw;
    background: url("/cdn/shop/files/common-top.png?v=1686114345")
      no-repeat;
    background-size: cover;
    margin-right: 2.4vw;
  }

  .fixed-right-detail .fixed-right-detail-item {
    right: 10.71875vw;
    background-color: #fff;
    border-radius: 1.5vw;
    padding: 2vw 2vw;
    line-height: 1.45833vw;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
  }

  .fixed-right-detail .fixed-right-detail-item:hover {
    background-color: #4196f6;
    border-radius: 1.5vw;
  }

  .fixed-right-detail .fixed-right-detail-item:hover a {
    color: #fff;
  }

  .fixed-right-detail .fixed-right-detail-item a {
    font-size: 2.73333vw;
    color: #000;
  }

  .fixed-right-detail .fixed-right-detail-item:nth-child(1) {
    bottom: 34vw;
  }

  .fixed-right-detail .fixed-right-detail-item:nth-child(2) {
    bottom: 26.5vw;
  }

  .fixed-right-detail .fixed-right-detail-item-code {
    position: fixed;
    right: 10.71875vw;
    bottom: 15vw;
  }

  .fixed-right-detail .fixed-right-detail-item-code img {
    width: 12.8vw;
  }

  .ask-pop-wrap .ask-pop-bg .describe-box .tips {
    position: static;
    transform: none;
    justify-content: flex-start;
    margin-top: 2.66666vw;
  }

  .ask-pop-wrap .ask-pop-bg .describe-box .tips img {
    width: 3.33333vw;
  }

  .ask-pop-wrap .ask-pop-bg .describe-box .tips span {
    font-size: 3.2vw;
  }

  .ask-pop-wrap .ask-pop-bg .type-box > .tips {
    position: static;
    transform: none;
    justify-content: flex-start;
    align-items: center;
    margin-top: 2.66666vw;
    left: 0;
    bottom: 2vw;
  }

  .ask-pop-wrap .ask-pop-bg .type-box > .tips img {
    width: 3.33333vw;
  }

  .ask-pop-wrap .ask-pop-bg .type-box > .tips span {
    font-size: 3.2vw;
    margin-bottom: 0;
  }

  .ask-pop-wrap .ask-pop-bg h3 .before {
    width: 8vw;
    height: 2.666vw;
    left: -4vw;
  }

  /* 隐私政策 */
  .privacy-policy {
    width: 100vw;
    height: 60vw;
    box-shadow: 0px -8px 40px 0px rgba(198, 198, 199, 0.34);
    opacity: 0.94;
    box-sizing: border-box;
    padding: 0 5.3vw;
    display: flex;
    flex-direction: column;
    bottom: 0;
    background-color: #fff;
  }

  .privacy-policy h2 {
    font-size: 4.8vw;
    text-align: center;
    margin-top: 8vw;
    margin-bottom: 2.66666vw;
  }

  .privacy-policy .warpper {
    flex-direction: column;
  }

  .privacy-policy .warpper p {
    font-size: 3.7vw;
    text-align: center;
    width: 100%;
  }

  .privacy-policy .warpper .warpper-see {
    margin: 4vw auto 4vw;
    font-size: 3.7vw;
    font-weight: normal;
  }

  .privacy-policy .warpper .warpper-btn {
    position: unset;
    margin: 0 auto;
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
  }

  .privacy-policy .warpper .warpper-btn > div {
    width: 40vw;
    height: 10.66666vw;
    border-radius: 10.66666vw;
    line-height: 10.66666vw;
    font-size: 4.26666vw;
    margin-left: 0;
  }

  .privacy-policy .warpper .warpper-btn .btn-agree {
    color: #fff;
    background-color: #4196f6;
    border: #4196f6;
  }

  /* 微信订阅 */
  .wechat-subscription {
    width: 100vw;
    height: 52vw;
    box-shadow: 0px -8px 40px 0px rgba(198, 198, 199, 0.34);
    opacity: 0.94;
    box-sizing: border-box;
    padding: 0 5.3vw;
    bottom: 0;
    background-color: #fff;
  }

  .wechat-subscription h2 {
    font-size: 4.8vw;
    margin-top: 6vw;
    margin-bottom: 2.66666vw;
  }
  .wechat-subscription .wechat-inner {
    flex-direction: column;
  }
  .wechat-subscription .wechat-inner p {
    font-size: 3.2vw;
    width: 60vw;
  }

  .wechat-subscription .wechat-inner p span {
    color: #000;
    font-weight: bold;
  }

  .wechat-subscription .wechat-inner .wechat-code {
    width: 100%;
  }
  .wechat-subscription .wechat-inner .wechat-code .select-email {
    width: 100%;
    margin-left: 0;
  }
  .wechat-subscription .wechat-inner .wechat-code .select-email input {
    height: 7.06666vw;
    font-size: 3.73333vw;
  }
  .wechat-subscription .wechat-inner .wechat-code input.btn {
    width: 35.46666vw;
    height: 10.4vw;
    font-size: 4.26666vw;
    line-height: 10.4vw;
    border-radius: 5.33333vw;
    background-color: #4196f6;
    color: #ffffff;
    margin: auto;
    margin-top: 4vw;
    border: none;
    display: block;
  }
  .wechat-subscription .wechat-inner .wechat-close {
    width: 8vw;
    height: 8vw;
    top: unset;
    left: 80vw;
    bottom: 45vw;
    background-image: url(../icon/mob-wechat-close.png);
  }

  /* 侧边栏弹窗 */
  .fixed-right-detail-mob {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 9999;
  }

  .fixed-right-detail-mob .fixed-right-detail-content {
    display: flex;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 74vw;
    margin: 0 auto;
    padding: 6.4vw 5.33333vw 7.19999vw;
    border-radius: 1.33333vw;
    background: #fff;
  }

  .fixed-right-detail-mob .fixed-right-detail-content h1 {
    text-align: center;
    font-size: 3.2vw;
    color: #000;
    font-weight: bold;
  }

  .fixed-right-detail-mob .fixed-right-detail-mob-close {
    position: absolute;
    z-index: 3;
    top: 1.77083vw;
    right: 2.08333vw;
  }

  .fixed-right-detail-mob .fixed-right-detail-mob-close img {
    width: 6vw;
    height: 6vw;
    cursor: pointer;
  }

  .fixed-right-detail-mob .fixed-righ-img {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .fixed-right-detail-mob .fixed-righ-img img {
    width: 50%;
  }

  .ask-pop-wrap .ask-pop-bg .close {
    right: 5.08333vw;
    top: 3.77083vw;
  }

  .findPws-pop-wrap .findPws-pop-bg {
    width: 84vw;
    max-height: 90%;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 5.33333vw;
  }

  .findPws-pop-wrap .findPws-pop-bg h3 {
    font-size: 4.8vw;
    line-height: 1.5;
    padding-left: 2.66666vw;
  }

  .findPws-pop-wrap .findPws-pop-bg h4 {
    font-size: 3.2vw;
  }

  .findPws-pop-wrap .findPws-pop-bg h3 span::after {
    width: 8vw;
    height: 2.66666vw;
    left: -3.4vw;
  }

  .findPws-pop-wrap .findPws-pop-bg .close {
    width: 8vw;
    right: 4vw;
    top: 4vw;
  }

  .findPws-pop-wrap .findPws-pop-bg .input-list {
    padding: 4vw 0;
  }

  .findPws-pop-wrap .findPws-pop-bg .input-list.chance {
    padding: 4vw 0;
  }

  .findPws-pop-wrap .findPws-pop-bg .input-list img {
    width: 3.45833vw;
    margin-right: 1.06666vw;
  }

  .findPws-pop-wrap .findPws-pop-bg .input-list input {
    font-size: 3.2vw;
  }

  .findPws-pop-wrap .findPws-pop-bg input[type="submit"] {
    font-size: 3.73333vw;
    padding: 2vw 0;
    margin-top: 6.66666vw;
    margin-bottom: 4vw;
    border-radius: 1.333vw;
  }

  .findPws-pop-wrap .findPws-pop-bg .btn {
    font-size: 3.73333vw;
    padding: 2vw 0;
    margin-bottom: 0;
    border-radius: 1.333vw;
  }

  .findPws-pop-wrap .findPws-pop-bg .input-list .input-btn {
    font-size: 3.2vw;
    width: auto;
    padding: 2vw 1vw;
    border-radius: 1.333vw;
    white-space: nowrap;
  }
  .findPws-pop-wrap .findPws-pop-bg .input-list.chance input:first-of-type {
    width: 46%;
    flex-basis: auto;
  }

  .tip {
    margin-top: 1vw;
  }

  .tip span {
    font-size: 3.2vw;
  }

  .tip img {
    width: 3.2vw;
  }

  .section-header-mob .login-register.log-out {
    display: none;
  }

  .findPws-pop-wrap .findPws-pop-bg .tips-box img {
    width: 3.2vw;
  }

  .findPws-pop-wrap .findPws-pop-bg .tips-box span {
    font-size: 3.2vw;
  }
}

.videomask .video iframe {
  width: 42vw;
  height: 25vw;
}

@media screen and (max-width: 751px) {
  .videomask .video iframe {
    width: 80vw;
    height: 54vw;
  }
}

/* 注册验证码弹窗*/

.pop-code {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.4);
  z-index: 9999;
  opacity: 0;
}

.pop-code .login-pop-bg {
  position: relative;
  width: 28.64583vw;
  box-sizing: border-box;
  padding: 2.08333vw 2.60416vw 1.5625vw;
  border-radius: 1.33333vw;
  background: #fff;
}

.pop-code .login-pop-bg h3 {
  font-size: 1.25vw;
  line-height: 1.875vw;
  font-weight: bold;
  color: #222222;
  margin-bottom: 1.30208vw;
}

.pop-code .login-pop-bg h3 span {
  position: relative;
  z-index: 3;
}

.pop-code .login-pop-bg h3 p {
  font-size: 0.83333vw;
  font-weight: normal;
  color: #959595;
}

.pop-code .login-pop-bg h4 {
  font-size: 0.83333vw;
  color: #333333;
  opacity: 0.6;
  margin-bottom: 1.19791vw;
}

.pop-code .login-pop-bg .input-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: 1.14583vw 0 1.30208vw;
  border-bottom: 1px solid #d4d4d4;
}

.pop-code .login-pop-bg .input-list.chance {
  padding: 1.04166vw 0 0.9375vw;
}

.pop-code .login-pop-bg .input-list img {
  display: block;
  width: 1.45833vw;
  margin-right: 0.20833vw;
}

.pop-code .login-pop-bg .input-list input {
  display: flex;
  font-size: 0.83333vw;
  line-height: 1;
  color: #959595;
  border: none;
  outline: none;
  flex: 1;
}

.pop-code .login-pop-bg .input-list input::placeholder {
  color: #959595;
}

.pop-code .login-pop-bg .input-list .input-code {
  width: 5.20833vw;
}

.pop-code .login-pop-bg .input-list .input-code img {
  display: block;
  width: 100%;
}

.pop-code .login-pop-bg input[type="submit"] {
  width: 100%;
  padding: 0.83333vw 0;
  font-size: 0.83333vw;
  line-height: 1;
  color: #fff;
  text-align: center;
  border-radius: 0.20833vw;
  background: #4196f6;
  border: none;
  cursor: pointer;
  margin-top: 2.60416vw;
  margin-bottom: 1.04166vw;
}

.pop-code .login-pop-bg input[type="submit"]:hover {
  opacity: 0.6;
}

.pop-code .login-pop-bg .btn {
  width: 100%;
  border: 1px solid #d4d4d4;
  padding: 0.78125vw 0;
  font-size: 0.83333vw;
  line-height: 1;
  color: #000;
  text-align: center;
  margin-bottom: 1.5625vw;
  cursor: pointer;
  border-radius: 1.25vw;
}

.pop-code .login-pop-bg .findBtn {
  font-size: 0.83333vw;
  line-height: 1;
  color: #000;
  text-align: center;
  padding-bottom: 2.03125vw;
  border-bottom: 1px solid #d4d4d4;
  margin-bottom: 1.04166vw;
  cursor: pointer;
}

.pop-code .login-pop-bg .tips {
  font-size: 0.83333vw;
  line-height: 1;
  color: #000;
  text-align: center;
  opacity: 0.6;
}

.pop-code .login-pop-bg .close {
  position: absolute;
  top: 1.77083vw;
  right: 2.08333vw;
  display: block;
  width: 1.875vw;
  cursor: pointer;
}

.tip {
  display: flex;
  align-items: center;
  position: static;
  transform: none;
  justify-content: flex-start;
  margin-top: 0.66666vw;
  /* margin-left: 1.33333vw; */
}

.tip img {
  display: block;
  width: 1.04166vw;
  flex-shrink: 0;
  margin-right: 0.41666vw;
}

.tip span {
  display: block;
  font-size: 0.83333vw;
  line-height: 1.04166vw;
  color: #cf6161;
}

@media screen and (max-width: 751px) {
  .pop-code .login-pop-bg {
    width: 84vw;
    max-height: 90%;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 5.33333vw;
  }

  .pop-code .login-pop-bg h3 {
    font-size: 4.8vw;
    line-height: 1.5;
    padding-left: 2.66666vw;
  }

  .pop-code .login-pop-bg h3 p {
    font-size: 3.2vw;
    /* font-weight: bold; */
  }

  .pop-code .login-pop-bg .input-list {
    padding: 4vw 0;
  }

  .pop-code .login-pop-bg .input-list.chance {
    padding: 4vw 0;
  }

  .pop-code .login-pop-bg .input-list input {
    font-size: 3.73333vw;
  }

  .pop-code .login-pop-bg .input-list img {
    width: 3.45833vw;
    margin-right: 1.06666vw;
  }

  .pop-code .login-pop-bg .input-list .input-code {
    width: 13.20833vw;
  }

  .pop-code .login-pop-bg input[type="submit"] {
    font-size: 3.73333vw;
    padding: 2.66666vw 0;
    margin-top: 6.66666vw;
    margin-bottom: 4vw;
    border-radius: 1.333vw;
  }

  .pop-code .login-pop-bg .btn {
    font-size: 3.73333vw;
    padding: 2.66666vw 0;
    margin-bottom: 0;
    border-radius: 5.33333vw;
  }

  .pop-code .login-pop-bg .findBtn {
    font-size: 3.73333vw;
    padding: 6.66666vw 0;
    margin-bottom: 0;
  }

  .pop-code .login-pop-bg .tips {
    font-size: 2.66666vw;
    padding: 3vw 0;
    margin: auto;
    line-height: 1.25;
  }

  .pop-code .login-pop-bg .close {
    width: 8vw;
    right: 4vw;
    top: 4vw;
  }

  .tip {
    align-items: center;
    position: static;
    transform: none;
    justify-content: flex-start;
    margin-top: 2.66666vw;
  }

  .tip img {
    display: block;
    width: 3.33333vw;
    flex-shrink: 0;
    margin-right: 0.41666vw;
  }

  .tip span {
    font-size: 3.2vw;
    line-height: 4.04166vw;
  }
}

/* 注册验证码弹窗 - END */

/* 选择性别 */
.reg-pop-wrap .reg-pop-bg .input-list .select-sex {
  font-size: 0.83333vw;
  color: #959595;
  cursor: pointer;
  width: 100%;
  position: relative;
}

.reg-pop-wrap .reg-pop-bg .input-list .select-sex .after {
  content: "";
  display: block;
  width: 1.25vw;
  height: 1.25vw;
  background-image: url(../icon/creationCenter-xiajiantou.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  cursor: pointer;
  transform: rotate(0deg);
  transition: all 0.5s;
  position: absolute;
  top: 50%;
  right: 0.5vw;
  margin-top: -0.625vw;
}

.reg-pop-wrap .reg-pop-bg .input-list .select {
  display: none;
  width: 100%;
  cursor: pointer;
  font-size: 0.83333vw;
  color: #a3a3a3;
  position: absolute;
  top: 3vw;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.5vw 3vw;
  box-sizing: border-box;
  border-radius: 0.5vw;
  background-color: #fff;
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
  z-index: 10;
}

.reg-pop-wrap .reg-pop-bg .input-list .select .option {
  height: 2vw;
  line-height: 2vw;
}

.reg-pop-wrap .reg-pop-bg .input-list .select .option:hover {
  color: #000;
}

/* 选择性别 END*/

/* 选择时间 */
.date-js {
  margin-top: 1vw !important;
  width: 80% !important;
  border-radius: 0.5vw !important;
  box-shadow: 0 0 10px rgb(0 0 0 / 20%) !important;
  background-color: #fff !important;
}

.date-js .show-week {
  height: 2.4vw !important;
}

.date-js .show-week .week-day {
  width: 2.86vw !important;
  height: 2.86vw !important;
  font-size: 0.8777vw !important;
}

.date-js .show-month .month-day {
  width: 2.86vw !important;
  height: 2.86vw !important;
  font-size: 0.8777vw !important;
}

.date-js .show-month .month-day:hover {
  color: #4196f6 !important;
}

.date-js .show-month .month-day.active {
  background-color: #4196f6 !important;
  color: #ffffff !important;
}

/* .date-js .bts {
	font-size: ;
  } */

.date-js .bts .bt:first-of-type {
  border-radius: 0 0 0 0.5vw !important;
}

.date-js .bts .bt:last-of-type {
  border-radius: 0 0 0.5vw 0 !important;
}

.date-js .bts .bt:hover {
  background-color: #4196f6 !important;
  color: #ffffff !important;
}

.date-js .bts .bt:hover {
  background-color: #4196f6 !important;
  color: #ffffff !important;
}

/* 选择时间 */
/* @media screen and (max-width: 1440px) {
  
	.header-nav-wrap .home {
	  margin-top: .4vw;
	}
  
	.header-nav-wrap .header-search-inner .home {
	  margin-top: 0;
	}
  
  } */
.reg-pop-wrap .reg-pop-bg .input-list.chance .country-search {
  position: absolute;
  width: 100%;
  height: 9vw;
  overflow-y: scroll;
  color: #a3a3a3;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  text-indent: 1em;
  line-height: 2.5;
  border-radius: 0 0 0.52083vw 0.52083vw;
  font-size: 0.83333vw;
  display: none;
  background-color: #fafafa;
  z-index: 2;
}

.reg-pop-wrap .reg-pop-bg .input-list.chance i {
  width: 1.25vw;
  height: 1.25vw;
  background-image: url(../icon/creationCenter-xiajiantou.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  transform: rotate(0deg);
  transition: all 0.5s;
  position: absolute;
  right: 0.5vw;
}

.reg-pop-wrap .reg-pop-bg .input-list.chance .search-none {
  position: absolute;
  width: 100%;
  height: 3vw;
  color: #a3a3a3;
  top: 3vw;
  left: 50%;
  transform: translateX(-50%);
  text-indent: 1em;
  line-height: 3vw;
  border-radius: 0 0 0.52083vw 0.52083vw;
  font-size: 0.83333vw;
  /* display: none; */
  background-color: #fafafa;
  z-index: 1;
}

.reg-pop-wrap .reg-pop-bg .input-list.chance .country-search div:hover {
  font-weight: bold;
  cursor: pointer;
  color: #000;
}

.reg-pop-wrap
  .reg-pop-bg
  .input-list.chance
  .country-search::-webkit-scrollbar {
  width: 4px;
}

.reg-pop-wrap
  .reg-pop-bg
  .input-list.chance
  .country-search::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 751px) {
  .section-header-mob {
    display: none;
  }
}

@media screen and (max-width: 751px) {
  .section-header-pc {
    display: none;
  }

  /* 注册选填性别 */
  .reg-pop-wrap .reg-pop-bg .input-list .select-sex .after {
    width: 5vw;
    height: 5vw;
    margin-top: -2.5vw;
  }

  .reg-pop-wrap .reg-pop-bg .input-list .select {
    height: 15vw;
    top: 12vw;
    padding: 2vw 4vw;
    box-sizing: border-box;
  }

  .reg-pop-wrap .reg-pop-bg .input-list .select .option {
    height: 6vw;
    line-height: 6vw;
    font-size: 3.2vw;
  }

  .reg-pop-wrap .reg-pop-bg .input-list .select-sex span {
    font-size: 3.2vw;
  }

  /* 注册选填性别  END*/

  /* 注册选填国家 END*/

  .reg-pop-wrap .reg-pop-bg .input-list.chance i {
    width: 5vw;
    height: 5vw;
    margin-top: -2.5vw;
  }

  .reg-pop-wrap .reg-pop-bg .input-list.chance .search-none {
    top: 100%;
    font-size: 3.2vw;
    height: 6vw;
    line-height: 6vw;
  }
  .reg-pop-wrap .reg-pop-bg .input-list.chance .country-search {
    font-size: 3.2vw;
    height: 30vw;
  }

  /* 时间日期 移动 */
  .reg-pop-wrap .reg-pop-bg .input-list .mob-date-pub {
    width: 100%;
  }

  .regAno-pop-wrap .reg-pop-bg .input-list .mob-date-pub span {
    color: #000;
    font-size: 3.4vw;
  }

  .reg-pop-wrap .reg-pop-bg .input-list .mob-date-pub select {
    width: 23%;
    border: none;
    font-size: 2.8vw !important;
    color: #959595;
    background-image: url(../icon/creationCenter-xiajiantou.png);
    background-repeat: no-repeat;
    background-size: 5vw 5vw;
    background-position: right center;
  }
  .reg-pop-wrap .reg-pop-bg .input-list .mob-date-pub span {
    font-size: 2.8vw;
    color: #959595;
  }
  /* 移动端导航栏 */
  .section-header-mob {
    position: relative;
    width: 92%;
    /* height: 12vw; */
    background-color: #fff;
    box-sizing: unset;
  }

  .section-header-mob * {
    box-sizing: unset;
  }

  .section-header-mob .right {
    display: flex;
    justify-content: space-between;
    padding: 3.33333vw 4vw;
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    width: 92%;
    background-color: #fff;
    padding-top: 4.66666vw;
    margin-top: -0.66666vw;
    z-index: 500;
    align-items: center;
  }

  .section-header-mob .open img {
    width: 4vw;
  }

  .section-header-mob .open img.active {
    display: none;
  }

  .section-header-mob .logo img {
    width: 16.66666vw;
  }

  .section-header-mob .icon-search img {
    width: 3vw;
  }

  .section-header-mob .shopping {
    /* background-color: #f4f4f4; */
    padding: 4vw 2.66666vw;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #f4f4f4;
  }

  .section-header-mob .shopping-mall {
    border-bottom: 1px solid #f4f4f4;
    display: none;
    padding: 3.33333vw 0;
  }

  .section-header-mob .shopping-mall.active {
    display: block;
  }

  .section-header-mob .shopping-mall a {
    display: block;
    padding: 3.33333vw 0;
    margin: 0 6.66666vw;
    margin-left: 9.33333vw;
    font-size: 3.2vw;
    color: #959595;
    line-height: 1;
  }

  .section-header-mob .shopping .l-part a {
    padding: 1.6vw 4vw;
    display: inline-block;
    border-radius: 4vw;
    color: #000;
    font-weight: bold;
    font-size: 3.2vw;
    border: 1px solid #000;
    margin-top: 1.33333vw;
  }

  .section-header-mob .shopping .l-part a.active {
    background-color: #4196f6;
    color: #fff;
    border: 1px solid #4196f6;
  }

  .section-header-mob .shopping .l-part a .arr {
    display: inline-block;
    width: 1.33333vw;
    height: 1.06666vw;
    margin-left: 1.73333vw;
    margin-bottom: 0.53333vw;
    background: url(../icon/icon-down-b.png) no-repeat;
    background-size: 100% 100%;
  }

  .section-header-mob .shopping .l-part a.active .arr {
    background: url(../icon/icon-up-w.png) no-repeat;
    width: 1.93333vw;
    margin-left: 1.13333vw;
  }

  .section-header-mob .shopping .r-part {
    margin: auto 0;
    position: relative;
  }

  .section-header-mob .shopping .r-part a {
    display: inline-block;
    margin-right: 9.33333vw;
    padding: 2.66666vw 3.06666vw;
  }

  .section-header-mob .shopping .r-part a span {
    font-size: 3.73333vw;
    color: #000;
  }

  .section-header-mob .shopping .r-part a .arr {
    display: inline-block;
    width: 1.33333vw;
    height: 1.06666vw;
    margin-left: 1.73333vw;
    margin-bottom: 0.53333vw;
    background: url(../icon/icon-down-b.png) no-repeat;
    background-size: 100% 100%;
  }

  .section-header-mob .shopping .r-part a.active .arr {
    background: url(../icon/arr-top.png) no-repeat;
    width: 1.93333vw;
    margin-left: 1.13333vw;
  }

  .section-header-mob .shopping .r-part .icon-user {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 2.66666vw;
    transform: translateY(-50%);
  }

  .section-header-mob .languages {
    border-bottom: 1px solid #f4f4f4;
    display: none;
    padding: 3.33333vw 0;
  }

  .section-header-mob .languages.active {
    display: block;
  }

  .section-header-mob .languages a {
    display: block;
    padding: 3.33333vw 0;
    margin: 0 6.66666vw;
    margin-left: 9.33333vw;
    font-size: 3.2vw;
    color: #959595;
    line-height: 1;
  }

  .section-header-mob .login-register {
    border-bottom: 1px solid #f4f4f4;
    display: none;
    padding: 3.33333vw 0;
  }

  .section-header-mob .login-register.active {
    display: block;
  }

  .section-header-mob .login-register a {
    display: block;
    padding: 3.33333vw 0;
    margin: 0 6.66666vw;
    margin-left: 9.33333vw;
    font-size: 3.2vw;
    color: #959595;
    line-height: 1;
  }

  .section-header-mob .shopping .r-part .icon-user img {
    width: 2.8vw;
  }

  .section-header-mob .nav-all {
    overflow-y: auto;
    background-color: #fff;
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 10002;
    top: 12.06666vw;
    /* padding-bottom: 1.33333vw; */
    border-top: 1px solid #f4f4f4;
    height: calc(100% - 12.06666vw);
    display: none;
    box-shadow: 4px 7px 40px 0px rgba(198, 198, 199, 0.15);
    z-index: 500;
  }

  .section-header-mob .nav-all.show {
    display: block;
  }

  .section-header-mob .header-nav h2 {
    padding: 4vw 0;
    margin: 0 6.66666vw;
    /* border-bottom: 1px solid #f4f4f4; */
    position: relative;
  }

  .section-header-mob .header-nav h2 a {
    font-size: 4.26666vw;
    color: #000;
  }

  .section-header-mob .header-nav h2 a img {
    width: 3.2vw;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }

  .section-header-mob .header-nav h2 a .up {
    display: none;
  }

  .section-header-mob .header-nav h2 a img.active {
    display: none;
  }

  .section-header-mob .header-nav h2 a img.active1 {
    display: block;
  }

  .section-header-mob .header-nav .header-v2 {
    display: none;
  }

  .section-header-mob .header-nav .header-v2.active {
    display: block;
  }

  .section-header-mob .header-nav .header-v2 h3 {
    padding: 3.33333vw 0;
    margin: 0 6.66666vw;
    border-top: 1px solid #f4f4f4;
    margin-left: 9.33333vw;
    position: relative;
  }

  .section-header-mob .header-nav .header-v2 h3:last-of-type {
    border-bottom: 1px solid #f4f4f4;
  }

  .section-header-mob .header-nav .header-v2 h3 a {
    font-size: 3.73333vw;
    color: #000;
  }

  .section-header-mob .header-nav .header-v2 h3 a img {
    width: 3.2vw;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }

  .section-header-mob .header-nav .header-v3 {
    display: none;
    border-bottom: 1px solid #f4f4f4;
    margin: 0 6.66666vw;
  }

  .section-header-mob .header-nav .header-v3.active {
    display: block;
  }

  .section-header-mob .header-nav .header-v3 h4 {
    padding: 3.33333vw 0;
    position: relative;
    margin-left: 2.66666vw;
  }

  .section-header-mob .header-nav .header-v3 h4 a {
    font-size: 3.2vw;
    color: #959595;
    line-height: 1;
  }

  .section-header-mob .header-nav .header-v3 h4.show a {
    font-weight: bold;
    color: #000;
  }

  .section-header-mob .header-nav .header-v2 h3 .line {
    width: 8.93333vw;
    height: 3.73333vw;
    position: absolute;
    left: -2.66666vw;
    top: 33%;
    z-index: -1;
    background: linear-gradient(128deg, #77fef0, #77ff81);
    border-radius: 1.86666vw;
    opacity: 0;
    transition: all 0.2s ease-in;
  }

  .section-header-mob .header-nav .header-v2 h3.show .line {
    opacity: 1;
  }

  .section-header-mob .header-nav .header-v3 h4 .line {
    width: 9.93333vw;
    height: 3.73333vw;
    position: absolute;
    left: -2.66666vw;
    top: 33%;
    z-index: -1;
    background: linear-gradient(128deg, #77fef0, #77ff81);
    border-radius: 1.86666vw;
    opacity: 0;
    transition: all 0.2s ease-in;
  }

  .section-header-mob .header-nav .header-v3 h4.show .line {
    opacity: 1;
  }

  .section-header-mob .header-nav .header-v3 h4 a img {
    width: 3.2vw;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }

  .section-header-mob .header-nav h3 a .up {
    display: none;
  }

  .section-header-mob .header-nav h3 a img.active {
    display: none;
  }

  .section-header-mob .header-nav h3 a img.active1 {
    display: block;
  }

  .section-header-mob .header-nav .header-v4 {
    background-color: #f9f9f9;
    margin: 0 -6.66666vw;
    display: none;
  }

  .section-header-mob .header-nav .header-v4.header-v4-ano {
    margin: 0;
  }

  .section-header-mob .header-nav .header-v4.active {
    display: block;
  }

  .section-header-mob .header-nav .header-v4 .v4-content {
    display: flex;
    flex-wrap: wrap;
    padding: 4vw 5.33333vw;
    /* margin: 0 -4vw; */
  }

  .section-header-mob .header-nav .header-v4 .v4-content .v4-box {
    width: 50%;
    padding: 0 2vw;
    margin: 0 -2vw;
    text-align: center;
  }

  .section-header-mob .header-nav .header-v4 .v4-content .v4-box img {
    width: 41.33333vw;
    vertical-align: middle;
  }

  .section-header-mob .header-nav .header-v4 .v4-content .v4-box .v4-txt {
    font-size: 3.2vw;
    color: #959595;
    text-align: center;
    padding: 2.66666vw 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 70%;
    margin: auto;
  }

  .reg-pop-wrap .reg-pop-bg .input-list .area-code {
    font-size: 3.2vw;
  }
  .reg-pop-wrap .reg-pop-bg .input-list .area-code .area-arr {
    width: 5vw;
    height: 5vw;
  }
  .reg-pop-wrap .reg-pop-bg .input-list .area-code .other-code {
    font-size: 3.2vw;
    width: 60vw;
    height: 18.2vw;
    top: 8.8vw;
    left: 6.8vw;
    height: 31vw;
  }
}

.section-header-mob .header-nav .header-v4 .v4-content .v4-box.more-con {
  display: none;
}

.section-header-mob .header-nav .header-v4 .v4-content .v4-box.more-con.active {
  display: block;
}

.section-header-mob .header-nav .header-v4 .nav-btn {
  text-align: center;
  margin-top: -2.66666vw;
  padding-bottom: 5.33333vw;
}

.section-header-mob .header-nav .header-v4 .nav-btn .btn-v4 {
  padding: 1.6vw 0;
  display: inline-block;
  border-radius: 4vw;
  background-color: #fff;
  color: #000;
  font-weight: bold;
  font-size: 3.2vw;
  position: relative;
}

.section-header-mob .header-nav .header-v4 .nav-btn .btn-v4 a {
  color: #000;
  padding: 0 3vw;
}

.section-header-mob .header-nav .header-v4 .nav-btn .btn-v4 .shu::after {
  content: "";
  width: 0.26666vw;
  height: 45%;
  background-color: #696969;
  opacity: 0.5;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.section-header-mob .header-nav .header-v4 .nav-btn img {
  width: 3.2vw;
  vertical-align: middle;
  display: inline-block;
  margin-right: 1.06666vw;
  padding-bottom: 0.4vw;
}

.section-header-mob .header-nav h4 a .up {
  display: none;
}

.section-header-mob .header-nav h4 a img.active {
  display: none;
}

.section-header-mob .header-nav h4 a img.active1 {
  display: block;
}

.section-header-mob .part-search-mob {
  overflow: hidden;
  background-color: #fff;
  width: 93%;
  position: fixed;
  z-index: 10000;
  /* top: 12.8vw; */
  border-top: 1px solid #f4f4f4;
  /* height: 56.66666vw; */
  display: none;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 0px 0px 10px 10px;
  padding-bottom: 2.66666vw;
}

.section-header-mob .part-search-mob.show-active {
  display: block;
}

.section-header-mob .part-search-mob .search-input {
  padding: 2vw 4vw 2vw 4vw;
  position: relative;
  /* border-bottom: 1px solid #f4f4f4; */
}

.section-header-mob .part-search-mob .input-icon {
  width: 4vw;
  position: absolute;
  left: 4.66666vw;
  top: 50%;
  transform: translateY(-50%);
}

.section-header-mob .part-search-mob .close-icon {
  position: absolute;
  width: 4vw;
  right: 8vw;
  top: 50%;
  transform: translateY(-50%);
}

.section-header-mob .part-search-mob input {
  border-radius: 13.33333vw;
  width: 96%;
  height: 7.93333vw;
  line-height: 7.93333vw;
  font-size: 4vw;
  padding-left: 6.66666vw;
  box-shadow: none;
  border: none;
}

.section-header-mob .part-search-mob .search-guess {
  padding: 0 4vw 4vw 4vw;
  padding-left: 10.66666vw;
}

.section-header-mob .part-search-mob .search-guess h3 {
  font-size: 4vw;
  /* border-bottom: 1px solid #f4f4f4; */
  /* padding: 1.333333vw 0; */
}

.section-header-mob .part-search-mob .search-guess .guess-content {
  display: flex;
  flex-direction: column;
}

.section-header-mob .part-search-mob .search-guess .guess-content a {
  font-size: 3.2vw;
  color: rgba(0, 0, 0, 0.6);
  display: inline-block;
  padding-top: 4vw;
}

.section-header-mob .search-mask {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  width: 100%;
  height: calc(100vh - 100%);
  background: rgba(0, 0, 0, 0.4);
  z-index: 20;
}

.section-header-mob .search-mask.active {
  display: block;
}

@media screen and (max-width: 575px){
.section-header-mob .icon-search img {
    width: 3.8vw;
}

@media screen and (max-width: 480px){
.section-header-mob .icon-search img {
    width: 4.8vw;
}