html { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1) !important; }


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, header, section, footer { margin: 0; padding: 0; color: #333; }
html, body, .layui-form, form, .page { width: 100%; height: auto; background: #f5f5f5; }
a, a:hover { text-decoration: none; color: #333; }
textarea { display: block; }
input, button { appearance: none; -webkit-appearance: none; -moz-appearance: none; }
i { font-style: initial; }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }
.text_slice { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.none { display: none; }

.page { display: none; }
.page-current { display: block; }
.header { position: fixed; width: 100%; height: 1rem; top: 0; z-index: 100; /*background: #4a9cf0;*/ background: #fff; border-bottom: 1px solid #eee; }
.header .back, .header .home { display: block; float: left; width: 0.6rem; height: 1rem; padding-left: 0.2rem; cursor: pointer; }
.header .back img, .header .home img { height: 0.35rem; margin-top: 0.35rem; }
.header .title { position: absolute; top: 0; left: 0; right: 0; display: block; width: 70%; padding: 0; margin: 0 auto; font-size: 0.35rem; font-weight: 500; line-height: 1rem; color: #444; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.header .right { float: right; color: #444; font-size: 0.32rem; line-height: 1rem; margin-right: 0.2rem; }
.header .right img { max-width: 0.5rem; max-height: 0.5rem; }
.footer { position: fixed; width: 100%; height: 1rem; bottom: 0; z-index: 100; background: #fff; display: table; table-layout: fixed; box-shadow: 0 0 1px 1px #dedede; -webkit-box-shadow: 0 0 1px 1px #dedede; }
.footer a { position: relative; display: table-cell; font-size: 0.28rem; text-align: center; }
.footer a .img { width: 0.42rem; height: 0.42rem; margin: 0.15rem auto 0 auto; overflow-x: visible; overflow-y: hidden; position: relative; }
.footer a img { height: 0.841rem; width: 0.42rem; position: absolute; left: 0; }
.footer a.on { color: #4a9cf0; }
.footer a.on img { top: -0.423rem; }
.footer a .sign { position: absolute; top: 0.1rem; width: 10px; height: 10px; background: #de3737; border-radius: 50%; }
.footer a .message { position: absolute; display: inline-block; width: 0.4rem; top: 0.05rem; left: 0; right: 0; margin: 0 auto; }
.footer a .message em { display: block; width: 0.4rem; height: 0.4rem; line-height: 0.4rem; text-align: center; font-size: 0.24rem; color: #fff; background: red; border-radius: 50%; margin-left: 0.3rem; }
.header ~ .content { margin-top: 1rem; }
.footer ~ .content { margin-bottom: 1rem; }
.content { width: 100%; overflow: auto; }

/*分页样式*/
#page { background: #fff; margin-top: 0.2rem; text-align: center; }
#page .layui-laypage a, #page .layui-laypage span { margin: 0; font-size: 14px; display: none; }
#page .layui-laypage a.layui-laypage-prev, #page .layui-laypage a.layui-laypage-next, #page .layui-laypage .layui-laypage-curr { margin: 0 5px; display: inline-block; }
#page .layui-laypage .layui-laypage-curr .layui-laypage-em { background-color: #4a9cf0; }
#page .layui-laypage a:hover { color: #333; }
#page .layui-disabled, #page .layui-disabled:hover { background-color: #fff !important; color: #d2d2d2 !important; }

/*修改layui默认样式*/
::-webkit-scrollbar { display: none; }
.layui-form-checked[lay-skin="primary"] i { border-color: #4a9cf0; background-color: #4a9cf0; }
.layui-form-radio > i { margin-top: 0; }
.layui-form-radioed > i, .layui-form-radio > i:hover { color: #4a9cf0; }

/*发送短信验证码*/
.sendNoteShadow { padding: 10px; width: 280px; text-align: center; }
.sendNoteShadow input, .sendNoteShadow img { height: 38px; line-height: 38px; vertical-align: middle; }
.sendNoteShadow input { border: 1px solid #e6e6e6; width: 120px; margin-right: 10px; padding-left: 10px; font-size: 16px; }
.sendNoteShadow a { display: inline-block; height: 28px; line-height: 28px; font-size: 14px; margin: 13px 6px 0; padding: 2px 10px; border: 1px solid #4898d5; background-color: #2e8ded; color: #fff; border-radius: 2px; font-weight: 400; cursor: pointer; text-decoration: none; }

/*类别切换*/
.typeChange { z-index: 99; width: 100%; height: 1rem; background: #fff; display: table; table-layout: fixed; position: fixed; top: 1rem; box-shadow: 0 0 1px 1px #dedede; -webkit-box-shadow: 0 0 1px 1px #dedede; background: #fff; }
.typeChange a { display: table-cell; font-size: 0.32rem; text-align: center; height: 0.9rem; line-height: 0.95rem; padding-top: 0.05rem; border-bottom: 0.05rem solid #fff; color: #666666 }
.typeChange a.on { color: #333333; position: relative; }
.typeChange a.on::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; width: 0.93rem; height: 0.04rem; background-color: #4A9Cf0; border-radius: 0.02rem; }
.typeChange.auto { display: block; overflow-x: auto; white-space: nowrap; }
.typeChange.auto a { display: inline-block; padding: 0.05rem 0.2rem 0; }

/*暂无记录*/
.nodata { margin-top: 35%; padding-top: 2.2rem; background: url(../img/nodata.png) no-repeat center center; background-size: 2rem; text-align: center; font-size: 0.3rem; color: #999; }

/*客服*/
.service { position: fixed; bottom: 3rem; right: 0.25rem; }
.service img { width: 0.8rem; height: 0.8rem; }