@charset "utf-8";
/*****************************************************************
                           reset
******************************************************************/
html { color: #000; font-size: 16px; height: 100%; -webkit-tap-highlight-color: transparent;}
body { font-size: 14px; font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif; line-height:1; padding: 0; color: #333; margin: 0px; background: #f7f7f7;-webkit-text-size-adjust: none; }
h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form, img, p { margin: 0; padding: 0; border: none; list-style-type: none; }
ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, figure, form, fieldset, legend, input, textarea, button, p, blockquote, th, td, pre, xmp { margin: 0; padding: 0 }
input, textarea, button, select, pre, xmp, tt, code, kbd, samp { line-height: 1.5;}
h1, h2, h3, h4, h5, h6, small, big, input, textarea, button, select { font-size: 100% }
h1, h2, h3, h4, h5, h6, b, strong { font-weight: normal }
address, cite, dfn, em, i, optgroup, var { font-style: normal }
table { border-collapse: collapse; border-spacing: 0; text-align: left }
caption, th { text-align: inherit }
ul, ol, menu { list-style: none }
fieldset, img { border: 0 }
img, object, input, textarea, button, select { vertical-align: middle }
article, aside, footer, header, section, nav, figure, figcaption, hgroup, details, menu { display: block }
audio, canvas, video { display: inline-block;  *display: inline; *zoom: 1}
blockquote:before, blockquote:after, q:before, q:after { content: "\0020" }
textarea { overflow: auto; resize: vertical }
input, textarea, button, select, a { outline: 0 none; border: none; }
button::-moz-focus-inner, input::-moz-focus-inner {padding: 0;border: 0}
mark { background-color: transparent }
a, ins, s, u, del { text-decoration: none }
sup, sub { vertical-align: baseline }
.word { word-break: break-all; }
a { color: #333; text-decoration: none; }
a:link { color: #333; text-decoration: none; }
a:visited { text-decoration: none; color: #333; }
a:active, a:hover { color: #3491d6; }

.wrap { width: 1190px; min-width: 1190px; margin: 0 auto;padding: 0 5px; }
.flex { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 }
.flex * { box-sizing: border-box }
.dislay-flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex }
.center { -webkit-box-align: center; -webkit-align-items: center; align-items: center }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; height: 1px; }
.clearfix:after { content: " "; clear: both; display: block; height: 0; visibility: hidden; }
.hide { display: none; }
.mt20 { margin-top: 20px; }
.mt15 { margin-top: 15px; }
.mt10 { margin-top: 10px; }
.mt5 { margin-top: 5px; }
.pt20 { padding-top: 20px; }
.pt15 { padding-top: 15px; }
.pt10 { padding-top: 10px; }
.pt5 { padding-top: 5px; }

.pl5{ padding-left:5px }