*{ margin: 0; padding: 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,hr,thead,tbody,tfoot,th,td{ margin:0; padding:0; }
ul,ol{ list-style:none; }
a{ text-decoration:none; }
html{ -ms-text-size-adjust:none; -webkit-text-size-adjust:none; text-size-adjust:none; }
body{ line-height:1.2; font-size:0.26rem !important; background:#ffffff; -webkit-tap-highlight-color:rgba(0,0,0,0); }
body,button,input,select,textarea{ color:#666666; font-family:Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", STXihei, STHeiti, "Microsoft YaHei", Heiti, SimSun, sans-serif; }
a{ text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0.35); color:#666666; font-size:0.26rem; outline:none; -webkit-tap-highlight-color: rgba(0,0,0,0); }
a:focus{ outline:none; }
a:hover,a:active{ outline:none; }:focus{ outline:none; }
a:hover { color:#666666; }
a:active{ color:#666666; }
b,strong{ font-weight:bold; }
h1,h2,h3,h4,h5,h6,b,strong{ font-weight:400; }
i,em{ font-style:normal; }
table{ border-collapse:collapse; border-spacing:0; }
table th,table td{ border:1px solid #ddd; padding:5px; }
table th{ font-weight:inherit; border-bottom-width:2px; border-bottom-color:#ccc; }
img{ border:0 none; width:auto\9; max-width:100%; vertical-align:top; height:auto; }
button,input,select,textarea{ font-family:inherit; font-size:100%; margin:0; vertical-align:baseline; }
button,html input[type="button"],input[type="reset"],input[type="submit"]{ -webkit-appearance:button; cursor:pointer; }
button[disabled],input[disabled]{ cursor:default; }
input[type="checkbox"],input[type="radio"]{ box-sizing:border-box; padding:0; }
input[type="search"]{ -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }
input[type="search"]::-webkit-search-decoration{ -webkit-appearance:none; }
input{border:0}
input:focus{ outline:none; }
select[size],select[multiple],select[size][multiple]{ border:1px solid #aaaaaa; padding:0; }
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{ display:block; }
audio,canvas,video,progress{ display:inline-block; }
body{ background:#ffffff; }
input::-webkit-input-speech-button { display: none; }
button,input,textarea{ -webkit-tap-highlight-color: rgba(0,0,0,0); }
img{ vertical-align:middle; display:block; max-width:100%; height:auto; margin: auto; }

.color-w { color: #ffffff; }
.color { color: #44bb00; }
.color2 { color: #ff4444; }
.color3 { color: #2a82e4; }
.f-l{ float:left; }
.f-r{ float:right; }
.height10{ height:0.1rem; clear:both; zoom:1; line-height:0; font-size:0; }
.height20{ height:0.2rem; clear:both; zoom:1; line-height:0; font-size:0; }
.height30{ height:0.3rem; clear:both; zoom:1; line-height:0; font-size:0; }
.height40{ height:0.4rem; clear:both; zoom:1; line-height:0; font-size:0; }
.height50{ height:0.5rem; clear:both; zoom:1; line-height:0; font-size:0; }
.tran_all{ -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0}
.clearfix { *zoom:1; }
.clearfix { display:block; }
.clear{ clear:both; height:0; }
.dis_none{ display:none; }
.over-hide{ overflow:hidden; }
.text-c{ text-align: center; }
.text-l{ text-align: left; }
.text-r{ text-align: right; }
.text-overflow{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.separate{ height:1px; width:100%; background:#bbb; -webkit-transform: scaleY(.5); -ms-transform: scaleY(.5); transform: scaleY(.5); }
::-webkit-input-placeholder { color:#999999; }
:-moz-placeholder { color:#999999;  }
::-moz-placeholder { color:#999999;  }
:-ms-input-placeholder { color:#999999; }
.bgs{ background-color:#f7f7f7; }
.bgw{ background-color:#ffffff; }
.ub { display: -webkit-box !important; display: box !important; position: relative; }
.ub-f1 { position: relative; -webkit-box-flex: 1; box-flex: 1; width: 0; }
.bg-color{ background-color:#44bb00; }
.bg-color2{ background-color:#ff4444; }
.bg-color3{ background-color:#c00000; }
.bdr-colorw{ border-color:#ffffff; }
.bdr-color{ border-color:#44bb00; }
.bdr-color2{ border-color:#ff4444; }
.b-n { border: none !important; }
.bdr-bottom{ position:relative; }
.bdr-bottom:after { height: 1px; content: ''; width: 100%; border-top: 1px solid #e3e5e9; position: absolute; bottom: -1px; right: 0; transform: scaleY(0.5); -webkit-transform: scaleY(0.5); z-index: 10; }
.bdr-top{ position:relative; }
.bdr-top:before { height: 1px; content: ''; width: 100%; border-bottom: 1px solid #e3e5e9; position: absolute; top: -1px; right: 0; transform: scaleY(0.5); -webkit-transform: scaleY(0.5); z-index: 10; }
.divider_line { margin: 0 auto; border-top: none; border-left: none; border-right: none; box-sizing: border-box; width: 100%; overflow: hidden; height: 0.2rem; border-bottom: 0.2rem solid #f7f7f7; background-color: #f7f7f7; }




/*头部*/
.header_user { position:relative; width: 100%; height:50px; background:#fff; zoom: 1; border-bottom:1px solid #eee; }
.header_user:after{ clear: both; content: ""; display: block; font-size: 0; height: 0; visibility: hidden; }
.header_user .header-left { float: left; width:15%; height:50px; }
.header_user .header-left a.sb-back { cursor:pointer; display: block; width: 50px; height:50px; vertical-align: middle; background: url(../imgs/top.png) no-repeat; background-size: 30px auto; background-position: 10px 10px; }
.header_user .header-middle{ position: relative; width:70%; text-align:center; color:#fff; height:50px; float: left; color: #505050; font-size: 18px; line-height:50px; position: relative; }
.header_user .header-right { float: right; width:15%; height:50px; line-height:50px; }
.header_user .header-right a.text { display: block; float: right; width: 50px; line-height: 50px; text-align: center; font-size: 0.3rem; color: #666; background:none; }

#show_more { background: url(../imgs/top.png) no-repeat; background-size: 30px auto; width: 50px; height: 50px; background-position: 10px -33px; }
.show-menu-btn { float: right; height: 50px; width: 50px; }
.show-menu-info { overflow: hidden; }
.show-menu-info { width: 50%; height: 0; position: fixed; background: #333; z-index: 1000; right: 0; top: 45px; opacity: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: 86% -12px; -ms-transform-origin: 86% -12px; transform-origin: 86% -12px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.show-menu-info:before { content: ""; display: block; position: absolute; width: 0; height: 0; border-color: transparent; border-width: 8px; border-style: solid; bottom: 100%; right: 20px; border-bottom-color: rgba(0,0,0,.76); }
.show-menu-info ul { position: absolute; background: rgba(0,0,0,.76); right: 10px; border-radius: 5px; }
.show-menu-info li {border-bottom: 1px solid #767676;  }
.show-menu-info li a{ padding: 7px 35px 7px 25px; height: 44px;display:block}
.index-menu, .category-menu, .cart-menu, .user-menu { background: url(../imgs/pub_goods.png) no-repeat; background-size: auto 200px; }
.index-menu { background-position: 0 3px; }
.category-menu { background-position: 0 -20px; }
.cart-menu { background-position: 0 -42px; }
.user-menu { background-position: 0 -65px; }
.show-menu-info li span { display: block; width: 25px; height: 25px; float: left;margin-top:2px  }
.show-menu-info li i { font-style: normal; margin-left: 3px; color: #fff; font-size: 14px; display: block; float: left; line-height: 30px;}
.show-menu-info.show { overflow: visible; }
.show-menu-info.show { height: auto; opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; }



/*foot*/
.app-shell-footer{ position: fixed; z-index: 9999; bottom: 0; left: 0; right: 0; }
.app-bottom-navigator-wrapper{ background: #fff; -webkit-transition: -webkit-transform .2s ease-out; transition: -webkit-transform .2s ease-out; transition: transform .2s ease-out; transition: transform .2s ease-out,-webkit-transform .2s ease-out; box-shadow: 0 0 1px rgba(0,0,0,.2); }
.box-flex { display: -webkit-box; display: -webkit-flex; display: flex; }
.flex { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; }
.app-bottom-navigator-wrapper .box-flex{ height: 52px; padding-top:5px; }
.app-bottom-navigator-wrapper .flex{ display: block; color: #999; position: relative; }
.app-bottom-navigator-wrapper .flex.on{ color: #ff4444; }
.app-bottom-navigator-wrapper .flex .app-bottom-icon{ display: block; width: .4rem; height: .4rem; margin: 0 auto .1rem; background-size:auto 100%}
.app-bottom-navigator-wrapper .flex span{ font-size:.22rem}
.app-bottom-navigator-wrapper .flex .app-bottom-icon.icon-home{ background-image: url(../imgs/f_1.png); }
.app-bottom-navigator-wrapper .flex.on .app-bottom-icon.icon-home{ background-image: url(../imgs/f_1_h.png); }
.app-bottom-navigator-wrapper .flex .app-bottom-icon.icon-category{ background-image: url(../imgs/f_2.png); }
.app-bottom-navigator-wrapper .flex.on .app-bottom-icon.icon-category{ background-image: url(../imgs/f_2_h.png); }
.app-bottom-navigator-wrapper .flex .app-bottom-icon.icon-cart{ background-image: url(../imgs/f_3.png); }
.app-bottom-navigator-wrapper .flex.on .app-bottom-icon.icon-cart{ background-image: url(../imgs/f_3_h.png); }
.app-bottom-navigator-wrapper .flex .app-bottom-icon.icon-user{ background-image: url(../imgs/f_4.png); }
.app-bottom-navigator-wrapper .flex.on .app-bottom-icon.icon-user{ background-image: url(../imgs/f_4_h.png); }