@media screen and (min-width: 1366px) {
  *{
      -moz-user-select: none; /*火狐*/

      -webkit-user-select: none; /*webkit浏览器*/
      -ms-user-select: none; /*IE10*/
      -khtml-user-select: none; /*早期浏览器*/
      user-select: none;
  }
}
@font-face {
font-family: 'YouSheBiaoTiHei';
src: url('../../fonts/YOUSHEBIAOTIHEI-2.TTF');
}
body{
  background: url(https://files3.zydmall.com:9443/zydmall-tinyapp/web/images/index_new/bg.png);
  background-size: 100% 100%;
}
.grey-bg {
/* background: #f9f9f9; */
  overflow: hidden;
  min-width: 1200px;
}
.main {
  width: 1200px;
  margin: 0 auto;
}
#demo{
  box-sizing: border-box;
  position: relative;
}
#demo.hide{
width: 100vw;
height: 100vh;
overflow: hidden;
}
.cursorDefault {
  cursor: default;
}
.container {
  width: 1200px;
}
.container * {
  box-sizing: border-box;
}

.bg-box {
  box-sizing: border-box;
  /* background: linear-gradient(180deg, #F5F5F5 0%, #F5F8FC 4.02%); */
  /* background: linear-gradient(90deg, #F5F1EE -5.21%, #EEF5FF 39.86%, #FFFFFF 71.89%, #C3E9FC 103.39%); */
  /* padding-top: 32px; */
  /* padding-bottom: 30px; */
  position: relative;
  min-width: 1200px;
}

.three-bg {
width: 100%;
height: 875px;
position: fixed;
top: 137px;
left: 0;
  min-width: 1200px;
}

.top-tip {
/* position: sticky; */
position: relative;
top: 0px;
width: 100%;
height: 32px;
background: linear-gradient(180deg, #FDE3D3 0%, #FFF4EA 100%);
font-size: 14px;
text-align: center;
line-height: 32px;
z-index: 20;
  min-width: 1200px;
}
.top-tip span {
color: #6E130B;
}
.top-tip i {
color: #6E130B;
font-size: 16px;
margin-right: 4px;
}

/*导航栏*/
#container{
  margin-top: 10px;
}
.m-category-all .category-list{
  display: block;
}
.m-category-all .category-list{
  box-shadow: unset;
}
.m-category-all{
  width: 222px;
}
#header_nav .main-nav-list{
  left: 222px;
}
.m-category-all .menu-title{
  background: #19b0b0;
  color: #fff;
  padding-left: 44px;
}
.m-category-all .menu-title i{
  color: #fff;
  left: 14px
}
.main-nav-list{
  padding-left: 13px;
}
#header_nav .main-nav-list a {
  padding: 0 20px;
}
#header_nav .main-nav-list a:first-child {
padding-left: 11px;
}

/*顶部广告*/
.top-advert {
  /* position: sticky; */
  position: relative;
  /* top: 32px; */
  height: 60px;
  z-index: 20;
  cursor: pointer;
  overflow: hidden;
  transition: height 0.2s linear;
  min-width: 1200px;
}
.top-advert.hide {
background: unset;
height: 0;
}
.top-advert i {
font-size: 12px;
color: #fff;
position: absolute;
right: -22px;
top: -22px;
cursor: pointer;
border-radius: 50%;
background-color: rgba(0, 0, 0, .4);
width: 50px;
height: 50px;
box-sizing: border-box;
padding-top: 26px;
padding-left: 12px;
}

