@charset "UTF-8";
html {
  font-family:Source Han Sans;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0;

}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active {
  outline: 0; }

a:hover {
  outline: 0; }

a {
  text-decoration: none; }

a:link {
  text-decoration: none; }

a:visited {
  text-decoration: none; }

a:hover {
  text-decoration: none; }

a:active {
  text-decoration: none; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

nav ul, ul {
  list-style: none; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  vertical-align: middle;
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: Source Han Sans;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
  border: none; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  border: none;
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

@media print {
  *,
  *:before,
  *:after {
    text-shadow: none !important;
    box-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; }

  .navbar {
    display: none; }

  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important; }

  .label {
    border: 1px solid #000; }

  .table {
    border-collapse: collapse !important; }

  .table td,
  .table th {
    background-color: #fff !important; }

  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important; } }
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.img-responsive-100w {
  display: block;
  width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 0.3rem; }

.img-thumbnail {
  padding: 0.25rem;
  line-height: 1.5;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
  transition: all .2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-circle {
  border-radius: 50%; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.wrap {
  width: 1200px;
  margin: 0 auto;
  position: relative; }

/*输入框*/
.g-input {
  border: 1px solid #e5e5e5;
  color: #666;
  height: 35px;
  line-height: 1.4285;
  padding: 6px 10px;
  width: 100%;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  .g-input:focus {
    border: 1px solid #1958D8; }

/*选中样式*/
.g-focus {
  position: relative;
  border: 1px solid #e5e5e5; }

.g-focus-active {
  border: 1px solid #FF5353; }

.g-gb {
  display: none;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 0;
  bottom: 0; }

.g-focus-active .g-gb {
  display: inline-block;
  background: url(../../images/public/yes.png); }

.g-input-red {
  border: 1px solid #FF5353; }

.g-input-lg {
  width: 160px; }

.g-input-lg2 {
  width: 360px; }

.g-i-hn {
  height: auto; }

.g-input + .g-input {
  margin-left: 10px; }

/*label*/
.g-label-col {
  display: table;
  margin-bottom: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.g-label {
  margin-bottom: 0;
  padding: 10px 5px;
  text-align: right;
  width: 90px;
  display: inline-block; }

/*
<pre class="g-code-pre">
    <code>
var <span class="red">a</span>=0;
<span class="blue">function</span> <span class="green">my</span>(){

}
    </code>
</pre>
*/
.g-code-pre {
  padding: 0 !important;
  margin: 0 !important;
  color: #000;
  text-shadow: 0 1px #fff;
  direction: ltr;
  text-align: left;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  border-radius: 6px;
  border: 1px solid #e8e8e8;
  font-family: Source Han Sans; }
  .g-code-pre:hover {
    box-shadow: 0 3px 8px 2px #dcdfe7; }
  .g-code-pre code {
    display: block;
    padding: 15px;
    border-radius: 0;
    width: 100%;
    height: 100%;
    background: none;
    margin: 0;
    border: none;
    line-height: 1.5;
    font-size: 13px;
    white-space: pre;
    top: 0;
    color: #666;
    font-family: Source Han Sans; }
  .g-code-pre .blue {
    color: #00adf3; }
  .g-code-pre .red {
    color: #f06351; }
  .g-code-pre .green {
    color: #6fcaa7; }

.g-table {
  border: 1px solid #e5e5e5;
  color: #666;
  font-family: "Source Han Sans"; }

.g-table td {
  border-bottom: 1px solid #e5e5e5;
  padding: 16px 10px; }

.g-table th {
  background-color: #1b95e3;
  color: #fff;
  padding: 14px 10px; }

.g-table tr:hover {
  background-color: #F5F5F5; }

.g-tr-h-no:hover {
  background-color: #fff; }

.g-tr-sm td {
  padding: 12px 10px; }

.g-tr-lg td {
  padding: 40px 10px; }

.g-tr-plr0 th {
  padding: 14px 0; }

.g-tr-plr0 td {
  padding: 14px 0; }

.g-tr-active {
  background-color: #EEF7FF; }

.g-td-i-ce {
  text-align: center; }

.g-table-col-bo td + td {
  border-left: 1px solid #e5e5e5; }

.g-table a {
  color: #1c81e5; }

.g-table-y {
  color: #333;
  width: 100%;
  font-size: 12px; }

.g-tablel-h td {
  border-bottom: 1px solid #e5e5e5;
  font-size: 12px;
  color: #333; }

.g-table-bd td {
  border-left: 1px solid #e5e5e5; }

/*

<table class="g-table" border="0" cellspacing="0" cellpadding="0">
<tr class="g-th">
<th style="width: 37px;"><input type="checkbox"/></th>
<th style="width: 90px;">下单时间</th>
<th style="width: 153px;">订单号</th>
<th style="width: 153px;">快递公司</th>
<th style="width: 340px;">订单信息</th>
<th style="width: 150px;">物流状态</th>
<th>操作</th>
</tr>
<tr class="g-tr">
<td class="g-td-i-ce"><input type="checkbox"/></td>
<td>2015-06-23  10:23:45 </td>
<td>kdn1506230000001 </td>
<td class="g-td-i-ce">中通快递</td>
<td>广东省广州市花都区流淌路 3308号小村   张强 <a href="">+详细 </a></td>
<td><a href="">1234564565</a> <img class="g-va-t" src="../images/user/pen.png" alt=""/></td>
<td><div class="g-btn g-btn-info ec-btn2"> 打印</div></td>
</tr>
<tr class="g-tr g-tr-lg g-tr-h-no tl">
<td colspan="7 row">
<div class="col-md-2">
<input class="vm" type="checkbox"/> 全选<div class="g-btn g-btn-sm ml15"> 批量打印</div>
</div>
<div class="col-md-10">
<div id="page3" class="g-page-white r"></div>
</div>
</td>
</tr>
</table>
 普通一行
.g-tr td{ border-bottom:1px solid #e5e5e5; padding: 16px 10px; }
.g-tr:hover{ background-color: #F5F5F5; }
头部
.g-th{ background-color: #F5F5F5; &>th{ padding: 14px 10px; } }
*/
.g-btn {
  background-color: #1C81E5;
  padding: 10px 20px;
  cursor: pointer;
  border: none;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  line-height: 1.4;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  .g-btn:hover {
    background-color: #1958D8; }
  .g-btn:active {
    background-color: #68adfd;
    box-shadow: 0 0 5px 0 #1364c1 inset; }

.g-b-b {
  border: 1px solid #e5e5e5; }

.g-btn-info {
  color: #666;
  background-color: #F5F5F5; }
  .g-btn-info:hover {
    background-color: #a5a5a5; }

.g-btn-gray {
  color: #1c81e5;
  background-color: #eee; }
  .g-btn-gray:hover {
    background-color: #bbb; }

.g-btn-red {
  color: #fff;
  background-color: #FF5353; }
  .g-btn-red:hover {
    background-color: #E04255; }

.g-btn-white {
  color: #666;
  background-color: #fff; }
  .g-btn-white:hover {
    background-color: #eee; }

.g-btn-sm {
  font-size: 12px;
  padding: 8px 15px; }

.g-btn-lg {
  font-size: 16px;
  padding: 12px 26px; }

.g-btn-brNo {
  border-radius: 0; }

.g-btn-b {
  background-color: #fff;
  padding: 9px 19px;
  cursor: pointer;
  border-radius: 3px;
  color: #1C81E5;
  display: inline-block;
  font-size: 14px;
  border: 1px solid #1C81E5; }
  .g-btn-b:hover {
    border: 1px solid #1958D8;
    background-color: #1958D8;
    color: #fff; }

.g-btn-gray-b {
  border: 1px solid #e5e5e5;
  background-color: #F5F5F5;
  color: #666; }
  .g-btn-gray-b:hover {
    background-color: #a5a5a5; }

.g-btn-b-blue {
  border: 1px solid #1470ED;
  background-color: #fff;
  color: #1470ED; }
  .g-btn-b-blue:hover {
    background-color: #fff; }

.g-themes {
  color: #333;
  font: 600 24px 'Source Han Sans';
  height: 75px;
  padding-top: 27px; }
  .g-themes .g-breadcrumb {
    float: right;
    font: 400 12px/2.5 'Source Han Sans'; }
    .g-themes .g-breadcrumb a {
      color: #666; }
  .g-themes .g-themes-text {
    color: #333;
    text-transform: uppercase;
    font: 600 12px/2 'Source Han Sans';
    padding-left: 10px; }

.ti {
  text-indent: 35px; }

.p {
  color: #333;
  font: 400 14px/1.714 'Source Han Sans'; }

.h2 {
  font-size: 20px;
  font-family: "Source Han Sans"; }

.h3 {
  font-size: 16px;
  font-family: "Source Han Sans"; }

.g-mbx {
  color: #333333;
  font: 400 16px 'Source Han Sans';
  padding-bottom: 40px;
  padding-top: 20px; }

/*题目*/
.g-t-h1 {
  padding: 20px 0;
  border-bottom: 1px solid #ccc; }

.g-t-h1-l {
  border-left: 4px solid #0078f3;
  height: 36px;
  float: left; }

/*圆*/
.g-yuan {
  width: 18px;
  height: 18px;
  line-height: 18px;
  border-radius: 9px;
  display: inline-block;
  background-color: #fff;
  color: #7188FF;
  text-align: center; }

.g-yuan-gou {
  background: url(../../images/public/gou.png) no-repeat center center #fff; }

.g-yuan-cha {
  background: url(../../images/public/cha.png) no-repeat center center #fff; }

/*后台头部*/
.g-head {
  background-color: #0078F3;
  height: 100px;
  line-height: 100px; }
  .g-head .g-h-logo {
    width: 148px;
    height: 48px;
    background: url(../../images/public/logo2.png) no-repeat; }
  .g-head .pt25 {
    padding-top: 25px; }
  .g-head .g-he-1 {
    padding: 0  20px;
    background: url(../../images/public/home.png) no-repeat left center; }
  .g-head .g-he-2 {
    padding: 0  20px;
    background: url(../../images/public/guanbi.png) no-repeat left center; }

/*底部*/
html, body {
  height: 100%; }

.g-ha-f {
  min-height: 100%;
  height: auto;
  margin-bottom: -224px; }

.g-ha-f-h {
  height: 224px; }

.w980 {
  width: 980px; }

.g-foot {
  background-color: #171717;
  font-size: 12px;
  padding-bottom: 20px;
  padding-top: 20px; }
  .g-foot ul {
    padding: 0;
    margin: 0; }
  .g-foot p {
    margin: 0;
    padding: 0; }
  .g-foot .g-cf::after {
    clear: both;
    content: "";
    display: table; }
  .g-foot .g-mlr-a {
    margin-left: auto;
    margin-right: auto; }
  .g-foot .g-lh-30 {
    line-height: 30px !important; }
  .g-foot .g-ff-yh {
    font-family: "Source Han Sans"; }
  .g-foot .g-w-1200 {
    width: 1200px; }
  .g-foot .foot-item {
    color: #ffffff;
    margin-right: 20px;
    width: 220px; }
  .g-foot .g-f-l {
    float: left !important; }
  .g-foot .g-ta-c {
    text-align: center; }
  .g-foot .g-c-w {
    color: #fff; }
  .g-foot .g-fz-16 {
    font-size: 16px; }
  .g-foot a[title="站长统计"], .g-foot a[target="_blank"] {
    display: none; }

/*侧栏*/
.g-s-b {
  width: 200px; }

.g-s-b-l {
  float: left;
  font-size: 16px;
  color: #666;
  padding: 20px;
  width: 200px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.g-s-b-l:hover {
  background-color: #0078F3;
  color: #fff; }

.g-s-b-l + .g-s-b-l {
  margin-top: 1px; }

.g-s-b-l-active {
  background: url(../../images/public/rj-w.png) #0078F3 no-repeat right 17px center;
  background-color: #0078F3;
  color: #fff; }

/*切换*/
.u-r-b {
  width: 980px;
  background-color: #fff; }

.u-h {
  height: 60px;
  line-height: 60px; }

.u-h-active {
  color: #0078f3;
  border-bottom: 2px solid #0078F3;
  z-index: 2; }

.u-bbc {
  border-bottom: 2px solid #f2f2f2;
  margin: -2px -30px 0 -30px;
  z-index: 1;
  height: 1px; }

/*
<div class="u-btn u-btn-al mb10 u-btn-default" data-action="modal" data-modalid="modal" >+ 选择添加</div>

    <div id="modal" class="u-modal hide " data-modal="close">
        <div class="u-modal-box">
            <div class="u-modal-hd">
                物流轨迹
                <span class="u-modal-close j_modal-close" data-modal="close"></span>
            </div>
            <div id="dxbox" class="u-modal-bd a-modal pb30 fix">
<div id="d" class="u-radio-g u-radio-g-sm " data-checkbox="0">顺风<input class="hide" type="checkbox" name="dx" /></div>
<div class="u-radio-g u-radio-g-sm " data-checkbox="0">圆通<input class="hide" type="checkbox" name="dx"/></div>
<div class="u-radio-g u-radio-g-sm " data-checkbox="0">其它<input class="hide" type="checkbox" name="dx"/></div>
            </div>

            <div class="u-modal-footer fix">
                <div id="dxbtn" class="u-btn u-btn-primary r u-btn-al" data-modal="close" >确定</div>
            </div>
        </div>
    </div>
    <div class="u-modal-m hide j_modal-m-close"></div>
*/
.u-modal {
  overflow-x: hidden;
  overflow-y: auto;
  transform: scale(1);
  transition-duration: 300ms;
  backface-visibility: hidden;
  bottom: 0;
  left: 0;
  outline: 0 none;
  perspective: 1000px;
  position: fixed;
  right: 0;
  text-align: center;
  top: 0;
  transition-property: transform, opacity, -webkit-transform;
  z-index: 1110;
  animation: show 0.5s 1 ease both; }

.u-modal:before {
  content: " ";
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.u-modal-box {
  background: #f8f8f8 none repeat scroll 0 0;
  border-radius: 0;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  position: relative;
  vertical-align: middle;
  width: 600px;
  border: 1px solid #ddd;
  background-color: #fff;
  z-index: 1120; }

.u-modal-hd {
  padding-left: 20px;
  height: 41px;
  line-height: 40px;
  font-size: 14px;
  color: #666;
  text-align: left;
  border-bottom: 1px solid #ddd; }

.u-modal-close {
  width: 14px;
  height: 14px;
  float: right;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOBAMAAADtZjDiAAAAFVBMVEUAAADGxsbGxsbGxsbGxsbGxsbGxsabQfGfAAAABnRSTlMA1BUNwwyUrSJQAAAAQUlEQVQI12NgVmBgYGAKYAgRAtKKrgyKiQoMTGJCIAxmAwklIJMBKCAI4gIF0oBcKA0Xh6mD6YObYwI21xlqjwEAImoJj0EOdaAAAAAASUVORK5CYII=) no-repeat;
  cursor: pointer;
  margin-top: 12px;
  margin-right: 10px; }

.u-modal-bd {
  padding: 30px 40px;
  text-align: left; }

.u-modal-footer {
  text-align: left;
  padding: 20px;
  padding-top: 0; }

.u-modal-m {
  background-color: rgba(0, 0, 0, 0.6);
  bottom: 0;
  height: 100%;
  left: 0;
  opacity: 1;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1100; }

@keyframes show {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
.u-animation-hide {
  animation: hide 0.5s 1 ease; }

@keyframes hide {
  0% {
    opacity: 1; }
  99% {
    opacity: 0; }
  100% {
    opacity: 0; } }
/*插件*/
/*下拉框*/
.diy_select {
  height: 33px;
  width: 100px;
  position: relative;
  font-size: 12px;
  background: #fff;
  color: #666;
  float: left;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.diy_select_btn, .diy_select_txt {
  float: left;
  height: 100%;
  line-height: 33px; }

.diy_select, .diy_select_list {
  border: 1px solid #e5e5e5; }

.diy_select_txt {
  width: 100%;
  margin-right: -30px; }

.diy_select_txt, .diy_select_list li {
  text-indent: 10px;
  overflow: hidden; }

.diy_select_btn {
  float: right;
  width: 28px;
  background: url(../../images/public/select-jt.png) no-repeat center; }

.diy_select_list {
  max-height: 260px;
  overflow-y: auto;
  position: absolute;
  top: 28px;
  left: -1px;
  z-index: 88888;
  border-top: none;
  width: 100%;
  display: none;
  _top: 29px;
  padding: 0;
  margin: 0;
  background-color: #fff; }

.diy_select_list li {
  list-style: none;
  height: 25px;
  line-height: 25px;
  cursor: default;
  _background: #fff; }

.diy_select_list li.focus {
  background: #3399FF;
  color: #fff; }

/*分页*/
.g-page {
  line-height: normal;
  overflow: hidden;
  text-align: right; }

.g-page em {
  font-style: normal;
  padding-right: 5px;
  color: #999;
  padding: 6px 12px; }

.g-page a {
  color: #337ab7;
  padding: 6px 12px;
  border: 1px solid #e5e5e5;
  text-align: center;
  background-color: #fff;
  display: inline-block;
  margin-left: -1px; }

.g-page a:hover {
  background-color: #eee;
  border: 1px solid #eee;
  color: #23527c;
  text-decoration: none; }

.g-page .prev, .g-page .next {
  color: #999;
  padding: 6px 12px;
  text-align: center;
  background-color: #fff;
  display: inline-block;
  margin-left: 5px;
  border: 1px solid #e5e5e5; }

.g-page .prev.current {
  background-color: #F8F8F8;
  color: #999999;
  border: #e4e4e4 solid 1px; }

.g-page .next.current {
  background-color: #F8F8F8;
  color: #999999;
  border: #e4e4e4 solid 1px; }

.g-page .current {
  background-color: #1C81E5;
  border: 1px solid #1C81E5;
  color: #f6f9fa;
  padding: 6px 12px;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  margin-left: -1px; }

.g-ml-10 {
  margin: 10px; }

.g-ml-5 {
  margin: 10px; }

.g-alert {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1001; }

.g-alert-mask {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
  opacity: 0.25;
  background: #000;
  z-index: 1002; }

.g-alert-content {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  width: 600px;
  background-color: #fff;
  margin: 30px auto;
  position: relative;
  z-index: 1003;
  opacity: 1;
  border-radius: 3px; }

.g-alert-header {
  border-bottom: 1px solid #e5e5e5;
  padding: 15px; }

.g-alert-title {
  font-size: 18px;
  padding: 0;
  margin: 0; }

.g-alert-close {
  font-family: inherit;
  color: #000;
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  background: url(../../images/public/alert-cha.png) no-repeat center center;
  width: 50px;
  height: 25px; }

.g-alert-body {
  padding: 15px; }

.g-alert-footer {
  text-align: right;
  border-top: 1px solid #e5e5e5;
  padding: 15px; }

.g-alert-footer-center {
  text-align: center; }

.g-alert-header-gray {
  background-color: #eee; }

.g-al-c-lg-b {
  background: url(../../images/public/alert-cha2.png) no-repeat center center; }

.g-al-cg {
  width: 64px;
  height: 64px;
  background: url(../../images/public/cg.png); }

/*分页*/
.g-page {
  line-height: normal;
  overflow: hidden;
  text-align: right; }

.xzsdf {
  color: Red; }

.g-page em {
  font-style: normal;
  padding-right: 5px;
  color: #999;
  padding: 10px 13px; }

.g-page a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 30px;
  line-height: 30px;
  color: #1C81E5;
  padding: 0 13px;
  text-align: center;
  background-color: #fff;
  display: inline-block;
  border: 1px solid #e5e5e5;
  border-left: none; }

.g-page a:hover {
  background-color: #1C81E5;
  border: 1px solid #1C81E5;
  color: #fff;
  text-decoration: none; }

.g-page .prev, .g-page .next {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 30px;
  line-height: 30px;
  color: #1C81E5;
  padding: 0 13px;
  text-align: center;
  background-color: #fff;
  display: inline-block;
  border: 1px solid #e5e5e5;
  border-left: none; }

.g-page .prev.current {
  background-color: #F8F8F8;
  color: #999999;
  border: #e4e4e4 solid 1px; }

.g-page .next.current {
  background-color: #F8F8F8;
  color: #999999;
  border: #e4e4e4 solid 1px; }

.g-page .current {
  box-sizing: border-box;
  height: 30px;
  line-height: 30px;
  background-color: #1C81E5;
  border: 1px solid #1C81E5;
  color: #f6f9fa;
  padding: 0 13px;
  text-decoration: none;
  text-align: center;
  display: inline-block; }

.g-ml-10 {
  margin: 10px; }

.g-ml-5 {
  margin: 10px; }

#AspNetPager1 {
  padding: 0;
  margin: 0; }

#AspNetPager1 a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 30px;
  line-height: 30px;
  color: #1C81E5;
  padding: 0 13px;
  text-align: center;
  background-color: #fff;
  display: inline-block;
  border: 1px solid #e5e5e5;
  border-left: none; }

#AspNetPager1 span {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 30px;
  line-height: 30px;
  background-color: #1C81E5;
  border: 1px solid #1C81E5;
  color: #f6f9fa;
  padding: 0 13px;
  text-decoration: none;
  text-align: center;
  display: inline-block; }

#AspNetPager1 a:hover {
  background-color: #1C81E5;
  border: 1px solid #1C81E5;
  color: #fff;
  text-decoration: none; }

#AspNetPager1 a[disabled="disabled"] {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 30px;
  line-height: 30px;
  color: #999;
  padding: 0 13px;
  text-align: center;
  background-color: #fff;
  display: inline-block;
  border: 1px solid #e5e5e5; }

.g-pd-mune {
  background-color: #eef2f5;
  width: 220px;
  float: left;
  border: 1px solid #e9ebec;
  font-family: "Source Han Sans";
  padding-top: 15px; }
  .g-pd-mune > a {
    display: block;
    height: 44px;
    line-height: 44px;
    color: #666666;
    font-size: 16px;
    padding-left: 30px;
    cursor: pointer; }
  .g-pd-mune > a:hover {
    color: #1c81e5; }
  .g-pd-mune .g-pd-mune-active {
    background-color: #313b50;
    border-left: 6px solid #7fcd61;
    padding-left: 24px;
    color: #fff; }
    .g-pd-mune .g-pd-mune-active:hover {
      color: #fff; }

.nav-box {
  height: 60px;
  background-color: #fff;
  font-family: "Source Han Sans";
  border-bottom: 1px solid #E5E5E5;
  position: relative;
  z-index: 1; }
  .nav-box .nav-btn1 {
    color: #333;
    border: 1px solid #e5e5e5;
    height: 32px;
    line-height: 30px;
    width: 70px;
    padding: 0;
    text-align: center;
    vertical-align: -1px;
    font-size: 14px; }
  .nav-box .nav-btn1:hover {
    color: #1c81e5;
    background-color: #fff; }
  .nav-box .nav-btn2 {
    width: 94px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    padding: 0; }
    .nav-box .nav-btn2:hover {
      color: #fff; }
  .nav-box .nav-r {
    line-height: 60px;
    height: 60px;
    vertical-align: middle;
    padding-top: 15px; }
    .nav-box .nav-r .g-btn {
      float: left; }
  .nav-box .nav-r2 {
    float: right; }
    .nav-box .nav-r2 .nav-d1 {
      float: left;
      width: 94px;
      height: 60px;
      line-height: 60px;
      padding-right: 25px;
      padding-left: 10px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      display: block;
      background: no-repeat 85% 48% #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGBAMAAADj6an2AAAAFVBMVEUAAAAzMzMzMzMzMzMzMzMzMzMzMzO27Uu7AAAAB3RSTlMAJeJixwmgUspNjgAAACJJREFUCNdjYGUAIRYDBhMGBkZlZkUGBgahJAEgyejIAAUAHGwBgQFBz+QAAAAASUVORK5CYII=);
      border-bottom: 1px solid #E5E5E5;
      font-family: "Source Han Sans";
      font-size: 14px; }
    .nav-box .nav-r2 .nav-user-box {
      display: inline-block; }
    .nav-box .nav-r2 .nav-user-box:hover .nav-d1 {
      background: no-repeat 85% 48% #eef2f5 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAATElEQVQImS3MsQmAUBAE0af8Wsx+dFiIBRgJNqDt2IOBgiBYggVYjcltMgwD20SEXIcNEz5oM1TceJMVCnrsmHFmvDAUrBjx5MuRvvyErwwaH5gqSQAAAABJRU5ErkJggg==);
      cursor: pointer;
      border-bottom: 1px solid #E5E5E5; }
    .nav-box .nav-r2 .nav-d3 {
      display: none; }
      .nav-box .nav-r2 .nav-d3 a {
        display: block;
        height: 35px;
        font-size: 14px;
        color: #333; }
    .nav-box .nav-r2 .nav-user-box:hover .nav-d3 {
      width: 148px;
      box-shadow: 2px 2px 7px 2px rgba(33, 34, 35, 0.14);
      background-color: #fff;
      display: block;
      position: absolute;
      top: 55px;
      right: 0;
      z-index: 1000;
      padding: 15px 20px 20px 20px; }
    .nav-box .nav-r2 .nav-menu-sub-a:hover {
      color: #1d73d6; }
    .nav-box .nav-r2 .nav-d2 {
      cursor: pointer;
      width: 55px;
      height: 60px;
      line-height: 60px;
      display: inline-block;
      background: url(/assets/images/public/email.png) center center no-repeat;
      float: left; }
    .nav-box .nav-r2 .nav-d2.active {
      background: url(/assets/images/public/em2.png) center center no-repeat; }

.nav-logo {
  vertical-align: middle;
  float: left;
  height: 60px;
  line-height: 60px;
  width: 270px;
  position: relative;
  z-index: 500; }

.nav-memu {
  line-height: 60px;
  text-align: center;
  font-size: 14px;
  color: #333;
  float: left;
  position: relative; }
  .nav-memu .nav-menu-a {
    height: 60px;
    background-color: #fff;
    display: block;
    cursor: pointer;
    font-size: 16px;
    color: #333;
    border-bottom: 1px solid #E5E5E5; }
  .nav-memu .nav-l {
    float: left;margin-left:30px; }
  .nav-memu .nav-l:hover .nav-menu-a {
    text-decoration: none;
    /*background-color: #eef2f5;*/
    color:#1C81E5;
    border-bottom: 1px solid #eef2f5; }
  .nav-memu .nav-l:hover .nav-menu-sub {
    display: block; }
  .nav-memu .nav-menu-sub {
    display: none;
    background: #fff no-repeat bottom right url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFsAAABMCAMAAAA1OzuIAAAAXVBMVEX////8/f/s9P75/P/k8P7W6P3z+P/////9/v/////u9f7V5/3l8P7w9//X6P3i7/74+//p8/78/v/y9//6/P/2+v/r9P7n8f70+f/o8v7Z6f3f7f3b6/3Y6f3k7/4OUjR4AAAACXRSTlP0/vT09PT06vRUkcuIAAADrElEQVRYw+2Z65KbMAyFy3Z7Ad9v2IaE93/MIilR19s2DQV+dFrPLCI75BM66MjJ5MOXDyctIPdnrQ//2f86u8ga+1PYNk9CXNQJ7G68iKkaoU05mj3MQkvb9+oirtkeyS5GCBPw1LtJXAZ/FDvl64r7/nLReg672Sy06wB6BwYUaDfbDyAwdF50uebE8uup7GQHo2+NMSyrKknWnlbVWu1iJ6nFjIggxw7CQrIrqRaxh93VSUyjR9dki7Z0sb9HCewih61sFrqS0EuBBBUSQKyguhQh1gmstJmtZiEkCS0VpBpzoPaGCGxtwKjz+mc3sdOyCh2+C+2VGTwWAxGX0ULL1HdkpafZtt6vT7VGFpoS3Y3K/rES7uNJNniFhK4Zhc41EQQirChXoyq+2TJDCb9ne7VeaODCjoTuRhmQN8pyI68yTA7LKt+f++TiQzYNJSpQSWy/gbrMQyJaK0djx3QuZ9exjHqOj9g2s9CyYkcv43uh5zV54scazC2ll1dtf83usNY3Qie0DMfWqFSWAqNSeeYBW+Fwo/oDCV1IXkjEyRGZMpWVSWSMv2ZbowVZzM+VSm6Epgemb0aVZFRJ/YPj8QF7FNNwY4Q8+CBJaCUHzzNbGBK6NSr20UP2oE29G8A7WS3VWuMboyruHwgsNITHbKFiZQNEPPBWEN/0TzMRA8bfs9f8hVuNPYNV80SsuZmI+ESfY3OJfML9kzDH3aiKugaSb2BDDySuGUQwq9CF6h+aiSghbmCTUxwLbenTAxk1ksBdY9QNbFzSsdCtUW2mpDQRNrJ9wPkUSOgLG3VRPAk5bmUrUeBcNUKneeS9jeN2ti/+zpbiCoEcmEhots52Ni5ma+MSP155n4gg/362UFaOdxINJZchHsJ+4yC2zmFsGqdExol4IJt62UXeBY5lU2vgx7Qz2L03I4R9bDW8Z3d4v2PZz3ZisS17mMAxLuxnj0KYlm1Vfxh7upR3eh/I1uYvZFujdT6FTT6x57BpncRW6jy2Ezk27BFseZJ3jHbxMPb1klq2cGf1N3zTiwfp/SN7Eu4478iGvSYbj2BjMI13yqzFYezet/3tnfQHeWc40zvSNuzBPsVOc/wD70yj/x27833RccO+s8E7svbpGk/wjvX9bP6U/bi/7ToizPIUO271jtXlOTaGdt8JF/2YfWX2du90WXYb2Bu94/sn2G0Pvv/N6+XTCxxeP8L55/Xw+mk9vsBL/MfP18f1otfXDx9fvsIb6OIv3wBqbhVVq3tc9gAAAABJRU5ErkJggg==);
    position: absolute;
    z-index: 1001;
    box-shadow: 2px 2px 7px 2px rgba(33, 34, 35, 0.14);
    padding: 30px 20px;
    z-index: 1000;
    left: -20px;
    top: 55px;
    min-height: 158px;
    width: 584px; }
  .nav-memu .nav-menu-sub {
    animation: fadeIn 0.5s  ease both; }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
  .nav-memu .nav-menu-sub-a {
    width: 142px;
    height: 35px;
    line-height: 35px;
    display: block;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #333;
    text-align: left;
    padding-left: 25px;
    float: left; }
    .nav-memu .nav-menu-sub-a:hover {
      color: #1d73d6; }
  .nav-memu .nav-menu-sub-td {
    display: table-cell; }

.nav-hb-red {
  border: 1px solid #FF5353; }

.g-footer {
  width: 100%;
  background-color: #373d41;
  height: 400px;
  color: #bec1c3;
  font-size: 14px;
  font-family: "Source Han Sans"; }
  .g-footer .g-f-l {
    height: 300px; }
    .g-footer .g-f-l h2 {
      font-size: 16px;
      color: #fff;
      padding-top: 48px;
      padding-bottom: 23px;
      margin: 0;
      font-weight: 400; }
    .g-footer .g-f-l a {
      color: #bec1c3;
      font-size: 14px;
      display: block;
      line-height: 25px; }
  .g-footer .g-f-b-text {
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #495055;
    margin-top: 10px; }
    .g-footer .g-f-b-text a {
      color: #bec1c3; }
  .g-footer .g-f-copyright {
    padding-top: 10px;
    font-size: 12px; }

.g-gotop-box {
  position: fixed;
  z-index: 300;
  right: 20px;
  top: 50%;
  margin-top: -200px; }
  .g-gotop-box .c {
    position: absolute;
    top: 0;
    right: 3px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle; }
    .g-gotop-box .c img {
      width: 12px;
      height: 12px;
      vertical-align: middle;
      display: block;
      margin-top: 4px;
      margin-left: 4px; }

.g-gotop-cell {
  width: 86px;
  height: 86px;
  background-color: #12b7f5;
  border-radius: 5px;
  margin-bottom: 3px;
  display: block; }

.g-gotop-cell.cu:hover {
  background-color: #099dd5; }

.g-gotop-img, .g-gotop-img2, .g-gotop-img3, .g-gotop-img4 {
  height: 58px;
  background: no-repeat center center url(/assets/images/public/baidusq.png); }

.g-gotop-text {
  height: 35px;
  text-align: center;
  color: #fff;
  font: 400 12px 'Source Han Sans';
  line-height: 14px; }

.g-gotop-img2 {
  background: no-repeat center center url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAhCAMAAACP+FljAAAAllBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AJcWoAAAAMXRSTlMAmX/7lVsJ8FQD6hYFz7x1bw3i3dSskY2IbGhjRjgzJx4Q9oOCQCQH2MO2kHpPSyyc4ghGiQAAAUVJREFUOMttk9lygzAMRYXZd0gCJOzZk2ar/v/n6iLcAvZ5vWc01vUIBL7DDC2P33tQcjW1EeOlyvdM5Md358q5dRrjbQsNy6Ls1MwFMX9n1SESm3qS+2Neulv85+GCwKGcXXOc8g0CRsLFxDmVEIzxAd5CsFPKXRrQVrhkB8RjEKwvSYgo74yhAlhJgkdCRTvAASWmSxzBk3Kb3pgPgukrhH5S04WhTP7bs6GJJWRuNICWuKGMzoUnCV2towJH9BxbK1Th7YEGNCaqSfiEkgtphmoieBZprBWwRjU2XHroeI02Euq2TQYeqmash0UhOBcQ4nkj5atGX/Pc4r/VlzGYihWqhAufoYfUcaNFHgYwECTcMLTk+jnMe25B0J9fTh2clmUfSpjSoow/O2DxG/fs7/4CmOIXGx3tyHQh2N1t1EOWAsAPZittha9mC+QAAAAASUVORK5CYII=); }

.g-gotop-img3 {
  background: no-repeat center center url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAeCAMAAADqx5XUAAAAolBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8ELnaCAAAANXRSTlMAC+j7BvMP38pb99m/u6iel5KOeE5FNSkb7NFoSklANzItE+Tjw66joGJRLx+1h4B8dFQ5Fg+SF7IAAAE1SURBVCjPbY/XksIwDEWVXkgjEAi9d7bv/f9fW0WxId7hPMjyHMtzRcwwxC4ixciiJ7cDGGehrnZ8umnl2xCmJFgF33OfhG8o9F/uzEYwlrbUzifN9ghvRExiOLcdKGDXfASGWyJZNWeGhGuslCcD8x2czyZSAN4Kij61zGJ88HFF7+Gyx8orDxUfPSzJk83nJMiDCCHXAfoqi5rJDr9cp+AN1gjpTVzdugSpjAx4G073Lk7/2cOdqELOvQ2qjJR9bJolz9xOQK6EsV0lt9xcUHLnTIhyGZzRE/+6Jho3aUeQwS2Z3IsvrqnII71iDaF8KUsIOcfYRJVO9dhKmC4yrkFkyLGHLuFPVy4cQzrDrhzGhtxTl5VtyNqQddr91CKTy3P0RP+xBvt2qjDHdKbzBOlGXf4A0nM9yVuRkEoAAAAASUVORK5CYII=); }

.g-gotop-img4 {
  background: no-repeat center center url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeBAMAAADJHrORAAAAKlBMVEUAAAD///////////////////////////////////////////////////+Gu8ovAAAADXRSTlMAjA6o8APnQkk3OCjkFM8KTgAAAKNJREFUGNOF0TEKAjEQheFHwAskhW1SWi5qaaWNgiCIlRewsfMM1h5hL+Ed7F3s5i6GtxsysyBO98FPwjC4i54LrsYfSBNRRyDBWycG1S4HTwDnwUjNbH3AZPEY7MJ0v8SxK87B7X1abUvPYN61xQxkh2IGm1ZZ+vlpIEkElJ14Y65pHLw21/z3X6w91/TGyC9oM6D7YaDMgFYBrQIZ32t0z9cXRiCOqMIMQfUAAAAASUVORK5CYII=); }

.g-gotop-hide {
  position: fixed;
  z-index: 301;
  right: 0;
  top: 50%;
  margin-top: -90px;
  display: none;
  cursor: pointer; }

.g-pc-box {
  float: left;
  margin-left: 20px;
  margin-top: 30px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  border: 1px solid #dfdfdf; }
  .g-pc-box:hover {
    box-shadow: 0 3px 8px 2px #dcdfe7; }
  .g-pc-box .g-pc-s {
    width: 280px;
    height: 80px;
    line-height: 80px;
    background-color: #f3f4f6;
    color: #333;
    font-size: 18px;
    padding-left: 65px;
    position: relative;
    font-weight: 400; }
  .g-pc-box .g-pc-s-xz {
    color: #fff;
    font-size: 12px;
    position: absolute;
    line-height: 1;
    bottom: 14px;
    right: 14px;
    font-weight: 400; }
  .g-pc-box .g-pc-x {
    height: 240px;
    width: 280px;
    text-indent: 25px;
    background-color: #fff;
    font-size: 12px;
    padding: 20px 21px;
    color: #333;
    line-height: 1.6;
    position: relative; }
  .g-pc-box .g-pc-x-btn {
    position: absolute;
    text-indent: 0px;
    border: 1px solid #dfdfdf;
    font-size: 14px;
    color: #999;
    width: 94px;
    height: 32px;
    line-height: 30px;
    text-align: center;
    left: 20px;
    bottom: 15px;
    cursor: pointer; }
    .g-pc-box .g-pc-x-btn:active {
      background-color: #2cb054;
      box-shadow: 0 0 5px 0 #24793e inset; }
  .g-pc-box:hover .g-pc-x-btn {
    background-color: #666666;
    border: 1px solid #666666;
    color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }

.u-uh-title-mf {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAiCAMAAAAEcluKAAAAjVBMVEUAAABCQUBCQUBCQUD5fgdCQUBCQUD+gAX8fwbwewroeAzjdg7acxDRcBO8aRqNWihCQUBCQUBCQUBCQUBoTTRLRD1GQj5CQUD3fQj1fQj1fQjyfAnsegvqeQvWchLCbBjNbxXGbRelYiG7aRqdXySzZx19VS12UjCrZB9gSzdMRDxCQUB8VC7/gAX/gAWFtsR/AAAALnRSTlMATQMR7kQN+/TYxr2vnoJqNjAqJSUdGAjp5OPcz8ujk5OIeXV0aGNfX1dQPDErX6ti1AAAAINJREFUOMvtzzUWhEAUBdH3WxhggBFk3F33vzwI8EMDCVlXfJPCv0/ox0gzzTQbhP3sTmRfCTCe2zYzGk9oypHEb5YKmc6DZgbS+GXThIT7ovkCpSJvXUerw1v6DLXC07KMLI9kyNBQcBQZ2p3pE0ERC1yzMqeE371w7sWcGvoynyuKASTmvsgt5+HlAAAAAElFTkSuQmCC);
  display: inline-block;
  width: 38px;
  height: 34px;
  vertical-align: middle;
  line-height: 30px;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  top: -3px;
  left: 10px;
  text-align: center; }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }

.container-fluid:before, .container-fluid:after {
  content: " ";
  display: table; }

.container-fluid:after {
  clear: both; }

.row {
  margin-left: -15px;
  margin-right: -15px; }

.row:before, .row:after {
  content: " ";
  display: table; }

.row:after {
  clear: both; }

.col-md-g, .col-md-g0, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
.col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
  float: left;
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  min-height: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.col-md-g0 {
  padding: 0; }

/*定义每个组合的宽度百分比*/
.col-md-12 {
  width: 100%; }

.col-md-11 {
  width: 91.66666666666666%; }

.col-md-10 {
  width: 83.33333333333334%; }

.col-md-9 {
  width: 75%; }

.col-md-8 {
  width: 66.66666666666666%; }

.col-md-7 {
  width: 58.333333333333336%; }

.col-md-6 {
  width: 50%; }

.col-md-5 {
  width: 41.66666666666667%; }

.col-md-4 {
  width: 33.33333333333333%; }

.col-md-3 {
  width: 25%; }

.col-md-2 {
  width: 16.666666666666664%; }

.col-md-1 {
  width: 8.333333333333332%; }

.ms-controller {
  visibility: hidden; }

/*

index
code99
描点100

gotop 300


*/
/* ---------------------single CSS----------------------- */
/* display */
.dn, .hide {
  display: none; }

.di {
  display: inline; }

.db {
  display: block; }

.dib {
  display: inline-block; }

/* if the element is block level(eg. div, li), using 'inline_any' instead */
.dt {
  display: table; }

.g-box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* height */
.h14 {
  height: 14px; }

.h16 {
  height: 16px; }

.h18 {
  height: 18px; }

.h20 {
  height: 20px; }

.h22 {
  height: 22px; }

.h24 {
  height: 24px; }

.h60 {
  height: 60px; }

.h100 {
  height: 100px; }

.ha {
  height: auto; }

/* width */
/* fixed width value */
.w1 {
  width: 100%; }

.w20 {
  width: 20px; }

.w50 {
  width: 50px; }

.w60 {
  width: 60px; }

.w70 {
  width: 70px; }

.w90 {
  width: 90px; }

.w100 {
  width: 100px; }

.w110 {
  width: 100px; }

.w120 {
  width: 120px; }

.w140 {
  width: 140px; }

.w150 {
  width: 150px; }

.w160 {
  width: 160px; }

.w180 {
  width: 180px; }

.w200 {
  width: 200px; }

.w220 {
  width: 220px; }

.w240 {
  width: 240px; }

.w250 {
  width: 250px; }

.w280 {
  width: 280px; }

.w300 {
  width: 300px; }

.w320 {
  width: 320px; }

.w360 {
  width: 360px; }

.w400 {
  width: 400px; }

.w460 {
  width: 460px; }

.w500 {
  width: 500px; }

.w600 {
  width: 600px; }

.w640 {
  width: 640px; }

.w700 {
  width: 700px; }

/* percent width value */
.pct10 {
  width: 10%; }

.pct15 {
  width: 15%; }

.pct20 {
  width: 20%; }

.pct25 {
  width: 25%; }

.pct30 {
  width: 30%; }

.pct33 {
  width: 33.3%; }

.pct40 {
  width: 40%; }

.pct50 {
  width: 50%; }

.pct60 {
  width: 60%; }

.pct66 {
  width: 66.6%; }

.pct70 {
  width: 70%; }

.pct75 {
  width: 75%; }

.pct80 {
  width: 80%; }

.pct90 {
  width: 90%; }

.pct100 {
  width: 100%; }

/* line-height */
.lh14 {
  line-height: 14px; }

.lh16 {
  line-height: 16px; }

.lh18 {
  line-height: 18px; }

.lh20 {
  line-height: 20px; }

.lh22 {
  line-height: 22px; }

.lh24 {
  line-height: 24px; }

.lh26 {
  line-height: 26px; }

.lh32 {
  line-height: 32px; }

.lh35 {
  line-height: 35px; }

/* margin */
.m0 {
  margin: 0; }

.ml1 {
  margin-left: 1px; }

.ml2 {
  margin-left: 2px; }

.ml5 {
  margin-left: 5px; }

.ml10 {
  margin-left: 10px; }

.ml15 {
  margin-left: 15px; }

.ml20 {
  margin-left: 20px; }

.ml30 {
  margin-left: 30px; }

.mr1 {
  margin-right: 1px; }

.mr2 {
  margin-right: 2px; }

.mr5 {
  margin-right: 5px; }

.mr10 {
  margin-right: 10px; }

.mr15 {
  margin-right: 15px; }

.mr20 {
  margin-right: 20px; }

.mr30 {
  margin-right: 30px; }

.mt1 {
  margin-top: 1px; }

.mt2 {
  margin-top: 2px; }

.mt5 {
  margin-top: 5px; }

.mt10 {
  margin-top: 10px; }

.mt15 {
  margin-top: 15px; }

.mt20 {
  margin-top: 20px; }

.mt30 {
  margin-top: 30px; }

.mb1 {
  margin-bottom: 1px; }

.mb2 {
  margin-bottom: 2px; }

.mb5 {
  margin-bottom: 5px; }

.mb10 {
  margin-bottom: 10px; }

.mb15 {
  margin-bottom: 15px; }

.mb20 {
  margin-bottom: 20px; }

.mt25 {
  margin-top: 25px; }

.mb30 {
  margin-bottom: 30px; }

.mb60 {
  margin-bottom: 60px; }

/* margin negative */
.ml-1 {
  margin-left: -1px; }

.mr-1 {
  margin-right: -1px; }

.mt-1 {
  margin-top: -1px; }

.mb-1 {
  margin-bottom: -1px; }

.ml-3 {
  margin-left: -3px; }

.mr-3 {
  margin-right: -3px; }

.mt-3 {
  margin-top: -3px; }

.mb-3 {
  margin-bottom: -3px; }

.ml-20 {
  margin-left: -20px; }

.mr-20 {
  margin-right: -20px; }

.mt-20 {
  margin-top: -20px; }

.mb-20 {
  margin-bottom: -20px; }

/* padding */
.p0 {
  padding: 0; }

.p02 {
  padding-left: 0;
  padding-right: 0; }

.p1 {
  padding: 1px; }

.pl1 {
  padding-left: 1px; }

.pt1 {
  padding-top: 1px; }

.pr1 {
  padding-right: 1px; }

.pb1 {
  padding-bottom: 1px; }

.p2 {
  padding: 2px; }

.pl2 {
  padding-left: 2px; }

.pt2 {
  padding-top: 2px; }

.pr2 {
  padding-right: 2px; }

.pb2 {
  padding-bottom: 2px; }

.pl5 {
  padding-left: 5px; }

.p5 {
  padding: 5px; }

.pt5 {
  padding-top: 5px; }

.pr5 {
  padding-right: 5px; }

.pb5 {
  padding-bottom: 5px; }

.p10 {
  padding: 10px; }

.pl10 {
  padding-left: 10px; }

.pt10 {
  padding-top: 10px; }

.pr10 {
  padding-right: 10px; }

.pb10 {
  padding-bottom: 10px; }

.p15 {
  padding: 15px; }

.pl15 {
  padding-left: 15px; }

.pt15 {
  padding-top: 15px; }

.pr15 {
  padding-right: 15px; }

.pb15 {
  padding-bottom: 15px; }

.p20 {
  padding: 20px; }

.pl20 {
  padding-left: 20px; }

.pt20 {
  padding-top: 20px; }

.pr20 {
  padding-right: 20px; }

.pb20 {
  padding-bottom: 20px; }

.p30 {
  padding: 30px; }

.pl30 {
  padding-left: 30px; }

.pt30 {
  padding-top: 30px; }

.pr30 {
  padding-right: 30px; }

.pb30 {
  padding-bottom: 30px; }

.pt40 {
  padding-top: 40px; }

.pl40 {
  padding-left: 40px; }

.pr40 {
  padding-right: 40px; }

.pb40 {
  padding-bottom: 40px; }

.pr50 {
  padding-right: 50px; }

.pt50 {
  padding-top: 50px; }

.pt70 {
  padding-top: 70px; }

.pb70 {
  padding-bottom: 70px; }

.pb50 {
  padding-bottom: 50px; }

/* border-color name rule: border(b)-position(l/r/t/b/d)-width(null/2)-style(null/sh)-color(first one letter/first two letter) |-> All colors are safe color*/
.bdc {
  border: 1px solid #ccc; }

.blc {
  border-left: 1px solid #ccc; }

.brc {
  border-right: 1px solid #ccc; }

.btc {
  border-top: 1px solid #ccc; }

.bbc {
  border-bottom: 1px solid #ccc; }

.bdd {
  border: 1px solid #ddd; }

.bld {
  border-left: 1px solid #ddd; }

.brd {
  border-right: 1px solid #ddd; }

.btd {
  border-top: 1px solid #ddd; }

.bbd {
  border-bottom: 1px solid #ddd; }

.bbdc {
  border-bottom: 1px dashed #ccc; }

.bde {
  border: 1px solid #eee; }

.ble {
  border-left: 1px solid #eee; }

.bre {
  border-right: 1px solid #eee; }

.bte {
  border-top: 1px solid #eee; }

.bbe {
  border-bottom: 1px solid #eee; }

.bbe5 {
  border-bottom: 1px solid #e5e5e5; }

/* background-color name rule: bg - (key word/Hex color) |-> All colors are safe color */
.bgwh {
  background-color: #fff; }

.bgfb {
  background-color: #fbfbfb; }

.bgff {
  background-color: #FFE4E4; }

.bgf5 {
  background-color: #f5f5f5; }

.bgf0 {
  background-color: #f0f0f0; }

.bgeb {
  background-color: #ebebeb; }

.bge {
  background-color: #eee; }

.bge0 {
  background-color: #e0e0e0; }

.bgc {
  background-color: #ccc; }

/* safe color */
.g0 {
  color: #000; }

.g3 {
  color: #333; }

.g6 {
  color: #666; }

.g9 {
  color: #999; }

.gc {
  color: #ccc; }

.wh {
  color: white; }

/* font-size */
.f0 {
  font-size: 0; }

.f10 {
  font-size: 10px; }

.f12 {
  font-size: 12px; }

.f13 {
  font-size: 13px; }

.f14 {
  font-size: 14px; }

.f16 {
  font-size: 16px; }

.f18 {
  font-size: 18px; }

.f20 {
  font-size: 20px; }

.f24 {
  font-size: 24px; }

.f30 {
  font-size: 30px; }

/* font-family */
.fa {
  font-family: Source Han Sans; }

.ft {
  font-family: Source Han Sans; }

.fv {
  font-family: Source Han Sans; }

.fs {
  font-family: Source Han Sans; }

.fl {
  font-family: 'Source Han Sans'; }

.fw {
  font-family: 'Source Han Sans'; }

/* font-style */
.n {
  font-weight: normal;
  font-style: normal; }

.b {
  font-weight: bold; }

.i {
  font-style: italic; }

/* text-align */
.tc {
  text-align: center; }

.tr {
  text-align: right; }

.tl {
  text-align: left; }

.tj {
  text-align: justify; }

/* text-decoration */
.tdl {
  text-decoration: underline; }

.tdn, .tdn:hover, .tdn a:hover, a.tdl:hover {
  text-decoration: none; }

/* letter-spacing */
.lt-1 {
  letter-spacing: -1px; }

.lt0 {
  letter-spacing: 0; }

.lt1 {
  letter-spacing: 1px; }

/* white-space */
.nowrap {
  white-space: nowrap; }

/* word-wrap */
.bk {
  word-wrap: break-word; }

/* vertical-align */
.vm {
  vertical-align: middle; }

.vtb {
  vertical-align: text-bottom; }

.vb {
  vertical-align: bottom; }

.vt {
  vertical-align: top; }

.vn {
  vertical-align: -2px; }

/* float */
.l {
  float: left; }

.r {
  float: right; }

.fn {
  float: none; }

/* clear */
.cl {
  clear: both; }

/* position */
.rel {
  position: relative; }

.abs {
  position: absolute; }

/*z-index*/
.zx1 {
  z-index: 1; }

.zx2 {
  z-index: 2; }

/* cursor */
.poi, .cu {
  cursor: pointer; }

.def {
  cursor: default; }

/* overflow */
.ovh {
  overflow: hidden; }

.ova {
  overflow: auto; }

/* visibility */
.vh {
  visibility: hidden; }

.vv {
  visibility: visible; }

/* zoom */
.z {
  *zoom: 1; }

/* ------------------- multiply CSS ------------------ */
/* 块状元素水平居中 */
.auto {
  margin-left: auto;
  margin-right: auto; }

/* 清除浮 动*/
.fix {
  *zoom: 1; }

.fix:after {
  display: table;
  content: '';
  clear: both; }

/* 基于display:table-cell的自适应布局 */
.cell {
  display: table-cell;
  *display: inline-block;
  width: 2000px;
  *width: auto; }

/* 双栏自适应cell部分连续英文字符换行 */
.cell_bk {
  display: table;
  width: 100%;
  table-layout: fixed;
  word-wrap: break-word; }

/* 单行文字溢出虚点显 示*/
.ell {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

/* css3过渡动画效果 */
.trans {
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

/* 大小不定元素垂直居中 */
.dib_vm {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle; }

/* 加载中背景图片 - 如果您使用该CSS小库，务必修改此图片地址 */
/* 无框文本框文本域 */
.bd_none {
  border: 0;
  outline: none; }

/* 绝对定位隐藏 */
.abs_out {
  position: absolute;
  left: -999em;
  top: -999em; }

.abs_clip {
  position: absolute;
  clip: rect(0 0 0 0); }

/* 按钮禁用 */
.disabled {
  color: #acacac !important;
  border-color: #acacac !important;
  text-shadow: 1px 1px #fff !important;
  outline: 0 !important;
  cursor: default !important;
  pointer-events: none; }

.disabled:hover {
  text-decoration: none !important; }

/*inline-block与float等宽列表*/
.inline_box {
  font-size: 1em;
  letter-spacing: -.25em;
  font-family: Source Han Sans; }

.inline_two, .inline_three, .inline_four, .inline_five, .inline_six, .inline_any {
  display: inline-block;
  *display: inline;
  letter-spacing: 0;
  vertical-align: top;
  *zoom: 1; }

.float_two, .float_three, .float_four, .float_five, .float_six {
  float: left; }

.inline_two, .float_two {
  width: 49.9%; }

.inline_three, .float_three {
  width: 33.3%; }

.inline_four, .float_four {
  width: 24.9%; }

.inline_five, .float_five {
  width: 19.9%; }

.inline_six, .float_six {
  width: 16.6%; }

.inline_fix {
  display: inline-block;
  width: 100%;
  height: 0;
  overflow: hidden; }

html {
  font-family: "Source Han Sans"; }

.blue {
  color: #0078f3; }

.red {
  color: #FF5353; }

.green {
  color: #48C123; }

.orange {
  color: #FFC64D; }

.bgf2 {
  background-color: #f2f2f2; }

.h35 {
  height: 35px; }

.bbe-d {
  border-bottom: 1px dashed #e5e5e5; }

.lhn {
  line-height: normal; }

.g-yanz {
  font-size: 14px;
  line-height: normal;
  padding: 8px 10px;
  vertical-align: top; }

.error {
  color: red;
  font-size: 14px; }

.g-a {
  color: #0078f3 !important;
  cursor: pointer; }

.g-a:hover {
  text-decoration: underline; }

a[title="站长统计"] {
  display: none; }

img[src="http://eiv.baidu.com/hmt/icon/21.gif"] {
  display: none; }

#qiao-wrap {
  display: none !important; }

.qiao-icon-head {
  display: none !important; }



/*# sourceMappingURL=common.css.map */