﻿body { background:#e4e4e4; }


#shop-header { height: 80px; background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,0.08); width:100%;margin-bottom:10px;padding-top:15px;min-width:1200px}
#shop-header .shop-info { float: left; width: 350px; }
#shop-header .shop-info .logo { float: left;width:80px }
#shop-header .shop-info .logo img { width: 65px; height: 65px;border:1px solid #f4f5f6 }
#shop-header .shop-info .info { float: left; padding-top:8px}
#shop-header .shop-info .info h3 { font-size: 16px;float:left; }
#shop-header .shop-info .info .s-status { float: left; margin-left: 10px; }
#shop-header .shop-info .i-1 { height: 32px; }
#shop-header .shop-info .rate{height:18px;background:url(../../images/k_shop_icon.png) 0 -15px no-repeat;width:66px;margin-bottom:5px}
#shop-header .shop-info .rate span{display:inline-block;background:url(../../images/k_shop_icon.png) 0 0px no-repeat;height:100%}

.n-icon{display:inline-block;padding:0px 4px;color:#fff;line-height:20px;margin-left:5px;font-size:12px;border-radius:3px;background:#e71f19}
.n-icon.rec { background: #91d426; }

#shop-header .shop-nav { float: left; width: 300px;font-size:16px;padding-top:25px }
#shop-header .shop-nav li { float: left;padding:4px 10px 5px 10px;margin:0 8px }
#shop-header .shop-nav a { color: #999; }
#shop-header .shop-nav .cur { background: #3199e8; border-radius: 3px; }
#shop-header .shop-nav .cur a { color: #fff; }
#shop-header .shop-right { float: right; }
#shop-header .shop-right li { border-right: 1px solid #ededed; padding: 0 20px;text-align:center; float:left;color:#999;height:60px;padding-top:5px}
#shop-header .shop-right li b { display: block; font-size: 30px;font-family:Arial;height:40px;width:30px;text-align:center;margin:0 auto }
#shop-header .shop-right li .fav { cursor:pointer;background: url(../../images/k_shop_icon.png) -30px -76px no-repeat;}
#shop-header .shop-right li .no.fav {background: url(../../images/k_shop_icon.png) 2px -76px no-repeat; }
#shop-header .shop-right li i{font-style:normal}
#shop-header .shop-right .nooo { border: 0px; }
#shop-header .shop-right li.wap b {width:55px;height:55px }
#shop-header .wap img { width: 100%; }
#shop-header .qs b { color:#eb7c7c}
#shop-header .ps b { color:#0ccfa3}
#shop-header .sj b { color:#5ed8ff}
.cusTip {background:#fff;padding:15px;width:250px;border:1px solid #febc19;font-size:14px;line-height:2.0em ;color:#999;display:none;position:fixed;z-index:1001}
.cusTip b{color:#e71f19}
.main {width:auto;overflow:hidden;min-height:400px;padding-bottom:40px;position:relative }
.main .col-l { width: 260px; }
.main .col-r { width: 930px; }
.main .box { background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,0.08); border-radius: 2px;font-size:14px }
.main .box .h3 { height: 40px; line-height: 40px; font-size: 16px; padding: 0px 15px; color: #fff; background: #fff; border-bottom: 1px solid #f2f2f2; color:#333;border-radius:2px 2px 0 0;font-weight:normal}

.main .box .h4 {background:#ff6000;color:#fff;border-bottom:0 }
.main .box .box-main { height:auto;overflow:hidden}
.noti { font-size: 14px;color:#666 }
.noti li { border-bottom: 1px solid #eee; height: auto; line-height: 22px;padding:9px 0 }
.noti .box-main { padding:10px}
.noti i {  width: 18px;text-align:center; height: 18px;line-height: 18px;background:#ff9416;border-radius:2px;display:inline-block;font-size:12px;color:#fff;vertical-align:middle;margin-right:10px;margin-top:-3px }
.noti .box-main div { line-height: 1.8em; padding:10px 0;color:#999}
.noti .jian  i{ background: #d21227; }
.noti .shou  i{ background: #2db5ab; }
.noti .dao i{ background: #e8ab40; }
.noti .mian i{ background: #db686d; }

.cs { margin-bottom: 10px; }
.cs .box-main { padding: 10px 20px; }
.cs li { width:178px; float: left;line-height:40px;height:40px;color:#999 }
.cs li a { color: #08c; }

.list { overflow: hidden; height: auto; }
.list .hh4 { height: 40px; line-height: 40px; font-size: 16px; padding: 0px 15px; color: #fff; background: #f2f2f2; border-bottom: 1px solid #ddd; color:#333;border-radius:2px 2px 0 0;font-weight:normal}
.list .txt,.list .tAndi { width: 940px; height: auto; overflow: hidden; }

.list li { border-top: 1px dotted #d3d3d3; height: 54px; line-height: 54px;font-size:14px;color:#333; position:relative}
.list li.cur{background:#fcfcfc}
.list li.cur .price span{border-color:#ffcf6e;background:url(../../images/k_shop_icon.png)  -56px -36px no-repeat #fff9e9;padding-left:25px;}
.list li.cur .price span.mu{border-color:#ffcf6e}
.list li.cur .priceFloat { display: block; }
.list .name { float: left;padding-left:15px }

.list .price { float: right;width:90px;padding-right:20px; color:red;font-weight:bold ;position:relative}
.list .price span{display:inline-block;float:right;height:26px;margin-top:13px;line-height:26px;border:1px solid #fff;padding:0 5px;cursor:pointer}
.list .price div{border:1px solid  #ffcf6e;background:#fff;position:absolute;z-index:99;top:12px;right:20px; width:220px;height:28px;display:none;overflow:hidden}
.list .price div li{color:#c1c0c0;height:28px;line-height:28px;border:0px; border-right:1px solid #e8e8e8;font-size:14px;padding:0 10px;font-weight:normal;float:left;cursor:pointer;width:auto}
.list .price div li b{color:#e71f19;display:inline-block;float:right;width:30px;padding:0 10px 0 5px;font-weight:normal;}
.list .price span.mu{border-color:#d9d9d9;padding-right:25px;margin-right:0px}
.list .price i {display:inline-block;position:absolute;right:28px;top:14px; width:12px;height:20px; background:url(../../images/k_shop_icon.png)  0px -110px no-repeat;}
.list .txt {  border-bottom: 1px dotted #d3d3d3;}
.list .tAndi { width: 935px; }
.list .tAndi li {border:0px;border-right:1px solid #e5e9ec;border-bottom:1px solid #e5e9ec;float:left;width:192px;height:200px;padding:20px }
.list .tAndi li .cover {margin:0px 0px 10px 0px;width:192px;height:150px;overflow:hidden;position:relative }
.list .tAndi li .cover .icon { position: absolute; left: 0px; top: 0px;height:20px;line-height:18px }
.list .tAndi li .cover img { width: 100%; }
.list .tAndi li .name { padding-left: 0px; }
.list .tAndi .price { float: right; width: 90px; padding-right: 0px; }
.list .tAndi .price div { right: 0px; }
.list .tAndi .price i { right: 8px; }
.list .tAndi .priceFloat {line-height:2em ;padding-top:10px  }
.list .tAndi .priceFloat span { vertical-align: middle; }
.list .priceFloat { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.2); text-align:center;display:none}
.list .priceFloat span {cursor:pointer; color:#fff;background:url(../../images/k_shop_icon.png)  -53px -33px no-repeat #ff2d4b; padding: 5px 10px 5px 28px; border-radius:2px;display:inline-block;margin:2px 2px;height:20px;line-height:20px;}


.cart-box {position: fixed;  bottom: 0px;box-shadow:0 0 4px rgba(0,0,0,0.3);width:260px;font-size:14px; }
.cart-empty { background:url(../../images/k_shop_icon.png)  10px -170px no-repeat #3f4347; height: 40px; line-height: 40px;  width: 210px;color:#fff;font-size:16px;padding-left:50px; }
.cart-full { display:none}
.c-h { height:34px;line-height:34px;border-bottom:4px solid #ff6000;background:#fafafa;color:#999;width:auto;padding-left:10px;position:relative;border-radius:3px 3px 0 0}
.c-h a { background: url(../../images/k_shop_icon.png) 10px -215px no-repeat; color: #999;font-size:12px;position:absolute;top:1px;right:10px;display:inline-block;padding-left:30px}
.sum-box { background:url(../../images/k_shop_icon.png)  5px -170px no-repeat #3f4347; height: 40px; line-height: 40px;  width: 224px;color:#fff;padding-left:36px;}
.sum-box .summary { float: left; }
.sum-box .submit { float: right;padding-right:5px }
.sum-box a { background: #e4e4e4; border-radius: 3px; color: #333; padding: 3px 10px;font-size:12px }
.sum-box a.ok { background: #fdda33; }
.sum-box .freight { font-size: 12px; color: #999; }

#cart-list ul{ background: #fff; padding:8px 0 12px 0}
#cart-list li{height:35px;line-height:40px;padding:0 10px;overflow:hidden;font-size:12px}
#cart-list .name{float:left;width:100px}
#cart-list .price{float:left;width:30px;color:#f17530;}
#cart-list .empty{height:100px;line-height:100px;color:#c1c0c0}
#cart-list .count{ width: 90px; float: left;display: inline-block; vertical-align:middle;text-align:center;line-height:35px}
#cart-list .count  a{ display:none;width:20px;height:21px; border:1px solid #cecbce;text-align:center;color:#cecbce;font:14px/22px simsun,serif;vertical-align:middle;text-decoration:none}
#cart-list .count a:hover { background:#666;color:#fff}
#cart-list .count input {width:20px;height:21px; border:1px solid #cecbce;vertical-align:middle;text-align:center; }
#cart-list .cur .count input {border-right:0px;border-left:0px; }
#cart-list .cur .count a {display:inline-block }
#cart-list .cur .del a{display:block}
#cart-list .del{float:right;width:6px}
#cart-list .del a{color:#c1c0c0;font-weight:bold;font-family:Arial;display:none}
#cart-list .del a:hover{text-decoration:none;color:#e71f19}

.depict { min-height: 500px;padding:15px;color:#666;line-height:1.8em }
.depict .price { color: red; }
.depict .desc-base {width:auto;}
.depict .desc-base b { color:#666;font-weight:normal;display:inline-block;width:80px;text-align:right;padding-right:5px}
.depict  h4 { height: 30px; border-bottom: 1px solid #f4f5f6; margin:30px 0 15px 0}

.map { margin-top: 10px; height: 180px;padding:5px }
#map { height: 180px; }