/*banner*/
.banner-container {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.banner-container .banner-box {
  width: 740px;
  margin-left: 232px;
}
.banner-container .banner-box .banner-top {
  display: flex;
  justify-content: space-between;
}
.banner-container .banner-box .banner-top .banner-top-item {
  width: 178px;
  height: 128px;
  background-color: #fff;
  position: relative;
  border-radius: 2px;
  overflow: hidden;
  cursor: pointer;
  overflow: hidden;
}
.banner-container .banner-box .banner-top .banner-top-item:hover img{
transform: scale(1.2);
}
.banner-container .banner-box .banner-top .banner-top-item img {
width: 100%;
height: 100%;
transition: all 0.2s linear;
}
.banner-container .banner-box .banner-top .banner-top-item .banner-col {
  width: 100%;
  height: 54px;
  padding-top: 10px;
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 44px;
  font-weight: bold;
}
.banner-container .banner-box .banner-bottom {
  height: 376px;
  margin-top: 10px;
  border-radius: 2px;
  overflow: hidden;
}
.banner-container .banner-box .banner-bottom .swiper-container {
width: 100%;
height: 376px;
}
.banner-container .banner-box .banner-bottom .banner-top-img{
width: 100%;
height: 376px;
position: relative;
cursor: pointer;
}
.banner-swiper {
position: relative;
}
.banner-swiper .swiper-pagination {
position: absolute;
left: 0;
bottom: 20px;
width: 100%;
text-align: center;
}
.banner-swiper .swiper-pagination .swiper-pagination-bullet {
margin: 0 4px;
background: #fff;
}
.banner-swiper:hover .brand-arrow {
display: flex;
}
.banner-swiper .brand-arrow {
width: 14px;
height: 30px;
border-radius: 2px;
background-color: rgba(0, 0, 0, .4);
cursor: pointer;
display: none;
align-items: center;
justify-content: center;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
z-index: 3;
}
.banner-swiper .brand-arrow.new {
right: auto;
left: 0px;
}
.banner-swiper .brand-arrow i {
font-size: 12px;
color: #fff;
}
.banner-swiper .brand-arrow.new i {
transform: rotate(180deg);
}

/*专区*/
.banner-container .active-item {
  width: 293px;
  height: 200px;
  cursor: pointer;
  background-size: 100% 100%;
  overflow: hidden;
  border-radius: 6px;
}
.banner-container .active-item img {
width: 100%;
height: 100%;
transition: all 0.2s linear;
}
.banner-container .active-item:hover img {
transform: scale(1.1);
}

/*广告*/
.center-advert {
  width: 100%;
  margin: 30px auto;
  height: 120px;
  /* background-color: red; */
  cursor: pointer;
  overflow: hidden;
  min-width: 1200px;
}
.center-advert .advert-bg {
width: 100%;
height: 100%;
transition: all 0.2s linear;
}

/* .center-advert .advert-bg:hover {
transform: scale(1.1);
} */

/*产品目录*/
.product-cate {
width: 1200px;
margin: auto;
}
.product-cate .product-cate-container {
  width: 1178px;
  margin: auto;
}
.product-cate .product-cate-container .product-cate-title {
  width: 126px;
  height: 41px;
  margin: auto;
  margin-bottom: 24px;
  /* background: url(https://files3.zydmall.com:9443/zydmall-tinyapp/web/images/index_new/directory_title.png); */
  background: url(https://files3.zydmall.com:9443/zydmall-tinyapp/web/images/index_new/product-title.svg);
}
.product-cate .product-cate-container .product-cate-box {
  display: flex;
  flex-wrap: wrap;
}
.product-cate .product-cate-container .product-cate-box .product-cate-item {
  width: 60px;
  margin-right: 26px;
  margin-bottom: 26px;
  cursor: pointer;
  transition: transform 0.3s linear;
}
.product-cate .product-cate-container .product-cate-box .product-cate-item:nth-child(14n) {
  margin-right: 0;
}
.product-cate .product-cate-container .product-cate-box .product-cate-item:hover,
.product-cate .product-cate-container .product-cate-box .product-cate-item.active {
transform: translateY(-12px);
}
.product-cate .product-cate-container .product-cate-box .product-cate-item:hover p,
.product-cate .product-cate-container .product-cate-box .product-cate-item.active p {
color: #19b0b0;
}
.product-cate .product-cate-container .product-cate-box .product-cate-item .product-cate-img{
  width: 45px;
  height: 45px;
  /* background-color: #19b0b0; */
  margin: auto;
}
.product-cate .product-cate-container .product-cate-box .product-cate-item p {
  text-align: center;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  font-size: 12px;
  color: #525252;
  line-height: 20px;
  padding-bottom: 1px;
  margin-top: 2px;
}

/*楼层*/
.floor-title {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  font-size: 24px;
  color: #333;
  margin-bottom: 20px;
  position: relative;
  font-family: YouSheBiaoTiHei;
  padding-right: 9px;
}
.floor-title span {
position: relative;
}
.floor-title .floor-img {
position: absolute;
left: 0;
bottom: -2px;
}
.floor-title .floor-img2 {
position: absolute;
right: 0;
top: 0;
}
.floor-title .floor-title-more {
position: absolute;
left: 1131px;
top: 15px;
line-height: 14px;
font-size: 14px;
color: #333;
white-space: nowrap;
font-weight: normal;
font-family: Microsoft YaHei;
display: flex;
align-items: center;
cursor: pointer;
}
.floor-title .floor-title-more:hover {
color: rgb(25,176,176);
}
.floor-title .floor-title-more i {
transform: rotate(-90deg);
font-size: 12px;
display: inline-block;
margin-left: 1px;
}
.floor-container {
  display: flex;
  flex-wrap: wrap;
}
.floor-container .floor-box {
  width: 595px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.floor-container .floor-box:nth-child(2n) {
  margin-right: 0;
}

.floor-container .floor-box .floor-top {
  display: flex;
}
.floor-container .floor-box .floor-top .floor-left {
  width: 142px;
  height: 471px;
  background-color: #fff;
  position: relative;
  overflow: hidden;
}
.floor-container .floor-box .floor-top .floor-left .floor-left-img {
width: 142px;
height: 207px;
position: absolute;
left: 0;
bottom: 0;
cursor: pointer;
}
.floor-container .floor-box .floor-top .floor-left .floor-nav {
  position: relative;
  z-index: 2;
  /* margin-top: 38px; */
  margin-top: 10px;
  /* height: 195px; */
  height: 218px;
  overflow-x: hidden;
  overflow-y: hidden;
  /* width: calc(100% + 16px); */
  width: 100%;
}
.floor-container .floor-box .floor-top .floor-left .floor-nav .floor-nav-section {
margin-top: 22px;
height: 172px;
overflow: hidden;
}
.floor-container .floor-box .floor-top .floor-left .floor-nav .floor-nav-box {
position: relative;
transition: transform 0.2s;
}
.floor-container .floor-box .floor-top .floor-left .floor-nav .floor-nav-bg {
height: 33px;
width: 100%;
position: absolute;
left: 0;
top: 0;
transform: translateY(0);
transition: transform 0.2s;
}
.floor-container .floor-box .floor-top .floor-left .floor-nav .floor-nav-item{
  height: 33px;
  text-align: center;
  line-height: 33px;
  font-size: 14px;
  color: #333;
  margin: auto;
  margin-bottom: 10px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  /* padding: 0px 22px 0 8px; */
  padding: 0 8px;
}
.floor-container .floor-box .floor-top .floor-left .floor-nav .floor-nav-item.hover{
  /* background-color: #FFA534; */
  font-weight: bold;
  color: #fff;
}
.floor-container .floor-box .floor-top .floor-left .floor-nav .floor-nav-arrow {
width: 30px;
height: 14px;
border-radius: 2px;
background-color: rgba(0, 0, 0, .4);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 50%;
transform: translateX(-50%);
z-index: 2;
}
.floor-container .floor-box .floor-top .floor-left .floor-nav .floor-nav-arrow i {
font-size: 12px;
color: #fff;
transform: rotate(-90deg);
}
.floor-container .floor-box .floor-top .floor-left .floor-nav .floor-nav-arrow.floor-nav-arrow-top {
top: 0;
}
.floor-container .floor-box .floor-top .floor-left .floor-nav .floor-nav-arrow.floor-nav-arrow-bottom {
bottom: 0;
}
.floor-container .floor-box .floor-top .floor-left .floor-nav .floor-nav-arrow.floor-nav-arrow-bottom i {
transform: rotate(90deg);
}
.floor-container .floor-box .floor-top .floor-right {
  flex: 1;
  margin-left: 5px;
  display: flex;
  flex-wrap: wrap;
}
.floor-container .floor-box .floor-top .floor-right .floor-item {
  width: 146px;
  height: 233px;
  background-color: #fff;
  padding: 25px 13px 0;
  text-align: center;
  font-size: 12px;
  margin-right: 5px;
  cursor: pointer;
  position: relative;
  transition: all 0.25s linear;
}
.floor-container .floor-box .floor-top .floor-right .floor-item:not(.new):hover {
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
transform: translate3d(0, -2px, 0);
}
.floor-container .floor-box .floor-top .floor-right .floor-item .video-btn {
width: 297px;
height: 167px;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
/* background: rgba(255, 0, 0, 0.2); */
display: flex;
justify-content: center;
align-items: center;
}
.floor-container .floor-box .floor-top .floor-right .floor-item .video-btn img {
width: 40px;
height: 40px;
}
.floor-container .floor-box .floor-top .floor-right .floor-item .product-brand {
padding: 0 8px;
height: 20px;
border: 1px solid rgba(0, 164, 150, 0.5);
border-radius: 2px;
line-height: 18px;
font-size: 12px;
color: #00A496;
position: absolute;
top: 6px;
right: 6px;
text-align: center;
}
.floor-container .floor-box .floor-top .floor-right .floor-item.new {
  width: 297px;
  position: relative;
  overflow: hidden;
}
.floor-container .floor-box .floor-top .floor-right .floor-item.new .floor-big-img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transition: transform 0.3s linear;
}
.floor-container .floor-box .floor-top .floor-right .floor-item.new:hover .floor-big-img {
transform: scale(1.1);
}
.floor-container .floor-box .floor-top .floor-right .floor-item .floor-item-img {
  width: 120px;
  height: 120px;
  display: block;
  margin: auto;
}
.floor-container .floor-box .floor-top .floor-right .floor-item .floor-item-name {
  color: #333;
  margin-top: 8px;
  line-height: 12px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.floor-container .floor-box .floor-top .floor-right .floor-item .floor-item-spec {
  color: #999;
  margin-top: 2px;
  line-height: 12px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.floor-container .floor-box .floor-top .floor-right .floor-item .floor-item-price {
  color: #E94637;
  font-size: 14px;
  margin-top: 8px;
  line-height: 14px;
  display: flex;
  justify-content: center;
}
.floor-container .floor-box .floor-top .floor-right .floor-item .floor-item-price .price.bold {
font-weight: bold;
}
.floor-container .floor-box .floor-top .floor-right .floor-item .floor-item-price i {
  font-size: 14px;
  margin-right: 4px;
}
.floor-container .floor-box .floor-top .floor-right .floor-item .floor-item-del {
  color: #999;
  text-decoration: line-through;
  margin-top: 2px;
  line-height: 12px;
}
.floor-container .floor-box .floor-bottom {
  margin-top: 5px;
  width: 100%;
  height: 60px;
  background-color: #fff;
  position: relative;
  overflow: hidden;
}
.floor-container .floor-box .floor-bottom .floor-advert {
width: 100%;
height: 100%;
cursor: pointer;
}
.floor-container .floor-box .floor-bottom .floor-brand-box {
width: calc(100% - 26px);
display: flex;
margin-top: 17px;
transform: translateX(26px);
transition: transform 0.3s;
}
.floor-container .floor-box .floor-bottom .floor-brand-box .floor-brand-content{
white-space: nowrap;
}
.floor-container .floor-box .floor-bottom .floor-brand-box .floor-brand-item {
/* width: 100px; */
height: 26px;
margin-right: 24px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
position: relative;
transition: transform 0.3s;
display: inline-block;
}
.floor-container .floor-box .floor-bottom .floor-brand-box .floor-brand-item:hover {
transform: translateY(-4px);
}
.floor-container .floor-box .floor-bottom .floor-brand-box .floor-brand-item:last-child {
margin-right: 17px;
}
.floor-container .floor-box .floor-bottom .floor-brand-box .floor-brand-item img.crown {
width: 16px;
height: 16px;
position: absolute;
right: -4px;
top: -3px;
}
.floor-container .floor-box .floor-bottom .floor-brand-box .floor-brand-item img.brand-img {
max-width: 100px;
max-height: 26px;
}
.floor-container .floor-box .floor-bottom .floor-arrow {
  width: 16px;
  height: 34px;
  background-color: #EAEAEA;
  border-radius: 0 4px 4px 0;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.floor-container .floor-box .floor-bottom .floor-arrow.right {
  left: auto;
  right: 0;
  border-radius: 4px 0 0 4px;
}
.floor-container .floor-box .floor-bottom .floor-arrow i {
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 34px;
  font-size: 12px;
  color: #999;
  transform: rotate(-180deg);
  display: inline-block;
}
.floor-container .floor-box .floor-bottom .floor-arrow.right i {
  transform: rotate(0deg);
}
.floor-container .floor-box .floor-bottom .floor-arrow.brand-arrow {
top: 48px;
}

/*产品选型*/
#header .position>li {
  position: relative;
}
#header .select_outBox {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: none;
}

  #header .chooseBox .right .item li {
    padding: 5px 20px;
    border: 1px solid transparent;
    cursor: pointer;
  }

  #header .chooseBox .right .active {
    border: 1px solid #25c3c7 !important;
    border-bottom: 1px solid #fff !important;
    position: relative;
    z-index: 0;
    color: #00abb0;
  }
  #header .chooseBox .an {
    width: 25px;
    color: #fff;
    background: #0fbcbe;
    cursor: pointer;
  }
  #header .chooseBox .an i {
    display: block;
    width: 10px;
    height: 10px;
    /* background: url($baseImgPath + 'product/select/images/search_bottom.png') no-repeat;
    background-size: 100% auto; */
    margin-top: 5px;
  }
  #header .chooseBox .right .item li:hover,
  #header .categoryBox .contents span b:hover,
  #header .categoryBox .contents span i:hover,
  #header .checkBox li:hover,
  .parameterBox .checkBox li:hover {
    color: #62d3d7;
  }
  #header .checkBox {
    padding-bottom: 0px;
  }
  #header .checkBox li b,
  .parameterBox .checkBox li b {
    word-break: break-all;
  }

  #header .checkBox li>span,
  .parameterBox .checkBox li>span {
    display: block;
    float: left;
    width: 88px;
  }
  #header .checkBox .check,
  .parameterBox .checkBox .check {
    background-position: -121px 0px;
  }
  .cate-item-box .checkBox.max{
    max-height: 140px;
    overflow: auto;
    height: auto !important;
  }
  .cate-item-box .checkBox {
    height: 28px;
    overflow: hidden;
  }
  .cate-item-box .checkBox::-webkit-scrollbar{
    width: 4px;
  }
  .cate-item-box .checkBox::-webkit-scrollbar-thumb{
    background: rgba(153, 153, 153, 0.4);
    border-radius: 4px;
  }
  .checkBox .cate-item{
    display: flex;
    align-items: center;
    height: 28px;
    font-size: 12px;
    color: #666;
    margin-right: 40px;
    padding-bottom: 8px;
    cursor: pointer;
    box-sizing: border-box;
  }
  .cate-item-box .more-btn{
    position: absolute;
    width: 56px;
    height: 24px;
    right: 12px;
    top: 14px;
    border: 1px solid #999;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #666;
    cursor: pointer;
  }
  .cate-item-box .more-btn i {
    font-size: 12px;
    color: #999;
    transform: rotate(90deg);
    display: block;
    margin-left: 6px;
  }
  .cate-item-box .more-btn:hover{
    border-color: rgba(25, 176, 176, 0.5);
    color: #19B0B0;
  }
  .cate-item-box .more-btn:hover i {
    color: #19B0B0;
  }
  .cate-item-box .more-btn i.active{
    transform: rotate(-90deg);
  }

  .select-product-box {
    margin-top: 10px;
    width: 1200px;
    height: 308px;
    background-color: #fff;
    display: flex;
    box-sizing: border-box;
    align-items: flex-start;
    position: relative;
  }
  .select-product-box * {
    box-sizing: border-box;
  }
  .select-product-box .product-more {
    position: absolute;
    left: 50%;
    bottom: 15px;
    transform: translateX(-50%);
    font-size: 14px;
    color: #333;
    cursor: pointer;
  }
  .select-product-box .product-more:hover {
    color: rgb(25,176,176);
  }
  .select-product-box .product-more i {
    font-size: 12px;
    margin-left: 4px;
    transform: scale(0.8);
    display: inline-block;
  }
  .select-product-box .select-product-item {
    /* flex: 1; */
    padding: 30px 10px 0px 10px;
    position: relative;
    width: 200px;
    cursor: pointer;
  }
  .select-product-box .select-product-item:last-child::after {
    display: none;
  }
  .select-product-box .select-product-item::after {
    content: '';
    display: block;
    height: 181px;
    position: absolute;
    right: 0;
    top: 20px;
    border-left: 1px dashed #eaeaea;
  }
  .select-product-box .select-product-item:last-child::after {
    display: none;
  }
  .select-product-box .select-product-item .product-item-pic {
    width: 136px;
    height: 136px;
    margin: auto;
    margin-bottom: 14px;
  }
  .select-product-box .select-product-item .product-item-txt {
    line-height: 20px;
    font-size: 12px;
    color: #666;
    width: 180px;
    display: flex;
  }
  .select-product-box .select-product-item .product-item-txt .brand {
    display: inline-block;
    vertical-align: middle;
    padding: 1px 8px;
    border-radius: 2px;
    border: 1px solid rgba(0, 164, 150, 0.5);
    color: #00A496;
    line-height: initial;
    position: absolute;
    right: 10px;
    top: 10px;
  }
  .select-product-box .select-product-item .product-item-txt .title {
    flex: 1;
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
  }
  .select-product-box .select-product-item .product-item-txt2 {
    font-size: 12px;
    color: #333;
    line-height: 20px;
    width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
  }
  .select-product-box .select-product-item .product-item-txt3 {
    margin-top: 6px;
  }
  .select-product-box .select-product-item .product-item-txt3 .price {
    font-size: 18px;
    color: #E94637;
    line-height: 26px;
    margin-right: 4px;
  }
  .select-product-box .select-product-item .product-item-txt3 .price.bold {
    font-weight: bold;
  }
  .select-product-box .select-product-item .product-item-txt3 .del {
    text-decoration: line-through;
    font-size: 12px;
    color: #999;
    line-height: 20px;
  }
  .select-product-box .select-product-item .product-item-txt4 {
    font-family: Microsoft YaHei;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    color: #999;
    text-decoration: line-through;
  }
  .params-float-btn {
    width: 56px;
    height: 56px;
    background: #fff;
    border-radius: 2px;
    position: absolute;
    top: 0px;
    z-index: 2;
    left: -66px;
    padding-top: 8px;
    cursor: pointer;
    color: #999;
  }
  .params-float-btn:hover {
    background: linear-gradient(135deg, #73E2E2 0%, #28CCCC 100%);
    color: #fff;
  }
  .params-float-btn:hover .img {
    background: url(https://files3.zydmall.com:9443/zydmall-tinyapp/web/images/index_new/compass.png);
  }
  .params-float-btn .img {
    width: 24px;
    height: 24px;
    display: block;
    margin: auto;
    background: url(https://files3.zydmall.com:9443/zydmall-tinyapp/web/images/index_new/compass2.png);
    background-size: 100% 100%;
  }
  .params-float-btn p {
    font-size: 12px;
    line-height: 12px;
    margin-top: 4px;
    text-align: center;
  }
  .params-left-box {
    width: 264px;
    height: 492px;
    background-color: #fff;
    box-sizing: border-box;
    position: absolute;
    top: 0px;
    /* left: 0; */
    z-index: 2;
    left: -274px;
  }

  .params-left-box .el-scrollbar__wrap {
    overflow-x: hidden;
  }

  .params-box {
    width: 264px;
    background-color: #fff;
    height: 492px;
    border-radius: 2px;
    overflow: hidden;
  }
  .params-box div {
    box-sizing: border-box;
  }
  .params-box .params-title {
    width: 100%;
    height: 40px;
    background-color: #28CCCC;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
  }
  .params-box .params-title .params-btn {
    display: flex;
    align-items: center;
  }
  .params-box .params-title .params-btn .params-show {
    display: inline-block;
    padding-left: 8px;
    margin-left: 8px;
    position: relative;
  }
  .params-box .params-title .params-btn .params-show i {
    font-size: 12px;
    margin-left: 4px;
    padding-right: 0;
    transform: scale(0.8);
    display: inline-block;
  }
  .params-box .params-title .params-btn .params-show::after {
    content: '';
    display: block;
    position: absolute;
    height: 16px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-left: 1px solid rgba(255, 255, 255, 0.6);
  }
  .params-box .params-title span{
    font-weight: normal;
    cursor: pointer;
  }
  .params-box .params-title span i{
    padding-right: 5px;
  }
  .params-box .params-title span i.rotate::before {
    display: inline-block;
    transform: rotate(360deg);
    transition: transform 0.3s linear;
  }
  .params-box .params-content {
    height: calc(100% - 40px);
    padding: 24px 0;
    padding-bottom: 40px;
  }
  .params-box .params-content::-webkit-scrollbar{
    width: 4px;
  }
  .params-box .params-content .params-item{
    margin-bottom: 16px;
    padding: 0 16px;
  }
  .params-box .params-content .params-item .params-item-title{
    font-size: 14px;
    color: #999;
    line-height: 22px;
    padding-bottom: 4px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
  }
  .params-box .params-content .params-item .params-item-title i {
    transform: rotate(-90deg);
  }
  .params-box .params-content .params-item .params-item-title i.active {
    transform: rotate(90deg);
  }
  .params-box .params-content .params-item .params-item-title::after{
    content: '';
    display: block;
    width: 232px;
    border-bottom: 1px dashed #eaeaea;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .params-box .params-content .params-item .params-item-text-box {
    width: 248px;
    margin-left: -8px;
    max-height: 90px;
    overflow: hidden;
  }
  .params-box .params-content .params-item .params-item-text-box.more{
    max-height: unset;
  }
  .params-box .params-content .params-item .params-item-text-box .params-item-content-box{
    display: flex;
    width: 248px;
    flex-wrap: wrap;
    padding-top: 8px;
  }
  .params-box .params-content .params-item .params-item-more{
    text-align: center;
    font-size: 12px;
    color: #666;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    cursor: pointer;
    line-height: 20px;
    margin-top: 10px;
  }
  .params-box .params-content .params-item .params-item-more i{
    transform: rotate(90deg);
    font-size: 12px;
    color: #999;
    margin-left: 4px;
    display: block;
  }
  .params-box .params-content .params-item .params-item-more i.active{
    transform: rotate(-90deg);
  }
  .params-box .params-content .params-item .params-item-text {
    font-size: 14px;
    color: #333;
    line-height: 22px;
    cursor: pointer;
    margin: 0 8px;
    margin-bottom: 8px;
    max-width: 100%;
    word-break: break-all;
  }
  .params-box .params-content .params-item .params-item-text:hover{
    color: #19B0B0;
  }
  .params-box .params-content .params-item .params-item-text.active{
    font-weight: bold;
    color: #19B0B0;
  }

  /*内容咨询*/
  .infomation-container {
    /* background-color: #fff; */
    /* height: 850px; */
    padding-bottom: 137px;
    border-radius: 4px;
    /* padding-top: 40px; */
    box-sizing: border-box;
    background: url(https://files3.zydmall.com:9443/zydmall-tinyapp/web/images/index_new/bg2.png);
    background-size: 100% 100%;
    background-color: #f9f9f9;
    margin-bottom: -115px;
      min-width: 1200px;
  }
  .infomation-container * {
    box-sizing: border-box;
  }
  .infomation-container .container {
    margin: auto;
    padding-top: 40px;
  }
  .infomation-container .container .infomation-top {
    display: flex;
    margin-bottom: 20px;
  }
  .infomation-container .container .infomation-top .infomation-left {
    width: 728px;
    height: 396px;
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 20px;
  }
  .infomation-container .container .infomation-top .infomation-right {
    width: 452px;
    height: 396px;
    background-color: #fff;
    border-radius: 4px;
  }
  .infomation-container .container .infomation-top .infomation-right .infomation-new-list {
    padding: 0px 16px 0 16px;
  }
  .infomation-container .container .infomation-top .infomation-right .infomation-new-list .infomation-new-item {
    padding: 16px 0;
    border-bottom: 1px dashed #EAEAEA;
    display: flex;
    position: relative;
    cursor: pointer;
  }
  .infomation-container .container .infomation-top .infomation-right .infomation-new-list .infomation-new-item:last-child {
    border-bottom: none;
  }
  .infomation-container .container .infomation-top .infomation-right .infomation-new-list .infomation-new-item .new-pic {
    border-radius: 4px;
    width: 88px;
    height: 56px;
  }
  .infomation-container .container .infomation-top .infomation-right .infomation-new-list .infomation-new-item .new-content {
    flex: 1;
    padding-left: 12px;
    position: relative;
  }
  .infomation-container .container .infomation-top .infomation-right .infomation-new-list .infomation-new-item .new-title {
    line-height: 20px;
    font-size: 14px;
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    cursor: pointer;
  }
  .infomation-container .container .infomation-top .infomation-right .infomation-new-list .infomation-new-item.new .new-title {
    width: 287px;
    -webkit-line-clamp: 1;
  }
  .infomation-container .container .infomation-top .infomation-right .infomation-new-list .infomation-new-item .new-txt {
    font-size: 12px;
    line-height: 12px;
    color: #999;
  }
  .infomation-container .container .infomation-top .infomation-right .infomation-new-list .infomation-new-item.new .new-txt {
    flex: 1;
    text-align: right;
    line-height: 20px;
  }
  .infomation-container .container .infomation-top .infomation-right .infomation-new-list .infomation-new-item .share {
    font-size: 12px;
    color: #666;
    line-height: 20px;
    position: absolute;
    right: 0;
    bottom: 6px;
    cursor: pointer;
  }
  .infomation-container .container .infomation-top .infomation-right .infomation-new-list .infomation-new-item .share:hover {
    color: #19B0B0;
  }
  .infomation-container .container .infomation-top .infomation-right .infomation-new-list .infomation-new-item .share i {
    font-size: 12px;
    padding-right: 2px;
  }
  .infomation-container .container .infomation-top .information-title {
    height: 41px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #28CCCC;
  }
  .infomation-container .container .infomation-top .information-title .infomation-title-txt {
    height: 41px;
    width: 134px;
    background: linear-gradient(130.48deg, #73E2E2 7.67%, #73E2E2 49.22%, #28CCCC 100%);
    border-radius: 4px 18px 0 0;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    display: flex;
    align-items: center;
  }
  .infomation-container .container .infomation-top .information-title .infomation-title-txt img {
    width: 16px;
    margin-right: 4px;
    margin-left: 18px;
  }
  .infomation-container .container .infomation-top .information-title .infomation-more {
    line-height: 40px;
    margin-right: 16px;
    font-size: 14px;
    color: #999;
    padding-top: 2px;
    cursor: pointer;
  }
  .infomation-container .container .infomation-top .information-title .infomation-more:hover {
    color: rgb(25,176,176);
  }
  .infomation-container .container .infomation-top .information-title .infomation-more i {
    transform: rotate(-90deg) scale(0.8) translate(1px, 4px);
    display: inline-block;
    font-size: 12px;
  }
  .infomation-container .container .infomation-top .infomation-left .infomation-left-content {
    display: flex;
    padding: 16px;
    justify-content: space-between;
    position: relative;
  }
  .infomation-container .container .infomation-top .infomation-left .infomation-left-content::after {
    content: "";
    display: block;
    width: 110px;
    height: 31px;
    position: absolute;
    right: 16px;
    bottom: 16px;
    background: linear-gradient(to bottom, transparent, #fff);
    z-index: 2;
    pointer-events: none;
  }
  .infomation-container .container .infomation-top .infomation-left .infomation-left-content .infomation-left-box {
    width: 570px;
    height: 320px;
    border-radius: 4px;
    overflow: hidden;
    /* background-color: #00abb0; */
  }
  .infomation-container .container .infomation-top .infomation-left .infomation-left-content .infomation-left-box .swiper-container {
    width: 570px;
    height: 320px;
  }
  .infomation-container .container .infomation-top .infomation-left .infomation-left-content .infomation-left-list {
    width: 110px;
    height: 320px;
    overflow: auto;
    scrollbar-width:none;
    -ms-overflow-style:none;
    position: relative;
  }
  .infomation-container .container .infomation-top .infomation-left .infomation-left-content .infomation-left-list::-webkit-scrollbar{
    width:0px;
  }
  .infomation-container .container .infomation-top .infomation-left .infomation-left-content .infomation-left-list .infomation-list-item {
    width: 110px;
    height: 62px;
    /* background-color: #00abb0; */
    margin-bottom: 10px;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
  }
  .infomation-container .container .infomation-top .infomation-left .infomation-left-content .infomation-left-list .infomation-list-item:last-child {
    margin-bottom: 0;
  }
   .infomation-container .container .infomation-top .infomation-left .infomation-left-content .infomation-left-list .infomation-list-item .infomation-list-item-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: transform 0.3s linear;
   }
   .infomation-container .container .infomation-top .infomation-left .infomation-left-content .infomation-left-list .infomation-list-item .infomation-list-item-bg:hover {
    transform: scale(1.1);
   }
  .infomation-container .container .infomation-bottom {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-left: 5px;
    box-sizing: border-box;
  }
  .infomation-container .container .infomation-bottom .swiper-container {
    height: 304px;
  }
  .infomation-container .container .infomation-bottom .infomation-bottom-item {
    width: 384px;
    height: 274px;
    box-shadow: 0px 4px 16px 0px rgba(217,223,223,0.64);
    background-color: #fff;
    border-radius: 8px;
    padding: 16px 16px 0 16px;
    transition: height 0.3s;
  }
  .infomation-container .container .infomation-bottom .infomation-bottom-item:hover {
    height: 300px;
  }
  .video-swiper .swiper-pagination {
    width: 100%;
    bottom: -16px;
  }
  .video-swiper .swiper-pagination .swiper-pagination-bullet {
    width: 16px;
    background: #cccccc;
    opacity: 0.5;
    height: 6px;
    border-radius: 200px;
    margin: 0 6px;
  }

 .infomation-bottom .video-pic-box{
    height: 198px;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
  }
  .video-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 36px;
    background-image: linear-gradient(15deg, #28cccc 0%, #73e2e2 100%);
    opacity: 1;
  }
  .video-swiper .swiper-slide {
    width: 384px !important;
    margin-right: 20px !important;
  }
  .video-tab{
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
    outline: none;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}
#header .select_outBox * {
  margin: 0;
  padding: 0;
}
.select-container {
  width: 1200px;
  margin: auto;
  position: relative;
}
.filterBox {
  width: 100%;
  display: flex;
  position: relative;
  padding: 12px 0;
  padding-left: 20px;
  background-color: #f9f9f9;
  border-radius: 2px 2px 0 0;
}

.filterBox .cate-nav-txt {
  font-size: 12px;
  color: #333;
}
.filterBox li {
  display: flex;
  align-items: center;
  margin-right: 11.4px;
  position: relative;
}

.filterBox li:last-child {
  margin-right: 0;
}

.filterBox li .cate-nav-arrow {
  display: inline-block;
  margin-left: 6px;
  font-size: 12px;
}

.filterBox li .cate-nav-box {
  height: 24px;
  display: flex;
  align-items: center;
  padding: 0 8px;
  background: linear-gradient(135deg, #73E2E2 0%, #28CCCC 100%);
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  position: relative;
  z-index: 2;
}

.filterBox li .cate-nav-box p {
  max-width: 105px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}

.filterBox li .cate-nav-box .cate-nav-arrow2 {
  margin-left: 6px;
  display: inline-block;
  font-size: 12px;
  transform: rotate(90deg);
}
.filterBox li .cate-nav-box .cate-nav-arrow2.new {
  display: none;
  cursor: pointer;
  transform: scale(0.7);
}
.filterBox li.cate-nav-key {
  margin-left: 4.5px;
  font-size: 12px;
  color: #333;
}

.filterBox li.cate-nav-key span {
  color: rgb(233, 70, 55);
  display: inline-block;
  max-width: 119px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.filterBox li:nth-last-child(2) .cate-nav-arrow{
  display: none;
}
.cate-checkbox{
  width: 14px;
  height: 14px;
  border-radius: 2px;
  border: 1px solid #eaeaea;
  margin-right: 4px !important;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cate-checkbox i{
  font-size: 12px;
  color: #fff;
  display: none;
}
.cate-checkbox.new {
  background-color: #fff;
}
.cate-checkbox.new i {
  transform: scale(0.7) translateY(0.5px) !important;
}
.cate-checkbox.cate-check{
  border-color: #28CCCC;
  background-color: #28CCCC;
}
.cate-checkbox.cate-check i{
  display: block;
  transform: scale(0.7) translateY(-1px);
}
.cate-nav-item.hide:hover .cate-nav-arrow2 {
  display: none !important;
}
.cate-nav-item:hover .select_outBox,
.cate-nav-item:hover .triangle_icon,
.cate-nav-item:hover .cate-nav-arrow2.new{
  display: block !important;
}
 #header .select_outBox.child-box{
  display: block;
}
#header .select_outBox.child-box .left {
  width: auto;
  text-align: left;
  margin: 0;
}
#header .select_outBox.child-box .select_box{
  margin-top: 0;
  padding: 10px 0;
}
#header .select_outBox.child-box .select_box li {
  display: flex;
  align-items: center;
  position: relative;
}
#header .select_box {
  background-color: rgba(85, 85, 85, .91);
  padding: 16px 0;
  margin: 35px 0 0 0px;
  color: #fff;
  font-size: 12px;
  max-height: 500px;
  overflow: auto;
  border-radius: 2px;
  box-shadow: 0px 0px 10px rgba(153, 153, 153, 0.6);
}

#header .select_box .left {
  border-right: 1px dashed rgba(255,255,255,0.2);
  height: 100%;
}

#header .select_box .left,
#header .select_box .right {
  padding: 0 16px;
  white-space: nowrap;
}

