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: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;}
input,button,select,textarea{ outline:none;}
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}
.ellipsis{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.orange{ color:#FF742A;}
.blue{ color:#4898FE;}
.gray-line{ text-decoration:line-through; color:#BBB;}
.hide{ display:none;}

.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}

.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;}
.grayBtn{display:inline-block; border-radius:2px; border:1px solid #CCC; line-height:33px; line-height:33px; color:#555; background:#FFF; font-size:16px; text-align:center;}
.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}
.set-menu{border:1px solid #cacaca; clear:both; background:#FFF;  border-radius:3px; margin:0 10px;}
.set-menu ul{}
.set-menu ul li{ border-bottom:1px solid #cacaca; font-size:16px; position:relative; padding-left:20px;  line-height:65px;}
.set-menu ul li i{display:inline-block; height:16px; position:absolute; top:50%; margin-top:-8px; 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:0 20px 20px; min-width:280px; 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{ margin:0 20px; padding:20px 0 20px 0px;}
.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}




.block{ margin-bottom:10px; padding:10px; background:#FFF; border:1px solid #FFF; border-radius:3px; overflow:hidden;}
.block li{ line-height:22px;}

.prdBuy{ margin-bottom:10px; text-align:center; overflow:hidden;}

.button{ display:inline-block; height:32px; line-height:32px; background:#FFF; border-radius:3px; vertical-align:middle; text-align:center;}
.prdBuy .button{ width:100%;}
.grayButton{ background:#CCC; color:#333;}
.redButton{ background:#B33125; color:#FFF;}
.buttonRadius30{ border-radius:30px;}

.saleInfo{ margin:0 10px 10px 10px; border-color:#DDD; padding:0; background:#FFF;}
.saleInfo h3{ padding-left:10px; line-height:32px;}
.saleInfo h3 strong{ color:red;}
.saleInfo ul{ padding:0 8px 8px 8px;}
.saleInfo li{ float:left; margin:0 6px 6px 0; padding-right:6px; border:1px solid #FA9792; border-radius:3px;}
.saleInfo li strong{ padding:0 4px; display:inline-block; margin-right:6px; background:#FA9792; color:#FFF;}



.prdInfo-ct{}
.prdInfo-ct .prdPic{ text-align:center; padding:10px;}
.prdInfo-ct .prdPic img{ width:100%;}
.prdShop{ border-top:1px solid #DDD; position:relative;}
.prdShop .prd-name{ margin-bottom:10px;}
.prdShop li.price{ }
.prdShop li.price strong{ font-family:"Microsoft Yahei"; font-size:18px; font-weight:bold; color:red;}
.prdShop li.price span{ position:relative; margin-bottom:3px; margin-left:20px; padding:1px; background:red; border-radius:2px; font-family: sans-serif; font-size:12px; color:#FFF;}
.prdShop .backShop{ position:absolute; right:10px; bottom:10px; display:inline-block; padding:5px 15px; background:#1d82ff; border-radius:20px; font-weight:bold; color:#FFF;}
.prdInfo-ct .saleInfo{ margin:0 0 10px; border:none;}

.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{ margin:0 20px;}
.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; width:80%;}
.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{ margin:0 20px}
.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 #3179dd}

.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{margin:0 20px; padding:20px;}
.edit-add .ipt{ padding:5px; width:248px; 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:22%; 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:40px;}
.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:78%; 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:62px; border-bottom:1px solid #ccc; padding:12px 0px; }
.new-order .main ul li .m-contain .m-pic{ width:62px; height:62px; overflow:hidden; float:left;}
.new-order .main ul li .m-contain .m-pic a{ display:block;}
.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:146px;}
.new-order .main ul li .m-contain .m-msg .m-name{ height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
/*.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-price{ float:left; color:#f00;}
.new-order .main ul li .m-contain .m-msg .m-price strong{ display:inline-block; height:22px; font-size:13px; font-weight:bold;}
.new-order .main ul li .m-contain .m-msg .m-price span,.search-list .rPanel h3 span,.listWD .m-price span{ margin-right:2px; padding:0 2px; background:#F00; color:#FFF; font-size:12px; font-weight:normal;}
.new-order .main ul li .m-contain .m-msg .m-price b{ margin-left:6px; padding:0 2px; background:#F00; color:#FFF;}
.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{ margin-top:10px;}
.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; margin-top:10px; 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-text strong{ margin-left:6px; color:red;}
.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;}
.neworder-bottom .nb-btn .Fl{ float:inherit;}
.neworder-bottom .nb-btn .button{ width:65%; height:26px; line-height:26px; background:none; border:none; border:1px solid #F30; border-radius:20px; cursor:pointer;}

.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; opacity:0.5; z-index:100; position:absolute;}

.mask{ background:rgba(0,0,0,0.5); z-index:200; position:absolute; width:100%; top:0; left:0; bottom:0; right:0;}
#backTip .tips{ background:url(../images/mask.png) no-repeat 0 0; width:222px; height:176px; position:absolute; left:5px; top:0; z-index:300;}
#shareTip .tips{ background:url(../images/share-tips.png) no-repeat 0 0; width:230px; height:220px; position:absolute; right:5px; top:0; z-index:500;}
#chargeback .tips{ margin:10px; padding:10px 10px 0 10px; background:#FFF;}
#chargeback .tips h4{ height:32px;}
#chargeback .tips textarea{ width:100%; height:80px; border:1px solid #DDD; resize:none;}
#chargeback .tips .a_btn{ width:100%;}
#chargeback .tips .a_btn a{ display:inline-block; width:50%; line-height:40px; text-align:center;}
#chargeback .tips .a_btn a:first-child{ border-right:1px solid #DDD; margin-right:-1px;}

#chargeback textarea{ resize:none; width:100%;}

#selectTel .tips{ margin:45% 10px 0; background:#FFF;}
#selectTel .tips li{ line-height:46px; border-bottom:1px dashed #DDD; text-indent:10px;}
#selectTel .tips li.cur{ background:#5CD05C; font-weight:bold; color:#fff;}
#selectTel .tips li:last-child{ border-bottom:none;}

/** 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:150px; border:1px solid #ccc; height:30px; -webkit-border-radius:5px; background:url(../images/ico.png) no-repeat 0px -271px; 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; min-width:320px;}
.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; display:inline-block; overflow:hidden; }
.merchant-list .listcon .pic img{ width:100%}
.merchant-list .listcon .txt{ margin-left:90px !important; margin-left:92px; height:auto !important; height:100px;/* margin-left:90px; min-width:190px; font-family:"微软雅黑";*/}
.merchant-list .listcon .txt .wr-txt{ height:20px;}
.merchant-list .listcon .txt .wr-txt .ml-title{ width:80%; 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; width:20%; 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/ico.png) no-repeat 8px -6px; float:left;   border-right:1px solid #ccc;}
.merchant-list .btn .online1{ padding-left:40px; background:url(../images/ico.png) no-repeat 8px -36px; float:left;  height:30px; border-right:1px solid #ccc;}
.merchant-list .btn .phone{ padding-left:40px; background:url(../images/ico.png) no-repeat 8px -68px; float:left;  height:30px; border-right:1px solid #ccc;}

.like{ background:url(../images/ico.png) no-repeat 8px -127px; padding-left:40px; float:left; height:30px; border:0px}
.like2{ background:url(../images/ico.png) no-repeat 8px -155px; 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 .online-off{ text-indent:-1000px; position:absolute; right:10px; top:10px; background:url(../images/sprites2.png) left 0 no-repeat; width:44px; height:30px;}
.chooseLi .online-on{ text-indent:-1000px; position:absolute; right:10px; top:10px; background:url(../images/sprites2.png) left -55px no-repeat; width:44px; 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:160px; 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:2px; top:2px;}
.topWd .Rarea{ position:absolute; right:10px; top:8px;}

.telIcon{background:url(../images/sprites2.png) -106px 0px; display:inline-block;}
.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 li{ padding:15px 10px 15px 50px; border-bottom:1px solid #CCC; position:relative; overflow:hidden;}
.shopInfoWD .shoInfoList ul li.fixed{ height:200px;}
.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{ width:100%;}
.shopInfoWD .shoInfoList ul li.fixed .Rarea{ height:200px; overflow:auto;}
.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; cursor:pointer;}
.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;}

#prdShowWD { position:absolute; z-index:120; top:20px; bottom:20px; left:20px; right:20px; background:#FFF; border:0; box-shadow:0 0 10px #333; overflow:hidden;}
#prdShowWD .title{ position:absolute; top:0; left:0; width:100%; height:32px; line-height:32px; background:#F5F5F5; border-bottom:1px solid #DDD;  font-size:18px; font-weight:bold; text-align:center; z-index:500;}
#prdShowWD .title span.sp1{ width:60%; display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#prdShowWD .title .colseBtn{ position:absolute; top:7px; right:10px;}
#infoScroller{ position:absolute; z-index:120; top:40px; bottom:10px; left:0; right:0; background:#FFF; border:0;}
#infoScroller{ top:6px;}
.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:250px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.prdShowWD .prdName .colseBtn{ position:absolute; right:10px; top:10px;}
.prdShowWD .prdPic{ padding:0 10px; text-align:center; overflow:inherit}
.prdShowWD .prdPic img{ width:100%;}
.prdShowWD .priceWd{ margin:10px 0; line-height:30px; background:#F5F5F5; border-top:1px solid #DDD; border-bottom:1px solid #DDD; position:relative; overflow:hidden;}
.prdShowWD .priceWd .price{ float:left; margin-left:10px; font-size:12px; display:inline-block}
.prdShowWD .priceWd .price b{ color:#ff4800; font-size:16px}
.prdShowWD .priceWd .Larea{ float:right; margin-right:10px; cursor:pointer;}
.prdShowWD .priceWd .Larea strong{ display:inline-block;}

.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 .panel1{ padding:20px 20px; background:#d6d6d6}
.orderList2 .panel2{ padding:10px 20px 10px 20px; background:#d6d6d6}
.orderList2 .panel1 a{ background:#fff; border:1px solid #999; display:inline-block; border-radius:3px; position:relative; padding:8px 10px;}
.orderList2 .panel1 a:first{ margin-right: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{ position:relative; padding:0 0 0 70px;}
.inputMsList ul li .center{ padding:0 10px 0 70px;}
.inputMsList ul li .center2{ padding:0 10px 0 70px;}
.inputMsList ul li .Larea .sp1{ position:absolute; left:0; top:0; text-align:right; line-height:25px; color:#666;}
.inputMsList ul li .Larea .sp2{ width:100%;}
.inputMsList ul li .Larea .sp2 input,.inputMsList ul li .Larea .sp2 select{ width:100%; border:1px solid #e9e9eb; padding:5px 5px;}
.inputMsList ul li .Larea .sp2 select{ width:49.1%;}
.inputMsList ul li .Larea .sp2 textarea{ width:100%; height:60px; border:1px solid #e9e9eb; padding:5px 5px;}
.inputMsList ul li .Larea .sp3{ position:absolute; right:0; top:0; display:inline-block; line-height:26px;}
.inputMsList ul li .Larea .sp3 a{ background:#B4E2FC; border:1px solid #B4E2FC; padding:5px; color:#FFF; overflow:hidden; position:relative; color:#999; overflow:hidden;}
.inputMsList ul li .Larea .sp3 a:first-child{ border-right:1px solid #FFF;}
.inputMsList ul li .Larea .sp3 a.active{ background:#F27735; border:1px solid #F27735; font-weight:bold; color:#FFF;}
.inputMsList ul li .Larea .sp3 a.active:before{ position:absolute; bottom:-2px; right:-5px; display:block; width:0; height:0; border-color:#F00 transparent; border-width:0 6px 6px 6px; border-style:solid; content:""; transform:rotate(135deg); -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -ms-transform:rotate(135deg); -o-transform:rotate(135deg);}
.inputMsList ul li .center1 .sp3{ border:1px solid #DDD; padding:0 5px; background:#EFEFEF; cursor:pointer;}

.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:200px; 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;}
.listWD .saleInfo{ border:none; border-top:1px solid #DDD; padding:10px 0;}
.listWD .saleInfo h3{ font-size:16px;}
.listWD .saleInfo ul{ overflow:hidden;}
.listWD .saleInfo ul li{ border:1px solid #FA9792;}

#radio_frame{ display:inline-block; clear:both}
#radio_frame .radio { display:none;}
#radio_frame label{color:#333}
#radio_frame .trigger {vertical-align:middle; cursor: pointer; position: relative; display:inline-block; height:20px; border-radius: 20px; background: #c2c2c2;
overflow: hidden; -webkit-transition: background .15s linear; padding:5px 10px 5px 10px; color:#333; margin:0px 8px;}
#radio_frame .radio:checked + .trigger { background: #ff4800; color:#fff}
#radio_frame .trigger:before { content: ''; margin: auto 5px;border-radius: 100%; box-shadow: 0 0 0 100px hsla(0, 0%, 0%, 0);-webkit-transition: left .15s linear;}
#radio_frame .radio:checked + .trigger:before { left: 10px;}

.edit-add2{ z-index:199; width:100%;  background:#FFF; border-bottom:none;}
.edit-add2 ul{}
.edit-add2 ul li{ border:none; margin-botm:0; border-radius:0px;}
.edit-add2 ul li:last-child{ border-bottom:none;}
.edit-add2 ul li.tit{ background:#fff; color:#333; font-size:16px; font-weight:bold;}
.edit-add2 ul li.tit .btn{ color:#3179dd; display:inline-block; float:right; text-align:center; font-size:16px}
.edit-add2 ul li{border-bottom:1px solid #CCC; padding:10px 10px; overflow:hidden;}
.edit-add2 ul li .Larea{ position:relative; margin-right:10px;}
.edit-add2 ul li .Larea .sp1{ display:inline-block; float:left; position:absolute; line-height:25px; color:#999; width:70px; margin-right:10px}
.edit-add2 ul li .Larea .sp2{ margin-left:80px; display:block}
.edit-add2 ul li .Larea .sp2 input{  font-size:14px;  padding:5px 5px; width:100% }
.edit-add2 ul li .Larea .sp2 textarea{ font-size:14px; padding:5px 5px; width:100%}
.edit-add2 ul li .Larea .sp2 select{border:1px solid #e9e9eb; padding:5px 5px; width:100px;}
.edit-add2 ul li .Rarea{ float:right}

.section{ width:95%; margin:0 auto 10px; background:#FFF; border:1px solid #CCC; border-radius:4px; overflow:hidden; font-family:"Microsoft Yahei"; }
.section h3{ padding-left:10px; line-height:36px; background:#F5F5F5; border-bottom:1px solid #CCC; box-shadow:1px 2px 3px #EAEAEA; color:#444;}
.section p{ padding:3px 10px;}

.subscribe-explain{ margin-top:10px;}
.subscribe-explain p{ color:#666; line-height:22px;}

.subscribe-shop p{ font-weight:bold; padding-left:36px; line-height:26px;}
.subscribe-shop p:first-child{ background:url(../images/ico.png) no-repeat 5px -322px; border-bottom:1px solid #CCC;}
.subscribe-shop p:nth-child(2){ background:url(../images/ico.png) no-repeat 5px -348px;}

.form .item{ margin:6px 0; overflow:hidden;}
.form .item label{ float:left; width:60px; line-height:32px; margin:0 3px 0 10px; font-family:"Microsoft Yahei"; font-size:14px; font-weight:bold; color:#333;}
.form .item .subItem{ margin-left:70px;}
.form .item .subItem input,.form .item .subItem textarea{ width:86%; padding:6px 10px; border:1px solid #CCC; border-radius:3px;}
.form .item .subItem textarea{ height:60px; resize:none;}

.grayButton{ border:none; background:#999; color:#FFF; cursor:pointer;}
.greenButton{ border:none; background:#093; color:#FFF; cursor:pointer;}
.orangeButton{ border:none; background:#FF8000; color:#FFF; cursor:pointer;}

.buttonBar{ width:95%; margin:0 auto 10px auto;}
.buttonBar .button{ width:100%; font-size:16px; font-weight:bold;}
.buttonBar .button:hover{ background:#5FB535;}

.edit-addr{ margin:20px;}
.edit-addr .form .item label{ float:none; margin-left:0;}
.edit-addr .form .item .subItem input,.edit-addr .form .item .subItem select{ width:90%; padding:8px 10px;}
.edit-addr .form .item .subItem select{ width:30%; padding:6px 10px; margin-bottom:8px; border:1px solid #CCC; border-radius:3px;}
.edit-addr .form .item .subItem select option:first-child{ color:#999;}
.edit-addr .form .item .subItem{ margin:0;}
.edit-addr .form .item .buttonWrap{ margin-top:20px; text-align:center;}
.edit-addr .form .item .subItem a.del{ width:8%; margin-right:12px; background:none; border:none; width:16px; height:16px; BACKGROUND:url(../images/sprites.png) -319px -67px; text-indent:-9999em; text-align:left;}
.edit-addr .form .item .subItem a { width:40%; font-size:16px; font-weight:bold;}






#nPage{ width:100%; height: display:-moz-box; display:-webkit-box; display:box; -moz-box-orient:vertical; -webkit-box-orient:vertical; -o-box-orient:vertical; box-orient:vertical;}
#nHeader{ height:45px; background:#DDD; border-bottom:1px solid #BBB; position:relative;}
#nContent{ display:-moz-box; display:-webkit-box; display:box; -moz-box-flex:1; -webkit-box-flex:1; box-flex:1;}
#nFooter{ height:45px; background:#999;}

.topBack{ height:38px; position:absolute; top:5px; left:25px;}
.topBack a{ display:block; text-indent:6px; color:#FFF;}
.tab{ position:absolute; top:15px; right:10px;}
.tab a{ width:20%; padding:8px 10px; background:#FFF; box-shadow:0 0 4px #DDD;}
.tab a:first-child{ border-right:1px solid #DDD; border-radius:20px 0 0 20px;}
.tab a.active:first-child{ background:#4EB829; color:#FFF;}
.tab a:last-child{ border-radius:0 20px 20px 0;}



/*Customer*/
a.customer-serviceIcon{ display:block; width:53px; height:27px; position:absolute; left:5px; top:7px; padding-right:8px;  background:url(../images/customer.png) no-repeat 0 0; overflow:hidden; z-index:9000;}

/*Message*/
.message{ padding:10px; margin-top:60px;}
.message .item{ margin-bottom:15px; background:#FFF; border:1px solid #DDD; border-radius:5px; box-shadow:0 0 5px #DDD;}
.message .item .title-box{ padding:0 100px 0 0; position:relative; border-bottom:1px solid #DDD; background:#F5F5F5; border-radius:5px 5px 0 0;}
.message .item .title-box .title{ width:100%; height:36px; line-height:36px; text-indent:12px;}
.message .item .title-box .title.noread{ font-weight:bold;}
.message .item .title-box .status{ position:absolute; top:8px; right:10px;}
.message .item .title-box .status span{ padding:2px 6px; border-radius:3px; background:#F18F27; color:#FFF;}
.message .item .title-box .status span:first-child{ margin-right:10px;}
.message .item .title-box .status span.del{ background:#999;}
.message .item .title-box .status span.noread{ background:#4EB829;}
.message .item .content{ margin:6px 12px; line-height:22px; color:#666;}

.toolbar{ width:100%; height:46px; position:fixed; background:#DDD; border-bottom:1px solid #BBB; z-index:10000;}
.top{ top:0;}
.bottom{ bottom:0;}
.toolbar .back{ height:38px; position:absolute; top:5px; left:25px; background:none;}
.toolbar .back a{ display:block;}
.toolbar .tab{ position:absolute; top:15px; right:10px;}
.toolbar .tab a{ width:20%; padding:8px 10px; background:#FFF; box-shadow:0 0 4px #BBB;}
.toolbar .tab a:first-child{ border-right:1px solid #DDD; border-radius:20px 0 0 20px;}
.toolbar .tab a.active{ background:#4EB829; color:#FFF;}
.toolbar .tab a:last-child{ border-radius:0 20px 20px 0;}

.gray.larrow:before {
    background: none repeat scroll 0 0 #D6DBE0;
}
.larrow:before {
    clip: rect(2px, 26px, auto, auto);
    height: 27px;
    left: -13px;
    top: 6px;
    width: 27px;
}
.larrow:after, .larrow:before {
    content: "";
    display: block;
    height: 26px;
    position: absolute;
    transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
    width: 26px;
}
.gray.larrow:after {
    background: -moz-linear-gradient(left top , #F2F3F7, #E4E8EC) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -webkit-gradient(linear,0 0,0 100%,color-stop(0,#F2F3F7),color-stop(1,#E4E8EC));
    box-shadow: 0 -1px 0 #B7BABD inset, 1px 0 0 #FFFFFF inset;
}
.larrow:after {
    clip: rect(2px, 26px, auto, auto);
    left: -10px;
    top: 5px;
}
.larrow:before {
    content: "";
    display: block;
    height: 22px;
    position: absolute;
    transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
    width: 22px;
}
.button.larrow {
    overflow: visible;
}
.button.gray {
    background: -moz-linear-gradient(center top , #F2F3F7, #E4E8EC) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -webkit-gradient(linear,0 0,0 100%,color-stop(0,#F2F3F7),color-stop(1,#E4E8EC));
    border: 1px solid #DCE1E6;
    box-shadow: 0 1px 2px #FFFFFF inset, 0 -1px 0 #A8ABAE inset;
    color: #8C96A0;
    text-shadow: 1px 1px 1px #FFFFFF;
}
.button {
    border-radius: 5px;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 38px;
    margin: 0 20px 20px 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-shadow: 1px 1px 1px #333333;
    width: 60px;
	height:36px;
}

.ft-wd0504{ height:36px; padding:8px 10px; background:#fbfbfb; border-top:1px solid #CCC; text-align:center; overflow:hidden;}
.ft-wd0504 a.button:first-child{ width:62%; margin-right:10px; background:#B33125; color:#FFF;}
.ft-wd0504 .button:nth-child(2){ width:26%; color:#777; text-shadow:none;}

#newUI{ background:#F1F1F1; font-size:15px;}

.new-toolbar{ height:34px; padding:8px 0; width:100%; position:fixed; background:#FFF; text-align:center; z-index:5000;}
.new-toolbar.top{ top:0; border-bottom:1px solid #DCDCDC;}
.new-toolbar.bottom{ bottom:0; border-top:1px solid #DCDCDC;}

.top .mode{ margin-left:10px; position:relative;}
.top .mode em{ display:inline-block; padding:8px 12px; border:1px solid #DEDEDE; color:#666; position:relative; cursor:pointer;}
.top .mode em:first-child{ margin-right:-1px;}
.top .mode em.active{ background:#FE7045; border:1px solid #FE7045; color:#FFF;}
.top .mode em.active:before{ position:absolute; left:50%; bottom:-6px; margin-left:-3px; display:block; height:0; width:0; border-color:#FE7045 transparent; border-width:6px 6px 0 6px; border-style:solid; content:"";}

.bottom .toolbar-button{ display:inline-block; line-height:30px; background:#FFF; border:1px solid #E44717; border-radius:20px; color:#E44717; text-align:center;}
.bottom .toolbar-button:first-child{ width:58%; margin-right:6px;}
.bottom .toolbar-button:nth-child(2),.bottom .toolbar-button:last-child{ width:35%; border-color:#9B9B9B; color:#6B6B6B;}

#main{ margin:50px 0 50px; overflow:hidden;}

.mode-con{ padding:8px 10px; color:#555;}
.mode-in{ background:#FFE8AB url(../images/bkg_mode_in.png) repeat-x 0 bottom;}
.mode-out{ background:#4598FE url(../images/bkg_mode_out.png) repeat-x 0 bottom;}
.mode-out .addr-icon{ width:16px; height:40px; float:left; background:url(../images/new-sprites.png) no-repeat 0 0;}
.mode-out .addr-info{ margin-left:20px; color:#FFF;}
.mode-out .addr-info span{ line-height:26px; font-size:18px;}
.mode-out .addr-info span:first-child{ margin-right:26px;}

.mode-con .item{ text-align:center;}
.mode-con .item select,.mode-con .item input{ width:200px; padding:8px 12px; background:#FFF; border:1px solid #FBCE8B; border-radius:5px;}
.mode-con .item input{ width:180px;}
.mode-con .queue-tips{ margin-top:10px; line-height:22px; text-align:center;}
.mode-con .queue-tips strong{ font-weight:bold;}
.need-message{ margin:5px 0 0; padding:5px;}
.need-message textarea{ width:100%; height:18px; padding:10px 0; resize:none; text-indent:10px;}
.order-list{ margin:5px; margin-bottom:50px;}
.order-list .item{ height:100px; margin-bottom:5px; padding:10px 10px 10px 120px; background:#FFF; overflow:hidden; position:relative;}
.order-list .item .photo{ width:100px; height:100px; position:absolute; top:10px; left:10px; overflow:hidden;}
.order-list .item .photo img{ width:100%;}
.item-info .name{ height:40px; line-height:22px; overflow:hidden;}
.item-info .name span.sale{ margin-left:5px; padding:0 1px; background:#4598FE; border-radius:2px; color:#FFF;}
.item-info .name span.hot{ margin-left:5px; padding:0 1px; background:#FE7045; border-radius:2px; color:#FFF;}
.item-info .name span.recommend{ margin-left:5px; padding:0 1px; background:#E4A02A; border-radius:2px; color:#FFF;}
.item-info .price{ margin-top:40px;}
.item-info .price strong{ font-size:18px; font-weight:bold;}
.item-info .price strong.gray-line{ margin-left:5px; font-size:15px;}
.order-list .item .count{ position:absolute; width:145px; height:26px; right:10px; bottom:30px; text-align:right; overflow:hidden;}
.order-list .item .count em{ display:inline-block; width:26px; height:26px; background:#A4A4A4; border-radius:100%; font-size:22px; font-weight:bold; color:#3F3F3F; text-align:center; cursor:pointer;}
.order-list .item .count .minus{ position:absolute; right:0; top:0; z-index:800;}
.order-list .item .count span{ position:absolute; width:28px; height:26px; line-height:26px; right:0; top:0; text-align:center; z-index:900;}
.order-list .item .count .plus{ position:absolute; right:0; top:0; z-index:1000;}
.order-list .item .count .peppery{ display:block; display:none; position:absolute; right:0; top:0; width:60px; border-radius:5px; text-align:center;}

/*加减旧样式*/
.order-list .item .m-add{ position:absolute; right:10px; bottom:35px;}
.order-list .item .m-add a{ float:right;display:block; color:#333; width:42px; font-size:24px; text-align:center; line-height:28px; border:1px solid #ccc;}
.order-list .item .control-num{ position:absolute; right:10px; bottom:35px; width:auto; font-size:15px; text-align:center; height:29px;}
.order-list .item .control-num a{ float:left; display:block; width:29px; height:28px; border:1px solid #ccc; line-height:28px; text-align:center; color:#333;}
.order-list .item .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;}

.pop-window{ height:172px; position:fixed; top:50%; margin-top:-86px; left:10px; right:10px; background:#FFF; border-radius:5px; z-index:10000;}
#date h4{ line-height:50px; padding-left:10px;}
#date .date-select{ height:50px; padding:10px; border:1px solid #DDD; border-right:none; border-left:none;}
#date .date-select select{ width:40%; line-height:50px; background:#FFF;}
#date .pop-toolbar{ height:50px; line-height:50px;}
#date .pop-toolbar a{ display:inline-block; width:49%; text-align:center;}
#date .pop-toolbar a:first-child{ border-right:1px solid #DDD;}


/*Tips Adaptive Center*/
.tips-box { position:absolute; top:0; left:0; right:0; bottom:0; display:table; width:100%; height:100%; overflow:hidden; z-index:10000;}
.tips-extend { vertical-align:middle; display:table-cell; text-align:center; _position:absolute; _top:50%; _left:50%;}
.tips-content { padding:20px; color:#fff; border:1px solid #fff; display:inline-block; _position:relative; _top:-50%; _left:-50%; margin:10px;}

#save-order{ height:136px; margin-top:-68px;}
#save-order h4{ margin-top:26px; text-align:center;}
#save-order h4 b{ display:inline-block; width:19px; height:19px; margin-right:10px; vertical-align:middle; background:url(../images/new-sprites.png) no-repeat 0 -50px;}
#save-order h4 span{ display:inline-block; line-height:19px; vertical-align:middle;}
#save-order .pop-toolbar{ padding:30px 10px; text-align:center;}
#save-order .pop-toolbar a{ display:inline-block; line-height:30px; background:#FFF; border:1px solid #E44717; border-radius:20px; color:#E44717; text-align:center; width:40%;}
#save-order .pop-toolbar a:first-child{ width:40%; margin-right:5px;}
#save-order .pop-toolbar a:last-child{ border-color:#9B9B9B; color:#6B6B6B;}

#success{ height:110px; padding:20px 0; margin-top:-75px; text-align:center; line-height:22px;}
#success h4{ line-height:32px; color:#E5621A;}
#success h4 strong{ margin-left:5px; font-weight:bold; color:#090;}
#success p{ margin-top:20px; color:#999;}

/* === List Styles === */
#newUI .form{ margin:0 auto;}
#newUI .form li{ padding-left:70px; margin:6px 0; position:relative;}
#newUI.scan .form li:first-child{ padding-right:70px;}
#newUI.scan .select-data{ position:absolute; right:3px; top:0; display:block; padding:6px 14px 7px; background:#FFF; border:1px solid #aaa; box-shadow:0px 0px 3px #ccc, 0px -10px 15px #ddd inset; border-radius:2px; cursor:pointer;}

/* === Form Elements === */
#newUI .form label{ position:absolute; top:10px; left:0;}
#newUI .form input,#newUI .form select{ width:99%; padding:8px 0; text-indent:6px; background:#FFF; border:1px solid #aaa; box-shadow:0px 0px 3px #ccc, 0 10px 15px #eee inset; border-radius:2px;}
#newUI .form textarea { padding:8px; background:#FFF;}

#newUI .form input:focus, #newUI .form select:focus { background:#fff; border:1px solid #555; box-shadow:0 0 3px #aaa;}

/* === HTML5 validation styles === */
#newUI .form input:required,#newUI .form select:required{ background:#fff url(../images/red_asterisk.png) no-repeat 98% center;}
#newUI .form input:required:valid,#newUI .form select:required:valid{ background:#fff url(../images/valid.png) no-repeat 98% center; box-shadow:0 0 5px #5cd053; border-color:#28921f;}
#newUI .form input:focus:invalid,#newUI .form select:focus:invalid{ background:#fff url(../images/invalid.png) no-repeat 98% center; box-shadow:0 0 5px #d45252; border-color:#b03535;}
#newUI .noMarginTop{ margin:0;}

.scan .banner{ height:160px; background-image:url(../images/theme.jpg); background-repeat:no-repeat; background-position:center center;}
.scan .mode-in h1{ line-height:40px; text-align:center; font-family:"Microsoft Yahei"; font-weight:400; font-size:24px;}

.in-content{ margin-top:10px; text-align:center;}
.in-content .toolbar-button{ display:inline-block; line-height:36px; border-radius:5px; color:#E44717; text-align:center;}
.in-content .toolbar-button:first-child{ width:46.5%; margin-right:4px; background:#E44717; border:1px solid
 #E44717; color:#FFF;}
.in-content .toolbar-button:nth-child(2),.in-content .toolbar-button:last-child{ width:46.5%; background:#FFF; border:1px solid
 #E44717; background:#E44717; color:#FFF;}

.mBottom60{ margin-bottom:60px;}
#moreImg img{ width:100%;}
 
 #status{ position:fixed; width:32px; height:32px; top:50%; left:50%; margin-top:-16px; margin-left:-16px; background:url(images/loaderc.gif) no-repeat 0 0; z-index:9999;}
 
.swiper-container{ color:#fff; text-align:center; position:relative;}
.pagination { position:absolute; z-index:20; left:40%; bottom:10px;}
.swiper-pagination-switch { display:inline-block; width:8px; height:8px; border-radius:100%; background:#666; margin-right:5px; cursor:pointer;}
.swiper-visible-switch { background:#aaa;}
.swiper-active-switch { background:#FF5252;}


.scroller{ position:absolute; top:32px; left:0; bottom:0; z-index:200; width:100%; background:#FFF; overflow:auto;}
.subScroller{ width:100%; position:absolute; z-index:1;
-webkit-tap-highlight-color: rgba(0,0,0,0); 
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
-o-text-size-adjust: none;
text-size-adjust: none;
}

.btn_back{
	background:#FFF;
	font-size:14px;
	font-weight:normal;
    color: #333;
    text-shadow: 1px 1px 1px #FFFFFF;
	height:28px; 
	line-height:28px;
	margin-top:4px;
	border-radius:3px;
	width:42px;
	text-indent:-6px;
}
.btn_back:before{ position:absolute; top:4px; left:-13px; width:0; height:0; border-top:14px solid transparent; border-right:14px solid #FFF; border-bottom:14px solid transparent; content:"";}



@media (max-width:390px) {}{
	#image-container {
		max-width: 109px;
	}
	.image {}{
		background-image: url(image1);
	}
}
@media (max-width:390px) and (-webkit-min-device-pixel-ratio:1.5) {}{
	.image {
		background-image: url(image2);
	}
}
@media (max-width:390px) and (-webkit-min-device-pixel-ratio:2) {}{
	.image {
		background-image: url(image3);
	}
}
@media (min-width:391px) and (max-width:500px) {}{
	#image-container {
		max-width: 121px;
	}
	.image {}{
		background-image: url(image4);
	}
}
@media (min-width:391px) and (max-width:500px) and (-webkit-min-device-pixel-ratio:1.5) {}{
	.image {
		background-image: url(image5);
	}
}
@media (min-width:391px) and (max-width:500px) and (-webkit-min-device-pixel-ratio:2) {}{
	.image {
		background-image: url(image6);
	}
}
@media (min-width: 501px) and (max-width: 767px) {}{
	#image-container {
		max-width: 182px;
	}
	.image {}{
		background-image: url(image5);
	}
}
@media (min-width: 501px) and (max-width: 767px) and (-webkit-min-device-pixel-ratio:1.5) {}{
	.image {
		background-image: url(image7);
	}
}
@media (min-width: 501px) and (max-width: 767px) and (-webkit-min-device-pixel-ratio:2) {}{
	.image {
		background-image: url(image8);
	}
}
@media (min-width:768px) {}{
	#image-container {
		max-width: 303px;
	}
	.image {}{
		background-image: url(image8);
	}
}
@media (min-width:768px) and (-webkit-min-device-pixel-ratio:1.5) {}{
	.image {
		background-image: url(image8);
	}
}
@media (min-width:768px) and (-webkit-min-device-pixel-ratio:2) {}{
	.image {
		background-image: url(image8);
	}
}