/* inline css styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  outline: none;
  font-size:100%;
  font-family: Microsoft YaHei;

}
input,button,select,textarea,a{outline:none;}
body {background:#fff; padding-bottom:50px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } 
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; max-width: 100%; }
a{text-decoration:none; color:#333;}
em{font-style:normal;}
input[type="submit"],input[type="reset"],input[type="button"],button{-webkit-appearance:none;}
input, img {vertical-align: middle;}
.w{width:100%; min-width:320px !important;  max-width:640px !important; margin: 0 auto;}
.w320{width:100%; min-width:320px !important;  max-width:320px !important; margin: 0 auto;}
.clear{ height:0px; line-height:0px; clear:both; overflow:hidden; font-size:0px;}
.clearfix {*zoom: 1;}
.clearfix:before, .clearfix:after {display: table;line-height: 0;content: "";}
.clearfix:after {clear: both;}
.wrap10{padding:10px;}
.fl{float:left;}
.fr{float:right;}
.mt10{margin-top: 10px;}
.pcolor{color:#f60;}
.flex_box{ display: -webkit-box; display: -webkit-flex; display: flex; display: -ms-flexbox; }
.bgclip{ background-clip: padding-box; -moz-background-clip: padding; -webkit-background-clip: padding; }
.boxwrap{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
/*头部*/
.m-header{width:100%; height:48px; display:table; padding:0 5px;  position:relative; z-index:999;background:#1bae5d;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; }
.m-header .h-icon, .m-header .h-text{ width: 34px; height: 34px; display: table-cell; font-size: 12px; text-align: center; line-height: 6px; vertical-align:middle;}
.m-header .h-icon a, .m-header .h-text a{ width: 34px; height: 34px; display: block; color: #fff; }
.m-header .h-icon a i{ width: 24px; height: 24px; display: inline-block; margin-top:5px;}
.m-header .h-text{width:40px;}
.m-header .h-text a{line-height: 34px; color:#fff; font-size:16px;}
.m-header .mbox {display:table-cell; vertical-align:middle;}
.m-header .htitle{font-weight:700;font-size:16px;position:absolute;left:0;top:0;z-index:-1;color:#fff;margin:0 auto;    width:100%;line-height: 48px;text-align: center;}
.m-header .hback a i{background:url(../images/hback.png) 0 0 no-repeat; background-size:24px 24px;}
.m-header .shezhi a i{background:url(../images/shezhi.png) 0 0 no-repeat; background-size:24px 24px;}
.m-header .hcart a i{background:url(../images/cart-icon.png) 0 0 no-repeat; background-size:24px 24px; position: relative;}
.m-header .hcart a i em{position: absolute; top:-4px; right: -4px; display: block; width: 14px; height: 14px; line-height: 14px; background: #fff; border-radius: 50%; color: #d81718;}
.m-header .h-addr{float:left; height:48px;}
.m-header .h-addr .store{width:90px; border:none; float:left; line-height:48px; height:48px; background:#d81718; color:#fff; -webkit-appearance:none; background:url(../images/dzxl.png) right no-repeat; background-size:10px;}
.m-header .h-search{margin-left:10px; text-align:right; padding-top:7px; position:relative;}
.m-header .h-search a:first-child{position:absolute; left:10px; top:12px; width:20px;}
.m-header .h-search a:last-child{position:absolute; right:5px; top:9px; width:30px; display:block;}
.m-header .h-search input{float:left; width:100%; color: #7c7c7c; padding:6px 0px;padding-left:30px;margin: 0;background: #fff;border:none;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow:1px 1px 3px #999 inset;-moz-box-shadow:1px 1px 3px #999 inset;-webkit-box-shadow:1px 1px 3px #999 inset;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;background-clip: padding-box;-moz-background-clip: padding;-webkit-background-clip: padding;-webkit-appearance: none;}
/*----- 底部菜单 -----*/
.foot{position:fixed; left:0; bottom:0; z-index:9999; width:100%; height:50px; background:#f7f7f7; border-top:1px solid #dddddd; }
.foot ul li{width:25%; height:50px; float:left; text-align:center; color:#777; }
.foot ul li a p{font-size:10px; line-height:18px;}
.foot ul li.cur{color:#d81718;}
.foot ul li a i{width:28px; height:28px; display:block; margin:3px auto 0; background:url(../images/nav.png); background-size:3.5em; font-size:16px;}
.foot ul li a i.icon-home{background-position:0 0;}
.foot ul li a i.icon-search{background-position:0 -27px;}
.foot ul li a i.icon-bars{background-position:0 -55px;}
.foot ul li a i.icon-shopping-cart{background-position:0 -86px;}
.foot ul li a i.icon-shopping-cart em{width:16px; height:16px; line-height:16px; background:#e77817; border-radius:50%; font-size:10px; color:#fff; position:absolute; top:0px;}
.foot ul li a i.icon-user{background-position:0 -114px;}
.foot ul li.cur a p{color:#007038;}
.foot ul li.cur a i.icon-home{background-position:-29px 0;}
.foot ul li.cur a i.icon-search{background-position:-30px -27px;}
.foot ul li.cur a i.icon-bars{background-position:-30px -55px;}
.foot ul li.cur a i.icon-shopping-cart{background-position:-30px -86px;}
.foot ul li.cur a i.icon-user{background-position:-30px -114px;}
/*******定义公用单选按钮*******/
.radio{display:none;}
.radio+label.radio-label{padding-right:30px; height:20px; display:inline-block; line-height:20px; vertical-align: middle; cursor: pointer; position:relative;}
.radio+label.radio-label:before{content:''; display:block; position:absolute; top:0px; right:5px; width:20px; height:20px; border:1px solid #ccc; border-radius:50%; background:url(../images/checked-icon.png) 1px 1px no-repeat; background-size:32px 16px;}
.radio:checked+label.radio-label:before{background:#1bae5d url(../images/checked-icon.png) -15px 1px no-repeat; background-size:32px 16px; border-color:#1bae5d;}
/*----- 公用按钮 -----*/
.button-wrap{margin:20px 10px 0;}
.button-wrap .button{width:100%; height:100%; line-height:50px;  color:#fff; border:none;background-color:#e77817; }
/*----- 返回顶部模块 -----*/
.groupbar{width:40px; height:40px; position:fixed; z-index:999;}
.groupbar ul li.J_BackToTop a.icon{height:40px; width:40px; display: block; position:relative; cursor: pointer; text-decoration: none; background:url(../images/gotop.png); background-size:40px 40px;}



/*去掉a的下滑线*/
a:hover,a:focus {
    text-decoration:none !important;
}
.mb{margin-bottom: 60px;}