master
parent
873d87a0e3
commit
089cb31f69
|
@ -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){
|
||||||
|
|
Loading…
Reference in New Issue