|
|
@@ -56,9 +56,10 @@ iframe{width:320px !important;height: 280px !important}
|
|
|
.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}
|
|
|
-.baseHeadTop ul li{float:right;margin-left:12px;position:relative}
|
|
|
+.baseHeadTop{width:100%;font-size:14px;background:#F7F7F7;}
|
|
|
+.baseHeadTop .header_top_left{float: left;font-size: 14px;line-height: 40px;color: #909090;}
|
|
|
+.baseHeadTop .header_top_ul{height:40px;line-height:40px;float: right;}
|
|
|
+.baseHeadTop .header_top_ul li{float:right;margin-left:12px;position:relative}
|
|
|
.baseHeadTop li > a{display:inline-block;padding:0 6px;height:40px;border-bottom:1px solid transparent}
|
|
|
.baseHeadTop li > a:hover,.baseHeadTop li > a.on{color:#E15616;border-color:#E15616}
|
|
|
.baseHeadTop li .qrCode{display:none;position:absolute;right:calc((100% - 72px)/2);width:72px;height:96px;background:#FFF;box-shadow:0 3px 6px rgba(45,48,54,.2);border-radius:2px;z-index:9}
|
|
|
@@ -70,10 +71,37 @@ iframe{width:320px !important;height: 280px !important}
|
|
|
.baseHeadTop li .cShow{display:none;position:absolute;right:calc((100% - 90px)/2);width:90px;background:#FFF;box-shadow:0 3px 6px rgba(45,48,54,.2);border-radius:2px;z-index: 995;}
|
|
|
.baseHeadTop li .cShow a{display:inline-block;width:100%;height:38px;line-height:38px;white-space:nowrap;text-align:center}
|
|
|
.baseHeadTop li .cShow a:hover{background:#FEF6F3;color:#E15616}
|
|
|
+
|
|
|
+
|
|
|
+/* 购物车 */
|
|
|
+.baseHeadTop li.headCart{position:relative;}
|
|
|
+.baseHeadTop li.headCart .addBtn{display:inline-block;width:100%;height:44px;line-height:44px;box-sizing:border-box;position:relative;color:#333;font-size:14px;text-align:center;white-space:nowrap}
|
|
|
+.baseHeadTop li.headCart .addBtn:before{display:inline-block;width:20px;height:20px;vertical-align:middle;background-position:-30px -1px;margin-right:2px}
|
|
|
+.baseHeadTop li.headCart .addBtn em{color:#E15616;font-style:normal;margin-left:4px;}
|
|
|
+.baseHeadTop .cartData{display:none;position:absolute;right:0;top:40px;width:360px;box-sizing:border-box;background:#FFF;z-index:999;box-shadow:0px 3px 6px rgba(45,48,54,0.2);border-radius:2px}
|
|
|
+.baseHeadTop .cartData .empty{padding:72px 10px;text-align:center;font-size:16px;line-height:26px;}
|
|
|
+.baseHeadTop .cartData .empty a{color:#E15616;margin:0 5px;border-bottom:1px solid #e15616}
|
|
|
+.baseHeadTop .cartData .empty img{display:block;margin:0 auto 28px auto;width:160px;height:136px}
|
|
|
+.baseHeadTop .cartMain{max-height:424px;overflow:auto}
|
|
|
+.baseHeadTop .cartItem{width:100%;height:auto;box-sizing:border-box;padding:10px 10px 10px 106px;position:relative}
|
|
|
+.baseHeadTop .cartItem img{position:absolute;left:10px;top:10px;width:86px;height:86px;box-shadow:0 0 2px #eee}
|
|
|
+.baseHeadTop .cartItem span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;line-height:24px}
|
|
|
+.baseHeadTop .cartItem span.unit{color:#93979F}
|
|
|
+.baseHeadTop .cartItem span.price{color:#F94B4B;margin-top:14px}
|
|
|
+.baseHeadTop .cartItem .delBtn{position:absolute;right:10px;bottom:0;width:30px;line-height:30px;text-align:center;font-size:0;cursor: pointer;}
|
|
|
+.baseHeadTop .cartItem .delBtn:before{content:'\2715';color:#93979F;font-size:14px}
|
|
|
+.baseHeadTop .cartBtm{border-top:1px solid #EBECEF;box-sizing:border-box;height:60px;line-height:24px;padding:6px 10px;position:relative;}
|
|
|
+.baseHeadTop .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}
|
|
|
+.baseHeadTop .cartBtm .btn:hover{opacity:.8}
|
|
|
+.baseHeadTop .cartBtm>span{display:block}
|
|
|
+.baseHeadTop .cartBtm>span em{font-style:normal;color:#F94B4B}
|
|
|
+.baseHeadTop .headCart:hover .cartData{display:block;-webkit-animation:fadeInDown .4s;animation:fadeInDown .4s}
|
|
|
+
|
|
|
+
|
|
|
.baseHeadCenter,.baseTopNav{width:100%;background:#FFF}
|
|
|
-.baseHeadCenter .wrap{height:82px;box-sizing:border-box;padding-top:10px}
|
|
|
+.baseHeadCenter .wrap{height: 100px;box-sizing: border-box;padding: 10px 0;}
|
|
|
.baseHeadCenter .logo{float:left;width:178px;height:44px;margin-right:122px}
|
|
|
-.baseHeadCenter .searchBox{width:684px;float:left}
|
|
|
+.baseHeadCenter .searchBox{width:668px;float:left}
|
|
|
.baseHeadCenter .search{width:100%;height:44px;line-height:44px;border:1px solid #FFE6DC;position:relative}
|
|
|
.baseHeadCenter .search:before{content:'';position:absolute;left:104px;top:16px;height:12px;border-right:2px solid #C0C6D1}
|
|
|
.baseHeadCenter .search .jqSelect{width:104px;height:44px;line-height:44px;border:none}
|
|
|
@@ -83,9 +111,18 @@ iframe{width:320px !important;height: 280px !important}
|
|
|
.baseHeadCenter .keyword:focus{outline:none;border:none}
|
|
|
.baseHeadCenter .searchBtn{position:absolute;right: 0;top: 0;font-size:0;padding: 7px 12px;height: 30px;line-height: 30px;}
|
|
|
.baseHeadCenter .searchBtn:before{width: 30px;height: 30px;background-position: 4px 4px;}
|
|
|
-.baseHeadCenter .hotKey{color:#FFB496;font-size:12px;line-height:24px}
|
|
|
+.baseHeadCenter .hotKey{color:#FFB496;font-size:12px;line-height:28px}
|
|
|
.baseHeadCenter .hotKey .word{padding:0 5px;font-style:normal;cursor:pointer;}
|
|
|
.baseHeadCenter .hotKey .word:hover{color:#E15616}
|
|
|
+.baseHeadCenter .wechat_qrcode{width: 180px;height: 100%;float: left;margin-left: 33px;}
|
|
|
+.baseHeadCenter .wechat_qrcode .q_item{width: 60px;height: 100%;float: left;margin: 0 15px;position: relative;cursor: pointer;}
|
|
|
+.baseHeadCenter .wechat_qrcode .q_item:hover .q_item_code{display: block;}
|
|
|
+.baseHeadCenter .wechat_qrcode .q_item p{font-size: 12px;color: #909090;line-height: 20px;text-align: center;}
|
|
|
+.baseHeadCenter .wechat_qrcode .q_item_icon{width: 48px;height: 48px;border: 1px solid #ffe6dc;border-radius: 2px;margin: 0 auto;}
|
|
|
+.baseHeadCenter .wechat_qrcode .q_item_code{width: 128px;height: 128px;border-radius: 2px;position: absolute;top: 20px;left:24px;z-index: 999;display: none;box-shadow: 0px 3px 6px 0px rgba(74, 79, 88, 0.1);}
|
|
|
+.baseHeadCenter .wechat_qrcode .q_item_icon img{width: 48px;height: 48px;display: block;border-radius: 2px;}
|
|
|
+.baseHeadCenter .wechat_qrcode .q_item_code img{width: 128px;height: 128px;display: block;border-radius: 2px;}
|
|
|
+
|
|
|
.baseHeadCenter.account{border-bottom:1px solid #E15616}
|
|
|
.baseHeadCenter.account .wrap{padding-top:20px}
|
|
|
.baseHeadCenter.account .accountLogin{font-size:20px;float:right;line-height:44px}
|
|
|
@@ -103,29 +140,6 @@ iframe{width:320px !important;height: 280px !important}
|
|
|
.baseHeadCenter.article .search:before{display:none}
|
|
|
.baseHeadCenter.article .keyword{width:100%}
|
|
|
|
|
|
-/* 购物车 */
|
|
|
-.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:before{display:inline-block;width:20px;height:20px;vertical-align:middle;background-position:-30px -1px;margin-right:2px}
|
|
|
-.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.2);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 img{display:block;margin:0 auto 28px auto;width:160px;height:136px}
|
|
|
-.baseHeadCenter .cartMain{max-height:424px;overflow:auto}
|
|
|
-.baseHeadCenter .cartItem{width:100%;height:auto;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;cursor: pointer;}
|
|
|
-.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}
|
|
|
/* 导航栏 */
|
|
|
.baseTopNav{position:relative;height:44px;border-top:1px solid #E15616}
|
|
|
.baseTopNav>.wrap{height:44px;box-sizing:border-box;position:relative;z-index:991;}
|
|
|
@@ -137,6 +151,7 @@ iframe{width:320px !important;height: 280px !important}
|
|
|
.baseTopNav .nav.home:after{background-position:-30px -31px}
|
|
|
.baseTopNav .classBtn:after{background-position:0 -31px;transition: all .5s;}
|
|
|
.baseTopNav .classBtn.on:after{transform:rotate(90deg);}
|
|
|
+.baseTopNav .classBtn:hover .baseTopNav .classifyBox{display: block;}
|
|
|
.baseTopNav .navBox li:nth-of-type(1) .nav:after{background-position:-60px -31px}
|
|
|
.baseTopNav .navBox li:nth-of-type(2) .nav:after{background-position:-90px -31px}
|
|
|
.baseTopNav .navBox li:nth-of-type(3) .nav:after{background-position:-120px -31px}
|
|
|
@@ -148,37 +163,46 @@ iframe{width:320px !important;height: 280px !important}
|
|
|
.baseTopNav .navBox{width:500px}
|
|
|
.baseTopNav .navBox ul{width:980px;}
|
|
|
.baseTopNav .navBox li{float:left;position:relative}
|
|
|
-.baseTopNav .navBox li>div{display:none;position:absolute;left:0;background:#FFF;box-shadow:0 3px 6px rgba(45,48,54,.2);border-radius:0 0 2px 2px;z-index:990}
|
|
|
-.baseTopNav .navBox li:hover div{display:block}
|
|
|
-.baseTopNav .navBox li>div a{display:inline-block;width:100%;height:38px;line-height:38px;white-space:nowrap;text-align:center;box-sizing:border-box;padding:0 15px}
|
|
|
-.baseTopNav .navBox li>div a:hover{background:#FEF6F3;color:#E15616}
|
|
|
-.baseTopNav .classifyBox{display:none;position:absolute;left:50%;top:44px;z-index:990;transform:translateX(-50%);box-shadow:0 3px 6px rgba(45,48,54,.2);}
|
|
|
+.baseTopNav .classifyBox{display:none;position:absolute;left:0;top:44px;z-index:990;min-height: 510px;padding: 0 0 20px 0;}
|
|
|
/* 分类 */
|
|
|
-.classifyBox{width:1184px;margin:0 auto;box-sizing:border-box;padding:8px 16px;background:#FFF;border-radius:0 0 2px 2px}
|
|
|
-.classifyBox .clsTab{height:56px;line-height:56px;white-space:nowrap;border-bottom:1px solid #FFE6DC}
|
|
|
-.classifyBox .clsTab a{display:inline-block;cursor:default;height:100%;padding:0 10px 0 10px;font-size:16px;font-weight:bold;color:#2D3036;border-bottom:1px solid transparent;margin-right: 30px}
|
|
|
+.classifyBox{margin:0 auto;box-sizing:border-box;background:rgba(255,255,255,0.90);border-radius:0 0 2px 2px}
|
|
|
+.classifyBox .clsTab{height:56px;line-height:56px;white-space:nowrap;border-bottom:1px solid #FFE6DC;padding:0 30px;}
|
|
|
+.classifyBox .clsTab a{display:inline-block;height:100%;padding:0 10px 0 10px;font-size:16px;font-weight:bold;color:#2D3036;border-bottom:1px solid transparent;margin-right: 30px}
|
|
|
.classifyBox .clsTab a:hover,.classifyBox .clsTab a.on{color:#E15616;border-color:#E15616}
|
|
|
-.classifyBox .clsCon{padding:10px 0}
|
|
|
-.classifyBox .line{position:relative;padding-left:100px;line-height:32px}
|
|
|
-.classifyBox .line:after{content:'';position:absolute;left:100px;top:0;border-right:1px solid #FFE6DC;height:100%}
|
|
|
-.classifyBox .lft{position:absolute;top:0;left:0;width:100px;color:#000}
|
|
|
-.classifyBox .lft a{display:inline-block;width:100%;line-height:24px;padding:10px;box-sizing:border-box;color: #627386;}
|
|
|
-.classifyBox .rgt{color:#666;padding:6px 0 6px 6px;position:relative}
|
|
|
-.classifyBox .rgt a{display:inline-block;height:32px;line-height:32px;padding:0 22px;cursor:pointer;color: #627386;}
|
|
|
-.classifyBox .rgt a.on,.classifyBox .clsCon .rgt a:hover{color:#e15616;background:#fbe7de}
|
|
|
-.classifyBox .line:hover .rgt:after,.classifyBox .line.on .rgt:after{content:'';position:absolute;left:0;top:0;z-index:1;border-right:1px solid #E15616;height:100%}
|
|
|
-.classifyBox .line:hover .lft a,.classifyBox .line.on .lft a{color:#E15616}
|
|
|
-.classifyBox .line:hover{background:#fbfafa}
|
|
|
+.classifyBox .clsCon{padding:20px 0;box-sizing: border-box;}
|
|
|
+.classifyBox .tabItem_lift{width: 152px;float: left;border-right: 1px solid #FFE6DC;}
|
|
|
+.classifyBox .tabItem_lift a{display:inline-block;width:100%;line-height:40px;box-sizing:border-box;color: #627386;padding:10px 0 10px 30px;float: left;transform: translateX(-3px);}
|
|
|
+.classifyBox .tabItem_lift .tabItem_lift_icon{width: 20px;height: 20px;display: block;float: left;}
|
|
|
+.classifyBox .tabItem_lift .tabItem_lift_p{float: left;margin-left: 8px;line-height: 20px;}
|
|
|
+.classifyBox .tabItem_lift a.on{background: #fef6f3;color: #E15616;border-color: #ffffff;transform: translateX(0);transition: all 0.8s;}
|
|
|
+.classifyBox .tabItem_right{float: left;box-sizing: border-box;min-width: 280px;}
|
|
|
+.classifyBox .tabItem_right .tabItem_right_content {display: none;}
|
|
|
+.classifyBox .tabItem_right .tabItem_right_content.on{display: block;}
|
|
|
+.classifyBox .tabItem_right .line{position:relative;line-height:40px;height: 40px;}
|
|
|
+.classifyBox .tabItem_right .lft{float: left;color:#000;line-height:40px;height: 40px;width: 150px;box-sizing: border-box;padding: 0 16px;font-weight: bold;}
|
|
|
+.classifyBox .tabItem_right .lft.none{width: 100px;}
|
|
|
+.classifyBox .tabItem_right .lft.none a{color: #E15616;}
|
|
|
+.classifyBox .tabItem_right .lft a{display:inline-block;width:100%;line-height:40px;box-sizing:border-box;color: #627386;}
|
|
|
+.classifyBox .tabItem_right .lft a p{text-align: left;float: left;}
|
|
|
+.classifyBox .tabItem_right .lft a span{text-align: right;float: right;display: inline-block;}
|
|
|
+.classifyBox .tabItem_right .rgt{color:#666;position:relative;box-sizing: border-box;padding: 0 10px;height: 100%;line-height: 40px;float: left;}
|
|
|
+.classifyBox .tabItem_right .rgt a{display:inline-block;height:44x;line-height:44px;padding:0 22px;cursor:pointer;color: #627386;box-sizing: border-box;border-bottom: 1px solid #FFFFFF;}
|
|
|
+.classifyBox .tabItem_right .rgt a.on,.classifyBox .clsCon .rgt a:hover{color:#e15616;border-color: #E15616;}
|
|
|
+.classifyBox .tabItem_right .rgt a p{text-align: left;float: left;}
|
|
|
+.classifyBox .tabItem_right .rgt a span{text-align: right;float: right;display: inline-block;}
|
|
|
+/*.classifyBox .line:hover .rgt:after,.classifyBox .line.on .rgt:after{content:'';position:absolute;left:0;top:0;z-index:1;border-right:1px solid #E15616;height:100%}*/
|
|
|
+.classifyBox .tabItem_right .line:hover .lft a,.classifyBox .line.on .lft a{color:#E15616}
|
|
|
+.classifyBox .tabItem_right .line:hover{background:#fbfafa}
|
|
|
/* 底部 */
|
|
|
.footTop{width:100%;height:60px;padding:20px 0;margin-top:30px;background:#FFF}
|
|
|
.footTop .wrap{text-align:justify;font-size:0;}
|
|
|
.footTop .wrap:after{content: '';display:inline-block;width:100%;}
|
|
|
-.footTop .wrap span{display:inline-block;height:60px;line-height:60px;color:#4A4F58;font-weight:bold;font-size:16px;text-align:center}
|
|
|
+.footTop .wrap span{display:inline-block;height:60px;line-height:60px;color:#4A4F58;font-weight:bold;font-size:16px;text-align:center;}
|
|
|
.footTop .wrap span:before{width:60px;height:60px;vertical-align:middle;margin-right:5px;}
|
|
|
-.footTop .wrap span:nth-of-type(1):before{background-position:-5px -65px}
|
|
|
-.footTop .wrap span:nth-of-type(2):before{background-position:-85px -65px}
|
|
|
-.footTop .wrap span:nth-of-type(3):before{background-position:-165px -65px}
|
|
|
-.footTop .wrap span:nth-of-type(4):before{background-position:-245px -65px}
|
|
|
+.footTop .wrap span:nth-of-type(1):before{background-position:-5px -65px;}
|
|
|
+.footTop .wrap span:nth-of-type(2):before{background-position:-85px -65px;}
|
|
|
+.footTop .wrap span:nth-of-type(3):before{background-position:-165px -65px;}
|
|
|
+.footTop .wrap span:nth-of-type(4):before{background-position:-245px -65px;}
|
|
|
.footMain{width:100%;background:#4A4F58}
|
|
|
.footLink{display:table;padding:12px 0}
|
|
|
.footLink>div{display:table-cell;width:171px}
|
