@charset "utf-8";
/* CSS Document */
*{margin: 0; padding: 0;}
html{font-size:100%;}
body{font-size:1em; font-family:"微软雅黑",'Microsoft Yahei', 'Simsun'; color:#515151; line-height:100%;  -webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);  -webkit-appearance:none; -webkit-touch-callout:none; /* -webkit-user-select: none; */}
ul, li{list-style: none;}
textarea{resize:vertical;}
table{border-collapse: collapse; border-spacing: 0; font-size: 14px; border: 0;}
input{vertical-align: middle; appearance:normal; outline:none;}
input[type=button]{cursor: pointer; font-family: '微软雅黑';}
input[type=textarea]{ outline:none;}
a{ font-family:"微软雅黑",Arial, Helvetica, sans-serif; color:#515151;  -webkit-appearance:none; -webkit-touch-callout:none;}
a:link, a:visited{text-decoration: none; color: #515151;}
img{border: none; vertical-align:middle;}
.cls{clear:both}
html{width:100%;height:100%;}
body{ min-height:100%; background:#fafafa;}




.product_top{padding:10px ; position:relative; overflow:hidden; background:#00C4BB; color:#ffffff;}
.product_top img{ float:left; display:inline; width:50px; height:50px;}
.product_top p{ float:left; display:inline; width:60%; margin-left:10px; font-size:10px; line-height:26px;}

.cpxx_btn_right_btn {
    border-radius: 3px;
    color: #fff;
    font-size: 15px;
    height: 35px;
    line-height: 35px;
    margin: 0 4px;
    text-align: center;
    width: 90px;
}
.product_top .cpxx_btn_right_btn{ position:absolute; top:20px; right:0;}
.cpxx_btn_right2 {
background-color: #00C4BB; 
}
.product_top a.cpxx_btn_right_btn{color:#fff;}


.product_tuijian li{ padding:8px; overflow:hidden; margin-bottom:15px; background-color:#fff; margin:10px; border-radius:5px; box-shadow:0px 0px 5px #ccc;}
.product_tuijian li img{ width:100%;}

.product_tuijian li h3{ font-size:15px; line-height:27px;}
.product_tuijian li h3 span{ float:right; color:#00C4BB; font-size:14px;}
.product_tuijian li .wddd_intro{ font-size:12px; color:#aaa; line-height:18px;}




.zbbz{ width:100%;  height:30px; padding-bottom:10px; line-height:30px; font-size:15px; font-weight:bold;display: -webkit-box; margin-top:10px; border-bottom:1px solid #eee;}
.zbbz li{ text-indent:35px; background:url(../images/ioc.png) no-repeat 0 -131px; width:30%;  margin-left:3%;/*float:left; display:inline;*/}
.zbbz li.zb2{ background-position:0 -171px;}
.zbbz li.zb3{ background-position:0 -213px;}
.product_lm{ width:100%;margin:0 auto;}
.product_lm li{ width:47%; float:left; display:inline; margin-right:2%; margin-bottom:2%; border-radius:5px; /*background-color:#feecd8; height:130px;*/}
.product_lm li:nth-child(2n+1){ margin-left:2%; }


/*产品搜索之类*/
.product_function{height:auto; width:100%; position:relative; z-index:100; background-color:#fff; overflow:hidden; padding:10px 0; border-bottom:1px solid #eee;}
.product_function ul{list-style:none; display:-webkit-box; padding:5px 0; overflow:hidden;}
.product_function ul li{width:1px; -webkit-box-flex:1; height:auto; }
.product_function ul li:last-of-type{ background:none;}
.product_function ul li a{display:-webkit-box; -webkit-box-orient:vertical;-webkit-box-align:center; color:#555555; font-size:14px; text-align:center;}
.product_function ul li p{-webkit-box-flex:1;}
.product_function ul li .img{ height:24px;-webkit-box-flex:1;}
.product_function ul li img{height:22px; margin-right:3px;}
.product_function ul li a span.fnav{ display:block; width:55px; height:55px; background:url(../images/icon_fun.png) left top no-repeat; background-size:auto 55px; margin:0 auto; margin-bottom:5px;}
.product_function ul li a span.fnav.n1{ background-position:0 0;} 
.product_function ul li a span.fnav.n2{ background-position:-55px 0;} 
.product_function ul li a span.fnav.n3{ background-position:-110px 0;} 
.product_function ul li a span.fnav.n4{ background-position:-165px 0;} 
.product_function ul li.current a{ color:#d80e3c;} 


.product_search{ background:#fff; margin:10px ; border-radius:5px; height:32px; border:1px solid #CCC;}
.product_search .input1{ width:80%; background:none; height:24px; padding:4px 0; text-indent:5px; float:left; border:none;}
.product_search .submit1{ float:right; background:url(../images/icon_search.png) center center no-repeat; background-size:auto 20px;display:block;  width:15%; height:32px; text-indent:-9999px;border:none; border-left:1px solid #ccc; }


.product_lm{ width:100%;margin:0 auto;}
.product_lm li{ width:47%; float:left; display:inline; margin-right:1%; margin-bottom:1%; border-radius:5px; /*background-color:#feecd8; height:130px;*/}
.product_lm li:nth-child(2n+1){ margin-left:2.5%; }

.product_lm li img{ width:100%; border-radius:5px; }
.product_lm li.li2{ background-color:#faf3c5;}
.produt_rmtj{ width:100%; margin:0 auto; float:left; display:inline; padding-bottom:60px;}
.produt_rmtj h3{/* line-height:40px;*/ font-size:14px; text-align:center; width:100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-o-text-overflow:ellipsis; padding:7px 0;}

.produt_rmtj li{ width:45%; padding:1%; float:left; display:inline; margin-right:2%; margin-top:2%; text-align:left; background:#ffffff;box-shadow: 0px 2px 3px #eee; padding-bottom:3px;}
.produt_rmtj li:nth-child(2n+1){ margin-left:2%; }
.produt_rmtj li img{ width:100%;}
.produt_rmtj li span{ float:right; color:red;}
.produt_rmtj li h3{ text-align:left;}
.produt_rmtj li p{ font-size:12px; color:#aaa;}


.produt_rmtj  h3.title2{ font-size:18px;}



.bottom_bot{ background:rgba(255,255,255,0.9);position:fixed; bottom:0; left:0;right:0; z-index:110; border-top:1px solid #f1f1f1;}
.bottom_bot ul {display:-moz-box; display:-webkit-box;display:box; width:100%; height:auto; list-style:none;}
.bottom_bot ul li {-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;position:relative; float:left; color:#FFFFFF; font-size:14px;margin:3px 0;width:1px; text-align:center;}
.bottom_bot ul li .img { height: 26px;width:27px; display:block;margin:auto; background-image:url(../images/ioc.png);}
.bottom_bot ul li .img.bot1{background-position:-30px -62px;}
.bottom_bot ul li .img.bot2{background-position:0 -62px;}
.bottom_bot ul li .img.bot3{background-position:-181px 0;}
.bottom_bot ul li .img.bot4{background-position:-30px -32px;}
.bottom_bot ul li .img.bot5{background-position:-62px -65px;}
.bottom_bot ul li a.dq{ background:#eee;}
/*.bottom_bot ul li a.dq .img{background-position-y:-120px;color:#009944;}*/
.bottom_bot ul li a.dq label{color:#000000;}
.bottom_bot ul li a { color:#674285; display:block;}	
.bottom_bot ul li a label { overflow:hidden; margin: 0; font-size:12px; margin-top:2px; display:block;  text-align: center; font-family:"微软雅黑" ; color:#7b7b7b; line-height:15px;}
.bottom_bot ul li a.dq{color:#009944;}
.gouwuche{position:absolute; z-index:1000; top:-10px; right:7px;width:18px; height:18px;border:1px solid #6c6c6c; border-radius:50%;line-height:18px; text-align:center; color:#6c6c6c; background:#fff;}

.gw_lc{ font-size:16px; line-height:30px;}

.product_cate{ margin:10px;}
.product_cate a{ font-size:14px; display:inline-block; padding:5px 10px; border-radius:5px; border:1px solid #ccc; margin-right:10px; margin-bottom:10px; font-weight:bold;}
.product_cate a.current{ background:#00C4BB; color:#fff;}



.product_tt{
	padding:5px 0;
	display:-o-box;
	display:-moz-box;
	display:-webkit-box; 
	display:box; 
	background:#00C4BB;
	-webkit-box-align:center;
	-webkit-box-pack:center;
	z-index:999;
	}
.product_tt h1{ font-weight:normal;
	font-size:14px;  
	height:30px;
	-webkit-box-flex:1;
	padding-left:10px;
	line-height:30px; color:#fff; text-align:center; padding-right:40px;}
.product_tt h1 img{height:30px;}

.product_tt a{
	display:-webkit-box;
	-webkit-box-flex:0;
	text-align:center; 
	width:30px;
	height:30px;
	-webkit-box-align:center;
	-webkit-box-pack:center;
	color:#fff; 
	 
	 
	}
.product_tt a:last-of-type{border-right:0;}	

.product_tt a img{height:20px; }



#cm003 {
    color: #807f7f;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    padding-left: 40px; 
}
.mui-amount-increase {
    border-right: medium none;
    font-size: 28px;
}
.mui-amount-increase, .mui-amount-decrease {
    border: 1px solid #d2d2d2;
    float: left;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 32px;
}

.tb-text {
    border: 1px solid #d2d2d2;
	border-left:0; border-right:0;
    float: left;
    height: 30px;
    text-align: center;
    width: 40px;
}

.tbtext_imp {
    border: 0 none;
    font-size: 15px;
    height: 26px;
    text-align: center;
    width: 40px; vertical-align:top;-webkit-appearance:none; appearance:none; background:#fff;
}
.mui-amount-decrease {
    border-left: medium none;
    font-size: 24px;
    margin-right: 5px;
}
.mui-amount-increase, .mui-amount-decrease {
    border: 1px solid #d2d2d2;
    float: left;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 32px;
}
.tb-amount em {
    color: #807f7f;
    font-size: 12px;
    font-style: normal;
}
.tb-hidden {
    font-size: 12px;
    font-style: normal;
    height: 32px;
    line-height: 32px;
    padding-left: 5px;
}
#product_num{ font-style:normal;}

.product_info{ padding:10px;}

.product_info h3{ font-size:16px; color:#000; line-height:36px;}
.product_info p{ line-height:32px; font-size:14px; overflow:hidden;}
.product_info p label{ width:25%; display:inline-block; float:left;}
.product_info p span{ float:left;}
.product_info p span.red{ font-size:18px; color:#00C4BB;}

.product_info1{ margin:10px; padding:10px; background:#fff; border:1px solid #ccc; font-size:14px; color:#000; line-height:24px;}

.product_detail{ margin:10px;background:#fff; line-height:24px; color:#242424;  }


.product_detail h1.bo_bott {
color: #5b5b5b;
font-size: 15px;
height: 40px;
line-height: 40px;
padding: 2px 8px 0;
}
.product_detail img{ width:100%;}

.buy{ padding:10px 0; }
.buy span{ width:40%; background:#F60; border-radius:5px; padding:10px 0; color:#fff; font-size:16px; text-align:center; display:block; float:left; margin-right:5%;}
.buy span.addcart{ background:#00C4BB;}
.buy span.buynow{ margin-left:7%;}



.process{ font-size:14px; margin:0 5px; overflow:hidden; line-height:27px; padding-top:10px;}
.process ul li{ float:left; width:33.3%; text-align:center;border-bottom:1px solid #ccc; }
.process ul li.current{ color:#00C4BB; border-bottom:1px solid #00C4BB;}


.red{ color:#00C4BB!important;}
.cart_list{ padding:0 5px;}
.cart_list ul li{ overflow:hidden; border-bottom:1px solid #eee; padding:10px 0;}
.cart_list ul li img{ width:80px; height:80px; float:left; margin-right:5px;}
.cart_list ul li h1{font-size:14px; line-height:1.5;  color:#666; margin-bottom:5px;}
.cart_list ul li  p{ overflow:hidden; line-height:27px; font-size:12px;}
.cart_list ul li  p label{ display:inline-block; float:left;}
.cart_pro{ float:left;}
.cart_infos{ float:left; margin-bottom:5px;}
.cart_pro .mui-amount-increase,.cart_pro .mui-amount-decrease{ width:30px; height:30px; line-height:28px;}

.cart_pro .tb-text{ height:30px; width:30px;}

.cart_pro .tbtext_imp{ height:30px;}
.cart_list .shan{ width:15px; height:15px; background:url(../images/shan.gif) left top no-repeat; background-size:15px 15px; text-indent:-9999px; display:block; float:right; margin-top:30px;}

a.clear_cart{ font-size:16px; color:#09F; font-weight:bold; margin-top:10px; display:inline-block;}


.cart_sub{ padding:10px ; font-size:16px;}
.cart_sub .submit_cart{border-radius: 3px; border:none; float:right;
    color: #fff;
    font-size: 16px;
    padding:10px;
    text-align: center;
    width: 90px;background-color: #00C4BB; /*box-shadow:1px 1px 1px #00634f; */}

.product_view{ background:#fff; overflow:hidden; padding:10px 0 0; margin-bottom:10px;}
.product_view ul li img{ margin-left:5px;}
.express{ background:#fff; overflow:hidden; padding:10px; border-bottom:1px solid #eee;}
.express label,.order_message label{ display:inline-block; float:left; font-size:14px;  width:25%; line-height:37px;}
.express select{ }

.zf_select{ border:1px solid #ccc; background-color:#fff;  height:37px; line-height:27px;  border-radius:4px; cursor:pointer; vertical-align:middle; width:70%; box-shadow:0 0 0 #fff; padding:3px 5px; appearance:none; -webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;}
.zf_select option{ line-height:30px;}

.paymodel{ margin-bottom:10px;}

.order_message{ background:#fff; overflow:hidden; padding:10px; border-bottom:1px solid #eee;}
.order_message textarea{ width:70%; height:50px;  background-color:#fff; border:1px solid #ccc; border-radius:5px; padding:5px 0;}



.address{ background:#fff; padding:5px 0; background:url(../images/bian.gif) repeat; background-size:50px 5px; height:auto;  text-align:center; margin-top:20px;}
.address a{ line-height:50px; display:block; width:100%; color:#3388cc; background:#fff;}
.address a span{ background:url(../images/edit_03.gif) left center no-repeat; background-size:20px auto; padding:0 0 0 25px;    margin-left: 10px; }
.address a{ display:none;}
.address .cur{ display:block;}
.address .address_t{ background:#fff; text-align:left; font-size:12px; padding:10px 0;} 
.address .address_t p{position:relative;padding:0 2% 0 40px; margin-top:10px;}
.address .address_t p:first-child{ margin-top:0;}
.address .address_t input{ display:inline-block; vertical-align:middle; /*-webkit-appearance: none;*/ background:url(../images/bg_radio.png) center no-repeat; background-size:contain; width:16px; height:16px; position:absolute; left:8px; top:10px;}
.address .address_t input.checked{ background-image:url(../images/bg_radio_checked.png);}
.address .address_t span{ display:block;}



.address_con{ margin-top:10px;}
.address_con p{ overflow:hidden; margin-bottom:10px; padding:5px; border-bottom:1px solid #ddd;}
.address_con p label{ display:inline-block; width:25%; text-align:left; font-size:14px; margin-right:5%;float:left; line-height:33px;}
.address_con input{ float:left; width:60%; height:27px; line-height:27px; border-radius:5px;border:1px solid #ccc; padding:3px 0;}
.address_con p select{ border:1px solid #ccc; width:60%;  background:#fff url(../images/drop_down.jpg) 95% center no-repeat; background-size:11px auto;height:33px; line-height:27px; box-shadow:none; }
.address_con .save_address{border-radius: 3px;
color: #fff;
padding: 5px 10px;
font-size: 16px;
text-align: center;  position:relative; left:50%; margin-left:-60px;
width: 120px; height:37px; line-height:27px;
background-color: #00C4BB;
/*box-shadow: 1px 1px 1px #00634f;*/ border:none;}

.ttt{border-radius: 3px;
color: #fff;
font-size: 15px;
padding: 5px;
font-size: 16px;
text-align: center; 

background-color: #00C4BB;
/*box-shadow: 1px 1px 1px #00C4BB; */border:none;}

.address_list .address_t{ display:block; padding:10px;  line-height:22px; font-size:14px;}
.address_list{ position:relative;}
.address_list .address_t{ background-color:#f4fdfb;}
.edt{ position:absolute; right:10px; top:20px; width:70px;}

.edt a.ttt{ display:block; line-height:18px; height:18px;  width:50px;background-color: #00C4BB; color:#fff; margin-bottom:7px; float:left;}
.edt a{ box-shadow:none; padding:5px 10px;}
.edt a.delete{ background-color:#ccc;}
.add_address{ background:#fff; margin:10px; border:1px solid #2cb398; text-align:center;}
.add_address a{ display:block; width:100%; height:50px; line-height:50px;}


.sucess { padding:20px 0;}
.sucess h1{ font-size:18px; text-align:center; color:#000; line-height:36px;}
.sucess h2{ font-size:18px;text-align:center; line-height:36px;color:#000;}
.sucess h2 span{ color:#00C4BB;}

.pay_con{ background:#fff; margin:20px;border:1px solid #ccc; padding:20px; border-radius:5px; line-height:35px; font-size:14px;}


.pay.ttt{ padding:10px 30px; height:auto;}


.user_center{ padding:10px; overflow:hidden; background:#00C4BB; color:#fff;}
.user_center img.user_pic{ width:100px; height:100px; float:left; margin-right:10px;}
.user_center .user_info{ float:left; font-size:14px; line-height:20px;}
.user_center .user_info a{ color:#00d7ac;}


.user_fun{ margin:20px 10px 0; background:#fff; border-radius:7px; border:1px solid #ccc; /*box-shadow:0 0 5px #CCCCCC;*/ overflow:hidden;}  
.user_fun li{ border-bottom:1px solid #ccc; line-height:44px; font-size:16px; padding-left:10px; color:#000; }
.user_fun li a{ display:block;}
.user_fun li:last-child{ border:none;}
.user_fun li.user_order{background:url(../images/icon_order.gif) 10px center no-repeat;  background-size:15px auto;}
.user_fun li.user_ziliao{background:url(../images/icon_edit.gif) 10px center no-repeat;  background-size:15px auto;padding-left:40px;}

.user_fun li .arrow{ width:20px; height:20px; float:right; margin-right:10px; background:url(../images/icon_right.gif) left top no-repeat; background-size:20px auto; margin-top:10px;}
.arrow{ width:20px; height:20px; float:right; margin-right:10px; background:url(../images/icon_right.gif) left top no-repeat; background-size:20px auto; margin-top:10px;}
.user_order_list{ background:none;}
.user_order_list ul li{ position:relative; padding:10px; overflow:hidden; margin-bottom:20px; background:#fff; /*box-shadow:0 1px 3px #ccc;*/}
.user_order_list ul li .order_info{border-bottom:1px  solid #eee; margin-bottom:10px; padding-bottom:10px;}
.user_order_list ul li .order_info p { font-size:12px; line-height:1.5; }
.user_order_list ul li.zeng .order_info p:first-child{ margin-right:42px;}
.user_order_list ul li.zeng:before{ content:"【赠】"; font-size:14px; font-weight:bold; color:red; position:absolute; right:10px; top:15px;}
.user_order_list .view_state{ overflow-x:scroll; overflow-y:hidden; font-size:0; background:#fff; }
.user_order_list .view_state li{ display:inline-block; font-size:13px; width:20%;height:40px;padding:0 !important; margin:0 !important;}
.user_order_list .view_state li a{ display:block; width:100%; height:100%; text-align:center; line-height:40px; position:relative;}
.user_order_list .view_state li.sel a{ color:#00C4BB;}
.user_order_list .view_state li.sel a:after{content:""; width:100%; height:2px; background:#00C4BB; position:absolute; left:0; bottom:0;}

.order_sub{ clear:both; padding:5px 0;}
.order_sub p{ margin-bottom:10px; }
.order_sub p label{font-size:16px;}
.order_sub p span.red { font-size:16px;}
.order_sub a{ margin-right:10px;}
.order_sub a.online{ color:#fff; padding:5px 15px; box-shadow:none;}
.order_sub a.cancle{background-color:#ccc;  padding:5px 15px;box-shadow:none;}



.bank_list{ margin:20px 10px 0; background:#fff; border:1px solid #ccc; border-radius:5px; padding-top:10px;}
.bank_list p { border-bottom:1px solid #f9f9f9;}
.bank_list p:last-child{ border:none;}
.bank_list p span.red{ clear:both;font-size:12px; display:block;  line-height:27px;}


.user_fun li.user_bank{background:url(../images/car.gif) 10px center no-repeat;  background-size:15px auto;padding-left:40px;}



/*全部分类*/
.fl_top_title{font-size:16px; color:#009944; padding:0 10px; line-height:50px; }
.fl_lm{margin-bottom:10px; padding-left:8px; padding-top:10px; overflow:hidden;}
.fl_title{ font-size:14px; color:#515151;display:-webkit-box;}
.fl_title em{ font-style:normal;}
.fl_title span{width:20px;height:20px;background: url(../images/fl_ioc.png) no-repeat; background-size:20px auto; margin-right:5px;display:inline-block; vertical-align:middle;}
.fl_title span.bg1{background-position:0px 0;}
.fl_title span.bg2{background-position:0px -22px;}
.fl_title span.bg3{background-position:0px -42px;}
.fl_title span.bg4{background-position:0px -63px;}
.fl_title span.bg5{background-position:0px -84px;}
.fl_title .line{border-bottom:1px solid #dadada; vertical-align:middle; display:block;-webkit-box-flex:1; height:10px;margin-left:5px;}
.fl_title .text{-webkit-box-flex:100; text-align:center; color:#00C4BB;}
.fl_title .text a{ color:#00C4BB;}
.fl_list{list-style:none; padding-top:10px; overflow:hidden;}
.fl_list li{width:25%; float:left;margin-bottom:8px;}
.fl_list li a{display:block; height:25px; border:1px solid #dedede; margin-right:8px; box-shadow:0 0 2px #dedede; background:#fff; text-align:center; font-size:12px; line-height:25px; color:#646464; overflow:hidden;text-overflow: ellipsis;
white-space: nowrap;}
.fl_list li:nth-child(4n+1){margin-left:0;}
.fl_list li:nth-child(4n+4){margin-right:0;}

.fl_lm em{ float:left; color:#00C4BB; font-size:14px; font-weight:bold; font-style:normal;display:block; height:25px; border:1px solid #dedede; margin-right:8px; box-shadow:0 0 2px #dedede; background:#fff; text-align:center; font-size:12px; line-height:25px; color:#646464; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.fl_lm em a{ color:#00C4BB; font-size:14px; line-height:25px;}
.fl_sj{ margin-left:70px; overflow:hidden;}
.fl_lm a{ float:left; display:block; font-size:14px; font-weight:bold; padding:0 7px; line-height:27px;}
.fl_lm a.dq{ color:#00C4BB;}