#header .select_box .left:nth-last-of-type(1) {
  border-right: 1px solid transparent;
}
#header .select_box .left>li:last-child{
  margin-bottom: 0px;
}
#header .select_box .left>li:first-child{
  margin-top: 0px;
}

#header .select_box .left>li,
#header .select_box .right>li {
  margin: 16px 0;
  height: 20px;
  line-height: 20px;
  cursor: pointer;
}
#header .select_box .left>li b {
  display: inline-block;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}

#header .select_outBox.child-box{
  display: block;
}
#header .select_outBox.child-box .left {
  width: auto;
  text-align: left;
  margin: 0;
}
#header .select_outBox.child-box .select_box{
  margin-top: 0;
  padding: 10px 0;
}
#header .select_outBox.child-box .select_box li {
  display: flex;
  align-items: center;
  position: relative;
}

#header .select_box .left>li:hover {
  color: #19B0B0;
}

#header .select_box .active {
  color: #19B0B0;
}
#header .select_box .active b{
  text-decoration: underline;
}

#header .select_box .active2 {
  background: linear-gradient(135deg, #73E2E2 0%, #28CCCC 100%) !important;
  border-radius: 2px;
}
#header .select_box .accessory1.active2.active {
  background: #19B0B0 !important;
}

#header .select_box .accessory1,
#header .select_box .accessory2 {
  display: inline-block;
  color: #fff;
  padding: 1px 5px;
  border-radius: 2px;
  border: 1px solid transparent;
  box-sizing: border-box;
  font-size: 11px;
  line-height: 100%;
  margin-left: 10px;
}

#header .select_box .accessory1 {
  background: #eb6161;
}

#header .select_box .accessory2 {
  border: 1px solid #fff;
}
#header .triangle_icon {
  height: 0px;
  width: 0px;
  border-left: 5px solid transparent;
  border-bottom: 5px solid #555;
  border-right: 5px solid transparent;
  opacity: 0.9;
  position: absolute;
  left: 30%;
  top: 30px;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  display: none;
  z-index: 2;
}
#header .filterBox .clear {
  font-size: 12px;
  color: #19B0B0;
  cursor: pointer;
  position: absolute;
  right: 20px;
}
#header .chooseBox {
  border: 1px solid #eaeaea;
  background: #f9f9f9;
  border-bottom: none;
}

#header .chooseBox:nth-last-of-type(1) {
  border-bottom: 1px solid #eaeaea;
}

#header .chooseBox .left {
  text-align: center;
  margin: 19px 0;
  width: 88px;
}

#header .chooseBox .cate-item-box {
border-left: 1px solid #eaeaea;
background: #fff;
padding: 15px 20px;
padding-right: 86px;
position: relative;
padding-bottom: 8px;
flex: 1;
}

#header .chooseBox .right .item li {
  padding: 5px 20px;
  border: 1px solid transparent;
  cursor: pointer;
}

#header .chooseBox .right .active {
  border: 1px solid #25c3c7 !important;
  border-bottom: 1px solid #fff !important;
  position: relative;
  z-index: 0;
  color: #00abb0;
}
#header .chooseBox .an {
  width: 25px;
  color: #fff;
  background: #0fbcbe;
  cursor: pointer;
}
#header .chooseBox .an i {
  display: block;
  width: 10px;
  height: 10px;
  /* background: url($baseImgPath + 'product/select/images/search_bottom.png') no-repeat;
  background-size: 100% auto; */
  margin-top: 5px;
}
#header .chooseBox .right .item li:hover,
#header .categoryBox .contents span b:hover,
#header .categoryBox .contents span i:hover,
#header .checkBox li:hover,
.parameterBox .checkBox li:hover {
  color: #62d3d7;
}
#header .checkBox {
  padding-bottom: 0px;
}
#header .checkBox li b,
.parameterBox .checkBox li b {
  word-break: break-all;
}

#header .checkBox li>span,
.parameterBox .checkBox li>span {
  display: block;
  float: left;
  width: 88px;
}
#header .checkBox .check,
.parameterBox .checkBox .check {
  background-position: -121px 0px;
}
.cate-item-box .checkBox.max{
  max-height: 140px;
  overflow: auto;
  height: auto !important;
}
.cate-item-box .checkBox {
  height: 28px;
  overflow: hidden;
}
.cate-item-box .checkBox::-webkit-scrollbar{
  width: 4px;
}
.cate-item-box .checkBox::-webkit-scrollbar-thumb{
  background: rgba(153, 153, 153, 0.4);
  border-radius: 4px;
}
.checkBox .cate-item{
  display: flex;
  align-items: center;
  height: 28px;
  font-size: 12px;
  color: #666;
  margin-right: 40px;
  padding-bottom: 8px;
  cursor: pointer;
  box-sizing: border-box;
}
.cate-item-box .more-btn{
  position: absolute;
  width: 56px;
  height: 24px;
  right: 12px;
  top: 14px;
  border: 1px solid #999;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #666;
  cursor: pointer;
}
.cate-item-box .more-btn i {
  font-size: 12px;
  color: #999;
  transform: rotate(90deg);
  display: block;
  margin-left: 6px;
}
.cate-item-box .more-btn:hover{
  border-color: rgba(25, 176, 176, 0.5);
  color: #19B0B0;
}
.cate-item-box .more-btn:hover i {
  color: #19B0B0;
}
.cate-item-box .more-btn i.active{
  transform: rotate(-90deg);
}

