@charset "UTF-8";
.container, img {
  box-sizing: border-box
}

.nav li, .navbar, .navbar li {
  position: relative
}

.dropdown-menu li.disabled, table > tfoot {
  font-style: italic
}

.breadcrumb, .list-unstyled, .nav li, .navbar li {
  list-style: none
}

.breadcrumb:after, .button-group:after, .clearfix:after, .container-fluid:after, .container:after, .navbar .navbar-header:after, .navbar:after, .row:after {
  clear: both
}

.visible-lg, .visible-lg-down, .visible-lg-up, .visible-md, .visible-md-down, .visible-md-up, .visible-sm, .visible-sm-down, .visible-sm-up, .visible-xs, .visible-xs-down, .visible-xs-up {
  display: none
}

@media (min-width: 768px) and (max-width: 959px) {
  .visible-sm {
    display: block
  }
}

@media (min-width: 960px) and (max-width: 1199px) {
  .visible-md {
    display: block
  }
}

@media (min-width: 767px) {
  .visible-xs-up {
    display: block
  }
}

@media (min-width: 959px) {
  .visible-sm-up {
    display: block
  }
}

@media (min-width: 1199px) {
  .visible-md-up {
    display: block
  }
}

@media (min-width: 1200px) {
  .visible-lg, .visible-lg-up {
    display: block
  }
}

@media (max-width: 1px) {
  .visible-xs-down {
    display: block
  }
}

@media (max-width: 768px) {
  .visible-sm-down {
    display: block
  }
}

@media (max-width: 960px) {
  .visible-md-down {
    display: block
  }
}

@media (max-width: 1200px) {
  .visible-lg-down {
    display: block
  }
}

@media (max-width: 767px) {
  .visible-xs {
    display: block
  }

  .hidden-xs {
    display: none
  }
}

@media (min-width: 768px) and (max-width: 959px) {
  .hidden-sm {
    display: none
  }
}

@media (min-width: 960px) and (max-width: 1199px) {
  .hidden-md {
    display: none
  }
}

@media (min-width: 767px) {
  .hidden-xs-up {
    display: none
  }
}

@media (min-width: 959px) {
  .hidden-sm-up {
    display: none
  }
}

@media (min-width: 1199px) {
  .hidden-md-up {
    display: none
  }
}

@media (min-width: 1200px) {
  .hidden-lg, .hidden-lg-up {
    display: none
  }
}

@media (max-width: 1px) {
  .hidden-xs-down {
    display: none
  }
}

@media (max-width: 768px) {
  .hidden-sm-down {
    display: none
  }
}

@media (max-width: 960px) {
  .hidden-md-down {
    display: none
  }
}

@media (max-width: 1200px) {
  .hidden-lg-down {
    display: none
  }
}

.visible-print {
  display: none
}

@media print {
  .visible-print {
    display: block
  }

  .hidden-print {
    display: none
  }
}

.show {
  display: block !important
}

.hidden {
  display: none !important
}

.invisible {
  visibility: hidden
}

.float-left {
  float: left !important
}

.float-right {
  float: right !important
}

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

.block-center {
  display: block;
  margin-left: auto;
  margin-right: auto
}

.text-left {
  text-align: left
}

.text-center {
  text-align: center
}

.text-right {
  text-align: right
}

.text-indent {
  text-indent: 2em
}

.text-primary {
  color: #267
}

.text-success {
  color: #7B0
}

.text-info {
  color: #39D
}

.text-warning {
  color: #F80
}

.text-danger {
  color: #D33
}

.bg-primary {
  background-color: #278;
  color: #FFF;
  padding: 1em
}

.bg-success {
  background-color: #dff0d8;
  color: #006400;
  padding: 1em
}

.bg-info {
  background-color: #d9edf7;
  color: #4682B4;
  padding: 1em
}

.bg-warning {
  background-color: #fcf8e3;
  color: sienna;
  padding: 1em
}

.bg-danger {
  background-color: #f2dede;
  color: #B22222;
  padding: 1em
}

.m-t {
  margin-top: 15px !important
}

.m-t-xs {
  margin-top: 10px !important
}

.m-t-sm {
  margin-top: 20px !important
}

.m-t-md {
  margin-top: 30px !important
}

.m-t-lg {
  margin-top: 45px !important
}

.m-r {
  margin-right: 15px !important
}

.m-r-xs {
  margin-right: 10px !important
}

.m-r-sm {
  margin-right: 20px !important
}

.m-r-md {
  margin-right: 30px !important
}

.m-r-lg {
  margin-right: 45px !important
}

.m-b {
  margin-bottom: 15px !important
}

.m-b-xs {
  margin-bottom: 10px !important
}

.m-b-sm {
  margin-bottom: 20px !important
}

.m-b-md {
  margin-bottom: 30px !important
}

.m-b-lg {
  margin-bottom: 45px !important
}

.m-l {
  margin-left: 15px !important
}

.m-l-xs {
  margin-left: 10px !important
}

.m-l-sm {
  margin-left: 20px !important
}

.m-l-md {
  margin-left: 30px !important
}

.m-l-lg {
  margin-left: 45px !important
}

.m-n {
  margin: 0 !important
}

.p-t {
  padding-top: 15px !important
}

.p-t-xs {
  padding-top: 10px !important
}

.p-t-sm {
  padding-top: 20px !important
}

.p-t-md {
  padding-top: 30px !important
}

.p-t-lg {
  padding-top: 45px !important
}

.p-r {
  padding-right: 15px !important
}

.p-r-xs {
  padding-right: 10px !important
}

.p-r-sm {
  padding-right: 20px !important
}

.p-r-md {
  padding-right: 30px !important
}

