|
@@ -4,6 +4,11 @@
|
|
*/
|
|
*/
|
|
body{min-width:1200px;}
|
|
body{min-width:1200px;}
|
|
.h5Only{display:none;}
|
|
.h5Only{display:none;}
|
|
|
|
+/*定义滚动条样式*/
|
|
|
|
+::-webkit-scrollbar{width:10px;height:10px;background-color:#F6F6F6}
|
|
|
|
+::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.1);border-radius:2px;background-color:#F6F6F6}
|
|
|
|
+::-webkit-scrollbar-thumb{border-radius:2px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);background-color:#93979F}
|
|
|
|
+/* 自定义下拉框 */
|
|
.jqSelect{position:relative;width:100px;height:32px;line-height:32px;border:1px solid #666;border-radius:2px;cursor:pointer}
|
|
.jqSelect{position:relative;width:100px;height:32px;line-height:32px;border:1px solid #666;border-radius:2px;cursor:pointer}
|
|
.jqSelect:before{content:'\276F';font-weight: normal;position: absolute;right: 10px;top: 0;transform: rotate(90deg);}
|
|
.jqSelect:before{content:'\276F';font-weight: normal;position: absolute;right: 10px;top: 0;transform: rotate(90deg);}
|
|
.jqSelect select{display:none}
|
|
.jqSelect select{display:none}
|
|
@@ -44,14 +49,30 @@ body{min-width:1200px;}
|
|
.baseHeadCenter .hotword{color:#93979F;font-size:12px;line-height:24px}
|
|
.baseHeadCenter .hotword{color:#93979F;font-size:12px;line-height:24px}
|
|
.baseHeadCenter .hotword a{color:#93979F;padding:0 5px}
|
|
.baseHeadCenter .hotword a{color:#93979F;padding:0 5px}
|
|
.baseHeadCenter .hotword a:hover{color:#E15616}
|
|
.baseHeadCenter .hotword a:hover{color:#E15616}
|
|
|
|
+/* 购物车 */
|
|
.baseHeadCenter .headCart{width:184px;height:44px;float:right;position:relative;}
|
|
.baseHeadCenter .headCart{width:184px;height:44px;float:right;position:relative;}
|
|
.baseHeadCenter .headCart .addBtn{display:inline-block;width:100%;height:44px;line-height:44px;box-sizing:border-box;border:1px solid #FFE6DC;position:relative;color:#333;font-size:14px;text-align:center;white-space:nowrap}
|
|
.baseHeadCenter .headCart .addBtn{display:inline-block;width:100%;height:44px;line-height:44px;box-sizing:border-box;border:1px solid #FFE6DC;position:relative;color:#333;font-size:14px;text-align:center;white-space:nowrap}
|
|
.baseHeadCenter .headCart .addBtn:before{display:inline-block;width:20px;height:20px;vertical-align:middle;background-position:-30px -1px;margin-right:2px}
|
|
.baseHeadCenter .headCart .addBtn:before{display:inline-block;width:20px;height:20px;vertical-align:middle;background-position:-30px -1px;margin-right:2px}
|
|
-.baseHeadCenter .cartData{display:none;position:absolute;right:0;top:44px;width:360px;box-sizing:border-box;padding:10px;background:#FFF;z-index:999;box-shadow:0px 3px 6px rgba(45,48,54,0.17);border-radius:2px}
|
|
|
|
-.baseHeadCenter .cartData .empty{text-align:center;font-size:16px;line-height:26px;padding:62px 0}
|
|
|
|
|
|
+.baseHeadCenter .headCart .addBtn em{color:#E15616;font-style:normal;margin-left:4px;}
|
|
|
|
+.baseHeadCenter .cartData{display:none;position:absolute;right:0;top:44px;width:360px;box-sizing:border-box;background:#FFF;z-index:999;box-shadow:0px 3px 6px rgba(45,48,54,0.17);border-radius:2px}
|
|
|
|
+.baseHeadCenter .cartData .empty{padding:72px 10px;text-align:center;font-size:16px;line-height:26px;}
|
|
.baseHeadCenter .cartData .empty a{color:#E15616;margin:0 5px;border-bottom:1px solid #e15616}
|
|
.baseHeadCenter .cartData .empty a{color:#E15616;margin:0 5px;border-bottom:1px solid #e15616}
|
|
.baseHeadCenter .cartData .empty img{display:block;margin:0 auto 28px auto;width:160px;height:136px}
|
|
.baseHeadCenter .cartData .empty img{display:block;margin:0 auto 28px auto;width:160px;height:136px}
|
|
|
|
+.baseHeadCenter .cartMain{max-height:424px;overflow:auto}
|
|
|
|
+.baseHeadCenter .cartItem{width:100%;height:106px;box-sizing:border-box;padding:10px 10px 10px 106px;position:relative}
|
|
|
|
+.baseHeadCenter .cartItem img{position:absolute;left:10px;top:10px;width:86px;height:86px;box-shadow:0 0 2px #eee}
|
|
|
|
+.baseHeadCenter .cartItem span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;line-height:24px}
|
|
|
|
+.baseHeadCenter .cartItem span.unit{color:#93979F}
|
|
|
|
+.baseHeadCenter .cartItem span.price{color:#F94B4B;margin-top:14px}
|
|
|
|
+.baseHeadCenter .cartItem .delBtn{position:absolute;right:10px;bottom:0;width:30px;line-height:30px;text-align:center;font-size:0}
|
|
|
|
+.baseHeadCenter .cartItem .delBtn:before{content:'\2715';color:#93979F;font-size:14px}
|
|
|
|
+.baseHeadCenter .cartBtm{border-top:1px solid #EBECEF;box-sizing:border-box;height:60px;line-height:24px;padding:6px 10px;position:relative}
|
|
|
|
+.baseHeadCenter .cartBtm .btn{position:absolute;right:10px;top:10px;height:40px;line-height:40px;border-radius:2px;padding:0 20px;background:#E15616;color:#FFF;font-size:14px}
|
|
|
|
+.baseHeadCenter .cartBtm .btn:hover{opacity:.8}
|
|
|
|
+.baseHeadCenter .cartBtm>span{display:block}
|
|
|
|
+.baseHeadCenter .cartBtm>span em{font-style:normal;color:#F94B4B}
|
|
.baseHeadCenter .headCart:hover .cartData{display:block;-webkit-animation:fadeInDown .4s;animation:fadeInDown .4s}
|
|
.baseHeadCenter .headCart:hover .cartData{display:block;-webkit-animation:fadeInDown .4s;animation:fadeInDown .4s}
|
|
|
|
+/* 导航栏 */
|
|
.baseTopNav{position:relative;height:44px;border-top:1px solid #E15616}
|
|
.baseTopNav{position:relative;height:44px;border-top:1px solid #E15616}
|
|
.baseTopNav>.wrap{height:44px;box-sizing:border-box;position:relative;z-index:991;}
|
|
.baseTopNav>.wrap{height:44px;box-sizing:border-box;position:relative;z-index:991;}
|
|
.baseTopNav .home,.baseTopNav .classBtn,.baseTopNav .navBox{float:left}
|
|
.baseTopNav .home,.baseTopNav .classBtn,.baseTopNav .navBox{float:left}
|