#c_portalResProduct_list-15794020708401871 .p_Product{
  width:calc((100% - 0px)/3);
}
#c_portalResProduct_list-15794020708401871 .p_CommonSummaryBoxA{
  text-align:center;
}
#c_portalResProduct_list-15794020708401871 .p_MatteIcon .iconfont:before{
  content:'\e602';
}
#c_portalResProduct_list-15794020708401871 >div{
  animation-fill-mode:both;
}
#c_portalResProduct_list-15794020708401871 .proBox{
  width:100%;
  height:auto;
  overflow:hidden;
}
#c_portalResProduct_list-15794020708401871 .proContainer{
  width:100%;
  height:auto;
  overflow:hidden;
  margin:0rem auto;
}
#c_portalResProduct_list-15794020708401871 .proLi{
  position:relative;
  overflow:hidden;
  padding:10px;
}
#c_portalResProduct_list-15794020708401871 .porTbox{
  position:relative;
  overflow:hidden;
  width:100%;
  height:auto;
  max-height: 166px;
}
#c_portalResProduct_list-15794020708401871 .proImg{
  position:relative;
  width:100%;
  transition:all .5s ease;
}
#c_portalResProduct_list-15794020708401871 .porBbox{
  position:relative;
  overflow:hidden;
  width:100%;
  height:auto;
  padding: 17px;
  border:0px solid #f2f2f2;
  background: rgba(255,255,255,0.8);
  margin-top: 0px;
}
#c_portalResProduct_list-15794020708401871 .proTitle{
  font-size: 14px;
  color:#333;
  overflow:hidden;
  text-overflow:ellipsis;
  position:relative;
  text-align:center;
  white-space:nowrap;
  width:100%;
}
#c_portalResProduct_list-15794020708401871 .proSummry{
  color:#777;
  white-space:nowrap;
  overflow:hidden;
  margin:10px 0;
  text-overflow:ellipsis;
}
#c_portalResProduct_list-15794020708401871 .lookDetail{
  position:relative;
  display:block;
  color:#777;
  height:38px;
  line-height:38px;
  border-top:1px solid  #e5e5e5;
}
#c_portalResProduct_list-15794020708401871 .arrowsR{
  position:absolute;
  top:50%;
  right:0px;
  transform:translate(0, -50%);
  width:30px;
}
#c_portalResProduct_list-15794020708401871 .arrowsR   img{
  position:absolute;
  transition:all .5s ease;
}
#c_portalResProduct_list-15794020708401871 .harr{
  opacity:0;
}
#c_portalResProduct_list-15794020708401871 .showBox{
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  opacity:0;
  background:rgba(0,0,0,.6);
  transition:all 0.5s ease;
}
#c_portalResProduct_list-15794020708401871 .showBoxLink{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  display:block;
  width:60%;
  color:#fff;
  text-align:center;
  font-size: 14px;
  padding:0.5rem 0;
}
#c_portalResProduct_list-15794020708401871 .showBoxLink::before{
  content:'';
  position:absolute;
  top:0px;
  left:50%;
  transform:translateX(-50%);
  width:60%;
  height:1px;
  background:#fff;
  transition:all .5s ease;
}
#c_portalResProduct_list-15794020708401871 .showBoxLink::after{
  content:'';
  position:absolute;
  bottom:0px;
  left:50%;
  transform:translateX(-50%);
  width:60%;
  height:1px;
  background:#fff;
  transition:all .5s ease;
}
#c_portalResProduct_list-15794020708401871 .lookDetail:hover .barr{
  opacity:0;
}
#c_portalResProduct_list-15794020708401871 .lookDetail:hover .harr{
  opacity:1;
}
#c_portalResProduct_list-15794020708401871 .proLi:hover  .showBox{
  opacity:1;
}
#c_portalResProduct_list-15794020708401871 .proLi:hover .proImg{
  transform:translate(0% ,0%) scale(1.1);
}
#c_portalResProduct_list-15794020708401871 .proLi:hover .showBoxLink::before{
  width:1rem;
}
#c_portalResProduct_list-15794020708401871 .proLi:hover .showBoxLink::after{
  width:1rem;
}
@media only screen and (min-width: 769px){
  
#c_portalResProduct_list-15794020708401871 .proContainer{
  max-width:1400px;
}
#c_portalResProduct_list-15794020708401871 .proLi{
  width: calc(100% / 4);
  height: auto;
  float:left;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px){
  
#c_portalResProduct_list-15794020708401871 .proContainer {
    max-width:900px;
  }
#c_portalResProduct_list-15794020708401871 .proLi {
    width:50%;
    height:auto;
  }
}
#c_portalResProduct_list-15794020708401871 .p_page .pre .iconfont:before{
  shadow-angle:0;
  shadow-distance:0;
  shadow-angle-ofInset:0;
  shadow-distance-ofInset:0;
}
#c_portalResProduct_list-15794020708401871 .p_page .next .iconfont:before{
  shadow-angle:0;
  shadow-distance:0;
  shadow-angle-ofInset:0;
  shadow-distance-ofInset:0;
}
#c_portalResProduct_list-15794020708401871 .p_more .iconfont:before{
  shadow-angle:0;
  shadow-distance:0;
  shadow-angle-ofInset:0;
  shadow-distance-ofInset:0;
}
#c_portalResProduct_list-15794020708401871 .p_loading .iconfont:before{
  shadow-angle:0;
  shadow-distance:0;
  shadow-angle-ofInset:0;
  shadow-distance-ofInset:0;
}
#c_portalResProduct_list-15794020708401871{
  max-height:none;
  padding-top:0px;
  padding-left: 10px;
  padding-bottom:0px;
  min-height:0px;
  margin-right:auto;
  margin-left:auto;
  max-width: 100%;
  width:80%;
  margin-top: 0px;
  margin-bottom: 0px;
  min-width:0px;
  height:auto;
  padding-right:0px;
}