|
@@ -5,10 +5,10 @@
|
|
.noneImportant{display:none!important;}
|
|
.noneImportant{display:none!important;}
|
|
.baseHeadCenter,#container,.footMain{width:100%;overflow:hidden;}
|
|
.baseHeadCenter,#container,.footMain{width:100%;overflow:hidden;}
|
|
.pcOnly,.jqSelect .pc,.baseHeadTop,.baseHeadCenter .headCart,.baseHeadCenter .hotKey,.baseTopNav>.wrap{display:none!important;}
|
|
.pcOnly,.jqSelect .pc,.baseHeadTop,.baseHeadCenter .headCart,.baseHeadCenter .hotKey,.baseTopNav>.wrap{display:none!important;}
|
|
-.mIcon:before{content:'';display:inline-block;font-size:0;background:url(/static/img/base/icon_m11.png) no-repeat;background-size:75vw auto;transition:all .5s}
|
|
|
|
|
|
+.mIcon:before{content:'';display:inline-block;font-size:0;background:url(/img/base/icon_m.png) no-repeat;background-size:100vw auto;transition:all .5s}
|
|
.icon.shop,.icon.heart{vertical-align:middle;display:inline-block;height:5.5vw;line-height:5.5vw}
|
|
.icon.shop,.icon.heart{vertical-align:middle;display:inline-block;height:5.5vw;line-height:5.5vw}
|
|
-.icon.shop:before{width:7.5vw;height:6vw;background-position:-1% 60%}
|
|
|
|
-.icon.heart:before{width:5.5vw;height:5.5vw;background-position:0% 36.5%}
|
|
|
|
|
|
+.icon.shop:before{width:7.5vw;height:6vw;background-position:-91vw -.5vw}
|
|
|
|
+.icon.heart:before{width:5.5vw;height:5.5vw;background-position:0 -17vw}
|
|
.icon.shop .tips{display:none;}
|
|
.icon.shop .tips{display:none;}
|
|
.mf{display:-ms-flexbox;display:-webkit-flex;display:flex;}
|
|
.mf{display:-ms-flexbox;display:-webkit-flex;display:flex;}
|
|
.mfbt{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
|
|
.mfbt{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
|
|
@@ -30,8 +30,8 @@
|
|
.baseHeadCenter .mClassBtn,.classifyBox .mClassBtn,.baseHeadCenter .mUserIcon,.baseHeadCenter .mAddCart,.classifyBox .clsHead .close{padding:3.5vw 2.8vw;width:6.4vw;height:6.4vw}
|
|
.baseHeadCenter .mClassBtn,.classifyBox .mClassBtn,.baseHeadCenter .mUserIcon,.baseHeadCenter .mAddCart,.classifyBox .clsHead .close{padding:3.5vw 2.8vw;width:6.4vw;height:6.4vw}
|
|
.baseHeadCenter .mClassBtn:before,.classifyBox .mClassBtn:before,.baseHeadCenter .mUserIcon:before,.baseHeadCenter .mAddCart:before{content:'';display:block;width:6.4vw;height:6.4vw}
|
|
.baseHeadCenter .mClassBtn:before,.classifyBox .mClassBtn:before,.baseHeadCenter .mUserIcon:before,.baseHeadCenter .mAddCart:before{content:'';display:block;width:6.4vw;height:6.4vw}
|
|
.baseHeadCenter .mClassBtn:before,.classifyBox .mClassBtn:before{background-position:0 0}
|
|
.baseHeadCenter .mClassBtn:before,.classifyBox .mClassBtn:before{background-position:0 0}
|
|
-.baseHeadCenter .mUserIcon:before{background-position:11% 0}
|
|
|
|
-.baseHeadCenter .mAddCart:before{background-position:22% 0}
|
|
|
|
|
|
+.baseHeadCenter .mUserIcon:before{background-position:-8.6vw 0}
|
|
|
|
+.baseHeadCenter .mAddCart:before{background-position:-17vw 0}
|
|
.baseHeadCenter .searchBox{position:absolute;top:13.4vw;left:0;width:100%;padding-top:1.8vw}
|
|
.baseHeadCenter .searchBox{position:absolute;top:13.4vw;left:0;width:100%;padding-top:1.8vw}
|
|
.baseHeadCenter .search{width:93.4vw;height:9.6vw;margin:0 auto;border:1px solid #FFE6DC;border-radius:2px;position:relative}
|
|
.baseHeadCenter .search{width:93.4vw;height:9.6vw;margin:0 auto;border:1px solid #FFE6DC;border-radius:2px;position:relative}
|
|
.baseHeadCenter .search .jqSelect{width:27vw;height:9.6vw;position:relative;font-size: 0;}
|
|
.baseHeadCenter .search .jqSelect{width:27vw;height:9.6vw;position:relative;font-size: 0;}
|
|
@@ -40,7 +40,7 @@
|
|
.baseHeadCenter .search .jqSelect:after{content:'';position:absolute;right:0;top:3.4vw;width:.5vw;height:2.8vw;background:#BEC2C9}
|
|
.baseHeadCenter .search .jqSelect:after{content:'';position:absolute;right:0;top:3.4vw;width:.5vw;height:2.8vw;background:#BEC2C9}
|
|
.baseHeadCenter .search .keyword{position:absolute;right:0;top:0;border:none;outline:none;width:66.4vw;height:9.6vw;line-height:9.6vw;font-size:3.7vw;color:#4A4F58;text-indent:2.6vw}
|
|
.baseHeadCenter .search .keyword{position:absolute;right:0;top:0;border:none;outline:none;width:66.4vw;height:9.6vw;line-height:9.6vw;font-size:3.7vw;color:#4A4F58;text-indent:2.6vw}
|
|
.baseHeadCenter .search .searchBtn{position:absolute;right:1.2vw;top:0}
|
|
.baseHeadCenter .search .searchBtn{position:absolute;right:1.2vw;top:0}
|
|
-.baseHeadCenter .search .searchBtn:before{content:'';display:block;width:9.6vw;height:9.6vw;background-position:33% -1%}
|
|
|
|
|
|
+.baseHeadCenter .search .searchBtn:before{content:'';display:block;width:9.6vw;height:9.6vw;background-position:-24vw 1.5vw}
|
|
.baseHeadCenter.account{height:13.4vw;border-bottom:solid 1px #ebecef}
|
|
.baseHeadCenter.account{height:13.4vw;border-bottom:solid 1px #ebecef}
|
|
.baseHeadCenter.account .closeAccount{float:right;padding:3.5vw 2.8vw;width:6.4vw;height:6.4vw;text-align:center}
|
|
.baseHeadCenter.account .closeAccount{float:right;padding:3.5vw 2.8vw;width:6.4vw;height:6.4vw;text-align:center}
|
|
.baseHeadCenter.account .closeAccount:before{content:'\2715';font-size:4.5vw;font-weight:bold}
|
|
.baseHeadCenter.account .closeAccount:before{content:'\2715';font-size:4.5vw;font-weight:bold}
|
|
@@ -66,10 +66,10 @@
|
|
.footTop{width:100%;padding:2vw 0;background:#FFF;}
|
|
.footTop{width:100%;padding:2vw 0;background:#FFF;}
|
|
.footTop .wrap span{font-size:2.6vw;padding:0 2vw;text-align:center}
|
|
.footTop .wrap span{font-size:2.6vw;padding:0 2vw;text-align:center}
|
|
.footTop .wrap span:before{width:9.2vw;height:9.2vw;display:block;margin:0 auto}
|
|
.footTop .wrap span:before{width:9.2vw;height:9.2vw;display:block;margin:0 auto}
|
|
-.footTop .wrap span:nth-of-type(1):before{background-position:2% 12%}
|
|
|
|
-.footTop .wrap span:nth-of-type(2):before{background-position:21% 12%}
|
|
|
|
-.footTop .wrap span:nth-of-type(3):before{background-position:40.5% 12%}
|
|
|
|
-.footTop .wrap span:nth-of-type(4):before{background-position:60% 12%}
|
|
|
|
|
|
+.footTop .wrap span:nth-of-type(1):before{background-position:-14vw -40vw}
|
|
|
|
+.footTop .wrap span:nth-of-type(2):before{background-position:-28vw -40vw}
|
|
|
|
+.footTop .wrap span:nth-of-type(3):before{background-position:-42vw -40vw}
|
|
|
|
+.footTop .wrap span:nth-of-type(4):before{background-position:-56vw -40vw}
|
|
.footMain{width:100%;box-sizing:border-box;background:#4A4F58;color:#FFF}
|
|
.footMain{width:100%;box-sizing:border-box;background:#4A4F58;color:#FFF}
|
|
.footLink .list{width:100%;padding:0 3vw;box-sizing:border-box}
|
|
.footLink .list{width:100%;padding:0 3vw;box-sizing:border-box}
|
|
.footLink .con{display:none}
|
|
.footLink .con{display:none}
|
|
@@ -90,7 +90,7 @@
|
|
.footContact .cellNumber span:first-child{display:block}
|
|
.footContact .cellNumber span:first-child{display:block}
|
|
.footContact .cellNumber a{color:#FFF}
|
|
.footContact .cellNumber a{color:#FFF}
|
|
.copyright{text-align:center;color:#FFF;font-size:2.8vw;padding-bottom:4vw}
|
|
.copyright{text-align:center;color:#FFF;font-size:2.8vw;padding-bottom:4vw}
|
|
-.copyright .item:before{width:10vw;height:10vw;font-size:0;background-position:0% 19.4%}
|
|
|
|
|
|
+.copyright .item:before{width:10vw;height:10vw;font-size:0;background-position:-83.8vw -16.8vw}
|
|
.copyright .item span{display:block;line-height:5.5vw}
|
|
.copyright .item span{display:block;line-height:5.5vw}
|
|
/*商品Item*/
|
|
/*商品Item*/
|
|
.productItem{width:50%;height:81.8vw;overflow:hidden;text-align:center;background:none}
|
|
.productItem{width:50%;height:81.8vw;overflow:hidden;text-align:center;background:none}
|
|
@@ -110,7 +110,6 @@
|
|
.productItem .item .price em.p{color:#F55C5C}
|
|
.productItem .item .price em.p{color:#F55C5C}
|
|
.productItem .item .price .icon{display:inline-block;font-size:0;width:17vw;height:5vw;line-height:5vw;position:relative;vertical-align:top;margin-top:0}
|
|
.productItem .item .price .icon{display:inline-block;font-size:0;width:17vw;height:5vw;line-height:5vw;position:relative;vertical-align:top;margin-top:0}
|
|
.productItem .item .price .icon.on{position:absolute;left:0;top:0;margin:0}
|
|
.productItem .item .price .icon.on{position:absolute;left:0;top:0;margin:0}
|
|
-/*.productItem .item .price .icon:before{width:4vw;height:4vw;background-position:55% 25.2%}*/
|
|
|
|
.productItem .item .price .icon.on:before{background-position:49% 25.2%}
|
|
.productItem .item .price .icon.on:before{background-position:49% 25.2%}
|
|
.productItem .item .btn{height:9vw;line-height:9vw}
|
|
.productItem .item .btn{height:9vw;line-height:9vw}
|
|
.productItem .item .btn{display:inline-block;width:35.8vw;height:9vw;text-align:center;overflow:hidden;color:#F94B4B;background:#FEF6F3;border-radius:2px}
|
|
.productItem .item .btn{display:inline-block;width:35.8vw;height:9vw;text-align:center;overflow:hidden;color:#F94B4B;background:#FEF6F3;border-radius:2px}
|