body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body{font-family:arial '宋体'; scroll="no" }
table{border-collapse:collapse;border-spacing:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
ul,ol,li{list-style:none;}
em,i{font-style:normal;}
strong,b{font-weight:normal;}
img{border:0 none;}
input,img{vertical-align:middle;}
a{text-decoration:none;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
input,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;border:0;border-radius:0;}
textarea:focus{outline:0;}
body{color:#000;font-family:arial;background:#FFF;}
html,body{background-color:#eee;color:#3d4245;font-size:14px;-webkit-text-size-adjust:none;}
a{color:#3d4245;text-decoration:none;}
.wrap{ margin:0 auto;position:relative;}
.none{display:none;}
.clear{clear:both}

/*Clear float*/
.clearfix{ clear:both;}
.clearfix:after { visibility:hidden; display:block; font-size:0; content:""; clear:both; height:0;}

/* 创E格子-滑动焦点图 */
/*.slide-box{ max-width:750px; margin:0 auto;}
.pro-slide-box{ max-width:500px; margin:0 auto;}*/
.swiper-container{ height:220px; color:#fff; text-align:center; overflow:hidden; position:relative;}
.pagination { position:absolute; z-index:20; bottom:2px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.swiper-pagination-switch { display:inline-block; width:8px; height:8px; border-radius:100%; background:#666; margin:0 3px; cursor:pointer;}
.swiper-slide{ text-align:center;}
.slide-01{ background:url(../images/slide_01.png) no-repeat center center;}
.slide-02{ background:url(../images/slide_02.png) no-repeat center center;}
.swiper-slide img{ width:100%; height:100%;}
.swiper-visible-switch { background:#aaa;}
.swiper-active-switch { background:#FF5252;}

.TB20{ margin:20px 0}
.T20{ margin-top:20px;}
.T30{ margin-top:30px;}
.B20{ margin-bottom:20px}
.B10{ margin-bottom:10px;}
.B40{ margin-bottom:40px;}
.B60{margin-bottom:60px;}
.B5{ margin-bottom:5px;}
.R10{ margin-right:10px}
.L10{ margin-left:10px;}
.FL{ float:left}
.FR{ float:right}
.T50{ margin-top:50px;}
.T60{ margin-top:60px;}
.FC{ text-align:center}
.PB70{ padding-bottom:70px;}

.grey{ color:#ccc}
.fRed{ color:#F00}
.s-nav{ width:100%; height:48px; background:#eb7700; box-shadow:0 5px 5px #ccc;  background: -webkit-gradient(linear,0 0,0 100%,color-stop(0,#eb7700),color-stop(1,#eb7700));}
.s-nav-w{ width:100%; height:32px; line-height:32px; padding:8px 0 8px 0}
.s-nav-w .tit{ width:100px; margin:0 auto; text-align:center; color:#FFF; font-size:20px; font-weight:bold}

.s-nav2{ width:100%; height:48px; background:#ececec; border-bottom:1px solid #dbdbdb}

.s-nav2 .buycat-btn{display:inline-block; position:relative; border-radius:2px; background:#e5e5e5; border:1px solid #c8c8c8; width:40px; height:30px;  margin-right:5px; text-align:center; line-height:30px;}
.s-nav2 .buycat-btn b{display:inline-block; width:28px; height:28px; BACKGROUND:url(../images/sprites.png) -266px -70px no-repeat;}
.s-nav2 .buycat-btn span{display:inline-block; line-height:100%; background: none repeat scroll 0 0 #EB3700; border-radius:3px;color: #FFFFFF;font-family: Arial; font-size: 10px; padding: 2px 4px; position: absolute; right:-5px; top:-5px;}

.s-nav2 .category-btn2{display:inline-block; border-radius:2px; background:#e5e5e5; border:1px solid #c8c8c8; width:40px; height:30px; text-align:center}
.s-nav2 .category-btn2 b{display:inline-block; width:28px; height:28px; BACKGROUND:url(../images/sprites.png) -313px -152px no-repeat;}


header{ position:fixed; top:0px; width:100%; z-index:999}
.search-w{ width:55%; float:left; height: 30px; border-radius:3px; margin-left:15px; background:#fff; box-shadow:inset 2px 2px  2px #cdcdcd; border:1px solid #dbdbdb; margin-right:10px;}
.search-w-bd{ border:1px solid #CCC; width:290px; margin-left:0px; line-height:30px;}
.search-w .input-txt{outline-width: 0px; font-size:16px; padding:2px 0 5px 5px; width:55%; background:none; margin-left:5px;}
.search-w-btn{ width:40px; height:30px; float:right;  display:inline-blcok; }
.searchbtn{ border:none; width:40px; float:right; height:30px; margin:0px; padding:0px; BACKGROUND:url(../images/sprites.png) 0px -6px no-repeat;}

.back{ display:inline-block; position:absolute; left:10px; top:7px; width:59px; height:31px; text-align:center; color:#FFF; font-size:16px; font-weight:bold; BACKGROUND:url(../images/sprites.png) -151px -152px no-repeat;}

.back2{margin:0 auto; padding:0 20px; display:inline-block; border-radius:3px; border:1px solid #cdcdcd; border-bottom:4px solid #a9a9a9; background:#fff; line-height:33px; line-height:33px; color:#000; font-size:16px; text-align:center; }

.orgBtn{ width:180px; display:inline-block; border-radius:3px; border-bottom:4px solid #d56c00; background:#eb7700; line-height:33px; line-height:33px; color:#FFF; font-size:16px; text-align:center; }

.orgBtn2{ display:inline-block; border-radius:3px; border:1px solid #ce6800; line-height:33px; line-height:33px; color:#FFF; font-size:16px; text-align:center; background:-webkit-gradient(linear, 0 0, 0 100%, from(#ff8e1a), to(#f7840f)); box-shadow:1px 2px 3px #eaeaea;}

.orgBtn3{display:inline-block; position:absolute; right:10px; top:7px; padding:0 15px; height:29px; text-align:center; color:#FFF; font-size:16px; font-weight:bold; background: -webkit-gradient(linear,0 0,0 100%,color-stop(0,#f98713),color-stop(1,#d76d01)); border:1px solid #d66e04; border-radius:6px; box-shadow:2px 2px 3px #eb6308 inset;}

.gray{display:inline-block; border:1px solid #d3d3d3; border-radius:3px; line-height:33px; line-height:33px; color:#333; font-size:16px; text-align:center; background:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#dfdfdf)); box-shadow:1px 2px 3px #eaeaea;}

.publicBtn1{border-radius:2px; line-height:100%; border:1px solid #999; color:#333; display:inline-block; padding:5px 10px;}
.publicBtn2{border-radius:2px; line-height:100%; border:1px solid #F30; color:#fff; background:#F30; display:inline-block; padding:5px 10px;}

/*.grayBtn{ padding:0 20px; display:inline-block;  border-radius:3px; border:1px solid #cacaca; background:#dddddd; line-height:33px; color:#FFF; font-size:16px; text-align:center; }*/


.search-content{ padding-bottom:120px; padding-top:10px;}
.search-list{  margin:0 auto}
.search-list ul{}
.search-list ul li{ clear:both; border-bottom:1px solid #e7e7e7; padding:10px; overflow:hidden; position:relative; min-height:60px;}
.search-list ul li .pic{ width:60px; display:inline-block; overflow:hidden; height:60px; position:absolute; left:10px; top:10px;}
.search-list ul li .pic img{ width:100%}
.search-list ul li .pic2{width:50px; height:50px; float:left; overflow:hidden}
.search-list ul li .pic2 img{ width:100%}
.search-list ul li .rPanel{ position:relative; margin-left:10px; word-wrap:break-word; margin-left:70px;}
.search-list ul li .rPanel .tel-od{ position:absolute; top:0px; right:0px; font-size:10px; background:#639352; color:#fff; display:inline-block; padding:2px; border-radius:2px;}
.search-list ul li .rPanel .online-od{position:absolute; top:20px; right:0px; font-size:10px; background:#936952; color:#fff; display:inline-block; padding:2px; border-radius:2px;}
.search-list ul li .rPanel h3{overflow: hidden; width:200px; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom:5px; font-size:16px; font-weight:bold; float:left;}
.search-list ul li .rPanel h3 span.sp1{ float:right; font-size:12px; font-weight:normal; color:#666}
.search-list ul li .rPanel .shopHours{ margin-bottom:5px; clear:both}
.search-list ul li .rPanel .shopHours .sale{background:#eb3700; display:inline-block; color:#FFF; font-size:10px; border-radius:3px; font-family:Arial; padding:2px 4px; margin-right:5px;}
.search-list ul li .rPanel .price{ color:#ff2900; font-weight:bold; margin-bottom:5px; clear:both;}
.search-list ul li .rPanel .price .sp1{ color:#666; font-weight:normal} 
.search-list ul li .rPanel .priceBtn{ display:inline-block; background:#eb7700; color:#FFF; padding:3px 5px; width:70px; position:absolute; right:5px; top:0px; border-radius:2px; overflow:auto; text-align:center;}
.search-list ul li .rPanel .Time{ margin-bottom:5px;}
.search-list ul li .rPanel .add{ font-size:12px}

.search-list ul li .rPanel .num-wd{ margin-top:10px; position:relative}
.search-list ul li .rPanel .num-wd input{ width:30px; text-align:center; border:1px solid #d7d7d7}
.search-list ul li .rPanel .cutDownBtn{vertical-align:middle;  display:inline-block; height:16px; width:16px; BACKGROUND:url(../images/sprites.png) -210px -134px;}
.search-list ul li .rPanel  .lose{ background-position:-210px -162px}
.search-list ul li .rPanel .addBtn{  vertical-align:middle; display:inline-block; height:16px; width:16px; BACKGROUND:url(../images/sprites.png) -210px -106px;}
.search-list ul li .rPanel .del{ display:inline-block; position:absolute; right:0px; float:right; margin-right:20px; width:16px; height:16px; BACKGROUND:url(../images/sprites.png) -319px -67px;} 

.search-list ul li .choose{ width:22px; float:left; height:20px; display:inline-block; BACKGROUND:url(../images/sprites.png) -274px -106px; margin-right:10px;} 
.search-list ul li .cur{ background-position:-274px -134px;}

.pageNum{background: #f9f9f9; border: 1px solid #e0e1e1; height: 32px; line-height: 32px; margin: 16px 8px 0 8px;  color: #999; border-radius: 4px; -webkit-border-radius: 4px; width:300px; margin:0 auto;  margin-top:30px;}
.pageNum .pre{ width:80px; text-align: center; display:inline-block; border-right:1px solid #e5e5e5}
.pageNum .cur{ position:relative; width:120px; text-align: center; display:inline-block;}
.pageNum .cur span.sp1{color: #999;}
.pageNum .cur span.sp1 b{ display:inline-block; height:15px; width:15px; BACKGROUND:url(../images/sprites.png) -67px -163px no-repeat;}
.pageNum .cur .select{position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; opacity: 0;}
.pageNum .next{ width:80px; text-align: center; float:right; border-left:1px solid #e5e5e5}

.category-btn{ display:block; position:absolute; top:10px; right:0px; width:50px; height:36px; BACKGROUND:url(../images/sprites.png) -98px -152px;}
.search-btn{ display:block;  position:absolute; top:10px; right:55px; width:50px; height:36px; BACKGROUND:url(../images/sprites.png) -160px -70px;}
/*.search-btn:active{ background:#d96e00}*/ 
.buy-btn{ display:block; position:absolute; top:10px; right:0px; width:50px; height:36px; BACKGROUND:url(../images/sprites.png) -212px -70px;}
.buy-btn .num{ background:#eb3700; color:#FFF; font-size:10px; border-radius:3px; font-family:Arial; padding:2px 4px; position:absolute; top:-5px; right:10px; height:12px; line-height:12px;}



.ft-wd{position:fixed; bottom:0px; width:100%; padding:10px 0; z-index:99; color:#FFF; background:#ddd;}
.ft-wd  .w300{ width:300px; margin:0 auto; clear:both}
.ft-wd  .info{ color:#000; margin-bottom:10px;}
.ft-wd  .info .Lpanel{ width:100px; float:left}
.ft-wd  .info .Rpanel{ float:right;}
.ft-wd  .info .Rpanel .price{ font-size:16px; color:#CC0000; font-weight:bold}
.ft-wd  .info .sum{ font-size:20px}
.ft-wd  .info .sum b{ color:#FF0000}
.ft-wd  .info .sum .choose{ width:22px; height:20px; display:inline-block; BACKGROUND:url(../images/sprites.png) -274px -106px; margin-right:10px;} 
.ft-wd  .info .sum .cur{ background-position:-274px -134px;}


.ft-nav{position:fixed; height:50px; bottom:0px; width:100%; color:#FFF; background:-webkit-gradient(linear, 0 0, 0 100%, from(#3f3f3f), to(#333333)); z-index:999}
.ft-nav ul{}
.ft-nav ul li{ width:25%; text-align:center; float:left; height:50px; font-size:12px; padding-top:3px;}
.ft-nav ul li b{ display:block; height:28px; width:28px; margin:0 auto;  BACKGROUND:url(../images/sprites.png);}
.ft-nav ul li .i1 b{ background-position:-6px -66px; margin-bottom:2px}
.ft-nav ul li.cur{ background:#1a1a1a}
.ft-nav ul li.cur .i1 b{background-position:-6px -106px}
.ft-nav ul li .i2{}
.ft-nav ul li .i2 b{background-position:-39px -66px}
.ft-nav ul li.cur .i2 b{background-position:-39px -106px}
.ft-nav ul a{ color:#FFF}

.ft-nav ul li .i3{}
.ft-nav ul li .i3 b{background-position:-79px -70px}
.ft-nav ul li.cur .i3 b{background-position:-79px -108px}


.ft-nav ul li .i4{}
.ft-nav ul li .i4 b{background-position:-112px -72px}
.ft-nav ul li.cur .i4 b{background-position:-112px -109px}

.ft-nav ul li .name{}
.ft-nav ul li .num{ background:#eb3700; color:#FFF; font-size:10px; border-radius:3px; font-family:Arial; padding:2px 4px; position:absolute; top:5px; right:20px;}

.tabsort{ width:320px; border:1px solid #cdcdcd; border-radius:3px; margin:0 auto; background:#e0e0e0; overflow:hidden}
.tabsort ul{}
.tabsort ul li{  width:25%; float:left; position:relative; text-align:center; height:32px; margin-right:-1px; line-height:32px; border-right:1px solid #cdcdcd}
.tabsort ul li b{ display:inline-block; height:15px; width:15px; BACKGROUND:url(../images/sprites.png) -67px -163px no-repeat;}
.tabsort ul li.cur{ background:#666666; color:#FFF}
.tabsort ul li .select{position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; opacity: 0;}
.TB20{ margin:20px auto}

.tabs01{ margin:0 auto; width:320px; margin-bottom:20px; border:1px solid #eb7700; overflow:hidden; border-radius:5px;}
.tabs01 ul{}
.tabs01 ul li{ width:160px;  float:left; text-align:center; line-height:35px;}
.tabs01 ul li a{ display:block; font-size:16px; color:#eb7700}
.tabs01 ul li.cur{ background:#eb7700}
.tabs01 ul li.cur a{ color:#FFF}
 


.category-wd{ }
.category-wd ul{}
.category-wd ul li{ line-height:40px; border-top:1px solid #CCCCCC}
.category-wd ul li h3{ font-size:16px; padding:5px 0 5px 20px}
.category-wd ul li i{display:inline-block; height:15px; width:15px; BACKGROUND:url(../images/sprites.png) -67px -163px no-repeat; float:right; margin-top:5px; margin-right:15px;}
.category-subBg{background:#e5e5e5; padding:10px; display:none}
.category-ct{ overflow:hidden; }
.category-ct ul{}
.category-ct ul li{ width:25%; border-top:none; float:left; line-height:25px; padding:0 10px;border-radius:3px; margin-bottom:10px;}
.category-ct ul li a{ display:block}
.category-ct ul li.cur{ background:#4c4c4c; color:#FFF}
.category-ct ul li.cur a{ color:#FFF}


.set-wd{padding-top:30px; padding-bottom:60px}
.memberId{ font-size:16px; margin:0 20px 10px 30px;}
.set-menu{border:1px solid #cacaca; clear:both; background:#FFF;  border-radius:3px; margin:0 20px;}
.set-menu ul{}
.set-menu ul li{ border-bottom:1px solid #cacaca; font-size:16px; position:relative; padding-left:20px;  line-height:45px;}
.set-menu ul li i{display:inline-block; height:16px; position:absolute; top:13px; right:10px; width:15px; BACKGROUND:url(../images/sprites.png) -170px -13px no-repeat;}
.set-menu ul li:last-child{ border-bottom:none}
.set-menu ul li a{ display:block}
.set-menu ul li a b{ color:#FF0000}

.del-wd{ margin-top:5px;}
.delBtn1{display:inline-block; height:16px; width:15px; BACKGROUND:url(../images/sprites.png) -208px -13px no-repeat; text-indent:-999px}
.delBtn2{display:inline-block; width:16px; height:16px; BACKGROUND:url(../images/sprites.png) -319px -67px;}
.moreBtn{ text-align:center; padding:10px; width:250px; border-radius:3px; border:1px solid #CCC; display:block; margin:0 auto}




.shop-content{ margin-top:10px; padding-bottom:70px;}
.shop-hd-wd{background:#FFF; border:1px solid #dadada; width:320px; margin:0 auto;  }
.shop-hd-wd .shop-hd{ position:relative}
.shop-hd-wd .shop-hd .collectionBtn{ position:absolute; right:10px; top:10px; display:inline-block; height:25px; width:29px; BACKGROUND:url(../images/sprites.png) -312px -13px no-repeat;}
.shop-hd-wd .shop-hd .collectionBtn-cur{position:absolute; right:10px; top:10px; display:inline-block; height:25px; width:29px; BACKGROUND:url(../images/sprites.png) -345px -13px no-repeat;}
.shop-hd-wd .shop-hd .l-p{ float:left; position:relative; padding:10px; width:80px; height:80px; overflow:hidden;}
.shop-hd-wd .shop-hd .km{ position:absolute; top:10px; right:10px;}
.shop-hd-wd .shop-hd .l-p .pic{ width:80px; height:80px;}
.shop-hd-wd .shop-hd .l-p .shadow{  background:rgba(0, 0, 0, 0.6); width:80px; height:25px; position:absolute; bottom:0px;}
.shop-hd-wd .shop-hd .l-p .prd-num{ text-align:center; width:80px; height:25px; line-height:25px; color:#FFF; position:absolute; bottom:0px;}
.shop-hd-wd .shop-hd .l-p .prd-num a.cltBtn{ color:#fff;}
.shop-hd-wd .shop-hd .l-p .prd-num a.cltBtn b{display: inline-block; width:19px; height:19px;BACKGROUND:url(../images/sprites.png) -85px -12px no-repeat; vertical-align:middle}
.shop-hd-wd .shop-hd .l-p .prd-num a.cltBtn b.cur{ background-position:-119px -12px}
 
.shop-hd-wd .shop-hd .r-p{ width:210px; float:right; padding:10px 5px;}
.shop-hd-wd .shop-hd .r-p .shopName{ font-weight:bold; width:170px; margin-bottom:5px;}
.shop-hd-wd .shop-hd .r-p .tel{ margin-bottom:5px;}
.shop-hd-wd .shop-hd .r-p .tiem-wd{}
.shop-hd-wd .shop-hd .r-p .tiem-wd ul{}
.shop-hd-wd .shop-hd .r-p .tiem-wd ul li{ float:left; width:100px; margin-right:5px}
.shop-hd-wd .shop-hd .r-p .tiem-wd ul li h4{ font-weight:normal; color:#999}
.shop-hd-wd .shop-hd .r-p .tiem-wd ul li .time{ font-weight:bold}

.shop-hd-wd .area{ background:#e3e3e3; margin-top:10px; padding:5px;}

.shop-tabs{width:320px; margin:0 auto; margin-top:10px; margin-bottom:20px; overflow:hidden}
.shop-tabs ul{}
.shop-tabs ul li{ width:110px;  float:left;  border-bottom:5px solid #c8c8c8; text-align:center; line-height:35px;}
.shop-tabs ul li:last-child{ width:100px}
.shop-tabs ul li a{display:block; font-size:16px;}
.shop-tabs ul li.cur{border-bottom:5px solid #eb7700}

.shop-tabs2{margin-top:10px; margin-bottom:0px;}
.shop-wrap{width:320px; margin:0 auto; }
.shop-wrap .txt{ line-height:20px; padding:10px; margin-bottom:10px;}
.shop-tabs2 .tabWd{width:320px; height:30px; margin:0 auto; background:#eee; font-family:"微软雅黑"; border-bottom:5px solid #c8c8c8; line-height:30px; padding-left:20px; font-weight:bold; background:url(../images/adress-icon.gif) no-repeat 300px 15px;}
.shop-tabs2 .tabWd span{ margin-left:220px;}
.shop-tabs2 .tabWd ul{}
.shop-tabs2 .tabWd ul li{ display:inline-block; margin-right:10px;}
.shop-tabs2 .tabWd ul li a{ }
.shop-tabs2 .tabWd ul li.cur a{color:#F60; font-weight:bold;}

.bottom-contain{position:fixed; bottom:0px; width:100%; padding:10px 0; z-index:99; background:#ccc; font-family:"微软雅黑"; font-size:14px;}
.shop_bottom{margin:0 auto; width:300px; height:60px;  padding:5px; background:#ccc;}
.shop_bottom span{ font-weight:bold; color:#F30;}
.shop_bottom .button{margin-top:10px; }
.shop_bottom .button a{}
.shop_bottom .button .order{ color:#fff; text-align:center; line-height:30px; float:left; border-radius:5px; width:200px; height:30px; background:#F60;}
.shop_bottom .button .back-but{ text-align:center; line-height:30px; float:left; border-radius:5px; width:60px; height:28px; background:#FFF; float:right; margin-right:10px; border:1px solid #999;}


.shop-list{ width:320px; margin:0 auto; background:#fff; height:59px; padding-top:0px; border-bottom:1px solid #c8c8c8;}
.shop-list .img{ border:1px solid #fcfcfc; width:40px; height:40px; margin:9px; text-align:center; line-height:40px; float:left; }
.shop-list .del{ background:url(../images/del.gif) no-repeat 10px 10px; width:40px; height:40px; margin:9px; text-align:center; line-height:40px; float:left; }
.shop-list .add{ background:url(../images/add.gif) no-repeat 10px 10px;; width:40px; height:40px; margin:9px 5px 9px 0px; text-align:center; line-height:40px; float:right; }
.shop-list .good{ background:url(../images/good.gif) no-repeat 0px 10px ; width:20px; height:40px; margin:9px 0px; text-align:center; line-height:40px; float:right; }
.shop-list .text{ height:40px; width:120px; overflow:hidden;  margin-top:10px;  float:left; line-height:20px; margin-left:20px;}
.shop-list .text .contrl-hide{ overflow:hidden; width:120px; height:20px;}
.shop-list .text .color{ color:#F30;}
.shop-list ul{ margin-right:-20px;} 
.shop-list ul li{ width:100px; float:left; margin-bottom:10px; margin-right:10px;}
.shop-list ul li .pic img{ width:100px; height:100px; margin-bottom:5px;}
.shop-list ul li .sale{ color:#999; text-decoration:line-through;}
.shop-list ul li .price{color: #ff2900; font-weight: bold;}

.login-wd{ width:290px; padding-bottom:80px; margin:0 auto; padding-top:30px;}
.login-wd .panelBd{margin-bottom:20px; position:relative; }
.login-wd .panel{border-radius:3px; border:1px solid #dcdcdc; padding:10px;}
.login-wd .tis{ color:#999; margin-top:10px;}
.login-wd .ntc{ color:#FF0000; margin-top:10px;}
.login-wd .panel input{ border:none; background:none; margin-left:10px; width:200px;}

.login-wd .btn-wd{}

.prdInfo-ct{ padding-top:30px; padding-bottom:120px;}
.prdInfo-ct .prdPanl1{ border-bottom:1px solid #CCC; padding-bottom:10px; width:320px; margin:0 auto} 
.prdInfo-ct .prdPanl1 .leftPic{ float:left;  width:170px; height:170px; overflow:hidden}
.prdInfo-ct .prdPanl1 .leftPic img{ width:100%}
.prdInfo-ct .prdPanl1 .rightPanel{ float:left; padding-left:20px; width:120px}
.prdInfo-ct .prdPanl1 .rightPanel .prdName{ font-size:16px; margin-bottom:20px}
.prdInfo-ct .prdPanl1 .rightPanel .price{ font-size:18px; color:#ff0000; margin-bottom:10px}

.prdInfo-ct .prdPanl1 .rightPanel .price .collectionBtn{ position:absolute; right:10px; top:10px; display:inline-block; height:25px; width:29px; BACKGROUND:url(../images/sprites.png) -312px -13px no-repeat; border:none;}

.prdInfo-ct .prdPanl1 .rightPanel .price .collectionBtn-cur{position:absolute; right:10px; top:10px; display:inline-block; height:25px; width:29px; BACKGROUND:url(../images/sprites.png) -345px -13px no-repeat;}

.prdInfo-ct .prdPanl1 .rightPanel .num-wd{ margin-top:10px;}
.prdInfo-ct .prdPanl1 .rightPanel .num-wd input{ border:1px solid #CCC; height:25px; margin:0 5px; text-align:center; font-size:16px; width:50px; float:left}
.prdInfo-ct .prdPanl1 .rightPanel .num-wd  .cutDownBtn{ float:left}
 .prdInfo-ct .prdPanl1 .rightPanel .num-wd  .addBtn{ float:left}

.prdInfo-ct .prdPanl1 .rightPanel .range{ margin-bottom:10px;}
.prdInfo-ct .prdPanl1 .rightPanel .tel{ margin-bottom:5px;}
.prdInfo-ct .prdPanl1 .rightPanel .tel b{display:inline-block; vertical-align:middle; height:22px; width:22px; BACKGROUND:url(../images/sprites.png) -43px -156px no-repeat; margin-right:5px;}
.prdInfo-ct .prdPanl1 .rightPanel .btn-wd{ padding-top:10px;}
.prdInfo-ct .prdPanl1 .rightPanel .num-wd{ }
.prdInfo-ct .prdPanl1 .rightPanel .num-wd h4{ margin-bottom:10px}
.prdInfo-ct .prdPanl1 .rightPanel .num-wd .bd{}
.prdInfo-ct .prdPanl1 .rightPanel .num-wd .bd input{ width:40px; vertical-align:middle; border:1px solid #CCC; font-size:16px; line-height:16px; padding:3px 5px; margin-top:-18px;}
.prdInfo-ct .prdPanl1 .rightPanel .num-wd .cutDownBtn{display:inline-block; width:29px; height:25px; BACKGROUND:url(../images/sprites.png) -237px -134px no-repeat;}
.prdInfo-ct .prdPanl1 .rightPanel .num-wd .lose{ background-position:-237px -162px;}
.prdInfo-ct .prdPanl1 .rightPanel .num-wd .addBtn{display:inline-block; width:29px; height:25px; BACKGROUND:url(../images/sprites.png) -237px -106px no-repeat;}
/*.prdInfo-ct .prdPanl1 .rightPanel .collectionBtn{ background:#e6e6e6; border-radius:3px; border:1px solid #d3d3d3; padding:7px 10px;}
.prdInfo-ct .prdPanl1 .rightPanel .collectionBtn b{display:inline-block; vertical-align:middle; height:22px; width:22px; BACKGROUND:url(../images/sprites.png) -83px -11px no-repeat; margin-right:5px;}*/
.prdInfo-ct .prdPanl1 .rightPanel .cur{ background:#ffd7ae; border:1px solid #ffc890}
.prdInfo-ct .prdPanl1 .rightPanel .cur b{ background-position:-116px -11px}
.prdInfo-ct .prdPanl2{ padding:20px 0 20px 20px;}
.prdInfo-ct .prdPanl2 .prd-name{ margin-bottom:10px; font-size:16px; font-weight:bold}
.prdInfo-ct .prdPanl2 .add{ margin-bottom:5px;}
.prdInfo-ct .prdPanl2 .shop-hours{ margin-bottom:10px;}

.prdInfo-ct .prdPanl3 {margin-top:30px; width:310px; border:1px solid #e8e8e8; padding:5px; margin:0 auto; background:#FFF; border-radius:5px; overflow:hidden}
.prdInfo-ct .prdPanl3 .shop-name{ float:left; width:170px; overflow:hidden; white-space: nowrap;
text-overflow: ellipsis;}
.prdInfo-ct .prdPanl3 .shop-name b{display:inline-block; vertical-align:middle; height:22px; width:22px; BACKGROUND:url(../images/sprites.png) -5px -158px no-repeat; margin-right:5px;}
.prdInfo-ct .prdPanl3 .tel{ float:right}
.prdInfo-ct .prdPanl3 .tel b{display:inline-block; vertical-align:middle; height:22px; width:22px; BACKGROUND:url(../images/sprites.png) -43px -156px no-repeat; margin-right:5px;}
.prdInfo-ct .prdPanl4{ width:320px; padding-left:20px; padding-top:20px;}
.prdInfo-ct .prdPanl4 ul{}
.prdInfo-ct .prdPanl4 ul li{}
.prdInfo-ct .prdPanl4 ul li.item{ margin-bottom:20px;}
.prdInfo-ct .prdPanl4 ul li.item h4{ margin-bottom:10px;}
.prdInfo-ct .prdPanl4 ul li.item span{ margin-right:10px; display:inline-block; border:1px solid #bcbcbc; padding:5px 10px; border-radius:5px;}
.prdInfo-ct .prdPanl4 ul li.item span.cur{ border:1px solid #b33125}
.prdInfo-ct .shopHome{ text-align:center; margin:0 auto}


.buyBtn{ width:140px; float:left; display:block; border-radius:3px; border-bottom:4px solid #9b261b; background:#b33125; line-height:33px; color:#FFF; font-size:16px; text-align:center; }
.addCartBtn{width:140px; float:right; display:block; border-radius:3px; border-bottom:4px solid #987f65; background:#ac937a; line-height:33px; line-height:33px; color:#FFF; font-size:16px; text-align:center;}



.notice-wd{ padding-top:30px; padding-bottom:70px;}
.noticeList{ width:320px; margin:0 auto}
.noticeList ul{}
.noticeList ul li{ padding:15px; border:1px solid #cacaca; margin-bottom:15px; background:#FFF; border-radius:5px; position:relative}
.noticeList ul li .tit{ position:relative; margin-bottom:5px;}
.noticeList ul li .tit b{display:inline-block; position:absolute; right:0px; top:0px; width:12px; height:16px; BACKGROUND:url(../images/sprites.png) -169px -14px no-repeat;}
.noticeList ul li span.sp1{ display:inline-block; position:absolute; top:8px; right:30px; padding:3px; background:#4eb829; color:#FFF; border-radius:2px; font-size:12px}
.noticeList ul li span.sp2{display:inline-block; position:absolute; top:8px; right:30px; padding:3px; background:#f18f27; color:#FFF; border-radius:2px; font-size:12px}

.noticeLists ul li .ms{ color:#666}

.order-wd{margin-top:60px; padding-bottom:70px;}
.orderList{width:320px; margin:0 auto}
.orderList ul{}
.orderList ul li{ border:1px solid #cacaca; margin-bottom:15px; background:#FFF; border-radius:5px;}
.orderList ul li .prdList{ padding:10px 0; overflow:hidden; border-bottom:1px solid #cacaca}
.orderList ul li .prdList .contain{ float:left; width:150px; margin-left:10px;}
.orderList ul li .prdList .pic{ width:50px; height:50px; margin-left:10px; overflow:hidden; float:left;}
.orderList ul li .prdList .del{ float:right; margin-right:15px;} 
.orderList ul li .prdList .del a{color:#666;}
.orderList ul li .prdList .del a:hover{color:#f60;}
.orderList ul li .prdList .prdName{ width:150px; float:left; margin-bottom:5px;}
.orderList ul li .prdList .price{ color:#ff0000; margin-top:5px;}
.orderList ul li .info{ color:#666; padding:10px;}
.orderList ul li .info .time{ margin-bottom:5px;}
.orderList ul li .info .idNum{ margin-bottom:5px; color:#555; font-size:12px}
.orderList ul li .info .idNum b{ color:#000}
.orderList ul li .info .shop{ margin-bottom:5px;  color:#FF6600}
.orderList ul li .info .shop b{display:inline-block; vertical-align:middle; height:22px; width:22px; BACKGROUND:url(../images/sprites.png) -5px -158px no-repeat; margin-right:5px;}
.orderList ul li .info .tel{ margin-bottom:5px; color:#000000}
.orderList ul li .info .tel b{display:inline-block; vertical-align:middle; height:22px; width:22px; BACKGROUND:url(../images/sprites.png) -43px -156px no-repeat; margin-right:5px;}
.orderList ul li .info .ms{}
.orderList ul li .info .ms input{ border:1px solid #CCCCCC; padding:5px 5px; width:285px; color:#666}

.container{ padding-bottom:70px; padding-top:30px;}
.add-list{width:320px; margin:0 auto}
.add-list ul{}
.add-list ul li{ border:1px solid #cacaca; clear:both; background:#FFF;  border-radius:3px; position:relative; margin-bottom:20px} 
.add-list ul li .LPanel{ width:250px; padding:10px 0 10px 10px}
.add-list ul li .LPanel .name{ margin-bottom:10px;}
.add-list ul li .LPanel .tel{ float:right}
.add-list ul li .LPanel .add{ color:#999}
.add-list ul li .eidttBtn{ display:block; width:32px; position:absolute; height:32px; background:url(../images/sprites.png) -270px -162px no-repeat; top:50%; margin-top:-15px; right:10px;}
.add-list ul li.cur{ border:3px solid #b33125}

.order-ms-wd{ width:320px; margin:0 auto; padding-top:20px; padding-bottom:50px;}
.order-ms-wd .tit{ font-size:18px; margin-bottom:5px;}
.order-ms-wd ul{}
.order-ms-wd ul li{border:1px solid #cacaca; clear:both; background:#FFF;  border-radius:3px; position:relative; margin-bottom:20px}
.order-ms-wd ul li .LPanel{width:250px; padding:10px 0 10px 10px; font-size:16px}
.order-ms-wd ul li .icon{ display:inline-block; height:16px; width:15px; position:absolute; top:50%; margin-top:-8px; right:10px;  BACKGROUND:url(../images/sprites.png) -170px -13px no-repeat; }

.order-ms-wd .tab1{ width:320px; margin:0 auto; border-top:1px solid #CCC}
.order-ms-wd .tab1 tr{}
.order-ms-wd .tab1 tr td{ padding:10px;}
.order-ms-wd .tab1 tr td.td1{}
.order-ms-wd .tab1 tr td.td2{ text-align:right; padding-right:30px;}



.edit-add{ width:290px; margin:0 auto; padding-top:30px; padding-bottom:50px;}
.edit-add .ipt{ padding:8px; width:280px; border:1px solid #cacaca; border-radius:3px; font-size:16px}
.edit-add .choose-wd{ border-radius:3px;display:inline-block; height:30px; border:1px solid #c4c4c4}
.edit-add .choose-wd .icon{ display:inline-block; float:right; width:31px; height:30px; background:url(../images/sprites.png) -266px -13px no-repeat;}
.edit-add .choose-wd select{ border:none; font-size:16px; line-height:30px; float:left; padding:0 5px; background:none}

.buycar-empty-wd{font-size:14px; color:#999; text-align:center; padding-top:60px;}
.buycar-empty-wd .icon{ display:inline-block; width:30px; height:35px; vertical-align:middle; background:url(../images/sprites.png) -264px -69px no-repeat; margin-right:5px;}
.buycar-empty-wd .goshopping{ display:block; margin-top:10px;}


/*--css for neworder-list --*/

.new-order{margin:0 auto; background:#fff;}
.new-order .sidebar{width:25%; float:left; height:640px; overflow:auto;}
.new-order .sidebar .hot{ font-size:14px; font-family:"微软雅黑"; color:#333; border-bottom:1px solid #ccc;}
.new-order .sidebar .hot .newsearch-btn{background:#fff; line-height:27px; text-align:center; width:62px; height:27px; margin:14px auto; border:1px solid #ccc; border-radius:5px; -webkit-border-radius:5px;}
.new-order .sidebar .hot .hot-btn{background:#FFF; line-height:27px; text-align:center; width:62px; height:27px; margin:14px auto; border:1px solid #ccc; border-radius:5px; -webkit-border-radius:5px;}
.new-order .sidebar .list{ font-family:"微软雅黑"; font-size:12px; padding-bottom:70px;}
.new-order .sidebar .list ul{}
.new-order .sidebar .list ul li{width:74px; height:45px; position:relative;}
.new-order .sidebar .list ul li .n-sale{ background:#F60; color:#fff;}
.new-order .sidebar .list ul li .n-customBtn{ color:#555;} 
.new-order .sidebar .list ul li .n-customBtn b{ vertical-align:middle; margin-right:5px; display:inline-block; width:17px; height:22px; background: url(../images/customIcon1.png) no-repeat left top}
.new-order .sidebar .list ul li .n-sale2{ background: url(../images/sale-c.gif) no-repeat 0 0px #fff;  color:#f00;}
.new-order .sidebar .list ul li .top-num{ z-index:98; width:20px; height:20px; position:absolute; top:5px; left:50px; background:url(../images/top-num.gif) no-repeat; color:#fff; text-align:center; font-size:12px; line-height:20px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.new-order .sidebar .list ul li a{padding-left:6px; display:block; width:74px; height:45px; overflow:hidden; line-height:45px;}
.new-order .sidebar .list ul li a.selected{ background:#fff; color:#f00;}
.new-order .main{width:75%;  float:right; font-family:"微软雅黑"; font-size:12px; background:#fff; height:640px; overflow:auto; padding-bottom:70px; }
.new-order .main ul{padding:8px;}
.new-order .main ul li{}
.new-order .main ul li .m-title{height:20px;  font-size:12px; line-height:20px; color:#000; background:#eee;}
.new-order .main ul li .m-title a{ color:#F00;}
.new-order .main ul li .m-contain{height:54px; border-bottom:1px solid #ccc; padding:12px 0px; }
.new-order .main ul li .m-contain .m-pic{ width:54px; height:54px; overflow:hidden; float:left;}
.new-order .main ul li .m-contain .m-pic img{ width:100%;}
.new-order .main ul li .m-contain .m-msg{float:left; margin-left:10px; width:155px;}
.new-order .main ul li .m-contain .m-msg .m-name{height:25px;}
.new-order .main ul li .m-contain .m-msg .m-price{color:#f00;height:29px; float:left; font-weight:bold;}
.new-order .main ul li .m-contain .m-msg .m-add_1{ display:none;}
.new-order .main ul li .m-contain .m-msg .m-add a{ float:right;display:block; color:#333; width:42px; font-size:24px; text-align:center; line-height:28px; border:1px solid #ccc;  }
.new-order .main ul li .m-contain .m-msg .control-num{float:right; width:auto; font-size:15px; text-align:center; height:29px; }
.new-order .main ul li .m-contain .m-msg .control-num a{ float:left; display:block; width:29px; height:28px; border:1px solid #ccc; line-height:28px; text-align:center; color:#333;}
.new-order .main ul li .m-contain .m-msg .control-num .textnum{ float:left; width:30px; height:28px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; line-height:28px; text-align:center; font-size:14px;}

.neworder-bottom{  position:fixed; bottom:0px; width:100%; z-index:99;  font-family:"微软雅黑"; }
.neworder-bottom .nb-text{height:37px; border-top:1px solid #ddd; text-align:center; font-size:12px; color:#f60; background:#fff; line-height:37px; -webkit-opacity:0.8;}
.neworder-bottom .nb-btn{height:25px; border-top:1px solid #ccc; background:#f8f8f8; margin:0 auto; padding:9px; font-size:12px; text-align:center;}
.neworder-bottom .nb-btn a.grey{ color:#666;}
.neworder-bottom .nb-btn a.red{ color:#f00;}
.neworder-bottom .nb-btn .nb-sub{ float:left; width:65%; height:24px; border:1px solid #F00; line-height:24px; -webkit-border-radius:10px; margin-right:10px; -moz-border-radius:10px; border-radius:10px }
.neworder-bottom .nb-btn .nb-back{float:right; width:25%; height:24px; border:1px solid #ccc; line-height:24px; -webkit-border-radius:10px; margin-right:10px; -moz-border-radius:10px; border-radius:10px}

.search-bar{padding:10px; background:#fff; position:fixed; top:0px; width:100%; z-index:110;  font-family:"微软雅黑"; margin:0 auto;}
.search-bar .set-searchbar{ margin-right:10px; line-height:30px; color:#333; border-radius:5px; background:url(../images/search-ico.gif) no-repeat 6px 6px #eee; height:30px; width:75%; padding-left:30px;}
.search-bar span a{ color:#09C;}

.bg { background-color: #000; filter:alpha(opacity=50); opacity:0.5; -webkit-opacity:0.5; z-index:100; position:absolute;}

#backTip{ background:url(../images/mask.png) no-repeat 0 0; position:absolute; z-index:300; width:446px; height:242px; left:0; top:0;}
#shareTip{ background:url(../images/share-tips.png) no-repeat 0 0; position:absolute; z-index:500; width:190px; height:242px; right:0; top:0;}
#shareTipCompany{ background:url(../images/share-tips.png) no-repeat 0 0; position:absolute; z-index:500; width:190px; height:242px; right:0; top:0;}

/** css for merchant list  */

.merchant-contain{width:320px; margin:0 auto; background:#d2d1cd; padding-top:70px; }
.merchant-searchbar{padding:10px 5px; height:30px; background:#fff; position:fixed; top:0px;  z-index:99;  font-family:"微软雅黑"; margin:0 auto; width:310px;}
.merchant-searchbar .choose-set{ float:left;}
.merchant-searchbar .choose-type{ float:left; background:url(../images/merchant.gif) no-repeat 0 -1px; padding-left:34px; font-size:14px; line-height:30px; }
.merchant-searchbar a.cs-mr{ margin-left:15px; float:left; display:block; width:20px; height:30px; background:url(../images/merchant.gif) no-repeat -105px -1px;}

 .search-area{ margin-left:8px; float:right; }
 .search-area .search-txt{ margin-bottom:5px; line-height:30px; padding-left:30px; width:180px; border:1px solid #ccc; height:30px; -webkit-border-radius:5px; background:url(../images/merchant.gif) no-repeat -150px -2px; color:#666;}
 .search-area .s-btn{ margin-left:8px; -webkit-border-radius:5px; width:40px; height:32px; background:#f75151; border:0px; line-height:30px; color:#fff; font-size:16px; margin-bottom:5px; font-family:"微软雅黑";}

.mearch-wrap{padding-bottom:50px;}
.merchant-list{ height:140px;  background:#fff; -webkit-box-shadow:0 2px 3px #ccc; border-bottom:1px solid #fff; margin-bottom:10px;}
.merchant-list .listcon {padding:10px 12px; height:90px; border-bottom:1px solid #ccc;}
.merchant-list .listcon .pic{ float:left; width:80px; height:80px; overflow:hidden; }
.merchant-list .listcon .pic img{width:100%}
.merchant-list .listcon .txt{ float:left; width:195px; margin-left:15px; font-family:"微软雅黑";}
.merchant-list .listcon .txt .wr-txt{ height:20px;}
.merchant-list .listcon .txt .wr-txt .ml-title{ width:130px; height:20px; float:left; font-size:16px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} 
.merchant-list .listcon .txt .wr-txt .ml-title:hover{text-overflow:inherit; overflow:visible;}
.merchant-list .listcon .txt .wr-txt .ml-km{ color:#666; float:right; line-height:20px;}
.merchant-list .listcon .txt .ml-sale{ background:#f75151; -webkit-border-radius:3px; width:60px; height:14px; color:#fff; text-align:center; line-height:14px; margin-top:5px;} 
.merchant-list .listcon .txt .ml-sale span{ margin-left:3px;}
.merchant-list .listcon .txt .ml-peishong{margin-top:3px; font-size:12px;} 
.merchant-list .listcon .txt .ml-fanwei{ overflow:auto; margin-top:3px; font-size:12px; word-wrap: break-word; color:#666;} 
.merchant-list .btn{height:30px; line-height:30px;
font-family:"微软雅黑";}
.merchant-list .btn div{ width:20%;  line-height:30px}
.merchant-list .btn .online{ padding-left:40px; background:url(../images/merchant.gif) no-repeat 0px -42px; float:left;   border-right:1px solid #ccc;}
.merchant-list .btn .online1{ padding-left:40px; background:url(../images/ico.gif) no-repeat -87px 2px; float:left;  height:30px; border-right:1px solid #ccc;}
.merchant-list .btn .phone{ background:url(../images/merchant.gif) no-repeat  -115px -40px; padding-left:40px; float:left;  height:30px; border-right:1px solid #ccc;}

.like{ background:url(../images/merchant.gif) no-repeat 2px -90px; padding-left:40px; float:left; height:30px; border:0px}
.like2{ background:url(../images/merchant.gif) no-repeat -125px -90px; padding-left:40px; float:left; height:30px; border:0px}


.fold-menu{ border:1px solid #ccc; border-bottom:0px; width:140px; height:150px; background:#fff; margin-top:42px; margin-left:-5px; }
.fold-menu ul li{ height:49px; border-bottom:1px solid #ccc; }
.fold-menu ul li a{ display:block; width:140px; height:39px; padding:5px; padding-left:45px; line-height:39px;}
.fold-menu ul li a.fm-all{ background:url(../images/fold.gif) no-repeat 10px 20px;}
.fold-menu ul li a.fm-ms{ background:url(../images/fold.gif) no-repeat 10px -36px;}
.fold-menu ul li a.fm-bh{  background:url(../images/fold.gif) no-repeat 10px -100px;}
.fold-menu ul li a span{ line-height:12px; padding:0 6px; -webkit-border-radius:10px; background:#999; margin-left:10px; color:#fff; font-size:12px;}



pre
{
	font-size: 12px;
	width: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
#page nav
{
	display: none;
}

#header,
.header,
#footer
{
	background: #fff;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 40px;
	height: 40px;
	padding: 0 50px;
	border-bottom:1px solid #d6d6d6
}
#header{ padding-right:10px;}

#header a,
.header a
{
	background: center center no-repeat transparent;
	background-image:url(../images/index.png);

	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 10px;
}
#header a.friends,
.header a.friends
{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVNJREFUeNq01jFLAzEYxvH2UBCxiIiDUhzcdXCyIk5ufgUXLR37JdxcXBxcuwmOOtml0EKpo04iWIpIQREVEVFLjf9AhoC9e3O5uxd+lMLdPU1yedO8UiqXdQWO122ghi4+8IwGqiiId+uRCHbxqsLrFHNRz5ACSnhTch1EPScQpnIH0w7TWcGiz5rouS45rtkMVnxCJrAQ4yUq+oT8YhAjZOAT8oWHGCE9nxC9H64cA15w4xOiW0HbfErVNhvUa8c3cecQcoZv3xA9z+fCNbe4SNq7jvEUMaUnuE/au7SjkHbSR1G637ULh73Kn+gn7cIBttELGckQh9Jo8iMOrSksYx2b2MKk8FuvUUcHl/9GbiWuooYu3pVf/eARLZQxbp8na2YR0659e+HLmM/geN+z98lSRv8hZu2QQkYh+kzKjZkvHdPahymH6DNp5Cucev0JMAAkKj0NEoYBJwAAAABJRU5ErkJggg==);
}
#header a.right,
.header a.right
{
	left: auto;
	right: 10px;
}
#content,
.conten
{
	padding: 20px;
}


.chooseLi{}
.chooseLi a.online-off:not(.mm-subopen){ text-indent:-1000px; position:absolute; right:-5px; top:10px; background:url(../images/sprites2.png) left 0 no-repeat; width:30px; height:30px;}
.online-on{ text-indent:-1000px; position:absolute; right:-5px; top:10px; background:url(../images/sprites2.png) left -55px no-repeat; width:30px; height:30px;}

.topWd{ position:fixed; top:0; width:100%; background:#FFF; z-index:99; padding:10px 0; border-bottom:1px solid #CCC}
.topWd .tit{ width:200px; margin:0 auto; position:relative;  text-align:center; font-weight:bold; font-size:18px;}
.topWd .tit span{ display:block; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}
.topWd .tit b{ display:inline-block; width:10px; height:8px; position:absolute; left:50%; margin-left:-5px; bottom:-10px;  background:url(../images/sprites2.png) -69px -1px no-repeat;}
.topWd .tit2{ font-size:16px; font-weight:bold; padding-left:20px;}
.topWd .Larea{ position:absolute; left:10px; top:8px;}
.topWd .Larea .customer-serviceIcon{ margin-left:10px;}
.topWd .Rarea{ position:absolute; right:10px; top:8px;}

.customer-serviceIcon{background:url(../images/sprites2.png) -106px -35px; display:inline-block; height:30px; width:30px;}
.telIcon{background:url(../images/sprites2.png) -106px 0px; display:inline-block; height:30px; width:30px;}
.business-hourIcon{background:url(../images/sprites2.png) -105px -66px; display:inline-block; height:30px; width:30px;}
.shop-infoIcon{background:url(../images/sprites2.png); display:inline-block; height:30px; width:30px;}
.addIcon{background:url(../images/sprites2.png) -142px 2px; display:inline-block; height:30px; width:30px;}
.shareIcon{background:url(../images/sprites2.png) -106px -70px; display:inline-block; height:30px; width:30px;}
.homeIcon{background:url(../images/sprites2.png) -140px -34px; display:inline-block; height:30px; width:30px;}

.shopInfoWD{ background:#fff; position:fixed; top:43px; width:100%; z-index:110;}
.shopInfoWD .shoInfoList{ font-size:14px; line-height:150%;}
.shopInfoWD .shoInfoList ul{ padding:0; margin:0px;}
.shopInfoWD .shoInfoList ul li{ border-bottom:1px solid #CCC; position:relative; padding:15px 0}
.shopInfoWD .shoInfoList ul li .Larea{ position:absolute; left:10px; top:13px;}
.shopInfoWD .shoInfoList ul li .Larea .homeIcon{ margin-left:-3px;}
.shopInfoWD .shoInfoList ul li .Rarea{ margin-left:50px;}
.shopInfoWD .shoInfoList ul li .Rarea span.sp1{ display:inline-block; width:180px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}
.shopInfoWD .shoInfoList ul li .Rarea span.sp2{ float:right; margin-right:10px}
.shopInfoWD .shoInfoList ul li .Rarea span.sp3 a{ display:inline-block; line-height:22px;}
.shopInfoWD .shoInfoList ul li .Rarea span.sp3 a:first-child{ margin-right:15px;}
.shopInfoWD .shoInfoList ul li .Rarea .tel{ display:block; font-size:20px; font-weight:bold;}
.shopInfoWD .shoInfoList ul li.lastLi{ background:#ededed; padding:0}
.shopInfoWD .shoInfoList ul li.lastLi span{ text-align:center;  padding:10px 0; display:inline-block;}
.shopInfoWD .shoInfoList ul li.lastLi span b{ display:inline-block; width:27px; height:25px;}
.shopInfoWD .shoInfoList ul li.lastLi span.sp1{ width:50%; border-right:1px solid #CCC;}
.shopInfoWD .shoInfoList ul li.lastLi span.sp1 b.b1{ vertical-align:middle; background:url(../images/sprites2.png) no-repeat -211px -68px;}
.shopInfoWD .shoInfoList ul li.lastLi span.sp2{ width:45%; text-align:center}
.shopInfoWD .shoInfoList ul li.lastLi span.sp2 b{background:url(../images/sprites2.png) -64px -32px; vertical-align:middle;}


.shopInfoWD .shoInfoList ul li.lastLi span.sp2{}

.prdShowWD{ background:#FFF; width:310px; position:fixed; top:40px; left:50%; border-radius:5px; margin-left:-155px; z-index:111; padding-bottom:10px;}
.prdShowWD .prdName{ font-size:18px; padding:10px; font-weight:bold; text-align:center}
.prdShowWD .prdName .Larea{ position:absolute; left:0px; top:5px;}
.prdShowWD .prdName .sp1{ display:inline-block; width:300px; text-align:center}
.prdShowWD .prdName .colseBtn{ position:absolute; right:10px; top:10px;}
.prdShowWD .prdPic{ width:310px; text-align:center; overflow:inherit}
.prdShowWD .priceWd{ padding:10px; position:relative}

.prdShowWD .priceWd .price{font-size:12px; display:inline-block}
.prdShowWD .priceWd .price b{ color:#ff4800; font-size:16px}
.prdShowWD .priceWd .buyWd{ float:right;}
.prdShowWD .priceWd .buyWd .buyBtn{background: none repeat scroll 0 0 #B33125; border-bottom: 4px solid #9B261B; border-radius: 3px; color: #FFFFFF; display: block; font-size: 13px; line-height: 20px; text-align: center; width: 80px;}

.prdShowWD .priceWd .buyWd .control-num{float:right; width:auto; font-size:15px; text-align:center; height:29px; }
.prdShowWD .priceWd .buyWd .control-num a{ float:left; display:block; width:29px; height:28px; border:1px solid #ccc; line-height:28px; text-align:center; color:#333;}
.prdShowWD .priceWd .buyWd .control-num .textnum{ float:left; width:30px; height:28px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; line-height:28px; text-align:center; font-size:14px;}

.prdShowWD .Prdinfo{ padding:0 10px; line-height:150%; font-size:12px }
.colseBtn{ display:inline-block; width:30px; height:30px; background:url(../images/sprites2.png) -171px -32px; margin-top:-5px; margin-right:-5px;}

.orderList2{}
.orderList2 .panel1{ padding:20px 20px; background:#d6d6d6}
.orderList2 .panel1 a{ background:#fff; border:1px solid #999; display:inline-block; border-radius:3px; margin:0 10px; position:relative; padding:8px 10px;}
.orderList2 .panel1 a.cur{ border:3px solid #ff4800}
.orderList2 .panel1 a.cur b{ position:absolute; left:-2px; top:-2px; display:inline-block; width:18px; height:18px; background:url(../images/sprites2.png) -178px -3px;}
.orderList2 .pInfo{background:#4e6cce; padding:15px; color:#FFF}
.orderList2 .pInfo .pName{ margin-bottom:5px;}
.orderList2 .pInfo .pName .span.sp1{}
.orderList2 .pInfo .pName .tel{ float:right}
.orderList2 .pInfo .add{ background:#4e6cce; color:#FFF} 
.orderList2 .pInfo .add{}
.orderList2 .ep-add{background:#4e6cce; text-align:center;}
.orderList2 .ep-add a{ display:block; padding:15px 0; color:#FFF}

.orderList2 .ms{ border:1px solid #cacaca; margin:20px auto; width:310px; overflow:hidden}
.orderList2 .ms input.txt1{ width:310px; margin:0 auto; padding:10px 0px 10px 10px;}

.orderList3{ width:95%; margin:0 auto; background:#FFF; border:1px solid #CCC; border-bottom:none; margin-top:20px;}
.orderList3 ul{}
.orderList3 ul li{ border-bottom:1px solid #CCC; padding:5px 10px; overflow:hidden}
.orderList3 ul li.time{ position:relative; text-align:center; color:#999; padding:10px 0}
.orderList3 ul li.time .delBtn{ display:inline-block; background:url(../images/sprites2.png) -175px -70px; position:absolute; right:10px; top:6px; width:20px; height:22px;}
.orderList3 ul li.odId{}
.orderList3 ul li.odId .shopName{ font-size:18px; font-weight:bold}
.orderList3 ul li.sum{line-height:30px;}
.orderList3 ul li.add{ line-height:25px;}
.orderList3 ul li.tel{ font-size:18px; line-height:25px; color:#333}
.orderList3 ul li .prdWd{}
.orderList3 ul li .prdWd .Larea{ float:left}
.orderList3 ul li .prdWd .Larea .pic{ width:35px; height:35px; display:inline-block}
.orderList3 ul li .prdWd .Larea .pic img{ width:30px;}
.orderList3 ul li .prdWd .Larea .prdName{ display:inline-block; width:200px; line-height:100%;}
.orderList3 ul li .prdWd .Rarea{ float:right; line-height:30px;}
.orderList3 ul li .prdWd .Rarea .fred{ color:#F00}

.inputMsList{width:95%; margin:0 auto; background:#FFF; border:1px solid #CCC; border-bottom:none; margin-bottom:30px; margin-top:20px;}
.inputMsList ul{}
.inputMsList ul li.tit{ background:#d6d6d6; color:#333; font-size:16px; font-weight:bold}
.inputMsList ul li{border-bottom:1px solid #CCC; padding:10px 10px; overflow:hidden}
.inputMsList ul li .Larea{ display:inline-block;}
.inputMsList ul li .Larea .sp1{ display:inline-block; float:left; line-height:25px; color:#999; width:60px; margin-right:10px}
.inputMsList ul li .Larea .sp2{}
.inputMsList ul li .Larea .sp2 input{ border:1px solid #e9e9eb; padding:5px 5px; width:200px }
.inputMsList ul li .Larea .sp2 textarea{border:1px solid #e9e9eb; padding:5px 5px; width:200px}
.inputMsList ul li .Rarea{ float:right}
.inputMsList ul li .Rarea .selcBtn{ border:1px solid #CCC; display:inline-block; padding:5px 10px;}
.inputMsList ul li .Rarea .cur{ border-color:#F30; color:#F30}




.listWD{ font-family:"微软雅黑"; font-size:12px; background:#fff; overflow:auto; padding-bottom:70px; }
.listWD ul{padding:8px;}
.listWD ul li{ border-bottom: 1px solid #CCCCCC;}
.listWD ul li:last-child{ border-bottom:none}
.listWD ul li .m-title{height:20px;  font-size:12px; line-height:20px; color:#000; background:#eee;}
.listWD ul li .m-title a{ color:#F00;}
.listWD ul li .m-contain{height:54px; padding:12px 0px; }
.listWD ul li .m-contain .m-pic{ width:54px; height:54px; overflow:hidden; float:left;}
.listWD ul li .m-contain .m-pic img{ width:100%;}
.listWD ul li .m-contain .m-msg{float:left; width:250px; margin-left:10px; }
.listWD ul li .m-contain .m-msg .m-name{height:25px;}
.listWD ul li .m-contain .m-msg .m-price{color:#f00;height:29px; float:left; font-weight:bold;}
.listWD ul li .m-contain .m-msg .m-add_1{ display:none;}
.listWD ul li .m-contain .m-msg .m-add a{ float:right;display:block; color:#333; width:42px; font-size:24px; text-align:center; line-height:28px; border:1px solid #ccc;  }
.listWD ul li .m-contain .m-msg .control-num{float:right; width:auto; font-size:15px; text-align:center; height:29px; }
.listWD ul li .m-contain .m-msg .control-num a{ float:left; display:block; width:29px; height:28px; border:1px solid #ccc; line-height:28px; text-align:center; color:#333;}
.listWD ul li .m-contain .m-msg .control-num .textnum{ float:left; width:30px; height:28px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; line-height:28px; text-align:center; font-size:14px;}




/*Template CSS*/
#spring .slide{ height:200px; width:100%; margin-bottom:20px; background:url(../images/banner01.jpg) no-repeat center 0; background-size:100% 100%; overflow:hidden; position:relative;}
#spring .slide .tel{ padding:4px 0; width:100%; position:absolute; bottom:0px; background:rgba(0,0,0,0.4);}
#spring .slide .tel b{ margin-left:10px; display:inline-block; width:30px; height:34px;  background:url(../images/sprites.png) -2px -45px; vertical-align:middle}
#spring .slide .tel span{ font-size:24px; margin-left:10px; color:#FFF}

#spring #nav{ margin-bottom:10px; width:320px; margin:0 auto; padding-bottom:10px; border-bottom:1px solid #DDD; overflow:hidden;}
#spring #nav ul{ width:320px;}
#spring #nav ul li{ float:left;}
#spring #nav ul li a{ display:block; line-height:32px; font-weight:bold; text-align:center;}
#spring #nav ul li a.icon{ width:60px; height:60px; margin:0 10px; border-radius:100%; overflow:hidden;}

#spring #nav ul li.shop .icon{ background:#555;}
#spring #nav ul li.order .icon{ background:#555;}
#spring #nav ul li.reserve .icon{ background:#555}
#spring #nav ul li.contact .icon{ background:#555}
#spring #nav ul li a img{ width:32px; height:32px; margin-top:14px;}

#spring .container{ width:320px; margin:0 auto; clear:both; padding:0; margin-bottom:60px}
#spring .container ul{ margin-right:-5px;}
#spring .container ul li{ float:left; padding:15px 15px; border-bottom:1px solid #dadada; border-right:1px solid #dadada}
#spring .container ul li a{ display:block;  }
#spring .container ul li a img{ width:130px; height:130px;}
#spring .container ul li span{ display:block; line-height:32px; text-align:center;}
#spring .container ul li span.prdName{ display:block; width:130px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#spring .container ul li span.price{ color:#ff5a00; line-height:1em; font-size:16px; font-weight:bold}



.contentWD{ margin:0 10px; overflow:hidden; line-height:1.5em}
.contentWD li{ line-height:32px; background:#FFF; margin:4px 0; color:#333;}
.contentWD li span{ display:inline-block; width:80px; background:#EEE; font-weight:bold; color:#666;}
.contentWD .company{ margin:10px 0; border:1px dashed #CCC; border-left:none; border-right:none;}
.contentWD .company p{ padding:5px 0; line-height:22px; text-align:justify; text-align-last:justify; text-justify:distribute; }
.contentWD .share{ margin-top:15px; text-align:center;}
.contentWD .share button:first-child{ width:49.2%; cursor:pointer;}
.contentWD .share button:nth-child(2){ width:49.2%; cursor:pointer;}

.top-bar{ width:100%; height:40px; position:fixed; top:0; background:#000; background:-webkit-gradient(linear, 0 0, 0 100%, from(#202A2E), to(#23272A)); border-bottom:1px solid #1A1F22;}
.top-bar .back{ position:absolute; padding:3px 10px; top:9px; left:10px; color:#fff;}
.top-bar h1{ font-family:"Microsoft Yahei"; font-size:18px; font-weight:600; color:#FFF; text-align:center; line-height:40px;}
.top-bar .fun-links{ position:absolute; top:5px; right:10px; font-size:18px; font-weight:bold; color:#FFF;}

.foot-bar{ width:100%; height:50px; background:#000; position:fixed; bottom:0; background:-webkit-gradient(linear, 0 0, 0 100%, from(#3f3f3f), to(#333333)); z-index:999; color:#FFF;}
.foot-bar ul li{ width:33.3%; height:45px; text-align:center; float:left; font-size:12px; padding-top:3px;}
.foot-bar ul li b{ display:block; height:28px; width:28px; margin:0 auto; background:url(../images/sprites02.png) no-repeat 0 0px;}
.foot-bar ul li b.icon2{ background-position:0 -72px;}
.foot-bar ul li b.icon3{ background-position:0 -142px;}
.foot-bar ul li .i1 b{ background-position:-6px -66px; margin-bottom:2px}
.foot-bar ul li a{ color:#999;}
.foot-bar ul li:hover,.foot-bar ul li.cur{ background:#1a1a1a; border-bottom:2px solid #CC6F02;}
.foot-bar ul li.cur b.icon1{ background-position:0 -36px}
.foot-bar ul li.cur a{ color:#FFF;}

/*template css*/
.home-ct{ background:#FFF; width:320px; background:#FFF; border-left:1px solid #dadada; border-top:1px solid #dadada; margin-bottom:40px;}

.contentWD{ margin:0 10px; overflow:hidden; line-height:1.5em}