@charset "utf-8";  
*{ font-size:14px; color:#333; font-family:"Microsoft Yahei";  }
html{ -webkit-tap-highlight-color: transparent; overflow-x: hidden; height: 100%; }
body{ width:100%; background:#fff; margin:0 auto; padding:0; color:#333; font-size:0.9rem; line-height:1.5;  } 
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{ margin:0; padding:0; font:normal 100% Arial,"Microsoft Yahei"; font-size:14px; }

img { border:0; max-width:100%; }
h1,h2,h3,h4,h5,h6{ font-weight:normal; }
ul,ol,li{ list-style:none; }
em,i{ font-style:normal; }
a{ color:#333; text-decoration:none; outline:0; font-size:14px; font-family:"Microsoft Yahei"; }
a:active,a:hover,a.current{ outline:0; }
input,select,textarea{ -webkit-tap-highlight-color:rgba(0,0,0,0); border:0; border-radius:0; } 
input{ border:1px solid #efefef; padding:10px; border-radius:3px; } 
input[type="button"], input[type="submit"], input[type="reset"]{ -webkit-appearance: none; }
textarea:focus{ outline:0; }

input[type="checkbox"]{ width:22px; height:22px; cursor: pointer; border:none; background:url(../../../../../public/images/m/ck_0.png?dsa); background-size:cover; border-radius:22px; -webkit-appearance:none;} 
input[type="checkbox"]:checked{ width:22px; height:22px; -webkit-appearance:none; background:url(../../../../../public/images/m/ck_1.png?dd); background-size:cover; border-radius:22px; -webkit-appearance:none; }

input[type="radio"]{ width:22px; height:22px; cursor: pointer; border:none; background:url(../../../../../public/images/m/ck_0.png?dsa); background-size:cover; border-radius:22px; -webkit-appearance:none;} 
input[type="radio"]:checked{ width:22px; height:22px; -webkit-appearance:none; background:url(../../../../../public/images/m/ck_1.png?dd); background-size:cover; border-radius:22px; -webkit-appearance:none; }

.clearfix:after {content:"\0020"; display:block; height:0;clear:both;visibility:hidden;}
.clear{ clear:both; zoom:1; } 

/*提交*/
.submit{ padding:10px 30px; background:#FF0000; border-radius:3px; color:#FFFFFF; -webkit-appearance: none;  float:left;} 
table{ border-collapse:collapse; border-spacing:0; } 

/*手机版本的表格*/
table.ltable{ border:none; border-collapse:collapse; border-spacing:0; margin:1px 0 0 0; float:left; }
table.ltable thead{ background:#f8f8f8;}
table.ltable thead tr th{ font-size:12px; padding:5px 0 3px; font-weight:bold; color:#333;  } 
table.ltable tbody tr td{ text-align:center; padding:8px 0 8px 0; color:#333;}
table.ltable tfoot td{ padding:10px 0 0 0; }

table.etable{ border:none; border-collapse:collapse; border-spacing:0; border-top:none; margin:5px 0 10px 0; float:left; }
table.etable tr td{ color:#333; }
table.etable tr td{ border:none; height:30px; padding:8px 0 5px 0; font-size:12px; }
table.etable tr td:first-child{ padding:5px 5px 0 0; text-align:right;}
table.etable tr td input { float:left;}
table.etable tr td p{ padding:6px 0 10px 15px; color: #666;font-family: arial; float:left;}
table.etable tr td label{ padding:0 20px 0 0; font-size:14px; float:left;}
table.etable tr td i{ color:#FF3300; padding:8px 0 0 15px; font-style:inherit;  float:left;}
table.etable tr td:nth-child(2){ text-align:left; padding-right:10px; }

.nomsg{ width:100%; padding:30px 0 10px 0; background:url(../images/nomsg.png?123) center no-repeat; background-size:auto 100px; color:#333; text-align:center; float:left;}
.nomsg span{ width:100%; margin:150px 0 0 0; font-size:14px; color:#666; float:left;}

/*分页*/  
.page{ width:100%; text-align:center; margin-top:-1px;  padding:30px 0 30px 0; float:left;}
.page a{ border:1px solid #f5f5f5; margin:0 10px 0 0; background:#fff; border-radius:5px; padding:8px 12px 8px; color:#999999;}
.page span a{ border:1px solid #EE4040; background:#EE4040; border-radius:5px; color:#fff; }
.top_bar{ width:100%; height:46px; float:left; }
/*顶部  background-color:rgba(252,249,248,0.5); */ 
.top{ width:100%; padding:7px 0 4px; background:#fff; z-index:100; float:left;} 
.top .logo{ height:23px; line-height:32px; overflow:hidden; padding:6px 0 0 10px; float:left; }
.top .logo img{ height:22px; }

.tback{ width:22px; height:22px; background:url(../images/icon/back.png); background-size:auto 22px; margin:7px 0 0 10px; float:left; }

.tcart{ width:30px; height:30px; background:url(../images/index_cart.png?sdss); background-size:auto 30px; margin:8px 10px 0 0; position: absolute; z-index:20; top:0; right:0; float:right; }
.tcart a{ width:30px; height:30px; text-indent:-9999px; float:left;  }

 
/*搜索*/
.sch{ height:2.5rem; position:relative; margin:0 3rem 0 3rem; }
.schbox{ height:2.35rem; margin-left:10px; background:#f2f2f2; margin-right:10px; position:relative; border-radius:2px; }
.schbox .input_clk{ width:100%; margin-left:10px; position:absolute; float:left; }
.schbox .input_clk input{ width:100%; margin-left:25px; padding:10px 0 6px; outline:0; background:none; border:none; font-size:14px; float:left; }
.schbox span{ width:20px; height:20px; margin:7px 10px 5px 8px; background: url(../images/icon/fdj.png) no-repeat; background-size:auto 20px; position: relative; float:left; } 

/*弹出搜索*/
.schAll{ display:none; width:100%; height:100%; background:#f8f8f8; position:fixed; z-index:500; float:left; }
.schAll .schBox{ width:100%; padding:5px 0; border-bottom:1px solid #f2f2f2; background:#fff; float:left; } 
.schAll .schBox .close{ width:30px; height:22px; margin:9px 0 0 12px; text-align:center; text-indent:-99999px; background:url(../images/icon/cha.png) no-repeat; line-height:40px; float:left; } 
.schAll .schBox .input{ width:auto; height:33px; border-radius:2px; margin:2px 0 1px 0; background:#f8f8f8; margin-left:40px; }
.schAll .schBox .input span{ width:22px; height:22px; margin:6px 5px 5px 5px; background: url(../images/icon/fdj.png) no-repeat; background-size:auto 22px; position:absolute; }
.schAll .schBox .input input.sch_input2{ width:80%; outline:0; background:none; padding:10px 0 5px 35px; border:none; font-size:14px; }
.schAll .schBox .go{ width:100px; float:right;}
.schAll .schBox .go input.sch_sub{ padding:15px 15px 10px; background:#fff; border:none; position:absolute; color:#333; font-size:15px; top:0; right:0; }

.schAll .shot{ width:100%; padding:10px 0 25px 0; margin-top:8px; background:#fff; float:left; }
.schAll .shot .shot_c{ padding:0 10px; }
.schAll .shot .shot_c .name{ width:100%; float:left; }
.schAll .shot .shot_c .name span{ padding:5px 0 0 0; font-size:14px; float:left; }
.schAll .shot .shot_c .con{ width:100%; float: left; }
.schAll .shot .shot_c .con a{ background:#f8f8f8; margin:10px 10px 0 0; border-radius:3px; border:1px solid #eee; padding:6px 12px 4px; color:#666; float:left;}
.schAll .shot .shot_c .con a span{ padding:0 0 0 2px; font-size:13px; float:left; }
 
/*底部导航*/ 
.btm_tab{ width:100%; bottom:0; height:50px; position:fixed; background:#fff; border-top:1px solid #efefef; z-index:200; float:left; } 
.btm_tab a { width:25%; padding:8px 0 0 0; text-align:center; position:relative; float:left;}
.btm_tab a i{ width:22px; height:22px; position: absolute; top:8px; left:50%; margin-left:-11px; float:left;}
.btm_tab a i.i1{ background:url(../images/icon/btm_home.png?33sa); background-size:auto 22px; }
.btm_tab a i.i2{ background:url(../images/icon/btm_cats.png?sa); background-size:auto 22px;}
.btm_tab a i.i3{ background:url(../images/icon/btm_cart.png?sas); background-size:auto 22px;}
.btm_tab a i.i4{ background:url(../images/icon/btm_usr.png?sd); background-size:auto 22px;} 
.btm_tab a span{ width:100%; font-size:0.75rem; padding-top:25px; color:#555; text-align:center; float:left; } 
a.cu{ background:#E04500; color:#FFFFFF; border-radius:3px; font-size:12px; padding:0 2px; margin:0 5px 0 0; float:left; }

/*底部*/
footer{ width:100%; text-align:center; padding:10px 0 30px 0; float:left;}

/*顶部NAV值*/
.cnav{ width:100%; padding:13px 0 8px; z-index:1; border-bottom:1px solid #efefef; background:#fff; text-align:center; font-size:15px; color:#333; float:left; background: linear-gradient(180deg, #FAFAFA, #FDFDFD, #F2F2F2);  }
.cnav a.back{ width:25px; height:25px; position:absolute; background: url(../images/icon/back.png?ss) no-repeat; background-size:auto 19px; top:14px; left:8px; }
.cnav a.back:after{ width:38px; top:0; font-size:16px; position:absolute; margin:-2px 0 0 3px; content:'返回'; color:#666; float:left; }
.cnav a.thome{ width:26px; height:26px; position:absolute; text-indent:-99999px; background: url(../images/icon/menu.png?ss) no-repeat; background-size:auto 20px; top:14px; right:10px; }

.cnav ul{ width:9rem; display:none; position:absolute; padding:0 10px 5px; border-radius:0.3rem; background-color:rgba(0, 0, 0, 0.8); top:40px; right:0.5rem; z-index:1000; }
.cnav ul li{ width:100%; color:#fff; float:left; } 
.cnav ul li a{ width:100%; padding:12px 0; border-bottom:1px solid #616161; color:#fff; float:left; }

.cnav ul li i{ width:22px; height:22px; margin:0 12px 0 10px; float:left; }
.cnav ul li i.hm_01{ background:url(../images/icon/top_meun.png); background-size:auto 22px; }
.cnav ul li i.hm_02{ background:url(../images/icon/top_meun.png) -30px 0; background-size:auto 22px; }
.cnav ul li i.hm_03{ background:url(../images/icon/top_meun.png) -55px 0; background-size:auto 22px; }
.cnav ul li i.hm_04{ background:url(../images/icon/top_meun.png) -80px 0; background-size:auto 22px; }
.cnav ul li span{ text-align:center; font-size:1.1rem; margin-top:-1px; color:#fff; float:left; }
.cnav ul li:last-child a{ border-bottom:0; } 
.popup span{ display:block; width:0; height:0; border-width:0 10px 10px; border-style:solid; border-color:transparent transparent #333; position:absolute; top:-10px; right:7%; margin-left:-10px; }
 

/*长条提交按钮*/
.sbutton{ width:100%; padding:10px 10px 20px; box-sizing: border-box; -webkit-box-sizing: border-box; float:left; } 
.sbutton input{ width:100%; padding:12px 10px; background:#F32A2A; border-radius:3px; color:#fff; font-size:15px;  }
.sbutton a{ width:100%; background:#F32A2A; text-align:center; padding:12px 0; color:#fff; font-size:15px; border-radius:2px; float:left;  }
.sbutton button{ width:100%; background:#f00; text-align:center; padding:12px 0; color:#fff; font-size:15px; border-radius:2px; border:none; float:left; }

/*选择地区弹层*/ 
.area_box{ width:100%; float:left; }
span.area_nav{ width:100%; float:left; }
.area_html{ width:100%; position:absolute; background:#fff; padding-bottom:44px; color: #4d525d; position:absolute; bottom:0%; top:0%; left:0; z-index:15; float:left; }
.area_name{ width:100%; height:28px; position:fixed; z-index:2px; background:#f8f8f8; padding:10px 0 5px 0; border-bottom:1px solid #e2e2e2; float:left; } 
.area_name a.addr_back{ height:2.25rem; float:left; } 
.area_name a.addr_back i{ width:18px; height:18px; background: url(../images/icon/back.png) no-repeat; background-size:auto 14px; margin:6px 0 0 8px; float:left; } 
.area_name a.addr_back span{ margin-top:3px; font-size:16px; float:left; }

.area_con{ width:100%; margin-top: 44px; float:left;} 
.area_con ul.area-list li{ width:100%; border-bottom:1px solid #efefef; background-color:#fff; text-align:justify; font-size:.7rem; line-height:1.25rem; float:left; } 
.area_con ul.area-list li a{ width:100%; padding:12px 0; color:#666; float:left; } 
.area_con ul.area-list li a span{ padding:5px 0 0 10px; float:left; }


/*手机弹窗*/
.mdg_bgcolor{ background:#333; filter: alpha(opacity=80); opacity: 0.8; position: absolute; top:0; left:0; width: 100%; position:fixed; height: 100%; z-index:50; }
.mdg_box_bar{ width:100%; height:100%; margin:0; padding:0; top:0; z-index:90; position: fixed; float:left; } 
.mdg_box{ margin:100px 12% 0; position: relative; border:0 solid #efefef; border-radius:3px; z-index:100;transform: scale(1.2); transition: all .2s ease; }
.mdg_box.ch{transform: scale(1); opacity: 1; filter: Alpha(opacity=100); }
.mdg_box.rch{transform: scale(1.2); transition: all .2s ease; } 
 
.mdg_box .name{ width:100%; background:#f8f8f8; padding:8px 0 6px 0px; border-bottom:1px solid #efefef; float:left;}
.mdg_box .name span{ padding:0 0 0 15px; font-size:14px; float:left; } 
.mdg_box .name em:hover{ text-align:center; } 
.mdg_box .con{ width:100%; background:#FFFFFF; float:left;} 
.mdg_box .foot{ width:100%; padding:0; background:#fff; text-align:center; bottom:0px; border-radius:0 0 3px 3px; float:left;}
.mdg_box .foot a{ width:50%; font-size:14px; margin:0; padding:8px 0 6px; float:left; } 
.mdg_box .foot a.fsave{ background:#E33; color:#FFFFFF; }
.mdg_box .foot a.fcancel{ background:#f8f8f8; color:#666; }

/*弹窗*/ 
.com_box{ position: absolute; z-index:10000; text-align:center; position:fixed; bottom:10%; right:50%; }
.com_box span{ font-size:0.9rem; padding:7px 20px 5px; background:#ddd; color:#333; border-radius:20px; }


#infscr-loading{ width:100%; height:50px; margin:0 auto; background:#ddd; text-align:center; bottom:200px; z-index:100; float: left; }





 