.iget h3 {

  width: 100%;

  background: url('../images/igetBack.jpg') center no-repeat;

  background-size: cover;

  text-align: center;

  font-family: 'AvenirLTStd-Medium';

  font-size: 40px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 100px;

  letter-spacing: 0px;

  color: #121f27;

}



.igeBox {

  margin: 60px 0 100px;

  display: flex;

  justify-content: space-between;

  align-items: flex-start;

}



.igeNav {

  width: 315px;

  box-sizing: border-box;

  padding: 20px;

  background: #FAFAFA;

}



.igeNav>div {

  margin: 0 0 30px;

}



.igeNav h4 {

  border-bottom: 1px solid #959595;

  padding: 0 0 10px;

  margin: 0 0 10px;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.igeNav h4 b {

  font-family: SofiaPro-Bold;

  font-size: 20px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #434343;

}



.igeNav h4 span {

  font-family: SofiaPro-ExtraLight;

  font-size: 14px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #434343;

}



.igeNav a {

  display: block;

  font-size: 14px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 36px;

  letter-spacing: 0px;

}



.modFlod {

  border-bottom: 1px solid #C6C6C6;

  padding: 10px 0 20px;

}



.modFlod h5 {

  display: flex;

  align-items: center;

  justify-content: space-between;

  font-family: SofiaPro-Bold;

  font-size: 16px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 35px;

  letter-spacing: 0px;

  color: #434343;

}



.modFlod h5 .iconfont {

  transform: rotate(90deg);

  color: #212121;

  font-size: 20px;

}



.modFlod .active .iconfont {

  transform: rotate(-90deg);

}



.modFlod .search_item {

  display: none;

}



.modFlod label {

  display: flex;

  align-items: center;

  padding: 10px;

}



.modFlod label span {

  width: 16px;

  height: 16px;

  box-sizing: border-box;

  border: solid 1px #dcdcdc;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  margin-right: 15px;

}



.modFlod .search_item label span::before {

  content: '';

  display: block;

  width: 8px;

  height: 8px;

  background: #212121;

  border-radius: 50%;

  opacity: 0;

}



.igeNav a:hover,

.modFlod label,

.modFlod button:hover {

  color: #94780e;

}



.modFlod input[type="radio"] {

  position: absolute;

  opacity: 0;

}



.modFlod input[type="radio"]:checked+span::before {

  opacity: 1;

}



.modFlod button {

  font-family: SofiaPro-ExtraLight;

  font-size: 14px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 18px;

  letter-spacing: 0px;

  color: #434343;

  border: none;

  background: none;

  margin-left: calc(100% - 50px);

}



.section input {

  display: block;

  width: 100%;

  margin: 20px 0 10px;

  border: none;

  background: none;

  font-size: 16px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 35px;

  letter-spacing: 0px;

  text-align: center;

}



.priOper {

  display: flex;

  justify-content: space-around;

  align-items: center;

  margin-top: 30px;

}



.priOper input {

  width: 47%;

  font-family: SofiaPro-Bold;

  font-size: 16px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 35px;

  letter-spacing: 0px;

  border-radius: 4px;

  text-align: center;

  box-sizing: border-box;

}



.clear {

  border: 1px solid #1B1B1B;

  color: #1B1B1B;

  background: none;

}



.apply {

  background: #1B1B1B;

  color: #f6f6f6;

  border: none;

}



.igeList {

  width: calc(100% - 360px);

}



.disList {

  grid-template-columns: repeat(3, 32%);

}



.colPage {

  margin-top: 70px;

}



.choice {

  display: grid;

  grid-template-columns: repeat(2, 50%);

}



.speMg {

  position: relative;

}



.aixin {

  position: absolute;

  top: 10px;

  right: 10px;

  z-index: 3;

  border: none;

  background: no-repeat;

}



.aixin .iconfont {

  font-size: 30px;

  color: #1B1B1B;

}



.mySwiper {

  margin-top: 15px;

  overflow: hidden;

  box-sizing: border-box;

  padding: 0 30px;

}



.mySwiper2 .swiper-slide,

.mySwiper .swiper-slide {

  display: flex;

  align-items: center;

  justify-content: center;

}



.mySwiper .swiper-slide {

  box-sizing: border-box;

  border: solid 1px #dcdcdc;

  /* height: 115px; */

  padding: 10px;

}



.mySwiper .swiper-slide.swiper-slide-thumb-active {

  border-color: #94780e;

}



.mySwiper2 .swiper-slide {

  background: #f7f7f7;

}



.mySwiper2 .swiper-slide img,

.mySwiper .swiper-slide img {

  display: block;

  width: 100%;

}



.speMg .swiper-button-next,

.speMg .swiper-rtl .swiper-button-prev {

  right: 0;

}



.speMg .swiper-button-prev,

.speMg .swiper-rtl .swiper-button-next {

  left: 0;

}



.speMg .swiper-button-next:after,

.speMg .swiper-button-prev:after {

  color: #000;

  font-weight: 600;

  font-size: 22px;

}

/*图片放大镜样式*/
.jqzoom {
  border: none;
  position: relative;
  padding: 0px;
  cursor: pointer;
  margin: 0px;
  display: block;
}

.jqzoom img {
  display: block;
  width: 100%;
}

.zoomdiv {
  z-index: 100;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 350px;
  height: 350px;
  background: #ffffff;
  border: 1px solid #CCCCCC;
  display: none;
  text-align: center;
  overflow: hidden;
}

/* 图片小蒙板 */
.jqZoomPup {
  z-index: 10;
  visibility: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100px;
  height: 100px;
  border: 1px solid #aaa;
  background: #f00;
  opacity: 0.5;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  filter: alpha(Opacity=50);
}



.counter {

  width: 100%;

  position: absolute;

  top: 0;

  left: 0;

  background: #f7f7f7;

  z-index: 1;

  display: none;

}



.counMg {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;

  height: 100%;

}



.counMg li {

  max-width: 90%;

  display: none;

}



.counMg li img {

  display: block;

  max-width: 100%;

}



.speTxt {

  box-sizing: border-box;

  padding-left: 50px;

}



.flaForm {

  display: flex;

  /* justify-content: space-between; */

  justify-content: flex-start;

  flex-wrap: wrap;

  margin: 0 0 35px;

}



.speTxt h3 {

  font-family: SofiaPro-Bold;

  font-size: 36px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 42px;

  letter-spacing: 0px;

  color: #1b1b1b;

}



.speTxt h5 {

  display: flex;

  align-items: center;

  justify-content: space-between;

  font-family: SofiaPro-ExtraLight;

  font-size: 16px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 20px;

  letter-spacing: 0px;

  color: #1b1b1b;

  margin: 5px 0 0;

}



.speTxt h4 {

  font-family: SofiaPro-ExtraLight;

  font-size: 16px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 20px;

  letter-spacing: 0px;

  color: #1b1b1b;

  margin: 10px 0 20px;

}



.fraction {

  display: flex;

  align-items: center;

}



.fraction h6 {

  font-size: 14px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #434343;

  text-indent: 1rem;

}



.spePice {

  display: flex;

  align-items: center;

  padding: 15px 0;

  border-top: 1px solid #bcbcbc;

  border-bottom: 1px solid #bcbcbc;

  margin: 15px 0 20px;

}



.spePice del {

  font-family: SofiaPro-ExtraLight;

  font-size: 26px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #959595;

}



.spePice h5 {

  font-family: SofiaPro-Bold;

  font-size: 26px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #1b1b1b;

  margin-left: 20px;

}



.favo {

  font-family: SofiaPro-Bold;

  font-size: 18px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 20px;

  letter-spacing: 0px;

  margin: 0 0 20px;

}



.size label {

  box-sizing: border-box;

  border: 5px solid #fff;

  position: relative;

  /* width: 100px; */

  border-left: none;

}



.size input[type='radio'] {

  position: absolute;

  opacity: 0;

}



.size p {

  display: flex;

  align-items: center;

  justify-content: center;

  /* font-family: 'AvenirLTStd-Light'; */
  font-family: SofiaPro-ExtraLight;

  font-size: 14px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 20px;

  letter-spacing: 0px;

  color: #434343;

  box-sizing: border-box;

  border: solid 1px #d2d2d2;

  height: 40px;

  padding: 3px 15px;

  /* transition: .6s; */

  font-weight: bold;

}



.flaForm .btn-danger>p,

.flaForm.coler .btn-danger>div {

  border: 2px solid #000
}



.size input[type='radio']:checked+p {

  border: 2px solid #1b1b1b;

}



.coler {

  justify-content: flex-start;

}



.coler label {

  position: relative;

}



.coler label div {

  width: 40px;

  height: 40px;

  border: solid 1px #e5e5e5;

  display: flex;

  box-sizing: border-box;

  padding: 3px;

  margin-right: 10px;

  justify-content: center;

  align-items: center;

}



.coler label div img {

  display: block;

  width: 100%;

}



.coler label input {

  position: absolute;

  opacity: 0;

}



.coler label input:checked+div {

  border: 2px solid #1b1b1b;

}



.quality label {

  width: 49%;

  position: relative;

}



.quality label input {

  position: absolute;

  opacity: 0;

}



.quality p {

  width: 100%;

  height: 40px;

  border: solid 1px #e5e5e5;

  box-sizing: border-box;

  font-family: SofiaPro-Medium;

  font-size: 18px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 40px;

  letter-spacing: 0px;

  color: #1b1b1b;

  text-align: center;

  box-sizing: border-box;

}



.quality label input:checked+p {

  border: 2px solid #1b1b1b;

}



.flaBtn {

  display: flex;

  align-items: center;

  justify-content: space-evenly;

  width: 100%;

  padding: 15px 0 25px;

  border-bottom: 1px solid #bcbcbc;

}



.flaBtn button {

  border: none;

  background: none;

  font-size: 14px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 20px;

  letter-spacing: 0px;

  color: #121f27;

}



.clear .iconfont {

  margin-right: 10px;

  font-size: 22px;

  vertical-align: middle;

}



.stock .iconfont {

  color: #9D0D28;

  font-size: 26px;

  vertical-align: middle;

}



.proNumb {

  display: grid;

  grid-template-columns: repeat(3, 33.33%);

  justify-content: space-between;

  width: 130px;

  height: 40px;

  border: solid 1px #dcdcdc;

  text-align: center;

  line-height: 40px;

}



.proNumb span {

  color: #dcdcdc;

  font-family: 'AvenirLTStd-Black';

  cursor: pointer;

}



.sub {

  font-size: 30px;

}



.add {

  font-size: 20px;

}



.proNumb input {

  border: none;

  box-sizing: border-box;

  border-left: 1px solid #dcdcdc;

  border-right: 1px solid #dcdcdc;

  text-align: center;

  font-family: 'AvenirLTStd';

  font-size: 16px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #444444;

  background: none;

}



.qty {

  display: flex;

  align-items: center;

  margin: 30px 0;

  border-top: 1px solid #F9F9F9;

  padding-top: 30px;

}



.qty h5 {

  font-family: SofiaPro-Bold;

  font-size: 18px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 20px;

  letter-spacing: 0px;

  color: #222222;

  margin: 0;

  margin-right: 20px;

}







.flaLast button {

  height: 50px;

  width: 100%;

  font-family: SofiaPro-Bold;

  font-size: 20px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  box-sizing: border-box;

  margin: 0 0 15px;

}



.flaBuy {

  background: none;

  border: solid 1px #1b1b1b;

}



.flaCart {

  background: #1B1B1B;

  color: #fff;

  border: none;

}



.prodNav {

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 80px 0 50px;

  border-bottom: 1px solid #EDEDED;

}



.prodNav li {

  font-family: 'AvenirLTStd-Black';

  font-size: 24px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 72px;

  letter-spacing: 0px;

  color: #434343;

  margin: 0 40px -2px;

  border-bottom: 5px solid transparent;

  cursor: pointer;

}



.prodNav .prodNavActive {

  border-color: #9D0D28;

}



.prodBox>div {

  display: none;

}



.prodBox>div:first-child {

  display: block;

}



.prodBox p {

  font-size: 16px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 24px;

  letter-spacing: 0px;

}



.prodBox h5 {

  font-family: 'AvenirLTStd-Heavy';

  font-size: 30px;

  letter-spacing: 0px;

}



.custitle {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-top: 80px;

  padding-bottom: 30px;

  border-bottom: 1px solid #EDEDED;

}



.custitle h4 {

  font-family: 'AvenirLTStd-Black';

  font-size: 24px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 72px;

  letter-spacing: 0px;

  color: #434343;

}



.custList li {

  display: flex;

  justify-content: space-between;

  align-items: flex-start;

  padding: 30px 0;

  border-bottom: 1px dashed #dcdcdc;

}



.custMg {

  width: 90px;

  height: 90px;

  border-radius: 50%;

  overflow: hidden;

}



.custMg img {

  display: block;

  width: 100%;

}



.custxt {

  width: calc(100% - 120px);

}



.custName {

  display: flex;

  align-items: center;

}



.custName h6 {

  font-family: 'AvenirLTStd-Heavy';

  font-size: 18px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 20px;

  letter-spacing: 0px;

  color: #434343;

  margin-left: 15px;

}



.custxt p {

  font-size: 16px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 20px;

  letter-spacing: 0px;

  margin: 10px 0;

}



.custxt h5 {

  font-size: 18px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 20px;

  letter-spacing: 0px;

  border-top: 1px dashed #dcdcdc;

  padding-top: 10px;

}



.custMore {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 200px;

  height: 50px;

  background-color: #eeeeee;

  border-radius: 8px;

  border: solid 1px #d2d2d2;

  box-sizing: border-box;

  margin: 50px auto 80px;

  font-family: 'AvenirLTStd-Heavy';

  font-size: 18px;

  font-weight: 600;

  font-stretch: normal;

  line-height: 20px;

  letter-spacing: 0px;

  color: #434343;

  transition: .6s;

}



.custMore:hover {

  background: #9D0D28;

  color: #fff;

}



.recommend {

  position: relative;

}



.recommend>h4 {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

}



.recommend>h4::before {

  content: '';

  width: 100%;

  height: 1px;

  background: #dcdcdc;

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  margin: auto;

}



.recommend>h4 span {

  display: block;

  background: #fff;

  position: relative;

  z-index: 1;

  padding: 0 40px;

  font-family: 'AvenirLTStd-Black';

  font-size: 30px;

  font-weight: 600;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #9d0d28;

}



.recommend .swiper-button-next:after,

.recommend .swiper-button-prev:after {

  color: #000;

  font-size: 32px;

  font-weight: 600;

}



.recommend .swiper-button-next,

.recommend .swiper-rtl .swiper-button-prev {

  right: -50px;

}



.recommend .swiper-button-prev,

.recommend .swiper-rtl .swiper-button-next {

  left: -50px;

}



.screening {

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.screening h4 {

  font-family: SofiaPro-Bold;

  font-size: 18px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 90px;

  letter-spacing: 0px;

  color: #1b1b1b;

}



.screening h4 span {

  font-family: SofiaPro-Light;

}



.type,

.sort,

.sort form {

  display: flex;

}



.type a {

  min-width: 120px;

  height: 35px;

  border: solid 1px #1b1b1b;

  box-sizing: border-box;

  display: flex;

  align-items: center;

  justify-content: center;

  font-family: SofiaPro-ExtraLight;

  font-size: 16px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #1b1b1b;

  margin: 0 5px;

  transition: .6s;

  padding: 0 5px;

}



.type a:hover,

.type .active {

  background: #1b1b1b;

  color: #fff;

}



.sort,

.sort form input,

.sort form ul li {

  font-family: SofiaPro-ExtraLight;

  font-size: 16px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #1b1b1b;

}



.sort {

  position: relative;

  width: 150px;

}



.sort form input {

  padding: 2px 5px;

  background: none;

  border: none;

}



.sort form .iconfont {

  transform: rotate(90deg);

  font-size: 18px;

  font-weight: 600;

}



.sort .active .iconfont {

  transform: rotate(-90deg);

}



.sort form ul {

  width: 100%;

  position: absolute;

  left: -20px;

  top: 25px;

  background: #fff;

  padding: 20px;

  z-index: 1;

  box-shadow: 0 5px 5px #999;

  display: none;

}



.sort form ul li {

  text-align: center;

  line-height: 35px;

  cursor: pointer;

}



.sort form ul li:hover {

  color: #94780e;

}



.goods {

  margin-top: 50px;

}



.godUl {

  display: flex;

  padding: 0 0 25px;

  border-bottom: 1px solid #1b1b1b;

  position: sticky;

  top: 130px;

}



.godUl li a {

  display: block;

  font-family: SofiaPro-Medium;

  font-size: 20px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #1b1b1b;

  margin-right: 30px;

}



.gods-detalis {

  padding: 45px 0 70px;

  display: flex;

  justify-content: space-between;

}



.gods-detalis>div {

  width: 47%;

}

.gods-detalis .detLeft hr {

  border-left: none;

  border-right: none;

  border-bottom: none;

  border-top: 1px solid #dcdcdc;

  padding: 0;

  margin: 0;

  list-style: none;

  box-shadow: none;

}



.detLeft h4,

.wartxt h4,

.RandD h4,

.Related h4 {

  font-family: SofiaPro-Medium;

  font-size: 36px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #1b1b1b;

}



.detLeft h5,

.detRight h5 {

  font-family: SofiaPro-Medium;

  font-size: 18px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 20px;

  letter-spacing: 0px;

  color: #1b1b1b;

  margin: 30px 0 20px;

}



.detLeft p {

  font-family: SofiaPro-ExtraLight;

  font-size: 16px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 20px;

  letter-spacing: 0px;

  color: #1b1b1b;

}



.derLeftMg {

  display: flex;

  justify-content: space-between;

  border-top: 1px solid #E4E4E4;

  margin-top: 40px;

  padding-top: 60px;

}



.derLeftMg img {

  display: block;

  width: 90px;

}



.detRight p {

  font-family: SofiaPro-Light;

  font-size: 16px;

  font-weight: normal;

  letter-spacing: 0px;

  color: #1b1b1b;

  margin: 0 0 15px;

}



.warranty {

  padding: 70px 0;

  background: url('../images/warBack.jpg') center no-repeat;

  background-size: cover;

}



.wartxt {

  max-width: 450px;

}



.wartxt h5 {

  font-family: SofiaPro-ExtraLight;

  font-size: 36px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 48px;

  letter-spacing: 0px;

  color: #1b1b1b;

  margin: 40px 0 65px;

}



.wartxt a {

  font-family: SofiaPro-Medium;

  font-size: 18px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #1b1b1b;

}



.wartxt a .iconfont {

  font-weight: 600;

  font-size: 20px;

  vertical-align: middle;

}



.RandD {

  margin-top: 70px;

}



.RandD .detLeft h5 {

  margin: 0 0 20px;

}



.RandD .detLeft a {

  font-family: SofiaPro-ExtraLight;

  font-size: 16px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 20px;

  letter-spacing: 0px;

  color: #94780e;

}



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



  .recommend .swiper-button-next,

  .recommend .swiper-rtl .swiper-button-prev {

    right: 0;

  }



  .recommend .swiper-button-prev,

  .recommend .swiper-rtl .swiper-button-next {

    left: 0;

  }



}



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



  .speTxt h3 {

    font-size: 32px;

    line-height: 40px;

  }



  .speTxt h4 {

    font-size: 15px;

    margin: 15px 0 10px;

  }



  .spePice h5,

  .spePice del {

    font-size: 24px;

  }



  .spePice {

    padding: 10px 0;

    margin: 10px 0;

  }



  .flaForm p {

    font-size: 12px;

    /* padding: 5px; */

  }



  .prodNav li {

    font-size: 20px;

    line-height: 60px;

    margin: 0 30px -2px;

  }



  .prodBox h5 {

    font-size: 24px;

  }



  .flaLast {

    display: flex;

    justify-content: space-between;

  }



  .flaLast button {

    height: 45px;

    width: 45%;

    font-size: 16px;

    line-height: 20px;

  }



  .custMore {

    width: 180px;

    height: 40px;

    margin: 30px auto 40px;

    font-size: 16px;

  }



  .recommend>h4 span {

    font-size: 26px;

  }



  .igeNav {

    width: 270px;

    padding: 20px 10px;

  }



  .igeList {

    width: calc(100% - 290px);

  }



}



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



  .igeNav a {

    font-size: 12px;

    line-height: 30px;

  }



  .igeNav {

    width: 265px;

  }



  .igeList {

    width: calc(100% - 290px);

  }



  .proNumb {

    width: 120px;

    height: 30px;

    line-height: 30px;

  }



  .custMg {

    width: 70px;

    height: 70px;

  }



  .custxt {

    width: calc(100% - 90px);

  }



  .disTxt a {

    height: 35px;

    font-size: 16px;

  }



  .type a {

    width: 90px;

    height: 30px;

    font-size: 14px;

  }



  .screening h4 {

    font-size: 16px;

  }



}





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



  .disList {

    grid-template-columns: repeat(2, 48%);

  }



  .specs {

    grid-template-columns: repeat(1, 100%);

  }



  .igeBox {

    flex-wrap: wrap;

  }



  .speTxt {

    box-sizing: border-box;

    padding-left: 0;

    margin-top: 30px;

  }



  .igeList {

    width: 100%;

  }



  .igeNav {

    width: 100%;

  }



  .modFlod {

    padding: 10px 0;

  }



  .igeNav h4,

  .igeNav>div {

    margin: 0;

  }



  .choice {

    grid-template-columns: repeat(1, 100%);

  }



  .favo {

    font-size: 16px;

    margin: 0 0 5px;

  }



  .flaForm {

    margin: 0 0 15px;

  }



}





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



  .igeBox {

    flex-wrap: wrap;

  }



  .igeList,

  .igeNav {

    width: 100%;

  }



  .iget h3 {

    font-size: 30px;

    line-height: 60px;

  }



  .modFlod {

    padding: 5px 0;

  }



  .igeNav h4 {

    font-size: 16px;

    padding: 0 0 5px;

    margin: 0 0 5px;

  }



  .priOper {

    margin-top: 20px;

  }



  .igeNav h4 .iconfont {

    display: block;

    transform: rotate(-90deg);

    font-size: 20px;

  }



  .speTxt h3 {

    font-size: 22px;

    line-height: 30px;

  }



  .speTxt {

    margin-top: 15px;

  }



  .speTxt h4 {

    font-size: 14px;

    margin: 5px 0;

    line-height: 18px;

  }



  .spePice h5,

  .spePice del {

    font-size: 20px;

  }



  .favo {

    font-size: 17px;

    margin: 0 0 10px;

  }



  .flaLast button {

    height: 40px;

    width: 48%;

    font-size: 14px;

  }



  .prodNav {

    margin: 30px 0 20px;

  }



  .prodNav li {

    font-size: 16px;

    line-height: 30px;

    margin: 0 10px -2px;

    border-bottom: 3px solid transparent;

  }



  .qty {

    margin: 15px 0;

    padding-top: 10px;

  }



  .prodBox p {

    font-size: 14px;

    line-height: 20px;

  }



  .prodBox h5 {

    font-size: 18px;

  }



  .custitle {

    margin-top: 30px;

    padding-bottom: 10px;

    flex-wrap: wrap;

  }



  .custitle h4 {

    font-size: 18px;

    line-height: 30px;

  }



  .custMg {

    width: 50px;

    height: 50px;

  }



  .custxt {

    width: calc(100% - 60px);

  }



  .custName h6,

  .custxt h5 {

    font-size: 16px;

  }



  .custxt p {

    font-size: 14px;

  }



  .recommend>h4 span {

    font-size: 20px;

    padding: 0 20px;

  }



  .disTxt h5 {

    margin: 5px 0;

    font-size: 16px;

  }



  .disTxt a {

    height: 30px;

    font-size: 14px;

  }



  .custList li {

    padding: 15px 0;

  }



  .screening h4 {

    font-size: 15px;

    line-height: 30px;

  }



  .colList {

    grid-template-columns: repeat(2, 48%);

  }



  .colMg {

    padding: 5px;

    margin: 0 0 5px;

  }



  .colTxt p {

    font-size: 14px;

    margin: 0 0 5px;

  }



  .type {

    display: none;

  }



  .goods {

    margin-top: 10px;

  }



  .godUl {

    padding: 0 0 15px;

  }



  .godUl li a {

    font-size: 16px;

    margin-right: 20px;

  }



  .gods-detalis {

    padding: 0;

    flex-wrap: wrap;

  }



  .gods-detalis>div {

    width: 100%;

  }



  .detLeft h4,

  .wartxt h4,

  .RandD h4 {

    font-size: 26px;

  }



  .detLeft h5,

  .detRight h5 {

    font-size: 16px;

    margin: 10px 0;

  }



  .detLeft p {

    font-size: 14px;

  }



  .derLeftMg {

    margin-top: 20px;

    padding-top: 30px;

  }



  .detRight p {

    font-size: 15px;

    margin: 0 0 10px;

  }



  .warranty {

    padding: 40px 0;

  }



  .wartxt h5 {

    font-size: 20px;

    line-height: 30px;

    margin: 10px 0 15px;

  }



  .RandD {

    margin-top: 20px;

  }



  .RandD .detLeft h5 {

    margin: 10px 0 5px;

  }



}


