@charset "gbk";
@import url("globle.css");
/*通用*/
.hi-bgc{ width:100%; height:auto;padding:5px 0; margin-top:44px;}
.w96{ width:96%; height:auto; margin:0px 2% 10px; background:#fff;}
.hline{ width:100%; height:4px; display:block;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;}
.h-title{ width:96%; padding:0 2%; display:block; height:36px; line-height:36px; overflow:hidden; background:#fff; border-bottom:1px solid #d6d6d6}
.h-title .s-title{ font-size:18px; float:left; display:block}
.h-title .t-more{ color:#09c762; padding-right:10px; float:right; display:block}
.ore{background:#f98700}.hz{ font-weight: normal;color: #a50310;font-size: 14px;}.sl{background:#009bad}
.zis{ background:#ac5d9f}.hs{ background:#f1654e}
.bgreen{ background:#00a285}.red {color: #a50310;}
.bor-radius{border-radius:4px; -webkit-border-radius:4px;}
.c999{ color:#999}.org{ color:#f98700; font-weight:normal}

/*顶部*/
header {width: 100%;position:relative;z-index:999;height: 44px;line-height: 44px;}
.h{height: 44px;line-height: 44px;background:#09c762;color: #fff;font-size: 14px;text-align:center; width:100%;}
.h .h-b,.h .h-u,.h .h-m,.h-nav .jt{ display:block;height:20px; background:transparent url(img/header.png) no-repeat 0 0; background-size:80px;position:absolute; top:10px;}
.h .h-b{ width:25px; height:32px; background-position:5px 1px;left:2%}
.h .h-ti { font-size:18px;}
.h .h-m{ width:20px; background-position:-58px 1px;right:11%; }
.h .h-u{ width:26px;height:26px;right:4%;background: url(img/user01.png) no-repeat ; background-size:24px;}
.h .t-user
{
	position: absolute;
	top: 10px;
	right:11%;
	background: url(img/user01.png) no-repeat;
	background-size: cover;
	width: 20px;
	height: 20px;
	display: block;
}
.h-nav{width: 100%;position:fixed; height:100px;top:44px; left:0px;background:#fff; display:none;zoom:1; z-index:1002}
.h-nav .jt{ display:block; width:14px; height:7px; position:absolute; right:4.5%; top:-7px; background-position:-27px 0px}
.h-nav ul{width:92%;height:72px; padding:0 4%; margin:17px 0}
.h-nav ul li{ width:25%;height: 75px;text-align:center; float:left;}
.h-nav ul li a{ color:#333333; font-size:14px;display:block; width:60px; height:72px; margin:5px auto}
.h-nav ul li a img{ width:45px; height:42px;}.h-nav ul li a span{ display:block; line-height:26px}
.h-nav ul li a:hover{ cursor:pointer; color:#a50310}
.mask{height:100%; width:100%; position:fixed; _position:absolute; top:44px; z-index:998;  opacity:0.5; filter: alpha(opacity=50); background-color:#000; } 

/***********************************************购物车开始***************************************************************/
#tab1{ width:96%; margin:0 2%; overflow:hidden}
#tab1 ul{ width:100%; height:auto;}
#tab1 ul li{ background:#fff; margin:10px auto; height:auto; padding:10px 0px;border-radius:4px; -webkit-border-radius:4px; padding-left:5px;}
#tab1 ul li .tab1-img{ display:block;float:left; width:80px; height:80px; line-height:80px; text-align:center;}
#tab1 ul li .tab1-img img{ max-height:100%; max-width:100%}
#tab1 ul li .tab1-r{ margin-left:86px;}
#tab1 ul li .tab1-r .tr-1{ display:block; height:46px; line-height:22px; font-size:16px; overflow:hidden} 
#tab1 ul li .tab1-r .tr-1 .tr1-left{ display:block; width:70%; float:left;  height:50px; line-height:25px;}
#tab1 ul li .tab1-r .tr-1 .tr1-r{ display:block;float:right; width:30%;  line-height:40px; font-size:16px;color:#f98700}
#tab1 ul li .tr-2{ height:30px; line-height:30px; margin-top:4px;}
.tr-2 .num{ width:45px; float:left;  border:1px solid #bbbdc1;}
.tr-2 .num .text_box,.tr-2 .num a{width:45px;  height:24px;float:left; text-align:center; }
.tr-2 .num .text_box{font-size:18px}
.tr-2 .num a{ display:block;font-size:20px;}
a.upd{ margin:0 4px; padding-left:20px;color:#999999; display:block; float:right;  background:url(img/upd.png) no-repeat 0 center; background-size:16px}
a.del{ margin:0 4px; padding-left:20px;color:#999999; display:block; float:right;  background:url(img/del.png) no-repeat 0 center; background-size:16px}

.you{ display:block; width:96%; margin:14px 2% 60px; height:40px; line-height:40px; font-size:16px; background:#ececec; overflow:hidden}
.you span{ padding-left:30px; background:url(img/truck.png) no-repeat 8px center; background-size:20px}

/*浮动的结算按钮*/
.buy{ position:fixed; bottom:0; left:0; height:50px; width:98%; padding-left:2%; background:#fff; border-top:1px solid #09c762;overflow:hidden}
.buy-left{max-width:80%;  float:left}
.total{ height:20px; line-height:20px; font-size:16px; display:block; overflow:hidden}
.total b{ font-weight:normal}
.buy-left a{ display:block; float:left; color:#09c762; margin-right:8px; font-size:16px; line-height:30px}
a.gobuy{ display:block; float:right; background:#09c762; width:20%; line-height:50px; font-size:18px; text-align:center; color:#fff}


/*购物车为空*/
.tj-s{ width:96%; height:60px; margin:20px 2% 10px}
.tj-s .shop-img{display:block; width:52px; float:left}
.tj-s .shop-img img{ width:100%; height:100%}
.tj-s .shop-r{ display:block; margin-left:58px; font-size:16px;line-height:22px;}
.tj-s .shop-r span,.tj-s .shop-r p,.tj-s .shop-r p a{ display:block; overflow:hidden}
.tj-s .shop-r span{ height:28px;  font-size:18px;}
.tj-s .shop-r p{ line-height:30px;overflow:hidden}
.tj-s .shop-r p a{ color:#09c762; text-decoration:underline; margin-right:8px; float:left}

p.tjs-ts{ display:block; width:96%;height:auto; line-height:20px; padding:8px 0; margin:40px 2% 0;font-size:16px;background:#ececec;overflow:hidden;}
p.tjs-ts span{ display:block; color:#666666; line-height:22px; overflow:hidden; padding-left:8px}
p.tjs-ts span.tjs-i{ padding-left:32px; background: url(img/ts.png) no-repeat 8px center; background-size:20px; margin-bottom:4px;}

