@charset "utf-8";

/*-- The global style --*/
  body, div, p, h1, h2, h3, h4, h5, h6, br, hr, 
  ul, ol, li, dl, dt, dd, 
  span, strong, b, bdo, blockquote, cite, code, del, dfn, em, i, ins, kbd, pre, q, samp, small, sub, sup,  
  table, tr, th, td, caption, col, colgroup, tfoot, thead,
  address, area, base, 
  img, a, map, 
  form, input, fieldset, button, label, leqend, optqroup, option, select, textarea, 
  noscript, object, param, 
  article, aside, audio, bdi, canvas, command, datalist, details, 
  embed, figure, figcaption, footer, header, hgroup, keyqen, mark, menu, meter, 
  output, proqress, rp, rt, ruby, section, source, summary, time, track, video {
  margin: 0; 
  padding: 0;
  font-size: 100%;
  font-family: Arial, Mangal, "微软雅黑",sans-serif;
  vertical-align: baseline;
}
*::-moz-selection {
  color: #fff;
  background: #193b6d;
}
*::selection {
  color: #fff;
  background: #193b6d;
}
html {
  -ms-touch-action: none;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
a { text-decoration: none; }
em, i{ font-style: normal; }
img { border:none; vertical-align: top; }
ul, ol, li { list-style: none; }
a { text-decoration: none; }
small { font-size: 85%; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, select, textarea { outline: none; /*-webkit-appearance: none;*/ border-radius: 0; } 
input::-ms-clear { display: none; } /*-- 禁止IE10的小叉叉 --*/
textarea { resize: none; overflow: auto; border-radius: 0; }
table { border-collapse: collapse; }
th { font-weight: normal; }
button, input[type="reset"], input[type="button"], input[type="submit"] { line-height: normal; cursor: pointer; }
.in-wrap { margin: 0 auto; width: 1200px; }

/*-- 定位 --*/
.ui-rel { position: relative; }
.ui-ab { position: absolute; }
.ui-fixed { position: fixed; }

/*-- 浮动 --*/
.ui-clear:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}
.ui-l { float: left; }
.ui-r { float: right; }

/*-- 文字同一行显示 --*/
.ui-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/*-- Box-sizing --*/
.ui-box-size { -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

/*-- The image responsive --*/
.ui-responsive img { max-width: 100%; }

/*-- CSS 3 transition --*/
.ui-transition { transition: all .3s ease-out; }

/*-- The opacity background color --*/
[class ^= "ui-opacity"] { position: absolute; top:0; right: 0; bottom: 0; left: 0; z-index: 0; transition: all .4s ease-out; }
[class ^= "ui-opacity-white"] { background: #fff; }
[class ^= "ui-opacity-black"] { background: #000; }
[class ^= "ui-opacity-gray"] { background: #010d19; }
[class ^= "ui-opacity-blue"] { background: #2d9eed; }
.ui-opacity-white10,
.ui-opacity-gray10,
.ui-opacity-blue10,
.ui-opacity-black10 { filter: alpha(opacity=10); opacity: .1; }
.ui-opacity-white30,
.ui-opacity-gray30,
.ui-opacity-blue30,
.ui-opacity-black30 { filter: alpha(opacity=30); opacity: .3; }
.ui-opacity-white50,
.ui-opacity-gray50,
.ui-opacity-blue50,
.ui-opacity-black50 { filter: alpha(opacity=50); opacity: .5; }
.ui-opacity-white70,
.ui-opacity-gray70,
.ui-opacity-blue70,
.ui-opacity-black70 { filter: alpha(opacity=70); opacity: .7; }
.ui-opacity-white90,
.ui-opacity-gray90,
.ui-opacity-blue90,
.ui-opacity-black90 { filter: alpha(opacity=90); opacity: .90; }

/* 手机端可视 */
.ui-sm-visible { display: none; }


/*
 * Grid style
 * version 20140616
 * column numbar is eight
 */
.ui-grid-full { width: 1200px; margin: 0px auto; }
.ui-grid { width: 1190px; margin: 0 auto; }
.ui-row {}
.ui-grid,
.ui-row { padding:0 5px;}
.ui-col1,
.ui-col2,
.ui-col25,
.ui-col3,
.ui-col4,
.ui-col5,
.ui-col6,
.ui-col7,
.ui-col8,
.ui-col9,
.ui-col10,
.ui-col11,
.ui-col12{ float: left; min-height: 1px; }

.clear,
.ui-col1:after,
.ui-col2:after,
.ui-col25:after,
.ui-col3:after,
.ui-col4:after,
.ui-col5:after,
.ui-col6:after,
.ui-col7:after,
.ui-col8:after,
.ui-col9:after,
.ui-col10:after,
.ui-col11:after,
.ui-col12:after,
.ui-grid:after,
.ui-row:after { content: " "; display: table; clear: both; visibility: hidden; height: 0; }

.ui-col1 { width: 8.33333%; }
.ui-col2 { width: 16.66666%;}
.ui-col25 { width: 20%; }
.ui-col3 { width: 25%; }
.ui-col4 { width: 33.33333%;}
.ui-col5 { width: 41.66666%;}
.ui-col6 { width: 50%; }
.ui-col7 { width: 58.33333%;}
.ui-col8 { width: 66.66666%; }
.ui-col9 { width: 75%; }
.ui-col10 { width: 83.33333%; }
.ui-col11 { width: 91.66666%; }
.ui-col12 { width: 100%; }