#big {
  position: absolute;
  left: 100%;
  top: 0;
  width: 100%;
  height: 72%;
  border: 1px solid black;
  display: none;
  overflow: hidden;
  background: #fff;
  z-index: 1;
}

#big img {
  position: absolute;
  width: 100%;
  transform: scale(1.1);
}

#mark {
  /* background: url('/template/default/pc/statics/images/amplify.png') center no-repeat; */
  width: 50px;
  height: 50px;
  position: absolute;
  display: none;
  cursor:crosshair;
}

.enlarge {

    width: 100%;
  
    height: 100%;
  
    background: rgba(0, 0, 0, .8);
  
    box-sizing: border-box;
  
    padding: 20px;
  
    position: fixed;
  
    top: 0;
  
    left: 0;
  
    z-index: 99;
  
    display: none;
  
  }
  
  
  
  .enlBox {
  
    /* width: 100%; */
    width: 768px;
    margin: auto;
  
    height: 100%;
  
    background: #fff;
  
  }
  
  @media (max-width:865px) {
    .enlBox{
        width: 100%;
    }
  }
  
  .enlTitle {
  
    width: 100%;
  
    background: #F2F2F2;
  
    box-sizing: border-box;
  
    padding: 8px 15px;
  
    display: flex;
  
    align-items: center;
  
    justify-content: space-between;
  
  }
  
  
  
  .enlTitle h4 {
  
    color: #333;
  
    font-size: 16px;
  
  }
  
  
  
  .enlTitle button {
  
    border: none;
  
    background: none;
  
  }
  
  
  
  .enlTitle .iconfont {
  
    font-size: 20px;
  
  }
  
  
  
  .drag {
  
    padding: 30px 15px;
  
    height: calc(100% - 160px);
  
    box-sizing: border-box;
  
  }
  
  
  
  .drag-action {
  
    display: flex;
  
    align-items: center;
  
  }
  
  
  
  .drag-action button {
  
    width: 30px;
  
    height: 30px;
  
    background: #333;
  
    border: none;
  
    font-size: 26px;
  
    color: #fff;
  
    margin: 0 10px 20px;
    cursor: pointer;
    line-height: 30px;
  }
  
  
  
  .drag-box {
  
    width: 100%;
  
    height: calc(100% - 50px);
  
    box-sizing: border-box;
  
    padding: 10px;
  
    overflow: hidden;
  
    display: flex;
  
    align-items: center;
  
    justify-content: center;
  
  }
  
  
  
  .drag-box img {
  
    display: block;
  
    position: relative;
  
    transition: transform .5s ease-out;

    height: 100%;

    object-fit: scale-down;
  
  }
  
  
  
  .enlSmall {
  
    position: relative;
  
    padding: 20px 15px;
  
    height: 80px;
  
  }
  
  
  
  .enlSmall .swiper {
  
    height: 100%;
  
  }
  
  .enlSmall .swiper-slide {
    box-sizing: border-box;
    border: 1px solid #ccc;
}
.enlSmall .swiper-slide.active {
    border: 2px solid #f60;
}
  
  .enlSmall img {
  
    width: 100%;
  
    height: 100%;
  
    object-fit: contain;
  
  }