@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.04rem 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: .3rem .4rem; } .header .logo img { width: 2.32rem; } .header .btnSearch, .header .btnMenu { font-size: .4rem; padding: .3rem .2rem; } .header .tel { font-size: .3rem; color: #FF900B; font-weight: bold; padding: .35rem .2rem .3rem 0; } .navMenu { overflow-y: auto; background: #fff; display: none; position: fixed; left: 0; right: 0; top: 1.02rem; 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 !important; height: .73rem !important; line-height: .73rem; background: #004abb; display: block; text-align: center; margin-bottom: .02rem; margin-top: 0 !important; } .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%; }