@charset "utf-8";
/**
* 移动端
*/
.noneImportant{display:none!important;}
.baseHeadCenter,#container,.footMain{width:100%;overflow:hidden;}
.pcOnly,.jqSelect .pc,.baseHeadTop,.baseHeadCenter .headCart,.baseHeadCenter .hotword,.baseTopNav>.wrap{display:none!important;}
.mIcon:before{content:'';display:inline-block;font-size:0;background:url(/img/base/icon_m.png) no-repeat;background-size:75vw auto;transition:all .5s}
.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 .tips{display:none;}
.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;}
.mfc{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.mfhc{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;}
.mfw{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.mfi{-ms-flex:1;-webkit-flex:1;flex:1;}
.jqSelect{position:relative;}
.jqSelect select{box-sizing:border-box;width:24vw;padding: 0 6vw 0 3vw;border-radius:2px;cursor:pointer;position:relative;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;}
.jqSelect select::-ms-expand{display:none;}
.jqSelect:before{content:'\276F';font-weight:normal;position:absolute;right:3vw;top:0;transform:rotate(90deg);font-size:3.6vw;color:#4A4F58}
.mFixed{position:fixed;bottom:0;left:0;width:100%;height:100%;margin:0 auto;z-index:50;overflow-y:scroll;background-color:#FFF;-webkit-overflow-scrolling:touch}
/* 头部 */
.baseHeadCenter{box-sizing:border-box;width:100%;height:26.8vw;padding:0 2vw;position:relative;background:#FFF}
.baseHeadCenter .logo,.classifyBox .logo{width:23.8vw;height:5.9vw;padding:3.75vw 0;position:absolute;top:0;left:50%;margin-left:-11.9vw}
.baseHeadCenter .logo img,.classifyBox .logo img{display:block;width:23.8vw;height:5.9vw}
.baseHeadCenter .mClassBtn,.classifyBox .mClassBtn{float:left}
.baseHeadCenter .mUserCenter{float:right}
.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{background-position:0 0}
.baseHeadCenter .mUserIcon:before{background-position:11% 0}
.baseHeadCenter .mAddCart:before{background-position:22% 0}
.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 .jqSelect{width:27vw;height:9.6vw;position:relative;font-size: 0;}
.baseHeadCenter .search .jqSelect select{width:27vw;height:9.6vw;line-height:9.6vw;border:none;font-size:3.7vw;color:#4A4F58;padding:0 6vw 0 3vw}
.baseHeadCenter .search .jqSelect:before{right:4vw;line-height:9.6vw}
.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 .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%}
/* 分类 */
.classifyBox{display:none;background:#F7F7F7;overflow:hidden}
.classifyBox .clsHead{position:relative;background:#FFF}
.classifyBox .clsHead .close{float:right;text-align:center}
.classifyBox .clsHead .close:before{content:'\2715';font-size:4.5vw;font-weight:bold}
.classifyBox .mClassBtn:before{transform:rotate(90deg)}
.classifyBox .clsTab,.classifyBox .clsCon{position:absolute;top:13.7vw;height:calc(100% - 13.7vw)}
.classifyBox .clsTab{left:0;width:26vw;background:#FFF}
.classifyBox .clsCon{right:0;width:73.6vw;overflow-y:scroll;-webkit-overflow-scrolling:touch}
.classifyBox a{color:#93979F}
.classifyBox .clsTab a{display:block;height:13vw;line-height:13vw;text-align:center;font-size:3.4vw}
.classifyBox .clsTab a.on,.classifyBox .rgt a.on{color:#E15616}
.classifyBox .tabItem .lft{height:10.7vw;line-height:10.7vw;padding-left:3vw;font-size:3.7vw}
.classifyBox .tabItem .rgt{background:#FFF}
.classifyBox .tabItem .rgt a{width:20.8vw;height:29.8vw;margin:2.6vw 1.3vw}
.classifyBox .tabItem .rgt img{display:block;width:20.8vw;height:20.8vw}
.classifyBox .tabItem .rgt span{display:block;line-height:9vw;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:3.4vw;color:#4A4F58}
/* 底部 */
.footTop{width:100%;padding:2vw 0;background:#FFF;}
.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: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%}
.footMain{width:100%;box-sizing:border-box;background:#4A4F58;color:#FFF}
.footLink .list{width:100%;padding:0 3vw;box-sizing:border-box}
.footLink .con{display:none}
.footLink .tab,.footLink .con a{width:100%;box-sizing:border-box;display:block;font-size:3.4vw;height:10.6vw;line-height:10.6vw;border-top:1px solid #999FAB;position:relative}
.footLink .list:first-child .tab{border-top:none}
.footLink .con a{color:#999}
.footLink .tab:after,.footLink .con a:after{font-size:5vw;position:absolute;top:2.1vw;right:0;width:6.4vw;height:6.4vw;line-height:6.4vw;text-align:center}
.footLink .tab:after{content:'\271B';transition:all .8s}
.footLink .con a:after{content:'\276F'}
.footLink .list.on{background:#2D3036}
.footLink .list.on .tab:after{transform:rotate(90deg);content:'\2758'}
.footContact{text-align:center;padding:6.4vw 0}
.footContact p{display:inline-block;width:26.6vw;background:#FFF;border-radius:2px;overflow:hidden;margin:0 1.2vw}
.footContact p img{width:26.6vw;height:26.6vw}
.footContact p span{line-height:8.8vw;white-space:nowrap;font-size:3.2vw;color:#4A4F58}
.footContact .cellNumber{line-height:7.2vw;font-size:2.8vw;color:#FFF;padding-top:3vw}
.footContact .cellNumber span{margin:0 2vw;display:inline-block}
.footContact .cellNumber span:first-child{display:block}
.footContact .cellNumber a{color:#FFF}
.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 span{display:block;line-height:5.5vw}
/*商品Item*/
.productItem{width:50%;height:81.8vw;overflow:hidden;text-align:center;background:none}
.productItem .item{position:relative;zoom:1;vertical-align:middle;overflow:hidden;width:45.4vw;height:79.2vw;margin:0 auto;background:#FFF;box-shadow:0 1px 3px #ccc;border-radius:2px;font-size:3.4vw}
.productItem .item img{display:block;width:100%;height:45.4vw}
.productItem .item a{height:auto;}
.productItem .item img{width:45.4vw;height:45.4vw;display:block}
.productItem .item .image .icon{position:absolute;right:2.4vw;top:2.4vw}
.productItem .item .image .icon.hot:before,.productItem .item .image .icon.new:before{display:block;width:7.6vw;height:9vw}
.productItem .item .image .icon.hot:before{background-position:10% 26%}
.productItem .item .image .icon.new:before{background-position:-1% 26%}
.productItem .item .name{display:block;box-sizing:border-box;padding:2.6vw 3.5vw .4vw;height:10vw;line-height:5vw;text-align: left;}
.productItem .item .name span{color:#93979F;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.productItem .item .name em{font-style: normal;color: #e15616;}
.productItem .item .price{height:21vw;text-align:center}
.productItem .item .price em{display:block;height:7vw;line-height:4.6vw;color:#4A4F58;font-style:normal;}
.productItem .item .price em.p{color:#F55C5C}
.productItem .item .price .icon{display:inline-block;font-size:0;width:4vw;height:4vw;line-height:4vw;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:before{width:4vw;height:4vw;background-position:55% 25.2%}
.productItem .item .price .icon.on:before{background-position:49% 25.2%}
.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.add{background:#FEF6F3;color:#E15616;}
.noMore{height:10vw;line-height:10vw;text-align:center;color:#ccc}
/*登录弹框*/
.loginAlert{display:none;background-color:rgba(74,79,88,.7);z-index:999}
.loginAlert .box{box-sizing:border-box;width:74.6vw;height:80vw;padding-top:7.6vw;position:relative;top:50%;margin:-40vw auto 0 auto;font-size:3.7vw;background:#FFF;border-radius:1.6vw;color:#4A4F58;line-height:5.4vw;text-align:center}
.loginAlert .box:before{content:'';display:block;width:26.7vw;height:26.7vw;background:url(/img/base/to_login_m.png) no-repeat left top;background-size:100% 100%;margin:0 auto}
.loginAlert .hd{display:none}
.loginAlert .bd{padding:2vw 0}
.loginAlert .bd span{display:block}
.loginAlert .bd a.btn{display:block;width:55.2vw;height:11.6vw;line-height:11.6vw;text-align:center;color:#FFF;background:#E15621;border-radius:5.8vw;margin:5.4vw auto 4.2vw}
.loginAlert .bd em.btn{font-style:normal;padding:0 5.4vw}
/* 咨询，回到顶部 */
#scrollTop{display:none;position:fixed;right:0;;z-index:9999;bottom:4vw;}
#scrollTop .item{width:12vw;background-color:rgba(190,194,201,.3);box-sizing:border-box;text-align:center;margin-bottom:2.5vw;font-size:3vw;position:relative}
#scrollTop .item>span{box-sizing:border-box;display:block;padding:1.5vw;line-height:3.4vw;}
#scrollTop .item .phone,#scrollTop .item .toTop{width:100%;height:100%;}
#scrollTop .item .phone:before,#scrollTop .item .toTop:before{display:block;margin:0 auto;width:5.8vw;height:5.8vw;}
#scrollTop .item .phone:before{background-position:31.5% 26%;}
#scrollTop .item .toTop:before{background-position:21.5% 26%;}
#scrollTop .phoneHover{display:none;background-color:rgba(74,79,88,.7);z-index:999;}
#scrollTop .phoneHover>div{box-sizing:border-box;width:74.6vw;height:107.3vw;padding-top:32vw;background:url(/img/common/hotline_m.jpg) no-repeat left top;background-size:100% 100%;border-radius:1.6vw;position:relative;top:50%;margin:-60vw auto 0 auto;line-height:9.6vw;font-size:4.2vw}
#scrollTop .phoneHover i{font-style:normal;color:#FFF}
#scrollTop .phoneHover .close{position:absolute;left:50%;bottom:-12vw;margin-left:-2.7vw;width:5.4vw;height:5.4vw;line-height:5.4vw;text-align:center;border:1px solid #FFF;border-radius:50%;font-size:0}
#scrollTop .phoneHover .close:before{content:'\2715';font-size:4vw}
#scrollTop .phoneHover span{color:#93979F;display:block;margin-top:1.4vw}
#scrollTop .phoneHover a{color:#E15616}
#scrollTop .phoneHover a>i{display:inline-block;height:7.2vw;line-height:7.2vw;padding:0 2vw;background:#F55C5C;border-radius:3.6vw;margin-left:4vw;font-size:3.4vw}