.p-r-lg {
  padding-right: 45px !important
}

.p-b {
  padding-bottom: 15px !important
}

.p-b-xs {
  padding-bottom: 10px !important
}

.p-b-sm {
  padding-bottom: 20px !important
}

.p-b-md {
  padding-bottom: 30px !important
}

.p-b-lg {
  padding-bottom: 45px !important
}

.p-l {
  padding-left: 15px !important
}

.p-l-xs {
  padding-left: 10px !important
}

.p-l-sm {
  padding-left: 20px !important
}

.p-l-md {
  padding-left: 30px !important
}

.p-l-lg {
  padding-left: 45px !important
}

.p-n {
  padding: 0 !important
}

.badge {
  border-radius: 3px;
  padding: 2px 6px;
  font-size: 80%;
  background-color: #EEE;
  color: #267
}

.badge-danger, .badge-info, .badge-primary, .badge-success, .badge-warning {
  border-radius: 3px;
  padding: 2px 6px;
  font-size: 80%;
  color: #FFF
}

.badge-primary {
  background-color: #267
}

.badge-success {
  background-color: #7B0
}

.badge-info {
  background-color: #39D
}

.badge-warning {
  background-color: #F80
}

.badge-danger {
  background-color: #D33
}

.badge-notification {
  border-radius: 1em !important
}

a, img {
  border: none
}

html {
  font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #333
}

body, html {
  margin: 0
}

a {
  text-decoration: none;
  color: #37B
}

a:hover {
  color: #F55
}

::selection {
  background: #FFA;
  color: #333;
  text-shadow: none
}

code {
  color: #A00;
  background: #FEE;
  padding: 2px 5px;
  line-height: 1em;
  margin: 0 3px;
  display: inline-block;
  font-family: Consolas, Monaco, 'Andale Mono', monospace
}

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

h1, h2, h3, h4, h5, h6 {
  line-height: 1.6em;
  margin: .5em 0;
  font-weight: 400
}

ol li, p, ul li {
  line-height: 1.8em
}

h1 {
  font-size: 38px
}

h2 {
  font-size: 26px
}

h3 {
  font-size: 20px
}

h4 {
  font-size: 18px
}

h5 {
  font-size: 16px
}

h6 {
  font-size: 14px
}

hr {
  border-color: #ddd;
  border-width: 0 0 1px
}

p {
  margin: 1em 0 1.5em
}

sub, sup {
  font-size: 12px
}

small {
  font-size: 70%;
  color: #777
}

ol, ul {
  margin: 1em 0;
  padding-left: 1.5em
}

.list-unstyled {
  padding: 0
}

dl, dl.dl-horizontal {
  margin: 1em 0;
  line-height: 1.8em
}

dl dt, dl.dl-horizontal dt {
  font-weight: 700
}

dl dd, dl.dl-horizontal dd {
  margin: 0
}

dl.dl-horizontal dt {
  width: 160px;
  float: left
}

dl.dl-horizontal dd {
  padding-left: 190px
}

img {
  max-width: 100%;
  height: auto
}

img.img-rounded {
  border-radius: 1em
}

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

img.img-thumbnail {
  border: 1px solid #ddd;
  padding: 5px;
  background: #FFF
}

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

img.img-preserve {
  max-width: auto
}

@media (min-width: 768px) {
  .container {
    width: 738px
  }
}

@media (min-width: 960px) {
  .container {
    width: 930px
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1170px
  }
}

.container-fluid {
  box-sizing: border-box
}

.col-xs-1-10, .col-xs-1-12, .col-xs-10-10, .col-xs-10-12, .col-xs-11-12, .col-xs-12-12, .col-xs-2-10, .col-xs-2-12, .col-xs-3-10, .col-xs-3-12, .col-xs-4-10, .col-xs-4-12, .col-xs-5-10, .col-xs-5-12, .col-xs-6-10, .col-xs-6-12, .col-xs-7-10, .col-xs-7-12, .col-xs-8-10, .col-xs-8-12, .col-xs-9-10, .col-xs-9-12 {
  padding: 0 15px;
  box-sizing: border-box;
  float: left
}

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

.col-xs-1-12 {
  width: 8.33333%
}

.col-xs-2-12 {
  width: 16.66667%
}

.col-xs-3-12 {
  width: 25%
}

.col-xs-4-12 {
  width: 33.33333%
}

.col-xs-5-12 {
  width: 41.66667%
}

.col-xs-6-12 {
  width: 50%
}

.col-xs-7-12 {
  width: 58.33333%
}

.col-xs-8-12 {
  width: 66.66667%
}

.col-xs-9-12 {
  width: 75%
}

.col-xs-10-12 {
  width: 83.33333%
}

.col-xs-11-12 {
  width: 91.66667%
}

.col-xs-12-12 {
  width: 100%
}

@media (min-width: 768px) {
  .col-sm-1-12 {
    width: 8.33333%
  }

  .col-sm-2-12 {
    width: 16.66667%
  }

  .col-sm-3-12 {
    width: 25%
  }

  .col-sm-4-12 {
    width: 33.33333%
  }

  .col-sm-5-12 {
    width: 41.66667%
  }

  .col-sm-6-12 {
    width: 50%
  }

  .col-sm-7-12 {
    width: 58.33333%
  }

  .col-sm-8-12 {
    width: 66.66667%
  }

  .col-sm-9-12 {
    width: 75%
  }

  .col-sm-10-12 {
    width: 83.33333%
  }

  .col-sm-11-12 {
    width: 91.66667%
  }

  .col-sm-12-12 {
    width: 100%
  }

  .col-sm-1-12, .col-sm-10-12, .col-sm-11-12, .col-sm-12-12, .col-sm-2-12, .col-sm-3-12, .col-sm-4-12, .col-sm-5-12, .col-sm-6-12, .col-sm-7-12, .col-sm-8-12, .col-sm-9-12 {
    float: left;
    padding: 0 15px;
    box-sizing: border-box;
    flex: none
  }
}

