html, body { color:#222; font-family:Microsoft YaHei, Helvitica, Verdana, Tohoma, Arial, san-serif; margin:0; padding: 0; text-decoration: none; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
img { border:0; }
ol, ul { list-style: none outside none; margin:0; padding: 0; }
a { color:#000000; text-decoration: none; }
.clr { display:block; clear:both; height:0; overflow:hidden; }
.copyright { padding-top:20px; text-align:center; font-size:14px; color:#666; }
.copyright a { color:#666; }
h2 { font-size:16px; }


body {background-color:#eee; }
.mainmenu:after { clear: both; content: " "; display: block; }

.mainmenu li{ float:left;margin-left: 2.5%;
margin-top: 2.5%;
width: 30%;  border-radius:3px; overflow:hidden;}

.mainmenu li a{ display:block;  color:#FFF;   text-align:center }
.mainmenu li a b{ display:block; height:80px;}
.mainmenu li a img{ margin: 15px auto 15px;width: 50px;height: 50px;}
.mainmenu li a span{ display:block; height:30px; line-height:30px;background-color:#FFF; color: #333; font-size:14px; }


.mainmenu li:nth-child(8n+1) {background-color:#36A1DB}
.mainmenu li:nth-child(8n+2) {background-color:#678ce1}
.mainmenu li:nth-child(8n+3) {background-color:#8c67df}
.mainmenu li:nth-child(8n+4) {background-color:#84d018}
.mainmenu li:nth-child(8n+5) {background-color:#14c760}
.mainmenu li:nth-child(8n+6) {background-color:#f3b613}
.mainmenu li:nth-child(8n+7) {background-color:#ff8a4a}
.mainmenu li:nth-child(8n+8) {background-color:#fc5366}

.ulike { width:98%; margin:auto; overflow:hidden; }
.ulike h2 {height:50px; line-height:50px;font-size: 16px;font-weight: normal;color:#999; text-align:center;  }
.ulike ul { width:100%; text-align: center; overflow:hidden;}
.ulike ul li { width:49%; float: left; margin:auto;margin-bottom:5px; background:#FFF; overflow:hidden;padding-bottom:2%; }
.ulike ul li:nth-child(even) {float: right}
.ulike ul li .index_pro{ width:100%; overflow:hidden; margin:auto;}
.ulike ul li .products_kuang { width:100%; margin:auto;overflow: hidden; position:relative;}
.ulike ul li .products_kuang img{ display:block;width:100%;height:111px; margin:auto;}
.ulike ul li .goods_name { width:93%; margin:auto;text-align:center; overflow: hidden; color:#333;font-weight:700; font-size:12px;line-height: 16px; -webkit-line-clamp: 2; -webkit-box-orient: vertical;display: -webkit-box; margin-top:8px; margin-bottom:8px;}
.ulike ul li .price {width:100%; margin:auto; position:relative; border-top:1px solid #eeeeee }
.ulike ul li .price .price_pro{  width:93%; margin:auto;  display: block;font-size:16px; color: #F23015; height:40px; line-height:40px;text-align:left;}
.ulike ul li .btns{ position:absolute; display:block;right:5px;height:25px;width:25px;background: #f23; border-radius:50%; bottom:8px;}
.ulike ul li .btns img{ display:block; width:25px;height:25px; }

@keyframes blink{0%{opacity: 1;} 100%{opacity: 0.1;} }
@-webkit-keyframes blink {0% { opacity: 1; } 100% { opacity: 0; }   }
@-moz-keyframes blink {  0% { opacity: 1; }  100% { opacity: 0; }    }
@-ms-keyframes blink {  0% {opacity: 1; }   100% { opacity: 0;}  }
@-o-keyframes blink {  0% { opacity: 1; }  100% { opacity: 0; }  }
.mainmenu li a span.blink{
color: blue;
font-weight:700;
animation: blink 1.5s linear infinite;
-webkit-animation: blink 1.5s linear infinite;
-moz-animation: blink 1.5s linear infinite;
-ms-animation: blink 1.5s linear infinite;
-o-animation: blink 1.5s linear infinite;
}