@charset "utf-8";

/*****************************************************************

                           reset

******************************************************************/

html { color: #000; font-size: 16px; height: 100%; -webkit-tap-highlight-color: transparent;}

body { font-size: 0px; 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: #fff;-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 }