@media (min-width: 960px) {
  .col-md-1-12 {
    width: 8.33333%
  }

  .col-md-2-12 {
    width: 16.66667%
  }

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

  .col-md-4-12 {
    width: 33.33333%
  }

  .col-md-5-12 {
    width: 41.66667%
  }

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

  .col-md-7-12 {
    width: 58.33333%
  }

  .col-md-8-12 {
    width: 66.66667%
  }

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

  .col-md-10-12 {
    width: 83.33333%
  }

  .col-md-11-12 {
    width: 91.66667%
  }

  .col-md-12-12 {
    width: 100%
  }

  .col-md-1-12, .col-md-10-12, .col-md-11-12, .col-md-12-12, .col-md-2-12, .col-md-3-12, .col-md-4-12, .col-md-5-12, .col-md-6-12, .col-md-7-12, .col-md-8-12, .col-md-9-12 {
    float: left;
    padding: 0 15px;
    box-sizing: border-box;
    flex: none
  }
}

@media (min-width: 1200px) {
  .col-lg-1-12 {
    width: 8.33333%
  }

  .col-lg-2-12 {
    width: 16.66667%
  }

  .col-lg-3-12 {
    width: 25%
  }

  .col-lg-4-12 {
    width: 33.33333%
  }

  .col-lg-5-12 {
    width: 41.66667%
  }

  .col-lg-6-12 {
    width: 50%
  }

  .col-lg-7-12 {
    width: 58.33333%
  }

  .col-lg-8-12 {
    width: 66.66667%
  }

  .col-lg-9-12 {
    width: 75%
  }

  .col-lg-10-12 {
    width: 83.33333%
  }

  .col-lg-11-12 {
    width: 91.66667%
  }

  .col-lg-12-12 {
    width: 100%
  }

  .col-lg-1-12, .col-lg-10-12, .col-lg-11-12, .col-lg-12-12, .col-lg-2-12, .col-lg-3-12, .col-lg-4-12, .col-lg-5-12, .col-lg-6-12, .col-lg-7-12, .col-lg-8-12, .col-lg-9-12 {
    float: left;
    padding: 0 15px;
    box-sizing: border-box;
    flex: none
  }
}

.col-xs-1-10 {
  width: 10%
}

.col-xs-2-10 {
  width: 20%
}

.col-xs-3-10 {
  width: 30%
}

.col-xs-4-10 {
  width: 40%
}

.col-xs-5-10 {
  width: 50%
}

.col-xs-6-10 {
  width: 60%
}

.col-xs-7-10 {
  width: 70%
}

.col-xs-8-10 {
  width: 80%
}

.col-xs-9-10 {
  width: 90%
}

.col-xs-10-10 {
  width: 100%
}

@media (min-width: 768px) {
  .col-sm-1-10 {
    width: 10%
  }

  .col-sm-2-10 {
    width: 20%
  }

  .col-sm-3-10 {
    width: 30%
  }

  .col-sm-4-10 {
    width: 40%
  }

  .col-sm-5-10 {
    width: 50%
  }

  .col-sm-6-10 {
    width: 60%
  }

  .col-sm-7-10 {
    width: 70%
  }

  .col-sm-8-10 {
    width: 80%
  }

  .col-sm-9-10 {
    width: 90%
  }

  .col-sm-10-10 {
    width: 100%
  }

  .col-sm-1-10, .col-sm-10-10, .col-sm-2-10, .col-sm-3-10, .col-sm-4-10, .col-sm-5-10, .col-sm-6-10, .col-sm-7-10, .col-sm-8-10, .col-sm-9-10 {
    float: left;
    padding: 0 15px;
    box-sizing: border-box;
    flex: none
  }
}

@media (min-width: 960px) {
  .col-md-1-10 {
    width: 10%
  }

  .col-md-2-10 {
    width: 20%
  }

  .col-md-3-10 {
    width: 30%
  }

  .col-md-4-10 {
    width: 40%
  }

  .col-md-5-10 {
    width: 50%
  }

  .col-md-6-10 {
    width: 60%
  }

  .col-md-7-10 {
    width: 70%
  }

  .col-md-8-10 {
    width: 80%
  }

  .col-md-9-10 {
    width: 90%
  }

  .col-md-10-10 {
    width: 100%
  }

  .col-md-1-10, .col-md-10-10, .col-md-2-10, .col-md-3-10, .col-md-4-10, .col-md-5-10, .col-md-6-10, .col-md-7-10, .col-md-8-10, .col-md-9-10 {
    float: left;
    padding: 0 15px;
    box-sizing: border-box;
    flex: none
  }
}

@media (min-width: 1200px) {
  .col-lg-1-10 {
    width: 10%
  }

  .col-lg-2-10 {
    width: 20%
  }

  .col-lg-3-10 {
    width: 30%
  }

  .col-lg-4-10 {
    width: 40%
  }

  .col-lg-5-10 {
    width: 50%
  }

  .col-lg-6-10 {
    width: 60%
  }

  .col-lg-7-10 {
    width: 70%
  }

  .col-lg-8-10 {
    width: 80%
  }

  .col-lg-9-10 {
    width: 90%
  }

  .col-lg-10-10 {
    width: 100%
  }

  .col-lg-1-10, .col-lg-10-10, .col-lg-2-10, .col-lg-3-10, .col-lg-4-10, .col-lg-5-10, .col-lg-6-10, .col-lg-7-10, .col-lg-8-10, .col-lg-9-10 {
    float: left;
    padding: 0 15px;
    box-sizing: border-box;
    flex: none
  }
}

