@import url('https://fonts.googleapis.com/css?family=Anton');

.home-block{max-width:1600px; margin: 5px auto;   }
.home-block > h3{font-size: 16pt;; padding: 5px 15px;   margin: 10px ; margin-bottom: 0px;; font-weight: bold; }

.ad-home{   margin: 20px auto 10px auto; width: 100%; }

.home-ad-icon{margin-top: 10px; }
.home-ad-icon ul{flex-wrap:wrap; padding:10px 20px}
.home-ad-icon ul li{ width: 10%;   margin: 10px 0px 0px 0px; }
.home-ad-icon ul li a{ display: block; width: auto;max-width: 125px; margin: 0 auto; ; }
.home-ad-icon ul li a img{ display: block; border-radius:50%;  width: 75%;margin: 0 auto;    }
.home-ad-icon ul li a h3{ font-size: 10pt; padding: 8px 0px; font-weight: bold; }



.home-ad-image{}
.home-ad-image ul{flex-wrap:wrap; padding:10px 5px}
.home-ad-image ul li{ width: 16.6666%; padding: 2px;  }

.home-ad-image img{  display: block;     }
.home-ad-image h3{ font-size: 10pt; padding: 0px 0px; font-weight: bold; display: none;}

@media screen and (max-width:1280px) {  
    .home-ad-image ul li{ width: 25%;  }
}
@media screen and (max-width:768px) { 
    .ad-home{   margin:10px auto 0px auto ; }
    .home-ad-icon ul li{ width: 20%;    }
    .home-ad-image ul li{ width: 50%;  }
}

/*product*/
.home-product{   } 

.home-product ul{ width: 100%; display: flex; align-items: flex-start; flex-wrap: wrap; padding:5px;;}
.home-product ul li{width:calc(16.66% - 10px); margin: 5px;background: #FFFFFF;  padding: 0px; }
.home-product ul li a{ display: block; text-align: center; }
.home-product ul li a img{ display: block; width: 100%;min-height: 80px; background: #fafafa url('/image/no_photo.png') center center  ;  background-size: 50px;   }
.home-product ul li a p{ display:none; text-align: center;  padding: 5px;;  font-size: 10pt;}


.home-product-keyword{ text-align: center; padding: 0px 3px;    height: 30px; margin-top: -30px; background: rgba(0,0,0,0.6); overflow: hidden; }

.home-product-keyword b{ display: inline-block;font-size: 9pt;border: 1px solid #D1BFA6; border-radius: 5px; color: #D1BFA6; line-height: 100%; padding: 2px 4px; margin: 6px 0px}

.home-product-name{ width: 100%; padding:10px 15px;}
.home-product-name *{
    text-align: left!important;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap; 
}
.home-product-name h3{font-size: 10pt; font-weight: bold;}
.home-product-name h4{font-size: 8pt; padding: 5px 0px;}



.home-product-info{ display: flex; flex-wrap: wrap; align-items: center; padding: 0px 10px 10px 15px;}
.home-product-info > .price{ font-size: 10pt; flex:1;color: #666666; font-family: 'Anton'; white-space: nowrap; }
.home-product-info > .price b{ font-size: 14pt;white-space: nowrap;   }
.home-product-info > .price del{ display: inline-block;  margin-left: 5px; font-size: 10pt;  color: #FF3333;   font-family: 'Anton'  }

.home-product-info > .add-cart{  text-align: right;  }
.home-product-info > .add-cart a{ background: #D1BFA6;;  display: inline-block; padding: 1px 10px ;border-radius: 100px;color: #FFFFFF;font-size: 16px; line-height: 100%;font-weight: bold;cursor: pointer;}
.home-product-info > .add-cart a:hover{ background: #CC0000}
.home-product-info > .add-cart a i{ margin: 0px; padding: 0px; color: #FFFFFF;font-size: 16px;}

.add-favorite{ cursor: pointer; color: #CCCCCC ; position: absolute; right: 10px; top: 10px;}
.add-favorite:hover{   color: #b93131 ;}
.add-favorite-on{  color: #CC0000 }

.home-product-info > .soldout a{ background: #CCCCCC!important ; font-size: 11pt; padding: 2px 10px;;;}

.home-product-new-date{ display: block ; width: 100%; font-size:8pt; color: #CCCCCC;}
@media screen and (max-width:1024px) {  
    
    .home-product ul li{width:calc(25% - 10px)}
}
@media screen and (max-width:768px) { 
    .category-sub-type { display: none!important;  }
    
    .home-product ul li{width:calc(33.3333% - 10px)}
}
@media screen and (max-width:480px) {  
    
    .home-product ul li{width:calc(50% - 10px)}
}




.news-list{ flex: 3; display: flex; flex-wrap: wrap; align-items:flex-start; width: 100%; padding: 5px;  }

.news-item{  width: 25%; padding: 5px;  }
.news-block{ display: block; background: #FFFFFF;   }
.news-photo .square{padding-top: 60%;  }
.news-photo:hover .square > *{ width: 120% !important;	height: 120% !important; margin-top: -10%;}

.news-info{ padding: 15px; }
.news-info .news-title{flex:1; font-size: 12pt; font-weight: bold; line-height: 150%;  display: inline-block; margin-bottom: 10px;}
.news-info .icon-text{  color: #999999; font-size: 9pt;  }
.news-info .icon-text i{  color: #999999; font-size: 12pt;  }
.news-info .icon-text span{  margin: 0 5px; ;}


@media screen and (max-width:1200px) {  
    
    .news-item{  width: 33.3333%;  }
    
}
@media screen and (max-width:900px) {  
     
    .news-item{  width: 50%;   }
    .news-info{ padding: 10px; }
    .news-info .news-title{font-size: 11pt; font-weight: bold; }
    
}

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


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


}