pre,textarea{overflow:auto}
.clearfix:after,.clearfix:before{content:"";display:table}
.clearfix:after{clear:both}
html {-ms-overflow-style:none;overflow:-moz-scrollbars-none;}
body{margin:0;color:#333;background-color:#fff;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background:0 0;text-decoration:none;-webkit-tap-highlight-color:transparent;color:#666;}
a:active{outline:0;color:#069}
abbr[title]{border-bottom:1px dotted}
b,optgroup,strong{font-weight:700}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0;vertical-align:middle}
svg:not(:root){overflow:hidden}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-appearance:textfield;box-sizing:border-box}
*,input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
textarea{resize:vertical}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
button,html,input,select,textarea{font-family:"Helvetica Neue",Helvetica,STHeiTi,Arial,sans-serif}
blockquote,figure,form,h1,h2,h3,h4,h5,h6,p{margin:0}
dd,dl,li,ol,ul{margin:0;padding:0;}
ol,ul{list-style:none}
h1,h2,h3{font-weight:400}
h1{font-size:1.8rem}
h2{font-size:1.6rem}
input::-moz-placeholder,textarea::-moz-placeholder{color:#ccc}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#ccc}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#ccc}
*{box-sizing:border-box;padding:0;margin:0;}
.none{display:none;}

.right{float: right;}
.left{float:left;}
.clearfix:after{content:'\20';display:block;height:0;clear:both;overflow:hidden;}
.clearfix{*zoom:1;}
.t-left{text-align:left;}
.t-right{text-align: right;}
.t-center{text-align:center;}
.flex-equal, .flex-center, .justify { display: flex;}
.c85{color:#858585;}
.all-color{color: #ed1475;}
.all-bgcolor{background: #ed1475;}
input,button,select,textarea{ outline:none;}
textarea{resize:none;} 
.addCart{display:block;color:#fff;width:50%;margin:1rem auto 0 auto;text-align:center;padding:.5rem 0;background:#1bd5ca;}
.addCart:hover{background:#f60;}
/*去掉苹果的默认UI来渲染按钮*/
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none; }
textarea {-webkit-appearance: none;}
select {-webkit-appearance: none;}
/*以及圆角*/
.button{ border-radius: 0; } 

/* 购物车样式 */
select{width:60%;background: none;border:none;}

/* 两端平分 */
.justify {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between; 
}
/* 垂直居中 */
.flex-center {justify-content: center;align-items: center;}
.d-table{display: table;table-layout: fixed;width: 100%;}
.d-cell{display: table-cell;}
.dInline{display:inline;}

/* 等分 */
.table-equal {display: table; table-layout: fixed;width: 100%;}
.table-equal li{display: table-cell;}

.hide{display:none;}
i{font-style: normal;}

.icon{display:inline-block;}
.i-user{background:url(http://m.haiav.com/templates/site/mobile/index/images/i_user.png) no-repeat;width:1.25rem;height:1.25rem;background-size: 100% 100%;position:relative;top:.2rem;}
.i-cart{background:url(http://m.haiav.com/templates/site/mobile/index/images/i_cart1.png) no-repeat;width:1.778rem;height:1.7222rem;background-size: 100% 100%;}
.i-up{background:url(http://m.haiav.com/templates/site/mobile/index/images/up.png) no-repeat;width:1.167rem;height:1.7222rem;background-size: 100% 100%;}

.icon{display:inline-block;}
.i-user{background:url(http://m.haiav.com/templates/site/mobile/index/images/i_user.png) no-repeat;width:1.25rem;height:1.25rem;background-size: 100% 100%;position:relative;top:.2rem;}
.i-cart{background:url(http://m.haiav.com/templates/site/mobile/index/images/i_cart1.png) no-repeat;width:1.778rem;height:1.7222rem;background-size: 100% 100%;}
.i-upq{background:url(http://m.haiav.com/templates/site/mobile/index/images/qq.png) no-repeat;width:1.167rem;height:1.7222rem;background-size: 100% 100%;}

/*字体*/
.fwtb{font-weight: bold;}
.fs14{font-size: 14px;}
.fs16{font-size: 16px;}
.fs18{font-size: 18px;}
.fs20{font-size: 20px;}
.fs24{font-size: 24px;}
.fs26{font-size: 26px;}
.fs28{font-size: 28px;}
.fs30{font-size: 30px;}
/*间距*/
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt60{margin-top: 60px;}
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
.ml40{margin-left: 40px;}
/*颜色*/
.ced1475{color: #ed1475;}
.cf70000{color: #f70000;}
.cff6980{color: #ff6980;}
.c999999{color: #999999;}
.c000033{color: #000033;}
.ced4706{color: #ed4706;}
.cff9065{color: #ff9065;}
.cfbbba2{color: #fbbba2;}
.cffdfd2{color: #ffdfd2;}
/*背景颜色*/
.bgfc5f99{background-color:#fc5f99}
.bg8fd01f{background-color:#8fd01f}
.bgfff{background-color:#fff}
.bgf7f7f7{background-color: #f7f7f7;}
.bged1475{background-color: #ed1475;}
.bgf0f0f0{background-color: #f0f0f0;}
/*20200618新增分类*/
.voice-screen{height: 3.5rem;line-height: 3.5rem;display: flex;text-align: center;vertical-align: baseline;border-bottom: 1px solid #f5f5f5;}
.voice-screen li{width: 25%;border-right: 1px solid #f5f5f5;overflow: hidden;}
.voice-screen li a>span{font-size: 1.1rem;margin-left: 0.2rem;}
.voice-screen li:last-child {border: none;}
.voice-screen li:last-child a>span{font-size: 1.2rem;color: #ffffff;}
.voice-screen li:last-child a{color: #ffffff;background-color: #e50000;}
.voice-screen .on a{color: #e50000;display: inline-block;width: 100%;}
.voice-screen .on a span{display: inline-block;transform:rotate(180deg);}
.voice-list-nav{width: 100%;
    max-width: 750px; position: fixed;padding: 1rem;border-bottom: 1px solid #e6e6e6;z-index: 999; background-color: #fff;}
	.voice-list-nav-dl{margin-bottom: 2rem;}
	.voice-list-nav-dl dt{font-size: 1.1rem;position: relative;margin-left: .5rem;margin-bottom: 0.8rem;}
	.voice-list-nav-dl dt::before{content: "";border-left: 3px solid #e50000;height: 1.1rem;position: absolute;top: .2rem;left: -0.5rem;}
	.voice-list-nav-dl dd{float: left;}
	.voice-list-nav-dl dd a{display: inline-block;padding: 0.5rem 1.1rem;margin: 0 0.5rem 0.5rem 0;border: 1px solid #e6e6e6;font-size: 1rem;}
	.voice-list-nav-dl dd a:hover,.voice-list-nav-dl dd .on{border:1px solid #e50000;color: #e50000;}
	.voice-list-nav-a {padding-bottom: 1.5rem;margin-top: 1.5rem;}
	.voice-list-nav-a a{width: 46%;display: inline-block;height: 3rem;line-height:3rem;text-align: center;background-color: #000000;color: #ffffff;font-size: 1.2rem;border-radius: 0.2rem;}
	.voice-list-nav-a a:last-child{float: right;background-color: #e50000;}