@charset "utf-8";
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; -webkit-text-size-adjust: none; }
body, button, input, select, textarea { font: 16px/1.5 "microsoft yahei", Helvetica, tahoma, arial, sans-serif, \5b8b\4f53; color: #000; }
ul, ol, li { list-style: none; }
i, em { font-style: normal }
img { vertical-align: top; border: 0; }
a { color: #000; text-decoration: none; outline: none; }
a:hover { color: #000; text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
table td { padding: 0; margin: 0; }
table th.wztop { vertical-align: top; }
.fl { float: left; }
.fr { float: right; }
section, article, aside, header, footer, nav, dialog, figure { display: block; padding: 0; margin: 0; }
/*main*/
html, body, .wrap { width: 100%; }
html, body { background: #f4f4f4; }
.wrap, .header, .fix, .footer, .mask { min-width: 300px; max-width: 640px; }
.wrap { padding: 44px 0 55px; margin: 0 auto; }
/*font*/
.fcR { color: #f60; }
.fcB { color: #007aff; }
/*inputC*/
.inputC, .textareaC { color: #aaa; width: 95%; height: 28px; line-height: 28px; padding: 0 5px; background: #fff; border: 1px solid #c6c6c6; border-radius: 5px; outline: none; overflow: hidden; }
.textareaC { width: 94%; height: 100px; resize: none; margin: 5px auto; }
/*iC*/
.iC, .iC2, .i_ss { display: block; text-indent: -999px; width: 19px; height: 19px; background-position: center 0; background-repeat: no-repeat; background-size: cover; overflow: hidden; }
.i_tg { width: 22px; height: 16px; margin: 7px auto 0; background-image: url(2017wap_i_tg.png); }
.i_ss { width: 18px; height: 18px; background-image: url(2017wap_i_ss_new.png); }
.i_pl { float: left; margin: 4px 4px 0 0; width: 11px; height: 11px; background-image: url(2017wap_i_pl.png); }
.iC2 { margin: 10px auto 4px; background-image: url(2017wap_i_ft.png); background-size: 19px; }
.i_f2 { background-position: 0 -20px; }
.i_f3 { background-position: 0 -40px; }
.i_f4 { background-position: 0 -60px; }
.i_f5 { background-position: 0 -80px; }
.f_u5 .on { color: #ff5349; }
.f_u5 .on .i_f1 { background-position: 0 -100px; }
.f_u5 .on .i_f2 { background-position: 0 -120px; }
.f_u5 .on .i_f3 { background-position: 0 -140px; }
.f_u5 .on .i_f4 { background-position: 0 -160px; }
.f_u5 .on .i_f5 { background-position: 0 -180px; }
/*header*/
.header, .footer { position: fixed; z-index: 99; text-align: center; width: 100%; height: 38px; background: #fff; overflow: hidden; }
.header { top: 0; background: #fff; border-bottom: 1px solid #e3e3e3; }
.h_cap { font-size: 18px; font-weight: normal; color: #fff; }
.header .inn { position: relative; height: 38px; padding: 0 46px 0 159px; }
.header2 .inn { padding: 0 46px 0 100px; }
.header .logo, .header .hfr { position: absolute; top: 0; z-index: 100; height: 44px; }
.header .logo { left: 12px; height: 32px; margin-top: 6px; }
.header .an_tg { position: absolute; top: 0; right: 12px; display: block; font-size: 12px; height: 44px; overflow: hidden; }
.ssC { position: relative; height: 28px; padding: 0 4px 0 42px; margin-top: 8px; background: #f7f7f7; border-radius: 4px; overflow: hidden; }
.ssC .s_input { font-size: 14px; font-family: "microsoft yahei"; color: #c8c8c8; width: 100%; height: 28px; line-height: 28px; background: none; border: none; outline: none; overflow: hidden; }
.ssC .i_ss { position: absolute; top: 5px; left: 12px; background-color: #f7f7f7; border: none; outline: none; overflow: hidden; }
.footer { bottom: 0; height: 53px; border-top: 1px solid #e3e3e3; }
/*box*/
.area, .box, .hd, .bd, .b, .inn, .u, .u li, .u3, .u5, .fgx, .ptC, .pic, .txt, .txt2 { position: relative; clear: both; overflow: hidden; }
.area { background: #fff; padding: 0 12px; margin-bottom: 8px; }
.u3 li, .u5 li { float: left; width: 20%; text-align: center; }
.u5 li { font-size: 12px; }
.u3 li { display: inline-block; width: 33.3%; }
.fgx { width: 100%; border-bottom: 1px solid #e8e8e8; }
.area img { width: 100%; }
.b_img { margin-top: 12px; }
.u_nav { margin: 8px auto 5px; }
.u_nav li { padding: 8px 0; }
.u_nav li span { display: block; font-size: 14px; line-height: 24px; }
.u_nav li img { display: block; width: 47px; height: 47px; margin: 0 auto; }
.ptC { padding: 12px 0 8px; border-bottom: 1px solid #e8e8e8; }
.ptC:last-child, .u_pt li:last-child { border: none; }
.ptC .pic2 a { display: inline-block; width: 32%; text-align: center; margin: 0 .5%; -webkit-box-sizing: border-box; box-sizing: content-box; }
.cap2 { clear: both; font-size: 18px; font-weight: normal; height: 47px; line-height: 1.3; margin: 8px 0; overflow: hidden; max-height: 46px; }
.ptC .txt, .u_pt .txt { font-size: 12px; color: #999; }
.s_tip2 { font-size: 12px; color: #999; padding: 0 4px; height: 14px; line-height: 14px; border: 1px solid #999; border-radius: 4px; }
.ptC .txt2 { padding-right: 44px; }
.ptC .txt2 .cap2 { height: auto; }
.ptC .txt2 .s_tip2 { position: absolute; top: 12px; right: 0; }
.u_pt li { padding: 12px 0; border-bottom: 1px solid #e8e8e8; }
.u_pt img { float: left; width: 127px; height: 72px; margin-right: 12px; }
.u_pt .cap2, .u_pt .txt { clear: none; }
.u_pt .cap2 { margin: 0 0 8px; }
.h_tip { font-size: 14px; margin-top: 12px; height: 18px; line-height: 18px; }
.s_tip { float: left; display: block; color: #f55050; height: 16px; line-height: 16px; padding: 0 2px; margin-right: 6px; border: 1px solid #f55050; }

@media (max-width: 320px) {
}

@media (min-width: 414px) {
}
/*去掉iPhone、iPad的默认按钮样式*/
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }
/*去掉黄色背景*/
input, textarea, button, a { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }