@media (-webkit-min-device-pixel-ratio:2) {
  .border-rpx:after {
    -webkit-transform: scaleY(0.5);
    -moz-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    -o-transform: scaleY(0.5);
    transform: scaleY(0.5)
  }
}
@media (-webkit-min-device-pixel-ratio:3) {
  .border-rpx:after {
    -webkit-transform: scaleY(0.3333);
    -moz-transform: scaleY(0.3333);
    -ms-transform: scaleY(0.3333);
    -o-transform: scaleY(0.3333);
    transform: scaleY(0.3333)
  }
}
.page-container {
  background-color: #f5f7fa
}
.page-content {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0px 0 80px;
margin-top: -100px;
}
.page-content .page-title {
  font-size: 46px;
  line-height: 62px;
  color: #242933;
  text-align: center;
  margin-bottom: 85px
}
.page-content .page-nav-box {
  position: relative;
  height: 140px;
  z-index: 1
}
.page-content .page-nav {
  position: absolute;
  width: 100%;
  height: 140px;
  top: 0;
  left: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background-color: #fff;
  border-bottom: 3px solid #e93b05;
  overflow: hidden
}
.page-content .page-nav .nav-icon {
  display: none;
  position: absolute;
  top: 58px;
  right: 36px;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px;
  text-align: center;
  color: #575c66;
  cursor: pointer
}
.page-content .page-nav:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 20px;
  left: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 1
}
.page-content .page-nav.open {
  height: auto;
  border-color: #f1f3f6
}
.page-content .page-nav.open .nav-icon {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg)
}
.page-content .page-nav.open:after {
  display: none
}
.page-content .page-nav.show .page-series {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start
}
.page-content .page-nav.show .nav-icon {
  display: block
}
.page-content .page-series {
  width: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  padding: 30px 48px;margin-top: 25px;float: right;
}
.spjklileft{
	float: left;
margin-top: 16px !important;
padding: 30px 48px;
font-size: 34px;
font-weight: 600;
}
.page-content .series-item {
/*  font-size: 16px;
  line-height: 40px;
  padding: 5px 14px;
  margin: 15px .3%;
  color: #333;
  background-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  -webkit-transition: color .4s, background-color .4s;
  -o-transition: color .4s, background-color .4s;
  -moz-transition: color .4s, background-color .4s;
  transition: color .4s, background-color .4s*/font-size: 16px;
}
.page-content .series-item.active {
  color: #e93b05;
  border-bottom: 4px solid #e93b05;
}
.series-item.active a {
  color: #e93b05;
  
}
.series-item a{
    color: #333;
}
.series-item a:hover{
    color: #e93b05;

border-bottom: 4px solid #e93b05;
}
.page-content .page-banner {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 43.125%;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  overflow: hidden;
  display: none
}
.page-content .page-banner.show {
  display: block;
  margin-top: 30px
}
.page-content .page-banner .page-banner-link {
  display: block;
  width: 100%;
  height: 100%
}
.page-content .page-banner img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}
.page-content .page-banner img.banner-pc {
  display: block
}
.page-content .page-banner img.banner-wap {
  display: none
}
.page-content .page-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
.page-content .product-item {
  width: -webkit-calc(33.33% - 20px);
  width: -moz-calc(33.33% - 20px);
  width: calc(33.33% - 20px);
  height: 621px;
  margin-top: 30px;
  margin-right: 30px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  background-color: #fff
}
.page-content .product-item:nth-of-type(3n) {
  margin-right: 0
}
.page-content .product-item .product-item-link {
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 70px
}
.page-content .product-image {
  position: relative;
  width: 320px;
  height: 320px;
  margin: 0 auto
}
.page-content .image-item {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity .4s;
  -o-transition: opacity .4s;
  -moz-transition: opacity .4s;
  transition: opacity .4s
}
.page-content .image-item.opacity {
  opacity: 1
}
.page-content .image-item img {
  display: block;
  width: 100%;
  height: 100%
}
.page-content .product-color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  overflow: hidden;
  margin: 39px auto 49px;
  padding: 0 30px
}
.page-content .product-color .color-item {
  width: 32px;
  height: 28px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  padding: 1px;
  margin: 0 4px;
  border: 3px solid #fff;
  -webkit-transition: border-color .4s;
  -o-transition: border-color .4s;
  -moz-transition: border-color .4s;
  transition: border-color .4s
}
.page-content .product-color .color-item.active {
  border-color: #ccd3e3
}
.page-content .product-color .color-button {
  display: block;
  width: 24px;
  height: 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px
}
.page-content .product-cover-image {
  display: block;
  width: 320px;
  height: 320px;
  margin: 0 auto 116px
}
.page-content .product-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  margin-bottom: 8px;
  padding: 0 34px
}
.page-content .product-title .product-name {
  font-size: 24px;
  line-height: 28px;
  color: #242933;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap
}
.page-content .product-title .product-label {
  font-size: 12px;
  height: 20px;
  line-height: 18px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-align: center;
  margin-top: 3px;
  margin-left: 6px;
  padding: 0 6px;
  color: #e93b05;
  border: 1px solid #e93b05
}
.page-content .product-title .product-label.hide {
  display: none !important
}
.page-content .product-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  padding: 0 34px
}
.page-content .product-price .new-price {
  font-size: 14px;
  line-height: 20px;
  color: #242933;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap
}
.page-content .product-price .old-price {
  font-size: 12px;
  line-height: 20px;
  color: #999;
  text-decoration: line-through;
  margin-left: 9px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap
}
.page-content .page-load {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  margin-top: 80px
}
.page-content .page-load .load-text {
  font-size: 22px;
  line-height: 28px;
  color: #8a8f99
}
.page-content .page-load .load-icon {
  width: 28px;
  height: 28px;
  font-size: 28px;
  line-height: 28px;
  text-align: center;
  color: #8a8f99;
  margin-left: 6px;
  display: none
}
.page-content .page-load.scroll-more .load-icon {
  display: block
}
@media (max-width:1599px) {
  .page-content {
    width: -webkit-calc(100% - 160px);
    width: -moz-calc(100% - 160px);
    width: calc(100% - 160px);
    margin: 0 80px;margin-top: -100px;
  }
}
@media (max-width:1199px) {
  .page-content {
    width: -webkit-calc(100% - 80px);
    width: -moz-calc(100% - 80px);
    width: calc(100% - 80px);
    margin: 0 40px
  }
  .page-content .product-item {
    width: -webkit-calc(50% - 15px);
    width: -moz-calc(50% - 15px);
    width: calc(50% - 15px)
  }
  .page-content .product-item:nth-of-type(3n) {
    margin-right: 30px
  }
  .page-content .product-item:nth-of-type(2n) {
    margin-right: 0
  }
}
@media (min-width:769px) {
  .page-content .series-item:hover {
    color: #e93b05;
    /*background-color: #e93b05*/
  }
  .page-content .product-color:hover {
    border-color: #ccd3e3
  }
}
@media (max-width:768px) {
  .page-content {
    width: 100%;
    margin: 0 auto;
    padding: 24.44444vw 0 11.11111vw
  }
  .page-content .page-title {
    font-size: 6.66667vw;
    line-height: 9.44444vw;
    margin-bottom: 11.11111vw;
    padding: 0 5.55556vw
  }
  .page-content .page-nav-box {
    height: 20.55556vw
  }
  .page-content .page-nav {
    height: 20.55556vw;
    -webkit-border-radius: 3.33333vw;
    -moz-border-radius: 3.33333vw;
    border-radius: 3.33333vw
  }
  .page-content .page-nav .nav-icon {
    top: 8.05556vw;
    right: 5.55556vw;
    width: 4.44444vw;
    height: 4.44444vw;
    font-size: 4.44444vw;
    line-height: 4.44444vw
  }
  .page-content .page-nav:after {
    height: 4.16667vw
  }
  .page-content .page-series {
    padding: 4.16667vw 10vw 4.16667vw 2.5vw
  }
  .page-content .series-item {
    font-size: 3.61111vw;
    line-height: 5.55556vw;
    padding: 1.94444vw 2.5vw;
    margin: 1.38889vw .55556vw;
    -webkit-border-radius: 2.22222vw;
    -moz-border-radius: 2.22222vw;
    border-radius: 2.22222vw
  }
  .page-content .page-product-box {
    padding: 0 5.55556vw
  }
  .page-content .page-banner {
    width: 88.88889vw;
    height: 61.11111vw;
    padding-bottom: 0;
    -webkit-border-radius: 3.33333vw;
    -moz-border-radius: 3.33333vw;
    border-radius: 3.33333vw
  }
  .page-content .page-banner.show {
    margin-top: 3.33333vw
  }
  .page-content .page-banner img.banner-pc {
    display: none
  }
  .page-content .page-banner img.banner-wap {
    display: block
  }
  .page-content .product-item {
    width: 42.77778vw;
    height: 71.66667vw;
    margin-top: 3.33333vw;
    margin-right: 3.33333vw;
    -webkit-border-radius: 3.33333vw;
    -moz-border-radius: 3.33333vw;
    border-radius: 3.33333vw
  }
  .page-content .product-item:nth-of-type(3n) {
    margin-right: 3.33333vw
  }
  .page-content .product-item:nth-of-type(2n) {
    margin-right: 0
  }
  .page-content .product-item .product-item-link {
    padding-top: 6.38889vw
  }
  .page-content .product-image {
    width: 28.88889vw;
    height: 28.88889vw
  }
  .page-content .product-color {
    margin: 2.22222vw auto 4.72222vw;
    padding: 0 5.27778vw
  }
  .page-content .product-color .color-item {
    width: 6.94444vw;
    height: 6.11111vw;
    -webkit-border-radius: 3.61111vw;
    -moz-border-radius: 3.61111vw;
    border-radius: 3.61111vw;
    padding: .27778vw;
    margin: 0 1.11111vw;
    border-width: .83333vw
  }
  .page-content .product-color .color-button {
    width: 4.72222vw;
    height: 3.88889vw;
    -webkit-border-radius: 1.94444vw;
    -moz-border-radius: 1.94444vw;
    border-radius: 1.94444vw
  }
  .page-content .product-cover-image {
    width: 28.88889vw;
    height: 28.88889vw;
    margin-bottom: 13.05556vw
  }
  .page-content .product-title {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-bottom: .55556vw;
    padding: 0 4.16667vw
  }
  .page-content .product-title .product-name {
    width: 100%;
    font-size: 3.61111vw;
    line-height: 5.55556vw;
    text-align: center
  }
  .page-content .product-title .product-label {
    height: 3.88889vw;
    font-size: 2.22222vw;
    line-height: 3.33333vw;
    -webkit-border-radius: 2.77778vw;
    -moz-border-radius: 2.77778vw;
    border-radius: 2.77778vw;
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 1.38889vw;
    padding: 0 1.38889vw;
    color: #e93b05
  }
  .page-content .product-title .product-label.hide {
    display: block !important;
    opacity: 0
  }
  .page-content .product-price {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 5.27778vw
  }
  .page-content .product-price .new-price {
    width: 100%;
    font-size: 3.33333vw;
    line-height: 3.88889vw;
    text-align: center
  }
  .page-content .product-price .old-price {
    width: 100%;
    font-size: 2.5vw;
    line-height: 5.55556vw;
    text-align: center;
    margin-left: 0
  }
  .page-content .page-load {
    margin-top: 7.22222vw
  }
  .page-content .page-load .load-text {
    font-size: 3.33333vw;
    line-height: 3.33333vw
  }
  .page-content .page-load .load-icon {
    width: 3.33333vw;
    height: 3.33333vw;
    font-size: 3.33333vw;
    line-height: 3.33333vw;
    margin-left: 1.11111vw
  }
}