.col-lg-1-10, .col-lg-1-12, .col-lg-10-10, .col-lg-10-12, .col-lg-11-12, .col-lg-12-12, .col-lg-2-10, .col-lg-2-12, .col-lg-3-10, .col-lg-3-12, .col-lg-4-10, .col-lg-4-12, .col-lg-5-10, .col-lg-5-12, .col-lg-6-10, .col-lg-6-12, .col-lg-7-10, .col-lg-7-12, .col-lg-8-10, .col-lg-8-12, .col-lg-9-10, .col-lg-9-12, .col-md-1-10, .col-md-1-12, .col-md-10-10, .col-md-10-12, .col-md-11-12, .col-md-12-12, .col-md-2-10, .col-md-2-12, .col-md-3-10, .col-md-3-12, .col-md-4-10, .col-md-4-12, .col-md-5-10, .col-md-5-12, .col-md-6-10, .col-md-6-12, .col-md-7-10, .col-md-7-12, .col-md-8-10, .col-md-8-12, .col-md-9-10, .col-md-9-12, .col-sm-1-10, .col-sm-1-12, .col-sm-10-10, .col-sm-10-12, .col-sm-11-12, .col-sm-12-12, .col-sm-2-10, .col-sm-2-12, .col-sm-3-10, .col-sm-3-12, .col-sm-4-10, .col-sm-4-12, .col-sm-5-10, .col-sm-5-12, .col-sm-6-10, .col-sm-6-12, .col-sm-7-10, .col-sm-7-12, .col-sm-8-10, .col-sm-8-12, .col-sm-9-10, .col-sm-9-12, .col-xs-1-10, .col-xs-1-12, .col-xs-10-10, .col-xs-10-12, .col-xs-11-12, .col-xs-12-12, .col-xs-2-10, .col-xs-2-12, .col-xs-3-10, .col-xs-3-12, .col-xs-4-10, .col-xs-4-12, .col-xs-5-10, .col-xs-5-12, .col-xs-6-10, .col-xs-6-12, .col-xs-7-10, .col-xs-7-12, .col-xs-8-10, .col-xs-8-12, .col-xs-9-10, .col-xs-9-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  flex: none
}

table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
  border-bottom: 1px solid #ddd
}

table > tbody > tr > td, table > tbody > tr > th, table > tfoot > tr > td, table > tfoot > tr > th, table > thead > tr > td, table > thead > tr > th {
  padding: 1em;
  text-align: left;
  border-bottom: 1px solid #ddd
}

table > thead > tr > td, table > thead > tr > th {
  border-bottom-width: 2px
}

table > tfoot {
  color: #888
}

.button, .button:hover {
  color: #333
}

.table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
  border: 1px solid #ddd
}

.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
  border-bottom-width: 2px
}

.table-unstyled, .table-unstyled > tbody > tr > td, .table-unstyled > tbody > tr > th, .table-unstyled > tfoot > tr > td, .table-unstyled > tfoot > tr > th, .table-unstyled > thead > tr > td, .table-unstyled > thead > tr > th {
  border: none
}

.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
  padding: .5em
}

.button, .button-danger, .button-info, .button-primary, .button-success, .button-warning {
  box-sizing: border-box;
  padding: .5em 1em;
  font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  word-spacing: normal;
  font-size: 14px
}

.table-striped tbody > tr:nth-of-type(odd) {
  background: #fafafa
}

.button, .table-hover tbody > tr:hover {
  background: #F2F2F2
}

.button {
  border: 1px solid #e1e1e1
}

.button-danger, .button-danger:hover, .button-info:hover, .button-primary, .button-primary:hover, .button-success, .button-success:hover, .button-warning, .button-warning:hover {
  color: #FFF
}

.button.active, .button:hover {
  background: #fff;
  border: 1px solid #F2F2F2
}

.button-primary {
  background: #267;
  border: 1px solid #156
}

.button-primary.active, .button-primary:hover {
  background: #378;
  border: 1px solid #267
}

.button-success {
  background: #7B0;
  border: 1px solid #6a0
}

.button-success.active, .button-success:hover {
  background: #8c1;
  border: 1px solid #7B0
}

.button-info {
  color: #FFF;
  background: #39D;
  border: 1px solid #28c
}

.button-info.active, .button-info:hover {
  background: #4ae;
  border: 1px solid #39D
}

.button-warning {
  background: #F80;
  border: 1px solid #e70
}

.button-warning.active, .button-warning:hover {
  background: #f91;
  border: 1px solid #F80
}

.button-danger {
  background: #D33;
  border: 1px solid #c22
}

.button-danger.active, .button-danger:hover {
  background: #e44;
  border: 1px solid #D33
}

.button-xs {
  font-size: 12px;
  padding: 1px 5px
}

.button-sm {
  font-size: 12px;
  padding: 5px 10px
}

.button-md {
  font-size: 22px
}

.button-lg {
  font-size: 30px
}

button[disabled], button[disabled]:hover {
  color: #AAA;
  background-color: #EEE;
  border-color: #DDD;
  cursor: not-allowed
}

.nav li > a, .navbar li > a {
  display: block;
  line-height: 20px
}

.button-group button {
  float: left;
  margin-left: -1px
}

.button-group button:first-child {
  margin-left: 0
}

.nav {
  margin: 0;
  padding: 0
}

.nav li > a {
  padding: 15px;
  color: #333
}

.nav li > a:hover {
  color: #000
}

.navbar {
  padding: 0;
  margin: 0;
  background: #F2F2F2
}

