@charset "UTF-8";
*, *:before, *:after { box-sizing: border-box; outline: none; }

html, body { line-height: normal; position: relative; margin: 0 auto; max-width: 768px; background: #fff; }

body { font-size: .24rem; color: #444; -webkit-font-smoothing: antialiased; font-family: arial, sans-serif; -webkit-tap-highlight-color: transparent; }

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, iframe { margin: 0; padding: 0; }

img, article, aside, details, figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video { display: block; margin: 0; padding: 0; max-width: 100%; }

h1, h2, h3, h4, h5, h6, b { font-size: 100%; font-weight: normal; }

fieldset, img { border: 0; }

address, caption, cite, dfn, em, th, var, i, em { font-style: normal; font-weight: normal; }

ol, ul { list-style: none; }

a { text-decoration: none; color: inherit; }

a:hover { text-decoration: none; }

a, label, button, input, select, textarea { -webkit-tap-highlight-color: transparent; }

input, select, button { font: 100% arial, sans-serif, \5b8b\4f53; vertical-align: baseline; border: 0; border-radius: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; }

button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; }

input[type=checkbox], input[type=radio] { vertical-align: middle; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; -moz-appearance: none !important; margin: 0; }

textarea { outline: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; overflow: auto; resize: none; font: 100% arial, sans-serif, \5b8b\4f53; }

table { border-collapse: collapse; border-spacing: 0; }

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; }

/* weuicss覆盖 */
@media only screen and (min-width: 400px) { html { font-size: 56px !important; } }

.weui-picker-container { height: 100%; background: rgba(0, 0, 0, 0.5); }

.weui-picker-modal, .weui-picker-modal .picker-modal-inner, .weui-select-modal .weui-cells { max-height: 5rem; font-size: .3rem; }

.toolbar, .toolbar .title { font-size: .28rem; line-height: 1rem; }

.toolbar .toolbar-inner { height: 1rem; }

.toolbar .picker-button { height: 1rem; line-height: 1rem; }

.weui-popup__modal { max-width: 100%; overflow: hidden; }

.weui-picker-modal .picker-items { font-size: .26rem; text-align: center; }

.weui-toast { width: auto; height: auto; padding: 0; }

.weui-icon_toast { font-size: .8rem; margin: .3rem 0 0; }

.weui-toast_content, .weui-toast--text { font-size: .26rem; padding: .15rem .2rem; }

.weui-icon_toast.weui-icon-success-no-circle:before { font-size: 100%; }

.weui-dialog { max-width: 5.5rem; }

.weui-dialog__hd { padding: .4rem 1.6rem .3rem; }

.weui-dialog__title { font-size: .3rem; }

.weui-dialog__bd { font-size: .28rem; }

.weui-dialog__ft { font-size: .3rem; }

.weui-picker-calendar { height: 6rem; max-height: 6rem; }

.picker-calendar-month-picker, .picker-calendar-year-picker { line-height: 1rem; }

.picker-calendar-month-picker a.icon-only, .picker-calendar-year-picker a.icon-only { height: 1rem; line-height: 1rem; max-width: auto; }

i.icon.icon-next, i.icon.icon-prev { width: .3rem; height: .3rem; margin-top: -.05rem; }

.picker-calendar-month-picker .current-month-value, .picker-calendar-year-picker .current-month-value, .picker-calendar-month-picker .current-year-value, .picker-calendar-year-picker .current-year-value { height: 1rem; }

.picker-calendar-week-days { height: .4rem; }

.picker-calendar-row { height: auto; padding: .08rem 0; }

.weui-swiped-btn { display: flex; align-items: center; padding: 0 .3rem; }

.weui-loadmore { font-size: .24rem; margin: .15rem auto; }

.weui-loading { width: .36rem; height: .36rem; }

