/*
 * Common CSS file for CCTWBP
 * Copyright Okvnet.com, Inc.
 * Create & Modified by Litoushan.
 */
.test {
  border: 1px solid #d6e9c6;
}
.test2 {
  border: 1px solid #ebccd1;
}
* {
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
      box-sizing: border-box;
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family:"微软雅黑", "Microsoft Yahei", Arial, Helvetica, sans-serif, "宋体";
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin:0;
    padding:0;
    font-family: "Microsoft YaHei", Helvetica, Tahoma, Arial, Hiragino Sans GB, STXihei, "Microsoft YaHei", SimSun, Heiti, sans-serif;
}
img {
    max-width: 100% !important;
    vertical-align: middle;
    border: 0;
}
/* 栅格系统 */
.container {
  margin: 0 auto;
  position: relative;
}
@media (min-width: 1080px) {
.container {
  width: 1080px;
}
}
.wrapper {
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width:1080px) {
  .wrapper {
    width:1080px;
  }
}
.row {
  zoom: 1;
}
/* 栅格系统: 12列布局 column （主要应用于移动端） */
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11 {
  position: relative;
  min-height: 1px;
  float: left;
}
.col-1 {
  width:8.333333333333332%
}
.col-2 {
  width:16.666666666666664%
}
.col-3 {
  width:25%
}
.col-4 {
  width:33.33333333333333%
}
.col-5 {
  width:41.66666666666667%
}
.col-6 {
  width:50%
}
.col-7 {
  width:58.333333333333336%
}
.col-8 {
  width:66.66666666666666%
}
.col-9 {
  width:75%
}
.col-10 {
  width:83.33333333333334%
}
.col-11 {
  width:91.66666666666666%
}
.col-12 {
  width:100%
}
/* 栅格系统： 24列布局 column （各终端通用通用） */
.col-1-1, .col-1-2, .col-1-3, .col-2-3, .col-1-4, .col-3-4, .col-1-5, .col-2-5, .col-3-5, .col-4-5, .col-1-6, .col-5-6, .col-3-8, .col-5-8, .col-7-8, .col-1-12, .col-5-12, .col-7-12, .col-11-12,
.col-1-24, .col-2-24, .col-3-24, .col-4-24, .col-5-24, .col-6-24, .col-7-24, .col-8-24, .col-9-24, .col-10-24, .col-11-24, .col-12-24, .col-13-24, .col-14-24, .col-15-24, .col-16-24, .col-17-24, .col-18-24, .col-19-24, .col-20-24, .col-21-24, .col-22-24, .col-23-24 {
  position: relative;
  min-height: 1px;
  float: left;
}
.col-1-24 {
  width: 4.1667%;
  *width: 4.1357%;    /* IE浏览器专用 */
}
.col-1-12, .col-2-24 {
  width:8.3333%;
  *width:8.3023%;
}
.col-1-8, .col-3-24 {
  width:12.5%;
  *width:12.469%;
}
.col-1-6, .col-4-24 {
  width:16.6667%;
  *width:16.6357%;
}
.col-1-5 {
  width:20%;
  *width:19.969%;
}
.col-5-24 {
  width:20.8333%;
  *width:20.8023%;
}
.col-1-4, .col-6-24 {
  width:25%;
  *width:24.969%;
}
.col-7-24 {
  width:29.1667%;
  *width:29.1357%;
}
.col-1-3, .col-8-24 {
  width:33.3333%;
  *width:33.3023%;
}
.col-3-8, .col-9-24 {
  width:37.5%;
  *width:37.469%;
}
.col-2-5 {
  width:40%;
  *width:39.969%;
}
.col-5-12, .col-10-24 {
  width:41.6667%;
  *width:41.6357%;
}
.col-11-24 {
  width:45.8333%;
  *width:45.8023%;
}
.col-1-2, .col-12-24 {
  width:50%;
  *width:49.969%;
}
.col-13-24 {
  width:54.1667%;
  *width:54.1357%;
}
.col-7-12, .col-14-24 {
  width:58.3333%;
  *width:58.3023%;
}
.col-3-5 {
  width:60%;
  *width:59.969%;
}
.col-5-8, .col-15-24 {
  width:62.5%;
  *width:62.469%;
}
.col-2-3, .col-16-24 {
  width:66.6667%;
  *width:66.6357%;
}
.col-17-24 {
  width:70.8333%;
  *width:70.8023%;
}
.col-3-4, .col-18-24 {
  width:75%;
  *width:74.969%;
}
.col-19-24 {
  width:79.1667%;
  *width:79.1357%;
}
.col-4-5 {
  width:80%;
  *width:79.969%;
}
.col-5-6, .col-20-24 {
  width:83.3333%;
  *width:83.3023%;
}
.col-7-8, .col-21-24 {
  width:87.5%;
  *width:87.469%;
}
.col-11-12, .col-22-24 {
  width:91.6667%;
  *width:91.6357%;
}
.col-23-24 {
  width:95.8333%;
  *width:95.8023%;
}
.col-1-1, .col-5-5, .col-8-8, .col-12-12, .col-24-24 {
  width:100%;;
}
/* 栅格系统：12列布局 列偏移 */
.col-offset-0 {
  margin-left: 0;
}
.col-offset-1 {
  margin-left:8.333333333333332%;
}
.col-offset-2 {
  margin-left:16.666666666666664%;
}
.col-offset-3 {
  margin-left:25%;
}
.col-offset-4 {
  margin-left:33.33333333333333%;
}
.col-offset-5 {
  margin-left:41.66666666666667%;
}
.col-offset-6 {
  margin-left:50%
}
.col-offset-7 {
  margin-left:58.333333333333336%;
}
.col-offset-8 {
  margin-left:66.66666666666666%;
}
.col-offset-9 {
  margin-left:75%;
}
.col-offset-10 {
  margin-left:83.33333333333334%;
}
.col-offset-11 {
  margin-left:91.66666666666666%;
}
.col-offset-12 {
  margin-left:100%;
}
/* 栅格系统：24列布局 列偏移 */
.col-offset-1-24 {
  margin-left: 4.1667%;
  *margin-left: 4.1357%;    /* IE浏览器专用 */
}
.col-offset-1-12, .col-offset-2-24 {
  margin-left:8.3333%;
  *margin-left:8.3023%;
}
.col-offset-1-8, .col-offset-3-24 {
  margin-left:12.5%;
  *margin-left:12.469%;
}
.col-offset-1-6, .col-offset-4-24 {
  margin-left:16.6667%;
  *margin-left:16.6357%;
}
.col-offset-1-5 {
  margin-left:20%;
  *margin-left:19.969%;
}
.col-offset-5-24 {
  margin-left:20.8333%;
  *margin-left:20.8023%;
}
.col-offset-1-4, .col-offset-6-24 {
  margin-left:25%;
  *margin-left:24.969%;
}
.col-offset-7-24 {
  margin-left:29.1667%;
  *margin-left:29.1357%;
}
.col-offset-1-3, .col-offset-8-24 {
  margin-left:33.3333%;
  *margin-left:33.3023%;
}
.col-offset-3-8, .col-offset-9-24 {
  margin-left:37.5%;
  *margin-left:37.469%;
}
.col-offset-2-5 {
  margin-left:40%;
  *margin-left:39.969%;
}
.col-offset-5-12, .col-offset-10-24 {
  margin-left:41.6667%;
  *margin-left:41.6357%;
}
.col-offset-11-24 {
  margin-left:45.8333%;
  *margin-left:45.8023%;
}
.col-offset-1-2, .col-offset-12-24 {
  margin-left:50%;
  *margin-left:49.969%;
}
.col-offset-13-24 {
  margin-left:54.1667%;
  *margin-left:54.1357%;
}
.col-offset-7-12, .col-offset-14-24 {
  margin-left:58.3333%;
  *margin-left:58.3023%;
}
.col-offset-3-5 {
  margin-left:60%;
  *margin-left:59.969%;
}
.col-offset-5-8, .col-offset-15-24 {
  margin-left:62.5%;
  *margin-left:62.469%;
}
.col-offset-2-3, .col-offset-16-24 {
  margin-left:66.6667%;
  *margin-left:66.6357%;
}
.col-offset-17-24 {
  margin-left:70.8333%;
  *margin-left:70.8023%;
}
.col-offset-3-4, .col-offset-18-24 {
  margin-left:75%;
  *margin-left:74.969%;
}
.col-offset-19-24 {
  margin-left:79.1667%;
  *margin-left:79.1357%;
}
.col-offset-4-5 {
  margin-left:80%;
  *margin-left:79.969%;
}
.col-offset-5-6, .col-offset-20-24 {
  margin-left:83.3333%;
  *margin-left:83.3023%;
}
.col-offset-7-8, .col-offset-21-24 {
  margin-left:87.5%;
  *margin-left:87.469%;
}
.col-offset-11-12, .col-offset-22-24 {
  margin-left:91.6667%;
  *margin-left:91.6357%;
}
.col-offset-23-24 {
  margin-left:95.8333%;
  *margin-left:95.8023%;
}
.col-offset-1-1, .col-offset-5-5, .col-offset-8-8, .col-offset-12-12, .col-offset-24-24 {
  margin-left:100%;;
}