.navbar li.active {
  background: #e1e1e1
}

.navbar li > a {
  padding: 15px;
  color: #333
}

.navbar li > a:hover {
  color: #000
}

.navbar .navbar-header {
  float: left
}

.navbar .navbar-header:after, .navbar .navbar-header:before {
  content: " ";
  display: table
}

.navbar .navbar-header .navbar-logo {
  float: left;
  height: 20px;
  margin: 15px;
  line-height: 20px;
  font-weight: 700
}

.navbar .navbar-header .navbar-toggle {
  margin: 10px 15px;
  height: 30px;
  border: 1px solid #ddd;
  padding: 6px 10px;
  display: none
}

.navbar .navbar-nav {
  list-style-type: none;
  padding: 0;
  margin: 0;
  float: left
}

.navbar .navbar-nav li {
  float: left
}

.navbar .navbar-right {
  float: right
}

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

.dropdown-menu {
  position: absolute;
  padding: 5px 0;
  margin: 0;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, .2);
  background: #FFF;
  box-shadow: 0 6px 8px rgba(0, 0, 0, .2);
  min-width: 160px;
  display: none;
  z-index: 999
}

.dropdown-menu li {
  float: none !important
}

.dropdown-menu li.header {
  padding: 6px 15px;
  margin: 0;
  font-weight: 700;
  color: #555
}

.dropdown-menu li.disabled, .dropdown-menu li.disabled a {
  color: #DDD;
  cursor: not-allowed
}

.dropdown-menu li.disabled a:hover {
  background: 0 0
}

.dropdown-menu li.active, .dropdown-menu li.active a {
  background: #e1e1e1
}

.dropdown-menu li.divider {
  margin: 5px 0;
  border-top: 1px solid #ddd;
  line-height: 0;
  height: 0
}

.dropdown-menu li a {
  color: #333;
  display: block;
  padding: 6px 15px
}

.dropdown-menu li a:hover {
  background: #e9e9e9
}

.navbar-default {
  background: #F2F2F2;
  border: 1px solid #ddd
}

.navbar-default li.active {
  background: #e1e1e1
}

.navbar-inverse {
  color: #F2F2F2;
  background: #267;
  border: none
}

.navbar-inverse li.active, .navbar-inverse li.active > a {
  background: #045 !important
}

.navbar-inverse li > a {
  color: #F2F2F2
}

.navbar-inverse li > a:hover {
  color: #fff;
  background: #195d6e
}

.navbar-inverse li .dropdown-menu li {
  background: #FFF
}

.navbar-inverse li .dropdown-menu li > a {
  color: #267
}

.navbar-inverse li .dropdown-menu li.active > a, .navbar-inverse li .dropdown-menu li > a:hover {
  color: #FFF
}

.navbar-inverse li .dropdown-menu li.disabled > a {
  color: #DDD
}

@media (max-width: 479px) {
  .navbar-xs .navbar-header, .navbar-xs .navbar-nav, .navbar-xs .navbar-nav li {
    float: none
  }

  .navbar-xs .navbar-header:after, .navbar-xs .navbar-header:before {
    content: " ";
    display: table
  }

  .navbar-xs .navbar-header:after {
    clear: both
  }

  .navbar-xs .navbar-header .navbar-toggle {
    display: block
  }

  .navbar-xs .dropdown-menu {
    position: relative;
    box-shadow: none;
    border: none;
    background: #F2F2F2;
    color: #333
  }

  .navbar-xs .dropdown-menu li.header {
    padding-left: 20px
  }

  .navbar-xs .dropdown-menu li a {
    color: #333;
    padding-left: 20px
  }

  .navbar-xs .dropdown-menu li a:hover {
    background: 0 0
  }
}

@media (max-width: 767px) {
  .navbar-sm .navbar-header, .navbar-sm .navbar-nav, .navbar-sm .navbar-nav li {
    float: none
  }

  .navbar-sm .navbar-header:after, .navbar-sm .navbar-header:before {
    content: " ";
    display: table
  }

  .navbar-sm .navbar-header:after {
    clear: both
  }

  .navbar-sm .navbar-header .navbar-toggle {
    display: block
  }

  .navbar-sm .dropdown-menu {
    position: relative;
    box-shadow: none;
    border: none;
    background: #F2F2F2;
    color: #333
  }

  .navbar-sm .dropdown-menu li.header {
    padding-left: 20px
  }

  .navbar-sm .dropdown-menu li a {
    color: #333;
    padding-left: 20px
  }

  .navbar-sm .dropdown-menu li a:hover {
    background: 0 0
  }
}

@media (max-width: 959px) {
  .navbar-md .navbar-header, .navbar-md .navbar-nav, .navbar-md .navbar-nav li {
    float: none
  }

  .navbar-md .navbar-header:after, .navbar-md .navbar-header:before {
    content: " ";
    display: table
  }

  .navbar-md .navbar-header:after {
    clear: both
  }

  .navbar-md .navbar-header .navbar-toggle {
    display: block
  }

  .navbar-md .dropdown-menu {
    position: relative;
    box-shadow: none;
    border: none;
    background: #F2F2F2;
    color: #333
  }

  .navbar-md .dropdown-menu li.header {
    padding-left: 20px
  }

  .navbar-md .dropdown-menu li a {
    color: #333;
    padding-left: 20px
  }

  .navbar-md .dropdown-menu li a:hover {
    background: 0 0
  }
}

