|
@@ -14,17 +14,17 @@
|
|
|
.red {color: #f94b4b;}
|
|
|
.product {background: #fff;padding: 10px 15px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);}
|
|
|
.product-title {border-bottom: solid 1px #e2e7ef;height: 54px;line-height: 54px}
|
|
|
- .product-title li {display: inline-block;list-style: none;color: #627386;width: 20%;text-align: center;}
|
|
|
- .product-title li:nth-child(1) {width: 46%;text-align: left}
|
|
|
+ .product-title li {display: inline-block;list-style: none;color: #627386;width: 15%;text-align: center;}
|
|
|
+ .product-title li:nth-child(1) {width: 40%;text-align: left}
|
|
|
.product-title li:last-child{width: 12%}
|
|
|
.pro-information li {list-style: none;}
|
|
|
.pro-information li {width: 100%;padding: 10px 0;}
|
|
|
- .pro-information li div {display: inline-block;width:20%;text-align: center;color: #627386;}
|
|
|
+ .pro-information li div {display: inline-block;width:15%;text-align: center;color: #627386;}
|
|
|
.pro-information li div:last-child{width: 12%}
|
|
|
- .pro-information li div.product-img {width: 46%;text-align: left;position: relative;}
|
|
|
+ .pro-information li div.product-img {width: 40%;text-align: left;position: relative;}
|
|
|
.product-img .tips{width: 40px;height: 20px;border-radius: 2px;font-size: 12px;line-height: 20px;text-align: center;display: block;position: absolute;top: 0;left: 0;color: #FFFFFF; background-image: linear-gradient(214deg, #ff4500 0%, #ff5800 53%, #ff4367 100%);}
|
|
|
.product-img img {width: 70px;height: 70px;border: solid 1px #e2e7ef;}
|
|
|
- .product-img h3 {display: inline-block;width: 300px;margin-left: 10px;font-size: 16px;color: #22272e;vertical-align: middle;word-break: break-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-inline-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
|
|
|
+ .product-img h3 {display: inline-block;width: 286px;margin-left: 10px;font-size: 16px;color: #22272e;vertical-align: middle;word-break: break-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-inline-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
|
|
|
.info-title {color: #22272e;font-size: 16px;padding: 15px;}
|
|
|
.title-name {color: #22272e;margin-bottom: 20px}
|
|
|
.title-time {float: right;color: #9aa5b5;}
|