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

* {
  -webkit-tap-highlight-color: transparent;
}

div {
  -webkit-user-select: unset;
}

/* 公共样式 */

/* 关闭按钮 */
.close-pop-btn {
  display: block;
  width: 1.09375vw;
  transition: .3s all ease-out;
  cursor: pointer;
  transform: rotate(90deg);
  opacity: .4;
}

.close-pop-btn:hover {
  transform: rotate(0);
  opacity: 1;
}

/* 左填充箭头 */
.left-fill-arr {
  width: 2.08333vw;
  height: 2.08333vw;
  background: url("../icon/left-fill-arr.png");
  background-size: 100% 100%;
  transition: .3s all ease-out;
}

.left-fill-arr:hover {
  background-image: url("../icon/left-fill-arr-hover.png");
}

/* 左填充箭头 - END */

/* 填充按钮 */
.fill-btn {
  display: block;
  width: 8.25vw;
  margin: 0 auto;
  font-size: 0.83333vw;
  line-height: 2.1875vw;
  text-align: center;
  color: #fff;
  border-radius: 1.09375vw;
  background: #000;
  transition: .3s all ease-out;
  cursor: pointer;
}

.fill-btn:hover {
  opacity: .8;
}

/* 填充按钮 - END */

/* 右填充箭头 */
.right-fill-arr {
  width: 2.08333vw;
  height: 2.08333vw;
  background: url("../icon/right-fill-arr.png");
  background-size: 100% 100%;
  transition: .3s all ease-out;
}

.right-fill-arr:hover {
  background-image: url("../icon/right-fill-arr-hover.png");
}

/* 更多产品 */
.more-product-btn {
  display: block;
  width: 10.8125vw;
  margin: 0 auto;
  font-size: 0.9375vw;
  line-height: 3.125vw;
  color: #000;
  text-align: center;
  background: #F9F9F9;
  border-radius: 1.5625vw;
  transition: .3s all ease-out;
}

.more-product-btn::before {
  display: inline-block;
  content: "";
  width: 1em;
  height: 1em;
  background: url("../icon/more-product-icon.png") no-repeat;
  background-size: 100% 100%;
  vertical-align: -.15em;
  margin-right: 0.625vw;
  transition: .3s all ease-out;
}

.more-product-btn:hover {
  opacity: .8;
}

.more-product-btn:hover::before {
  transform: rotate(-90deg);
}

/* 更多产品 - END */

/* 购买边框按钮 */
.buy-border-btn {
  position: relative;
  display: block;
  width: 5.52083vw;
  box-sizing: border-box;
  font-size: 0.83333vw;
  line-height: 2.08333vw;
  text-align: center;
  color: #fff;
  border: 0.05208vw solid rgba(255, 255, 255, .4);
  border-radius: 1.14583vw;
  transition: .3s ease-out;
}

.buy-border-btn::after {
  display: none;
  content: "";
  width: 0.46875vw;
  height: 0.41666vw;
  background: url("../icon/arr-down-white.png") no-repeat;
  background-size: 100% 100%;
  margin-left: 0.78125vw;
  transition: .3s ease-out;
}

/* 购买边框按钮 - END */

/* 询盘边框按钮 */
.ask-border-btn {
  position: relative;
  display: block;
  width: 5.52083vw;
  box-sizing: border-box;
  font-size: 0.83333vw;
  line-height: 2.08333vw;
  text-align: center;
  color: #fff;
  border: 0.05208vw solid rgba(255, 255, 255, .4);
  border-radius: 1.14583vw;
  transition: .3s ease-out;
}

/* 询盘边框按钮 - END */

/* 了解更多边框按钮 */
.more-border-btn {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  font-size: 0.83333vw;
  line-height: 2.08333vw;
  text-align: center;
  color: #fff;
  border: 0.05208vw solid rgba(255, 255, 255, .4);
  padding-left: 1.04166vw;
  padding-right: 2.08333vw;
  border-radius: 1.14583vw;
  transition: .3s ease-out;
}

.ani {
  margin-right: 1.04166vw;
}

.ani:last-child {
  margin-right: 0;
}

.more-border-btn::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.04166vw;
  content: "";
  width: 0.41666vw;
  height: 0.625vw;
  background: url("../icon/arr-right-white.png") no-repeat;
  background-size: 100% 100%;
  transition: .3s ease-out;
}

/* 了解更多边框按钮 - END */

/* 了解更多按钮无边框 */
.more-btn {
  display: block; width: 96px; height: 96px; background: url(../images/videobtn.png) no-repeat; margin-bottom: 15px;
}

.more-btn::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  content: "";
  width: 0.41666vw;
  height: 0.625vw;
  background: url("../icon/arr-right-white.png") no-repeat;
  background-size: 100% 100%;
  transition: .3s ease-out;
}

.more-btn.black-arr::before {
  background-image: url("../icon/black-arr.png");
}

.more-btn:hover {
  border-color: #fff;
}

.more-btn:hover::before {
  right: -0.3125vw;
}

/* 了解更多按钮无边框 - END */

/* 大标题 */
.headline {
  font-size: 2.60416vw;
  line-height: 1;
  font-weight: bold;
}

.headline.product-name {
  font-family: "DIN";
}

/* 大标题 - END */

/* 介绍文字 */
.int-text {
  font-size: 1.25vw;
  line-height: 1;
}

/* 公共样式 END */

/* 顶部导航栏 */
.insidel-header-nav-wrap {
  height: 4.42708vw;
}

.insidel-header-nav-wrap .header-nav-wrap {
  background: #000;
}

.header-nav-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 50;
  transition: .3s all ease-out;
}

.header-nav-wrap.nav-bg {
  background: #000;
}

.header-nav-wrap.nav-bg .header-nav-inner {
  border-bottom: none;
}

#nav-mask {
  position: fixed;
  top: 4.375vw;
  left: 0;
  display: none;
  width: 100%;
  height: 0;
  height: calc(100vh - 4.375vw);
  background: rgba(0, 0, 0, .4);
  z-index: 1;
}

.header-nav-wrap .header-nav-inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 96.35416vw;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 1.19791vw;
  padding-top: 1.30208vw;
  border-bottom: 1px solid rgba(223, 223, 223, .3);
}

.header-nav-wrap .home {
  display: block;
  width: 9.375vw;
  margin-top: .2vw;
}

.header-nav-wrap .home img {
  display: block;
  width: 100%;
}

