body{ background:#f6f8f8;}
.pubIcon{ background:url(indexIcon.png) no-repeat 0 0; background-size:150px 150px;}
.mainBody{ min-width:320px; max-width:720px; width:100%; margin:0 auto; position:relative; padding-bottom:56px; height:auto; overflow-x:hidden; overflow-y:auto;}
.topAd{ width:100%; height:100%; position:relative; overflow: hidden;}
.topAdPic,.topAdPic img{ width:100%; height:auto; font-size:0;}
.topAd i{ background-position:0 0; width:1.4rem; height:1.4rem; display:block; position:absolute; right:0.6rem; top:0.6rem; z-index:2;cursor:pointer;}

.header{ background:#e5383b; height:28px; padding:10px; position: relative; z-index:100; width:100%; left:0; top:0;}
.header .logo{ width:32px; height:25px; font-size:0; float:left;}
.header .logo img{ width:100%; height:auto;}

.headerFix{ background:#e5383b; height:28px; padding:10px; position: absolute; z-index:100; width:100%; position:fixed; top:0;opacity:0.87;-moz-opacity:0.87;-webkit-opacity:0.87;}
.headerFix .logo{ width:32px; height:28px; font-size:0; float:left;}
.headerFix .logo img{ width:100%; height:auto;}

.search{ float:left; margin-left:10px; height:26px; position:relative;}
.search .searchForm{ background:#fcebec; height:26px; line-height:26px; border:1px solid #e8d7d7; border-radius:3px; padding-left:28px; font-size:1.4rem; color:#666666; font-family:"黑体";}
.search i{ display:inline-block; position:absolute; background-position:-30px 0; width:13px; height:13px; top:6px; left:8px;}
.header .searBtn{float:left;width:45px; height:25px; background:none; display:block; line-height:100%; text-align:center; font-size:14px; color:#fff;  font-family:"黑体";}
.headerFix .searBtn{ width:45px; height:25px; background:none; display:block; line-height:100%; text-align:center; font-size:14px; color:#fff; float:right; font-family:"黑体";}
.fl{ float:left;}
.dhbody{background-color:#FFFFFF;height:auto;*zoom:1;}
/*图片轮播效果*/
.floor{background-color:#fff; width:100%; overflow:hidden; max-height:330px; min-height:132px;}
.slideBox{ position:relative;overflow:hidden;max-width:800px;/* 设置焦点图最大宽度 */ }
.slideBox .hd{ position:absolute; height:6px; line-height:6px; bottom:8px; left:0; z-index:1; text-align:center; width:100%;}
.slideBox .hd li{ display:inline-block; width:6px; height:6px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#fff; text-indent:-9999px; overflow:hidden; margin:0 6px; opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);}
.slideBox .hd li.on{ background:#fff;opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center; float:left;}
.slideBox .bd li img{ background:url(loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);}  /* 去掉链接触摸高亮 */
.categoryList{ width:100%; padding:1% 0; background:#fff; margin-bottom:1.5%;}
.categoryList li{ width:25%; float:left; text-align:center; padding:2% 0;}
.categoryList li a{ width:100%; display:block; color:#333;}
.categoryList li a i{ display:block; margin:0 auto; width:50px; height:50px;border-radius:25px;}
.categoryList li a span{ display:block; line-height:15px; font-size:12px; margin-top:5px;}
.phoneExc{ margin:1.5% 0; background:#fff; width:100%;}
.phoneExc .title{ height:3rem; border-bottom:1px solid #e8e8e8; padding:0 1rem;}
.phoneExc .title h3{ float:left; color:#333; font-size:1.4rem; font-weight:normal; border-left:4px solid #fc5a5a; height:1.4rem;  line-height:1.4rem; margin-top:0.8rem; padding-left:0.5rem;}
.phoneExc .title a{ float:right; display:block; line-height:3rem; color:#666666; font-size:0;}
.phoneExc .title a span,.phoneExc .title a i{ display:inline-block; vertical-align:middle;}
.phoneExc .title a span{ font-size:1.2rem;}
.phoneExc .title a i{ background-position:-49px 0; width:15px; height:15px; margin-left:0.5rem;}
.phoneExcList{ width:100%; padding:1rem 0; overflow-x:auto; overflow-y:hidden;}
.phoneExcList li{ float:left; padding:0 10px;  border-right:1px solid #e8e8e8; position:relative;}
.phoneExcList a{ display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
.phoneExcList li .pic{ width:100%; margin-bottom:0.5rem; font-size:0;}
.phoneExcList li .pic img{ width:100%; height:auto;}
.phoneExcList .name{ width:100%; height:1.5rem; line-height:1.5rem; font-size:1.2rem; overflow: hidden;text-overflow:ellipsis; white-space:nowrap; color:#333;}
.phoneExcList .price{ font-size:1.2rem; height:1.5rem; line-height:1.5rem; color:#fc4646; font-family:"Microsoft YaHei";}
.phoneExcListXsQg{ width:100%; padding:1rem 0; overflow-x:auto; overflow-y:hidden;}
.phoneExcListXsQg li{ float:left; padding:0 10px;  border-right:1px solid #e8e8e8; position:relative;}
.phoneExcListXsQg li a{ display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
.phoneExcListXsQg li .pic{ width:100%; margin-bottom:0.5rem; font-size:0;}
.phoneExcListXsQg li .pic img{ width:100%; height:auto;}
.phoneExcListXsQg li .name{ width:100%; height:1.5rem; line-height:1.5rem; font-size:1.2rem; overflow: hidden;text-overflow:ellipsis; white-space:nowrap; color:#333;}
.phoneExcListXsQg li .price{ font-size:1.2rem; height:1.5rem; line-height:1.5rem; color:#fc4646; font-family:"Microsoft YaHei";}
.phoneExcListXsQg li .nowPrice{color:#333333;}
.spikeBox{ background:#fff; margin:1.5% 0; font-size:0; position:relative;}
.spikeBox div img{ width:100%; height:auto;}
.spikeBox .item01{ width:39.3%; float:left; position:relative;}
.spikeBox .right{ float:left; width:60.7%;}
.spikeBox .item02{ width:100%;}
.spikeBox .item03{ width:100%;}
.spikeBox span{ display:block; overflow:hidden; background:#e8e8e8; position:absolute;}
.spikeBox .vert{ width:1px; height:90%; left:39.3%; top:5%;}
.spikeBox .fori{ width:60.7%; height:1px; left:39.3%; top:50%;}
.lastTime{ position:absolute; left:8%; top:22%; height:14px; line-height:14px; font-size:0; width:92%;}
.lastTime em,.lastTime i,.lastTime strong{display:inline-block; vertical-align:middle;}
.lastTime strong{ color:#666666; font-size:1.2rem; font-weight:normal; background:none;  line-height:14px;}
.lastTime i{ background:#424242; border-radius:2px;  width:14px; height:14px; text-align:center; line-height:14px; color:#fff; font-size:12px; font-style:normal; margin:0 1%;}
.lastTime em{ font-size:1.2rem; color:#666;}
.spikeBox .item01 .time{ position: absolute; z-index: 99; height:20px; line-height:20px; font-size: 12px; color:#000; left: 50%; font-family: "微软雅黑"; top: 6%;}
.spikeBox .item01 .time em{ font-style:normal;}
.adLIst{ margin-top:0.8rem; padding:0 1rem;}
.adLIst li{ width:100%; margin-bottom:0.6rem; font-size:0;}
.adLIst li img{ width:100%; height:auto;}
.recoBox{ width:100%;}
.recoTitle{ width:100%; height:19px;  background:url(title.jpg) center center no-repeat;background-size:320px 19px; margin:3% 0 1.5%;}
.recoTitle img{ width:100%; height:auto;}
.recoList{ width:97%; padding:0 0 0 3%;}
.recoList li{ width:43%; background:#fff; float:left; padding:2%; margin:3% 3% 0 0; position:relative;}
.recoList li a{ display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
.recoList li .pic{ width:100%; margin-bottom:0.5rem; font-size:0;}
.recoList li .pic img{ width:100%; height:auto;}
.recoList li .name{ width:100%; height:1.5rem; line-height:1.5rem; font-size:1.2rem; overflow: hidden;text-overflow:ellipsis; white-space:nowrap; color:#333;}
.recoList li .price{ font-size:1.2rem; height:1.5rem; line-height:1.5rem; color:#fc4646; font-family:"Microsoft YaHei";}
/*吸底导航*/
.navFix{ width:100%; height:47px; background:#f1f1f1; border-top:1px solid #cccccc; position:fixed; bottom:0; left:0; padding-top:8px; z-index:99;}
.navFix li{ width:20%; text-align:center; float:left;}
.navFix li a{ display:block; color:#969696;}
.navFix li a i{ display:block; width:48px; height:40px; margin:0 auto;}
.refresh{ height:48px; text-align:center; width:100%; padding:8px 0;}
.refresh .refresh-w{ background:url(refresh-w.png) no-repeat; background-size:31px 31px; width:31px; height:31px; display:block; margin:0 auto; position: relative;}
.refresh i .refresh-n{ background:url(refresh-w.png) no-repeat; background-size:18px 18px; width:18px; height:18px; display:block; position:absolute; left:6.5px; top:6.5px;}
.refresh p{ font-size:12px; color:#969696; line-height:15px; text-align:center;}
.goTop{ position:fixed; bottom:20%; right:3%; width:30px; height:30px; z-index:999;cursor:pointer; display:none;}
.goTop i{ background-position:0 -19px; width:30px; height:31px; display:block;}

.refresh-360{animation:1.5s linear 0s normal none infinite rotate; -webkit-animation:1.5s linear 0s normal none infinite rotate;}
.noMore{ width:100%; text-align:center;font-size:12px; height:64px; line-height:64px; color:#969696; display:none; overflow:hidden;}

.noMoreHover{ height:0;
transition:height 0.8s;
-moz-transition:height 0.8s; /* Firefox 4 */
-webkit-transition:height 0.8s; /* Safari and Chrome */
-o-transition:height 0.8s; /* Opera */}


@-webkit-keyframes rotate{
from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotate{
from{-moz-transform:rotate(0deg)}
to{-moz-transform:rotate(360deg)}
}
@-ms-keyframes rotate{
from{-ms-transform:rotate(0deg)}
to{-ms-transform:rotate(360deg)}
}
@-o-keyframes rotate{
from{-o-transform:rotate(0deg)}
to{-o-transform:rotate(360deg)}
}
/*底部菜单*/
.footer,.content{border-top:1px solid #cccccc; position:fixed;left:0;right:0;z-index:99;}

.footer{-webkit-animation:.35s ease-in-out;animation:.35s ease-in-out}


.footer{height:52px;border-top:1px solid #e1e1e1;background-color:#f6f6f6;bottom:0;z-index:1}
.footer .menu{width:20%;text-align:center;color:#929292;float:left;font-size:12px}
.footer .menu>i{display:block;height:25px;margin:7px 0 1px 0;background-size:25px 250px}
.mask.moveInContainer{z-index:8}
.MCodeclass>small{position:absolute;background:#e84234;width:0;height:0;padding:4px;border-radius:12px}
.footer .MCodeclass>small{margin:-28px 0 0 -4px}
#Mine .MCodeclass>small{margin:-38px 0 0 80px}
#cartCount{position:absolute;background:#e84234;display:none;margin:-32px 0 0 -15px;border-radius:12px;line-height:14px;font-size:12px;min-width:14px;width:auto;height:14px;padding:2px;color:#FFF}

.footer>.active{color:#E62222}
.content{top:0;bottom:53px}.pab0{bottom:0}
.native-scroll{height:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;will-change:transform;-webkit-transform:translate3d(0px,0px,0px);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}
.native-scroll::-webkit-scrollbar{width:0;height:0}
.icon-search,.icon-back,.icon-add{background:url(icon-header.png) no-repeat}
.icon-back{background-position:0 -96px}
.icon-add{background-position:0 -48px}
.icon-products,.icon-orders,.icon-news,.icon-carts,.icon-mine{background:url(icon-footer.png) no-repeat center top}
.active .icon-products{background-position:center -25px}
.icon-orders{background-position:center -50px}
.active .icon-orders{background-position:center -75px}
.icon-carts{background-position:center -100px}
.active .icon-carts{background-position:center -125px}
.icon-mine{background-position:center -150px}
.active .icon-mine{background-position:center -175px}
.icon-news{background-position:center -200px}
.active .icon-news{background-position:center -225px}

/*热门搜索*/
.searchBox{ width:100%; position:absolute; left:0; top:0; padding-bottom:20%; min-height:80%; background:#fff; z-index:10000;}
.searchHeader{ height:40px; background:#f5f5f5; position: relative; padding-right:2%; padding-top:10px; border-bottom:1px solid #f4f4f4;}
.searchHeader a{display: block; height: 100%; left: 0; position: absolute; top: 0; width: 30px; z-index: 10;}
.searchHeader a .back{ background-position:-73px 0; display:block; width:10px; height:18px; margin:16px 0 0 10px;}
.searchWrap{ margin-left:35px; height:28px; border:1px solid #dfdfdf; border-radius:5px; background:#fff; padding-left:5px; overflow:hidden;}
.searchWrap input{ border:none; height:100%; border-radius:5px; float:left; width:90%;}
.searchWrap span{ width:10%; height:100%; background:#ebebeb; border-top-right-radius:5px; border-bottom-right-radius:5px; float:right; display:block;}
.searchWrap span .searchI{ background-position:-30px 0; width:13px; height:13px; margin:7px auto 0; display:block;}
.hotSearch{ height:40px; background:#fff; padding-left:2%; overflow-x:auto; overflow-y:hidden; line-height:40px;}
.hotSearch .hotUl{ width:600px;}
.hotSearch .hotUl i,.hotSearch .hotUl span,.hotSearch .hotUl a{ display:inline-block; vertical-align:middle;}
.hotSearch .hotUl i{ background-position:-40px -23px; width:12px; height:14px; margin-right:10px;}
.hotSearch .hotUl span{ font-size:14px; color:#fe4747;}
.hotSearch .hotUl a{ border:1px solid #fe5252; height:20px; line-height:20px; border-radius:10px; padding:0 10px; color:#fe4747; margin-right:10px;display:inline-block;}
.recentSearch{ border-top:7px solid #f6f8f8; background:#fff;}
.recentSearch h3,.recentSearch p{ border-bottom:1px solid #e8e8e8; height:30px; line-height:30px; padding-left:2%;}
.recentSearch h3{ font-weight:normal; font-size:14px; color:#333;}
.recentSearch p a{ display:block; font-size:12px; color:#666;}
.clearAll{ position:absolute; bottom:2.5%; left:35%; width:30%; height:22px; line-height:22px; background:#f8f8f8; display:block; border-radius:5px; border:1px solid #e8e8e8; text-align:center; color:#999999; font-size:12px;}
.clearAll:hover{ color:#999999;}


.advert{ margin:1.5% 3%; font-size:0; width:94%;}
.advert img{ width:100%; height:auto;}
.hotSale{ margin:1.5% 3%; font-size:0; position:relative; width:94%;}
.hotSale div img{ width:100%; height:auto;}
.hotSale div{ float:left; font-size:0;}
.hotSale .left1{ width:32%; margin-right:2%;}
.hotSale .left2{ width:32%; margin-right:2%;}
.hotSale .left3{ width:32%; float:right;}
.hotSale span{ display:block; overflow:hidden; background:#e8e8e8; position:absolute;}

.themeList{ background:#fff; font-size:0; position:relative; width:99.9%;}
.themeList span{ display:block; overflow:hidden; background:#e8e8e8; position:absolute;}
.themeList .lineOne{ width:1px; height:66.6%; left:33.3%; top:33.4%;}
.themeList .lineTwo{ width:1px; height:100%; left:66.6%; top:0;}
.themeList .lineThree{ width:100%; height:1px; left:0; top:33.4%;}
.themeList .lineFour{ width:100%; height:1px; left:0; top:66.6%;}
.themeList div img{ width:100%; height:auto;}
.themeList .item{ float:left; width:33.3%; min-height:106.5px; overflow:hidden;}
.themeList .itemOne{ width:100%;}
.themeList .itemOne .left{ width:66.6%; float:left;}
.themeList .itemOne .right{ width:33.3%; float:right;}

.choice{ background:#fff; font-size:0; position:relative;}
.choice span{ display:block; overflow:hidden; background:#e8e8e8; position:absolute; z-index:10;}
.choice .lineOne{ width:1px; height:100%; left:39.3%; top:0;}
.choice .lineTwo{ width:60.7%; height:1px; left:39.3%; top:50%;}
.choice .lineThree{ width:1px; height:50%; left:69.7%; top:50%;}
.choice div img{ width:100%; height:auto;}
.choice .item01{ float:left; width:39.3%;}
.choice .right{ float:left; width:60.7%;}
.choice .right .item03Left{ width:50%;}
.choice .right .item03{ position:relative; z-index:1;}
.choice .right .item03 span{ width:1px; height:100%; left:50%; top:0;}

/*掌上秒杀*/
.spikeTab{ width:100%;}
.spikeTitle{ height:40px; background:#f5f5f5;}
.spikeTitle li{ width:25%; text-align:center; height:40px; line-height:40px; float:left; position:relative;}
.spikeTitle li span{ display:inline-block; color:#333333; font-size:14px;}
.spikeTitle li i{ height:2px; width:50%; position:absolute; left:25%; bottom:0; background:#fe4747; overflow:hidden; display:none; }
.spikeTitle .on span{ color:#fe4747;}
.spikeTitle .on i{ display:block;}
.spikeWrap{ width:100%;}
.spikeLay{ width:100%;display:none;}
.spikeLay.on{ display:block;}
.spikeTime{ height:34px; background:#fff;}
.spikeTime h3{ font-size:14px; color:#ff3333; font-weight:normal; line-height:34px; border-left:4px solid #fc4646; padding-left:2%; float:left;}
.spikeTime p{ float:right; line-height:34px; height:34px; margin-right:2%;}
.spikeTime p i,.spikeTime p span{ display:inline-block; vertical-align:middle;}
.spikeTime p i{ background-position:0 -103px; width:14px; height:15px; margin-right:6px;}
.spikeTime p span{ font-size:12px; color:#666666;}
.spikeTime p span em{ font-style:normal; padding-left:5px;}
/*产品列表Item*/
.spikeList{ background:#fff;}
.spikeList li{ padding:1.5% 1%; background:#fff; position:relative; border-top:1px solid #e8e8e8;}
.spikeList li .pic{ width:110px;; float:left; position:relative;}
.spikeList li .pic img{ width:110px; height:auto; max-height:116px;}
.spikeList li .pic span{ background:#000; color:#fff; opacity:0.4;-moz-opacity:0.4;filter:alpha(opacity=40); display:block; position:absolute; bottom:0; left:0; width:100%; height:20px; line-height:20px; font-size:12px; text-align:center;}

.spikeList li .box{ margin-left:122px;}
.spikeList li .box h3{ font-weight:normal; color:#252525; font-size:14px;white-space:normal;line-height: 130%;font-weight: bold;}
.spikeList li .box h4{ font-weight:normal; color:#666666; font-size:12px; height:1.8rem; line-height: 150%;}
.spikeList li .box .buy{ margin-top:6px;}

.spikeList li .box .price{ }
.spikeList li .box .price span{ font-size:12px; color:#666;}
.spikeList li .box .price strong{ font-weight:normal; font-size:14px; color:#ff0000; font-family:"微软雅黑";font-weight: bold;}
.spikeList li .box .price strong em{ font-size:16px; font-style:normal;}
.spikeList li .box .percent{ line-height:1.5rem;}
.spikeList li .box .percent span{ color:#666666; font-size:12px; display:inline-block; vertical-align:middle;}
.spikeList li .box .percent span strong{ font-weight:normal;}
.spikeList li .box .percent i{ display:inline-block; background:#fff; width:70px; height:10px; border:1px solid #ffcccc; border-radius:10px; position:relative; overflow:hidden; margin-left:5px; vertical-align:middle;}
.spikeList li .box .percent em{ display:block; position:absolute; left:0; top:0; background:#ffcccc; height:10px; width:50%;}

.spikeList li a{ }
.spikeList li a.goDetail{ width:100%; height:100%; left:0; top:0; z-index:10;}
.spikeList li .goBuy{ width:68px; height:23px; background:#fe4747; text-align:center; line-height:23px; font-size:14px; color:#fff; border-radius:2px; bottom:8%; right:3%; z-index:9;}
.spikeList li a.gone{ width:68px; height:23px; background:#e2e2e2; text-align:center; line-height:23px; font-size:14px; color:#fff; border-radius:2px; bottom:8%; right:3%; z-index:9;}
.nextField{ color:#252525; font-size:14px; text-align:center; display:block; line-height:5rem;}
.nextField span{ color:#666; font-family: "宋体"; padding-left:5px;}

.spikeTitle.three li{ width:33.3%;}
.spikeList li .box .phonePrice{ color:#ff3333; font-size:12px; height:14px; line-height:14px; padding:0 2%; border:1px solid #fe4747; display:inline-block; margin-top:3px;}
.spikeList.three li .goBuy{ bottom:10%;}