.clearfix:before, .container:before, .warpper:before, .row:before,
.clearfix:after, .container:after, .wrapper:after, .row:after {
  display: table;
  content: "";
}
.clearfix:after, .container:after, .wrapper:after, .row:after {
  clear: both;
}

/* 页面排版 */
/* 标题 */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-weight: normal;
  line-height: 1;
  color:#999;
}
h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small {
  font-size: 65%;
}
h4, .h4, h5, .h5, h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small {
  font-size: 75%;
}
h1, .h1 {
  font-size: 36px;
}
h2, .h2 {
  font-size: 30px;
}
h3, .h3 {
  font-size: 24px;
}
h4, .h4 {
  font-size: 18px;
}
h5, .h5 {
  font-size: 14px;
}
h6, .h6 {
  font-size: 12px;
}

/* 段落 强调文本 */
p { /* 向下10像素间距 */
  margin: 0 0 10px 0;
}
.lead { /* 引导主体副本，给段落添加强调文本 */
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
small, .small { /* 小型文本，父容器字体大小的85% */
  font-size: 85%;
}
b, strong { /* 重要的文本，加粗 */
  font-weight: bold;
}
em { /* 被强调的文本，斜体显示 */
  font-style: italic;
}
i {} /*斜体*/
u {} /*加下划线*/
cite { /* 引用 */
  font-style: normal;
}
mark { /* 突出显示文本 */
  color: #000; background: #FF0;
}
var {} /*变量*/
kbd {} /*键盘文本*/
code {}  /*计算机代码文本*/
dfn { /*一个定义项目*/
  font-style: italic
}
code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em;
}
pre { /*预格式化的文本*/
  white-space: pre-wrap;
}