/* swipercss 样式覆盖 */
.swiper-pagination-bullet-active { background: #fff; }

.pd30 { padding: .3rem; }

.pdlr30 { padding: 0 .3rem; }

.pdtb30 { padding: .3rem 0; }

.mr30 { margin: .3rem; }

.mrlr30 { margin: 0 .3rem; }

.mrtb30 { margin: .3rem 0; }

.pd20 { padding: .2rem; }

.pdlr20 { padding: 0 .2rem; }

.pdtb20 { padding: .2rem 0; }

.mr20 { margin: .2rem; }

.mrlr20 { margin: 0 .2rem; }

.mrtb20 { margin: .2rem 0; }

.fl { float: left; }

.fr { float: right; }

.cl { clear: both; }

.container { height: auto; overflow: hidden; max-width: 768px; margin: 1.05rem auto 0; position: relative; z-index: 0; min-height: 10.1rem; }

.mask-black { background: rgba(0, 0, 0, 0.4); position: fixed; z-index: 50; bottom: 0; right: 0; left: 0; top: 0; display: none; }

.load-more { text-align: center; margin: .4rem 0; color: #999; font-size: .24rem; }

.load-more .iconfont { font-size: .4rem; color: #999; }

.bigTitle { font-size: .36rem; color: #000; text-align: center; margin-bottom: .15rem; }

.bigTitlel { position: relative; }

.bigTitlel span { background: #fff; padding: 0 .3rem; position: relative; z-index: 1; }

.bigTitlel:before { content: ""; width: 100%; height: 1px; background: #ddd; position: absolute; left: 0; top: 50%; z-index: 0; }

.smallTitle { font-size: .22rem; color: #666; text-align: center; margin-bottom: .35rem; }

/* 头部 */
.header { height: auto; overflow: hidden; position: fixed; max-width: 768px; margin: 0 auto; top: 0; left: 0; right: 0; background: #fff; z-index: 51; border-bottom: 1px solid #e1e1e1; }

.header .logo { display: block; float: left; padding: .32rem .32rem .4rem; }

.header .logo img { width: 2.32rem; }

.header .name { display: block; float: left; padding: .35rem 0 0; }

.header .name h2 { font-size: .3rem; font-weight: bold; float: left; color: #0250a2; padding-left: .25rem; position: relative; }

.header .name h2:after { content: ""; width: 1px; height: .3rem; background: #ddd; position: absolute; left: 0; top: .07rem; }

.header .btnSearch, .header .btnMenu { font-size: .42rem; padding: .3rem .3rem .3rem .2rem; color: #0250a2; }

.navMenu { overflow-y: auto; background: #fff; display: none; position: fixed; left: 0; right: 0; top: 1.11rem; margin: auto; z-index: 51; max-width: 768px; }

.navMenu dl { height: auto; overflow: hidden; }

.navMenu dl a { display: block; }

.navMenu dl dt { font-size: .3rem; line-height: .99rem; padding: 0 .4rem; border-bottom: .01rem solid #eee; color: #000; position: relative; }

.navMenu dl dt i { font-size: .34rem; margin-right: .2rem; vertical-align: -.02rem; }

.navMenu dl dt i.icon-dropdown { z-index: 3; color: #ccc; display: block; position: absolute; right: 0; top: 0; bottom: 0; width: 1.8rem; text-align: right; margin-right: 0; padding-right: 0.3rem; }

.navMenu dl dt i.icon-dropdown.active:before { content: "\e63a"; }

.navMenu dl dd { height: auto; overflow: hidden; display: none; padding: 0 .4rem .4rem; border-bottom: .01rem solid #eee; }

.navMenu dl dd .item { width: 48%; float: left; margin-top: .4rem; }

.navMenu dl dd .item:nth-child(2n) { float: right; }

.navMenu dl dd .item h2 { font-size: .29rem; color: #333; padding-bottom: .2rem; margin-bottom: .2rem; border-bottom: .01rem solid #eee; }

.fixedRight { width: .73rem; height: auto; overflow: hidden; position: fixed; right: 0; bottom: 3.5rem; z-index: 49; }

.fixedRight a { width: .73rem; height: .73rem; line-height: .73rem; background: #0250a2; display: block; text-align: center; margin-bottom: .02rem; }

.fixedRight a i { font-size: .5rem; color: #fff; }

.fixedRight a.g-top { display: none; }

/* 底部 */
.footer { height: auto; overflow: hidden; padding: .5rem 0; background: #f1f1f1; }

.footer p { font-size: .22rem; color: #666; text-align: center; line-height: .38rem; }

.footer ul { height: auto; overflow: hidden; display: flex; justify-content: center; margin-top: .2rem; }

.footer ul li { font-size: .22rem; color: #666; position: relative; padding: 0 .2rem; }

.footer ul li:after { content: ""; width: 1px; height: 70%; background: #999; position: absolute; right: 0; top: 15%; }

.footer ul li:last-child:after { display: none; }

/* 弹出搜索框 */
.searchBox-fixed { display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 60; }

.searchBox-fixed .mask { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); }

.searchBox-fixed .search-box { background-color: #fff; margin: .2rem .3rem; height: .76rem; border-radius: .4rem; position: relative; }

.searchBox-fixed .search-box i { display: block; position: absolute; left: .3rem; top: 0; bottom: 0; line-height: .76rem; }

.searchBox-fixed .search-box input { display: block; width: 88%; padding: .24rem 0; font-size: .26rem; color: #333; padding-left: 12%; }

.productMenu { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 52; display: none; }

.productMenu .cover { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); }

.productMenu .filterBox { background-color: #fff; width: 80%; height: 100%; overflow: hidden; position: absolute; right: 0; top: 0; transform: translateX(100%); transition: all .3s; }

.productMenu .filterBox .filterItems { padding-top: 0.1rem; height: 100%; overflow-y: scroll; padding-bottom: 1.5rem; }

.productMenu .filterBox h1 { padding: 0 0.3rem; font-size: 0.32rem; color: #333; text-align: center; height: 1rem; line-height: 1rem; position: relative; border-bottom: 1px solid #E2E2E2; }

.productMenu .filterBox h1 span { position: absolute; left: 0; top: 0; bottom: 0; display: block; line-height: 1rem; color: #0250a2; font-size: 0.24rem; padding: 0 0.45rem; }

.productMenu .filterBox dl { height: auto; overflow: hidden; border-bottom: 1px solid #e2e2e2; }

.productMenu .filterBox dl dt { height: 0.82rem; line-height: 0.82rem; padding: 0 0.3rem; font-size: 0.26rem; color: #161616; position: relative; }

.productMenu .filterBox dl dt label { float: right; margin-right: 0.4rem; font-size: 0.24rem; color: #0250a2; }

.productMenu .filterBox dl dt label i { display: none; }

.productMenu .filterBox dl dt span { position: absolute; right: 0.3rem; top: 50%; margin-top: -0.4rem; transform: rotate(-90deg); color: #a1a1a1; }

.productMenu .filterBox dl dt.active span { transform: rotate(0deg); }

.productMenu .filterBox dl dt.active + dd { display: block; }

.productMenu .filterBox dl dd { height: auto; overflow: hidden; padding: 0 0.3rem .2rem; }

.productMenu .filterBox dl dd a { overflow: hidden; position: relative; display: block; border-radius: 0.05rem; width: auto; padding: 0 .3rem 0 .2rem; float: left; font-size: 0.24rem; color: #333; height: 0.7rem; line-height: 0.7rem; background-color: #F0F0F0; text-align: center; margin-bottom: 0.1rem; margin-right: 2%; border: 1px solid #fff; }

.productMenu .filterBox dl dd a::after { display: none; }

.productMenu .filterBox dl dd a i { display: none; position: absolute; right: 0; bottom: -1px; width: 0.44rem; height: 0.44rem; background: url("../images/icon-product-filter.png") center top no-repeat; background-size: 100%; }

.productMenu .filterBox dl dd a.active { border-color: #0250a2; color: #0250a2; }

.productMenu .filterBox dl dd a.active i { display: block; }

.productMenu .filterBox .moreItems { text-align: center; font-size: 0.24rem; color: #666; padding: 1rem 0 0.5rem; }

.productMenu .filterBox .moreItems i { margin-left: 5px; }

.productMenu .filterBox .moreItems.active i { transform: rotate(90deg); }

.productMenu .filterBox .input-box { width: 100%; height: auto; overflow: hidden; position: fixed; bottom: 0; right: 0; z-index: 4; }

.productMenu .filterBox .input-box .btn:first-child { background-color: #F0F0F0; color: #999999; }

.productMenu .filterBox .input-box .btn { float: left; display: block; text-align: center; background-color: #0250a2; color: #fff; width: 50%; height: 0.86rem; line-height: 0.86rem; font-size: 0.3rem; font-weight: 400; }

.productMenu .filterBox.active { transform: translateX(0); }