@media (max-width: 1199px) {
  .navbar-lg .navbar-header, .navbar-lg .navbar-nav, .navbar-lg .navbar-nav li {
    float: none
  }

  .navbar-lg .navbar-header:after, .navbar-lg .navbar-header:before {
    content: " ";
    display: table
  }

  .navbar-lg .navbar-header:after {
    clear: both
  }

  .navbar-lg .navbar-header .navbar-toggle {
    display: block
  }

  .navbar-lg .dropdown-menu {
    position: relative;
    box-shadow: none;
    border: none;
    background: #F2F2F2;
    color: #333
  }

  .navbar-lg .dropdown-menu li.header {
    padding-left: 20px
  }

  .navbar-lg .dropdown-menu li a {
    color: #333;
    padding-left: 20px
  }

  .navbar-lg .dropdown-menu li a:hover {
    background: 0 0
  }
}

.breadcrumb {
  padding: 0;
  margin: .6em 0
}

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

.breadcrumb li {
  float: left;
  margin-right: 1.6em;
  position: relative
}

.breadcrumb li:after {
  content: '/';
  position: absolute;
  right: -1.2em;
  font-size: .5em;
  color: #999
}

.breadcrumb li:last-child {
  overflow: hidden
}

html {
  font-size: 14px;
}

a {
  color: #333;
}

a:hover {
  color: #333;
}

/*导航*/
.navbar {
  background: #f2f2f2;
}

.navbar .navbar-logo {
  float: left;
  margin-top: 0;
  margin-left: 0;
  margin-right: 15px;
  margin-bottom: 0;
  padding-left: 0;
}

.navbar .navbar-logo li {
  float: left;
  height: 36px;
  padding-top: 12px;
}

.navbar .navbar-logo li a {
  padding: 0;
  opacity: 0.8;
}

.navbar .navbar-logo li a:hover {
  opacity: 1;
}
/*
.navbar .navbar-logo li.separate {
  border-right: 1px solid #aaa;
  margin: 7px 15px;
  height: 22px;
}
*/
.navbar .navbar-logo li a img {
  height: 28px;
  width: auto;
}

.navbar form.search {
  float: right;
  margin: 8px 0;
}

.navbar form.search * {
  float: left;
  height: 34px;
  box-sizing: border-box;
}

.navbar form.search .input-sx {
  float: left;
  padding: 6px 12px;
  width: 200px;
  border: 1px solid #ccc;
  border-right-width: 0;
  border-radius: 2px 0 0 2px;
}

.navbar form.search .input-sx:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.navbar form.search button {
  float: left;
  border-radius: 0 2px 2px 0;
}

