|
|
@@ -10,140 +10,33 @@
|
|
|
.sortBox li.up:after{border-top-color:#E15616;opacity:.3}
|
|
|
.sortBox li.down:after{border-top-color:#E15616}
|
|
|
.sortBox li.down:before{border-bottom-color:#E15616;opacity:.3}
|
|
|
- .classification .class-nav-main div,.classification .class-nav-main li{
|
|
|
- text-align: center;
|
|
|
- display: inline-block;
|
|
|
- line-height: 64px;
|
|
|
- color: #4a4f58;
|
|
|
- font-size: 16px;
|
|
|
- cursor: pointer;
|
|
|
- padding: 0 16px;
|
|
|
- }
|
|
|
- #listClassify{
|
|
|
- margin: 0 auto;
|
|
|
- box-sizing: border-box;
|
|
|
- background: rgba(255,255,255,1);
|
|
|
- border-radius: 0 0 2px 2px;
|
|
|
- }
|
|
|
- .classification {
|
|
|
- border-bottom: 1px solid #f7f7f7;
|
|
|
- align-items: center;
|
|
|
- display: -webkit-flex;
|
|
|
- }
|
|
|
- .classification .class-title{
|
|
|
- width: 127px;
|
|
|
- text-align: center;
|
|
|
- font-size: 16px;
|
|
|
- line-height: 64px;
|
|
|
- }
|
|
|
- .classification .class-nav-main{
|
|
|
- width:1040px;
|
|
|
- display: inline-block;
|
|
|
- border-left: 1px solid #f7f7f7;
|
|
|
- font-size: 0;
|
|
|
- }
|
|
|
- .classification .class-nav-main div.on, .classification .class-nav-main div.on a{
|
|
|
- color: #e15616;
|
|
|
- }
|
|
|
- .crumbs-nav >div{display: inline-block}
|
|
|
- .crumbs-nav-item{
|
|
|
- display: inline-block;
|
|
|
- padding: 0 12px;
|
|
|
- border: 1px solid #cccccc;
|
|
|
- line-height: 24px;
|
|
|
- margin-right: 16px;
|
|
|
- color: #909090;
|
|
|
- border-radius: 2px;
|
|
|
- cursor: pointer;
|
|
|
- }
|
|
|
- .crumbs-nav-item.on{
|
|
|
- color: #e15616;
|
|
|
- border: 1px solid #e15616;
|
|
|
- }
|
|
|
- .sortBox .on{background:#ffe6dc }
|
|
|
- .classification.sortBox .class-nav-main li{
|
|
|
- border-right: 1px solid #f7f7f7;
|
|
|
- width: 127px;
|
|
|
- padding: 0;
|
|
|
- position: relative;
|
|
|
- }
|
|
|
-
|
|
|
- .list-container{
|
|
|
- margin-top: 32px;
|
|
|
- width: 1200px;
|
|
|
- }
|
|
|
- .list-container ul li.productItem {
|
|
|
- width: 184px;
|
|
|
- height: 268px;
|
|
|
- float: left;
|
|
|
- background: #fff;
|
|
|
- position: relative;
|
|
|
- margin: 0 16px 16px 0;
|
|
|
- overflow: hidden;
|
|
|
- float: left;
|
|
|
- }
|
|
|
- .list-container ul li img {
|
|
|
- width: 100%;
|
|
|
- height: 164px;
|
|
|
- }
|
|
|
- .list-container ul li .name{
|
|
|
- display: block;
|
|
|
- padding: 0 8px;
|
|
|
- margin-top: 8px;
|
|
|
- height: 40px;
|
|
|
- line-height: 21px;
|
|
|
- vertical-align: middle;
|
|
|
- word-break: break-all;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- display: -webkit-inline-box;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
- -webkit-box-orient: vertical
|
|
|
- }
|
|
|
- .productItem .price{
|
|
|
- border: 0;
|
|
|
- box-sizing: border-box;
|
|
|
- padding: 0 8px;
|
|
|
- height: 54px;
|
|
|
- width: 100%;
|
|
|
- }
|
|
|
- .productItem .price .icon:before{
|
|
|
- width: 63px;
|
|
|
- }
|
|
|
- .productItem .price .icon.i5:before {
|
|
|
- background-position: -2px -832px;
|
|
|
- }
|
|
|
- .productItem .price .icon.i1:before {
|
|
|
- background-position: -2px -712px;
|
|
|
- }
|
|
|
- .productItem .price .icon.i2:before {
|
|
|
- background-position: -2px -742px;
|
|
|
- }
|
|
|
- .productItem .price .icon.i3:before {
|
|
|
- background-position: -2px -772px;
|
|
|
- }
|
|
|
- .productItem .price .icon.i4:before {
|
|
|
- background-position: -2px -802px;
|
|
|
- }
|
|
|
- .listTag{
|
|
|
- margin: 12px 8px 0 0;
|
|
|
- padding: 0 2px;
|
|
|
- }
|
|
|
- .productItem .image .icon{
|
|
|
- position: inherit;
|
|
|
- }
|
|
|
- .sortBox li.on, .sortBox li.up, .sortBox li.down {
|
|
|
- background: #FFE6DC;
|
|
|
- color: #E15616;
|
|
|
- }
|
|
|
- .empty{
|
|
|
- margin-top: 32px;
|
|
|
- background: #fff;
|
|
|
- }
|
|
|
- .empty p{
|
|
|
- color: #909090;
|
|
|
- font-size: 14px;
|
|
|
- }
|
|
|
+ .classification .class-nav-main div,.classification .class-nav-main li{text-align:center;display:inline-block;line-height:64px;color:#4a4f58;font-size:16px;cursor:pointer;padding:0 16px}
|
|
|
+ #listClassify{margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;background:rgba(255,255,255,1);border-radius:0 0 2px 2px}
|
|
|
+ .classification{border-bottom:1px solid #f7f7f7;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-flex}
|
|
|
+ .classification .class-title{width:127px;text-align:center;font-size:16px;line-height:64px}
|
|
|
+ .classification .class-nav-main{width:1040px;display:inline-block;border-left:1px solid #f7f7f7;font-size:0}
|
|
|
+ .classification .class-nav-main div.on,.classification .class-nav-main div.on a{color:#e15616}
|
|
|
+ .crumbs-nav >div{display:inline-block}
|
|
|
+ .crumbs-nav-item{display:inline-block;padding:0 12px;border:1px solid #cccccc;line-height:24px;margin-right:16px;color:#909090;border-radius:2px;cursor:pointer}
|
|
|
+ .crumbs-nav-item.on{color:#e15616;border:1px solid #e15616}
|
|
|
+ .sortBox .on{background:#ffe6dc}
|
|
|
+ .classification.sortBox .class-nav-main li{border-right:1px solid #f7f7f7;width:127px;padding:0;position:relative}
|
|
|
+ .list-container{margin-top:32px;width:1200px}
|
|
|
+ .list-container ul li.productItem{width:184px;height:268px;float:left;background:#fff;position:relative;margin:0 16px 16px 0;overflow:hidden;float:left}
|
|
|
+ .list-container ul li img{width:100%;height:164px}
|
|
|
+ .list-container ul li .name{display:block;padding:0 8px;margin-top:8px;height:40px;line-height:21px;vertical-align:middle;word-break:break-all;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
|
|
|
+ .productItem .price{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 8px;height:54px;width:100%}
|
|
|
+ .productItem .price .icon:before{width:63px}
|
|
|
+ .productItem .price .icon.i5:before{background-position:-2px -832px}
|
|
|
+ .productItem .price .icon.i1:before{background-position:-2px -712px}
|
|
|
+ .productItem .price .icon.i2:before{background-position:-2px -742px}
|
|
|
+ .productItem .price .icon.i3:before{background-position:-2px -772px}
|
|
|
+ .productItem .price .icon.i4:before{background-position:-2px -802px}
|
|
|
+ .listTag{margin:12px 8px 0 0;padding:0 2px}
|
|
|
+ .productItem .image .icon{position:inherit}
|
|
|
+ .sortBox li.on,.sortBox li.up,.sortBox li.down{background:#FFE6DC;color:#E15616}
|
|
|
+ .empty{margin-top:32px;background:#fff}
|
|
|
+ .empty p{color:#909090;font-size:14px}
|
|
|
.productItem .price em{font-weight: normal}
|
|
|
.productItem .price em.bold{font-weight: bold}
|
|
|
.productItem .price .price_text_tag{width: 100%;height: 22px;box-sizing: border-box;float: left;margin-top: 3px;}
|
|
|
@@ -153,6 +46,12 @@
|
|
|
.productItem .price .main_price_show { width: 100%;height: 30px;line-height: 30px;font-size: 14px;color: #f94b4b;text-align: left;float: left;}
|
|
|
.productItem .price .main_price_show.none { color: #999999; text-decoration: line-through;}
|
|
|
.productItem .name .tag{width: 44px;height: 18px;line-height: 18px;font-size: 12px;display: inline-block;margin-right: 5px;text-align: center;color: #FFFFFF !important;background-image: linear-gradient(270deg, #f9c023 0%, #f83600 100%);border-radius: 0px 10px 0px 0px;}
|
|
|
+ /*会员标签*/
|
|
|
+ .productItem .price .price_text_tag .svip-tag{width:100%;height:22px;letter-spacing:0}
|
|
|
+ .productItem .price .price_text_tag .svip-tag .svip-icon{position:relative;z-index:9;display:inline-block;width:30px;height:22px;text-align:center;line-height:22px;font-size:12px;font-weight:400;color:#F0CB72;opacity:1;background:#333333}
|
|
|
+ .productItem .price .price_text_tag .svip-tag .svip-icon.btr{border-radius:2px 8px 0px 2px}
|
|
|
+ .productItem .price .price_text_tag .svip-tag .svip-price{z-index:1;position:relative;display:inline-block;padding-left:22px;padding-right:4px;margin-left:-27px;line-height:22px;background:#F0CB72;opacity:1;border-radius:2px;font-size:12px}
|
|
|
+ .productItem .price .price_text_tag .svip-tag .svip-price span{color: #333}
|
|
|
|
|
|
}
|
|
|
|
|
|
@@ -181,15 +80,21 @@
|
|
|
.productItem .price .mIcon.i4:before {background-position: -84vw -90.7vw;}
|
|
|
.productItem .price .mIcon {display: inline-block;font-size: 0;height: 5vw;line-height: 5vw;vertical-align: text-bottom;}
|
|
|
.productItem img {width: 45.6vw;height: 45.6vw;}
|
|
|
- .productItem .name {display: block;padding: 0 3.2vw;height: 9.3vw;line-height: 4.8vw;font-size: 3.4vw;vertical-align: middle;word-break: break-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-inline-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
|
|
|
- .price {padding: 2vw 3.2vw;overflow: hidden;}
|
|
|
- .couponTag{padding:0 2vw;border:.27vw solid #f94b4b;background:#fff1eb;font-size:2.8vw;float:left;height:4.2vw;line-height:4.2vw;color: #f94b4b;border-radius: 0.2vw;margin-right: 1vw;}
|
|
|
+ .productItem .name {display: block;padding: 0 1.2vw;height: 9.3vw;line-height: 4.8vw;font-size: 3.4vw;vertical-align: middle;word-break: break-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-inline-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
|
|
|
+ .price {padding: 2vw 1.2vw;overflow: hidden;}
|
|
|
+ .couponTag{padding:0 0.4vw;border:.27vw solid #f94b4b;background:#fff1eb;font-size:2.8vw;float:left;height:4.2vw;line-height:4.2vw;color: #f94b4b;border-radius: 0.2vw;margin-right: 1vw;}
|
|
|
.listTag{padding:0 2vw;border:.27vw solid #ffe6dc;background:none;font-size:2.8vw;float:left;height:4.2vw;line-height:4.2vw;border-radius: 0.2vw;}
|
|
|
.price_grade{width: 100%;float: left;margin-top: 2vw;}
|
|
|
.productItem .price .main_price_unde {width: 100%;height: 6.5vw;line-height: 6.5vw;font-size: 3.4vw;color: #4a4f58;text-align: left;float: left;}
|
|
|
.productItem .price .price_text_tag {width: 100%;box-sizing: border-box;float: left;}
|
|
|
.productItem .price .main_price_show{color: #f94b4b}
|
|
|
.productItem .name span.tag{width: 11.3vw;height: 4.3vw;line-height: 4.3vw;font-size: 2.8vw;display: inline-block;margin-right: 1.3vw;text-align: center;color: #FFFFFF !important;background-image: linear-gradient(270deg, #f9c023 0%, #f83600 100%);border-radius: 0px 10px 0px 0px;margin-top: .25vw;}
|
|
|
-
|
|
|
+ /*会员标签*/
|
|
|
+ .productItem .price .price_text_tag .svip-tag{float: left; height:4.74vw;letter-spacing:0;overflow: hidden}
|
|
|
+ .productItem .price .price_text_tag .svip-tag .svip-icon{position:relative;z-index:9;float: left; width:9.8vw;height:4.74vw;text-align:center;line-height:4.74vw;font-size:2.8vw;font-weight:400;color:#F0CB72;opacity:1;background:#333333}
|
|
|
+ .productItem .price .price_text_tag .svip-tag .svip-icon.btr{border-radius:2px 8px 0px 2px}
|
|
|
+ .productItem .price .price_text_tag .svip-tag .svip-price{z-index:1;position:relative;float: left;padding-left:5.4vw;padding-right:0.6vw;margin-left:-6vw;line-height:4.74vw;height: 4.74vw; background:#F0CB72;opacity:1;border-radius:2px;font-size:2.8vw}
|
|
|
+ .productItem .price .price_text_tag .svip-tag .svip-price span{color: #333}
|
|
|
+ .productItem .price .price_text_tag .svip-tag .svip-price span:nth-child(2){margin-left: -0.4vw}
|
|
|
}
|
|
|
|
喻文俊