/* 文本大小写 */
.text-uppercase { /* 文本仅有大写字母 */
  text-transform: uppercase;
}
.text-lowercase { /* 文本仅有小写字母 */
  text-transform: lowercase;
}
.text-capitalize { /* 文本中每个单词以大写字母开头 */
  text-transform: capitalize;
}

.en {
  font-family: Arial !important;
}

/* 段落 对齐文本 */
.text-left {
  text-align: left;
}  /* 左对齐 */
.text-right {
  text-align: right;
}  /* 右对齐 */
.text-center {
  text-align: center;
}  /* 中间对齐 */

/* 文本颜色强调 */
.text-muted {
  color: #999;
}  /* 柔和 */
a.text-muted:hover {
  color: #808080;
}
.text-primary {
  color: #428BCA;
}  /* 重要 */
a.text-primary:hover {
  color: #3071A9;
}
.text-success {
  color: #3C763D;
}  /* 成功 */
a.text-success:hover {
  color: #2B542C;
}
.text-info {
  color: #31708F;
}  /* 信息 */
a.text-info:hover {
  color: #245269;
}
.text-warning {
  color: #8A6D3B;
}  /* 警告 */
a.text-warning:hover {
  color: #66512C;
}
.text-danger {
  color: #CC0000;
}  /* 危险 */
a.text-danger:hover {
  color: #990000;
}
.text-error {
  color: #FF3333;
}
a.text-error:hover {
  color: #FF0033;
}

