.container{
  /*width: 100vw;*/
  padding: 20px 160px;
  max-width: 1920px;
  min-width: 1280px;
  margin: 0 auto;
}
.xl-search{
  background-color: #fff;
}
.noLogin{
  color: black;
  font-size: 14px;
}
/*
 * 试用
 */
.trial-box{
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.5);
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.trial-box .t-b-container{
  width: 420px;
  background: white;
  font-size: 13px;
}
.trial-box .t-b-container .t-b-c-top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: black;
  font-size: 14px;
  height: 52px;
  background: linear-gradient(90deg, #FFF5F0, #FFFFFF);
  padding: 0 20px;
}
.trial-box .t-b-container .t-b-c-top span{
  cursor: pointer;
}
.trial-box .t-b-container .t-b-c-content{
  padding: 20px;
  overflow: auto;
  max-height: 80vh;
}
.trial-box .t-b-container .t-b-c-content .c-tip{
  color: #FF6509;
  padding: 10px 15px;
  width: 100%;
  background: #FFE5D6;
  border-radius: 4px;
  margin-bottom: 20px;
}
.trial-box .t-b-container .t-b-c-content .c-row{
  display: flex;
  align-items: center;
  color: black;
  margin-bottom: 20px;
}
.trial-box .t-b-container .t-b-c-content .c-row input{
  width: 300px;
  height: 32px;
  border: 1px solid #EDEDED;
}
.trial-box .t-b-container .t-b-c-content .c-row textarea,
.trial-box .t-b-container .t-b-c-content textarea{
  width: 300px;
  height: 64px;
  resize: none;
  border: 1px solid #EDEDED;
  outline: none;
}
.trial-box .t-b-container .t-b-c-content >textarea{
  width: 380px;
  margin-bottom: 30px;
}
.trial-box .t-b-container .t-b-c-content .c-row select{
  width: 180px;
  height: 32px;
  border: 1px solid #EDEDED;
  outline: none;
}
.trial-box .t-b-container .t-b-c-content .c-row >div:first-child{
  margin-right: 20px;
  min-width: 59px;
  white-space: nowrap;
}
.trial-box .t-b-container .t-b-c-content .c-row .required::before{
  content: "*";
  color: #FF4343;
}
.trial-box .t-b-container .t-b-c-content .c-row .identity{
  display: flex;
}
.trial-box .t-b-container .t-b-c-content .c-row .identity .i-item{
  display: flex;
  align-items: center;
  font-size: 12px;
  cursor: pointer;
  margin-right: 40px;
}
.trial-box .t-b-container .t-b-c-content .c-row .identity .i-item .i-icon{
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #F5F5F5;
  margin-right: 10px;
}
.trial-box .t-b-container .t-b-c-content .c-row .identity .i-item .i-icon-checked{
  background-image: url("https://oss.axiling.com/applets/pc-mall/thymeleaf/home/icon-checked.png");
  background-size: 100% 100%;
}
.trial-box .t-b-container .t-b-c-content .c-btn{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.trial-box .t-b-container .t-b-c-content .c-btn div{
  width: 90px;
  height: 40px;
  cursor: pointer;
  background: #F5F5F5;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: black;
}
.trial-box .t-b-container .t-b-c-content .c-btn div:last-child{
  background: #FF6509;
  color: white;
  margin-left: 10px;
}
.address-box{
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.5);
  z-index: 1099;
  display: flex;
  align-items: center;
  justify-content: center;
}
.address-box .a-b-container{
  width: 420px;
  background: white;
  font-size: 14px;
}
.address-box .a-b-container .a-b-c-top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: black;
  font-size: 14px;
  height: 52px;
  background: linear-gradient(90deg, #FFF5F0, #FFFFFF);
  padding: 0 20px;
}
.address-box .a-b-container .a-b-c-top span{
  cursor: pointer;
}
.address-box .a-b-container .a-b-c-content{
  padding: 20px;
}
.address-box .a-b-container .a-b-c-content .address-text{
  margin-bottom: 20px;
  color: black;
}
.address-box .a-b-container .a-b-c-content .a-b-c-c-btn{
  display: flex;
  justify-content: flex-end;
}
.address-box .a-b-container .a-b-c-content .a-b-c-c-btn div{
  width: 90px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  margin-right: 10px;
  cursor: pointer;
  background: #F5F5F5;
  color: black;
}
.address-box .a-b-container .a-b-c-content .a-b-c-c-btn div:last-child{
  margin-right: 0px;
  background: #FF6509;
  color: #FFFFFF;
}

/*
 * 品牌
 */
