@charset "UTF-8";

/* ====== Reset ====== */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, small, strong, dl, dt, dd, ol, ul, li { margin: 0; padding: 0; font-size: 100%; }
body { font-size: 14px;font-family: 'PingFang SC', "Microsoft Yahei Light", "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif; color: #666; background: #fff; overflow-x: hidden; }
em, i { display: inline-block; font-style: normal; }
ul, ol, li { list-style: none; }
a { color: #666; text-decoration: none;  }
a:hover { outline: none; }
a:focus { outline: none; }
input, button { padding: 0; border: none; background: none; outline: none; font-family: 'PingFang SC', "寰蒋闆呴粦", Helvetica; }
button { outline: none; }
textarea { border: none; background: none; outline: none; font-family: 'PingFang SC', "寰蒋闆呴粦", Helvetica; }
table { border-collapse: collapse; word-wrap: break-all; border-spacing: 0; border: 1px solid #e4e4e4; }
input {-webkit-appearance:none; /*鍘婚櫎input榛樿鏍峰紡*/}
td, tr { padding: 5px; }
sup { vertical-align: top; }
sub { vertical-align: bottom; }
img { vertical-align: middle; border: none; max-width: 100%; }
hr { margin-top: 10px; margin-bottom: 10px; border: 0; border-top: 1px solid #e4eaec }
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details, summary, picture { display: block; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 400; line-height: 1.5; color: #333; }
.text-left { text-align: left }
.text-right { text-align: right }
.text-center { text-align: center }
.text-justify { text-align: justify }
.text-nowrap { white-space: nowrap }
.text-truncate { overflow: hidden; text-overflow: ellipsis; word-wrap: normal; white-space: nowrap }
.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }

/* ====== General ====== */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { zoom: 1; }
.fl { float: left; }
.fr { float: right; }
.hide { display: none !important; }
.show { display: block; }
.clear { clear: both; }
.center { text-align: center; }
.box { display: block; width: 100%; height: 100%; }
.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.max-100 { max-width: 100%; }
.pic { overflow: hidden; }
.fw-bold { font-weight: bold; }

/*鍨傜洿灞呬腑*/
.com-table { display: table; width: 100%; height: 100%; }
.com-cell { display: table-cell; vertical-align: middle; width: 100%; }

/*瀹氬甯冨眬*/
.com-width { width: 100%; overflow: hidden; padding: 0 10px;}
.w1600 { width: 100%; overflow: hidden; padding: 0 10px; }
.w1400 { width: 100%; overflow: hidden; padding: 0 10px; }