diff --git a/public/static/css/style.css b/public/static/css/style.css
index a40e561..a795043 100644
--- a/public/static/css/style.css
+++ b/public/static/css/style.css
@@ -387,6 +387,25 @@ input,select,textarea{outline:medium none; resize: none;}
 .honor-tc .center-center{ width: 100%; height: 100%; padding: 20px;}
 .honor-tc i{ width: 35px; height: 35px; background: url(../image/icon_close.png) no-repeat center rgba(255,255,255,0.9); background-size: 15px; border-radius: 100%; position: absolute; right: 15px; top: 15px;}
 
+.product-title-box{ display: flex; padding-bottom: 1.25rem;}
+.product-title-box .product-item{ width: 100%; float: left; text-align: center; font-size: 1.125rem; position: relative; line-height: 3.125rem;}
+.product-title-box .product-item a{ display: inline-block; position: relative;}
+.product-title-box .product-item a::after{ content: ''; width: 0; height: 2px; position: absolute; left: 0; bottom: 0; background: #578df3; transition: all .6s;}
+.product-title-box .product-item.active a{ color: #578df3;}
+.product-title-box .product-item.active a::after,.product-title-box .product-item a:hover::after{ width: 100%;}
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 /* 小于等于多少高度的样式 */
 @media screen and (max-height:880px){
@@ -586,6 +605,8 @@ input,select,textarea{outline:medium none; resize: none;}
     
     .pageing li a, .pageing li span{ font-size: 12px; margin: 2px; padding: 3px 10px;}
     
+    .product-title-box{ text-align: center; display: block;}
+    .product-title-box .product-item{ width: auto; float: none; display: inline-block; margin: 0 0.625rem; line-height: 3rem;}
     
     
 }