/*面包屑导航*/
.breadcrumb {
  margin-top: 0.6em;
  margin-bottom: 0.6em;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

.breadcrumb a {
  float: left;
  margin-right: 1.6em;
  position: relative;
}

.breadcrumb a:after {
  content: '/';
  position: absolute;
  right: -1.2em;
  font-size: 0.5em;
  color: #999;
}

.breadcrumb a:last-child {
  overflow: hidden;
}

.box-title {
  margin: 15px 0;
  border-bottom: 1px solid #ddd;
}

.box-title:before, .box-title:after {
  content: " ";
  display: table;
}

.box-title:after {
  clear: both;
}

.box-title h2 {
  float: left;
  margin: 0;
  padding-right: 15px;
  line-height: 30px;
  font-size: 30px;
  position: relative;
  color: #39d;
}

.box-title h2:after {
  content: "";
  position: absolute;
  border-bottom: 1px solid #FFF;
  left: 0;
  right: 0;
  bottom: -1px;
}

.box-title span {
  float: left;
  line-height: 20px;
  margin-top: 10px;
  color: #888;
}

/* 呈现一个视频风格的稿件 */
.video {
  background: #F2F6F8;
  display: block;
  transition: all 0.3s;
}

.video .img {
  position: relative;
}

.video .img img {
  display: block;
}

.video .img .time {
  position: absolute;
  bottom: 0;
  left: 0.5em;
  text-align: right;
  right: 0.5em;
  color: #FFF;
  z-index: 5;
}

.video .img .time:before, .video .img .time:after {
  content: "";
  position: absolute;
  border-style: solid;
}

.video .img .time:after {
  width: 18px;
  height: 18px;
  border-width: 2px;
  border-color: #FFF;
  border-radius: 50%;
  left: 0;
  bottom: 0.5em;
}

.video .img .time:before {
  left: 5px;
  bottom: 1em;
  border-width: 4px;
  border-color: #FFF #FFF transparent transparent;
  transition: all 0.3s;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.video .img:after {
  content: "";
  position: absolute;
  background: linear-gradient(transparent, #000 80%);
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  -webkit-transition: opacity .2s;
  -o-transition: opacity .2s;
  transition: opacity .2s;
  z-index: 1;
}

.video:hover {
  background: #e2e6e8;
  box-shadow: 0 0 15px #333;
}

.video:hover .img:after {
  opacity: 0.8;
}

.video:hover .img .time {
  color: yellowgreen;
}

.video:hover .img .time:after {
  border-color: yellowgreen;
}

.video:hover .img .time:before {
  border-color: yellowgreen yellowgreen transparent transparent;
}

.video-single {
  margin-bottom: 30px;
}

.video-single .title {
  line-height: 40px;
  display: block;
  padding: 0 0.5em;
}

.video-single .img .time {
  font-size: 18px;
  bottom: 0.5em;
}

.video-single .img .time:before {
  border-width: 5px;
  left: 10px;
  bottom: 20px;
}

.video-single .img .time:after {
  width: 30px;
  height: 30px;
}

.video-list {
  margin-top: 0;
  margin-bottom: 0;
}

.video-list li a, .video-list li img, .video-list li span {
  display: block;
}

.video-list li a {
  margin-bottom: 30px;
}

.video-list li a .title {
  height: 3em;
  line-height: 1.5em;
  margin: 0 0.5em 15px 0;
  padding: 0.5em;
  word-break: break-all;

}
.video-list li a .title i{
    font-style: normal;
     /* 溢出部分隐藏 */
overflow: hidden;
/* 溢出部分用省略号代替 */
text-overflow: ellipsis;
/* 弹性伸缩盒子模型显示 */
display: -webkit-box;
/* 限制一个块元素显示的文本行数 */
-webkit-line-clamp: 2;
/* 设置伸缩盒对象子元素的排列方式 */
-webkit-box-orient: vertical;
 }

.video-list-toggle li.active a {
  position: relative;
}

.video-list-toggle li.active a .img {
  height: auto;
}

.video-list-toggle li.active a .img:after {
  display: block;
}

.video-list-toggle li.active a .img img {
  width: 100%;
  display: block;
}

.video-list-toggle li.active a .img .time {
  line-height: 2em;
  padding: 0.5em;
}

.video-list-toggle li.active a .img .time:before {
  bottom: 3em;
}

.video-list-toggle li.active a .img .time:after {
  bottom: 2.5em;
}

.video-list-toggle li.active a .title {
  position: absolute;
  bottom: 0.5em;
  left: 0.5em;
  right: 0;
  margin: 0;
  color: #FFF;
  z-index: 10;
  line-height: 2em;
  height: 2em;
}

.video-list-toggle li a {
  position: relative;
  margin-bottom: 10px;
}

.video-list-toggle li a .img {
  height: 53px;
}

.video-list-toggle li a .img:after {
  display: none;
}

.video-list-toggle li a .img img {
  display: none;
}

.video-list-toggle li a .img .time {
  line-height: 2.8em;
  padding: 0.5em;
  color: yellowgreen;
}

.video-list-toggle li a .img .time:before {
  bottom: 1.5em;
  border-color: #888 #888 transparent transparent;
}

.video-list-toggle li a .img .time:after {
  bottom: 1em;
  border-color: #888;
}

.video-list-toggle li a .title {
  position: absolute;
  overflow: hidden;
  bottom: 0;
  left: 3em;
  right: 4em;
  margin: 0;
  padding: 0;
  z-index: 10;
  line-height: 53px;
  height: 53px;
}

/*jumbotron*/
.jumbotron {
  height: 340px;
  overflow: hidden;
  position: relative;
  background: #333;
}

.jumbotron ul.i-banner {
  height: 340px;
  width: 100%;
  margin: 0;
}

.jumbotron ul.i-banner li {
  width: 100%;
  height: 340px;
  position: absolute;
  left: 0;
  z-index: 0;
}

.jumbotron ul.i-banner li.i-1 {
  background: url("../img/1.jpeg") center 0;
}

.jumbotron ul.i-banner li.i-2 {
  background: url("../img/2.jpeg") center 0;
}

.jumbotron ul.i-banner li.i-3 {
  background: url("../img/3.jpeg") center 0;
}

.jumbotron ul.i-banner li.i-4 {
  background: url("../img/4.jpeg") center 0;
}

.jumbotron ul.i-banner li.i-5 {
  background: url("../img/5.jpeg") center 0;
}

.jumbotron ul.i-banner li.i-6 {
  background: url("../img/6.jpeg") center 0;
}

.jumbotron ul.i-banner li.i-7 {
  background: url("../img/7.jpeg") center 0;
}

.jumbotron ul.i-banner li.i-8 {
  background: url("../img/8.jpeg") center 0;
}

.jumbotron ul.i-banner li.i-9 {
  background: url("../img/9.jpeg") center 0;
}

.jumbotron ul.i-banner li.i-10 {
  background: url("../img/10.jpeg") center 0;
}

.jumbotron ul.i-banner li.i-11 {
  background: url("../img/11.jpeg") center 0;
}

.jumbotron ul.i-banner li.i-12 {
  background: url("../img/12.jpeg") center 0;
}

.jumbotron a.prev, .jumbotron a.next {
  height: 340px;
  width: 150px;
  position: absolute;
  z-index: 20;
  top: 0;
  opacity: 0.5;
  filter: alpha(opacity=50); /* display:none;*/
}

.jumbotron a.prev {
  left: 0;
  background: url(../img/sprite-ui.gif) 0 145px no-repeat;
}

.jumbotron a.next {
  right: 0;
  background: url(../img/sprite-ui.gif) -150px 145px no-repeat;
}

.jumbotron a.prev:hover, .jumbotron a.next:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.jumbotron .i-banner-btn {
  padding: 0;
  list-style: none;
  margin: -60px -5px 0 -5px;
  position: relative;
  z-index: 50;
}

.jumbotron .i-banner-btn li {
  width: 14%;
  float: left;
  margin: 0;
  padding: 3px;
  box-sizing: border-box;
  transition: all 0.3s;
  opacity: 0.6;
}

.jumbotron .i-banner-btn li img {
  display: block;
  cursor: pointer;
}

.jumbotron .i-banner-btn li.selected {
  width: 15%;
  margin-top: -2%;
  box-shadow: 0 0 15px #000;
  opacity: 1;
}

.main-nav {
  background: #267;
  list-style: none;
  padding: 0;
  margin: 1em 0;
}

.main-nav:before, .main-nav:after {
  content: " ";
  display: table;
}

.main-nav:after {
  clear: both;
}

.main-nav li {
  float: left;
}

.main-nav li a {
  color: #FFF;
  padding: 1em 14px;
  display: block;
}

.main-nav li a:hover {
  background: #256;
}

.main-nav li a.active {
  background: #145;
  padding: 1em 14px;
}

@media (max-width: 1200px) {
  .main-nav .w7 {
    display: none;
  }
}

@media (max-width: 959px) {
  .main-nav {
    padding: 1em;
  }

  .main-nav li {
    width: 16%;
  }

  .main-nav li a {
    padding: 0.5em;
  }

  .main-nav .w5 {
    width: 16%;
  }

  .main-nav .w7 {
    width: 18%;
    display: block;
  }
}

@media (max-width: 767px) {
  .main-nav {
    padding: 1em;
  }

  .main-nav li {
    width: 33.333%;
  }

  .main-nav li a {
    padding: 0 0.5em;
  }

  .main-nav .w5 {
    width: 33.333%;
  }

  .main-nav .w7 {
    display: none;
  }
}

/* 页脚 */
.footer {
  padding: 30px 0;
  border-top: 1px solid #EEE;
  background: #f2f2f2;
  color: #888;
  text-align: center;
}

.footer a {
  color: #222;
}

.footer em {
  margin: 0 6px;
}


/* 菜单 */
.side-menu {
  position: fixed;
  top: 0;
  left: -250px;
  z-index: 30;
  padding: 0;
  width: 250px;
  height: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  background: #333;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
  transition: all .5s;
  overflow-y: auto;
}

.side-menu.active {
  left: 0;
}

.side-menu ul.menu {
  overflow: hidden;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
}

.side-menu > ul > li, .side-menu li.parent {
  display: block;
  width: 100%;
  height: auto;
  transition: all .45s;
}

.side-menu > ul > li > a, .side-menu li.parent > a {
  position: relative;
  display: block;
  padding: 0;
  height: 44px;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  color: #ccc;
  text-indent: 1rem;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  line-height: 45px;
  transition: all .45s;
}

.side-menu li.parent > a:hover {
  background: rgba(255, 255, 255, 0.05);
  text-decoration: none;
}

.side-menu li.parent > a:after {
  position: absolute;
  top: 18px;
  right: 1rem;
  width: 8px;
  height: 8px;
  border: 1px solid #ddd;
  border-width: 0 0 1px 1px;
  box-shadow: 2px black;
  content: "";
  transition: all .45s;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}

.side-menu li.parent .sub-menu {
  display: none;
  overflow: hidden;
  padding: 5px 0 5px 15px;
  margin: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  background-color: #1a1a1a;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  font-size: .9rem;
}

.side-menu .sub-menu li {
  float: left;
  display: block;
  overflow: hidden;
  width: 33.33333333%;
  height: auto;
}

.side-menu .sub-menu.x2 li {
  width: 50%;
}

.side-menu .sub-menu a {
  display: block;
  padding: .8rem 0;
  color: #eee;
  transition: all .45s;
}

.side-menu .sub-menu a:hover {
  text-decoration: none;
}

.side-menu li.parent.open {
  background: rgba(255, 255, 255, 0.05);
}

.side-menu li.parent.open > :after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}

.side-menu li.parent.open .sub-menu {
  display: block;
}

.side-fixed-button {
  position: fixed;
  right: 0;
  bottom: 30px;
  display: none;
}

.side-fixed-button a {
  display: block;
  width: 48px;
  height: 48px;
  background: #ddd url("btn.gif");
  opacity: .8;
}

.side-fixed-button a:hover {
  opacity: 1;
}

.side-fixed-button .side-fixed-button a.app {
  margin-top: 10px;
  border-radius: 50%;
  background-position: 0 -48px;
}

.screen-cover {
  position: fixed;
  top: 0;
  z-index: 20;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.nav-box {
  background-color: #145;
  padding: 1em 0;
  background-image: linear-gradient(155deg, #277, #145 80%);
}

.nav-box:before, .nav-box:after {
  content: " ";
  display: table;
}

.nav-box:after {
  clear: both;
}

.nav-box ul.nav li {
  float: left;
  width: 20%;
  text-align: center;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.nav-box ul.nav li a {
  color: #FFF;
  padding: 0.5em 0;
}

.nav-box ul.nav li.extend {
  display: none;
}

.nav-box ul.open li.extend {
  display: list-item;
}

/* 焦点图 */
.touchslider {
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
  background: #F2F6F8;
}

.touchslider .touchslider-viewport {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #EEE;
  height: auto !important;
}

.touchslider .touchslider-viewport a {
  display: block;
  /* height: 100%; */
  overflow: hidden;
}

.touchslider .touchslider-viewport a:after {
  content: "";
  position: absolute;
  background: linear-gradient(transparent 50%, #000);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.7;
  z-index: 1;
}

.touchslider .touchslider-viewport img {
  width: 100%;
  display: block;
  /* height: 100%;
  object-fit: cover; */
}

.touchslider .touchslider-viewport .text {
  position: absolute;
  bottom: 0;
  right: 2em;
  left: 0;
  margin: 0;
  line-height: 1.5em;
  font-size: 0.9rem;
  padding: 6px;
  box-sizing: border-box;
  font-weight: bolder;
  color: #FFF;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  z-index: 5;
}

.touchslider .touchslider-viewport .position {
  left: auto;
  right: 0;
  background: #F08080;
  padding: 0 6px;
}

.touchslider .touchslider-viewport .touchslider-item {
  width: 20%;
  /* height: 100%; */
  font-weight: 100;
}

.touchslider .touchslider-viewport .icon-play {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 8px;
  bottom: 34px;
  background: red;
}

.touchslider .touchslider-group {
  overflow: hidden;
}

.touchslider .touchslider-group .touchslider-nav-item {
  float: left;
  width: 20%;
  line-height: 2rem;
  font-size: 0.8em;
  text-align: center;
}

.touchslider .touchslider-group .touchslider-nav-item-current {
  background: #145;
  color: #FFF;
}