article, aside, dialog, figure, footer, header, menu, nav, section { display: block }
blockquote, body, button, code, dd, div, dl, dt, fieldset, figure, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, section, select, td, textarea, th, ul { margin: 0; padding: 0 }
fieldset, img { border: 0 }
body { font: 0.3rem/1.4 "Microsoft Yahei", Arial, Helvetica, sans-serif; background-color: #fff; max-width: 640px; margin: 0 auto; color: #333; -webkit-font-smoothing: antialiased;    /*字体平滑*/ }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 400 }
table { border-collapse: collapse; border-spacing: 0 }
dd, dl, dt, ol, ul { list-style-type: none }
a { text-decoration: none; -webkit-touch-callout: none; -webkit-user-select: none； color:#333; }
a, input, select { -webkit-tap-highlight-color: transparent; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0 }
img, input { border: none }
em, i { font-style: normal }
:focus { outline: 0 }
select { background: 0 0 }
::-moz-placeholder { font-family: "Microsoft YaHei" }
::-webkit-input-placeholder { font-family: "Microsoft YaHei" }
:-ms-input-placeholder { font-family: "Microsoft YaHei" }
::-webkit-scrollbar { display: none }

/*取消滑块*/
.anim_in { display: none; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-name: menuin; animation-name: menuin; -webkit-transform-origin: 50% 50% }
@-webkit-keyframes menuin {
    0% { -webkit-transform: scale(3); -moz-transform: scale(3); -ms-transform: scale(3); -o-transform: scale(3); transform: scale(3); opacity: 0 }
    100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1 }
}
@-moz-keyframes menuin {
    0% { -webkit-transform: scale(3); -moz-transform: scale(3); -ms-transform: scale(3); -o-transform: scale(3); transform: scale(3); opacity: 0 }
    100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1 }
}
@-o-keyframes menuin {
    0% { -webkit-transform: scale(3); -moz-transform: scale(3); -ms-transform: scale(3); -o-transform: scale(3); transform: scale(3); opacity: 0 }
    100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1 }
}
@-ms-keyframes menuin {
    0% { -webkit-transform: scale(3); -moz-transform: scale(3); -ms-transform: scale(3); -o-transform: scale(3); transform: scale(3); opacity: 0 }
    100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1 }
}
@keyframes menuin {
    0% { -webkit-transform: scale(3); -moz-transform: scale(3); -ms-transform: scale(3); -o-transform: scale(3); transform: scale(3); opacity: 0 }
    100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1 }
}

/*清除浮动*/
.clearfix:before, .clearfix:after { display: table; content: " "; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* menu*/
.public_header { max-width: 6.4rem; height: 0.7rem; line-height: 0.7rem; background: #fff; border-bottom: 1px solid #e4e4e4; width: 100%; position: relative; margin: 0 auto; }

/*订单btn*/
.public_h_order { display: inline-block; position: absolute; top: 0; right: 0; padding: .05rem 0.1rem; border: 1px solid #d76f0b; color: #d76f0b; margin-top: .12rem; margin-right: .12rem; font-size: .25rem; cursor: pointer; -webkit-border-radius: .05rem; border-radius: .05rem; line-height: .3rem; text-decoration: none; }

/* 返回按钮 home menu*/
.public_h_back, .public_h_home, .public_h_menu { position: absolute; width: .75rem; height: .75rem; top: -0.06rem; background: url(../img/header_icon.png) no-repeat; background-size: .58rem 2.58rem; }
.public_h_back { background-position: center .15rem; left: 0; }
.public_h_home { background-size: .48rem 2.18rem !important; background-position: center -0.85rem; top: 0.12rem; left: 0; }
.public_h_menu { background-position: center -1.85rem; right: 0; }
header h1 { text-align: center; font-size: .3rem; color: #131313; }

/* hidden menu*/
.public_menu_class { position: absolute; top: 0.7rem; left: 0; right: 0; bottom: 0; z-index: 38; background-color: rgba(255, 255, 255, .9); max-width: 6.4rem; margin: 0 auto; }
.public_mc_ul { margin: 0 .15rem; max-height: 400px; overflow-x: scroll; -webkit-overflow-scrolling: touch; }
.public_mc_ul li { width: 33.333%; margin: .15rem 0 0; float: left; }
.public_mc_ul a { display: block; font-size: 0.25rem; }
.public_mc_ul .img_w { display: block; width: 1rem; height: 1rem; margin: 0 auto; }
.public_mc_ul img { width: 100% }
.public_mc_ul p { line-height: .3rem; text-align: center; overflow: hidden; color: #333; }
.noplay { padding: 40px 20px; line-height: 25px; font-size: 25px; background-color: #f7d781; color: #000; font-weight: 300; text-align: center; }

/* footer */
footer { display: block; padding: .2rem .15rem; background-color: #333; font-size: .25rem; color: #666; }
footer a { color: #666; }
footer span { float: right; }

/* 下单 */
.Apply-top { display: none; position: fixed; height: 0.75rem; text-align: center; bottom: 0; width: 100%; line-height: .75rem; text-align: center; z-index: 1000; background-color: red; color: #fff; border-radius: .05rem; max-width: 640px; }
/*layer*/
.layui-layer-btn{text-align: center !important}