|
@@ -26,13 +26,7 @@ header{box-shadow: 0 2px 10px #ebecef;}
|
|
|
.icon.shop .tips{position:absolute;top:-30px;left:0;white-space:nowrap;background-color:#666;border-radius:2px;line-height:30px;font-size:12px;color:#FFF;text-align:center;display:inline-block;opacity:0;transition:all 1s;padding:0 10px;font-style:normal}
|
|
|
.icon.shop .tips:before{content:"";width:10px;height:10px;background:#666;position:absolute;bottom:-3px;left:17px;transform:rotate(45deg)}
|
|
|
.icon.shop:hover .tips{opacity:1}
|
|
|
-.icon.comment:before {
|
|
|
- width: 25px;
|
|
|
- height: 25px;
|
|
|
- background-position: -5px -333px;
|
|
|
- position: absolute;
|
|
|
- top: 35px
|
|
|
-}
|
|
|
+.icon.comment:before{width:25px;height:25px;background-position:-5px -333px;position:absolute;top:35px}
|
|
|
/*短信图形验证弹窗统一样式*/
|
|
|
.content-model{width: 100%;height: 100%;background: rgba(0,0,0,.3);position: fixed;top: 0;left: 0;display: none;}
|
|
|
.content-model.active{display: block;}
|
|
@@ -53,7 +47,6 @@ header{box-shadow: 0 2px 10px #ebecef;}
|
|
|
.content-model .model-content .model-button{width: 100%;height: 32px;float: left;margin-top: 32px;}
|
|
|
.content-model .model-content .model-button .button{width: 120px;height: 32px;border-radius: 2px;background-color: #e15616;text-align: center;line-height: 32px;font-size: 14px;float: right;color: #FFFFFF;cursor: pointer;}
|
|
|
|
|
|
-
|
|
|
/* 头部 */
|
|
|
.baseHeadTop{width:100%;font-size:14px;background:#FBFBFB}
|
|
|
.baseHeadTop ul{height:40px;line-height:40px}
|
|
@@ -205,14 +198,13 @@ header{box-shadow: 0 2px 10px #ebecef;}
|
|
|
.productItem .image .icon.hot:before,.productItem .image .icon.new:before{display:block;width:50px;height:64px}
|
|
|
.productItem .image .icon.hot:before{background-position:-57px -180px}
|
|
|
.productItem .image .icon.new:before{background-position:0px -180px}
|
|
|
-.productItem .name{display:block;padding:14px 35px;height:48px;line-height:24px}
|
|
|
+.productItem .name{display:block;padding:15px;height:48px;line-height:24px}
|
|
|
.productItem .name span{color:#93979F;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
|
|
|
.productItem .name em{font-style: normal;color: #e15616;}
|
|
|
.productItem .price{height:48px;border-top: 1px solid #E15616}
|
|
|
.productItem .price em{height:48px;line-height:48px;color:#4A4F58;font-style:normal;margin-left:15px;font-weight:bold;font-size:14px}
|
|
|
.productItem .price em.p{color:#333333}
|
|
|
-.productItem .price .rmb{font-weight:bold;}
|
|
|
-.productItem .price .icon{display:inline-block;font-size:0;height:24px;line-height:24px;vertical-align:text-bottom;}
|
|
|
+.productItem .price .icon{display:inline-block;font-size:0;height:24px;line-height:24px;margin-left:4px;vertical-align:text-bottom;}
|
|
|
.productItem .price .icon:before{width:80px;height:24px;}
|
|
|
.productItem .price .icon.i0:before{background-position:-295px -140px}
|
|
|
.productItem .price .icon.i1:before{background-position:-295px -140px}
|
|
@@ -220,18 +212,14 @@ header{box-shadow: 0 2px 10px #ebecef;}
|
|
|
.productItem .price .icon.i3:before{background-position:-295px -208px}
|
|
|
.productItem .price .icon.i4:before{background-position:-295px -242px}
|
|
|
.productItem .price .icon.i5:before{background-position:-295px -276px}
|
|
|
-.productItem .btnBox{display:none;position:absolute;width:284px;height:68px;background:#fef6f3;text-align:center;bottom:0;left:0}
|
|
|
-.btnBox a {color: #fff;font-size:12px;text-align:center;}
|
|
|
+.productItem .btnBox{display:none;position:absolute;width:284px;height:68px;z-index:1;background:#fef6f3;text-align:center;bottom:0;left:0}
|
|
|
.productItem .item:hover .btnBox{display:block}
|
|
|
.productItem .item:hover .name span{color: #e15616;}
|
|
|
.productItem .item:hover{box-shadow:0px 2px 6px #dedede;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;transition:all 0.3s;-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);}
|
|
|
-.productItem .btn{display:block;width:158px;margin:12px auto;height:42px;line-height:42px;text-align:center;overflow:hidden;color:#F94B4B;background:#FFE6DC;border:1px solid #E15616;border-radius:2px}
|
|
|
+.productItem .btn{display:block;width:158px;margin:12px auto;height:42px;line-height:42px;font-size:16px;text-align:center;overflow:hidden;color:#F94B4B;background:#FFE6DC;border:1px solid #E15616;border-radius:2px}
|
|
|
.productItem .btn.add{color:#E15616;}
|
|
|
+.productItem .btn.cat{font-size:12px;width:80%;background:#E15616;color:#FFF}
|
|
|
.productItem .btn:hover{background:#E15616;color:#FFF}
|
|
|
-.price .login-btn{float:right;margin:10px 10px 0 0;padding:2px 5px;border:1px solid rgba(225,86,22,0.16862745098039217);color:#E15616;border-radius:2px;height:24px;line-height:24px}
|
|
|
-.price .pricebox{background:#e15616;width:244px;height:44px;line-height:44px;display:block;text-align:center;margin:12px auto}
|
|
|
-.priceicon{font-weight:bold}
|
|
|
-
|
|
|
|
|
|
/*分页*/
|
|
|
.pageWrap{width:1184px;text-align:center;margin:20px auto 36px}
|
|
@@ -249,7 +237,7 @@ header{box-shadow: 0 2px 10px #ebecef;}
|
|
|
/* 登录弹框 */
|
|
|
.loginAlert{padding-top:5px;}
|
|
|
.loginAlert span:first-child:after{content: ',';}
|
|
|
-/*.loginAlert:after{content:'';display:block;width:125px;height:125px;background:url(/img/account/to_login.png) no-repeat left top;background-size:100% 100%;margin:10px 0 0 15px;}*/
|
|
|
+.loginAlert:after{content:'';display:block;width:125px;height:125px;background:url(/img/account/to_login.png) no-repeat left top;background-size:100% 100%;margin:10px 0 0 15px;}
|
|
|
/* 咨询,回到顶部 */
|
|
|
#scrollTop{display:none;position:fixed;right:50%;margin-right:-700px;width:88px;z-index:9999;bottom:120px;}
|
|
|
#scrollTop .item{width:100%;background-color:#fff;box-sizing:border-box;text-align:center;box-shadow:0 2px 4px rgb(254,246,243);border-radius:2px;margin-bottom:10px;font-size:12px;position:relative}
|
|
@@ -266,7 +254,8 @@ header{box-shadow: 0 2px 10px #ebecef;}
|
|
|
#scrollTop .item:hover .phoneHover{display:block}
|
|
|
/* 活动标签,阶梯价格 */
|
|
|
.priceTag{position:relative}
|
|
|
-.priceTag .tag{display:inline-block;height:24px;line-height:24px;border:1px solid #ffe6dc;border-radius:2px;font-size:12px;color:#E15616;cursor:pointer;background:#fff;padding:0 24px 0 10px;position:relative;font-style:normal}
|
|
|
+.priceTag .tag,.listTag{display:inline-block;height:24px;line-height:24px;border:1px solid #ffe6dc;border-radius:2px;font-size:12px;color:#E15616;cursor:pointer;background:#fff;padding:0 24px 0 10px;position:relative;font-style:normal}
|
|
|
+.listTag{float:right;padding:0 12px;margin:12px 15px 0 0;}
|
|
|
.priceTag .tag:before{width:24px;height:24px;background-position:-88px 3px;position:absolute;right:0;top:0}
|
|
|
.priceTag .tag.on:before{background-position:-117px 3px}
|
|
|
.priceTag .ladder,.priceTag .promotion{position:absolute;background:#fff;box-shadow:0 3px 6px 0 #d7dfec;border-radius:2px;line-height:42px;left:0;top:28px;z-index:9;transition:all .8s;display:none}
|
|
@@ -285,16 +274,5 @@ header{box-shadow: 0 2px 10px #ebecef;}
|
|
|
.priceTag .promotion p.r{text-align:right;}
|
|
|
.priceTag .promotion .more{color:#f55c5c;text-decoration:underline;float:right;}
|
|
|
|
|
|
-
|
|
|
-.login-btn{float:right;margin:10px 10px 0 0;padding:2px 5px;border:1px solid rgba(225,86,22,0.16862745098039217);color:#E15616;border-radius:2px;height:24px;line-height:24px}
|
|
|
-.pricebox{background:#e15616;width:244px;height:44px;line-height:44px;display:block;text-align:center;margin:12px auto}
|
|
|
-.activity{text-align:center;display:inline-block;height:24px;border:1px solid rgba(225,86,22,0.30196078431372547);opacity:1;border-radius:2px;font-size:12px;font-family:Microsoft YaHei;font-weight:400;line-height:24px;color:rgba(225,86,22,1) !important;position:relative;z-index:1;cursor:pointer;background:#fff;padding:0px 20px 0 5px;margin-left:15px}
|
|
|
-.activitystyle{border-bottom:1px solid #fff !important}
|
|
|
-.activity .icon.shaky:before{width:20px;height:20px;position:absolute;top:-5px;right:0;background-position:-90px 6px}
|
|
|
-.activity .activeicon{background-position:-207px -46px;top:8px}
|
|
|
-.activityBox{border:1px solid rgba(225,86,22,0.30196078431372547);border-radius:0px 2px 2px 2px;position:absolute;background:#fff;left:0;font-size:12px;text-align:center;top:28px;line-height:40px;padding:10px;max-height:319px;overflow:auto}
|
|
|
-.activeBtn{width:57px;height:24px;background:#E15616;color:#fff;border-radius:2px;float:right;margin-top:10px;cursor:pointer}
|
|
|
-.priceicon{font-weight:bold}
|
|
|
-
|
|
|
/* 加载 */
|
|
|
.loading {box-sizing: border-box;padding: 200px 0;text-align: center;}
|