master
15008401624 2020-12-17 10:29:51 +08:00
parent 873d87a0e3
commit 089cb31f69
1 changed files with 4 additions and 2 deletions

View File

@ -389,6 +389,8 @@ input,select,textarea{outline:medium none; resize: none;}
.product-title-box{ display: flex; padding-bottom: 1.25rem;} .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{ width: 100%; float: left; text-align: center; font-size: 1.125rem; position: relative; line-height: 3.125rem;}
.product-title-box .product-item::after{ content: ''; width: 1px; height: 1.25rem; background: #ccc; position: absolute; left: 0; top: 50%; margin-top: -0.625rem;}
.product-title-box .product-item:first-child::after{ display: none;}
.product-title-box .product-item a{ display: inline-block; position: relative;} .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 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{ color: #578df3;}
@ -606,8 +608,8 @@ input,select,textarea{outline:medium none; resize: none;}
.pageing li a, .pageing li span{ font-size: 12px; margin: 2px; padding: 3px 10px;} .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{ text-align: center; display: block;}
.product-title-box .product-item{ width: auto; float: none; display: inline-block; margin: 0 0.625rem; line-height: 3rem;} .product-title-box .product-item{ width: auto; float: none; display: inline-block; padding: 0 0.625rem; line-height: 3rem;}
.product-title-box .product-item::after{ display: none;}
} }
@media screen and (max-width:768px){ @media screen and (max-width:768px){