|
@@ -6,7 +6,7 @@
|
|
|
#recommendBox .swiper-pagination span.on{width:28px;opacity:1;}
|
|
|
.instrue-left {width: 900px;float: left;}
|
|
|
.normal-nav{margin-top: 10px}
|
|
|
- .instrue-left .top-category .normal-nav .nav-list:hover{border: 1px solid #e15616;transform:translateY(-5px);box-shadow:0 6px 6px rgba(102,102,102,0.1),0 6px 6px rgba(102,102,102,0.1),0 6px 6px rgba(102,102,102,0.1);}
|
|
|
+ .instrue-left .top-category .normal-nav .nav-list:hover{color:#e15616;transform:translateY(-5px);box-shadow:0 3px 3px rgba(102,102,102,0.3),0 3px 3px rgba(102,102,102,0.1),0 3px 3px rgba(102,102,102,0.1);}
|
|
|
.instrue-left .top-category .normal-nav .nav-list {border:1px solid #fff;display: inline-block;margin: 0 16px 16px 0;width: 132px;height: 88px;background: #fff;text-align: center;color: #4a4f58;font-size: 16px;cursor: pointer;transition: all 0.4s}
|
|
|
.instrue-left .top-category .normal-nav .nav-list.active {border: 1px solid #e15616;color: #e15616;}
|
|
|
.instrue-right {float: right;width: 252px;background: #fff;padding: 16px;margin-top: 10px}
|
|
@@ -32,7 +32,7 @@
|
|
|
.swiper-container div{height: auto;}
|
|
|
.hotList .section_page_main a>a{display: block;}
|
|
|
.hotList .section_page_main .productItem img{width: 100%;height: 164px;}
|
|
|
- .productItem .name {margin-top: 8px;display: block;padding: 0 16px;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 .name {margin-top: 8px;display: block;padding: 0 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 .price_text_tag{width: 100%;height: 22px;box-sizing: border-box;float: left;margin-top: 3px;}
|
|
|
.productItem .price .price_text_tag .listTag{margin: 0;float: left}
|
|
@@ -63,7 +63,7 @@
|
|
|
.item_icon{ width: 100%;height: 36px;padding: 12px 0;}
|
|
|
.item_icon img{width: 36px;height: 36px;display: block;margin: 0 auto;}
|
|
|
.productItem .price em{font-weight: normal}
|
|
|
- .productItem .price em.bold{font-weight: bold}
|
|
|
+ .productItem .price em.bold{font-weight: bold;margin: 0}
|
|
|
}
|
|
|
|
|
|
|
|
@@ -94,16 +94,11 @@
|
|
|
.productItem .price .mIcon.i2:before {background-position: -84vw -76.5vw;}
|
|
|
.productItem .price .mIcon.i3:before {background-position: -84vw -83.7vw;}
|
|
|
.productItem .price .mIcon.i4:before {background-position: -84vw -90.7vw;}
|
|
|
- #swiper-container{width:100%;height:48vw;overflow:hidden;position:relative}
|
|
|
- #swiper-container .swiper-wrapper{position:relative;height:100%;z-index:0}
|
|
|
- #swiper-container .swiper-wrapper .swiper-slide{position:relative;zoom:1;vertical-align:middle;width:100%;overflow:hidden;text-align:center;background:#fff;}
|
|
|
- #swiper-container .swiper-wrapper img{width:auto;height:48vw;display:block;max-width:none;}
|
|
|
- #swiper-container .swiper-button-prev,#swiper-container .swiper-button-next{display:none}
|
|
|
- #swiper-container .swiper-pagination{width:100%;height:2.6vw;z-index:1;text-align:center;font-size:0;position:absolute;bottom:1.5vw;left:0}
|
|
|
- #swiper-container .swiper-pagination .swiper-pagination-bullet{display:block;width:2vw;border-width:1vw 1px;border-color:transparent;cursor:pointer;background:none;font-size:0;opacity:.2}
|
|
|
- #swiper-container .swiper-pagination .swiper-pagination-bullet:before{content:"";display:block;width:100%;height:.6vw;background:#FFF;border-radius:.3vw}
|
|
|
- #swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:3.8vw;opacity:1}
|
|
|
-
|
|
|
+ #recommendBox{width: calc(100% + 2.6vw);height:150vw;margin-top:-1.3vw;margin-left: -1.3vw;overflow:hidden;position:relative;}
|
|
|
+ #recommendBox .swiper-pagination{width:100%;height:2.6vw;z-index:1;text-align:center;font-size:0;position:absolute;bottom:2.6vw;left:0}
|
|
|
+ #recommendBox .swiper-pagination .swiper-pagination-bullet{display:block;width:2vw;border-width:1vw 1px;border-color:transparent;cursor:pointer;background:none;font-size:0;opacity:.2}
|
|
|
+ #recommendBox .swiper-pagination .swiper-pagination-bullet:before{content:"";display:block;width:100%;height:.6vw;background:#E15616;border-radius:.3vw}
|
|
|
+ #recommendBox .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:3.8vw;opacity:1}
|
|
|
.price {overflow: hidden; width: 100%;box-sizing: border-box;padding: 0 3.2vw;}
|
|
|
.productItem .price .mIcon {display: inline-block;font-size: 0;height: 5vw;line-height: 5vw;vertical-align: text-bottom;}
|
|
|
.icon.hot:before{width: 5.3vw;height:4.5vw;background-position: -53.9vw -69.3vw;position: absolute;top: -2.7vw;right: -2.7vw;}
|