.select-product-box {
  margin-top: 10px;
  width: 1200px;
  height: 308px;
  background-color: #fff;
  display: flex;
  box-sizing: border-box;
  align-items: flex-start;
  position: relative;
}
.select-product-box * {
  box-sizing: border-box;
}
.select-product-box .product-more {
  position: absolute;
  left: 50%;
  bottom: 15px;
  transform: translateX(-50%);
  font-size: 14px;
  color: #333;
  cursor: pointer;
}
.select-product-box .product-more:hover {
  color: rgb(25,176,176);
}
.select-product-box .product-more i {
  font-size: 12px;
  margin-left: 4px;
  transform: scale(0.8);
  display: inline-block;
}
.select-product-box .select-product-item {
  /* flex: 1; */
  padding: 30px 10px 0px 10px;
  position: relative;
  width: 200px;
  cursor: pointer;
}
.select-product-box .select-product-item:last-child::after {
  display: none;
}
.select-product-box .select-product-item::after {
  content: '';
  display: block;
  height: 181px;
  position: absolute;
  right: 0;
  top: 20px;
  border-left: 1px dashed #eaeaea;
}
.select-product-box .select-product-item:last-child::after {
  display: none;
}
.select-product-box .select-product-item .product-item-pic {
  width: 136px;
  height: 136px;
  margin: auto;
  margin-bottom: 14px;
}
.select-product-box .select-product-item .product-item-txt {
  line-height: 20px;
  font-size: 12px;
  color: #666;
  width: 180px;
  display: flex;
}
.select-product-box .select-product-item .product-item-txt .brand {
  display: inline-block;
  vertical-align: middle;
  padding: 1px 8px;
  border-radius: 2px;
  border: 1px solid rgba(0, 164, 150, 0.5);
  color: #00A496;
  line-height: initial;
  position: absolute;
  right: 10px;
  top: 10px;
}
.select-product-box .select-product-item .product-item-txt .title {
  flex: 1;
  line-height: 18px;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.select-product-box .select-product-item .product-item-txt2 {
  font-size: 12px;
  color: #333;
  line-height: 20px;
  width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.select-product-box .select-product-item .product-item-txt3 {
  margin-top: 6px;
}
.select-product-box .select-product-item .product-item-txt3 .price {
  font-size: 18px;
  color: #E94637;
  line-height: 26px;
  margin-right: 4px;
}
.select-product-box .select-product-item .product-item-txt3 .price.bold {
  font-weight: bold;
}
.select-product-box .select-product-item .product-item-txt3 .del {
  text-decoration: line-through;
  font-size: 12px;
  color: #999;
  line-height: 20px;
}
.select-product-box .select-product-item .product-item-txt4 {
  font-family: Microsoft YaHei;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  color: #999;
  text-decoration: line-through;
}
.params-float-btn {
  width: 56px;
  height: 56px;
  background: #fff;
  border-radius: 2px;
  position: absolute;
  top: 0px;
  z-index: 2;
  left: -66px;
  padding-top: 8px;
  cursor: pointer;
  color: #999;
}
.params-float-btn:hover {
  background: linear-gradient(135deg, #73E2E2 0%, #28CCCC 100%);
  color: #fff;
}
.params-float-btn:hover .img {
  background: url(https://files3.zydmall.com:9443/zydmall-tinyapp/web/images/index_new/compass.png);
}
.params-float-btn .img {
  width: 24px;
  height: 24px;
  display: block;
  margin: auto;
  background: url(https://files3.zydmall.com:9443/zydmall-tinyapp/web/images/index_new/compass2.png);
  background-size: 100% 100%;
}
.params-float-btn p {
  font-size: 12px;
  line-height: 12px;
  margin-top: 4px;
  text-align: center;
}
.params-left-box {
  width: 264px;
  height: 492px;
  background-color: #fff;
  box-sizing: border-box;
  position: absolute;
  top: 0px;
  /* left: 0; */
  z-index: 2;
  left: -274px;
}

.params-left-box .el-scrollbar__wrap {
  overflow-x: hidden;
}

.params-box {
  width: 264px;
  background-color: #fff;
  height: 492px;
  border-radius: 2px;
  overflow: hidden;
}
.params-box div {
  box-sizing: border-box;
}
.params-box .params-title {
  width: 100%;
  height: 40px;
  background-color: #28CCCC;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}
.params-box .params-title .params-btn {
  display: flex;
  align-items: center;
}
.params-box .params-title .params-btn .params-show {
  display: inline-block;
  padding-left: 8px;
  margin-left: 8px;
  position: relative;
}
.params-box .params-title .params-btn .params-show i {
  font-size: 12px;
  margin-left: 4px;
  padding-right: 0;
  transform: scale(0.8);
  display: inline-block;
}
.params-box .params-title .params-btn .params-show::after {
  content: '';
  display: block;
  position: absolute;
  height: 16px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-left: 1px solid rgba(255, 255, 255, 0.6);
}
.params-box .params-title span{
  font-weight: normal;
  cursor: pointer;
}
.params-box .params-title span i{
  padding-right: 5px;
}
.params-box .params-title span i.rotate::before {
  display: inline-block;
  transform: rotate(360deg);
  transition: transform 0.3s linear;
}
.params-box .params-content {
  height: calc(100% - 40px);
  padding: 24px 0;
  padding-bottom: 40px;
}
.params-box .params-content::-webkit-scrollbar{
  width: 4px;
}
.params-box .params-content .params-item{
  margin-bottom: 16px;
  padding: 0 16px;
}
.params-box .params-content .params-item .params-item-title{
  font-size: 14px;
  color: #999;
  line-height: 22px;
  padding-bottom: 4px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.params-box .params-content .params-item .params-item-title i {
  transform: rotate(-90deg);
}
.params-box .params-content .params-item .params-item-title i.active {
  transform: rotate(90deg);
}
.params-box .params-content .params-item .params-item-title::after{
  content: '';
  display: block;
  width: 232px;
  border-bottom: 1px dashed #eaeaea;
  position: absolute;
  left: 0;
  bottom: 0;
}
.params-box .params-content .params-item .params-item-text-box {
  width: 248px;
  margin-left: -8px;
  max-height: 90px;
  overflow: hidden;
}
.params-box .params-content .params-item .params-item-text-box.more{
  max-height: unset;
}
.params-box .params-content .params-item .params-item-text-box .params-item-content-box{
  display: flex;
  width: 248px;
  flex-wrap: wrap;
  padding-top: 8px;
}
.params-box .params-content .params-item .params-item-more{
  text-align: center;
  font-size: 12px;
  color: #666;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  cursor: pointer;
  line-height: 20px;
  margin-top: 10px;
}
.params-box .params-content .params-item .params-item-more i{
  transform: rotate(90deg);
  font-size: 12px;
  color: #999;
  margin-left: 4px;
  display: block;
}
.params-box .params-content .params-item .params-item-more i.active{
  transform: rotate(-90deg);
}
.params-box .params-content .params-item .params-item-text {
  font-size: 14px;
  color: #333;
  line-height: 22px;
  cursor: pointer;
  margin: 0 8px;
  margin-bottom: 8px;
  max-width: 100%;
  word-break: break-all;
}
.params-box .params-content .params-item .params-item-text:hover{
  color: #19B0B0;
}
.params-box .params-content .params-item .params-item-text.active{
  font-weight: bold;
  color: #19B0B0;
}

/*内容咨询*/
.infomation-container {
  /* background-color: #fff; */
  /* height: 850px; */
  padding-bottom: 137px;
  border-radius: 4px;
  padding-top: 40px;
  box-sizing: border-box;
  background: url(https://files3.zydmall.com:9443/zydmall-tinyapp/web/images/index_new/bg2.png);
  background-size: 100% 100%;
  background-color: #f9f9f9;
  margin-bottom: -115px;
    min-width: 1200px;
}
.infomation-container * {
  box-sizing: border-box;
}
.infomation-container .container {
  margin: auto;
}
.infomation-container .container .infomation-top {
  display: flex;
  margin-bottom: 20px;
}
.infomation-container .container .infomation-top .infomation-left {
  width: 728px;
  height: 396px;
  background-color: #fff;
  border-radius: 4px;
  overflow: hidden;
  margin-right: 20px;
}
.infomation-container .container .infomation-top .infomation-right {
  width: 452px;
  height: 396px;
  background-color: #fff;
  border-radius: 4px;
}
.infomation-container .container .infomation-top .infomation-right .infomation-new-list {
  padding: 0px 16px 0 16px;
}
.infomation-container .container .infomation-top .infomation-right .infomation-new-list .infomation-new-item {
  padding: 16px 0;
  border-bottom: 1px dashed #EAEAEA;
  display: flex;
  position: relative;
  cursor: pointer;
}
.infomation-container .container .infomation-top .infomation-right .infomation-new-list .infomation-new-item:last-child {
  border-bottom: none;
}
.infomation-container .container .infomation-top .infomation-right .infomation-new-list .infomation-new-item .new-pic {
  border-radius: 4px;
  width: 88px;
  height: 56px;
}
.infomation-container .container .infomation-top .infomation-right .infomation-new-list .infomation-new-item .new-content {
  flex: 1;
  padding-left: 12px;
  position: relative;
}
.infomation-container .container .infomation-top .infomation-right .infomation-new-list .infomation-new-item .new-title {
  line-height: 20px;
  font-size: 14px;
  color: #333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  cursor: pointer;
}
.infomation-container .container .infomation-top .infomation-right .infomation-new-list .infomation-new-item.new .new-title {
  width: 287px;
  -webkit-line-clamp: 1;
}
.infomation-container .container .infomation-top .infomation-right .infomation-new-list .infomation-new-item .new-txt {
  font-size: 12px;
  line-height: 12px;
  color: #999;
}
.infomation-container .container .infomation-top .infomation-right .infomation-new-list .infomation-new-item.new .new-txt {
  flex: 1;
  text-align: right;
  line-height: 20px;
}
.infomation-container .container .infomation-top .infomation-right .infomation-new-list .infomation-new-item .share {
  font-size: 12px;
  color: #666;
  line-height: 20px;
  position: absolute;
  right: 0;
  bottom: 6px;
  cursor: pointer;
}
.infomation-container .container .infomation-top .infomation-right .infomation-new-list .infomation-new-item .share:hover {
  color: #19B0B0;
}
.infomation-container .container .infomation-top .infomation-right .infomation-new-list .infomation-new-item .share i {
  font-size: 12px;
  padding-right: 2px;
}
.infomation-container .container .infomation-top .information-title {
  height: 41px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #28CCCC;
}
.infomation-container .container .infomation-top .information-title .infomation-title-txt {
  height: 41px;
  width: 134px;
  background: linear-gradient(130.48deg, #73E2E2 7.67%, #73E2E2 49.22%, #28CCCC 100%);
  border-radius: 4px 18px 0 0;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  display: flex;
  align-items: center;
}
.infomation-container .container .infomation-top .information-title .infomation-title-txt img {
  width: 16px;
  margin-right: 4px;
  margin-left: 18px;
}
.infomation-container .container .infomation-top .information-title .infomation-more {
  line-height: 40px;
  margin-right: 16px;
  font-size: 14px;
  color: #999;
  padding-top: 2px;
  cursor: pointer;
}
.infomation-container .container .infomation-top .information-title .infomation-more:hover {
  color: rgb(25,176,176);
}
.infomation-container .container .infomation-top .information-title .infomation-more i {
  transform: rotate(-90deg) scale(0.8) translate(1px, 4px);
  display: inline-block;
  font-size: 12px;
}
.infomation-container .container .infomation-top .infomation-left .infomation-left-content {
  display: flex;
  padding: 16px;
  justify-content: space-between;
  position: relative;
}
.infomation-container .container .infomation-top .infomation-left .infomation-left-content::after {
  content: "";
  display: block;
  width: 110px;
  height: 31px;
  position: absolute;
  right: 16px;
  bottom: 16px;
  background: linear-gradient(to bottom, transparent, #fff);
  z-index: 2;
  pointer-events: none;
}
.infomation-container .container .infomation-top .infomation-left .infomation-left-content .infomation-left-box {
  width: 570px;
  height: 320px;
  border-radius: 4px;
  overflow: hidden;
  /* background-color: #00abb0; */
}
.infomation-container .container .infomation-top .infomation-left .infomation-left-content .infomation-left-box .swiper-container {
  width: 570px;
  height: 320px;
}
.infomation-container .container .infomation-top .infomation-left .infomation-left-content .infomation-left-list {
  width: 110px;
  height: 320px;
  overflow: auto;
  scrollbar-width:none;
  -ms-overflow-style:none;
  position: relative;
}
.infomation-container .container .infomation-top .infomation-left .infomation-left-content .infomation-left-list::-webkit-scrollbar{
  width:0px;
}
.infomation-container .container .infomation-top .infomation-left .infomation-left-content .infomation-left-list .infomation-list-item {
  width: 110px;
  height: 62px;
  /* background-color: #00abb0; */
  margin-bottom: 10px;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.infomation-container .container .infomation-top .infomation-left .infomation-left-content .infomation-left-list .infomation-list-item:last-child {
  margin-bottom: 0;
}
 .infomation-container .container .infomation-top .infomation-left .infomation-left-content .infomation-left-list .infomation-list-item .infomation-list-item-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: transform 0.3s linear;
 }
 .infomation-container .container .infomation-top .infomation-left .infomation-left-content .infomation-left-list .infomation-list-item .infomation-list-item-bg:hover {
  transform: scale(1.1);
 }
.infomation-container .container .infomation-bottom {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-left: 5px;
  box-sizing: border-box;
}
.infomation-container .container .infomation-bottom .swiper-container {
  height: 304px;
}
.infomation-container .container .infomation-bottom .infomation-bottom-item {
  width: 384px;
  height: 274px;
  box-shadow: 0px 4px 16px 0px rgba(217,223,223,0.64);
  background-color: #fff;
  border-radius: 8px;
  padding: 16px 16px 0 16px;
  transition: height 0.3s;
}
.infomation-container .container .infomation-bottom .infomation-bottom-item:hover {
  height: 300px;
}
.video-swiper .swiper-pagination {
  width: 100%;
  bottom: -16px;
}
.video-swiper .swiper-pagination .swiper-pagination-bullet {
  width: 16px;
  background: #cccccc;
  opacity: 0.5;
  height: 6px;
  border-radius: 200px;
  margin: 0 6px;
}

.infomation-bottom .video-pic-box{
  height: 198px;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
}
.video-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 36px;
  background-image: linear-gradient(15deg, #28cccc 0%, #73e2e2 100%);
  opacity: 1;
}
.video-swiper .swiper-slide {
  width: 384px !important;
  margin-right: 20px !important;
}
.video-tab{
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  outline: none;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%,-50%);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.video-tab.disable{
  background-color: #ccc;
  cursor: auto;
  opacity: 0.35;
}
.video-tab.next{
  transform: translate(-52px,-50%) rotate(180deg);
}
.video-tab.prev{
  left: auto;
  right: 0;
  transform: translate(52px,-50%);
}
.infomation-bottom .video-pic-box .video-cover{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.2);
}
.infomation-bottom .video-pic-box .video-play-btn{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 3;
  width: 60px;
}
.infomation-bottom .video-title {
font-size: 14px;
line-height: 14px;
color: #333;
margin-top: 20px;
width: 100%;
overflow: hidden;
white-space: nowrap;
word-break: break-all;
}
.video-modal{
background: rgba(0, 0, 0, 0.6);
position: fixed;
left: 0;
top: 0;
height: 100vh;
width: 100vw;
z-index: 104;
}
.video-modal .video-modal-content{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
width: 744px;
height: 422px;
}
.video-modal .video-modal-content .iconguanbi{
font-size: 32px;
position: absolute;
right: -42px;
top: -33px;
color: #fff;
cursor: pointer;
}
.pic-modal{
background: rgba(0, 0, 0, 0.6);
position: fixed;
left: 0;
top: 0;
height: 100vh;
width: 100vw;
z-index: 104;
}
.pic-modal .pic-modal-box{
/* max-width: 90%; */
background: #fff;
border-radius: 4px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
padding: 30px;
}
.pic-modal .pic-modal-box i{
font-size: 14px;
color: #ccc;
position: absolute;
right: 12px;
top: 12px;
cursor: pointer;
}
.pic-modal .pic-modal-box .pic-modal-over::-webkit-scrollbar{
width: 6px;
height: 6px;
}
.pic-modal .pic-modal-box .pic-modal-over::-webkit-scrollbar-thumb{
background: #e5e5e5;
border-radius: 3px;
}
.pic-modal .pic-modal-box .pic-modal-over{
max-width: 90vw;
max-height: 90vh;
overflow: auto;
}

.active_list .active_status {
height: 26px;
padding: 0 10px;
background: rgba(0, 0, 0, .7);
color: #fff;
font-size: 12px;
font-weight: 400;
line-height: 26px;
position: absolute;
left: 12px;
top: 12px;
border-radius: 2px;
display: inline-flex;
justify-content: center;
align-items: center;
z-index: 1;
}

.infomation-left-box .active_img {
width: 100%;
height: 100%;
display: block;
}
.infomation-left-box .active_status {
height: 26px;
padding: 0 10px;
background: rgba(0, 0, 0, .7);
color: #fff;
font-size: 12px;
font-weight: 400;
line-height: 26px;
position: absolute;
left: 10px;
top: 10px;
border-radius: 4px;
display: inline-flex;
justify-content: center;
align-items: center;
z-index: 1;
}
.infomation-left-box .active_status i {
width: 6px;
height: 6px;
border-radius: 50%;
margin-right: 6px;
}

.infomation-left-box .active_status .start {
background-color: #28CCCC;
}

.infomation-left-box .active_status .end {
background-color: #666666;
}

.infomation-left-box .active_status .conduct {
background-color: #E94637;
}

/*左侧导航栏*/
.left-nav {
position: fixed;
left: 0;
top: 50%;
z-index: 10;
/* transform: translateY(-50%); */
transform: translateY(calc(-50% + 30px));
width: 122px;
/* height: 232px; */
border-radius: 0 10px 10px 0;
background: #fff;
box-shadow: inset 0px 0px 12.3px 0px #4FD5D57D, 0px 4px 8px 0px #0000001A;
box-sizing: border-box;
padding-top: 35px;
padding-bottom: 7px;
}
.left-nav .nav-robot {
width: 72px;
position: absolute;
left: 0;
top: -72px;
}
.left-nav .nav-qrocde {
width: 60px;
height: 69px;
background: #fff;
position: absolute;
right: 12px;
top: -50px;
box-sizing: border-box;
z-index: 1;
}
.left-nav .nav-qrocde::after {
content: "";
display: block;
width: 60px;
height: 50px;
position: absolute;
z-index: 0;
top: 0;
left: 0;
box-shadow: 0px 4px 8px 0px #0000001A;
}
.left-nav .nav-qrocde .qrcode-img {
width: 60px;
height: 60px;
position: relative;
}
.left-nav .nav-qrocde .qrcode-txt {
font-size: 12px;
font-weight: bold;
color: #666;
margin-top: -3px;
position: relative;
}
.left-nav .nav-item {
box-sizing: border-box;
width: 113px;
font-size: 16px;
line-height: 16px;
font-weight: bold;
color: #19B0B0;
padding-left: 13px;
cursor: pointer;
margin-bottom: 34px;
position: relative;
z-index: 2;
}
.left-nav .nav-item span {
position: relative;
z-index: 2;
}
.left-nav .nav-item.active {
color: #fff;
}
.left-nav .nav-item.active::after {
content: '';
display: block;
width: 113px;
height: 60px;
background: url(https://files3.zydmall.com:9443/zydmall-tinyapp/web/images/index_new/nav-bg.png);
background-size: 100% 100%;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.left-nav .nav-hover {
width: 113px;
height: 60px;
background: url(https://files3.zydmall.com:9443/zydmall-tinyapp/web/images/index_new/nav-bg2.png);
background-size: 100% 100%;
position: absolute;
left: 0;
top: 0;
transform: translateY(14px);
transition: transform 0.2s;
}

/*应用场景*/
.sceen-container {
width: 100%;
height: 580px;
position: relative;
margin-top: 7px;
}
.sceen-container .scene-title {
height: 56px;
position: absolute;
left: 0;
top: -7px;
z-index: 2;
width: 100%;
background: url(https://files3.zydmall.com:9443/zydmall-tinyapp/web/images/index_new/scene_title1.png) center center / cover;
}
.sceen-container .scene-title .scene-title-content {
width: 1200px;
margin: auto;
height: 50px;
position: relative;
padding-top: 7px;
}
.sceen-container .scene-title .scene-title-content .scene-nav {
width: 908px;
height: 78px;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
background: url(https://files3.zydmall.com:9443/zydmall-tinyapp/web/images/index_new/scene_title2.png) center center / cover;
display: flex;
justify-content: center;
padding-top: 14px;
box-sizing: border-box;
}
.sceen-container .scene-title .scene-title-content .scene-nav .scene-nav-item{
height: 40px;
line-height: 40px;
padding: 0 24px;
font-size: 20px;
color: #666;
font-weight: bold;
margin-right: 35px;
border-radius: 200px;
cursor: pointer;
}
.sceen-container .scene-title .scene-title-content .scene-nav .scene-nav-item:last-child {
margin-right: 0;
}
.sceen-container .scene-title .scene-title-content .scene-nav .scene-nav-item:hover,
.sceen-container .scene-title .scene-title-content .scene-nav .scene-nav-item.active {
color: #fff;
box-shadow: inset 0px 2px 4px 0px #00000029, 1px 2px 0px 0px #FFFFFF;
background: linear-gradient(135deg, #73E2E2 0%, #28CCCC 100%);

}
.sceen-container .scene-box {
width: 100%;
height: 580px;
padding-top: 93px;
overflow: hidden;
box-sizing: border-box;
}
.sceen-container .scene-box .scene-img-box {
width: 1146px;
height: 487px;
margin: auto;
position: relative;
}
.sceen-container .scene-box .scene-img {
width: 1146px;
height: 487px;
margin: auto;
position: absolute;
left: 0;
top: 0;
background-repeat: no-repeat;
transition: width 3s linear;
overflow: hidden;
}
.sceen-container .scene-box .scene-img.new {
left: auto;
right: 0;
}
.sceen-container .scene-box .scene-img .scene-bg {
width: 1146px;
height: 487px;
position: absolute;
left: 0;
top: 0;
}
.sceen-container .scene-box .scene-img.new .scene-bg {
left: auto;
right: 0;
}
.sceen-container .scene-box .scene-img.new .rotate-box{
height: 487px;
width: 186px;
position: absolute;
right: 661px;
top: -2px;
background: url(https://files3.zydmall.com:9443/zydmall-tinyapp/web/images/index_new/scene1/close.png);
background-size: auto 100%;
background-position: left top;
}
.sceen-container .scene-box .scene-img.new .rotate-box.scene-ani {
animation: scene-ani 1s linear;
}
@keyframes scene-ani{
0%{transform: rotateY(0deg);}
100%{transform: rotateY(360deg);}
}
@keyframes scene-ani3{
0%{transform: rotateY(360deg);}
100%{transform: rotateY(90deg);}
}
.sceen-container .scene-box .scene-img.new .rotate-box2{
height: 487px;
width: 186px;
position: absolute;
right: 299px;
top: -2px;
background: url(https://files3.zydmall.com:9443/zydmall-tinyapp/web/images/index_new/scene1/close.png);
background-size: auto 100%;
background-position: right top;
}
.sceen-container .scene-box .scene-img.new .rotate-box.scene-ani {
animation: scene-ani 1s linear;
animation-fill-mode: forwards;
}
.sceen-container .scene-box .scene-img.new .rotate-box2.scene-ani {
animation: scene-ani 1s linear;
animation-delay: 0.9s;
animation-fill-mode: forwards;
}
.sceen-container .scene-box .scene-img .rotate-box3.scene-ani2 {
animation: scene-ani3 1s linear;
animation-delay: 1.2s;
animation-fill-mode: forwards;
}
.sceen-container .scene-box .scene-img .rotate-box4.scene-ani2 {
animation: scene-ani3 1s linear;
animation-fill-mode: forwards;
}
.sceen-container .scene-box .scene-img .rotate-box3{
height: 487px;
width: 325px;
position: absolute;
left: 211px;
top: -2px;
background: url(https://files3.zydmall.com:9443/zydmall-tinyapp/web/images/index_new/scene1/open.png);
background-size: auto 100%;
background-position: left top;
}
.sceen-container .scene-box .scene-img .rotate-box3.rotate,
.sceen-container .scene-box .scene-img .rotate-box4.rotate {
transform: rotateY(270deg);
}
.sceen-container .scene-box .scene-img .rotate-box.rotate,
.sceen-container .scene-box .scene-img .rotate-box2.rotate {
transform: rotateY(90deg);
}
.sceen-container .scene-box .scene-img .rotate-box4{
height: 487px;
width: 325px;
position: absolute;
left: 613px;
top: -2px;
background: url(https://files3.zydmall.com:9443/zydmall-tinyapp/web/images/index_new/scene1/open.png);
background-size: auto 100%;
background-position: right top;
}
.sceen-container .scene-box .scene-img .rotate-box3.scene-ani {
animation: scene-ani2 1s linear;
animation-fill-mode: forwards;
}
.sceen-container .scene-box .scene-img .rotate-box4.scene-ani {
animation: scene-ani2 1s linear;
animation-delay: 0.9s;
animation-fill-mode: forwards;
}
.sceen-container .scene-box .scene-img .rotate-box.scene-ani2 {
animation: scene-ani4 1s linear;
animation-fill-mode: forwards;
animation-delay: 0.9s;
}
.sceen-container .scene-box .scene-img .rotate-box2.scene-ani2 {
animation: scene-ani4 1s linear;
animation-fill-mode: forwards;
}
@keyframes scene-ani2{
0%{transform: rotateY(270deg);}
100%{transform: rotateY(360deg);}
}
@keyframes scene-ani4{
0%{transform: rotateY(90deg);}
100%{transform: rotateY(0deg);}
}
.sceen-container .scene-box .scene-img-box .line-box {
width: 2px;
height: 500px;
background: radial-gradient(66.25% 66.25% at 50% 50%, #FFFFFF 28.03%, rgba(255, 255, 255, 0.15) 100%);
position: absolute;
left: 0;
top: -45px;
z-index: 3;
box-shadow: 0px 1px 4px 0px #FFFFFF99;
transition: left 3s linear;
}
.sceen-container .scene-box .scene-img-box .line-box .line-txt {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 28px;
height: 86px;
border-radius: 0px 10px 10px 0px;
background-color: #fff;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
color: #666;
line-height: 20px;
flex-flow: column;
padding: 0 6px;
cursor: pointer;
}
.sceen-container .scene-box .scene-img-box .line-box .line-txt i {
transform: rotate(-90deg);
font-size: 12px;
}
.sceen-container .scene-box .scene-img-box .line-box .line-txt i.new {
transform: rotate(90deg);
}
.sceen-container .scene-box .scene-img-box .item {
position: absolute;
left: 0;
top: 0;
display: flex;
align-items: center;
cursor: pointer;
z-index: 2;
}
.sceen-container .scene-box .scene-img-box .item .icon {
  width: 8px;
  height: 8px;
  background: #68dfdf;
  border-radius: 50%;
  margin: 8px;
  animation: shaw 1s infinite;
  -webkit-animation: shaw 1s infinite;
}
.sceen-container .scene-box .scene-img-box .item span {
  padding: 0 8px;
  line-height: 22px;
  background: rgba(0,0,0,0.6);
  border-radius: 10px;
  font-size: 12px;
  color: #ffffff;
  white-space: nowrap;
  position: absolute;
  right: 24px;
  top: 0;
}
@keyframes shaw{
0%{box-shadow: none;}
50%{box-shadow: 0 0 0 6px rgba(0,0,0,0.6);}
100%{box-shadow: none;}
}

/*Safari and Chrome*/
@-webkit-keyframes shaw {
0%{box-shadow:none;}
50%{box-shadow: 0 0 0 6px rgba(0,0,0,0.6);}
100%{box-shadow: none;}
}

.floor-brand {
width: 1200px;
height: 54px;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
position: relative;
background-color: #fff;
}
.floor-brand * {
box-sizing: border-box;
}
.floor-brand .floor-brand-content {
width: 1184px;
height: 68px;
overflow: hidden;
padding: 4px 9px 6px;
transform: translateY(3px);
}
.floor-brand .floor-brand-arrow {
width: 14px;
height: 30px;
border-radius: 2px;
background-color: rgba(0, 0, 0, .4);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
.floor-brand .floor-brand-arrow.new {
right: auto;
left: 0px;
}
.floor-brand .floor-brand-arrow i {
font-size: 12px;
color: #fff;
}
.floor-brand .floor-brand-arrow.new i {
transform: rotate(180deg);
}
.floor-brand .floor-brand-content .floor-brand-box {
display: flex;
transition: transform 0.3s;
transform: translateX(0);
}
.floor-brand .floor-brand-content .floor-brand-item {
width: 106px;
height: 54px;
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.3s linear;
cursor: pointer;
overflow: hidden;
position: relative;
}
.floor-brand .floor-brand-content .floor-brand-item .brand-bor {
position: absolute;
left: 0;
top: 0;
border-radius: 10px;
border: 1px solid #7a7a82; /* rgba(1, 173, 161, 1);*/
display: none;
width: 100%;
height: 100%;
box-sizing: border-box;
}
.floor-brand .floor-brand-content .floor-brand-item.active {
border-radius: 10px;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
transform: scale(1.13);
position: relative;
z-index: 3;
background-color: #fff;
}
.floor-brand .floor-brand-content .floor-brand-item.active .brand-bor {
display: block;
}
.floor-brand .floor-brand-content .floor-brand-item::before,
.floor-brand .floor-brand-content .floor-brand-item::after {
content: '';
display: block;
position: absolute;
box-sizing: border-box;
width: 100%;
height: 100%;
background-color: #fff;
z-index: 2;
border-radius: 10px;
}
.floor-brand .floor-brand-content .floor-brand-item::before {
bottom: 2px;
left: -2px;
}
.floor-brand .floor-brand-content .floor-brand-item::after {
top: 0;
right: 0;
}
.floor-brand .floor-brand-content .floor-brand-item.active::before {
-webkit-animation: aniProductBorderLeft2 .5s linear 1 forwards;
-o-animation: aniProductBorderLeft2 .5s linear 1 forwards;
animation: aniProductBorderLeft2 .5s linear 1 forwards;
animation-delay: .5s;
}
.floor-brand .floor-brand-content .floor-brand-item.active::after {
-webkit-animation: aniProductBorder2 .5s linear 1 forwards;
-o-animation: aniProductBorder2 .5s linear 1 forwards;
animation: aniProductBorder2 .5s linear 1 forwards;
}
@keyframes aniProductBorder2 {
0% {
  width: 100%;
  height: 100%;
}
50% {
  width: 4px;
  height: 100%;
}
100% {
  width: 4px;
  height: 0px;
}
}

@keyframes aniProductBorderLeft2 {
0% {
  width: 100%;
  height: 100%;
}
50% {
  width: 4px;
  height: 100%;
}
100% {
  width: 4px;
  height: 0px;
}
}
.floor-brand .floor-brand-content .floor-brand-item img {
max-width: 66px;
max-height: 34px;
position: relative;
z-index: 3;
}

.button-next, .button-prev {
width: 52px;
height: 52px;
border-radius: 50%;
background-color: rgba(0, 0, 0, .4);
color: #fff;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: -59px;
top: 52%;
transform: rotate(180deg);
}
.button-next.disable, .button-prev.disable {
background-color: #ccc;
cursor: auto;
opacity: 0.35;
}
.button-next {
left: auto;
right: -59px;
transform: rotate(0deg);
}

.promotion-tag {
width: 100%;
position: absolute;
left: 0;
top: 150px;
}

.side-bar .mod.index {
transition: transform 0.3s linear;
}

.live-modal {
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, .6);
position: fixed;
left: 0;
top: 0;
z-index: 999;
display: flex;
justify-content: center;
align-items: center;
}
.live-modal .live-content {
width: 350px;
height: 335px;
/* background: url(https://files3.zydmall.com:9443/zydmall-tinyapp/web/images/index_new/advert/live-bg.png); */
/* background-size: 100% 100%; */
/* padding-top: 82px; */
/* padding: 82px 10px 0 10px; */
box-sizing: border-box;
position: relative;
}
.live-modal .live-content img {
display: block;
margin: auto;
max-width: 100%;
max-height: 100%;
}
.live-modal .live-content .close {
display: inline-block;
position: absolute;
right: -50px;
top: 0;
width: 30px;
height: auto;
cursor: pointer;
}

#header_nav .category-list .nav-item:first-of-type {
height: 119px;
}
#header_nav .category-list:hover {
border: 1px solid transparent
}
#header_nav .category-list .category-menu {
left: 222px;
}
#header_nav .category-list:hover .category-menu::after {
content: '';
display: none;
}

#header .filterBox li .copy-box{
padding: 8px;
background: rgba(75, 75, 75, .91);
font-size: 12px;
color: #fff;
position: absolute;
left: 0;
top: 0;
z-index: 2;
white-space: nowrap;
transform: translateY(22px);
border-radius: 4px;
box-sizing: border-box;
}
#header .filterBox li .copy-box.normal {
white-space: normal;
}

.price-tag {
position: relative;
top: -3px;
margin-right: 3px;
}

/*草稿弹窗*/
.draft-modal-box {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 103;
}
.draft-modal-box .draft-modal-mask {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .6);
position: absolute;
left: 0;
top: 0;
}
.draft-modal-box .draft-modal {
width: 508px;
background-color: #fff;
border-radius: 4px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.draft-modal-header {
padding: 0 12px;
background-color: #F7FBFC;
height: 37px;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 4px 4px 0 0;
}

.draft-modal-header .name {
font-size: 16px;
color: #666;
line-height: 37px;
}

.draft-modal-header .close {
font-size: 13.9px;
color: #ccc;
}

.draft-modal-header .close:hover {
color: #28cccc;
}
.draft-modal-box .draft-modal-body {
padding: 30px 41px 50px 41px;
}

.draft-modal-box .draft-modal-body.copy {
padding-top: 10px;
}

.draft-modal-body .draft-modal-form-list {
margin-bottom: 16px;
overflow: hidden;
}

.draft-modal-form-list .draft-modal-form-label {
width: 71px;
text-align: right;
display: inline-block;
line-height: 32px;
font-size: 14px;
color: #666;
margin-right: 20px;
}

.draft-modal-form-list .draft-modal-form-label .important {
color: #e94637 !important;
}

.draft-modal-form-list .text {
color: #333;
line-height: 32px;
font-size: 14px;
}

.draft-modal-form-list input {
width: 304.2px;
border-radius: 4px;
border: #e5e5e5 solid 1px;
line-height: 32px;
padding: 0 10px;
height: 32px;
box-sizing: border-box;
font-size: 14px;
}

.draft-modal-form-list input:focus {
border-color: #28cccc !important;
}

.draft-modal-form-list input::placeholder {
color: #999 !important;
}

.draft-modal-btn {
margin-top: 42px;
text-align: center;
}

.draft-modal-btn .z-btn:nth-of-type(1) {
margin-right: 13px;
}
/*end 草稿弹窗*/

/* .sticky-nav .m-category-all .category-list {
display: none !important;
}
.menu-nav {
margin-top: -40px;
position: relative;
z-index: 20;
}
.sticky-nav .m-category-all:hover .category-list {
display: block !important;
} */


/* 底部开屏广告 */
.h-bottom-adv-box {
width: 100%;
min-width: 1200px;
height: 68px;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0.7);
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 100;
}
.h-bottom-adv-box .bottom-adv {
display: flex;
align-items: center;
justify-content: center;
}
.h-bottom-adv-box .bottom-adv img {
display: inline-block;
font-size: 0;
line-height: 0;
}
.h-bottom-adv-box .bottom-adv .logo {
width: 48px;
height: 69px;
margin-right: 11px;
}
.h-bottom-adv-box .bottom-adv p {
font-size: 20px;
font-weight: normal;
font-stretch: normal;
color: #ffffff;
margin-right: 23px;
}
.h-bottom-adv-box .bottom-adv p .big {
font-size: 27px;
color: #fbc036;
}
.h-bottom-adv-box .bottom-adv .close {
width: 20px;
height: 20px;
cursor: pointer;
}
.h-bottom-adv-box .bottom-adv .btn {
width: 120px;
height: 48px;
cursor: pointer;
margin-right: 95px;
position: relative;
border-radius: 10px;
overflow: hidden;
}
.h-bottom-adv-box .bottom-adv .btn img {
width: 100%;
height: 100%;
}
.h-bottom-adv-box .bottom-adv .btn::before {
box-shadow: inset 0 0 60px 0 hsla(0, 0%, 100%, 0.5);
position: absolute;
content: "";
border-radius: 100%;
width: 0;
height: 0;
left: 50%;
top: 50%;
z-index: 0;
transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
background-size: 100% 100%;
transition: width 0.3s ease 0s, padding 0.3s ease 0s, transform 0.3s ease 0s, opacity 0.3s ease 0s;
z-index: 1;
}
.h-bottom-adv-box .bottom-adv .btn:hover::before {
width: 120%;
padding-top: 120%;
}

/* 代客底部分享栏 */
.h-bottom-valet-box {
background-color: transparent;
background-image: url('https://zydmall-files.oss-cn-shenzhen.aliyuncs.com/zydmall/images/20260514/pcShareBtn-1-bg.png');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.h-bottom-valet-box .bottom-adv {
transform: translateX(178px);
}
.h-bottom-valet-box .bottom-adv .valet-share-btn {
width: 136px;
height: 48px;
cursor: pointer;
margin-right: 95px;
position: relative;
border-radius: 10px;
overflow: hidden;
}
.h-bottom-valet-box .valet-share-btn img {
width: 100%;
height: 100%;
display: block;
}
.h-bottom-valet-box .valet-close {
width: 20px;
height: 20px;
cursor: pointer;
display: block;
}

/* 20250319 首页改版 */
/* 顶部视频模块 */
.video-container {
width: 100%;
}
.video-container .video-box {
min-width: 1200px;
height: 510px;
position: relative;
transition: all 0.6s ease;
}
.video-container .video-box.contract {
height: 88px;
transition: all 0.6s ease;
}
.video-container .video-box video {
width: 100%;
height: 100%;
position: relative;
z-index: 0;
object-fit: cover;
pointer-events: none;
}
.video-container .video-box .video-mask {
width: 100%;
height: 100%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1;
}
.video-container .video-box .publicize-box {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
position: absolute;
z-index: 2;
left: 50%;
transform: translateX(-50%);
bottom: 16px;
}
.video-container .video-box .publicize-box .publicize {
width: 1060px;
height: 56px;
border-radius: 4px;
background: rgba(0, 0, 0, 0.6);
backdrop-filter: blur(10px);
display: flex;
align-items: center;
justify-content: center;
margin-right: 32px;
}
.video-container .video-box .publicize-box .publicize .item {
display: inline-block;
}
.video-container .video-box .publicize-box .publicize .item span {
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 14px;
line-height: 24px;
letter-spacing: 0%;
color: #fff;
}
.video-container .video-box .publicize-box .publicize .item span.big {
font-size: 24px;
color: #28CCCC;
}
.video-container .video-box .publicize-box .publicize .hr {
display: inline-block;
width: 1px;
height: 26px;
background-color: #fff;
margin: 0 20px;
}
.video-container .video-box .publicize-box .switch {
margin-right: 10px;
width: 58px;
height: 30px;
box-sizing: border-box;
padding: 0 9px;
border-radius: 4px;
background-color: rgba(0, 0, 0, 0.6);
backdrop-filter: blur(10px);
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.6s ease;
}
.video-container .video-box .publicize-box .switch span {
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 12px;
line-height: 20px;
letter-spacing: 0%;
color: #fff;
margin-right: 4px;
}
.video-container .video-box .publicize-box .switch i {
font-size: 12px;
color: #fff;
transform: rotate(-90deg);
transition: all 0.6s ease;
}

.video-container .video-box .publicize-box .switch.contract i {
transform: rotate(90deg);
transition: all 0.6s ease;
}
.video-container .video-box .publicize-box .close {
width: 30px;
height: 30px;
border-radius: 4px;
display: inline-flex;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0.6);
backdrop-filter: blur(10px);
cursor: pointer;
}
.video-container .video-box .publicize-box .close img {
width: 12px;
height: 12px;
font-size: 0;
line-height: 0;
display: inline-block;
}

/* 顶部导航下面的轮播图等模块 */
#header_nav,
#header_middle_home .m-headerLayout {
border-bottom: 2px solid #28CCCC;
box-sizing: border-box;
}
.m-category-all .menu-title {
border-radius: 6px 6px 0 0;
}
.m-category-all.new_style .menu-title::before {
content: '';
width: 100%;
height: 10px;
background-color: #28CCCC;
position: absolute;
left: 0;
bottom: -10px;
right: 0;
z-index: 0;
}
#header_nav .category-list {
height: 524px;
border-radius: 6px 6px 0 0;
transform: translateY(-1px);
}
.banner-container .banner-box .banner-bottom {
margin-top: 0;
}
.banner-container .banner-box {
width: 670px;
margin-left: 240px;
}
.m-category-all, #header_nav .category-list {
width: 230px;
}
#header_nav .category-list .category-menu {
left: 231px;
}
/* 授权证书 */
.certificate-box {
width: 670px;
height: 127px;
box-sizing: border-box;
margin-top: 10px;
position: relative;
padding: 10px 20px 20px 14px;
border-radius: 6px;
background-color: #fff;
}
.certificate-box .certificate-tit {
position: absolute;
z-index: 1;
top: -5px;
left: 50%;
transform: translateX(-50%);
}
.certificate-box .certificate-tit img {
display: inline-block;
width: 185px;
height: 30px;
font-size: 0;
line-height: 0;
}
.certificate-box .more-box {
width: 100%;
margin-bottom: 17px;
display: flex;
align-items: center;
justify-content: flex-end;
}
.certificate-box .more {
display: flex;
align-items: center;
justify-content: flex-end;
transform: translateX(10px);
cursor: pointer;
}
.certificate-box .more span {
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 12px;
line-height: 12px;
letter-spacing: 0px;
color: #999;
}
.certificate-box .more img {
display: inline-block;
width: 10px;
height: 10px;
font-size: 0;
line-height: 0;
margin-left: 1px;
}
.certificate-box .certificate-swiper {
width: 100%;
height: 68px;
overflow: hidden;
}
.certificate-box .certificate-swiper .swiper-wrapper {
width: 100%;
height: 100%;
}
.certificate-box .certificate-swiper .swiper-wrapper .swiper-slide {
width: auto;
height: 100%;
position: relative;
margin: 0 6px;
cursor: zoom-in;
}
.certificate-box .certificate-swiper .swiper-wrapper .swiper-slide img {
display: inline-block;
font-size: 0;
line-height: 0;
position: relative;
z-index: 0;
width: auto;
height: 100%;
}
.certificate-box .certificate-swiper .swiper-wrapper .swiper-slide .text {
width: 100%;
height: 12px;
border-radius: 0 0 2px 2px;
background-color: rgba(0, 0, 0, 0.6);
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 8px;
line-height: 12px;
letter-spacing: 0%;
color: #fff;
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.certificate-box .swiper-pagination {
width: 16px;
height: 34px;
position: absolute;
z-index: 1;
top: 56px;
background: #EAEAEA;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.certificate-box .swiper-pagination img {
width: 12px;
height: 12px;
display: inline-block;
font-size: 0;
line-height: 0;
}
.certificate-box .swiper-pagination-prev {
left: 0;
border-radius: 0 4px 4px 0;
}
.certificate-box .swiper-pagination-next {
right: 0;
border-radius: 4px 0 0 4px;
}

/* 销售网点、物流仓、技术服务 */
.site-container {
  width: 1200px;
  margin: 0px auto;
  padding: 40px 0;
}
.site-container .site-title {
width: 300px;
height: 45px;
margin: 0 auto 20px;
}
.site-container .site-title img {
width: 100%;
height: 100%;
display: inline-block;
font-size: 0;
line-height: 0;
}
.site-container .site-box {
display: flex;
align-items: flex-start;
}
.site-container .site-left {
width: 924px;
margin-right: 10px;
position: relative;
transform: translateY(-6px);
}
.site-container .site-left .site-tit-bg {
width: 904px;
height: 60px;
background-color: #fff;
border-radius: 10px 10px 0 0;
position: absolute;
left: 0;
right: 0;
top: 16px;
bottom: 0;
z-index: 0;
}
.site-container .site-left .site-bg {
width: 924px;
height: 486px;
position: absolute;
left: -10px;
right: 0;
top: 0;
bottom: 0;
z-index: 0;
opacity: 0;
}
.site-container .site-left .site-bg.opacity1 {
opacity: 1;
}
.site-container .site-left .site-bg img {
width: 100%;
height: 100%;
display: inline-block;
font-size: 0;
line-height: 0;
}
.site-container .site-left .site-hd {
position: relative;
width: 904px;
height: 64px;
box-sizing: border-box;
padding-top: 16px;
display: flex;
align-items: center;
justify-content: center;
}
.site-container .site-left .site-hd .item {
width: 33.3%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
text-align: center;
color: #333;
cursor: pointer;
}
.site-container .site-left .site-hd .item.active {
font-family: Microsoft YaHei;
font-weight: 700;
font-size: 24px;
color: #19B0B0;
}
.site-container .site-left .site-bd {
width: 904px;
height: 388px;
position: relative;
z-index: 1;
}
.site-container .site-left .site-bd .site-box-1 {
width: 100%;
height: 100%;
box-sizing: border-box;
margin-top: 10px;
display: flex;
align-items: center;
padding: 0 18px;
}
.site-container .site-left .site-bd .site-box-1 .comp-info {
width: 310px;
height: 370px;
border-radius: 6px;
box-shadow: 0px 2px 16px 0px #91BAFC80;
margin-right: 20px;
overflow: hidden;
}
.site-container .site-left .site-bd .site-box-1 .comp-info .img-box {
width: 100%;
height: 173px;
/* margin-bottom: 8px; */
}
.site-container .site-left .site-bd .site-box-1 .comp-info .img-box img {
width: 100%;
height: 100%;
object-fit: cover;
display: inline-block;
line-height: 0;
font-size: 0;
cursor: zoom-in;
}
.site-container .site-left .site-bd .site-box-1 .comp-info .info-box {
width: 100%;
height: 197px;
padding: 12px 0;
background-color: #fff;
box-sizing: border-box;
position: relative;
}
.site-container .site-left .site-bd .site-box-1 .comp-info .info-box .name {
width: 100%;
box-sizing: border-box;
padding: 0 12px;
text-align: center;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-family: Microsoft YaHei;
font-weight: 700;
font-size: 16px;
line-height: 1;
letter-spacing: 0%;
color: #333;
margin-bottom: 8px;
}
.site-container .site-left .site-bd .site-box-1 .comp-info .info-box .total-box, .site-container .site-left .site-bd .site-box-1 .comp-info .info-box .area-box {
  width: 100%;
  display: flex;
  align-items: baseline;
  margin-top: 14px;
  }
  .site-container .site-left .site-bd .site-box-1 .comp-info .info-box .total-box .total {
    width: 50%;
    display: flex;
    align-items: center;
    margin-bottom: 3px;
  }
  .site-container .site-left .site-bd .site-box-1 .comp-info .info-box .small {
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0px;
    color: #999;
    margin-left: 16px;
  }
  .site-container .site-left .site-bd .site-box-1 .comp-info .info-box .text span {
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 12px;
    line-height: 26px;
    letter-spacing: 0px;
    color: #E94637;
  }
.site-container .site-left .site-bd .site-box-1 .comp-info .info-box .text span.big {
  font-weight: 700;
  font-size: 18px;
}
.site-container .site-left .site-bd .site-box-1 .comp-info .info-box .city {
width: 220px;
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 14px;
line-height: 20px;
letter-spacing: 0px;
color: #333;
margin-top: 3px;
display: -webkit-box;
overflow: hidden;
white-space: normal !important;
text-overflow: ellipsis;
word-wrap: break-word;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.site-container .site-left .site-bd .site-box-1 .comp-info .info-box .address {
width: 100%;
box-sizing: border-box;
padding:  0 12px 16px 16px;
display: flex;
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
.site-container .site-left .site-bd .site-box-1 .comp-info .info-box .address img {
width: 14px;
height: 14px;
display: inline-block;
font-size: 0;
line-height: 0;
margin-right: 5px;
position: relative;
top: 3px;
}
.site-container .site-left .site-bd .site-box-1 .comp-info .info-box .address span {
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 12px;
line-height: 18px;
letter-spacing: 0px;
text-align: left;
color: #666;
/* overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; */
}
.site-container .site-left .site-bd .site-box-1 .map-box {
width: 500px;
height: 376px;
}
.site-container .site-left .site-bd .site-box-1 .map-box img {
display: inline-block;
width: 100%;
height: 100%;
font-size: 0;
line-height: 0;
}
.site-container .site-left .site-bd .site-box-2 {
width: 100%;
height: calc(100% - 3px);
box-sizing: border-box;
padding-top: 10px;
margin-top: 10px;
display: flex;
align-items: flex-start;
position: relative;
overflow: hidden;
position: relative;
top: 10px;
}
.site-container .site-left .site-bd .site-box-2 .left-box {
width: 227px;
height: 360px;
margin: 0 22px 0 24px;
position: relative;
z-index: 0;
}
.site-container .site-left .site-bd .site-box-2 .left-box img {
width: 100%;
height: 100%;
display: inline-block;
font-size: 0;
line-height: 0;
object-fit: cover;
}
.site-container .site-left .site-bd .site-box-2 .right-box {
/* width: 664px; */
width: 659px;
height: 384px;
overflow-y: auto;
box-sizing: border-box;
padding-right: 12px;
display: flex;
flex-wrap: wrap;
position: relative;
z-index: 0;
margin-right: 5px;
}
.site-container .site-left .site-bd .site-box-2 .right-box::-webkit-scrollbar-track {
background: transparent;
}
.site-container .site-left .site-bd .site-box-2 .right-box::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.2) !important; /* 滑块颜色 */
}
.site-container .site-left .site-bd .site-box-2 .right-box .warehouse {
width: 295px;
height: 140px;
border-radius: 6px;
overflow: hidden;
border: 1px solid #FFFFFF;
background: linear-gradient(180deg, rgba(245, 245, 247, 0.8) 0%, rgba(255, 255, 255, 0.8) 58.1%);
box-shadow: 0px 4px 10px 0px #0000000D;
backdrop-filter: blur(53px);
box-sizing: border-box;
padding: 12px 12px 12px 15px;
margin-right: 15px;
margin-bottom: 15px;
}
.site-container .site-left .site-bd .site-box-2 .right-box .warehouse:nth-child(2n) {
margin-right: 0;
}
.site-container .site-left .site-bd .site-box-2 .right-box .warehouse .name {
width: 100%;
font-family: Microsoft YaHei;
font-weight: 700;
font-size: 14px;
line-height: 22px;
letter-spacing: 0px;
color: #333;
margin-bottom: 6px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.site-container .site-left .site-bd .site-box-2 .right-box .warehouse .info {
width: 100%;
display: flex;
align-items: center;
margin-bottom: 6px;
}
.site-container .site-left .site-bd .site-box-2 .right-box .warehouse .info .img-box {
width: 92px;
height: 60px;
border-radius: 2px;
margin-right: 7px;
}
.site-container .site-left .site-bd .site-box-2 .right-box .warehouse .info .img-box img {
width: 100%;
height: 100%;
display: inline-block;
font-size: 0;
line-height: 0;
}
.site-container .site-left .site-bd .site-box-2 .right-box .warehouse .info .text {
width: 160px;
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 12px;
line-height: 18px;
letter-spacing: 0px;
color: #666;
display: -webkit-box;
overflow: hidden;
white-space: normal !important;
text-overflow: ellipsis;
word-wrap: break-word;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.site-container .site-left .site-bd .site-box-2 .right-box .warehouse .inventory {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
}
.site-container .site-left .site-bd .site-box-2 .right-box .warehouse .inventory span {
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 12px;
line-height: 20px;
letter-spacing: 0px;
vertical-align: middle;
color: #999;
}
.site-container .site-left .site-bd .site-box-2 .right-box .warehouse .inventory span.big {
font-weight: 700;
font-size: 16px;
line-height: 24px;
color: #E94637;
}
.site-container .site-left .site-bd .site-box-2 .right-box .warehouse .inventory span.red {
font-weight: 400;
font-size: 12px;
line-height: 20px;
color: #E94637;
}
.site-container .site-left .site-bd .site-box-2 .warehouse-mask {
width: calc(100% - 6px);
height: calc(100% - 4px);
background: linear-gradient(180deg, rgba(255, 255, 255, 0) -6.91%, rgba(255, 255, 255, 0) 17.13%, rgba(255, 255, 255, 0) 90%, rgba(170, 230, 250, 1) 105%);
position: absolute;
left: 3px;
right: 0;
top: 10px;
z-index: 1;
pointer-events: none;
border-radius: 16px;
}
.site-container .site-left .site-bd .site-box-3 {
width: 100%;
height: calc(100% - 3px);
box-sizing: border-box;
padding-top: 10px;
margin-top: 10px;
position: relative;
overflow: hidden;
top: 10px;
}
.site-container .site-left .site-bd .site-box-3 .site-con {
width: calc(100% - 5px);
height: 100%;
overflow-y: auto;
position: relative;
z-index: 0;
}
.site-container .site-left .site-bd .site-box-3 .site-con::-webkit-scrollbar-track {
background: transparent;
}
.site-container .site-left .site-bd .site-box-3 .site-con::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.2) !important; /* 滑块颜色 */
}
.site-container .site-left .site-bd .site-box-3 .top-box {
width: 856px;
height: 107px;
margin: 0 auto 12px;
}
.site-container .site-left .site-bd .site-box-3 .top-box img {
width: 100%;
height: 100%;
object-fit: cover;
display: inline-block;
font-size: 0;
line-height: 0;
}
.site-container .site-left .site-bd .site-box-3 .down-box {
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
box-sizing: border-box;
padding: 0 0 0 13px;
}
.site-container .site-left .site-bd .site-box-3 .down-box .service {
width: 286px;
height: 127px;
box-sizing: border-box;
margin-right: 10px;
margin-bottom: 12px;
padding: 12px 0 15px 0;
border: 1px solid #FFFFFF;
border-radius: 6px;
background: linear-gradient(180deg, rgba(245, 245, 247, 0.8) 0%, rgba(255, 255, 255, 0.8) 58.1%);
box-shadow: 0px 4px 10px 0px #0000000D;
backdrop-filter: blur(53px);
overflow: hidden;
}
.site-container .site-left .site-bd .site-box-3 .down-box .service:nth-child(3n) {
margin-right: 0;
}
.site-container .site-left .site-bd .site-box-3 .down-box .service .top {
width: 100%;
padding: 0 15px;
display: flex;
align-items: center;
margin-bottom: 8px;
box-sizing: border-box;
}
.site-container .site-left .site-bd .site-box-3 .down-box .service .top .name {
width: 126px;
margin-right: 20px;
font-family: Microsoft YaHei;
font-weight: 700;
font-size: 14px;
line-height: 22px;
letter-spacing: 0px;
color: #333;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.site-container .site-left .site-bd .site-box-3 .down-box .service .top .count {
display: flex;
align-items: center;
flex-wrap: nowrap;
}
.site-container .site-left .site-bd .site-box-3 .down-box .service .top .count span {
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 12px;
line-height: 20px;
letter-spacing: 0px;
vertical-align: middle;
color: #999;
}
.site-container .site-left .site-bd .site-box-3 .down-box .service .top .count span.big {
font-weight: 700;
font-size: 16px;
line-height: 24px;
color: #E94637;
}
.site-container .site-left .site-bd .site-box-3 .down-box .service .tag-box {
width: 100%;
display: flex;
align-items: flex-start;
flex-wrap: wrap;
box-sizing: border-box;
padding: 0 15px;
}
.site-container .site-left .site-bd .site-box-3 .down-box .service .tag-box .tag {
display: inline-block;
max-width: 256px;
border-radius: 18px;
margin-right: 8px;
margin-bottom: 9px;
background: rgba(25, 176, 176, 0.1);
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 12px;
line-height: 12px;
letter-spacing: 0px;
text-align: center;
color: #19B0B0;
padding: 3px 8px;
box-sizing: border-box;
}
.site-container .site-left .site-bd .site-box-3 .service-mask {
width: calc(100% - 6px);
height: calc(100% - 4px);
background: linear-gradient(180deg, rgba(255, 255, 255, 0) -6.91%, rgba(255, 255, 255, 0) 17.13%, rgba(255, 255, 255, 0) 90%, rgba(170, 230, 250, 0.6) 105%);
position: absolute;
left: 3px;
right: 0;
top: 10px;
z-index: 1;
pointer-events: none;
border-radius: 16px;
}

.site-container .site-right {
width: 276px;
position: relative;
top: 10px;
}
.site-container .site-right .service-team-box {
box-sizing: border-box;
width: 100%;
height: 424px;
border-radius: 10px;
border: 2px solid #FFFFFF;
background: linear-gradient(184.64deg, #DEFAFF 8.63%, #FFFFFF 86.56%);
box-shadow: 0px 4px 10px 0px #7D8EAB33;
position: relative;
padding-top: 34px;
display: flex;
/* align-items: center; */
flex-direction: column;
padding-left: 43px;
}
.site-container .site-right .service-team-box .team-title {
width: 154px;
height: 55px;
margin-bottom: 30px;
margin-left: 18px;
}
.site-container .site-right .service-team-box .team-title img {
display: inline-block;
width: 100%;
height: 100%;
font-size: 0;
line-height: 0;
}
.site-container .site-right .service-team-box .item {
display: flex;
align-items: center;
margin-bottom: 30px;
}
.site-container .site-right .service-team-box .item img {
width: 30px;
height: 30px;
display: inline-block;
font-size: 0;
line-height: 0;
margin-right: 10px;
}
.site-container .site-right .service-team-box .item .info {
width: 160px;
}
.site-container .site-right .service-team-box .item .info .count {
display: flex;
align-items: flex-end;
}
.site-container .site-right .service-team-box .item .info .count span {
font-family: Microsoft YaHei;
font-weight: 700;
font-size: 12px;
line-height: 12px;
letter-spacing: 0%;
text-align: center;
color: #28CCCC;
}
.site-container .site-right .service-team-box .item .info .count span.big {
font-size: 20px;
line-height: 20px;
}
.site-container .site-right .service-team-box .item .info .text {
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 14px;
line-height: 24px;
letter-spacing: 0%;
text-align: left;
color: #666;
}
.site-container .site-right .service-team-box .btn-box {
width: 220px;
height: 56px;
position: absolute;
z-index: 1;
bottom: -35px;
left: 28px;
}
.site-container .site-right .service-team-box .btn {
width: 220px;
height: 56px;
border-radius: 4px;
background: linear-gradient(111.34deg, #F37335 0%, #FDC830 100%);
box-shadow: 0px 6px 10px 0px #FFD788;
display: flex;
align-items: center;
justify-content: center;
font-family: Microsoft YaHei;
font-weight: 700;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
text-transform: uppercase;
color: #fff;
cursor: pointer;
position: relative;
overflow: hidden;
}
.site-container .site-right .service-team-box .btn::before {
box-shadow: inset 0 0 60px 0 hsla(0, 0%, 100%, 0.5);
position: absolute;
content: "";
border-radius: 100%;
width: 0;
height: 0;
left: 50%;
top: 50%;
z-index: 0;
transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
background-size: 100% 100%;
transition: width 0.3s ease 0s, padding 0.3s ease 0s, transform 0.3s ease 0s, opacity 0.3s ease 0s;
z-index: 1;
}
.site-container .site-right .service-team-box .btn:hover::before {
width: 120%;
padding-top: 120%;
}
.site-container .site-right .service-team-box .bg-img1 {
width: 95px;
height: 95px;
display: inline-block;
font-size: 0;
line-height: 0;
position: absolute;
right: 6px;
bottom: 3px;
z-index: 0;
}
.site-container .site-right .service-team-box .bg-img2 {
width: 55px;
height: 51px;
display: inline-block;
font-size: 0;
line-height: 0;
position: absolute;
right: 84px;
bottom: 5px;
z-index: 0;
}

/* 合作品牌 */
.brand-container {
  width: 1260px;
  margin: 0 auto;
  padding: 14px 0 26px 0;
}
.brand-container .brand-title {
width: 100%;
margin: 0 auto 20px; 
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
}
.brand-container .brand-title img {
width: 126px;
height: 41px;
display: inline-block;
font-size: 0;
line-height: 0;
margin-bottom: 10px;
}
.brand-container .brand-title .text {
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
text-align: center;
color: #333;
}
.brand-container .brand-title .btn-box {
width: 112px;
height: 34px;
position: absolute;
right: 30px;
bottom: -2px;
}
.brand-container .brand-title .btn {
width: 112px;
height: 34px;
box-sizing: border-box;
border: 1px solid rgba(25, 176, 176, 0.5);
background: rgba(255, 255, 255, 0.5);
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
cursor: pointer;
overflow: hidden;
}
.brand-container .brand-title .btn::before {
position: absolute;
content: "";
border-radius: 100%;
/* background-color: #19B0B0; */
background-image: linear-gradient(-22deg, rgb(40, 204, 204) 0%, rgb(115, 226, 226) 100%);
width: 0;
height: 0;
left: 50%;
top: 50%;
z-index: 0;
transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
background-size: 100% 100%;
transition: width 0.3s ease 0s, padding 0.3s ease 0s, transform 0.3s ease 0s, opacity 0.3s ease 0s;
z-index: 1;
}
.brand-container .brand-title .btn:hover::before {
width: 120%;
padding-top: 120%;
}
.brand-container .brand-title .btn span {
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 14px;
line-height: 14px;
letter-spacing: 0%;
color: #19B0B0;
position: relative;
z-index: 2;
}
.brand-container .brand-title .btn i {
font-size: 16px;
color: #19B0B0;
margin-left: 4px;
position: relative;
z-index: 2;
}
.brand-container .brand-title .btn:hover i,
.brand-container .brand-title .btn:hover span {
color: #fff;
}
.brand-container .brand-box {
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
}
.brand-container .brand-box .brand {
width: 200px;
height: 160px;
border-radius: 10px;
background: linear-gradient(180deg, #F5F5F7 0%, #FFFFFF 30%);
border: 1px solid #FFFFFF;
box-shadow: 0px 4px 10px 0px #0000000D;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
margin-bottom: 14px;
box-sizing: border-box;
cursor: pointer;
}

.brand-container .brand-box .brand:hover,
.brand-container .brand-box .brand.active {
border: 1px solid #19B0B0CC;
}
.brand-container .brand-box .brand .img-box {
width: 130px;
height: 57px;
position: relative;
top: 25px;
}
.brand-container .brand-box .brand .img-box img {
max-width: 130px;
max-height: 57px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: inline-block;
line-height: 0;
font-size: 0;
}
.brand-container .brand-box .brand .text-box {
width: 100%;
height: 48px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: absolute;
top: 94px;
}
.brand-container .brand-box .brand .text {
/* width: 132px; */
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 12px;
line-height: 16px;
letter-spacing: 0%;
text-align: center;
color: #999;
}
.product-cate .product-cate-container .product-cate-box .product-cate-img-box {
position: relative;
z-index: 1;
}
.product-cate .product-cate-container .product-cate-box .product-cate-img-box:hover {
z-index: 2;
}
.product-cate .product-cate-container .product-cate-box .product-cate-item {
position: relative;
z-index: 1;
}
.floor-container {
position: relative;
}
.floor-container .floor-box .floor-top .floor-left {
overflow: initial;
}
.floor-container .floor-box .floor-top .floor-left .floor-nav-con {
position: relative;
}
.floor-container .floor-box .floor-top .floor-left .floor-nav-con .nav-brand {
display: none;
position: absolute;
z-index: 3;
top: -10px;
left: 146px;
}
.floor-container .floor-box .floor-top .floor-left .floor-nav-con:hover .nav-brand {
display: block;
}
/* 在售品牌悬浮窗 */
.cata-be-brand {
width: 270px;
position: fixed;
z-index: 8;
}
.cata-be-brand::before {
content: '';
width: 10px;
height: 100%;
position: absolute;
left: -10px;
top: 0;
}
.cata-be-brand::after {
content: '';
width: 10px;
height: 100%;
position: absolute;
right: -10px;
top: 0;
}
.cata-be-brand.hide {
z-index: -100;
left: -1000px;
visibility: hidden;
}
.fixed-brand-box .brand-list {
width: 270px;
/* max-height: 360px; */
background: linear-gradient(180deg, #F5F5F7 0%, #FFFFFF 26.5%);
border: 1px solid #19B0B0CC;
border-radius: 10px;
box-shadow: 0px 0px 10px 0px #44ACB152;
position: relative;
box-sizing: border-box;
padding-top: 34px;
}
.fixed-brand-box .fixed-brand-mask {
position: absolute;
left: 0;
top: 0;
top: 0;
bottom: 0;
z-index: 0;
width: 100%;
height: 100%;
background-color: transparent;
}
.fixed-brand-box .brand-list .brand-title {
width: 185px;
height: 30px;
position: absolute;
top: -5px;
left: 50%;
transform: translateX(-50%);
z-index: 0;
}
.fixed-brand-box .brand-list .list-box {
width: calc(100% - 5px);
max-height: 316px;
overflow-y: auto;
position: relative;
z-index: 1;
}
.fixed-brand-box .brand-list .list-box::-webkit-scrollbar-track {
background: transparent;
}
.fixed-brand-box .brand-list .list-box::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.2) !important; /* 滑块颜色 */
}
.fixed-brand-box .brand-list .list-box .item {
width: calc(100% - 20px);
box-sizing: border-box;
padding: 8px 0px;
display: flex;
align-items: center;
border-bottom: 1px solid #F8F8F8;
margin: 0 10px;
cursor: pointer;
}
.fixed-brand-box .brand-list .list-box .item:last-of-type {
border-bottom: 0;
}
.fixed-brand-box .brand-list .list-box .item .img-box {
width: 96px;
/* height: 40px; */
padding: 13px 20px;
box-sizing: border-box;
margin-right: 8px;
position: relative;
margin-left: 10px;
transition: all .4s ease;
}
.fixed-brand-box .brand-list .list-box .item .img-box img {
width: 56px;
height: auto;
display: inline-block;
font-size: 0;
line-height: 0;
position: relative;
/* position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%); */
}
.fixed-brand-box .brand-list .list-box .item .name {
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 14px;
line-height: 22px;
letter-spacing: 0px;
color: #333;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
transition: all .4s ease;
}
.fixed-brand-box .brand-list .list-box .item:hover .img-box,
.fixed-brand-box .brand-list .list-box .item:hover .name {
transform: translateY(-6px);
transition: all .4s ease;
}

/* 品牌系列悬浮弹窗 */
.cata-box {
/* width: 636px; */
position: fixed;
z-index: 5;
}
.cata-box::before {
content: '';
width: 10px;
height: 100%;
position: absolute;
left: -10px;
top: 0;
}
.cata-box::after {
content: '';
width: 10px;
height: 100%;
position: absolute;
right: -10px;
top: 0;
}
.cata-box.hide {
z-index: -100;
left: -1000px;
visibility: hidden;
}
.fixed-cata-box {
/* width: 636px; */
box-sizing: border-box;
/* padding: 20px 5px 34px 20px; */
padding: 20px 5px 16px 20px;
border-radius: 10px;
background: linear-gradient(180deg, #F5F5F7 0%, #FFFFFF 30%);
border: 1px solid #19B0B0CC;
box-shadow: 0px 0px 10px 0px #44ACB152;
position: relative;
}
.fixed-cata-box .fixed-cata-mask {
position: absolute;
left: 0;
top: 0;
top: 0;
bottom: 0;
z-index: 0;
width: 100%;
height: 100%;
background-color: transparent;
}
.fixed-cata-box .top-box {
min-width: 362px;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 4px;
position: relative;
z-index: 1;
padding-right: 11px;
}
.fixed-cata-box .top-box .name {
font-family: Microsoft YaHei;
font-weight: 700;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
text-align: center;
/* color: #009530; */
}
.fixed-cata-box .top-box .btn {
width: 159px;
height: 34px;
border-radius: 60px;
background: #FFFFFF;
display: flex;
align-items: center;
position: relative;
right: 18px;
}
.fixed-cata-box .top-box .btn span {
font-family: Microsoft YaHei;
font-weight: 700;
font-size: 18px;
line-height: 18px;
letter-spacing: 0%;
text-align: center;
color: #333;
position: absolute;
left: 18px;
top: 9px;
z-index: 1;
}
.fixed-cata-box .top-box .btn img {
width: 49px;
height: 45px;
display: inline-block;
font-size: 0;
line-height: 0;
position: absolute;
left: 124px;
top: -10px;
z-index: 0;
}
.fixed-cata-box .down-box {
width: 100%;
max-height: 242px;
overflow-y: auto;
position: relative;
z-index: 1;
padding-right: 11px;
box-sizing: border-box;
}
.fixed-cata-box .down-box::-webkit-scrollbar-track {
background: transparent;
}
.fixed-cata-box .down-box::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.2) !important; /* 滑块颜色 */
}
.fixed-cata-box .down-box .group {
width: 100%;
display: flex;
align-items: flex-start;
margin-top: 18px;
}
.fixed-cata-box .down-box .group .label {
width: 120px;
min-height: 24px;
box-sizing: border-box;
background-image: url('https://files3.zydmall.com:9443/zydmall-tinyapp/web/images/index_new/brand-label-bg.svg');
background-size: cover;
background-repeat: no-repeat;
padding: 2px 16px 2px 10px;
display: flex;
align-items: center;
flex-wrap: wrap;
margin-right: 16px;
cursor: pointer;
}
.fixed-cata-box .down-box .group .label span {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.fixed-cata-box .down-box .group .item-box {
max-width: 460px;
/* padding-bottom: 15px; */
display: flex;
align-items: center;
flex-wrap: wrap;
border-bottom: 1px solid #EAEAEA;
}
.fixed-cata-box .down-box .group .item-box:last-of-type {
border-bottom: 0;
}
.fixed-cata-box .down-box .group .item-box .item {
display: inline-block;
height: 24px;
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 12px;
letter-spacing: 0%;
color: #666;
line-height: 20px;
padding: 2px 8px;
border-radius: 2px;
box-sizing: border-box;
background-color: transparent;
cursor: pointer;
margin-bottom: 10px;
white-space: normal;
word-break: break-all;
}
.fixed-cata-box .down-box .group .item-box .item:hover {
background: linear-gradient(135deg, #73E2E2 0%, #28CCCC 100%);
color: #fff;
}
.fixed-cata-box .down-box .group .item-box .hr {
width: 1px;
height: 16px;
background-color: #eaeaea;
margin: 0 8px 8px 8px;
display: inline-block;
}


/* 20s服务弹窗 */
.dialog-service .el-dialog__header,
.dialog-service .el-dialog__body {
padding: 0;
}
.dialog-service .el-dialog__headerbtn {
display: none;
}
.service-popup {
width: 100%;
height: 100%;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 999999;
display: flex;
align-items: center;
justify-content: center;
}
.service-popup .service-mask {
width: 100%;
height: 100%;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 999999;
background-color: rgba(0, 0, 0, 0.6);
}
.service-popup .service-box {
width: 639px;
height: 400px;
position: relative;
border-radius: 8px;
/* overflow: hidden; */
z-index: 999999;
}
.service-popup .service-box .service-bg {
width: 100%;
height: 100%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 0;
display: flex;
align-items: flex-start;
justify-content: flex-end;
background-color: #fff;
border-radius: 10px;
}
.service-popup .service-box .service-bg img {
height: 100%;
display: inline-block;
font-size: 0;
line-height: 0;
}
.service-popup .service-box .service-con {
width: 100%;
position: relative;
z-index: 1;
box-sizing: border-box;
padding: 36px;
height: inherit;
}
.service-popup .service-box .service-con .close-bar {
position: absolute;
right: 0;
top: 0;
display: inline-flex;
align-items: center;
white-space: nowrap;
background: url('../../images/purchasing-assistant/rectangle-6021.png') no-repeat center center;
background-size: 100% 100%;
border-radius: 0 10px 0 16px;
padding: 6px 10px 6px 14px;
gap: 8px;
}
.service-popup .service-box .service-con .close-bar .el-checkbox {
margin-bottom: 0;
padding-left: 10px;
}
.service-popup .service-box .service-con .close-bar .el-checkbox__label {
font-size: 13px;
color: #333;
padding-left: 6px;
}
.service-popup .service-box .service-con .close {
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.service-popup .service-box .service-con .close img {
width: 16px;
height: 16px;
display: inline-block;
font-size: 0;
line-height: 0;
cursor: pointer;
}
.service-popup .service-box .service-con .title {
width: 100%;
font-family: Microsoft YaHei;
font-weight: 700;
font-size: 20px;
line-height: 32px;
letter-spacing: 0%;
color: #333;
margin-bottom: 27px;
}
.service-popup .service-box .service-con .form {
width: 320px;
margin-bottom: 20px;
}
.service-popup .service-box .service-con .form .inp {
width: 100%;
height: 48px;
/* border: 1px solid #EAEAEA; */
background: #FFFFFF;
margin-bottom: 20px;
border-radius: 1px;
position: relative;
}
.service-popup .service-box .service-con .form .inp .star,
.service-popup .service-box .service-con .form .inp2 .star {
  position: absolute;
  left: -15px;
  top: 50%;
  transform: translateY(-50%);
  color: #E94637;
}
.service-popup .service-box .service-con .form .inp input {
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 13px 8px;
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 14px;
line-height: 22px;
letter-spacing: 0%;
color: #333;
}
.service-popup .service-box .service-con .form .inp .small {
  font-size: 12px;
  color: #e94637;
  position: absolute;
  left: 0;
  top: 52px;
  opacity: 0;
  transition: all .4s ease;
}
.service-popup .service-box .service-con .form .inp .small.show {
opacity: 1;
transition: all .4s ease;
}
.service-popup .service-box .service-con .form .inp2 {
width: 100%;
height: 78px;
border: 1px solid #EAEAEA;
background: #FFFFFF;
border-radius: 1px;
position: relative;
}
.service-popup .service-box .service-con .form .inp2 textarea {
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 13px 8px;
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 14px;
line-height: 24px;
letter-spacing: 0%;
color: #333;  
}


.service-popup .service-box .service-con .form .inp {
  height: 40px;
}
.service-popup .service-box.server-box3 .service-con .form .inp input {
  padding: 11px 8px;
  border: 1px solid #eaeaea;
}
.service-popup .service-box.server-box3 .service-con .form .inp2 {
  height: 78px;
}
.service-popup .service-box.server-box3 .service-con .form .inp2 textarea {
  padding: 3px 8px;
}
.service-popup .service-box.server-box3 .service-con .btn {
  margin-top: 0px;
  height: 40px;
}

.server-box3 .home-server {
  margin-bottom: 20px !important;
}


.service-popup .service-box .service-con .form .inp input::placeholder,
.service-popup .service-box .service-con .form .inp2 textarea::placeholder {
color: #999;
}
.service-popup .service-box .service-con .btn {
width: 320px;
height: 48px;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(111.34deg, #F37335 0%, #FDC830 100%);
position: relative;
overflow: hidden;
cursor: pointer;
}
.service-popup .service-box .service-con .btn::before {
box-shadow: inset 0 0 60px 0 hsla(0, 0%, 100%, 0.5);
position: absolute;
content: "";
border-radius: 100%;
width: 0;
height: 0;
left: 50%;
top: 50%;
z-index: 0;
transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
background-size: 100% 100%;
transition: width 0.3s ease 0s, padding 0.3s ease 0s, transform 0.3s ease 0s, opacity 0.3s ease 0s;
z-index: 1;
}
.service-popup .service-box .service-con .btn:hover::before {
width: 120%;
padding-top: 120%;
}
.service-popup .service-box .service-con .btn span {
font-family: Microsoft YaHei;
font-weight: 700;
font-size: 14px;
line-height: 22px;
letter-spacing: 0%;
text-align: right;
color: #fff;
}
.service-popup .service-box .service-con .btn.disabled {
cursor: default;
opacity: 0.5;
}
.service-popup .service-box .service-con .btn.disabled::before {
display: none;
}

.service-popup .service-box .service-con .el-checkbox {
/* position: absolute;
left: 0;
bottom: 0;
margin: 10px; */
}

/* 新版左侧导航 */
.new-left-nav {
width: 60px;
border-radius: 4px;
background: #FFFFFF;
overflow: hidden;
position: fixed;
left: 50%;
transform: translateX(-668px);
top: 264px;
z-index: 10;
}
.new-left-nav .nav-item {
width: 100%;
height: 54px;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding: 11px 18px;
position: relative;
cursor: pointer;
}
.new-left-nav .nav-item span {
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 12px;
line-height: 16px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
color: #333;
}
.new-left-nav .nav-item::before {
content: '';
width: 40px;
height: 1px;
background-color: #eaeaea;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
z-index: 1;
}
.new-left-nav .nav-item:last-of-type::before {
display: none;
}
.new-left-nav .nav-item.active {
background: linear-gradient(135deg, #73E2E2 0%, #28CCCC 100%);
}
.new-left-nav .nav-item.active span,
.new-left-nav .nav-item:hover span {
color: #fff;
}
.new-left-nav .nav-hover {
width: 100%;
height: 54px;
background: linear-gradient(135deg, #73E2E2 0%, #28CCCC 100%);
position: absolute;
left: 0;
top: 0;
transform: translateY(14px);
transition: transform 0.2s;
z-index: 0;
pointer-events: none;
}

/* 证书弹窗 */
.dialog-certificate .el-dialog__header,
.dialog-certificate .el-dialog__body {
padding: 0;
}
.dialog-certificate .el-dialog__headerbtn {
display: none;
}
.certificate-popup {
width: 100%;
height: 100%;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 999999;
display: flex;
align-items: center;
justify-content: center;
}
.certificate-popup .certificate-mask {
width: 100%;
height: 100%;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 999999;
background-color: rgba(0, 0, 0, 0.6);
}
.certificate-popup .certificate-con {
position: relative;
border-radius: 8px;
z-index: 999999;
}
.certificate-popup .certificate-con .close {
width: 40px;
height: 40px;
position: absolute;
right: -60px;
top: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
}
.certificate-popup .certificate-con .close img {
width: 24px;
height: 24px;
display: inline-block;
font-size: 0;
line-height: 0;
cursor: pointer;
}
.certificate-popup .certificate-con .certificate-img {
position: relative;
display: inline-block;
max-width: 747px;
max-height: 694px;
font-size: 0;
line-height: 0;
z-index: 0;
}
.certificate-popup .certificate-con .certificate-text-box {
width: 248px;
height: 206px;
background-image: url('https://files3.zydmall.com:9443/zydmall-tinyapp/web/images/index_new/certificate-text-bg.png');
background-repeat: no-repeat;
background-size: cover;
box-sizing: border-box;
padding: 17px 50px 35px 50px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: absolute;
left: -112px;
bottom: -45px;
z-index: 1;
}
.certificate-popup .certificate-con .certificate-text-box .item {
font-family: Microsoft YaHei;
font-weight: 700;
font-size: 12px;
line-height: 22px;
letter-spacing: 0%;
text-align: center;
color: #873F00;
white-space: nowrap;
}

/* 首页股票代码 */
.company-about-box {
width: 1200px;
height: 0;
position: relative;
z-index: 31;
margin: 0 auto;
}
.company-about {
width: 214px;
height: 71px;
overflow: hidden;
position: absolute;
top: -96px;
left: -244px;
/* background-image: url('https://files3.zydmall.com:9443/zydmall-tinyapp/web/images/index_new/company-about-bg.png'); */
/* background-repeat: no-repeat; */
/* background-size: cover; */
box-sizing: border-box;
/* padding: 14px 0 0 58px; */
cursor: pointer;
}
.company-about .about-swiper {
width: 100%;
height: 100%;
overflow: hidden;
}
.company-about .about-swiper .swiper-wrapper {
width: 100%;
height: 100%;
}
.company-about .about-swiper .swiper-slide {
display: flex;
align-items: center;
justify-content: center;
}
.company-about .about-swiper .swiper-slide img {
display: inline-block;
/* height: 43px; */
width: 100%;
font-size: 0;
line-height: 0;
}

.page-bg {
background: linear-gradient(180deg, #F5F5F5 0%, #F5F8FC 4.02%);
}

.floor-container .floor-box .floor-top .floor-right .floor-item .floor-item-price {
align-items: center;
height: 40px;
}
.floor-container .floor-box .floor-top .floor-right .floor-item .floor-item-price .price {
  position: relative;
  top: -2px;
}

/* 首页AI采购助理跟随弹窗 */
.assistant-box {
  position: fixed;
  z-index: 35;
  opacity: 1;
  transition: opacity .4s ease;
}
.assistant-box.hide {
  z-index: -100;
  left: -1000px;
  visibility: hidden;
  opacity: 0;
  transition: opacity .4s ease;
}
.assistant-box .assistant-con {
  width: 234px;
  min-height: 60px;
  /* height: 100px; */
  box-sizing: border-box;
  position: relative;
  padding: 12px 12px 18px 12px;
}
.assistant-box .assistant-con::before {
  content: '';
  width: 100%;
  height: 20px;
  position: absolute;
  left: 0;
  right: 0;
  top: -20px;
}
.assistant-box .assistant-bg-box {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  opacity: 0.9;
  border-radius: 10px;
  box-shadow: 0px 4px 6px 0px #0000001A;
  backdrop-filter: blur(4px);
}
.assistant-box .assistant-bg-box .bg1 {
  width: 100%;
  height: 100%;
  position: relative;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background: linear-gradient(144.64deg, #31BEC2 12.83%, #1174C6 85.32%);
  border-radius: 10px;
  border: 1px solid #19B0B0;
}
.assistant-box .assistant-bg-box .bg2 {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4));
  border-radius: 10px;
  border: 1px solid #19B0B0;
}
.assistant-box .assistant-bg-box img {
  width: 60px;
  height: 54px;
  position: absolute;
  bottom: 1px;
  right: -12px;
  display: inline-block;
  font-size: 0;
  line-height: 0;
  z-index: 2;
}
.assistant-box .assistant-con .assistant-tips-swiper {
  position: relative;
  width: 202px;
  height: auto;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #044650;
  overflow: hidden;
  margin-bottom: 8px;
}
.assistant-box .assistant-con .assistant-purchase-btns {
  position: relative;
  display: flex;
  /* flex-direction: column; */
  gap: 8px;
}
.assistant-box .assistant-con .assistant-purchase-btn {
  height: 14px;
  font-family: Microsoft YaHei;
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0%;
  text-align: left;
  vertical-align: middle;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-offset: 0%;
  text-decoration-thickness: 0%;
  color: #fff;
  cursor: pointer;
}
.assistant-box .assistant-con .assistant-purchase-btn .purchase-btn-text {
  text-decoration: underline;
}
.assistant-box .assistant-con .assistant-purchase-btn .purchase-btn-icon {
  font-size: 14px;
  position: relative;
  top: 1px;
}
.assistant-box .assistant-con .stop-btn {
  display: inline-block;
  position: absolute;
  top: -16px;
  right: 0;
  cursor: pointer;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #666666;
}


@media screen and (max-width:1200px) {
.brand-container {
  width: 1200px;
}
.brand-container .brand-box .brand {
  width: 186px;
}
.new-left-nav {
  left: 0;
}
#three-bg {
  width: 1200px !important;
  overflow: hidden;
}
#three-bg canvas {
  width: 1200px !important;
}
.video-tab.prev {
  transform: translate(0px, -50%);
}
.video-tab.next {
  transform: translate(0px, -50%) rotate(180deg);
}
}

.showCartM {
  z-index: 50 !important;
}
.hideHeaderLayout .m-headerLayout {
  height: 0 !important;
  overflow: hidden;
}

.beautify-scroller::-webkit-scrollbar {
  width: 15px !important;
  cursor: pointer;
}