.header-nav-wrap .header-nav-inner .header-nav-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: 0.3125vw;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item {
  position: relative;
  display: block;
  padding-bottom: 1.66666vw;
  margin-right: 4.16666vw;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item::before {
  position: absolute;
  content: "";
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 0;
  height: 2px;
  background: #fff;
  border-radius: 1px;
  transition: .3s ease-out;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-title {
  font-size: 0.83333vw;
  line-height: 1;
  color: #fff;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap {
  position: fixed;
  display: none;
  top: 4.3vw;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 50;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap .close-pop-btn {
  position: absolute;
  top: 4.16666vw;
  right: 5.72916vw;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap .header-nav-pull-inner {
  width: 88.54166vw;
  margin: 0 auto;
  padding: 2.08333vw 0;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap .header-nav-pull-inner .scence-swiper-item {
  display: none;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap .header-nav-pull-inner .scence-swiper-item:first-child {
  display: block;
}

.header-nav-bread-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  box-sizing: border-box;
  padding: 0.67708vw 5.72916vw;
  background: #F9F9F9;
}

.header-nav-bread-wrap .header-nav-bread-item {
  font-size: 0.72916vw;
  line-height: 1;
  color: #000;
}

.header-nav-bread-wrap .header-nav-bread-item img {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -.15em;
  margin-right: 0.3125vw;
}

.header-nav-bread-wrap .header-nav-bread-item::after {
  display: inline-block;
  content: "\00A0>\00A0";
  font-size: 0.72916vw;
  line-height: 1;
  color: #000;
}

.header-nav-bread-wrap .header-nav-bread-item:last-child:after {
  display: none;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap .header-nav-pull-inner .header-nav-tab-list-wrap .header-nav-tab-wrap-item {
  display: none;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap .header-nav-pull-inner .header-nav-tab-list-wrap .header-nav-tab-wrap-item:first-child {
  display: block;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap .header-nav-pull-inner .header-nav-tab-list {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  padding-bottom: 1.5625vw;
  border-bottom: 1px solid #DBDBDB;
  margin-bottom: 1.5625vw;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap .header-nav-pull-inner .header-nav-tab-list .header-nav-tab-item {
  font-size: 1.25vw;
  line-height: 1;
  color: #959595;
  text-align: center;
  cursor: pointer;
  margin-right: 6.16666vw;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap .header-nav-pull-inner .header-nav-tab-list .header-nav-tab-item:last-child {
  margin-right: 0;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap .header-nav-pull-inner .header-nav-tab-list .header-nav-tab-item.active {
  color: #000;
  font-weight: bold;
  transform: scale(1.3);
  transform-origin: left bottom;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap.product {
  overflow-y: auto;
  height: 100%;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap.product .header-nav-pull-inner .header-nav-secound-tab-list-wrap {
  position: relative;
  padding: 0 8.07291vw;
  margin-bottom: 1.5625vw;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap.product .header-nav-pull-inner .header-nav-secound-tab-list-wrap .header-nav-secound-tab-arr {
  position: absolute;
  top: -0.46875vw;
  cursor: pointer;
  z-index: 50;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap.product .header-nav-pull-inner .header-nav-secound-tab-list-wrap .header-nav-secound-tab-arr.left {
  left: 0;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap.product .header-nav-pull-inner .header-nav-secound-tab-list-wrap .header-nav-secound-tab-arr.right {
  right: 0;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap.product .header-nav-pull-inner .header-nav-secound-tab-list-box {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 2.86458vw !important;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap.product .header-nav-pull-inner .header-nav-secound-tab-list {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 1.5625vw;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap.product .header-nav-pull-inner .header-nav-secound-tab-list .header-nav-secound-tab-item {
  position: relative;
  font-size: 1.25vw;
  line-height: 1.2;
  color: #000;
  cursor: pointer;
  padding-bottom: 1.30208vw;
  flex-shrink: 0;
  margin-right: 4.16666vw;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap.product .header-nav-pull-inner .header-nav-secound-tab-list .header-nav-secound-tab-item::before {
  position: absolute;
  content: "";
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 0;
  height: 0.26041vw;
  background: #000;
  transition: .3s all ease-out;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap.product .header-nav-pull-inner .header-nav-secound-tab-list .header-nav-secound-tab-item.active {
  font-weight: bold;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap.product .header-nav-pull-inner .header-nav-secound-tab-list .header-nav-secound-tab-item.active::before {
  width: 100%;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap.product .header-nav-pull-inner .header-nav-product-list-wrap {
  margin-bottom: 1.5625vw;
  display: none;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap.product .header-nav-pull-inner .header-nav-product-list-wrap.active {
  display: block;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap.product .header-nav-pull-inner .header-nav-product-list-wrap .header-nav-product-list {
  display: flex;
  /* align-items: flex-start;
  justify-content: space-between; */
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap.product .header-nav-pull-inner .header-nav-product-list-wrap .header-nav-product-list .header-nav-product-item {
  width: 20.15625vw;
  background: #F9F9F9;
  padding-bottom: 2.60416vw;
  border-radius: 0.52083vw;
  transition: .3s all ease-out;
  margin-right: 2.6vw;
}
.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap.product .header-nav-pull-inner .header-nav-product-list-wrap .header-nav-product-list .header-nav-product-item:last-child {
  margin-right: 0;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap.product .header-nav-pull-inner .header-nav-product-list-wrap .header-nav-product-list .header-nav-product-item:hover {
  opacity: .8;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap.product .header-nav-pull-inner .header-nav-product-list-wrap .header-nav-product-list .header-nav-product-item .pic {
  width: 100%;
  margin-bottom: 1.04166vw;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap.product .header-nav-pull-inner .header-nav-product-list-wrap .header-nav-product-list .header-nav-product-item .pic img {
  display: block;
  width: 100%;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap.product .header-nav-pull-inner .header-nav-product-list-wrap .header-nav-product-list .header-nav-product-item p {
  font-family: "DIN";
  font-size: 1.66666vw;
  color: #000;
  text-align: center;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap.scene .header-nav-pull-inner {
  position: relative;
  padding-bottom: 5.20833vw;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap.scene .scene-swiper-pagination {
  width: 100%;
  left: 0;
  bottom: 2.60416vw;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap.scene .scene-swiper-list .scene-swiper-item {
  display: none;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap.scene .scene-swiper-list .scene-swiper-item:first-child {
  display: block;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap.scene .scene-swiper-pagination .swiper-pagination-bullet {
  width: 1.04166vw;
  height: 0.52083vw;
  border-radius: 0.26041vw;
  background: #000;
  opacity: .4;
  margin: 0 0.26041vw;
  transition: .3s all ease-out;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap.scene .scene-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 1.5625vw;
  opacity: 1;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap.scene .scene-swiper .swiper-wrapper {
  height: 15.20833vw;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap.scene .scene-swiper .swiper-slide {
  width: 21.35416vw;
  height: 100%;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap.scene .scene-swiper .swiper-slide a {
  display: block;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap.scene .scene-swiper .swiper-slide .pic {
  display: block;
  width: 100%;
  height: 12.76041vw;
  border-radius: 0.52083vw;
  overflow: hidden;
  margin-bottom: 1vw;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap.scene .scene-swiper .swiper-slide .pic img {
  display: block;
  width: 100%;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap.scene .scene-swiper .swiper-slide p {
  font-size: 0.9375vw;
  line-height: 1.45833vw;
  color: #000;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap.news {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  width: 8.33333vw;
  box-sizing: border-box;
  padding: 2.60416vw 0;
  border-radius: 0px 0px 0.52083vw 0.52083vw;
  margin: 0;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap.news .header-nav-pull-item {
  display: block;
  font-size: 0.9375vw;
  line-height: 1;
  color: #959595;
  text-align: center;
  margin-bottom: 2.08333vw;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap.news .header-nav-pull-item:last-child {
  margin-bottom: 0;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap.news .header-nav-pull-item:hover {
  color: #000;
  font-weight: bold;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item:hover:before {
  width: 60%;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item.active::before {
  position: absolute;
  content: "";
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 60%;
  height: 2px;
  background: #fff;
  border-radius: 1px;
}

.header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item:last-child {
  margin-right: 0;
}

.header-nav-wrap .header-nav-inner .header-right-list {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-top: 0.3125vw;
}

.header-nav-wrap .header-nav-inner .header-right-list .header-right-item {
  box-sizing: border-box;
  font-size: 0.72916vw;
  line-height: 0.9375vw;
  color: #fff;
  margin-right: 2.08333vw;
}

.header-nav-wrap .header-nav-inner .header-right-list .header-right-item span {
  display: inline-block;
}

.header-nav-wrap .header-nav-inner .header-right-list .header-right-item img {
  display: inline-block;
  width: 7px;
  height: 7px;
  vertical-align: middle;
  margin-left: 0.41666vw;
}

.header-nav-wrap .header-nav-inner .header-right-list .header-right-item.search {
  cursor: pointer;
}

.header-nav-wrap .header-nav-inner .header-right-list .header-right-item.search img {
  width: 1.04166vw;
  height: auto;
}

.header-nav-wrap .header-nav-inner .header-right-list .header-right-item.user img {
  width: 0.88541vw;
  height: auto;
}

.header-nav-wrap .header-nav-inner .header-right-list .header-right-item.store {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.01041vw;
  height: 1.45833vw;
  border-radius: 0.72916vw;
  cursor: pointer;
}

.header-nav-wrap .header-nav-inner .header-right-list .header-right-item.store.on {
  border: 0.5px solid #fff;
}

/* .header-nav-wrap .header-nav-inner .header-right-list .header-right-item.store.on span {
  color: #000;
} */

.header-nav-wrap .header-nav-inner .header-right-list .header-right-item.app.on {
  border: 1px solid #fff;
}

/* .header-nav-wrap .header-nav-inner .header-right-list .header-right-item.app.on span {
  color: #000;
} */

.header-nav-wrap .header-nav-inner .header-right-list .header-right-item.language.on {
  border: 1px solid #fff;
}

/* .header-nav-wrap .header-nav-inner .header-right-list .header-right-item.language.on span {
  color: #000;
} */

.header-nav-wrap .header-nav-inner .header-right-list .header-right-item.app.on::before {
  position: absolute;
  content: "";
  top: 100%;
  width: 4vw;
  height: 4vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.header-nav-wrap .header-nav-inner .header-right-list .header-right-item.store .store-list {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% + .5vw);
  display: none;
  /* width: 8vw; */
  box-sizing: border-box;
  background-color: #fff;
  text-align: center;
  /* padding: .5vw 0; */
  border-radius: 0.5vw;
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
  z-index: 50;
  height: auto!important;
}

.header-nav-wrap .header-nav-inner .header-right-list .header-right-item.store .store-list .store-inner {
  max-height: 10vw;
  height: auto;
  /* margin-right: 0.26041vw; */
  overflow-y: auto;
  overscroll-behavior: contain;
}

.header-nav-wrap .header-nav-inner .header-right-list .header-right-item.store .store-list .store-inner::-webkit-scrollbar {
  width: 3px;

}

.header-nav-wrap .header-nav-inner .header-right-list .header-right-item.store .store-list .store-inner::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
}

.header-nav-wrap .header-nav-inner .header-right-list .header-right-item.store .store-list .store-item {
  display: block;
  width: 100%;
  font-size: 0.67708vw;
  color: #a3a3a3;
  transition: .3s all ease-out;
  /* margin-bottom: 0.52083vw; */
  line-height: 2.5em;
  padding-left: 1vw;
  padding-right: 1vw;
  box-sizing: border-box;
  white-space: nowrap;
}

.header-nav-wrap .header-nav-inner .header-right-list .header-right-item.store .store-list .store-item:last-child {
  margin-bottom: 0;
}

.header-nav-wrap .header-nav-inner .header-right-list .header-right-item.store .store-list .store-item:hover {
  color: #000;
}

.header-nav-wrap .header-nav-inner .header-right-list .header-right-item.app {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.01041vw;
  height: 1.45833vw;
  border-radius: 0.72916vw;
  cursor: pointer;
}

.header-nav-wrap .header-nav-inner .header-right-list .header-right-item.app.on::before {
  position: absolute;
  content: "";
  top: 100%;
  width: 4vw;
  height: 4vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.header-nav-wrap .header-nav-inner .header-right-list .header-right-item.app .app-qr-code {
  position: absolute;
  display: none;
  top: calc(100% + .5vw);
  left: 50%;
  transform: translateX(-50%);
  width: 5vw;
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
  z-index: 50;
}

.header-nav-wrap .header-nav-inner .header-right-list .header-right-item.app .app-qr-code img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: .3vw;
  margin-left: 0;
}

.header-nav-wrap .header-nav-inner .header-right-list .header-right-item.language {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 7.31041vw;
  height: 1.45833vw;
  border-radius: 0.72916vw;
  cursor: pointer;
  /* padding: 0 10px; */
}
@media screen and (min-width:768px) and (max-width:992px) {
  .header-nav-wrap .header-nav-inner .header-right-list .header-right-item.language {
    min-width: 4.01041vw;
  }
}
@media screen and (max-width:1366px) and (min-width:992px) {
  .header-nav-wrap .header-nav-inner .header-right-list .header-right-item.language {
    width: 9.31041vw;
  }
}

.header-nav-wrap .header-nav-inner .header-right-list .header-right-item.language .change-language {
  position: absolute;
  top: calc(100% + .5vw);
  left: 50%;
  transform: translateX(-50%);
  display: none;
  /* width: 4vw; */
  border-radius: .3vw;
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
  background-color: #fff;
  text-align: center;
  z-index: 50;
}

.header-nav-wrap .header-nav-inner .header-right-list .header-right-item.language .change-language a {
  display: block;
  /* width: 100%; */
  font-size: 0.67708vw;
  line-height: 1.45833vw;
  color: #a3a3a3;
  white-space: nowrap;
  padding-left: 1vw;
  padding-right: 1vw;
}

.header-nav-wrap .header-nav-inner .header-right-list .header-right-item.language .change-language a:hover {
  color: #000;
}

.header-nav-wrap .header-nav-inner .header-right-list .header-right-item.user {
  position: relative;
}

.header-nav-wrap .header-nav-inner .header-right-list .header-right-item.user.on::before {
  position: absolute;
  content: "";
  top: 100%;
  width: 4vw;
  height: 4vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.header-nav-wrap .header-nav-inner .header-right-list .header-right-item.user img {
  margin-left: 0;
}

.header-nav-wrap .header-nav-inner .header-right-list .header-right-item.user .user-handle {
  position: absolute;
  top: calc(100% + .5vw);
  left: 50%;
  transform: translateX(-50%);
  display: none;
  width: 4vw;
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
  border-radius: .3vw;
  background: #fff;
  padding: .5vw 0;
  z-index: 50;
}

.header-nav-wrap .header-nav-inner .header-right-list .header-right-item.user .user-handle a {
  display: block;
  width: 100%;
  font-size: 0.67708vw;
  text-align: center;
  color: #a3a3a3;
  transition: .3s all ease-out;
  margin-bottom: .5vw;
}

.header-nav-wrap .header-nav-inner .header-right-list .header-right-item.user .user-handle a:hover {
  color: #000;
}

.header-nav-wrap .header-nav-inner .header-right-list .header-right-item.user .user-handle a:last-child {
  margin-bottom: 0;
}

.header-nav-wrap .header-nav-inner .header-right-list .header-right-item.user .login-over {
  position: absolute;
  top: calc(100% + .5vw);
  left: 50%;
  transform: translateX(-50%);
  display: none;
  width: 4vw;
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
  border-radius: .3vw;
  background: #fff;
  padding: .5vw 0;
  z-index: 50;
}

.header-nav-wrap .header-nav-inner .header-right-list .header-right-item.user .login-over a {
  display: block;
  width: 100%;
  font-size: 0.67708vw;
  text-align: center;
  color: #a3a3a3;
  transition: .3s all ease-out;
  margin-bottom: .5vw;
}

.header-nav-wrap .header-nav-inner .header-right-list .header-right-item.user .login-over a:hover {
  color: #000;
}

.header-nav-wrap .header-nav-inner .header-right-list .header-right-item.user .login-over a:last-child {
  margin-bottom: 0;
}

.header-nav-wrap .header-nav-inner .header-right-list .header-right-item:last-child {
  margin-right: 0;
}

/* 导航栏 - 搜索 */
/* .insidel-header-nav-wrap .header-nav-wrap .header-search-inner {
  align-items: center;
  padding: 0 1.19791vw;
} */

.header-nav-wrap .header-search-inner {
  position: relative;
  display: none;
  align-items: center;
  justify-content: flex-start;
  width: 96.35416vw;
  height: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 1.19791vw;
  z-index: 50;
  /* padding: 0 1.19791vw 1.30208vw; */
  /* padding-top: 1.30208vw; */
}

.header-nav-wrap .header-search-inner .home {
  margin-right: 13.95833vw;
}

.header-nav-wrap .header-search-inner .search-keyword {
  display: block;
  width: 42.70833vw;
  box-sizing: border-box;
  font-size: 1.25vw;
  line-height: 1.45833vw;
  color: #fff;
  padding-left: 2.60416vw;
  background: url("../icon/search-icon.png") no-repeat;
  background-size: 1.5625vw 1.45833vw;
  background-position: left center;
  margin-right: 3.125vw;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: none;
  border: none;
}

.header-nav-wrap .header-search-inner .search-keyword::placeholder {
  color: rgba(255, 255, 255, .4);
}

.header-nav-wrap .header-search-inner .close-search-btn {
  display: block;
  width: 1.04166vw;
  margin-top: 0.41666vw;
  cursor: pointer;
}

.header-nav-wrap .header-search-inner .search-guess {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  width: 52.08333vw;
  box-sizing: border-box;
  background: #fff;
  padding: 2.08333vw 2.60416vw;
  z-index: 50;
}

.header-nav-wrap .header-search-inner .search-guess .title {
  font-size: 0.9375vw;
  line-height: 1;
  color: #000;
  margin-bottom: 1.5625vw;
}

.header-nav-wrap .header-search-inner .search-guess .guess-item {
  display: block;
  font-size: 0.9375vw;
  line-height: 1;
  color: #959595;
  margin-bottom: 1.25vw;
}

.header-nav-wrap .header-search-inner .search-guess .guess-item:last-of-type {
  margin-bottom: 0;
}

/* 顶部导航栏 - END */

/* 隐私政策弹窗 */
.policy-wrap-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .4);
  z-index: 100;
}

.policy-wrap {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 2.60416vw;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 76.04166vw;
  box-sizing: border-box;
  border-radius: 0.52083vw;
  padding: 2.39583vw 2.60416vw 2.08333vw 4.16666vw;
  z-index: 40;
  background: #fff;
}

.policy-wrap .policy-content {
  flex: 1;
}

.policy-wrap .policy-content h2 {
  font-size: 1.25vw;
  line-height: 1;
  color: #222;
  margin-bottom: 1.25vw;
}

.policy-wrap .policy-content .txt {
  font-size: 1.04166vw;
  line-height: 1;
  color: #737373;
  margin-bottom: 1.25vw;
}

.policy-wrap .policy-content a {
  font-size: 1.04166vw;
  line-height: 1;
  color: #333;
  text-decoration: underline;
  text-underline-offset: 0.26041vw;
}

.policy-wrap .btn {
  width: 6.25vw;
  box-sizing: border-box;
  font-size: 0.83333vw;
  line-height: 2.1875vw;
  color: #fff;
  border-radius: 1.09375vw;
  text-align: center;
  margin-right: 1.14583vw;
  cursor: pointer;
  transition: .3s all ease-out;
}

.policy-wrap .btn.agree {
  background: #000;
}

.policy-wrap .btn.agree:hover {
  opacity: .8;
}

.policy-wrap .btn.disagree {
  color: #000;
  border: 1px solid rgba(0, 0, 0, .4);
}

.policy-wrap .btn.disagree:hover {
  border-color: #000;
}

.policy-wrap .btn:last-of-type {
  margin-right: 0;
}

/* 隐私政策弹窗 - END */

/* 微信订阅 */
.wechat-wrap-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .4);
  z-index: 100;
  display: none;
}

.wechat-wrap {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 2.60416vw;
  width: 76.04166vw;
  box-sizing: border-box;
  border-radius: 0.52083vw;
  padding: 2.39583vw 4.16666vw;
  z-index: 40;
  background: #fff;
  display: flex;
  align-items: center;
}

.wechat-wrap h2 {
  font-size: 1.25vw;
  line-height: 1;
  color: #222;
  margin-bottom: 1.25vw;
}

.wechat-wrap .txt {
  font-size: 1.04166vw;
  line-height: 1;
  color: #737373;
}

.wechat-wrap .qr-code {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10.41666vw;
  width: 6.77083vw;
  box-sizing: border-box;
  padding: 0.26041vw;
  background: #000;
  border-radius: 4px;
}

.wechat-wrap .qr-code img {
  display: block;
  width: 100%;
  height: 6.25vw;
}

.wechat-wrap .close-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  right: 2.60416vw;
  display: block;
  width: 1.875vw;
  transition: .3s all ease-out;
  cursor: pointer;
}

.wechat-wrap-bg .wechat-wrap .wechat-title h2{
  color: #222222;
  font-size: 1.25vw;
  margin-bottom: 1.25vw;
}

.wechat-wrap-bg .wechat-wrap input {
  /* width: 36.19791vw;
  height: 2.76041vw; */
  border: none;
  text-indent: 0.52083vw;
  font-size: 0.83333vw;
}

.wechat-wrap-bg .wechat-wrap .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-wrap-bg .wechat-wrap .select-email input::placeholder {
  font-size: 0.83333vw;
  color: #959595;
}

.wechat-wrap-bg .wechat-wrap .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: #000100;
  right: 11.7vw;
  text-indent: 0;
}

.wechat-wrap-bg .wechat-wrap .select-email .btn:hover{
  opacity: 0.8;
}

/* 微信订阅 - END */

/* 底部样式 */
.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: 7.8125vw;
  height: 1.30208vw;
  position: absolute;
  right: 0;
  /* top: -0.3125vw; */
}

.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;
  font-weight: normal;
}

.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 .icon-wx.icon-dy {
  background: url(../icon/douyin-active.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
} */

.section-footer .footer-top .row .box-media .icon-wx .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(../icon/fb-grey.png) no-repeat;
  background-size: 100% 100%;
}

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

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

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

.section-footer .footer-top .row .box-media .icon-instagram:hover {
  background: url(../icon/instagram-black.png) no-repeat;
  background-size: 100% 100%;
}
.section-footer .footer-top .row .box-media .icon-youtube{
  background: url(../icon/youtube-fill-grey.png) no-repeat;
  background-size: 100% 100%;
}

.section-footer .footer-top .row .box-media .icon-youtube:hover {
  background: url(../icon/youtube-fill-black.png) no-repeat;
  background-size: 100% 100%;
}
.section-footer .footer-top .row .box-media .icon-linkedin{
  background: url(../icon/in-grey.png) no-repeat;
  background-size: 100% 100%;
}

.section-footer .footer-top .row .box-media .icon-linkedin:hover {
  background: url(../icon/in-black.png) no-repeat;
  background-size: 100% 100%;
}
.section-footer .footer-top .row .box-media .icon-huojian{
  background: url(../icon/huojian-grey.png) no-repeat;
  background-size: 100% 100%;
}

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

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

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

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

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

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

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

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

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

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


.footer-bottom {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  padding: 0 11.97916vw;
  padding-top: 1.04166vw;
  border-top: 1px solid #ddd;
  box-sizing: border-box;
  padding-bottom: 1.19791vw;
  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;
  line-height: 1.5vw;
  position: relative;
}

.footer-bottom .right .friend-links {
  position: relative;
  color: #a3a3a3;
  cursor: pointer;
}

.footer-bottom .right .friend-links:hover {
  color: #000;
  /* text-decoration: underline; */
}

.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 {
  display: inline-block;
  width: 0.57291vw;
  height: 0.41666vw;
  margin-left: 0.15625vw;
}

.footer-bottom .right .links {
  /* width: 5.46161vw; */
  /* background: url(../img/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;
  left: 50%;
  transform: translateX(-50%);
  bottom: 1.7vw;
  display: none;
  flex-direction: column;
  justify-content: space-between;
  /* padding-top: .5vw;
  padding-bottom: 0.5vw; */
  z-index: 99;
  text-align: center;
}

.footer-bottom .right .friend-links::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 100%;
  width: 100%;
  height: 1.5vw;
}

.footer-bottom .right .links .links-box {
  overflow-y: auto;
  /* width: 5.16161vw; */
  max-height: 9.70707vw;
  /* margin-right: 0.26041vw; */
  overscroll-behavior: contain;
}

/*滚动条样式*/

.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:0 1vw;
  line-height: 2vw;
  text-decoration: none;
  margin-right: 0;
  display: block;
  white-space: nowrap;
}

.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;
}

/* footer - END */

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

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

.ask-popup .bg .title {
  font-size: 1.25vw;
  line-height: 1;
  color: #222;
  font-weight: bold;
  margin-bottom: 1.04166vw;
}

.ask-popup .bg .int {
  font-size: 0.83333vw;
  line-height: 1;
  color: #959595;
  margin-bottom: 2.60416vw;
}

.ask-popup .bg .form-wrap {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  padding-bottom: 1.04166vw;
  border-bottom: 1px solid #DBDBDB;
  margin-bottom: 1.04166vw;
}
.ask-popup .bg .form-wrap .cate{
  display: flex;
  align-items: center;
}

.ask-popup .bg .form-wrap._textarea {
  align-items: flex-start;
  /* margin-bottom: 0; */
}

.ask-popup .bg .form-wrap._textarea textarea {
  font-size: 0.83333vw;
  line-height: 1.6;
  border: none;
  flex: 1;
}

.ask-popup .bg .form-wrap._textarea textarea::placeholder {
  color: #959595;
}

.ask-popup .bg .form-wrap img {
  display: block;
  width: 1.45833vw;
  flex-shrink: 0;
  margin-right: 0.9375vw;
}

.ask-popup .bg .form-wrap._input input {
  font-size: 0.83333vw;
  line-height: 1.45833vw;
  color: #333;
  flex: 1;
  border: none;
  outline: none;
}

.ask-popup .bg .form-wrap._input input::placeholder {
  color: #959595;
}

.ask-popup .bg .form-wrap._checkbox .name {
  display: inline-block;
  font-size: 0.83333vw;
  line-height: 1.45833vw;
  color: #000;
  margin-right: 2.60416vw;
  white-space: nowrap;
}
.ask-popup .bg .form-wrap._checkbox input[type="checkbox"] {
  width: 0;
  height: 0;
  display: none;
}
.ask-popup .bg .form-wrap._checkbox input[type="checkbox"]+label {
  font-size: 0.83333vw;
  line-height: 1;
  color: #737373;
  cursor: pointer;
  margin-right: 1.5625vw;
  white-space: nowrap;
  display: flex;
  margin-top: 1vw;
}
.ask-popup .bg .form-wrap._checkbox input[type="checkbox"]:nth-child(8n)+label{
  margin-left: 8.8125vw;
}

.ask-popup .bg .form-wrap._checkbox input[type="checkbox"]:nth-child(6n)+label {
  margin-right: 0;
}

.ask-popup .bg .form-wrap._checkbox input[type="checkbox"]+label::before {
  display: inline-block;
  content: "";
  width: 1em;
  height: 1em;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #666;
  border-radius: 0.16666vw;
  vertical-align: -.15em;
  margin-right: 0.41666vw;
}

.ask-popup .bg .form-wrap._checkbox input[type="checkbox"]:checked+label::before {
  background: url("../icon/checkbox-check.png") no-repeat;
  background-size: 100% 100%;
  border: none;
}

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

.ask-toast.type {
  top: auto;
  bottom: 5.6vw;
  left: 2.7vw;
  right: auto;
}

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

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

.ask-popup .bg .close {
  position: absolute;
  top: 1.77083vw;
  right: 1.5625vw;
  display: block;
  width: 1.875vw;
  cursor: pointer;
  z-index: 1;
}

.header-handle-mob-wrap {
  display: none;
}

.mob-show {
  display: none !important;
}

/* 返回顶部 */
.section-backtop {
  width: 2.39583vw;
  height: 3.28125vw;
  background: url(../icon/backtop-default.png) no-repeat;
  background-size: 100% 100%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  position: fixed;
  right: 1.71875vw;
  bottom: 4vw;
  z-index: 36;
  cursor: pointer;
  display: none;
}

.section-backtop:hover {
  background: url(../icon/backtop-active.png) no-repeat;
  background-size: 100% 100%;
}

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

.fixed-right .part-fix-fn {
  display: block;
  width: 1.14583vw;
  height: 1.14583vw;
  margin: 0 auto;
  margin-bottom: 0.9375vw;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.fixed-right .part-fix-fn:nth-last-of-type(2) {
  margin-bottom: 0;
}

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

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

.fixed-right-detail-mob {
  display: none;
}
.fixed-right-detail {
  position: absolute;

}
.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 a {
  display: block;
  font-size: 0.67708vw;
  line-height: 1.45833vw;
  color: #a3a3a3;
  white-space: nowrap;
}

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

.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;
}

.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: 1440px) {

  .header-nav-wrap .home {
    margin-top: .4vw;
  }

  .header-nav-wrap .header-search-inner .home {
    margin-top: 0;
  }

}

@media screen and (max-width: 1430px) {

  .ask-popup .bg {
    width: 38.43333vw;
  }

  .header-nav-wrap .header-nav-inner .header-nav-list .header-nav-item .header-nav-pull-wrap {
    top: 4.775vw;
  }

  #nav-mask {
    top: 4.775vw;
  }

  .header-nav-wrap .header-nav-inner .header-right-list {
    padding-top: 0.6125vw;
  }

}

@media screen and (max-width: 1025px) {

  .ask-popup .bg {
    width: 43.43333vw;
  }

}

@media (any-hover: hover) {

  .more-border-btn:hover::before {
    right: 0.83333vw;
  }

  .more-border-btn:hover {
    border-color: #fff;
  }

  .buy-border-btn:hover {
    border-color: #fff;
  }

  .ask-border-btn:hover {
    border-color: #fff;
  }

  .wechat-wrap .close-btn:hover {
    transform: translateY(-50%);
    opacity: 1;
  }

}

@media screen and (max-width: 750px) {

  .header-mob-wrap {
    position: sticky;
    top: 0;
    left: 0;
    display: block !important;
    width: 100%;
    height: 12.8vw;
    box-sizing: border-box;
    background: #fff;
    z-index: 50;
  }

  .header-mob-wrap .header-mob-inner {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* padding: 4vw; */
    padding: 0 4vw;
  }

  .header-mob-wrap .header-mob-inner .home {
    display: block;
    width: 26.66666vw;
  }

  .header-mob-wrap .header-mob-inner .home img {
    display: block;
    width: 100%;
  }

  .header-mob-wrap .header-mob-inner .right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

  .header-mob-wrap .header-mob-inner .right img {
    display: block;
  }

  .header-mob-wrap .header-mob-inner .right img.search {
    width: 4.13333vw;
    margin-right: 5.33333vw;
  }

  .header-mob-wrap .header-mob-inner .right .handle {
    width: 4.8vw;
    height: 4.8vw;
    background: url("../icon/header-handle-mob.png") no-repeat;
    background-size: 100% 2.13333vw;
    background-position: center;
    transition: .3s all ease-out;
  }

  .header-mob-wrap .header-mob-inner .right .handle.close {
    background-image: url("../icon/close-pop-btn-mob.png");
    background-size: 100% 100%;
  }

  .insidel-header-nav-wrap {
    display: none;
  }

  .header-nav-wrap {
    display: none;
  }

  .search-input-mob {
    position: relative;
    display: none;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    /* padding: 4.31vw 4vw; */
    padding: 0 4vw;
  }

  #nav-mask-mob {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .4);
    z-index: 15;
  }

  .search-input-mob .icon {
    display: block;
    width: 4vw;
    flex-shrink: 0;
    margin-right: 2.66666vw;
  }

  .search-input-mob input {
    font-size: 3.73333vw;
    line-height: 4.26666vw;
    border: none;
    background: none;
    outline: none;
    flex: 1;
  }

  .search-input-mob .close {
    display: block;
    width: 3.73333vw;
  }

  .search-input-mob .guess-wrap {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 92vw;
    box-sizing: border-box;
    background: #fff;
    padding: 2.4vw 7.06666vw 7.6vw;
    border-radius: 0px 0px 1.33333vw 1.33333vw;
    z-index: 50;
  }

  .search-input-mob .guess-wrap .guess-title {
    font-size: 4vw;
    color: #000;
    margin-bottom: 2.66666vw;
  }

  .search-input-mob .guess-wrap .guess-item {
    display: block;
    font-size: 3.2vw;
    color: #959595;
    padding: 2.66666vw 0;
  }

  .search-input-mob .guess-wrap .guess-item:last-of-type {
    padding-bottom: 0;
  }

  .section-footer {
    display: none;
  }

  /* 底部导航mob */
  .section-footer-mob {
    display: block !important;
    position: relative;
  }


  .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;
    font-weight: normal;
  }

  .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: 6vw;
    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;
  }

  .header-handle-mob-wrap {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: calc(100% - 12.8vw);
    display: none;
    background: #fff;
    z-index: 50;
    overflow-y: auto;
  }

  .header-handle-mob-wrap::-webkit-scrollbar {
    display: none;
  }

  .header-handle-mob-wrap .top-handle-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 2.66666vw 4vw 0;
    /* margin-bottom: 10.66666vw; */
  }

  .header-handle-mob-wrap .top-handle-wrap .store {
    width: 25.33333vw;
    margin: 0;
    background: none;
    font-size: 3.2vw;
    line-height: 8vw;
    border-radius: 4vw;
    color: #2A2A2A;
    border: 1px solid #000;
    transition: .3s all ease-out;
  }

  .header-handle-mob-wrap .top-handle-wrap .store::after {
    display: inline-block;
    content: "";
    width: 1.46666vw;
    height: 1.2vw;
    background: url("../icon/arr-down-black.png") no-repeat;
    background-size: 100% 100%;
    vertical-align: 0.15em;
    margin-left: 1.86666vw;
    transition: .3s all ease-out;
  }

  .header-handle-mob-wrap .top-handle-wrap .store.active {
    background-image: url("../icon/arr-down-white.png");
    background: #000;
    color: #fff;
  }

  .header-handle-mob-wrap .top-handle-wrap .store.active::after {
    background-image: url("../icon/arr-down-white.png");
    transform: rotate(180deg);
  }

  .header-handle-mob-wrap .top-handle-wrap .right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

  .header-handle-mob-wrap .top-handle-wrap .right .language {
    font-size: 3.2vw;
    line-height: 1;
    color: #2A2A2A;
    margin-right: 5.33333vw;
  }

  .header-handle-mob-wrap .top-handle-wrap .right .language::after {
    display: inline-block;
    content: "";
    width: 1.46666vw;
    height: 1.2vw;
    background: url("../icon/arr-down-black.png") no-repeat;
    background-size: 100% 100%;
    vertical-align: middle;
    margin-left: 1.33333vw;
    transition: .3s all ease-out;
  }

  .header-handle-mob-wrap .top-handle-wrap .right .language.active::after {
    transform: rotate(180deg);
  }

  .header-handle-mob-wrap .top-handle-wrap .right .user-item {
    width: 4.53333vw;
  }

  .header-handle-mob-wrap .top-handle-wrap .right .user-item img {
    display: block;
    width: 100%;
  }

  .header-handle-mob-wrap .header-handle-list {
    width: 100%;
    margin-top: 6vw;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 0 6.66666vw;
    padding-bottom: 5.33333vw;
    margin-bottom: 5.33333vw;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item::before {
    position: absolute;
    content: "";
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: calc(100% - 13.33333vw);
    height: 1px;
    background: #DBDBDB;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item.product .handle-headline.rol::after,
  .header-handle-mob-wrap .header-handle-list .handle-item.scene .handle-headline.rol::after {
    transform: rotate(-180deg);
  }

  .header-handle-mob-wrap .header-handle-list .handle-item .handle-headline {
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 4.26666vw;
    line-height: 1;
    color: #000;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item.product {
    text-align: center;
    padding: 0 0 5.33333vw;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item.scene {
    text-align: center;
    padding: 0 0 5.33333vw;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item.product .handle-headline,
  .header-handle-mob-wrap .header-handle-list .handle-item.scene .handle-headline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 6.66666vw;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item.product .handle-headline.secound,
  .header-handle-mob-wrap .header-handle-list .handle-item.scene .handle-headline.secound {
    font-size: 3.73333vw;
    padding: 0 6.66666vw;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item.product .handle-headline.secound.show::before {
    position: absolute;
    content: "";
    width: calc(100% - 13.33333vw);
    height: 1px;
    background: #DBDBDB;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item.product .handle-secound-list,
  .header-handle-mob-wrap .header-handle-list .handle-item.scene .handle-secound-list {
    display: none;
    margin-top: 5.33333vw;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item.product .handle-secound-item,
  .header-handle-mob-wrap .header-handle-list .handle-item.scene .handle-secound-item {
    margin-bottom: 6.66666vw;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item.product .handle-secound-item:last-child,
  .header-handle-mob-wrap .header-handle-list .handle-item.scene .handle-secound-item:last-child {
    margin-bottom: 0;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item.product .handle-headline.third,
  .header-handle-mob-wrap .header-handle-list .handle-item.scene .handle-headline.third {
    font-size: 3.73333vw;
    color: #959595;
    margin-bottom: 4vw;
    padding: 0 6.66666vw;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item.product .handle-headline::after,
  .header-handle-mob-wrap .header-handle-list .handle-item.scene .handle-headline::after {
    display: block;
    content: "";
    width: 3.2vw;
    height: 1.86666vw;
    background: url("../icon/down-arr-icon.png") no-repeat;
    background-size: 100% 100%;
    transition: .3s all ease-out;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item.product a.handle-headline::after,
  .header-handle-mob-wrap .header-handle-list .handle-item.scene a.handle-headline::after {
    display: none;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item.product .scroll-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow-x: auto;
    /* padding: 0 6.66666vw; */
    margin-bottom: 5.33333vw;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item.product .scroll-wrap::-webkit-scrollbar {
    display: none;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item.product .scroll-wrap .product-item {
    display: block;
    width: 40vw;
    flex-shrink: 0;
    margin-right: 2.66666vw;
    background: #F9F9F9;
    padding-bottom: 5.33333vw;
    border-radius: 1.33333vw;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item.product .scroll-wrap .product-item:last-child {
    margin-right: 6.66666vw;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item.product .scroll-wrap .product-item:first-child {
    margin-left: 6.66666vw;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item.product .scroll-wrap .product-item .pic {
    width: 100%;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item.product .scroll-wrap .product-item .pic img {
    display: block;
    width: 100%;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item.product .scroll-wrap .product-item .name {
    font-size: 3.2vw;
    line-height: 1;
    color: #000;
    padding: 0 5.33333vw;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item.product .btn-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* width: 25.33333vw; */
    background: #F9F9F9;
    padding: 0 2vw;
    border-radius: 4vw;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item.product .handle-secound-list .handle-third-item {
    margin-bottom: 6.66666vw;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item.product .handle-secound-list .handle-third-item:last-child {
    margin-bottom: 0;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item.product .btn-wrap .btn {
    position: relative;
    display: block;
    font-size: 3.2vw;
    line-height: 8vw;
    color: #000;
    padding: 0 2vw;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item.product .btn-wrap .btn::after {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 3.2vw;
    background: #696969;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item.product .btn-wrap .btn:last-child:after {
    display: none;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item.product .btn-wrap .btn.all::before {
    display: inline-block;
    content: "";
    width: 2.66666vw;
    height: 2.66666vw;
    background: url("../icon/icon-all.png") no-repeat;
    background-size: 100% 100%;
    margin-right: 1.6vw;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item.product .btn-wrap .btn.more::before {
    display: inline-block;
    content: "";
    width: 2.66666vw;
    height: 2.66666vw;
    background: url("../icon/more-product-icon.png") no-repeat;
    background-size: 100% 100%;
    margin-right: 1.6vw;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item.scene .scene-scroll-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow-x: auto;
    /* padding: 0 6.66666vw; */
    margin-bottom: 2.66666vw;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item.scene .scene-scroll-wrap::-webkit-scrollbar {
    display: none;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item.scene .scene-scroll-wrap .product-item {
    width: 64vw;
    flex-shrink: 0;
    padding-bottom: 2.66666vw;
    margin-right: 2.66666vw;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item.scene .scene-scroll-wrap .product-item:first-child {
    margin-left: 6.66666vw;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item.scene .scene-scroll-wrap .product-item:last-child {
    margin-right: 6.66666vw;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item.scene .scene-scroll-wrap .product-item .pic {
    width: 100%;
    border-radius: 1.33333vw;
    overflow: hidden;
    margin-bottom: 3.06666vw;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item.scene .scene-scroll-wrap .product-item .pic img {
    display: block;
    width: 100%;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item.scene .scene-scroll-wrap .product-item .name {
    font-size: 3.2vw;
    line-height: 1;
    color: #959595;
    padding: 0 5.33333vw;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item.scene .btn-wrap {
    display: inline-block;
    border-radius: 4vw;
    background: #F9F9F9;
    /* width: 70vw; */
    padding: 0 2vw;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item.scene .scene-more-btn {
    position: relative;
    display: inline-block;
    /* width: 25.33333vw; */
    padding: 0 2vw;
    font-size: 3.2vw;
    line-height: 8vw;
    color: #000;
    text-align: center;
    white-space: nowrap;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item.scene .scene-more-btn.all::before {
    background-image: url("../icon/icon-all.png");
  }

  .header-handle-mob-wrap .header-handle-list .handle-item.scene .scene-more-btn::after {
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 3.2vw;
    background: #696969;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item.scene .scene-more-btn:last-child:after {
    display: none;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item.scene .scene-more-btn::before {
    display: inline-block;
    content: "";
    width: 2.66666vw;
    height: 2.66666vw;
    background: url("../icon/more-product-icon.png") no-repeat;
    background-size: 100% 100%;
    margin-right: 1.6vw;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item.product .handle-third-content {
    display: none;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item.product .handle-secound-content,
  .header-handle-mob-wrap .header-handle-list .handle-item.scene .handle-secound-content {
    display: none;
    margin-top: 6.66666vw;
  }

  .header-handle-mob-wrap .header-handle-list .handle-item.scene .handle-third-content {
    display: none;
    margin-top: 4vw;
  }

  .header-handle-mob-wrap .top-handle-full-wrap {
    width: 100%;
  }

  .header-handle-mob-wrap .top-handle-full-wrap .full-list {
    display: none;
    padding: 3.33333vw 0;
    padding-bottom: 0;
  }

  .header-handle-mob-wrap .top-handle-full-wrap .full-list .full-item {
    display: block;
    box-sizing: border-box;
    padding: 3.33333vw 0;
    padding-left: 2.66666vw;
    /* margin: 0 6.66666vw;
    margin-left: 9.33333vw; */
    font-size: 3.73333vw;
    line-height: 1;
    color: #959595;
  }

  .header-handle-mob-wrap .top-handle-full-wrap .full-list-login {
    display: none;
    padding: 3.33333vw 0;
    padding-bottom: 0;
  }

  .header-handle-mob-wrap .top-handle-full-wrap .full-list-login .full-item {
    display: block;
    box-sizing: border-box;
    padding: 3.33333vw 0;
    padding-left: 2.66666vw;
    /* margin: 0 6.66666vw;
    margin-left: 9.33333vw; */
    font-size: 3.73333vw;
    line-height: 1;
    color: #959595;
  }
}

@media screen and (max-width: 750px) {

  .pc-show {
    display: none !important;
  }

  .mob-show {
    display: block !important;
  }

  .fill-btn {
    width: 28.33333vw;
    font-size: 3.2vw;
    line-height: 8vw;
    border-radius: 4vw;
  }

  .more-border-btn {
    font-size: 3.2vw;
    line-height: 7.73333vw;
    height: 7.73333vw;
    border-radius: 3.86666vw;
    padding-left: 4.26666vw;
    padding-right: 8vw;
    border-width: 1px;
  }

  .more-border-btn::before {
    right: 2.66666vw;
    width: 1.6vw;
    height: 2.8vw;
    margin-left: 3.73333vw;
  }

  .buy-border-btn {
    width: 25.33333vw;
    font-size: 3.2vw;
    line-height: 7.73333vw;
    height: 7.73333vw;
    border-radius: 3.86666vw;
    border-width: 1px;
  }

  .buy-border-btn::after {
    width: 1.46666vw;
    height: 1.33333vw;
    vertical-align: middle;
  }

  .ask-border-btn {
    width: 25.33333vw;
    font-size: 3.2vw;
    line-height: 7.73333vw;
    height: 7.73333vw;
    border-radius: 3.86666vw;
    border-width: 1px;
  }

  .ask-border-btn::after {
    width: 1.46666vw;
    height: 1.33333vw;
  }

  .headline {
    font-size: 6.66666vw;
  }

  .int-text {
    font-size: 3.2vw;
  }

 .more-btn {
  display: block; width: 46px; height: 46px; background: url(../images/videobtn.png) no-repeat; margin-bottom: 10px; background-size:cover;
}

  .more-btn::before {
    width: 1.6vw;
    height: 2.8vw;
  }

  .policy-wrap {
    flex-wrap: wrap;
    width: 92vw;
    padding: 9.33333vw 6.66666vw;
    bottom: 9.33333vw;
    border-radius: 1.33333vw;
  }

  .policy-wrap .policy-content {
    width: 100%;
    flex-shrink: 0;
    flex: unset;
    margin-bottom: 8vw;
  }

  .policy-wrap .policy-content h2 {
    font-size: 4.8vw;
    margin-bottom: 5.33333vw;
  }

  .policy-wrap .policy-content .txt {
    font-size: 3.73333vw;
    line-height: 5.33333vw;
    margin-bottom: 8vw;
  }

  .policy-wrap .policy-content a {
    font-size: 3.73333vw;
    margin-bottom: 8vw;
    text-underline-offset: 1.26041vw;
  }

  .policy-wrap .btn {
    width: 35.46666vw;
    font-size: 4.26666vw;
    line-height: 10.4vw;
    border-radius: 5.33333vw;
  }

  .policy-wrap .btn.agree {
    margin-right: 7.66666vw;
  }

  .wechat-wrap {
    bottom: 9.33333vw;
    width: 92vw;
    padding: 9.33333vw 6.66666vw;
    border-radius: 1.33333vw;
    flex-direction: column;
    align-items: center;
  }

  .wechat-wrap h2 {
    font-size: 4.8vw;
    margin-bottom: 5.33333vw;
  }

  .wechat-wrap .txt {
    font-size: 3.73333vw;
    line-height: 5.33333vw;
    /* margin-bottom: 8vw; */
  }

  .wechat-wrap .txt span {
    color: #000;
    font-weight: bold;
  }

  .wechat-wrap .qr-code {
    position: static;
    transform: none;
    width: 29.33333vw;
    margin: 0 auto;
    background: #000;
    padding: 1.33333vw;
  }

  .wechat-wrap .qr-code img {
    width: 100%;
    height: 26.66666vw;
  }

  .wechat-wrap .close-btn {
    top: 4vw;
    right: 4vw;
    transform: none;
    width: 8vw;
  }
  
  .wechat-wrap-bg .wechat-wrap .select-email{
    padding: 4vw 0;
    margin-left: 0;
  }

  .wechat-wrap-bg .wechat-wrap .wechat-title{
    width: 100%;
    margin-bottom: 1.33333vw;
  }

  .wechat-wrap-bg .wechat-wrap input{
    /* width: 50.66666vw; */
    height: 7.06666vw;
    font-size: 3.73333vw;
  }

  .wechat-wrap-bg .wechat-wrap .select-email input::placeholder{
    font-size: 3.73333vw;
  }

  .wechat-wrap-bg .wechat-wrap .btn{
    width: 12.8vw;
    height: 7.06666vw;
    font-size: 3.73333vw;
  }

  .ask-popup .bg {
    width: 84vw;
    height: 175.53333vw;
    padding: 6.4vw 5.33333vw;
    border-radius: 1.33333vw;
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .ask-popup .bg .title {
    font-size: 4.8vw;
    margin-bottom: 2.66666vw;
  }

  .ask-popup .bg .int {
    font-size: 3.2vw;
    margin-bottom: 6.66666vw;
  }

  .ask-popup .bg .form-wrap {
    padding-bottom: 5.33333vw;
    margin-bottom: 7.33333vw;
  }

  .failed {
    margin-bottom: 3.2vw;
  }

  .ask-popup .bg .form-wrap img {
    width: 3.73333vw;
    margin-right: 2.93333vw;
  }

  .ask-popup .bg .form-wrap._input input {
    font-size: 3.73333vw;
    line-height: 3.73333vw;
  }

  .ask-popup .bg .form-wrap._textarea {
    align-items: baseline;
  }

  .ask-popup .bg .form-wrap._textarea textarea {
    height: 9vw;
    font-size: 3.73333vw;
  }

  .ask-popup .bg .form-wrap._checkbox {
    display: block;
  }

  .ask-popup .bg .form-wrap._checkbox img {
    display: inline-block;
    vertical-align: middle;
  }

  .ask-popup .bg .form-wrap._checkbox .name {
    display: inline-block;
    font-size: 3.73333vw;
    line-height: 3.73333vw;
    /* margin-bottom: 4.26666vw; */
  }

  .ask-popup .bg .form-wrap._checkbox input[type="checkbox"]+label {
    display: block;
    font-size: 3.2vw;
    padding-left: 6.66666vw;
    margin-bottom: 2vw;
  }

  .ask-popup .bg .form-wrap._checkbox input[type="checkbox"]+label::before {
    border-radius: 0.66666vw;
    margin-right: 1.33333vw;
  }

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

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

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

  .ask-popup .bg .close {
    top: 4vw;
    right: 4vw;
    width: 8vw;
  }

  .section-backtop-mob {
    width: 100%;
    padding: 5.33333vw 0;
    text-align: center;
    border-top: 1px solid #EDEDED;
    border-bottom: 1px solid #EDEDED;
    margin-top: 10.66666vw;
  }

  .section-backtop-mob span {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3.73333vw;
    line-height: 1;
    color: #000;
  }

  .section-backtop-mob span::before {
    display: block;
    content: "";
    width: 2.66666vw;
    height: 1.73333vw;
    background: url("../icon/top-arr-icon.png") no-repeat;
    background-size: 100% 100%;
    margin-right: 2.4vw;
  }

  /* 侧边栏弹窗 */
  .fixed-right-detail-mob {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(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%;
  }

  .section-backtop {
    display: none;
  }

  .header-handle-mob-wrap .top-handle-wrap .store {
    width: 16vw;
  }

  .ask-popup .bg .ask-toast.type {
    bottom: -11.4vw;
    left: 5vw;
  }

}

@media screen and (max-width: 750px) {

  .fixed-right {
    width: 8vw;
    padding: 4.33333vw 0;
    bottom: 15vw;
    border-radius: 4vw;
  }

  .ani {
    margin-right: 1.66666vw;
    /* white-space: nowrap; */
  }

  .fixed-right .part-fix-fn {
    padding-top: 4vw;
  }
  .fixed-right .part-fix-fn:first-child {
    padding-top: 0;
}
  .fixed-right .part-fix-fn {
    width: 4.66666vw;
    height: auto;
    margin-bottom: 0;
  }

}
@media screen and (max-width: 750px) {
  .fixed-right .part-fix-fn .icon {
    width: 100%;
    height: 100%;
}
}
/* 登录弹窗 */
.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, .4);
  z-index: 1200;
  opacity: 0;
}

.login-pop-wrap .login-pop-bg {
  position: relative;
  width: 30.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 p {
  font-size: 0.83333vw;
  font-weight: normal;
  color: #959595;

}

.login-pop-wrap .login-pop-bg h4 {
  font-size: 0.83333vw;
  color: #333333;
  opacity: .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: #959595;
  border: none;
  outline: none;
  flex: 1;

}

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

.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: 1.25vw;
  background: #000;
  border: none;
  cursor: pointer;
  margin-top: 2.60416vw;
  margin-bottom: 1.04166vw;
}

.login-pop-wrap .login-pop-bg input[type="submit"]:hover {
  opacity: .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;
  border-radius: 1.25vw;
}

.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.5;
  color: #000;
  text-align: center;
  opacity: .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;
  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) {
  .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 p {
    font-size: 3.2vw;
    /* font-weight: bold; */
  }

  .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.73333vw;

  }

  .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: 2.66666vw 0;
    margin-top: 6.66666vw;
    margin-bottom: 4vw;
    border-radius: 5.33333vw;
  }

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

  .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: 3vw 0;
    margin: auto;
    line-height: 1.25;
  }

  .login-pop-wrap .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;
  }

}

/* 登录弹窗 - 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, .4);
  z-index: 9999;
  opacity: 0;
}

.findPws-pop-wrap .findPws-pop-bg {
  position: relative;
  width: 30.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 h4 {
  font-size: 0.83333vw;
  color: #959595;
  margin-bottom: 1.19791vw;
  font-weight: normal;
}

.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: #959595;
  border: none;
  outline: none;
  flex: 1;
}

.findPws-pop-wrap .findPws-pop-bg .input-list input::placeholder {
  color: #959595;
}

.findPws-pop-wrap .findPws-pop-bg .input-list .input-btn {
  width: 9.20833vw;
  font-size: 0.83333vw;
  line-height: 1;
  color: #fff;
  text-align: center;
  padding: 0.52083vw 0.52083vw;
  border-radius: 0.9375vw;
  background: #000;
  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: 1.25vw;
  background: #000;
  border: none;
  cursor: pointer;
  margin-top: 2.60416vw;
  margin-bottom: 1.04166vw;
}

.findPws-pop-wrap .findPws-pop-bg input[type="submit"]:hover {
  opacity: .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;
  border-radius: 1.25vw;
}

.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;
}

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

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

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

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

@media screen and (max-width: 751px) {
  .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;
  }

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

  .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.73333vw;
    width: 100%;
  }

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

  }

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

  }

  .findPws-pop-wrap .findPws-pop-bg .input-list .input-btn {
    font-size: 3.2vw;
    width: 38.20833vw;
    padding: 2vw 0;
    border-radius: 4vw;
  }

  .ask-popup .bg .ask-toast.type {
    bottom: -7.4vw;
    left: 5vw;
  }

}

/* 忘记密码 END */

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

.reg-pop-wrap .reg-pop-bg {
  position: relative;
  width: 30.64583vw;
  box-sizing: border-box;
  padding: 2.08333vw 2.60416vw 1.5625vw;
  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 h4 {
  font-size: 0.83333vw;
  color: #959595;
  margin-bottom: 1.19791vw;
  font-weight: normal;
}

.reg-pop-wrap .reg-pop-bg .input-list {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: 1.14583vw 0 1.30208vw;
  border-bottom: 1px solid #D4D4D4;
}
.reg-pop-wrap .reg-pop-bg .input-list .area-code {
  width: 12vw;
  line-height: 1;
  color: #959595;
  font-size: 0.83333vw;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: left;
}

.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: 1.875vw;
  top: 2.575vw;
  display: none;
}
.reg-pop-wrap .reg-pop-bg .input-list .area-code .aera-arr {
     width: 1.25vw;
    height: 1.25vw;
    background-image: url(../icon/creationCenter-xiajiantou.png);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    transform: rotate(0deg);
    transition: all .5s;
}

.reg-pop-wrap .reg-pop-bg .input-list .area-code .other-code div:hover {
  color: #000;
  font-weight: bold;
}
.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.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;
}

.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: #959595;
}

.reg-pop-wrap .reg-pop-bg .input-list .input-btn {
  width: 9.20833vw;
  font-size: 0.83333vw;
  line-height: 1;
  color: #fff;
  text-align: center;
  padding: 0.52083vw 0.52083vw;
  border-radius: 0.9375vw;
  background: #000;
  cursor: pointer;
}

/* .reg-pop-wrap .reg-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;
} */

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

.reg-pop-wrap .reg-pop-bg .btn {
  width: 100%;
  border: 1px solid #000;
  padding: 0.78125vw 0;
  font-size: 0.83333vw;
  line-height: 1;
  color: #fff;
  background-color: #000;
  text-align: center;
  margin: 2.5vw 0;
  cursor: pointer;
  border-radius: 1.25vw;
}

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

.reg-pop-wrap .reg-pop-bg .tips:first-of-type {
  padding-bottom: 0.78125vw;
}

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

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

  .more-product-btn {
    width: 25.33333vw;
    font-size: 3.2vw;
    line-height: 8vw;
    border-radius: 4vw;
  }

  .reg-pop-wrap .reg-pop-bg h3 {
    font-size: 4.8vw;
    line-height: 1.5;
  }

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

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

@media screen and (max-width: 750px) {

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

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

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

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

  .reg-pop-wrap .reg-pop-bg .input-list input {
    font-size: 3.73333vw;
    width: 100%;
  }

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

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

  .reg-pop-wrap .reg-pop-bg .input-list .input-btn {
    font-size: 3.2vw;
    width: 38.20833vw;
    padding: 2vw 0;
    border-radius: 4vw;
  }

  .reg-pop-wrap .reg-pop-bg .tips {
    font-size: 2.80000vw;
    text-align: left;
    line-height: 1.3;
  }

  .reg-pop-wrap .reg-pop-bg .tips:first-of-type {
    padding-bottom: 2vw;
  }
}

/* 注册弹窗 - END */

/* 注册弹窗 选填*/
.regAno-pop-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, .4);
  z-index: 500;
  opacity: 0;
}

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

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

.regAno-pop-wrap .reg-pop-bg h4 {
  font-size: 0.83333vw;
  color: #959595;
  margin-bottom: 1.19791vw;
  font-weight: normal;
}

.regAno-pop-wrap .reg-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;
  position: relative;
}

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

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

.regAno-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;
}

.regAno-pop-wrap .reg-pop-bg .input-list input::placeholder {
  color: #959595;
}

.regAno-pop-wrap .reg-pop-bg .input-list .input-btn {
  width: 5.20833vw;
  font-size: 0.83333vw;
  line-height: 1;
  color: #fff;
  text-align: center;
  padding: 0.52083vw 0.52083vw;
  border-radius: 0.9375vw;
  background: #000;
  cursor: pointer;
}

.regAno-pop-wrap .reg-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: 1.25vw;
  background: #000;
  border: none;
  cursor: pointer;
  margin-top: 2.60416vw;
  margin-bottom: 1.04166vw;
}

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

.regAno-pop-wrap .reg-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: 2.5vw;
  cursor: pointer;
  border-radius: 1.25vw;
}

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

.regAno-pop-wrap .reg-pop-bg .tips:first-of-type {
  padding-bottom: 0.78125vw;
}

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

.regAno-pop-wrap select {
  font-size: 0.83333vw !important;
  color: #959595;
  border: none;
  width: 100%;
  background-image: url(../icon/creationCenter-xiajiantou.png);
  background-repeat: no-repeat;
  background-position: right;
  cursor: pointer;
}

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

  .regAno-pop-wrap .reg-pop-bg h3 {
    font-size: 4.8vw;
    line-height: 1.5;
  }

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

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

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

  .regAno-pop-wrap .reg-pop-bg .input-list.chance {

    padding: 4vw 0;
  }

  .regAno-pop-wrap .reg-pop-bg .input-list img {
    width: 3.73333vw;
    margin-right: 1.06666vw;
  }

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

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

  .regAno-pop-wrap .reg-pop-bg .btn {
    font-size: 3.73333vw;
    padding: 2.66666vw 0;
    border-radius: 5.33333vw;

  }

  .regAno-pop-wrap .reg-pop-bg .input-list .input-btn {
    font-size: 3.2vw;
    width: 19.20833vw;
    padding: 2vw 0;
    border-radius: 4vw;
  }

  .regAno-pop-wrap .reg-pop-bg .tips {
    font-size: 2.80000vw;
    text-align: left;
    line-height: 1.3;
  }

  .regAno-pop-wrap .reg-pop-bg .tips:first-of-type {
    padding-bottom: 2vw;
  }

  .regAno-pop-wrap select {
    font-size: 3.7333vw !important;
    background-color: transparent;
  }

  .wechat-wrap-bg .wechat-wrap .wechat-title h2{
    font-size: 4.8vw;
  }

  .wechat-wrap-bg .wechat-wrap form{
    width: 100%;
  }

  .wechat-wrap-bg .wechat-wrap .select-email{
    width: 100%;
  }

  .wechat-wrap-bg .wechat-wrap .btn{
    font-size: 3.2vw;
  }

  .wechat-wrap-bg .wechat-wrap .btn{
    width: 35.46666vw;
    height: 10.4vw;
    font-size: 4.26666vw;
    line-height: 10.4vw;
    border-radius: 5.33333vw;
    background-color: #000100;
    color: #FFFFFF;
    margin: auto;
    margin-top: 4vw;
  }
}

/* 注册弹窗 选填 - END */


/* 注册验证码弹窗*/

.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, .4);
  z-index: 1200;
  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: .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: 1.25vw;
  background: #000;
  border: none;
  cursor: pointer;
  margin-top: 2.60416vw;
  margin-bottom: 1.04166vw;
}

.pop-code .login-pop-bg input[type="submit"]:hover {
  opacity: .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: .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: 5.33333vw;
  }

  .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;
  }
}

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

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

.regAno-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;
  cursor: pointer;
  transform: rotate(0deg);
  transition: all .5s;
  position: absolute;
  top: 50%;
  right: .5vw;
  margin-top: -0.625vw;
}

.regAno-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: .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;
}

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

.regAno-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: #000000 !important;
}

.date-js .show-month .month-day.active {
  background-color: #000000 !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: #000000 !important;
  color: #ffffff !important;
}

.date-js .bts .bt:hover {
  background-color: #000000 !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;
  }

}
/* 注册选填性别 */
@media screen and (max-width: 751px){
.regAno-pop-wrap .reg-pop-bg .input-list .select-sex .after {
  width: 5vw;
  height: 5vw;
  margin-top: -2.5vw;
}
.regAno-pop-wrap .reg-pop-bg .input-list .select {
  height: 22vw;
  top: 12vw;
  padding: 2vw 4vw;
  box-sizing: border-box;
}
.regAno-pop-wrap .reg-pop-bg .input-list .select .option {
  height: 6vw;
  line-height: 6vw;
  font-size: 3.7vw;
}
.regAno-pop-wrap .reg-pop-bg .input-list .select-sex span {
  font-size: 3.7vw;
}
/* 注册选填性别  END*/
.regAno-pop-wrap .reg-pop-bg .input-list.chance .search-none {

}
/* 注册选填国家 END*/

.regAno-pop-wrap .reg-pop-bg .input-list.chance i {
  width: 5vw;
  height: 5vw;
  margin-top: -2.5vw;
}
.regAno-pop-wrap .reg-pop-bg .input-list.chance .search-none{
  top: 100%;
  font-size: 3.7vw;
  height: 6vw;
  line-height: 6vw;
}

 /* 时间日期 移动 */
.regAno-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;
    padding: 0 2.62318vw;
}
.regAno-pop-wrap .reg-pop-bg .input-list .mob-date-pub select{
  width: 23%;
  border: none;
  font-size: 2.8vw!important;
  color: #000;
  background-image: url(../icon/creationCenter-xiajiantou.png);
  background-repeat: no-repeat;
  background-size: 5vw 5vw;
  background-position: right center;
}
}
.regAno-pop-wrap .reg-pop-bg .input-list.chance {
  padding: 1.19791vw 0 0.9375vw;
}

.regAno-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;
}
.regAno-pop-wrap .reg-pop-bg .input-list.chance i {
    width: 1.25vw;
    height: 1.25vw;
    background-image: url(../icon/creationCenter-xiajiantou.png);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    transform: rotate(0deg);
    transition: all .5s;
    position: absolute;
    right: 0.5vw;
}
.regAno-pop-wrap .reg-pop-bg .input-list.chance .search-none {
  position: absolute;
  width: 100%;
  height: 3vw;
  color: #a3a3a3;
  top: 4vw;
  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;
}
.regAno-pop-wrap .reg-pop-bg .input-list.chance .country-search div:hover {
  font-weight: bold;
  cursor: pointer;
  color: #000;
}

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

.regAno-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 (max-width: 751px){
  .regAno-pop-wrap .reg-pop-bg .input-list input {
    font-size: 3.73333vw;
  }

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

  .regAno-pop-wrap .reg-pop-bg .btn {
    font-size: 3.73333vw;
    padding: 2.66666vw 0;
    border-radius: 5.33333vw;

  }

  .regAno-pop-wrap .reg-pop-bg .input-list .input-btn {
    font-size: 3.2vw;
    width: 19.20833vw;
    padding: 2vw 0;
    border-radius: 4vw;
  }

  .regAno-pop-wrap .reg-pop-bg .tips {
    font-size: 2.80000vw;
    text-align: left;
    line-height: 1.3;
  }

  .regAno-pop-wrap .reg-pop-bg .tips:first-of-type {
    padding-bottom: 2vw;
  }
  .regAno-pop-wrap .reg-pop-bg .input-list.chance {

    padding: 4vw 0;
  }
  .regAno-pop-wrap .reg-pop-bg .input-list.chance i {
    width: 5vw;
    height: 5vw;
    margin-top: -2.5vw;
}
  .regAno-pop-wrap select {
    font-size: 3.7333vw !important;
    background-color: transparent;
  }
  .regAno-pop-wrap .reg-pop-bg .input-list.chance .country-search {
    height: 40vw;
    font-size: 3.73333vw;
 }
 .regAno-pop-wrap .reg-pop-bg .input-list.chance .search-none{
  top: 100%;
  font-size: 3.7vw;
  height: 6vw;
  line-height: 6vw;
}
}
/* 注册验证码弹窗*/

.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, .4);
  z-index: 1200;
  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: .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: 1.25vw;
  background: #000;
  border: none;
  cursor: pointer;
  margin-top: 2.60416vw;
  margin-bottom: 1.04166vw;
}

.pop-code .login-pop-bg input[type="submit"]:hover {
  opacity: .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: .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;
}
#loginShow {
  z-index: 999999999;
}
@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: 2.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: 5.33333vw;
  }

  .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;
  }

  .reg-pop-wrap .reg-pop-bg .input-list .area-code {
    font-size: 3.73333vw;
    width: 40vw;
  }
  .reg-pop-wrap .reg-pop-bg .input-list .area-code .other-code {
    font-size: 3.73333vw;
    width: 60vw;
    height: 18.2vw;
    top: 8.8vw;
    left: 4.8vw;
    height: 31vw;
  }
  .reg-pop-wrap .reg-pop-bg .input-list .area-code .aera-arr {
    width: 5vw;
    height: 5vw;
    background-size: contain;
  }
}
/* 注册验证码弹窗 - END */
.videomask .video iframe {
  width: 42vw;
  height: 25vw;
}
@media screen and (max-width: 751px){
  .videomask .video iframe {
    width:  80vw;
    height: 54vw;
}
}

#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: .2vw;
}
#ask-pop-button p {
	font-size: 0.83333vw;
	color: #000000;
}

@media screen and (max-width: 751px){
	#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: 84%;
	}
}