/* 定位 */
.pos-r {
  position: relative;
} /* 相对定位 */
.pos-a {
  position: absolute;
} /* 绝对定位 */
.pos-f {
  position: fixed;
} /* 固定位置 */

/* 浮动 */
.l {
  float: left !important;
  _display: inline;
}
.r {
  float: right !important;
  _display: inline;
}
/* 文字单行溢出省略号 */
.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*外边距 marrgin
  Explain:  .mg表示外边距|.mt表示上边距|.mb表示下边距|.ml表示左边距|.mr表示右边距
*/
.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-35{margin-top:35px}.mt-40{margin-top:40px}.mt-50{margin-top:50px}
.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.mb-40{margin-bottom:40px}.mb-50{margin-bottom:50px}
.ml-5{margin-left:5px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-30{margin-left:30px}.ml-40{margin-left:40px}.ml-50{margin-left:50px}
.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-30{margin-right:30px}.mr-40{margin-right:40px}.mr-50{margin-right:50px}
.mg-5{margin:5px}.mg-10{margin:10px}.mg-15{margin:15px}.mg-20{margin:20px}.mg-25{margin:25px}.mg-30{margin:30px}.mg-35{margin:35px}.mg-40{margin:40px}.mg-50{margin:50px}

/*内填充 padding
  Explain:    .pd表示内填充|.pt表示上填充|.pb表示下填充|.pl表示左填充|.pr表示右填充
*/
.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-15{padding-top:15px}.pt-20{padding-top:20px}.pt-25{padding-top:25px}.pt-30{padding-top:30px}.pt-35{padding-top:35px}.pt-40{padding-top:40px}.pt-50{padding-top:50px}
.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}.pb-25{padding-bottom:25px}.pb-30{padding-bottom:30px}.pb-35{padding-bottom:35px}.pb-40{padding-bottom:40px}.pb-50{padding-bottom:50px}
.pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-15{padding-left:15px}.pl-20{padding-left:20px}.pl-25{padding-left:25px}.pl-30{padding-left:30px}.pl-35{padding-left:35px}.pl-40{padding-left:40px}.pl-50{padding-left:50px}
.pr-5{padding-right:5px}.pr-10{padding-right:10px}.pr-15{padding-right:15px}.pr-20{padding-right:20px}.pr-25{padding-right:25px}.pr-30{padding-right:30px}.pr-35{padding-right:35px}.pr-40{padding-right:40px}.pr-50{padding-right:50px}
.pd-5{padding:5px}.pd-10{padding:10px}.pd-15{padding:15px}.pd-20{padding:20px}.pd-25{padding:25px}.pd-30{padding:30px}.pd-35{padding:35px}.pd-40{padding:40px}.pd-45{padding:45px}.pd-50{padding:50px}


/*内容头部样式 */
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}

/* 内容样式 */
.content {
  position: relative;
  font-size: 14px;
  line-height: 1.6;
  overflow: hidden;
  text-align: left;
}
.content p {
  text-indent: 2em;
}
.content img {
  max-width: 100%;
}

/* 列表， ul 无序列表， ol 有序列表 */
ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul, ol ul, ul ol, ol ol {
  margin-bottom: 0;
}
/* 无样式列表 */
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
/* 内联列表，所有元素放置同一行 */
.list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

