.prop-string {max-width: 800px;} .prop-string .prop-item {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #333; font-size: 14px; list-style: none; position: relative;
 -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;} .prop-string .prop-name {max-width: 35%; padding-right: 5px; display: inline-block;} .prop-string .prop-item:nth-last-child(1) {margin-bottom: 20px;}
.prop-string .prop-spec {float: right; text-align: right; width: 55%; padding-left: 5px; z-index: 1;} .name-group h2 {font-size: 14px;}
.prop-string .prop-spec, .prop-string .prop-name, .prop-string .prop-unit { -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; margin-bottom: -6px; color: #141414; } .product-page .whole-info {margin: 25px 0;}
.product-page .whole-info, .product-page .whole-info li {width: 100%;} .product-page .whole-info li {padding: 4px 0 8px;} .product-page .whole-info li:nth-child(n+2) {border-top: 1px dotted #dadada;}
.name-group {display: flex;} .product-page .whole-info span {width: 50%;} .prop-string .name-group {position: relative; display: flex; justify-content: space-between; color: #333; font-size: 14px; font-weight: 600; list-style: none;}
.prop-string li:first-of-type {margin-top: 0;} .prop-string .prop-item:hover span {color: #FF5A00;} .prop-string .prop-item {cursor: default; border-bottom: 1px dotted #dadada;} .prop-name__inner, .prop-spec__inner {background: #fff;}
@media (max-width:528px) { .prop-string .prop-item {font-size: 13px;} }