@charset "utf-8";
/* CSS Document */

html{font-size:62.5%; height:100%;}
body{height:100%;
    background-color: #f3f7f7;
    font-size: 1.2px;
    color: #323232;
    min-width: 320px;
    max-width: 640px;
    margin: 0 auto;
    display: block;
    position: relative; }
	
*{font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;	color:#333;}
div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, tr,th, td {
	margin: 0;padding: 0;list-style-type: none;}
em,i,var{font-style:normal}
a{text-decoration: none;}
span{ display:block;}
input {outline:0;-webkit-appearance:none;}


.font11{ font-size:1.1rem;}
.font12{ font-size:1.2rem;}
.font14{ font-size:1.4rem;}
.font15{ font-size:1.5rem;}
.font16{ font-size:1.6rem;}
.font17{ font-size:1.7rem;}
.font18{ font-size:1.8rem;}

.clearfix{ clear:both;}
.block_section{ margin-bottom:1rem;}
.no_border{ background:none;}

.main_box{width: 100%;
    position: relative;
    overflow: auto;
    overflow-x: hidden;
	top:0; bottom:4.9rem;
	margin-bottom: 5rem;
}
.main-box1{width: 100%;
	background:#f3f7f7;
    position: absolute;
    overflow: auto;
    overflow-x: hidden;
	top:0; bottom:4.7rem;}
	
.main-box2{ 
	width:100%;position: absolute;
	background:#fff;
    overflow: auto;
    overflow-x: hidden;
	top:0; bottom:0;}	
	
/*菜单分类两个*/
#maincont_box{ background:#FFF; position:relative;}
#menu_box{ width:100%; height:4.8rem; border-bottom:1px #ccc solid;}
#menu_box span{ width:50%;float:left; text-align:center; line-height:4.9rem; position:relative;}
.bottom_line{ width:64%; background:#5dd1ae; height:2px; position:absolute; top:47px; left:18%;}

/*底部悬浮菜单栏*/
.fnav_box{
	width:100%; height:4.6rem; border-top:.1rem #e2ede8 solid; position:fixed; bottom:0; background:#fff; z-index:88;max-width: 640px;}

.fnav_box ul li{float:left; width:33%; text-align:center; margin-top:.3rem;}
	
.fnav_box ul li i{display:block; width:2.5rem; height:2.5rem; margin:auto;}
.fnav_1{ background:url(images/tab_01.png); background-size:2.5rem 2.5rem;}
.fnav_1_02{ background:url(images/tab2_01.png); background-size:2.5rem 2.5rem;}

.fnav_2{ background:url(images/tab_02.png); background-size:2.5rem 2.5rem;}
.fnav_2_02{ background:url(images/tab2_02.png); background-size:2.5rem 2.5rem;}

.fnav_3{ background:url(images/tab_03.png); background-size:2.5rem 2.5rem;}
.fnav_3_02{ background:url(images/tab2_03.png); background-size:2.5rem 2.5rem;}

.fnav_4{ background:url(images/tab_04.png); background-size:2.5rem 2.5rem;}
.fnav_4_02{ background:url(images/tab2_04.png); background-size:2.5rem 2.5rem;}

.fnav_5{ background:url(images/tab_05.png); background-size:2.5rem 2.5rem;}
.fnav_5_02{ background:url(images/tab2_05.png); background-size:2.5rem 2.5rem;}

.fnav_box ul li span{display:block;height:1rem;line-height:1rem; color:#85928e; margin-top:.4rem;}


/*liuwh 添加购物车提醒 */
#speDiv {color: #F1592A;line-height: 25px;margin-left: 6%;}
#speDiv input{outline: none;-webkit-appearance:checkbox;}
#shop_cart_dialog {position:relative;z-index:5000;}
#speDiv {position:fixed; bottom:auto; top:250px;z-index:50000;max-width: 640px;}
*html #speDiv{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop + 250));z-index:5000;}
.cartpopDiv { padding: 0 2%; width: 96%; }
.cartitle { height: 45px; line-height: 45px; color: #FFF; font-size: 14px; font-weight: bold; text-align: left; text-indent: 15px; background: #36cabb }
.coninfo { padding: 10px 0 0px; border-top: #e5e5e5 1px dashed; font-size: 12px; text-align: center; width: 100%; color: #999; line-height:22px; }
.shopdiv { border-radius: 5px 5px 5px 5px;}
.coninfo table { border: none; color: #999999; }
.toptitle { margin: 8px 0px; }
.toptitle p a { color: #999999; }
.toptitle .pic { float: left; margin-right: 10px; }
.coninfo .gray { color: #999 }
.coninfo strong { color: #ec5151 }
.coninfo font { font-size: 18px; }
.conprice { line-height: 30px; }
.cardivfloat { background-color: #fff; border-radius: 5px 5px 5px; }
.cartdivfloattitle { font-weight: normal; color: #ffffff; font-size: 14px; text-indent: 15px; width: 70%; float: left; }
.cartbntfloat { text-align: center; padding: 15px 0 0px;clear:both ;}
.con_close { width: 50px; float: right; text-align: right; color: #FFF; padding-right: 15px; font-weight: normal; }
.greyBtn { font-size: 14px; background-color:#36cabb; height: 50px; line-height: 50px; border: none; position: relative; display: inline-block; width: 50%;text-align: center; color: #fff; }
a.redBtn { font-size: 14px; background-color:#FAFAFA; height: 50px; line-height: 50px; color: #000; border: none; position: relative; display: inline-block; width: 50%;text-align: center; }
.bor-top { border-top: #e5e5e5 1px solid; }
.blank5 { height: 5px; line-height: 5px; clear: both; visibility: hidden; overflow: hidden; }
/*.cartbntfloat a{ color:#FFF}*/
.touchweb_com-indexPop { display: none; position: fixed; left: 0; top: 0;  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: center; -webkit-box-pack: center; box-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-align: center; -webkit-box-align: center; box-align: center; -webkit-align-items: center; align-items: center; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); visibility: hidden; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; z-index:99999999 }
.touchweb_com-indexPop.show { opacity: 1; visibility: visible; }
.touchweb_com-indexPop .inner { width: 235px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 18px 20px 15px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #fff; height:auto; }
.touchweb_com-indexPop .inner .btn_box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; height: 30px; text-align: center; }
.touchweb_com-indexPop .inner .btn_box .btn { display: block; height: 30px;  width: 86px; font-size: 1.4rem; -webkit-box-sizing: border-box; }
.touchweb_com-indexPop .inner .btn_box .btn_confirm { color: #fff; background-color: #5dd1ae; line-height:30px; border-radius:15px;  }
.touchweb_com-indexPop .inner .btn_box .btn_confirm:active { background-color: #5dd1ae; }
.touchweb_com-indexPop .inner .btn_box .btn_cancel {background-color: #fcce51; color:#fff; border-radius:15px;line-height:30px; }
.touchweb_com-indexPop .inner .btn_box .btn_cancel:active { background-color: #fcce51; color: #fff;  }
.touchweb_com-indexPop { font-size:.12rem;}
.touchweb_com-indexPop .inner .content_name {margin-bottom: 18px;}
.touchweb_com-indexPop .inner .content_name p {line-height:30px;font-size:15px; color: #323232; text-align:center;}
.touchweb_com-indexPop .inner .btn_box .btn { font-size:14px;}