@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2014-12-16 17:35:54
 * @version $Id$
 */

/*首页*/
 /*banner*/
#channel{margin:44px 0 0 0;}
/* box_swipe */
.box_swipe{overflow:hidden;position:relative;}
.box_swipe ul{-webkit-padding-start:0px;}
.box_swipe>ol{height:20px;position:relative;z-index:10;margin-top:-25px;text-align:right;padding-right:15px;background-color:rgba(0,0,0,0.3);}
.box_swipe>ol>li{display:inline-block;margin:5px 0;width:8px;height:8px;background-color:#757575;border-radius:8px;}
.box_swipe>ol>li.on{background-color:#ffffff;}
/*banner*/


.IndexListBox{width: 100%;overflow: hidden;padding-top: 10px ;}
.IndexListBox a{display: block;width: 25%;text-align: center;color: #828282;line-height: 30px;float: left;}
.IndexListBox a img{border: 2px solid #ee4e00;-moz-border-radius: 20em; -webkit-border-radius: 20em;border-radius:20em;padding: 5px;width: 35px;}

.IndexNav{width: 100%;float: left;background: #fff;padding-bottom: 10px;}
.IndexNav a{width: 20%;float: left;display: block;text-align: center;overflow: hidden;color: #666;line-height: 24px;font-size: 12px;padding-top: 10px; }
.IndexNav img{text-align: center;float: none;width: 60%;}


/*商城公告*/
.IndexScgg{float: left;width: 100%;border-top: 1px solid #eee;border-bottom: 1px solid #eee;background: #fff;}
.IndexScggImg{float: left;width: 64px;text-align: center;padding: 10px ;border-right: 1px solid #eee;}
.IndexScggImg img{width: 100%;}
/* 本例子css */
		.txtScroll-top{float: left; width:100px;  overflow:hidden; position:relative;}
		.txtScroll-top .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
		.txtScroll-top .hd .prev,.txtScroll-top .hd .next{ display:block;  width:9px; height:5px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("images/icoUp.gif") no-repeat;}
		.txtScroll-top .hd .next{ background:url("images/icoDown.gif") no-repeat;  }
		.txtScroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; }
		.txtScroll-top .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
		.txtScroll-top .hd ul li.on{ background-position:0 0; }
		.txtScroll-top .bd{ padding:4px 10px;  }
		.txtScroll-top .infoList li{ height:24px; line-height:24px;  overflow: hidden;}
		.txtScroll-top .infoList li a{color: #828282;}
		.txtScroll-top .infoList li .date{ float:right; color:#999;  }
/*商城公告end*/

/*商城限时抢购区*/
.IndexC2{ float: left; text-align:left; width: 100%;background: #fff;margin: 5px 0px;border-top: 1px solid #eee;border-bottom: 1px solid #eee; }
		.IndexC2 .hd{ height:30px; line-height:30px; background:#fff; padding:0 10px 0 20px;   border-bottom:1px solid #eee;  position:relative; }
		.IndexC2 .hd .IndexC2Ul{ float:left;  position:absolute; left:0px; top:-1px; height:32px;width: 100%;   }
		.IndexC2 .hd .IndexC2Ul li{ float:left; cursor:pointer;width: 25%;text-align: center; font-size: 14px;line-height: 32px;color: #828282; }
		.IndexC2 .hd .IndexC2Ul li.on{ height:30px;  background:#fff; border:1px solid #eee; border-bottom:2px solid #fff;width: 24%;color: #ee4e00;line-height: 30px;}
		.IndexC2 .bd .IndexC2bdUl{ zoom:1; overflow: hidden; }

/* 本例子css -------------------------------------- */
	.picScroll{ margin:10px auto; text-align:center;  }
	.picScroll .bd ul{ width:100%;  float:left; padding-top:10px;  }
	.picScroll .bd li{ width:100%; float:left; font-size:14px; text-align:center;  }
	.picScroll .bd li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
	.picScroll .bd li img{ width:40%; background:url(../images/loading.gif) #fff center center no-repeat; float: left; }
	.picScroll .bd .PicScrollText{width: 55%;float: right;line-height:24px;text-align: left;margin-top: 10px;margin-left: 5%;}
        .picScroll .bd .PicScrollText .PPGTitle{font-size: 14px;font-weight: bold;float: left;width: 100%;}
        .picScroll .bd .PicScrollText .PPGBgTitle{background: #ee4e00;color: #fff;float: left;padding:0px 10px;overflow: hidden;margin: 5px 0px;}
        .picScroll .bd .PicScrollText .PPGSTitle{float: left;font-size: 12px;color: #828282;width: 100%;}
        .picScroll .bd .PicScrollText .PPGTime{float: left;display: block;background: url(../images/iconfont-shizhong.png) no-repeat 3px center ;color: #fff;text-align: left;text-indent: 30px;font-size: 14px;padding: 0px 10px;overflow: hidden;}
        .picScroll .bd .PicScrollText .PPGMoney{font-size: 14px;font-weight: bold;color: #ee4e00 ;float: left;width: 100%;}
        .picScroll .bd .PicScrollText .PPGMoney s{font-size: 12px;color: #828282;font-weight: normal;}
        .picScroll .bd .PicScrollText  .yomi {list-style:none;padding-left: 10px;padding-top: 0px;}
        .picScroll .bd .PicScrollText  .yomi li{text-indent: 0px;width: auto;height: auto;border: none;padding: 0px;}
        .picScroll .bd .PicScrollText  .yomi li{float:left;background:#666;color:#fff;font-size:14px; font-weight:normal;margin: 0px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;padding: 0px 1px;}
        .picScroll .bd .PicScrollText  .yomi li.split{background:none;color:#666;}
	.picScroll .hd{ height:20px; line-height:20px;   overflow:hidden; text-align:left;  padding:0 10px; border-bottom: none; }
	.picScroll .hd ul{ float:right; padding-top:10px; position: absolute;left: 50%;margin-left: -36px;font-size: 0px;  }	
	.picScroll .hd li{ float:left; width:8px; height:8px; background:#D0D0D0; margin:0 5px; overflow:hidden; 
	-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; 
	}
	.picScroll .hd .on{ background:#ee4e00;  }

/*商城限时抢购区end*/

/*推荐产品*/
.TjcpBox{float: left;width: 100%;border-top: 1px solid #ee4e00;background: #fff;margin-bottom: 5px;}
.TjcpTitle{float: left;width: 100%;height: 25px;}
.TjcpTitle img{float: left;height: 25px;}

.TjcpCpBox{width: 100%;border-bottom: 1px solid #eee;padding: 10px 0px;float: left;}
.TjcpCpBox img{float: right;width: 40%;}
.TjcpCpBox .TjcpCpText{float: left;width: 55%;margin-right: 5%;margin-top: 10px;}
.TjcpCpText p{display: block;width: 100%;float: left;line-height: 24px;font-size: 14px;text-indent: 10px;}
.TjcpCpText .TjcpText1{}
.TjcpCpText .TjcpText2{font-size: 12px;color: #828282;}
.TjcpCpText .TjcpText3{font-size: 14px;font-weight: bold;color: #ee4e00;}
.TjcpCpText .TjcpText3 span{font-size: 12px;font-weight: normal;color: #828282;}

.TjppBigBox{overflow: hidden;padding: 10px 5px;}
.TjppBigBox a{float: left;display: block;border:1px solid #eee;margin: 5px;padding: 5px;}
.TjppBigBox a img{width: 100%;}

/*推荐产品 end*/

/*F1*/
.IndexF1{width: 100%;float: left;background: #fff;margin-bottom: 5px;}

	/* 本例子css -------------------------------------- */
	.tabBox .hd{ height:30px; line-height:30px; padding:0 10px; font-size:20px; background:url(../images/f1img.png) no-repeat left top #fff; border-bottom:1px solid #ee4e00; position:relative; background-size: 30px; }
	#leftTabBox2 .hd{background: url(../images/f2img.png) no-repeat left top #fff;background-size: 30px;}
	#leftTabBox3 .hd{background: url(../images/f3img.png) no-repeat left top #fff;background-size: 30px;}
	#leftTabBox4 .hd{background: url(../images/f4img.png) no-repeat left top #fff;background-size: 30px;}
	.tabBox .hd ul{ position:absolute; height:31px; top:0; overflow:hidden;left: 40px;  }
	.tabBox .hd ul li{ float:left; padding:0 10px ; color:#666;font-size: 14px;  }
	.tabBox .hd ul .on{  background:#fff;    }
	.tabBox .hd ul .on a{ display:block; /* 修复Android 4.0.x 默认浏览器当前样色无效果bug */ color:#ee4e00; }
	.tabBox .bd ul{overflow: hidden; position: relative;padding-bottom: 20px;}
	.tabBox .bd li{ height:33px; line-height:33px;   }
	.tabBox .bd li a{ color:#666;  }
	.tabBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }  /* 去掉链接触摸高亮 */

	.F1Sbox{width: 49%;float: left;text-align: center;padding: 10px 0px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;}
	.F1Sbox img{width: 80%;}
	.F1Sbox .F1SboxText1{display: block;float: left;width: 100%;height: 24px;text-align: left;text-indent: 20px;}
	.F1Sbox .F1SboxText2{display: block;float: left;width: 100%;height: 24px;text-align: left;text-indent: 20px;color: #ee4e00;}
	.borderNone{border-right: none;}
	.F1More{float: left;width: 100%;margin: 5px 0px;}
	.F1More a{border:1px solid #eee;color: #828282;-moz-border-radius: 3px;   -webkit-border-radius:3px;  border-radius:3px;display: block;width: 40px;text-align: center;position: absolute;left: 50%;margin-left: -20px;}
/*F1end*/

/*首页end*/


/*内页列表*/
.list-neiye{font-size: 14px;font-weight: normal;text-align: left;text-indent: 5%;background: url(../images/neiye-listbg.png);width: 100%;height: 100%;display: none;}
.list-ul-neiye{overflow: hidden;background: #fff;display: none;}
.list-ul-neiye li{line-height: 40px;height: 40px;border-bottom:1px solid #ccc;background: url(../images/neiye_list_jt.png) no-repeat right 15px center;background-size:16px ;}
.list-ul-neiye li a{display: block;color: #555;}
.list-ul-neiye li.action a{color: #ee4e00;}
.list-ul-neiye li.action{background: url(../images/neiye_list_jtaciton.png) no-repeat right 15px center;background-size:16px ;}

/*内页列表 end*/


/*产品分类*/
#LeftListIscrol{position: relative;overflow: hidden;height: 500px;left: 0px;}
.LeftList{width: 30%;background: #f8f8f8;float: left;}
.LeftList ul{width: 100%;}
.LeftList ul li{width: 100%;line-height: 40px;font-size: 14px;text-indent: 14px;border-bottom: 1px solid #eee;}
.LeftList ul li a{color: #555;}
.LeftList ul .on{background: #fff;border-bottom: 1px solid #fff;text-indent: 10px;border-left: 3px solid #ee4e00; }
.LeftList ul .on a{color:#ee4e00;}
.RightList{width:70%;float: right;background: #fff;}
.RightListBox{float: left;width: 90%;padding-bottom: 10px;border-bottom: 1px dashed #ccc;margin: 0px 5%;}
.RightListBox p{line-height: 40px;width: 100%;display: block;font-size: 12px;color: #828282;}

.MainTop{position: relative;top: 41px;}
.PingPaiBox{width: 42%;float: left;margin: 2% 2%;padding: 2%;text-align: center;font-size: 12px;background: #eee;}
.PingPaiBox a{color: #666;}
.PingPaiBox img{width: 100%;}
/*产品分类end*/
.HeaderInput{float: right;width: 80%;background: #eee;height: 30px;margin-top: 5px; -moz-border-radius: 15px;      /* Gecko browsers */
    -webkit-border-radius: 15px;   /* Webkit browsers */
    border-radius:15px;            /* W3C syntax */}
.HeaderText{float: left;line-height: 30px;width: 100px;margin-left: 20px;}
.HeaderButton{float: left;background: url(../images/HeaderIcon2.png) no-repeat center;width: 40px;height: 30px;background-size: 20px;}
.SosoUl{overflow: hidden;padding: 0 10px;background: #fff;}
.SosoUl li{line-height: 40px;height: 40px;border-bottom: 1px solid #eee;}
.SosoUl li a{color: #828282;}

.PpgTopListBig{width: 100%;overflow: hidden;position: absolute;top: 0px;left: 0px;z-index: 1;}
.PpgTopList{width: 100%;overflow: hidden;border-bottom:1px solid #ccc;background: #fff;}
.PpgTopList select{line-height: 30px;font-size: 14px;color: #828282;}
.PpgTopList a{float: left;line-height: 30px;font-size: 14px;color: #828282;display: block;text-align: center;border-right: 1px solid #ccc;}
.PpgTopList a img{vertical-align: middle;}
.PpgTopList .PpgTitleImg{float: left;background: url(../images/iconfont-xiaotuliebiao.png) no-repeat center;background-size: 25px;width: 30px;height: 30px;}
.ZHPH-ListBg{overflow:hidden;background:url(../images/30000.png);display: none;}
.ZHPH-ListBg ul{width: 100%;background: #fff;}
.ZHPH-ListBg ul li{width: 100%;border-bottom: 1px solid #f4f4f4;line-height: 35px;text-indent: 10px;}
.ZHPH-ListBg ul li a{display: block;}
.ZHPH-ListBg ul .select a{color: #ee4e00;background:url(../images/iconfont-32gougou.png) no-repeat 98% center;background-size: 14px; }
.ZHPH-ListBg2{overflow:hidden;display: none;background: #fff;position: relative;}
.ZHPH-ListBg2 ul{overflow: hidden;padding: 0 10px 0px 10px;}
.ZHPH-ListBg2 ul p{width: 100%;line-height: 35px;color: #ee4e00;font-size: 14px;}
.ZHPH-ListBg2 ul select{border:1px solid #ccc;padding: 5px 5px;font-size: 12px;background: url(../images/iconfont2.png) no-repeat 98% center;background-size: 14px;}
select{-webkit-appearance: none;border: none;width: 100%;font-family:"微软雅黑","arial","宋体","Tahoma","Verdana";}
.ZHPH-ListBg2 .SosoButton{width: 100%;line-height: 40px;position: absolute;bottom: 10px;border: none;background: #ee4e00;color: #fff;}

.PPGBigBox{width: 100%;overflow: hidden;background: #fff;}
.PPGXiaoBox{padding:0px 10px;margin: 5px 0px;overflow: hidden;height:90px;}
.PPGXiaoBox img{width: 100px;margin-right: 10px;float: left;padding:5px 0px;}
.PPGXiaoBox .PPGText{width: 150px;float: left;border-bottom: 1px solid #e9e9e9;padding:5px 0px;height:76px;}
.PPGXiaoBox .PPGText .PPGMingZi{width: 100%;color: #ee4e00;font-size: 14px;line-height: 24px;}
.PPGXiaoBox .PPGText .PPGJs{width: 100%;display: block;line-height: 24px;color: #828282;height: 48px;overflow: hidden;word-wrap: break-word;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient ;text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.PPGXiaoBox .PPGText .PPGRQ{width: 100%;display: block;}
.PPGXiaoBox .PPGText .ZYGMingZi{width: 100%;color: #333333;font-size: 12px;line-height: 24px;overflow: hidden;word-wrap: break-word;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient ;text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.PPGXiaoBox .PPGText .ZYGJs{width: 100%;display: block;line-height: 24px;color: #828282;overflow: hidden;word-wrap: break-word;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient ;text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.PPGXiaoBox .PPGText .ZYGJs s{margin: 0px 5px;}
.PPGXiaoBox .PPGText .ZYGRQ{width: 100%;display: block;color: #828282;}
.ProText1Left{float: left;overflow: hidden;word-wrap: break-word;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient ;text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;line-height: 24px;margin-top: 10px;padding: 0px 10px;}
.ProText1Right{float: right;color: #828282;line-height: 24px;width: 30px;text-align: center;margin-top: 10px;border-left: 1px solid #ccc;}
.ProText2JiaGe{overflow: hidden;padding: 5px 10px;border-bottom: 1px solid #ccc;margin-bottom: 5px ;}
.ProText2JiaGe s{color: #828282;margin: 0 5px;}
.ProTextBox{overflow: hidden;}


/*视频分享*/
.VideoBox{overflow: hidden;margin: 5px 5px;background: #fff;padding: 5px;}
.VideoBox img{width: 30%;border: 1px solid #eee;float: left;}
.VideoBox .VideoContext{width: 68%;float: left;padding-left:1%;}
.VideoTitle{width: 100%;float: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 24px;height: 24px;font-size: 14px;color: #666;}
.VideoUser{width: 100%;float: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 24px;height: 24px;font-size: 12px;color: #828282;}

.SpfxNContext{overflow: hidden;background: #fff;padding: 5px;}
.SpfxNUserText{overflow: hidden;border-bottom: 1px dashed #ddd;margin-bottom: 5px;line-height: 30px;color: #828282;}
/*视频分享end*/

/*合作客户*/
.HzkhBigBox{overflow: hidden;padding: 5px;}
.HzkhBox{float: left;width: 40%;padding: 4%;margin: 1%;text-align: center;color: #828282;background: #fff;line-height: 24px;}
.HzkhBox img{width: 100%;border: 1px solid #eee;height:50px;}
/*合作客户end*/

/*积分商城*/
.JfscBigbox{background: #fff;float: left;width: 100%;margin: 5px 0px;padding:6px;}
.JfscText{border-left: 3px solid #ee4e00;overflow: hidden;height: 24px;line-height: 24px;text-indent: 10px;font-size: 14px;color: #ee4e00;border-bottom: 1px solid #eee;}
.JfscBox{width: 100%;float: left;margin: 10px 0px;}
.JfscBox img{float: left;width: 64px;-moz-border-radius: 30em;   -webkit-border-radius:30em;  border-radius:30em;border: 3px solid #ccc;margin-left: 20px;}
.JfscText2{float: left;overflow: hidden;line-height: 24px;margin-left:10px;margin-top: 10px;}
.JfscUl{float: left;width: 100%;margin: 10px 0px;}
.JfscUl li{height: 30px;line-height: 30px;width: 33%;float: left;}
.JfscUl li img{vertical-align: middle;margin: 0px 5px;}
.JfscBigBox{overflow: hidden;padding:5px;}
.JfsccpBox{float: left;width: 46%;margin: 1%;padding: 1%;text-align: center;background:#fff;}
.JfsccpBox img{float: left;width: 100%;}
.JfsccpBoxText{float: left;width: 100%;line-height: 30px;height: 30px;border-bottom: 1px dashed #ddd;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: left;}
.JfsccpText2{float: left;width: 100%;line-height: 24px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: left;}

/*横列表*/
.zhnews-list{overflow: hidden;background: #fff;margin: 10px 10px;-moz-border-radius:  5px;      /* Gecko browsers */
-webkit-border-radius:  5px ;   /* Webkit browsers */
border-radius:5px;padding:0px 5px 10px 5px;}
.news-list{background: #ee4e00;width: 100%;overflow-y: hidden;height: 35px;}
.news-list ul{width: 100%;overflow: hidden;}
.news-list li{float: left;font-size: 14px;line-height: 35px;height: 35px;margin: 0 5px;color: #fff;}
.news-list li a{color: #fff;}
.LxwmDiv{overflow: hidden;padding: 10px;line-height: 30px;font-size: 14px;color: #828282;border-bottom: 1px solid #f1f1f1;}
.LxwmDiv span{overflow: hidden;padding: 10px;line-height: 30px;font-size: 14px;color: #828282;border-bottom: 1px solid #f1f1f1; color:#000; font-weight:900;}
.LxwmDiv img{vertical-align: middle;margin-right: 5px; width:100%; height:100%;}
.LxwmDiv a{color: #828282;}
/*横列表 end*/
/*没有商品收藏*/
.shoppingNone img{ width: 30%;display: block; margin: 8% auto; }
.shoppingNone {text-align: center;}
.shoppingNone .cartBtn{overflow: hidden;}
.shoppingNone .cartBtn a{display: block;padding: 3% 0;border-radius: 5px; margin: 10%;  color: #fff; width: 30%; float: left;}
.shoppingNone .cartBtn a.Cbtn1{background: #6bd0a2}
.shoppingNone .cartBtn a.Cbtn2{background: #ec5151}


/*会员*/
/*会员登入*/
.page-container{ margin:0px auto 10px auto;height: 100%; padding-top:20px }
.huifo {
position: relative;
width: 305px;
margin: 15px auto 0 auto;
text-align: center;}

.huiuse {
width: 270px;
height: 42px;
margin-top: 25px;
padding: 0 15px;
background: rgb(45, 45, 45);
background: rgba(45, 45, 45, 0.15);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid rgb(61, 61, 61);
border: 1px solid rgba(255, 255, 255, 0.15);
-moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1) inset;
font-family: "微软雅黑" 'PT Sans', Helvetica, Arial, sans-serif;
font-size: 14px;
color:#fff;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
-o-transition: all .2s;
-moz-transition: all .2s;
-webkit-transition: all .2s;
-ms-transition: all .2s;
}
.huiusu   {
cursor: pointer;
width: 300px;
height: 44px;
margin-top: 25px;
padding: 0;
background: rgb(239, 67, 0);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid rgb(255, 115, 14);
-moz-box-shadow: 0 15px 30px 0 rgba(255,255,255,.25) inset, 0 2px 7px 0 rgba(0,0,0,.2);
-webkit-box-shadow: 0 15px 30px 0 rgba(255, 255, 255, 0.25) inset, 0 2px 7px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 15px 30px 0 rgba(255, 255, 255, 0.25) inset, 0 2px 7px 0 rgba(0, 0, 0, 0.2);
font-family: 'PT Sans', Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 700;
color: rgb(255, 255, 255);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
-o-transition: all .2s;
-moz-transition: all .2s;
-webkit-transition: all .2s;
-ms-transition: all .2s;
font-family:"微软雅黑";
}
#huiusu a{color: #fff;}

.hui_img{ text-align:center;}
.hui_img img{-moz-border-radius: 30em;   -webkit-border-radius:30em;  border-radius:30em;width: 128px;}


/*购物车*/
.GouWuBg{background: url(../images/30000.png);position: relative;display: none;}

.popGeneral {background-color: #efefef;position: fixed;z-index:100010;left:0px;bottom:-244px; height:auto;width:90%;display: none;margin:0px 5%;}
	.popGeneral .tit {background-color:#ee4e00;line-height: 2rem;height:2rem;	}
	.popGeneral .tit  h4 {font-size: 0.8rem; color:#FFF;text-align: center;}
	.popGeneral .tit .ico_08 {cursor: pointer;display: inline-block;position: absolute;right: 0.8rem;top:0.5rem;}
	.popGeneral #main{  display:table;  border-collapse:collapse; width:100%;    }   
	.popGeneral #left{  display:table-cell;  width:40%; padding:0.3rem 0;  text-align:center; vertical-align:top  }   
	.popGeneral #right{  display:table-cell;  width:60%; padding:0.3rem 0;text-align:left;vertical-align:top  }   
	.popGeneral #right p{ display: block;height:2rem; color:#333;line-height:1rem; padding-bottom:0.8rem; padding-right:0.8rem;  overflow: hidden;word-wrap: break-word;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient ;text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 24px; }
	.popGeneral #right span {color: #666;display: block;margin-bottom:0.4rem;}
	.popGeneral .popbtn { font-size:0.9rem; height:2rem; width: auto; padding:0.5rem 0.5rem; background:#e1e1e1;display: -webkit-box}
	.popGeneral .popbtn a {background:#6bd0a2;height:2rem; line-height:2rem  ; text-align: center; display:block; width:49%; color:#fff; }
	.popGeneral .popbtn .bnt2{ margin-left:0.5rem; background:#ee4e00}
	.ico_08{background:url(../images/ico_08.png)  no-repeat 50% 50%;-webkit-background-size:1.0rem 1.0rem;-moz-background-size:1.0rem 1.0rem;background-size:1.0rem 1.0rem; width:1.0rem; height:1.0rem}   /* 叉叉_白色 */
/*购物车end*/

/*自饮馆*/
.PPGXiaoBox .PPGText .ZYGMingZi{width: 100%;color: #333333;font-size: 12px;line-height: 24px;overflow: hidden;word-wrap: break-word;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient ;text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.PPGXiaoBox .PPGText .ZYGJs{width: 100%;display: block;line-height: 24px;color: #828282;overflow: hidden;word-wrap: break-word;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient ;text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.PPGXiaoBox .PPGText .ZYGJs s{margin: 0px 5px;}
.PPGXiaoBox .PPGText .ZYGRQ{width: 100%;display: block;color: #828282;}
.ProText1Left{float: left;overflow: hidden;word-wrap: break-word;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient ;text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;line-height: 24px;margin-top: 10px;padding: 0px 10px;}
.ProText1Right{float: right;color: #828282;line-height: 24px;width: 30px;text-align: center;margin-top: 10px;border-left: 1px solid #ccc;}
.ProText2JiaGe{overflow: hidden;padding: 5px 10px;border-bottom: 1px solid #ccc;margin-bottom: 5px ;}
.ProText2JiaGe s{color: #828282;margin: 0 5px;}
.ProTextBox{overflow: hidden;}

.ProTextBox2{overflow: hidden;padding: 10px 10px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background: #fff;}
.ProBox2Text1{width: 100%;background: url(../images/iconfont2.png) no-repeat right center;background-size: 14px;color: #828282;line-height: 30px;}
.ProBox2Text2{width: 100%;border-top:1px solid #ccc;display: block;}
.ProBox2Div{width: 100%;line-height:2rem;border-bottom: 1px dotted #ccc;color: #828282;}

.ui-number{display:inline-block;vertical-align:middle;border:1px solid #e3e3e3;letter-spacing:0;height:1.8rem;line-height:1.8rem;overflow:hidden}
.ui-number .increase, .ui-number .decrease, .ui-number .num{float:left;text-align:center}
.ui-number .increase, .ui-number .decrease{font-style:normal;font-size:1.5rem;font-weight:700;border:0;display:inline-block;width:2rem;height:100%;-webkit-user-select:none; background: #fafafa }
.ui-number .num{height:100%;width:3.8rem;border:0;-webkit-border-radius:0;border-radius:0;font-weight:700}
.ui-number .num::-webkit-inner-spin-button{display:none}
/* 圆角效果 */
.radius5{
-moz-border-radius: 5px;      /* Gecko browsers */
-webkit-border-radius: 5px;   /* Webkit browsers */
border-radius:5px;
}
.ButtonSelect{border: 1px solid #828282;background: #fff;color: #828282;padding:0.2rem 0.5rem;-moz-border-radius: 3px;      /* Gecko browsers */
-webkit-border-radius: 3px;   /* Webkit browsers */
border-radius:3px;font-size: 12px;}
.ProBox2Div .on{border: 2px solid #e4393c;
padding: 3px 5px;
background: url(../images/selecticon.png) no-repeat right bottom;}

.hw-tab{background: #fff;padding-top: 10px;}
/**tabs**/
.tabPanel ul{height:40px;border-bottom:1px solid #ccc;border-top: 1px solid #ccc;}
.tabPanel ul li{
	float:left;font-size:12px;height:40px;line-height:40px;width:25%;text-align:center;cursor:pointer;
	color: #333;
}
.tabPanel .hit{
	cursor:pointer;color:black;
	border-bottom: 3px solid #ee4e00;
	color: #ee4e00;
	height: 38px;
}
.tabPanel .on1 img{width: 100%;height: 100%}
.pane{border-top:1px solid #aaa;border-top:0;min-height:100px;background-color:#fff;display:none;overflow: hidden;}
.pane .hw-span{display: block;width: 100%;height: 24px;line-height: 24px;text-indent: 10px;}

.FooterGouWu{overflow: hidden;width: 100%;border-top:1px solid #ccc;background: #f3f3e7;position: relative;height: 40px;bottom: 0px ;left: 0px;}
.GouWuKeFu{float: left;width: 45px;color: #828282;text-align: center;height: 38px;padding-top: 2px;border-right: 1px solid #ccc;}
.GouWuShouCang{float: left;width: 45px;color: #828282;text-align: center;height: 38px;padding-top: 2px;border-right: 1px solid #ccc;}
.GouWuButton{width: 150px;float: right;line-height: 40px;height: 40px;}
.GouWuButton img{vertical-align: middle;margin-right: 5px;}
.GouWuJoinCar{width: 50%;height: 40px;background: #ddd;text-align: center;border: none;float: left;line-height: 40px;}
.GouWuLiJi{width: 50%;height: 40px;background: #ee4e00;border: none;float: left;color: #fff;text-align: center;line-height: 40px;}
.GouWuLiJi a{color: #fff;}

.ProPingLunContext{margin: 5px 0px;padding: 5px;overflow: hidden;}
.ProPingLunContext .PingLunContextImg{float: left;width: 100%;height: 30px;line-height: 30px;padding: 5px 0px;}
.PingLunContextImg .UserImg{height: 30px;width: 30px;-moz-border-radius: 30em;   -webkit-border-radius:30em;  border-radius:30em;vertical-align: middle;margin-right: 5px;}
.PingLunDate{float: left;width: 100%;color: #828282;line-height: 24px;font-size: 12px;}
.PingLunAs{float: left;width: 100%;color: #828282;font-size: 12px;border-bottom:1px dotted #ccc;padding: 5px 0px;}
.ProText1{background: #fff;}


/*注册*/
.zucediv{overflow: hidden;margin:5px;padding: 5px;background: #fff;}
.tabPanel2 ul{height:40px;}
.tabPanel2 ul li{
	float:left;font-size:12px;height:40px;line-height:40px;width:50%;text-align:center;cursor:pointer;
	color: #333;background: #f2f2f2;
}
.tabPanel2 .hit{
	cursor:pointer;color:black;
	background:  #ee4e00;
	color: #fff;
}

.pane{border-top:1px solid #aaa;border-top:0;min-height:100px;background-color:#fff;display:none;overflow: hidden;}
.pane .hw-span{display: block;width: 100%;height: 24px;line-height: 24px;text-indent: 10px;}
.ZuceInput{margin: 5px 0px 0px 0px;float: left;width: 100%;border-bottom: 1px solid #eee;padding: 5px}
.ZuceImg{width: 25px;float: left;margin-right: 5px;}
.ZuceImg img{width: 100%;}
.ZuceIP{line-height: 25px;height: 25px;float: left;}
.yanzmimg{float: right;width: 100px;text-align: center;}
.zucebutton{background: #ee4e00;color: #fff;width: 90%;padding: 10px;}

/*会员中心*/
.user_top {height: 9.6rem;overflow: hidden; background:#ee4e00;position:relative;}
.user_top dt {float: left;margin: 0.8rem 0.8rem 0;text-align: center;position: relative;width: 3.7rem;height: 3.7rem;border-radius: 3.7rem;padding:0.15em; background:#FFFFFF;}
.user_top dt img {width: 3.7rem;height:3.7rem;border-radius: 3.7rem;}
.user_top dt span {width: 68px;height: 26px;position: absolute;left: 5px;top: 4px;padding-top: 64px;font-size: 10px;color: #fff; display:block;}
.user_top dd {font-size: 1rem;color: #fff;margin-top:1.4rem;}
.user_top dd span{ font-size:0.8rem}

.user_top_list {height: 4rem;overflow: hidden; position:absolute; left:0; bottom:0; width:100%; background:rgba(255,255,255,0.5);}
.user_top_list ul {display: -webkit-box; }
.user_top_list ul li {-webkit-box-flex: 1;text-align: center;position: relative;font-size: 0.6rem;}
.user_top_list ul li a {display: block;padding-top: 0.8rem;height: 1.2rem; display:block; position:relative;color: #666; text-decoration:none; width:3.6rem; margin:0 auto; text-align:center  }
.user_top_list ul li a  img{ width:1.9rem; height:1.9rem;}
.user_top_list ul li a span{ display:block}
.user_top_list ul li strong { position:absolute; right:0; top:0.2rem;display: block;color: #fff;font-size: 0.7rem;background:#ee4e00; display:block; font-weight:normal;height: 1.2rem;line-height: 1.2rem;border-radius: 1.2rem; text-align:center; padding:0 0.4rem;}
.user_top .quan1{ position:absolute; right:1rem; top:0.5rem; width:4rem; height:4rem;}
.user_top .quan2{ position:absolute; right:3rem; top:2.5rem; width:3rem; height:3rem;}
.user_top .quan3{ position:absolute; right:5rem; top:4.5rem; width:2rem; height:2rem;}
.YhzxBj { background: #f6f6f6; width:-moz-calc( 100% - 16px );  width:-webkit-calc(  100% - 16px  );  width: calc( 100% - 16px ); padding:  8px; }
.YhzxLb1 { width:  100%; background: #fff; margin:  7px 0px; -moz-border-radius: 15px;     /* Gecko browsers */        
       -webkit-border-radius: 15px;  /* Webkit browsers */  
       border-radius:15px;           /* W3C syntax */}
.YhzxLb1 ul { padding: 0px 10px;}
.YhzxLb1 ul li { line-height:40px; width:  100%; border-bottom:  1px solid #f1f1f1; font-size:  14px;}
.YhzxLb1 ul li em { float: left;}
.YhzxLb1 ul li span {background-image: -webkit-linear-gradient(left,transparent 70%,#666 70%,#666 100%),-webkit-linear-gradient(top,transparent 70%,#666 70%,#666 100%);background-image: -moz-linear-gradient(left,transparent 70%,#666 70%,#666 100%),-moz-linear-gradient(top,transparent 70%,#666 70%,#666 100%);background-image: -o-linear-gradient(left,transparent 70%,#666 70%,#666 100%),-o-linear-gradient(top,transparent 70%,#666 70%,#666 100%);position: relative;display: inline-block;width: 0.5rem;height: 0.5rem;	margin-right: 0.2rem; float:right;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-4deg);-o-transform: rotate(-45deg);	top:1rem;  }
.YhzxLb1 ul li a em { color: #999;}
.clean{clear: both;}

	/* 订单确认页 */
.order_box{ background:#FFF; font-size:0.8rem; margin:5px auto; padding:5px; }
.order_box .in{ display:block;
	background:url(images/order_bg1.png) repeat-x;  
	-webkit-background-size:2.4rem 0.4rem;
	-moz-background-size:2.4rem 0.4rem;
	background-size:2.4rem 0.4rem;}
/* 订单确认页 */
	.order_box{ background:#FFF; font-size:0.8rem; margin:5px auto; padding:5px; }
	.order_box .in{ display:block;
	background:url(images/order_bg1.png) repeat-x;  
	-webkit-background-size:2.4rem 0.4rem;
	-moz-background-size:2.4rem 0.4rem;
	background-size:2.4rem 0.4rem;}
	
	/* 订单确认页通用表格 */
	.order_box .table_box dl{ border-bottom:1px solid #f3f3f3; padding:0.7rem 0; }
	.order_box .line_no dl{ border-bottom:none; padding:0.4rem 0}
	.order_box .table_box dl:last-child{ border-bottom:none}
	.order_box .in{ color:#333; font-size:0.8rem; padding:0.8rem 0 0 0}
	.order_box .in .f1{ font-size:1.1rem}
	.order_box .in .ico_14{ display:inline-block; width:1rem; height:1rem;-webkit-background-size:1rem 1rem;-moz-background-size:1rem 1rem;background-size:1rem 1rem;}
	
	/* 订单确认页表格_中间模块 */
	.order_box .table_box2 dl{ padding:0; position:relative}
 
	.table_box2 .dd1{ width:28%; vertical-align:middle;}
	.table_box2 .dd2{ color:#999; font-size:0.8rem; text-align:left; width:90%; height:2.5rem; line-height: normal; vertical-align:middle; border:none}
	.table_box2 .dl_box p{ line-height:36px;}
	.table_box2  input{ color:#999;  text-align:left; width:90%; border:none; background:#fff ; padding:0; height:24px;  }
	.table_box2  input.radio{width:auto;}
	.table_box2 .span1{ font-size:0.8rem; background:#ec5151; color:#FFF; display:inline-block; padding:0 0.2rem}
	.table_box2 .dd3{ text-align:right}
	
	.table_box2  i{	background-image: -webkit-linear-gradient(left,transparent 70%,#666 70%,#666 100%),-webkit-linear-gradient(top,transparent 70%,#666 70%,#666 100%);
		background-image: -moz-linear-gradient(left,transparent 70%,#666 70%,#666 100%),-moz-linear-gradient(top,transparent 70%,#666 70%,#666 100%);
		background-image: -o-linear-gradient(left,transparent 70%,#666 70%,#666 100%),-o-linear-gradient(top,transparent 70%,#666 70%,#666 100%);
		position: absolute;
		display: inline-block;
		width: 0.5rem;
		height: 0.5rem;
		margin-right: 0.2rem; float:right;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		top:1rem; right:0.5rem; }
		
	.table_box2 .modRadio{ background-color: #B3B3B3; border-radius: 2px;color: #FFFFFF;display: inline-block;height: 19px;line-height: 19px;overflow: hidden;padding: 1px; text-align: center; width: 38px;}
	.table_box2 .modRadio .fl { margin-left: 1px;}
	.table_box2 .modRadio i {  background: none repeat scroll 0 0 #FFFFFF;border-radius: 2px;display: inline-block;height: 17px;margin: 1px 1px 0 0;width: 17px;
	    -webkit-transform: none;
	    -moz-transform: none;
		-o-transform: none;
		top:0; right:0;
		position: static ; 
		}
	.table_box2 .modRadio  .fl {float: left;}
	.fr {float: right;}
	.table_box2 select{width: auto;}
	/* 订单确认页表格_底部模块 */	
	.table_box3 .dd1{ text-align:left}		
	.table_box3 .dd1 a{ color:#5498db}
	.table_box3 .dd2{ text-align:center}		
	.table_box3 .dd3{ text-align:right}	
	  .modify{ background:#5498db; color:#FFF; display:inline-block; padding:0 0.5rem; float:right; }	
	.f4_b{ color: #ec5151;display: inline-block; }
	
	.select_city select{}

		/* div表格化 */
	.table_box{}
	.table_box { }
	.table_box dl{ padding:0.5rem 0; display:table; width:100% }
	.table_box dd{display:table-cell; }
	.table_box dd .inputBg{ }
	.c-btn3 { color:#fff;border:0;height:2.5rem; line-height:2.5rem; width:100%;-webkit-box-flex:1;display:block;-webkit-user-select:none; font-size:0.9rem;background:#ee4e00; text-align: center}
	.Sjdz{padding: 0 0.7rem;}

.SosoUl{overflow: hidden;padding: 0 10px;}
.SosoUl li{line-height: 40px;height: 40px;border-bottom: 1px solid #ccc;}
	/* 订单确认页 */
.order_box{ background:#FFF; font-size:0.8rem; margin:5px auto; padding:5px; }
.order_box .in{ display:block;
	background:url(images/order_bg1.png) repeat-x;  
	-webkit-background-size:2.4rem 0.4rem;
	-moz-background-size:2.4rem 0.4rem;
	background-size:2.4rem 0.4rem;}
.wrap {
padding: 0 0.7rem;
margin-top: 20px;
}
.radius10 {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.ggw{float: left;width: 100%; height:50px;overflow: hidden;text-align: center;margin: 5px 0px 10px 0px;}

.HqYzm{width: 90px;float: left;background: #FF702A;color: #fff;padding: 5px 0px;margin-top: 10px;}
.HqYzm a{color: #fff;}