.product-max {
  padding: 0px 6%;
  width: 88%;
}
/* .description-aryy img{
  width: 100%;
  height: auto;
} */
.description-aryy iframe{
  width: 100%;max-width: 640px;
}
.product-max .product-title {
  /* margin: 70px 0px 15px 0px; */
  width: 40%;
}
.product-max .product-name {
  font-size: 24px;
  font-weight: bold;
  color: #333333;
}
.product-max .product-intro {
  font-size: 14px;
  color: #707070;
  margin-top: 25px;
}
.product-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 35px;
}
.product-flex .product-sum {
  font-size: 16px;
  color: #333333;
}
.product-flex .product-right {
  display: flex;
  align-items: center;
}
.product-flex .product-category {
  font-size: 16px;
  color: #333333;
}
.product-flex .product-category:hover {
  color: #660099;
  cursor: pointer;
}
.product-flex .sort-by {
  position: relative;
}
.product-flex .sort-by p {
  font-size: 16px;
  color: #333333;
}
.product-flex .sort-by .sort-by-list {
  position: absolute;
  background: #FFFFFF;
  width: 100%;
  border-radius: 3px 3px 3px 3px;
  padding: 10px;
  visibility: hidden;
  min-width: 150px;
  text-align: center;
  right: 0px;
  box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16);
  z-index: 99;
}
.product-flex .sort-by .sort-by-list a,.product-flex .sort-by .sort-by-list p {
  color: #333333;
  padding: 5px 0px;
  display: block;
  width: 100%;
}
.product-flex .sort-by .sort-by-list a:hover,.product-flex .sort-by .sort-by-list p:hover  {
  background: #660099;
  color: #ffffff;cursor: pointer;
}
#categoryMax{position: relative;}
#productSum{position: absolute;top: -55px;color: #333333;font-size: 16px;}
@media screen and (max-width: 1200px) {
  #productSum{top: -55px;}
}
@media screen and (max-width: 1000px) {
  #productSum{top: -55px;}
}
.product-flex .sort-by:hover .sort-by-list {
  visibility: inherit;
}
.product-flex .sort-by:hover .sortpy {
  cursor: pointer;
  color: #660099;
}
.product-flex .vertical {
  display: block;
  margin: 0px 10px;
}
.black-bg {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  z-index: 98;
  display: none;
}
.forbidrootscroll {
  height: 100%;
  overflow: hidden;
}
.product-sidebar {
  position: fixed;
  overflow: auto;
  top: 0px;
  right: 0px;
  background: #ffffff;
  z-index: 99;
  height: 100%;
  width: 25%;
  right: -100%;
}
.product-sidebar .classify-new {
  padding: 0px 60px 60px 60px;
}
.product-sidebar .product-classify {
  display: flex;
  align-items: center;
  justify-content: space-between;

  margin-bottom: 0px;
  height: 30px;
}
.product-sidebar .product-classify p {
  font-size: 14px;
  color: #333333;
}
.product-sidebar .product-classify i {
  font-size: 24px;
  color: #333333;
}
.product-sidebar .product-classify:hover p,
.product-sidebar .product-classify:hover i {
  color: #660099;
  cursor: pointer;
}
.product-sidebar .classify-ul {
  padding-left: 20px;
  display: none;
}
.product-sidebar .classify-ul a {
  font-size: 14px;
  color: #707070;
  padding: 5px 0;
  display: block;
}
.product-sidebar .icon-classify-two {
  display: none;
}
.product-sidebar .classify-max-two {
  margin-top: 15px;
}
.product-sidebar .classify-max-three,
.product-sidebar .classify-max-four {
  margin-top: 15px;
}
.product-sidebar .brand-list {
  height: 110px;
  overflow: hidden;
}
.product-sidebar .brand-list-li {
  font-size: 14px;
  color: #333333;
  display: flex;
  align-items: center;
  padding: 3px 0;
}
/* .product-sidebar .brand-list-li input{display: flex;align-items: center;} */
.product-sidebar .brand-list-li input {
  margin-right: 7px;
}
.product-sidebar .brand-list-li:hover {
  cursor: pointer;
}
.product-sidebar .brand-more,
.product-sidebar .brand-less {
  font-size: 14px;
  color: #707070;
  display: flex;
  align-items: center;
}
.product-sidebar .brand-more i,
.product-sidebar .brand-less i {
  font-size: 22px;
  color: #707070;
}
.product-sidebar .brand-more:hover,
.product-sidebar .brand-less:hover,
.product-sidebar .brand-more:hover i,
.product-sidebar .brand-less:hover i {
  color: #660099;
  cursor: pointer;
}
.product-sidebar .classify-max-three li {
  line-height: 28px;
}
.product-sidebar .classify-max-three .price-us {
  font-size: 14px;
  color: #333333;
}
.product-sidebar .All-Play {
  position: sticky;
  bottom: 0px;
  left: 0px;
  width: 100%;
  text-align: center;
  background: #ffffff;
  margin-top: 30px;
}
.product-sidebar .All-Play input,.product-sidebar .All-Play p {
  height: 46px;
  line-height: 46px;
  background: #660099;
  padding: 0px 30px;
  color: #FFFFFF;
  font-size: 14px;
  width: 95%;
  margin: 10px 0px;    align-content: center;
}
.product-sidebar .All-Play input:hover,.product-sidebar .All-Play p:hover {
  cursor: pointer;
  background: #5F018E;
}
.cha-icon-div {
  text-align: right;
  background: #fff;
  position: sticky;
  top: 0px;
  padding: 10px 20px 0 20px;
}
.cha-icon-div i {
  font-size: 22px;
}
.cha-icon-div i:hover {
  cursor: pointer;
}
.classify-title {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 10px;
}
.item_empty_pro {
  height: 0;
  margin-top: 0px;
  width: 20.1%;
  content: "";
  clear: both;
  margin-bottom: 0px !important;
}
.product-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.product-list .product-list-li {
  width: 24%;
  margin-bottom: 30px;
  position: relative;
}
.product-list .product-list-li > span.special {
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 1;
  display: inline-block;
  padding: 2px 6px;
  font-weight: bold;
  border-radius: 5px;
  font-size: 16px;
  color: #FFFFFF;
  background: #DA251D;
}
.product-list .product-list-figure {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}
.product-list .product-list-figure:hover .product-list-wish,
.product-list .product-list-figure:hover .add-cart-btn {
  visibility: initial;
}
.product-list .product-list-figure .products-img {
  width: 100%;
  border-radius: 16px;
  height: auto;
}
.product-list .product-list-wish {
  position: absolute;
  right: 20px;
  top: 20px;
  visibility: hidden;
}
.product-list .product-list-wish i {
  font-size: 24px;
  color: #333333;
}
.product-list .product-list-wish i:hover {
  color: #660099;
  cursor: pointer;
}
.product-list .add-cart-btn {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 50px;
  line-height: 50px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  background: #660099;
  visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-list .add-cart-btn:hover {
  cursor: pointer;
}
.product-list .stock {
  background: #707070;
}
.product-list .stock:hover {
  cursor: no-drop;
}
.product-list .productS-content {
  padding: 15px 10px 0px 10px;
  text-align: center;
}
.product-list .productS-brand {
  font-size: 14px;
  color: #747474;
}
.product-list .productS-name {
  padding: 12px 0px 20px 0px;
}
.product-list .productS-name a {
  font-size: 16px;
  color: #333333;
}
.product-list .productS-name a:hover {
  color: #660099;
  text-decoration: underline;
}
@media screen and (max-width: 1800px) {
  .product-list .product-list-figure .products-img {
    height: auto;
  }
}
@media screen and (max-width: 1200px) {
  .product-max{width: 96%;padding: 0 2%;}
  .product-list .product-list-li{width: 32%;}
  .product-list .add-cart-btn{height: 40px;}
  .product-list .productS-content{padding: 15px 0 0;}
  .product-list .productS-name{padding: 10px 0;}
}

/* 新加侧边栏 */
.Npro_flex{display: flex;justify-content: space-between;}
.Npro_left{width: 24%;}
.Npro_right{width: 74%;}
.Npro_title{font-size: 28px;color: #333333;font-weight: bold;border-bottom: 2px solid #EAEAEA;padding-bottom: 5px;position: relative;}
.Npro_title::after{position: absolute;left: 0;bottom: -2px;height: 2px;width: 80%;background-color: #660099;content: "";}
.Npro_ul .classify-ul{display: none;}
.Npro_ul{margin-top: 20px;height: 600px;overflow-y: auto;}
.Npro_ul .product-classify i{font-size: 32px;color: #333333;}
.Npro_ul .icon-classify-two{display: none;}
.Npro_ul .Npro_li{border-bottom: 1px solid #EAEAEA;padding-bottom: 10px;margin-bottom: 10px;position: relative;}
.Npro_ul .Npro_li.current::after{position: absolute;left: 0;bottom: -2px;height: 2px;width: 50%;background-color: #660099;content: "";}
.Npro_ul .Npro_li.current p{color: #660099;}
.Npro_ul .product-classify {display: flex;align-items: center;justify-content: space-between;margin-bottom: 0px;cursor: pointer;}
.Npro_ul .classify-left p,.Npro_ul .classify-left p a{font-size: 20px;color: #333333;cursor: pointer;}
.Npro_ul .classify-ul a{font-size: 16px;color: #333333;padding: 5px 0;display: block;}
.classify-ul li.current a{color: #660099;}
.productIcon{width: 6;}
.Npro_ul::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 2px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 2px;
}
.Npro_ul::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #999999;
}
.Npro_ul::-webkit-scrollbar-track{
  /*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: #E8E8E8;
  width: 30px;
}
@media screen and (max-width: 1200px) {
  .Npro_title{font-size: 22px;}
  .Npro_ul .classify-left p{font-size: 16px;}
  .Npro_ul .Npro_li{margin-bottom: 5px;padding-bottom: 5px;}
  .Npro_ul .classify-ul a{font-size: 14px;padding: 0 0 4px 0;}
}