.container .banner{
  width: 100%;
  padding: 0 20px 0 30px;
  background-image: url("https://oss.axiling.com/applets/pc-mall/thymeleaf/bg-brand.png");
  background-size: 100% 100%;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  border-radius: 10px;
}
.container .banner .banner-left{
  display: flex;
  align-items: center;
}
.container .banner .banner-left img{
  width: 70px;
  height: 70px;
  margin-right: 30px;
}
.container .banner .banner-left .name{
  color: #000000;
  font-size: 16px;
  font-weight: bold;
  margin-right: 5px;
}
.container .banner .banner-left .remark{
  color: #666666;
  font-size: 14px;
}
.container .banner .banner-right{
  font-size: 14px;
  color: white;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.container .banner .banner-right img{
  width: 10px;
  height: 16px;
  margin-left: 10px;
}
/*
 * 产品
 */
.container .product{
  width: 100%;
  height: 620px;
  display: flex;
}
.container .product .p-info{
  width: 810px;
  padding-top: 10px;
}
.container .product .p-info .seckill-box {
  height: 40px;
  background: #FFF0F2;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px;
  font-size: 14px;
  color: #D6152F;
  margin-bottom: 10px;
}
.container .product .p-info .seckill-msg{
  display: flex;
  align-items: center;
}
.container .product .p-info .seckill-box .seckill-msg .progess{
  width: 300px;
  height: 10px;
  background: #FFFFFF;
  border-radius: 5px;
  position: relative;
  margin-left: 10px;
  z-index: 9;
}
.container .product .p-info .seckill-box .seckill-msg .progess > div{
  height: 10px;
  background: #D6152F;
  border-radius: 5px;
  width: 31%;
}
.container .product .p-info .seckill-box .seckill-look{
  font-size: 14px;
  color: #D6152F;
}
.container .product .p-info .p-i-name{
  font-size: 20px;
  color: black;
  font-weight: bold;
  margin-bottom: 20px;
  padding-right: 100px;
  position: relative;
  display: flex;
  align-items: center;
}
.container .product .p-info .p-i-name .p-i-n-trial{
  font-size: 12px;
  color: #FF4343;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  width: 48px;
  height: 24px;
  border-radius: 4px;
  background: #FFE8E8;
  font-weight: normal;

}
.container .product .p-info .p-i-name .collect{
  display: flex;
  align-items: center;
  color: #999999;
  font-size: 13px;
  position: absolute;
  right: 0;
  font-weight: normal;
  cursor: pointer;
}
.container .product .p-info .p-i-name .collect img{
  width: 15px;
  height: 14px;
  margin-right: 3px;
}
.container .product .p-info .p-i-tab{
  display: flex;
  margin-bottom: 20px;
  position: relative;
}
.container .product .p-info .p-i-tab .t-item{
  display: flex;
  justify-content: center;
  width: 100px;
  height: 46px;
  color: #999999;
  padding-top: 10px;
  font-size: 14px;
  margin-right: 20px;
  background-image: url("https://oss.axiling.com/applets/pc-mall/bt/product-tab.png");
  background-size: 100% 100%;
  cursor: pointer;
}
.container .product .p-info .p-i-tab .t-item .collect{
  display: flex;
  align-items: center;
  color: #999999;
  font-size: 13px;
  position: absolute;
  right: 0;
  font-weight: normal;
  cursor: pointer;
  top: -43px;
  display: none;
}
.container .product .p-info .p-i-tab .t-item .collect img{
  width: 15px;
  height: 14px;
  margin-right: 3px;
}
.container .product .p-info .p-i-tab .t-item-checked{
  background-image: url("https://oss.axiling.com/applets/pc-mall/thymeleaf/product-tab.png");
  background-size: 100% 100%;
  font-size: 16px;
  color: white;
  font-weight: bold;
}
.container .product .p-info .p-i-tab .t-item-checked .collect{
  display: flex;
}
.container .product .p-info .p-i-table{
  padding: 0 20px;
  width: 100%;
  background: #F7F7F7;
  border-radius: 12px;
  color: #999999;
  font-size: 14px;
  margin-bottom: 20px;
}
.container .product .p-info .p-i-table .table-th{
  padding: 10px 0px;
  border-bottom: 1px solid #EDEDED;
  display: flex;
}
.container .product .p-info .p-i-table .table-td{
  border-bottom: none;
}
.container .product .p-info .p-i-table .table-th>div{
  /*width: 110px;*/
  width: 14%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
}
.container .product .p-info .p-i-table .table-th>div:first-child{
  /*width: 120px;*/
  width: 15%;
  justify-content: flex-start;
}
.container .product .p-info .p-i-table .table-th>div:last-child{
  /*width: 120px;*/
  width: 15%;
  display: flex;
  justify-content: flex-end;
}
.container .product .p-info .p-i-table .table-td>div{
  color: black;
}
.container .product .p-info .p-i-table .table-td .price{
  display: block;
  color: #999999;
}
.container .product .p-info .p-i-table .table-td .price div:first-child{
  color: #FF4343;
  font-size: 20px;
  font-weight: bold;
}
.container .product .p-info .p-i-table .table-td .price div:first-child span{
  font-size: 16px;
  display: inline-block;
  width: 10px;
}
.container .product .p-info .p-i-param,
.small-product .sp-param .param-item{
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  height: 17px;
  z-index: 99;
}
.container .product .p-info .p-i-param .param-label,
.small-product .sp-param .param-item .param-label{
  color: #999999;
  margin-right: 30px;
  font-size: 12px;
}
.container .product .p-info .p-i-param .param-value,
.small-product .sp-param .param-item .param-value{
  color: #000000;
  font-size: 12px;
  display: flex;
  position: relative;
  align-items: center;
}
.container .product .p-info .p-i-param .param-value .sku,
.small-product .sp-param .param-item .param-value .sku{
  padding: 9px;
  border-radius: 2px;
  cursor: pointer;
  border: 1px solid #D9D9D9;
  margin-right: 10px;
}
.container .product .p-info .p-i-param .param-value .sku-checked,
.small-product .sp-param .param-item .param-value .sku-checked{
  color: #ff6509;
  border: 1px solid #ff6509;
}
.container .product .p-info .p-i-param .param-value .active,
.small-product .sp-param .param-item .param-value .active{
  width: 40px;
  height: 40px;
  border: 1px solid #D9D9D9;
  display: flex;
  color: #343440;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}
.container .product .p-info .p-i-param .param-value .disabled,
.small-product .sp-param .param-item .param-value .disabled{
  color: #DBDBDB;
  cursor: not-allowed;
}
.container .product .p-info .p-i-param .param-value .num,
.small-product .sp-param .param-item .param-value .num{
  width: 82px;
  height: 40px;
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  color: #000000;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: none;
  border-right: none;
  text-align: center;
}
.container .product .p-info .p-i-param .param-value .add img{
  width: 11px;
  height: 6px;
  margin-left: 20px;
}
.container .product .p-info .p-i-param .param-value .add-list{
  color: black;
  z-index: 1050;
  border-radius: 2px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  padding: 4px 0;
  position: absolute;
  top: 40px;
  left: 0;
  background: white;
}
.container .product .p-info .p-i-param .param-value .add-list .l-item{
  padding: 5px 12px;
  cursor: pointer;
  white-space: nowrap;
}
.container .product .p-info .p-i-param .param-value .add-list .l-item:hover{
  background: #ffe5d6;
}
.container .product .p-info .p-i-param .param-value .no-add{
  background: #ff6509;
  color: white;
  border-radius: 4px;
  padding: 9px;
  cursor: pointer;
  margin-left: 20px;
}
.container .product .p-info .operation{
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.container .product .p-info .operation .btn{
  width: 120px;
  height: 40px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: white;
  margin-right: 20px;
  background: #ff6509;
  cursor: pointer;
}
.container .product .p-info .operation .btn a{
  color: white;
}
.container .product .p-info .operation .customized{
  width: 100px;
  margin-right: 30px;
  background: linear-gradient(to right,#2083FE,#0F69FE);
}
.container .product .p-info .operation .sale-num{
  color: #999999;
  font-size: 12px;
  display: flex;
  margin-right: 20px;
  align-items: center;
}
.container .product .p-info .operation .sale-num span{
  color: #ff6509;
  font-size: 16px;
  display: block;
  margin: 0 5px;
  font-weight: bold;
}
.container .product .p-info .operation .share,
.container .product .p-info .operation .downLoad{
  color: #ff6509;
  font-size: 13px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.container .product .p-info .operation .downLoad{
  margin-left: 20px;
  position: relative;
}
.container .product .p-info .operation .downLoad .d-tip{
  width: 180px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  color: #000000;
  position: absolute;
  left: 59px;
  top: -41px;
  border-radius: 4px;
  box-shadow: 0 0 6px rgba(21, 21, 26, 0.2);
}
.container .product .p-info .operation .share img,
.container .product .p-info .operation .downLoad img{
  width: 14px;
  height: 14px;
  margin-right: 5px;
}
.container .product .p-info .operation .downLoad img{
  margin:  5px;
}
.container .product .p-info .p-i-tip{
  display: flex;
  font-size: 12px;
  color: #999999;
  margin-bottom: 10px;
}
.container .product .p-info .p-i-tip .tip-label{
  margin-right: 30px;
}
.container .product .p-info .p-i-tip-color .tip-value{
  color: #646FB0;
}
/*产品-小图*/
.container .product .small-img{
  margin-right: 20px;
  display: flex;
  flex-direction: column;
}
.container .product .small-img div{
  margin-bottom: 15px;
  background: #F7F7F7;
  border-radius: 12px;
  cursor: pointer;
}
.container .product .small-img >div:last-child{
  margin-bottom: 0;
}
.container .product .small-img div img{
  width: 90px;
  height: 90px;
  border-radius: 12px;
}

/*产品图*/
.container .product .p-i-box{
  background: #F7F7F7;
  border-radius: 12px;
  margin-right: 60px;
  height: fit-content;
}
.container .product .p-img,
.container .product .big-img-box{
  position: relative;
  width: 620px;
  height: 620px;
  border-radius: 12px;
  background-size: 100% 100%;
}
.container .product .big-img-box{
  position: absolute;
  /*left: 930px;*/
  left: 48%;
  z-index: 99;
  background-repeat: no-repeat;
  background-size: 150% 150%;
}
.container .product .p-img .mask{
  /*width: 479px;*/
  /*height: 479px;*/
  width: 77.25%;
  height: 77.25%;
  position: absolute;
  background-image: url("https://oss.axiling.com/applets/pc-mall/bt/mask.png");
  top: 0;
  left: 0;
}
.container .product .p-img img:last-child{
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: 0;
  right: 0;
  cursor: pointer;
}
/*产品图弹窗*/
.big-img{
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 999;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
}
.big-img .container{
  width: 830px;
  height: 662px;
  background: #ffffff;
  position: fixed;
  opacity: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 50;
  border: 1px solid grey;
  padding: 0;
  min-width: auto;
}
.big-img .container .top{
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: linear-gradient(90deg, #f5f5f5, #ffffff);
  padding: 0 18px;
}
.big-img .container .top span:last-child{
  cursor: pointer;
}
.big-img .container .center{
  height: 612px;
  width: 100%;
  display: flex;
  padding: 0 20px;
}
.big-img .container .center>img{
  height: 610px;
  width: 570px;
}
.big-img .container .center .info{
  height: 100%;
  width: 196px;
  margin-left: 20px;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #000000;
}
.big-img .container .center .info span{
  height: 100px;
  display: flex;
  align-items: center;
}
.big-img .container .center .info .info-img{
  margin-top: 30px;
  width: 100%;
  padding: 10px;
  background: #f5f5f5;
  height: 480px;
}
.big-img .container .center .info .info-img img{
  width: 80px;
  height: 80px;
  margin-bottom: 15px;
  margin-right: 15px;
  cursor: pointer;
}
.big-img .container .center .info .info-img .img-border{
  border: 1px solid #D62B42 !important;
}

/*
* 锚点
*/
.nav{
  width: 100vw;
  height: 60px;
  padding: 0 160px;
  display: flex;
  align-items: flex-end;
  max-width: 1920px;
  margin: 0 auto;
}
.nav-bg{
  background: #F7F7F7;
  /*position: sticky;*/
  /*top: 108px;*/
  position: fixed;
  top: 0;
}
.nav .nav-item{
  color: #4D4D4D;
  font-size: 16px;
  margin-right: 40px;
  cursor: pointer;
}
.nav .nav-item-checked{
  color: #ff6509;
  font-weight: bold;
}
.nav .nav-item .line{
  width: 100%;
  height: 3px;
  margin-top: 10px;
}
.nav .nav-item .line-checked{
  background: #ff6509;
}
/*
* 参数
*/
.parameter{
  padding:0 160px;
  max-width: 1920px;
  margin: 0 auto;
}
.parameter .p-title{
  padding:30px 0 20px;
  font-size: 22px;
  font-weight: bold;
  color: black;
}
.parameter .p-box{
  /*width: 1000px;*/
  width: 62.5%;
  padding:10px 20px;
  font-size: 12px;
  color: #999999;
  background: linear-gradient(to left,#FAFAFA,#F8F8F8);
  border-radius: 12px;
  display: flex;
  flex-wrap: wrap;
}
.parameter .p-box .p-b-item{
  display: flex;
  margin: 10px 0;
}
.parameter .p-box .p-b-item div:first-child{
  width: 107px;
}
.parameter .p-box .p-b-item div:last-child{
  width: 373px;
  color: #343440;
}
.parameter .details{
  /*width: 1000px;*/
  width: 62.5%;
  border-radius: 12px;
  overflow: hidden;
}
.parameter .details img{
  width: 100%;
}
.parameter .explain{
  /*width: 1000px;*/
  /*height: 1020px;*/
  width: 62.5%;
  height: auto;
}
/*
 * 产品小窗
 */
.small-product{
  width: 440px;
  position: fixed;
  /*top: 198px;*/
  top: 90px;
  right: 160px;
  background: white;
  padding: 20px;
  border-radius: 12px;
  border: 1px solid #EDEDED;
  box-shadow: 0 0 10px #EDEDED;
  z-index:2;
}
.small-product .sp-info,
.small-product .sp-param{
  width: 100%;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #EDEDED;
  display: flex;
}
.small-product .sp-info img{
  width: 76px;
  height: 76px;
  margin-right: 10px;
}
.small-product .sp-info .sp-i-content{
  width: 311px;
  height: 76px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 15px 0 10px;
}
.small-product .sp-info .sp-i-content .name{
  width: 100%;
  color: black;
  font-size: 16px;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.small-product .sp-info .sp-i-content .price{
  width: 100%;
  display: flex;
  justify-content: space-between;
  line-height: 17px;
}
.small-product .sp-info .sp-i-content .price .p-left{
  display: flex;
  color: #FF4343;
  font-size: 20px;
  font-weight: bold;
}
.small-product .sp-info .sp-i-content .price .p-no-price{
  display: flex;
  color: #FF4343;
  font-size: 20px;
  font-weight: bold;
}
.small-product .sp-info .sp-i-content .price .p-left div:last-child{
  color: #999999;
  font-size: 12px;
  margin-left: 10px;
  font-weight: normal;
}
.small-product .sp-info .sp-i-content .price .share{
  color: #ff6509;
  font-size: 13px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.small-product .sp-info .sp-i-content .price .share img{
  width: 14px;
  height: 14px;
  margin-right: 5px;
}
.small-product .sp-param{
  display: block;
  padding-top: 10px;
}
.small-product .sp-param .param-item{
  margin-bottom: 40px;
}
.small-product .sp-param .param-item:last-child{
  margin-bottom: 10px;
}
.small-product .sp-price{
  width: 100%;
  margin-bottom: 10px;
}
.small-product .sp-price .p-item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: black;
  font-size: 14px;
  padding-bottom: 10px;
}
.small-product .sp-price .p-item:last-child div:first-child{
  font-size: 16px;
  font-weight: bold;
}
.small-product .sp-price .p-item:last-child div:last-child{
  font-size: 20px;
  color: #FF4343;
  font-weight: bold;
}
.small-product .sp-operation{
  width: 100%;
  display: flex;
}
.small-product .sp-operation .btn{
  width: 230px;
  height: 48px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: white;
  margin-right: 10px;
  background: #ff6509;
  cursor: pointer;
}
.small-product .sp-operation .btn a{
  color: white;
}
.small-product .sp-operation .customized{
  width: 160px;
  margin-right: 0px;
  background: linear-gradient(to right,#2083FE,#0F69FE);
  cursor: pointer;
}


































.commodityDetails-wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
}
.magnifier-box {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  position: relative;
}
.magnifier-box img {
  width: 100%;
}
.hidden{
  display: none !important;
}
.magnifier-box .mouse-cover {
  /*position: fixed;*/
  /*background-color: rgba(0,0,0,.5);*/
  /*cursor: move;*/
  width: 110px;
  height: 111px;
  z-index: 99;
  background-color: rgba(0,0,0,.5);
  position: absolute;
  top: 0;
  left: 0;
  cursor: move;
  pointer-events: none;
  display: none;
}
.bigDiv {
  position: absolute;
  top: 8px;
  left: 350px;
  width: 360px;
  height: 360px;
  overflow: hidden;
  display: none;
  z-index: 999;
}
.bigDiv > img {
  position: absolute;
  top: 0;
  left: 0;
}
.commodityDetails-wrapper .bigImg {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.commodityDetails-wrapper .bigImg img {
  width: 100%;
  height: 100%;
}
.commodityDetails-wrapper .main .allMain {
  width: 100vw;
  background: #f5f5f5;
}
.commodityDetails-wrapper .main .main-top {
  padding-top: 10px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding-bottom: 20px;
  margin: 0 auto;
  width: 1200px;
}
.commodityDetails-wrapper .main .main-top .top-img {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.commodityDetails-wrapper .main .main-top .top-img .small-box {
  width: 320px;
  height: 320px;
  background-color: #ffffff;
  position: relative;
}
.commodityDetails-wrapper .main .main-top .top-img .small-box .deleate {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  z-index: 2;
}
.commodityDetails-wrapper .main .main-top .top-img .small-box .start {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  cursor: pointer;
}
.commodityDetails-wrapper .main .main-top .top-img .small-box .video {
  position: absolute;
  background-color: #ffffff;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.commodityDetails-wrapper .main .main-top .top-img .img-bottom {
  cursor: pointer;
  width: 320px;
  padding-top: 15px;
}
.commodityDetails-wrapper .main .main-top .top-img .img-bottom img {
  width: 49px;
  height: 49px;
  margin-right: 10px;
  border: 1px solid #ffffff;
  box-sizing: border-box;
}
.commodityDetails-wrapper .main .main-top .top-img .img-bottom .img-border {
  border: 1px solid #ff4343;
}
.commodityDetails-wrapper .main .main-top .top-img .img-bottom .margin-none {
  margin-right: 0;
}
.commodityDetails-wrapper .main .main-top .top-img .down-load-group {
  color: #000000;
  display: flex;
}
.commodityDetails-wrapper .main .main-top .top-img .down-load-group > div:first-child {
  margin-right: 60px;
}
.commodityDetails-wrapper .main .main-top .top-img .down-load-group .download-image {
  display: flex;
  align-items: center;
  margin-top: 20px;
  font-size: 14px;
  color: #000000;
}
.commodityDetails-wrapper .main .main-top .top-img .down-load-group .download-image > p {
  font-size: 12px;
  margin-bottom: 0;
}
.commodityDetails-wrapper .main .main-top .top-img .down-load-group .download-image .img-icon {
  width: 15px;
  height: 15px;
  margin-left: 6px;
}
.commodityDetails-wrapper .main .main-top .top-img .down-load-group .download-action {
  margin-top: 20px;
}
.commodityDetails-wrapper .main .main-top .top-img .down-load-group .download-action .button-imgs {
  background: none;
  width: 50px;
  height: 30px;
  color: #FF6509;
  border-radius: 2px;
  border: 1px solid #FF6509;
}
.commodityDetails-wrapper .main .main-top .top-img .down-load-group .download-action .button-handle {
  background: #FFF5F0;
  width: 50px;
  height: 30px;
  color: #FF6509;
  border-radius: 2px;
  border: 1px solid #FF6509;
}
.commodityDetails-wrapper .main .main-top .good-info {
  padding: 0 0 0 20px;
}
.commodityDetails-wrapper .main .main-top .good-info .title-wrap {
  padding-bottom: 26px;
}
.commodityDetails-wrapper .main .main-top .good-info .title-wrap .title-top {
  display: flex;
  align-items: center;
}
.commodityDetails-wrapper .main .main-top .good-info .title-wrap .title-top .title {
  text-align: left;
  color: #1b1b1b;
  font-size: 21px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  padding-right: 10px;
}
.commodityDetails-wrapper .main .main-top .good-info .title-wrap .ant-tag {
  border-radius: 0 6px 6px 6px;
  padding: 0 5px;
  margin: 18px 6px 0 0;
}
.commodityDetails-wrapper .main .main-top .good-info .tags-wrap {
  width: 690px;
  overflow: hidden;
  padding-left: 23px;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper {
  position: relative;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper .numshow {
  font-size: 13px;
  font-weight: 600;
  position: absolute;
  right: 84px;
  display: flex;
  align-items: center;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper .numshow span {
  margin-left: 5px;
  margin-right: 5px;
  font-size: 16px;
  color: #ff6509;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper .share {
  font-size: 13px;
  color: #ff6509;
  position: absolute;
  right: 5px;
  cursor: pointer;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper .share img {
  margin-right: 5px;
  height: 14px;
  width: 14px;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper > .list {
  display: flex;
  align-items: center;
  height: 80px;
  font-size: 20px;
  color: #999999;
  background: linear-gradient(90deg, #ffffff, #f5f5f5);
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper > .list > li {
  position: relative;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  color: #999999;
  height: 56px;
  width: 100px;
  padding-top: 5px;
  margin-top: 20px;
  margin-left: 20px;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper > .list > li.active {
  background: url('https://oss.axiling.com/applets/pc-mall/thymeleaf/select_active.png') center / 100% no-repeat;
  color: #fff;
  background-color: #fff;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper > .list > li.active::after {
  position: absolute;
  left: 50%;
  bottom: -10px;
  content: '';
  background-size: contain;
  width: 136px;
  height: 8px;
  transform: translateX(-50%);
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper :deep(.ant-tabs) {
  background: #f8f8f8;
  height: 44px;
  box-sizing: border-box;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper :deep(.ant-tabs) :deep(.ant-tabs-bar) {
  margin: 0;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper :deep(.ant-tabs-tab) {
  margin: 0;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper :deep(.ant-tabs-nav .ant-tabs-tab-active) {
  height: 44px;
  background: #ffffff;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper :deep(.ant-tabs-ink-bar) {
  background: #e5a65a;
  top: 0;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper .info {
  background: #ffffff;
  padding-top: 20px;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper .info .specificinformation {
  margin-top: 40px;
  height: 40px;
  width: 870px;
  background-color: #fafafa;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper .info .specificinformation span {
  border-right: 1px solid #ededed;
  height: 20px;
  line-height: 40px;
  color: #999999;
  font-size: 12px;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper .info .specificinformation span:nth-child(1) {
  padding-left: 60px;
  padding-right: 70px;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper .info .specificinformation span:nth-child(2) {
  margin-left: 35px;
  padding-right: 38px;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper .info .specificinformation span:nth-child(3) {
  margin-left: 40px;
  padding-right: 44px;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper .info .specificinformation span:nth-child(4) {
  margin-left: 29px;
  padding-right: 32px;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper .info .specificinformation span:nth-child(5) {
  margin-left: 41px;
  padding-right: 45px;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper .info .specificinformation span:nth-child(6) {
  margin-left: 42px;
  padding-right: 45px;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper .info .specificinformation span:nth-child(7) {
  margin-left: 66px;
  border: none;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper .info .seletnumber {
  width: 870px;
  height: 70px;
  background: linear-gradient(90deg, #fff5f0, #fffaf7);
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper .info .seletnumber .num-add {
  width: 155px;
  height: 40px;
  border: 1px solid #cccccc;
  display: flex;
  position: relative;
  top: 15px;
  left: 20px;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper .info .seletnumber .num-add button {
  width: 38px;
  font-size: 24px;
  color: #999999;
  background: #ffffff;
  border: 0;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper .info .seletnumber .num-add button:hover {
  background: #f5f5f5;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper .info .seletnumber .num-add input {
  color: #000000;
  text-align: center;
  border: 0;
  width: 77px;
  outline: none;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  background: #fff;
}
 .info .productinformation {
  height: 80px;
  width: 870px;
  background-color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  color: #000000;
  text-align: center;
  line-height: 80px;
  display: flex;
}
 .info .productinformation div:nth-child(1) {
  font-size: 20px;
  width: 160px;
  text-align: center;
  line-height: 20px;
  margin-top: 10px;
}
 .info .productinformation div:nth-child(2) {
  width: 109px;
}
 .info .productinformation div:nth-child(3) {
  width: 109px;
}
.info .productinformation div:nth-child(4) {
  width: 109px;
}
 .info .productinformation div:nth-child(5) {
  width: 109px;
}
.info .productinformation div:nth-child(6) {
  width: 109px;
}
.info .productinformation div:nth-child(7) {
  width: 159px;
  font-size: 20px;
  color: #ff4343;
}
.info .productinformation .num {
  font-size: 13px;
}
.info .productinformation .num span {
  font-size: 19px;
}
.info .productinformation .num .num-red {
  color: #e32527 !important;
  font-size: 20px;
}
.info .productinformation .num .old-price {
  font-size: 14px;
  color: #999999;
  font-weight: 300;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper .info .propertyValue {
  font-size: 12px;
  color: #999999;
  display: flex;
  margin-top: 20px;
  margin-left: 20px;
  align-items: center;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper .info .propertyValue .sub-title-proertydown {
  padding-top: 5px;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper .info .propertyValue .propertydown {
  margin-left: 42px;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper .info .propertyValue .addresscont {
  margin-left: 42px;
  display: flex;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper .info .propertyValue .addresscont span {
  font-size: 16px;
  margin-right: 20px;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper .info .propertyValue .ant-btn-primary:hover {
  color: #fff;
  background-color: #ff8533;
  border-color: #ff8533;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper .info .propertyValue .numpice {
  height: 30px;
  border: 1px solid #ff6509;
  padding: 0 10px;
  color: #ff6509;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
  width: max-content;
  margin-bottom: 5px;
  margin-right: 10px;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper .info .propertyValue .numpice-bg {
  background:  #ff6509;
  color: white;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper .info .propertyValue .logistics {
  margin-top: -5px;
  margin-left: 55px;
  height: 30px;
  padding: 0 10px;
  border: 1px solid #ff6509;
  color: #ff6509;
  text-align: center;
  line-height: 30px;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper .info .propertyValue .logistics2 {
  margin-top: -5px;
  margin-left: 52px;
  height: 30px;
  width: 93px;
  color: #000000;
  font-size: 700;
  line-height: 30px;
}
.logistics2{
  width: max-content !important;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper .info .base-wrap {
  font-size: 13px;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper .info .parameter {
  padding-left: 20px;
  padding-bottom: 20px;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper .info .price {
  width: 690px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper .info .price .info-base {
  padding: 0;
  padding-right: 20px;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper .info .number-wrapper {
  margin: 0 18px;
  padding: 20px 0 0 0;
  display: flex;
  justify-content: space-between;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper .info .number-wrapper .info-base {
  align-items: center;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper .info .number-wrapper .info-left {
  width: 50%;
  display: flex;
  justify-content: space-between;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper .btn-wrapper {
  padding: 20px;
  display: flex;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper .btn-wrapper .btn {
  cursor: pointer;
  border: 1px solid #e5a65a;
  color: #ffffff;
  background-color: #ff6509;
  width: 156px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  border-radius: 6px;
  left: 20px;
  top: -80px;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper .btn-wrapper .customized-btn{
  width: 126px;
  left: 216px;
  background: linear-gradient(70deg, #2083FE, #0F69FE);
  border: 1px solid #2083FE;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper .btn-wrapper .btn-buy {
  background: linear-gradient(135deg, #f5be7e, #e5a65a);
  color: #ffffff;
  border: 0;
}
.commodityDetails-wrapper .main .main-top .good-info .info-wrapper .btn-wrapper .hide {
  visibility: hidden;
}
.commodityDetails-wrapper .main .good-recommend {
  cursor: pointer;
  width: 100%;
  margin-bottom: 20px;
}
.commodityDetails-wrapper .main .good-recommend .title {
  height: 48px;
  box-sizing: border-box;
  background: #f8f8f8;
  border: 1px solid #ededed;
  font-size: 16px;
  color: #1b1b1b;
  line-height: 48px;
  text-align: left;
  padding-left: 20px;
}
.commodityDetails-wrapper .main .good-recommend .good-list {
  display: flex;
  border: 1px solid #ededed;
}
.commodityDetails-wrapper .main .good-recommend .good-list .shopList-wrapper {
  background: #ffffff;
}
.commodityDetails-wrapper .main .goproduct {
  width: 1200px;
  margin: 0 auto;
  height: 80px;
  margin-top: 20px;
  margin-bottom: 20px;
  background: url('https://oss.axiling.com/applets/pc-mall/thymeleaf/bg-brand.png') center / 100% no-repeat;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.commodityDetails-wrapper .main .goproduct .banner-left {
  display: flex;
  align-items: center;
  margin-left: 5px;
}
.commodityDetails-wrapper .main .goproduct .banner-left .brand {
  margin-left: 5px;
  color: #000000 !important;
  font-size: 18px;
  font-weight: 500;
  margin-right: 15px;
}
.commodityDetails-wrapper .main .goproduct .banner-left .introduce {
  width: 720px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 20px;
  font-size: 16px;
  font-weight: 300;
  color: #666666;
}
.commodityDetails-wrapper .main .goproduct .banner-right {
  margin-right: 20px;
}
.commodityDetails-wrapper .main .goproduct .banner-right a {
  color: #ffffff;
  font-size: 18px;
}
.commodityDetails-wrapper .main .main-bottom {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.commodityDetails-wrapper .main .main-bottom .recommend {
  flex-basis: 300px;
  height: 1996px;
  margin-right: 20px;
}
.commodityDetails-wrapper .main .main-bottom .recommend .title {
  line-height: 50px;
  font-size: 16px;
  color: #000;
  font-weight: 400;
}
.commodityDetails-wrapper .main .main-bottom .recommend .releted {
  display: flex;
  margin-bottom: 20px;
}
.commodityDetails-wrapper .main .main-bottom .recommend .releted .releted-right {
  position: relative;
}
.commodityDetails-wrapper .main .main-bottom .recommend .releted .releted-right .releted-content {
  margin-left: 10px;
  margin-bottom: 5px;
  padding-right: 46px;
  font-size: 14px;
  width: 230px;
  color: #000000;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.commodityDetails-wrapper .main .main-bottom .recommend .releted .releted-right .releted-box {
  width: 200px;
  color: #ff6509;
  margin-left: 10px;
}
.commodityDetails-wrapper .main .main-bottom .recommend .releted .releted-right .releted-box span {
  border: 1px solid #ff6509;
  font-size: 12px;
  height: 15px;
  width: 60px;
  padding-left: 5px;
  padding-right: 5px;
  margin-right: 4px;
}
.commodityDetails-wrapper .main .main-bottom .recommend .releted .releted-right .releted-money {
  display: flex;
}
.commodityDetails-wrapper .main .main-bottom .recommend .releted .releted-right .releted-money .releted-rich {
  position: absolute;
  font-weight: 700;
  bottom: 0;
  left: 0;
  color: #ff1e32;
  margin-left: 10px;
}
.commodityDetails-wrapper .main .main-bottom .recommend .releted .releted-right .releted-money .releted-sill {
  position: absolute;
  margin-left: 139px;
  bottom: 3px;
  color: #999999;
  font-size: 12px;
}
.commodityDetails-wrapper .main .main-bottom .recommend .list {
  display: flex;
  flex-direction: column;
}
.commodityDetails-wrapper .main .main-bottom .recommend .list li > li {
  margin-top: 10px;
}
.commodityDetails-wrapper .main .main-bottom .good-details {
  /*width: 792px;*/
  width: 100%;
}
.commodityDetails-wrapper .main .main-bottom .good-details .title {
  height: 48px;
  font-size: 13px;
  border-left: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  display: flex;
}
.commodityDetails-wrapper .main .main-bottom .good-details .title .text {
  width: 132px;
  box-sizing: border-box;
  text-align: center;
  line-height: 44px;
  cursor: pointer;
}
.commodityDetails-wrapper .main .main-bottom .good-details .title .active1 {
  border-right: 1px solid #e9e9e9;
  border-bottom: 0.5px solid #e9e9e9;
  border-left: 1px solid #e9e9e9;
}
.active1 {
  background: #ffffff;
  color: #e5a65a;
  border-top: 3px solid #e5a65a;
}
.commodityDetails-wrapper .main .main-bottom .good-details .parameterX {
  width: 100%;
  border: 1px solid #e9e9e9;
  border-top: 0;
  font-size: 15px;
  padding: 19px;
}
.commodityDetails-wrapper .main .main-bottom .good-details .parameterX img {
  width: 100%;
  height: 100%;
}
.commodityDetails-wrapper .main .main-bottom .good-details .parameter {
  width: 100%;
  border: 1px solid #e9e9e9;
  border-top: 0;
  font-size: 15px;
  padding: 19px;
}
.commodityDetails-wrapper .main .main-bottom .good-details .parameter .p-wrapper .p-title {
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  font-weight: 700;
  background: linear-gradient(-90deg, #fafafa, #f8f8f8);
}
.commodityDetails-wrapper .main .main-bottom .good-details .parameter .p-wrapper .p-main {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.commodityDetails-wrapper .main .main-bottom .good-details .parameter .p-wrapper .p-main .p-main-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 33%;
  min-height: 46px;
  padding: 0 19px;
}
.commodityDetails-wrapper .main .main-bottom .good-details .parameter .p-wrapper .p-main .p-main-item .p-main-item-title {
  width: 100px;
  color: #999999;
}
.commodityDetails-wrapper .main .main-bottom .good-details .parameter .p-wrapper .p-main .p-main-item .p-main-item-text {
  width: 255px;
}
.commodityDetails-wrapper .main .main-bottom .good-details .parameter .p-wrapper .p-main .p-main-item-boder {
  border-right: 0;
}
.commodityDetails-wrapper .main .main-bottom .good-details .parameter .detail-main {
  padding-top: 46px;
  overflow: hidden;
}
.commodityDetails-wrapper .main .main-bottom .good-details .parameter .detail-main img,
.commodityDetails-wrapper .main .main-bottom .good-details .parameter .detail-main p {
  display: block;
  width: 100%;
}
.commodityDetails-wrapper .info-active {
  display: flex;
  align-items: center;
  left: 28px;
  bottom: 31px;
  font-size: 13px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #999999;
  padding-left: 20px;
}
.commodityDetails-wrapper .info-active img {
  margin-right: 3px;
}
.commodityDetails-wrapper .info-baseX {
  display: flex;
  left: 27px;
  bottom: 10px;
  font-size: 13px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #999999;
}
.dgg {
  width: 100%;
  height: 12000px;
  position: absolute;
  z-index: 999;
  margin-top: 0;
  background: rgba(0, 0, 0, 0.3);
}
.dgg .msgBig {
  width: 830px;
  height: 662px;
  background: #ffffff;
  position: fixed;
  opacity: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 50;
  display: flex;
  border: 1px solid grey;
  padding: 20px;
}
.dgg .msgBig .mrP {
  width: 100%;
  height: 50px;
  background: linear-gradient(90deg, #f5f5f5, #ffffff);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dgg .msgBig .mrP span:nth-of-type(1) {
  margin-left: 18px;
  color: black;
}
.dgg .msgBig .mrP span:nth-of-type(2) {
  margin-right: 18px;
  color: black;
}
.dgg .msgBig .msgleft {
  height: 100%;
  width: 580px;
  margin-top: 20px;
}
.dgg .msgBig .msgright {
  height: 100%;
  width: 220px;
  position: relative;
}
.dgg .msgBig .msgright p {
  width: 100%;
  height: 100px;
  margin-bottom: 0;
  margin-left: 18px;
  margin-top: 40px;
  display: block;
  display: flex;
  align-items: center;
  color: black;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 600;
  color: #000000;
  padding-right: 10px;
}
.dgg .msgBig .msgright > div {
  width: 196px;
  height: 430px;
  float: left;
  margin-left: 20px;
  margin-top: 30px;
  background: #f5f5f5;
  padding: 10px;
}
.dgg .msgBig .msgright > div div {
  width: 80px;
  height: 80px;
  border: 1px solid #f5f5f5;
  margin: 3px;
  float: left;
}
.bigImg {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.bigImg img {
  width: 100%;
  height: 100%;
}
.info-baseX {
  display: flex;
  left: 27px;
  bottom: 10px;
  font-size: 13px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #999999;
}

.activeborder {
  border: 1px solid orange !important;
}
.downimg{
  margin-left:5px;
  height: 15px;
  width: 15px;
}

.commodityDetails-wrapper .pro-tooltip .xl-tooltip{
  left: 10px;
}

.commodityDetails-wrapper .brand-tooltip .xl-tooltip{
  left: 22px;
}
.proInfo-nav.nav-bg{
  width: 100%;
  max-width: unset;
  display: flex;
  padding: unset;
}
.proInfo-nav.nav-bg>div{
  width: 100%;
  /* flex: 1; */
  margin: 0 auto;
  max-width: 1920px;
  min-width: 1280px;
  padding: 0 160px;
}