html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-size: 10px; }
body { font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif; font-weight: normal; color: #333333; line-height: 1.6; font-size: 14px; }
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li, fieldset, form, legend, caption, tbody, tfoot, thead, article, aside, dialog, figure, footer, header, hgroup, nav, section { margin: 0; padding: 0; border: 0; }
a { background-color: transparent; text-decoration: none; }
a:active, a:hover { outline: 0; }
a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
img { vertical-align: middle; border: 0; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
input[type="radio"], input[type="checkbox"] { cursor: pointer; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
textarea { overflow: auto; vertical-align: top; resize: vertical; }
/*字号*/
.font-s12{ font-size: 12px;}
.font-s14{ font-size: 14px;}
.font-s16{ font-size: 16px;}
.font-s18{ font-size: 18px;}
.font-s20{ font-size: 20px;}
.font-s22{ font-size: 22px;}
.font-s24{ font-size: 24px;}
.font-s26{ font-size: 26px;}
.font-s28{ font-size: 28px;}
.font-s30{ font-size: 30px;}
.font-s34{ font-size: 34px;}
.font-s38{ font-size: 28px;}
/*框架容器*/
.layout { width: 100%; }
.container { margin-left: auto; margin-right: auto; width: 1000px; }
.container:before, .container:after { content: " "; display: table; }
.container:after { clear: both; }
.col-left, .col-center{ float: left;}
.col-right{ float: right;}
/*浮动*/
.fl{ float: left;}
.fr{ float: right;}
.clear{ clear: both;}
.nbfc{overflow: hidden;}
/*外边距*/
.margin-xxs{ margin: 5px;}
.margin-xs{ margin: 10px;}
.margin-sm{ margin: 15px;}
.margin{ margin: 20px;;}
.margin-lg{ margin: 25px;}
.margin-xl{ margin: 30px;}
.margin-xxl{ margin: 35px;}

.margin-left-xxs{ margin-left: 5px;}
.margin-left-xs{ margin-left: 10px;}
.margin-left-sm{ margin-left: 15px;}
.margin-left{ margin-left: 20px;;}
.margin-left-lg{ margin-left: 25px;}
.margin-left-xl{ margin-left: 30px;}
.margin-left-xxl{ margin-left: 35px;}

.margin-right-xxs{ margin-right: 5px;}
.margin-right-xs{ margin-right: 10px;}
.margin-right-sm{ margin-right: 15px;}
.margin-right{ margin-right: 20px;;}
.margin-right-lg{ margin-right: 25px;}
.margin-right-xl{ margin-right: 30px;}
.margin-right-xxl{ margin-right: 35px;}

.margin-top-xxs{ margin-top: 5px;}
.margin-top-xs{ margin-top: 10px;}
.margin-top-sm{ margin-top: 15px;}
.margin-top{ margin-top: 20px;;}
.margin-top-lg{ margin-top: 25px;}
.margin-top-xl{ margin-top: 30px;}
.margin-top-xxl{ margin-top: 35px;}

.margin-bottom-xxs{ margin-bottom: 5px;}
.margin-bottom-xs{ margin-bottom: 10px;}
.margin-bottom-sm{ margin-bottom: 15px;}
.margin-bottom{ margin-bottom: 20px;;}
.margin-bottom-lg{ margin-bottom: 25px;}
.margin-bottom-xl{ margin-bottom: 30px;}
.margin-bottom-xxl{ margin-bottom: 35px;}

/*内边距*/
.padding-xxs{ padding: 5px;}
.padding-xs{ padding: 10px;}
.padding-sm{ padding: 15px;}
.padding{ padding: 20px;;}
.padding-lg{ padding: 25px;}
.padding-xl{ padding: 30px;}
.padding-xxl{ padding: 35px;}

.padding-left-xxs{ padding-left: 5px;}
.padding-left-xs{ padding-left: 10px;}
.padding-left-sm{ padding-left: 15px;}
.padding-left{ padding-left: 20px;;}
.padding-left-lg{ padding-left: 25px;}
.padding-left-xl{ padding-left: 30px;}
.padding-left-xxl{ padding-left: 35px;}

.padding-right-xxs{ padding-right: 5px;}
.padding-right-xs{ padding-right: 10px;}
.padding-right-sm{ padding-right: 15px;}
.padding-right{ padding-right: 20px;;}
.padding-right-lg{ padding-right: 25px;}
.padding-right-xl{ padding-right: 30px;}
.padding-right-xxl{ padding-right: 35px;}

.padding-top-xxs{ padding-top: 5px;}
.padding-top-xs{ padding-top: 10px;}
.padding-top-sm{ padding-top: 15px;}
.padding-top{ padding-top: 20px;;}
.padding-top-lg{ padding-top: 25px;}
.padding-top-xl{ padding-top: 30px;}
.padding-top-xxl{ padding-top: 35px;}

.padding-bottom-xxs{ padding-bottom: 5px;}
.padding-bottom-xs{ padding-bottom: 10px;}
.padding-bottom-sm{ padding-bottom: 15px;}
.padding-bottom{ padding-bottom: 20px;;}
.padding-bottom-lg{ padding-bottom: 25px;}
.padding-bottom-xl{ padding-bottom: 30px;}
.padding-bottom-xxl{ padding-bottom: 35px;}


/*面板*/
.panel{ width:auto;}
.panel:before,
.panel:after {
  content: " ";
  display: table;
}
.panel:after {
  clear: both;
}
.panel-head{ overflow: hidden;}
.panel-head .panel-head-title{ float: left;}
.panel-head .panel-head-more{ float: right;}
.panel-body{}
/*列表*/
.list-text{ list-style: none;}
.list-text > li> a{ line-height: 2;}

/*圆角   border-[*]-radius-none 需要配合 radius-[*]使用  */
.radius-none {border-radius: 0;}
.radius-sm {border-radius: 2px;}
.radius {border-radius: 4px;}
.radius-lg {border-radius: 6px;}
.radius-xl{border-radius: 8px;}
.radius-xxl{border-radius: 10px;}
.radius-rounded {border-radius: 2em;}
.radius-circle { border-radius: 50%;}
.border-top-radius-none{border-top-left-radius:0;border-top-right-radius:0;}
.border-bottom-radius-none{border-bottom-left-radius:0;border-bottom-right-radius:0;}
/*导航：  nav-pills 为水平导航 | nav-row-x[*] 为一行几个导航项目 */
.nav{ overflow: hidden;list-style: none;}
.nav > li > a{ display: block; line-height: 1.2; font-size: 16px;}
.nav-pills > li {float: left;}
.nav-pills > li > a{ text-align: center;}
.nav-row-x2 > li{ width: 50%;}
.nav-row-x3 > li{ width: 33.333%;}
.nav-row-x4 > li{ width: 25%;}
.nav-row-x5 > li{ width: 20%;}
.nav-row-x6 > li{ width: 16.666%;}
.nav-row-x7 > li{ width: 14.285%;}
.nav-row-x8 > li{ width: 12.5%;}
.nav-row-x9 > li{ width: 11.111%;}
.nav-row-x10 > li{ width: 10%;}
.nav-row-x11 > li{ width: 9.09%;}
.nav-row-x12 > li{ width: 8.333%;}