/* 描述，.dl-horizontal 水平描述，默认不加为垂直模式 */
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt, dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
.dl-horizontal dt{
  float: left;
  width: 160px;
  overflow: hidden;
  clear: left;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dl-horizontal dd {
  margin-left: 180px;
}

/* 缩写，缩略语 */
abbr[title], abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
} /* 缩小字体 */

/* 引用 */
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}
blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote small, blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #999;
}
blockquote footer:before, blockquote small:before, blockquote .small:before {
  content: '\2014 \00A0';
}
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eee;
  border-left: 0;
}
blockquote.pull-right footer:before, blockquote.pull-right small:before, blockquote.pull-right .small:before {
  content: '';
}
blockquote.pull-right footer:after, blockquote.pull-right small:after, blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}

/* 地址 */
address {
  display: block;
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}

/* 代码 */
code, kbd, pre, samp {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
} /* 内联代码 */
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
} /* 用户输入 */
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  -webkit-box-shadow: none;
          box-shadow: none;
} /* 用户输入 */
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
} /* 代码块 */
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}

/* 表格 */
/* 默认表格，无样式, 仅仅有列和行 */
table {
  background-color: transparent;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #999;
  text-align: left;
}
th {
  text-align: left;
}
/* .table样式，行与行之间以水平线相隔 */
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > th, .table > tbody > tr >td, .table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
/* 带边框的表格 为所有表格的单元格添加边框 */
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
/*
.table-bordered th, .table-bordered td {
  border: 1px solid #ddd;
}
*/
/* 设置表格标题部分线条加粗至 2px
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
*/
/* 条纹状表格 在 <tbody> 内添加斑马线形式的条纹 ( IE8 不支持) */
.table-striped > tbody > tr:nth-child(odd) {
  background-color: #f9f9f9;
}
/* 鼠标悬停表格 在 <tbody> 内的任一行启用鼠标悬停状态 */
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
/* 紧凑表格 让表格更加紧凑 竖直方向padding缩减一半 */
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
  padding: 5px;
}
/*
.table-condensed th, .table-condensed td {
  padding: 5px;
}
*/
/* 表格状态 定义颜色 */
/* .active 将悬停的颜色应用在行或者单元格上 */
.table tr > td.active, .table tr > th.active, .table tr.active > td, .table tr.active > th {
  background-color: #f5f5f5;
}
/* .success 表示一个成功的或积极的动作 */
.table tr > td.success, .table tr > th.success, .table tr.success > td, .table tr.success > th {
  background-color: #dff0d8;
}
/* .info 表示一个普通的提示信息或动作 */
.table tr > td.info, .table tr > th.info, .table tr.info > td, .table tr.info > th {
  background-color: #d9edf7;
}
/* .warning 表示一个需要注意的警告 */
.table tr > td.warning, .table tr > th.warning, .table tr.warning > td, .table tr.warning > th {
  background-color: #fcf8e3;
}
/* .danger 表示一个危险的或潜在的负面动作 */
.table tr > td.danger, .table tr > th.danger, .table tr.danger > td, .table tr.danger > th {
  background-color: #f2dede;
}
/* 响应式表格 table-responsive */


/* 表单 */
/* 垂直或基本表单 */
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="radio"], input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9; /* \9 针对所有的Ie浏览器 */
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple], select[size] {
  height: auto;
}
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}
/* 默认表单状态 */
.input-text {
  display: block;
  width: 100%;
  height: 34px;
  padding:6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.input-text:hover {
  border: 1px solid #b3b3b3;
}
.input-text:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.input-text::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.input-text:-ms-input-placeholder {
  color: #999;
}
.input-text::-webkit-input-placeholder {
  color: #999;
}
.input-text[disabled], .input-text[readonly], fieldset[disabled] .input-text {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}
textarea.input-text {
  height: auto;
}
.input-upload {

}

.form-group {
  margin-bottom: 15px;
}
.radio, .checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label, .checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}


.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #428bca;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #2a6496;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #428bca;
  border-color: #428bca;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}