/* ========================================================================
   Component: Container
 ==========================================================================
*/
html {
  font-family: ProximaNova,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  background: #fff;
  color: #222;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

[class*=uk-width] {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
}
.uk-margin {
  margin-bottom: 20px;
}
.uk-grid-margin {
  margin-top: 15px;
}
.uk-form-label {
  display: block;
  margin-bottom: 5px;
}
.uk-form-label {
  color: #222;
  font-size: 14px;
}
.uk-width-1-2\@s {
  width: 50%;
}
.uk-width-1-3\@s {
  width: 33.33%;
}
.uk-width-1-4\@s {
  width: 25%;
}
/*uk-list*/
.uk-list {
  padding: 0;
  list-style: none;
}
.uk-list>*>ul, .uk-list>:nth-child(n+2) {
  margin-top: 10px;
}

/* 鼠标经过遮罩 */
.lucn-mask li .head{ position:relative;font-size:0;}
.lucn-mask li .head .mask{position: absolute; text-align:center;transition:opacity .8s;width: 100%;height: 100%;top: 0;background-color:#000;opacity:0;}
.lucn-mask li .head:hover .mask{opacity:0.5;}
.lucn-mask li .head .mask i{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); color:#ccc; font-size:50px;opacity:1;transition:opacity .8s;}
.lucn-mask li .head:hover .mask i{opacity:1;}

/*多行截断，只能用于webkit*/
.lucn-line-clamp{display: -webkit-box!important;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-box-orient: vertical;}
.lucn-line-clamp.row-1{-webkit-line-clamp:1;/*表示1行*/}
.lucn-line-clamp.row-2{-webkit-line-clamp:2;}
.lucn-line-clamp.row-3{-webkit-line-clamp:3;}
.lucn-line-clamp.row-4{-webkit-line-clamp:4;}
.lucn-line-clamp.row-5{-webkit-line-clamp:5;}
.lucn-line-clamp.row-6{-webkit-line-clamp:6;}
.lucn-line-clamp.row-10{-webkit-line-clamp:10;}

/* web-kit 盒子内两端对齐 */
.lucn-between{align-items: center;display: flex;justify-content: space-between;}

/*
 * 1. Box sizing has to be `content-box` so the max-width is always the same and
 *    unaffected by the padding on different breakpoints. It's important for the size modifiers.
 */
.uk-container {
  box-sizing: content-box;
  /* 1 */
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-container {
    padding-left: 30px;
    padding-right: 30px;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-container {
    padding-left: 40px;
    padding-right: 40px;
  }
}
/*
 * Micro clearfix
 */
.uk-container::before,
.uk-container::after {
  content: "";
  display: table;
}
.uk-container::after {
  clear: both;
}
/*
 * Remove margin from the last-child
 */
.uk-container > :last-child {
  margin-bottom: 0;
}
/*
 * Remove padding from nested containers
 */
.uk-container .uk-container {
  padding-left: 0;
  padding-right: 0;
}
/* Size modifier
 ========================================================================== */
.uk-container-small {
  max-width: 900px;
}
.uk-container-large {
  max-width: 1600px;
}
.uk-container-expand {
  max-width: none;
}
/* ========================================================================
   Component: Grid
 ========================================================================== */
/*
 * 1. Makes grid more robust so that it can be used with other block elements like lists
 */
 /*
.uk-grid {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}
*/
/* 3.0 */
.uk-grid {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}
/*
 * DEPRECATED
 * Micro clearfix
 * Can't use `table` because it creates a 1px gap when it becomes a flex item, only in Webkit
 */
.uk-grid:before,
.uk-grid:after {
  content: "";
  display: block;
  overflow: hidden;
}
.uk-grid:after {
  clear: both;
}
/*
 * Grid cell
 * 1. Space is allocated solely based on content dimensions
 * 2. Makes grid more robust so that it can be used with other block elements
 * 3. DEPRECATED Using `float` to support IE9
 */
.uk-grid > * {
  /* 1 */
  -ms-flex: none;
  -webkit-flex: none;
  flex: none;
  /* 2 */
  margin: 0;
  /* 3 */
  float: left;
}
/*
 * Remove margin from the last-child
 */
.uk-grid > * > :last-child {
  margin-bottom: 0;
}
/* Grid gutter
 ========================================================================== */
/*
 * Default gutter
 */
/* Horizontal */
.uk-grid {
  margin-left: -25px;
}
.uk-grid > * {
  padding-left: 25px;
}
/* Vertical */
.uk-grid + .uk-grid,
.uk-grid-margin,
.uk-grid > * > .uk-panel + .uk-panel {
  margin-top: 25px;
}
/* Large screen and bigger */
@media (min-width: 1220px) {
  /* Horizontal */
  .uk-grid {
    margin-left: -35px;
  }
  .uk-grid > * {
    padding-left: 35px;
  }
  /* Vertical */
  .uk-grid + .uk-grid,
  .uk-grid-margin,
  .uk-grid > * > .uk-panel + .uk-panel {
    margin-top: 35px;
  }
}
/*
 * Collapse gutter
 */
/* Horizontal */
.uk-grid-collapse {
  margin-left: 0;
}
.uk-grid-collapse > * {
  padding-left: 0;
}
/* Vertical */
.uk-grid-collapse + .uk-grid-collapse,
.uk-grid-collapse > .uk-grid-margin,
.uk-grid-collapse > * > .uk-panel + .uk-panel {
  margin-top: 0;
}
/*
 * Small gutter
 */
/* Horizontal */
.uk-grid-small {
  margin-left: -10px;
}
.uk-grid-small > * {
  padding-left: 10px;
}
/* Vertical */
.uk-grid-small + .uk-grid-small,
.uk-grid-small > .uk-grid-margin,
.uk-grid-small > * > .uk-panel + .uk-panel {
  margin-top: 10px;
}
/*
 * Medium gutter
 */
/* Horizontal */
.uk-grid-medium {
  margin-left: -25px;
}
.uk-grid-medium > * {
  padding-left: 25px;
}
/* Vertical */
.uk-grid-medium + .uk-grid-medium,
.uk-grid-medium > .uk-grid-margin,
.uk-grid-medium > * > .uk-panel + .uk-panel {
  margin-top: 25px;
}
/* Modifier: `uk-grid-divider`
 ========================================================================== */
/*
 * Horizontal divider
 * Only works with the default gutter. Does not work with gutter collapse, small or large.
 * Does not work with `uk-push-*`, `uk-pull-*` and not if the columns float into the next row.
 */
.uk-grid-divider:not(:empty) {
  margin-left: -25px;
  margin-right: -25px;
}
.uk-grid-divider > * {
  padding-left: 25px;
  padding-right: 25px;
}
.uk-grid-divider > [class*='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2),
.uk-grid-divider > [class*='uk-width-2-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-3-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-4-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-5-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-6-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-7-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-8-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-9-']:nth-child(n+2) {
  border-left: 1px solid #dddddd;
}
/* Tablet and bigger */
@media (min-width: 768px) {
  .uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) {
    border-left: 1px solid #dddddd;
  }
}
/* Desktop and bigger */
@media (min-width: 960px) {
  .uk-grid-divider > [class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2) {
    border-left: 1px solid #dddddd;
  }
}
/* Large screen and bigger */
@media (min-width: 1220px) {
  /*
     * Large gutter
     */
  .uk-grid-divider:not(:empty) {
    margin-left: -35px;
    margin-right: -35px;
  }
  .uk-grid-divider > * {
    padding-left: 35px;
    padding-right: 35px;
  }
  .uk-grid-divider:empty {
    margin-top: 35px;
    margin-bottom: 35px;
  }
}
/*
 * Vertical divider
 */
.uk-grid-divider:empty {
  margin-top: 25px;
  margin-bottom: 25px;
  border-top: 1px solid #dddddd;
}
/* Match panels in grids
 ========================================================================== */
/*
 * 1. Behave like a block element
 */
.uk-grid-match > * {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  /* 1 */
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.uk-grid-match > * > * {
  /* 1 */
  -ms-flex: none;
  -webkit-flex: none;
  flex: none;
  box-sizing: border-box;
  width: 100%;
}
/* Even grid cell widths
 ========================================================================== */
[class*='uk-grid-width'] > * {
  box-sizing: border-box;
  width: 100%;
}
.uk-grid-width-1-2 > * {
  width: 50%;
}
.uk-grid-width-1-3 > * {
  width: 33.333%;
}
.uk-grid-width-1-4 > * {
  width: 25%;
}
.uk-grid-width-1-5 > * {
  width: 20%;
}
.uk-grid-width-1-6 > * {
  width: 16.666%;
}
.uk-grid-width-1-10 > * {
  width: 10%;
}
.uk-grid-width-auto > * {
  width: auto;
}
/* Phone landscape and bigger */
@media (min-width: 480px) {
  .uk-grid-width-small-1-1 > * {
    width: 100%;
  }
  .uk-grid-width-small-1-2 > * {
    width: 50%;
  }
  .uk-grid-width-small-1-3 > * {
    width: 33.333%;
  }
  .uk-grid-width-small-1-4 > * {
    width: 25%;
  }
  .uk-grid-width-small-1-5 > * {
    width: 20%;
  }
  .uk-grid-width-small-1-6 > * {
    width: 16.666%;
  }
  .uk-grid-width-small-1-10 > * {
    width: 10%;
  }
}
/* Tablet and bigger */
@media (min-width: 768px) {
  .uk-grid-width-medium-1-1 > * {
    width: 100%;
  }
  .uk-grid-width-medium-1-2 > * {
    width: 50%;
  }
  .uk-grid-width-medium-1-3 > * {
    width: 33.333%;
  }
  .uk-grid-width-medium-1-4 > * {
    width: 25%;
  }
  .uk-grid-width-medium-1-5 > * {
    width: 20%;
  }
  .uk-grid-width-medium-1-6 > * {
    width: 16.666%;
  }
  .uk-grid-width-medium-1-10 > * {
    width: 10%;
  }
}
/* Desktop and bigger */
@media (min-width: 960px) {
  .uk-grid-width-large-1-1 > * {
    width: 100%;
  }
  .uk-grid-width-large-1-2 > * {
    width: 50%;
  }
  .uk-grid-width-large-1-3 > * {
    width: 33.333%;
  }
  .uk-grid-width-large-1-4 > * {
    width: 25%;
  }
  .uk-grid-width-large-1-5 > * {
    width: 20%;
  }
  .uk-grid-width-large-1-6 > * {
    width: 16.666%;
  }
  .uk-grid-width-large-1-10 > * {
    width: 10%;
  }
}
/* Large screen and bigger */
@media (min-width: 1220px) {
  .uk-grid-width-xlarge-1-1 > * {
    width: 100%;
  }
  .uk-grid-width-xlarge-1-2 > * {
    width: 50%;
  }
  .uk-grid-width-xlarge-1-3 > * {
    width: 33.333%;
  }
  .uk-grid-width-xlarge-1-4 > * {
    width: 25%;
  }
  .uk-grid-width-xlarge-1-5 > * {
    width: 20%;
  }
  .uk-grid-width-xlarge-1-6 > * {
    width: 16.666%;
  }
  .uk-grid-width-xlarge-1-10 > * {
    width: 10%;
  }
}
/* Sub-objects: `uk-width-*`
 ========================================================================== */
/*
 * Widths
 */
/* Whole */
.uk-width-1-1 {
  width: 100%;
}
/* Halves */
.uk-width-1-2,
.uk-width-2-4,
.uk-width-3-6,
.uk-width-5-10,
.uk-width-10-20
 {
  width: 50%;
}
/* Thirds */
.uk-width-1-3,
.uk-width-2-6 {
  width: 33.333%;
}
.uk-width-2-3,
.uk-width-4-6 {
  width: 66.666%;
}
/* Quarters */
.uk-width-1-4,
.uk-width-5-20 {
  width: 25%;
}
.uk-width-3-4,
.uk-width-15-20 {
  width: 75%;
}
/* Fifths */
.uk-width-1-5,
.uk-width-2-10,
.uk-width-4-20 {
  width: 20%;
}
.uk-width-2-5,
.uk-width-4-10,
.uk-width-8-20 {
  width: 40%;
}
.uk-width-3-5,
.uk-width-6-10,
.uk-width-12-20 {
  width: 60%;
}
.uk-width-4-5,
.uk-width-8-10,
.uk-width-16-20 {
  width: 80%;
}
/* Sixths */
.uk-width-1-6 {
  width: 16.666%;
}
.uk-width-5-6 {
  width: 83.333%;
}
/* Tenths */
.uk-width-1-10,
.uk-width-2-20 {
  width: 10%;
}
.uk-width-3-10,
.uk-width-6-20 {
  width: 30%;
}
.uk-width-7-10,
.uk-width-14-20 {
  width: 70%;
}
.uk-width-9-10,
.uk-width-18-20 {
  width: 90%;
}

/*plus by lucn30*/
.uk-width-1-20 {
  width: 5%;
}
.uk-width-3-20 {
  width: 15%;
}
.uk-width-6-20 {
  width: 30%;
}
.uk-width-7-20 {
  width: 35%;
}
.uk-width-9-20 {
  width: 45%;
}
.uk-width-11-20 {
  width: 55%;
}
.uk-width-13-20 {
  width: 65%;
}
.uk-width-17-20 {
  width: 85%;
}
.uk-width-19-20 {
  width: 95%;
}

.uk-width-1-30 {
  width: 3.333%;
}
.uk-width-1-15 {
  width: 6.666%;
}
.uk-width-2-15 {
  width: 13.333%;
}
.uk-width-2-15 {
  width: 13.333%;
}
.uk-width-7-30 {
  width: 23.333%;
}
.uk-width-4-15 {
  width: 26.666%;
}
.uk-width-11-30 {
  width: 36.666%;
}
.uk-width-11-30 {
  width: 36.666%;
}
.uk-width-13-30 {
  width: 43.333%;
}
.uk-width-7-15 {
  width: 46.666%;
}
.uk-width-8-15 {
  width: 53.333%;
}
.uk-width-17-30 {
  width: 56.666%;
}
.uk-width-19-30 {
  width: 63.333%;
}
.uk-width-11-15 {
  width: 73.333%;
}
.uk-width-23-30 {
  width: 76.666%;
}
.uk-width-13-15 {
  width: 86.666%;
}
.uk-width-14-15 {
  width: 93.333%;
}
.uk-width-29-30 {
  width: 96.666%;
}

/* Phone landscape and bigger */
@media (min-width: 480px) {
  /* Whole */
  .uk-width-small-1-1 {
    width: 100%;
  }
  /* Halves */
  .uk-width-small-1-2,
  .uk-width-small-2-4,
  .uk-width-small-3-6,
  .uk-width-small-5-10 {
    width: 50%;
  }
  /* Thirds */
  .uk-width-small-1-3,
  .uk-width-small-2-6 {
    width: 33.333%;
  }
  .uk-width-small-2-3,
  .uk-width-small-4-6 {
    width: 66.666%;
  }
  /* Quarters */
  .uk-width-small-1-4 {
    width: 25%;
  }
  .uk-width-small-3-4 {
    width: 75%;
  }
  /* Fifths */
  .uk-width-small-1-5,
  .uk-width-small-2-10 {
    width: 20%;
  }
  .uk-width-small-2-5,
  .uk-width-small-4-10 {
    width: 40%;
  }
  .uk-width-small-3-5,
  .uk-width-small-6-10 {
    width: 60%;
  }
  .uk-width-small-4-5,
  .uk-width-small-8-10 {
    width: 80%;
  }
  /* Sixths */
  .uk-width-small-1-6 {
    width: 16.666%;
  }
  .uk-width-small-5-6 {
    width: 83.333%;
  }
  /* Tenths */
  .uk-width-small-1-10 {
    width: 10%;
  }
  .uk-width-small-3-10 {
    width: 30%;
  }
  .uk-width-small-7-10 {
    width: 70%;
  }
  .uk-width-small-9-10 {
    width: 90%;
  }
}
/* Tablet and bigger */
@media (min-width: 768px) {
  /* Whole */
  .uk-width-medium-1-1 {
    width: 100%;
  }
  /* Halves */
  .uk-width-medium-1-2,
  .uk-width-medium-2-4,
  .uk-width-medium-3-6,
  .uk-width-medium-5-10 {
    width: 50%;
  }
  /* Thirds */
  .uk-width-medium-1-3,
  .uk-width-medium-2-6 {
    width: 33.333%;
  }
  .uk-width-medium-2-3,
  .uk-width-medium-4-6 {
    width: 66.666%;
  }
  /* Quarters */
  .uk-width-medium-1-4 {
    width: 25%;
  }
  .uk-width-medium-3-4 {
    width: 75%;
  }
  /* Fifths */
  .uk-width-medium-1-5,
  .uk-width-medium-2-10 {
    width: 20%;
  }
  .uk-width-medium-2-5,
  .uk-width-medium-4-10 {
    width: 40%;
  }
  .uk-width-medium-3-5,
  .uk-width-medium-6-10 {
    width: 60%;
  }
  .uk-width-medium-4-5,
  .uk-width-medium-8-10 {
    width: 80%;
  }
  /* Sixths */
  .uk-width-medium-1-6 {
    width: 16.666%;
  }
  .uk-width-medium-5-6 {
    width: 83.333%;
  }
  /* Tenths */
  .uk-width-medium-1-10 {
    width: 10%;
  }
  .uk-width-medium-3-10 {
    width: 30%;
  }
  .uk-width-medium-7-10 {
    width: 70%;
  }
  .uk-width-medium-9-10 {
    width: 90%;
  }
}
/* Desktop and bigger */
@media (min-width: 960px) {
  /* Whole */
  .uk-width-large-1-1 {
    width: 100%;
  }
  /* Halves */
  .uk-width-large-1-2,
  .uk-width-large-2-4,
  .uk-width-large-3-6,
  .uk-width-large-5-10 {
    width: 50%;
  }
  /* Thirds */
  .uk-width-large-1-3,
  .uk-width-large-2-6 {
    width: 33.333%;
  }
  .uk-width-large-2-3,
  .uk-width-large-4-6 {
    width: 66.666%;
  }
  /* Quarters */
  .uk-width-large-1-4 {
    width: 25%;
  }
  .uk-width-large-3-4 {
    width: 75%;
  }
  /* Fifths */
  .uk-width-large-1-5,
  .uk-width-large-2-10 {
    width: 20%;
  }
  .uk-width-large-2-5,
  .uk-width-large-4-10 {
    width: 40%;
  }
  .uk-width-large-3-5,
  .uk-width-large-6-10 {
    width: 60%;
  }
  .uk-width-large-4-5,
  .uk-width-large-8-10 {
    width: 80%;
  }
  /* Sixths */
  .uk-width-large-1-6 {
    width: 16.666%;
  }
  .uk-width-large-5-6 {
    width: 83.333%;
  }
  /* Tenths */
  .uk-width-large-1-10 {
    width: 10%;
  }
  .uk-width-large-3-10 {
    width: 30%;
  }
  .uk-width-large-7-10 {
    width: 70%;
  }
  .uk-width-large-9-10 {
    width: 90%;
  }
}
/* Large screen and bigger */
@media (min-width: 1220px) {
  /* Whole */
  .uk-width-xlarge-1-1 {
    width: 100%;
  }
  /* Halves */
  .uk-width-xlarge-1-2,
  .uk-width-xlarge-2-4,

  .uk-width-xlarge-3-6,
  .uk-width-xlarge-5-10 {
    width: 50%;
  }
  /* Thirds */
  .uk-width-xlarge-1-3,
  .uk-width-xlarge-2-6 {
    width: 33.333%;
  }
  .uk-width-xlarge-2-3,
  .uk-width-xlarge-4-6 {
    width: 66.666%;
  }
  /* Quarters */
  .uk-width-xlarge-1-4 {
    width: 25%;
  }
  .uk-width-xlarge-3-4 {
    width: 75%;
  }
  /* Fifths */
  .uk-width-xlarge-1-5,
  .uk-width-xlarge-2-10 {
    width: 20%;
  }
  .uk-width-xlarge-2-5,
  .uk-width-xlarge-4-10 {
    width: 40%;
  }
  .uk-width-xlarge-3-5,
  .uk-width-xlarge-6-10 {
    width: 60%;
  }
  .uk-width-xlarge-4-5,
  .uk-width-xlarge-8-10 {
    width: 80%;
  }
  /* Sixths */
  .uk-width-xlarge-1-6 {
    width: 16.666%;
  }
  .uk-width-xlarge-5-6 {
    width: 83.333%;
  }
  /* Tenths */
  .uk-width-xlarge-1-10 {
    width: 10%;
  }
  .uk-width-xlarge-3-10 {
    width: 30%;
  }
  .uk-width-xlarge-7-10 {
    width: 70%;
  }
  .uk-width-xlarge-9-10 {
    width: 90%;
  }
}

/*uk-flex*/
.uk-flex {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

.uk-flex-inline {
	display: -ms-inline-flexbox;
	display: -webkit-inline-flex;
	display: inline-flex
}

.uk-flex-inline>*,.uk-flex>* {
	-ms-flex-negative: 1
}

.uk-flex-top {
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start
}

.uk-flex-middle {
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center
}

.uk-flex-bottom {
	-ms-flex-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end
}

.uk-flex-center {
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}

.uk-flex-right {
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end
}

.uk-flex-space-between {
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.uk-flex-space-around {
	-ms-flex-pack: distribute;
	-webkit-justify-content: space-around;
	justify-content: space-around
}

.uk-flex-row-reverse {
	-ms-flex-direction: row-reverse;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse
}

.uk-flex-column {
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column
}

.uk-flex-column-reverse {
	-ms-flex-direction: column-reverse;
	-webkit-flex-direction: column-reverse;
	flex-direction: column-reverse
}

.uk-flex-nowrap {
	-ms-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap
}

.uk-flex-wrap {
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap
}

.uk-flex-wrap-reverse {
	-ms-flex-wrap: wrap-reverse;
	-webkit-flex-wrap: wrap-reverse;
	flex-wrap: wrap-reverse
}

.uk-flex-wrap-top {
	-ms-flex-line-pack: start;
	-webkit-align-content: flex-start;
	align-content: flex-start
}

.uk-flex-wrap-middle {
	-ms-flex-line-pack: center;
	-webkit-align-content: center;
	align-content: center
}

.uk-flex-wrap-bottom {
	-ms-flex-line-pack: end;
	-webkit-align-content: flex-end;
	align-content: flex-end
}

.uk-flex-wrap-space-between {
	-ms-flex-line-pack: justify;
	-webkit-align-content: space-between;
	align-content: space-between
}

.uk-flex-wrap-space-around {
	-ms-flex-line-pack: distribute;
	-webkit-align-content: space-around;
	align-content: space-around
}

.uk-flex-order-first {
	-ms-flex-order: -1;
	-webkit-order: -1;
	order: -1
}

.uk-flex-order-last {
	-ms-flex-order: 99;
	-webkit-order: 99;
	order: 99
}

@media (min-width:480px) {
	.uk-flex-order-first-small {
		-ms-flex-order: -1;
		-webkit-order: -1;
		order: -1
	}

	.uk-flex-order-last-small {
		-ms-flex-order: 99;
		-webkit-order: 99;
		order: 99
	}
}

@media (min-width:768px) {
	.uk-flex-order-first-medium {
		-ms-flex-order: -1;
		-webkit-order: -1;
		order: -1
	}

	.uk-flex-order-last-medium {
		-ms-flex-order: 99;
		-webkit-order: 99;
		order: 99
	}
}

@media (min-width:960px) {
	.uk-flex-order-first-large {
		-ms-flex-order: -1;
		-webkit-order: -1;
		order: -1
	}

	.uk-flex-order-last-large {
		-ms-flex-order: 99;
		-webkit-order: 99;
		order: 99
	}
}

@media (min-width:1220px) {
	.uk-flex-order-first-xlarge {
		-ms-flex-order: -1;
		-webkit-order: -1;
		order: -1
	}

	.uk-flex-order-last-xlarge {
		-ms-flex-order: 99;
		-webkit-order: 99;
		order: 99
	}
}

.uk-flex-item-none {
	-ms-flex: none;
	-webkit-flex: none;
	flex: none
}

.uk-flex-item-auto {
	-ms-flex: auto;
	-webkit-flex: auto;
	flex: auto;
	-ms-flex-negative: 1
}

.uk-flex-item-1 {
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1
}

/* Clearfix
 ========================================================================== */
/*
 * 1. `table-cell` is used with `::before` because `table` creates a 1px gap when it becomes a flex item, only in Webkit
 * 2. `table` is used again with `::after` because `clear` only works with block elements.
 * Note: `display: block` with `overflow: hidden` is currently not working in the latest Safari
 */
/* 1 */
.uk-clearfix::before {
  content: "";
  display: table-cell;
}
/* 2 */
.uk-clearfix::after {
  content: "";
  display: table;
  clear: both;
}
/* Float
 ========================================================================== */
/*
 * 1. Prevent content overflow
 */
.uk-float-left {
  float: left;
}
.uk-float-right {
  float: right;
}
/* Alignment modifiers */
.uk-text-left {
  text-align: left !important;
}
.uk-text-right {
  text-align: right !important;
}
.uk-text-center {
  text-align: center !important;
}
.uk-text-justify {
  text-align: justify !important;
}
.uk-text-top {
  vertical-align: top !important;
}
.uk-text-middle {
  vertical-align: middle !important;
}
.uk-text-bottom {
  vertical-align: bottom !important;
}

/*文字截断*/
.lucn-nowrap{display:block!important;max-width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/*多行截断，只能用于webkit*/
.lucn-line-clamp{display: -webkit-box!important;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-box-orient: vertical;}
.lucn-line-clamp.row-1{-webkit-line-clamp:1;/*表示1行*/}
.lucn-line-clamp.row-2{-webkit-line-clamp:2;}
.lucn-line-clamp.row-3{-webkit-line-clamp:3;}
.lucn-line-clamp.row-4{-webkit-line-clamp:4;}
.lucn-line-clamp.row-5{-webkit-line-clamp:5;}

/*单行显示文本*/
.uk-text-truncate {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/* 单选框复选框美化 */
/*复选*/
.lucn-check_box{ display:inline-block; position:relative; cursor: pointer;}
/*.lucn-check_box input.checkbox_input{ display:none}*/
.lucn-check_box i.checkbox_i{ width:16px; height:16px; position:absolute; top:0; left:0; border:2px solid #e7e5e5; border-radius:6px; background:#fff; cursor:pointer;}
.lucn-check_box i.checkbox_i:hover{ border:2px solid #f78642;}
.lucn-check_box i.checkbox_i:after{ content:''; width:8px; height:4px; position:absolute; top:4px; left:3px; border:2px solid #cacaca; border-top:none; border-right:none; opacity:0.4; transform:rotate(-45deg); /*-webkit-transform:rotate(-45deg);*/}
.lucn-check_box i.checkbox_i:hover:after{ border:2px solid #f78642; border-top:none; border-right:none;}
.lucn-check_box input.checkbox_input:checked + i{ border:2px solid #f78642;}
.lucn-check_box input.checkbox_input:checked + i:after{ opacity:1; border:2px solid #f78642; border-top:none; border-right:none;}
.lucn-check_box em{ margin:0 0 0 5px;}

/*单选*/
.lucn-radio_box{ display:inline-block; position:relative; cursor: pointer;}
.lucn-radio_box .radio_input{ /*display:none;*/}
.lucn-radio_box .radio_i{ width:15px; height:15px; position:absolute; top:0; left:0; border:2px solid #cacaca; border-radius:50%; background:#fff; cursor:pointer;}
.lucn-radio_box .radio_i:hover,.lucn-radio_box input:checked + i{ border:2px solid #f78642;}
.lucn-radio_box .radio_input:checked + i:after{ content:''; width:9px; height:9px; position:absolute; top:3px; left:3px; background:#f78642; border-radius:50%;}
.lucn-check_box em{ margin:0 0 0 5px;}

/*按钮*/
.layui-btn {height: 38px;line-height: 38px;border: 1px solid transparent;padding: 0 18px;background-color: #009688;color: #fff;white-space: nowrap;text-align: center;font-size: 14px;border-radius: 2px;cursor: pointer;}
.layui-btn:hover{opacity:.8;filter:alpha(opacity=80);color:#fff}
.layui-btn:active{opacity:1;filter:alpha(opacity=100)}
.layui-btn+.layui-btn{margin-left:10px}
.layui-btn-container{font-size:0}
.layui-btn-container .layui-btn{margin-right:10px;margin-bottom:10px}
.layui-btn-container .layui-btn+.layui-btn{margin-left:0}
.layui-table .layui-btn-container .layui-btn{margin-bottom:9px}
.layui-btn-radius{border-radius:100px}
.layui-btn .layui-icon{padding:0 2px;vertical-align:middle\9;vertical-align:bottom}
.layui-btn-primary{border-color:#d2d2d2;background:0 0;color:#666}
.layui-btn-primary:hover{border-color:#009688;color:#333}
.layui-btn-normal{background-color:#1E9FFF}
.layui-btn-warm{background-color:#FFB800}
.layui-btn-danger{background-color:#FF5722}
.layui-btn-checked{background-color:#5FB878}
.layui-btn-disabled,.layui-btn-disabled:active,.layui-btn-disabled:hover{border-color:#eee;background-color:#FBFBFB;color:#d2d2d2;cursor:not-allowed;opacity:1}
.layui-border{color:#666!important}
.layui-border-red{border-color:#FF5722!important;color:#FF5722!important}
.layui-border-orange{border-color:#FFB800!important;color:#FFB800!important}
.layui-border-green{border-color:#009688!important;color:#009688!important}
.layui-border-cyan{border-color:#2F4056!important;color:#2F4056!important}
.layui-border-blue{border-color:#1E9FFF!important;color:#1E9FFF!important}
.layui-border-black{border-color:#393D49!important;color:#393D49!important}

/*uikit 按钮*/
.uk-button{
  margin:0;
  border:none;
  overflow:visible;
  font:inherit;
  color:inherit;
  text-transform:none;
  -webkit-appearance:none;
  border-radius:0;
  display:inline-block;
  box-sizing:border-box;
  padding:0 30px;
  vertical-align:middle;
  font-size:14px;
  line-height:38px;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
  transition:.1s ease-in-out;
  transition-property:color,background-color,border-color
}
.uk-button:not(:disabled){
  cursor:pointer
}
.uk-button::-moz-focus-inner{
  border:0;
  padding:0
}
.uk-button:hover{
  text-decoration:none
}
.uk-button-default{
  background-color:transparent;
  color:#222;
  border:1px solid #e5e5e5
}
.uk-button-default:hover{
  background-color:transparent;
  color:#222;
  border-color:#b2b2b2
}
.uk-button-default.uk-active,.uk-button-default:active{
  background-color:transparent;
  color:#222;
  border-color:#999
}
.uk-button-primary{
  background-color:#1e87f0;
  color:#fff;
  border:1px solid transparent
}
.uk-button-primary:hover{
  background-color:#0f7ae5;
  color:#fff
}
.uk-button-primary.uk-active,.uk-button-primary:active{
  background-color:#0e6dcd;
  color:#fff
}
.uk-button-secondary{
  background-color:#222;
  color:#fff;
  border:1px solid transparent
}
.uk-button-secondary:hover{
  background-color:#151515;
  color:#fff
}
.uk-button-secondary.uk-active,.uk-button-secondary:active{
  background-color:#080808;
  color:#fff
}
.uk-button-danger{
  background-color:#f0506e;
  color:#fff;
  border:1px solid transparent
}
.uk-button-danger:hover{
  background-color:#ee395b;
  color:#fff
}
.uk-button-danger.uk-active,.uk-button-danger:active{
  background-color:#ec2147;
  color:#fff
}
.uk-button-danger:disabled,.uk-button-default:disabled,.uk-button-primary:disabled,.uk-button-secondary:disabled{
  background-color:transparent;
  color:#999;
  border-color:#e5e5e5
}
.uk-button-small{
  padding:0 15px;
  line-height:28px;
  font-size:14px
}
.uk-button-large{
  padding:0 40px;
  line-height:53px;
  font-size:14px
}
.uk-button-text{
  padding:0;
  line-height:1.5;
  background:0 0;
  color:#222;
  position:relative
}
.uk-button-text::before{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  right:100%;
  border-bottom:1px solid #222;
  transition:right .3s ease-out
}
.uk-button-text:hover{
  color:#222
}
.uk-button-text:hover::before{
  right:0
}
.uk-button-text:disabled{
  color:#999
}
.uk-button-text:disabled::before{
  display:none
}
.uk-button-link{
  padding:0;
  line-height:1.5;
  background:0 0;
  color:#222
}
.uk-button-link:hover{
  color:#999;
  text-decoration:none
}
.uk-button-link:disabled{
  color:#999;
  text-decoration:none
}
.uk-button-group{
  display:inline-flex;
  vertical-align:middle;
  position:relative
}
.uk-button-group>.uk-button:nth-child(n+2),.uk-button-group>div:nth-child(n+2) .uk-button{
  margin-left:-1px
}
.uk-button-group .uk-button.uk-active,.uk-button-group .uk-button:active,.uk-button-group .uk-button:hover{
  position:relative;
  z-index:1
}

/*uikit 文本框*/
.uk-input{
  overflow:visible
}
.uk-input[type=search]::-webkit-search-cancel-button,.uk-input[type=search]::-webkit-search-decoration{
  -webkit-appearance:none
}
.uk-input[type=number]::-webkit-inner-spin-button,.uk-input[type=number]::-webkit-outer-spin-button{
  height:auto
}
.uk-input::-moz-placeholder,.uk-textarea::-moz-placeholder{
  opacity:1
}
.uk-input,.uk-textarea{
  -webkit-appearance:none
}
.uk-input,.uk-select,.uk-textarea{
  max-width:100%;
  width:100%;
  border:0 none;
  padding:0 10px;
  background:#fff;
  color:#666;
  border:1px solid #e5e5e5;
  transition:.2s ease-in-out;
  transition-property:color,background-color,border
}
.uk-input,.uk-select:not([multiple]):not([size]){
  height:40px;
  vertical-align:middle;
  display:inline-block
}
.uk-input:not(input),.uk-select:not(select){
  line-height:38px
}
.uk-input:focus,.uk-select:focus,.uk-textarea:focus{
  outline:0;
  background-color:#fff;
  color:#666;
  border-color:#1e87f0
}
.uk-input:disabled,.uk-select:disabled,.uk-textarea:disabled{
  background-color:#f8f8f8;
  color:#999;
  border-color:#e5e5e5
}
.uk-input::placeholder{
  color:#999
}
.uk-form-small{
    font-size:14px
}
.uk-form-small:not(textarea):not([multiple]):not([size]){
    height:30px;
    padding-left:8px;
    padding-right:8px
}
[multiple].uk-form-small,[size].uk-form-small,textarea.uk-form-small{
    padding:5px 8px
}
.uk-form-small:not(select):not(input):not(textarea){
    line-height:28px
}
.uk-form-large{
    font-size:20px
}
.uk-form-large:not(textarea):not([multiple]):not([size]){
    height:55px;
    padding-left:12px;
    padding-right:12px
}
[multiple].uk-form-large,[size].uk-form-large,textarea.uk-form-large{
    padding:7px 12px
}
.uk-form-large:not(select):not(input):not(textarea){
    line-height:53px
}

/*图文列表*/
.lucn-list-media{display: -webkit-box;display: -webkit-flex; display: flex; overflow: hidden;flex-wrap: nowrap;}
.lucn-list-media .head{ width:25%;position: relative;/*display: inherit;*/-webkit-flex-shrink: 0;flex-shrink: 0;-webkit-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-align: center;-webkit-align-items: flex-start;align-items: flex-start;font-size: 0;}
.lucn-list-media .inner{position: relative;width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;display: -webkit-box;display: -webkit-flex;display: flex;display: block;-webkit-box-flex: 1;-webkit-box-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;-webkit-box-align: center;-webkit-align-items: center;align-items: center; text-align:justify;}

/*水平线*/
.layui-field-title {border-width: 0;border-top-width: 1px;width: 200px;margin: 0 auto;text-align: center;}
.layui-field-box {padding: 15px}
.layui-field-title .layui-field-box {padding: 10px 0;}
.layui-elem-field legend {padding: 0 15px;font-size: 16px;}

/*表格样式*/
table.normal {
	font-family: Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 100%;
}

table.normal thead tr{
  background-color: #ddd;
}

table.normal td, #customers th {
	border: 1px solid #ddd;
	padding: 8px;
}

/*table.normal tr:nth-child(even){background-color: #f2f2f2;}

table.normal tr:hover {background-color: #ddd;}*/

table.normal th {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: left;
	background-color: #4CAF50;
	color: white;
}
/*分页样式*/
.layui-laypage{
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:middle;
margin:10px 0;
font-size:0
}
.layui-laypage>a:first-child,.layui-laypage>a:first-child em{
    border-radius:2px 0 0 2px
}
.layui-laypage>a:last-child,.layui-laypage>a:last-child em{
    border-radius:0 2px 2px 0
}
.layui-laypage>:first-child{
    margin-left:0!important
}
.layui-laypage>:last-child{
    margin-right:0!important
}
.layui-laypage a,.layui-laypage button,.layui-laypage input,.layui-laypage select,.layui-laypage span{
    border:1px solid #e2e2e2
}
.layui-laypage a,.layui-laypage span{
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:middle;
    padding:0 15px;
    height:28px;
    line-height:28px;
    margin:0 -1px 5px 0;
    background-color:#fff;
    color:#333;
    font-size:12px
}
.layui-flow-more a *,.layui-laypage input,.layui-table-view select[lay-ignore]{
    display:inline-block
}
.layui-laypage a:hover{
    color:#1e87f0
}
.layui-laypage em{
    font-style:normal
}
.layui-laypage .layui-laypage-spr{
    color:#999;
    font-weight:700
}
.layui-laypage a{
    text-decoration:none
}
.layui-laypage .layui-laypage-curr{
    position:relative
}
.layui-laypage .layui-laypage-curr em{
    position:relative;
    color:#fff
}
.layui-laypage .layui-laypage-curr .layui-laypage-em{
    position:absolute;
    left:-1px;
    top:-1px;
    padding:1px;
    width:100%;
    height:100%;
    background-color:#1e87f0
}
.layui-laypage-em{
    border-radius:2px
}
.layui-laypage-next em,.layui-laypage-prev em{
    font-family:Sim sun;
    font-size:16px
}
.layui-laypage .layui-laypage-count,.layui-laypage .layui-laypage-limits,.layui-laypage .layui-laypage-refresh,.layui-laypage .layui-laypage-skip{
    margin-left:10px;
    margin-right:10px;
    padding:0;
    border:none
}
.layui-laypage .layui-laypage-limits,.layui-laypage .layui-laypage-refresh{
    vertical-align:top
}
.layui-laypage .layui-laypage-refresh i{
    font-size:18px;
    cursor:pointer
}
.layui-laypage select{
    height:22px;
    padding:3px;
    border-radius:2px;
    cursor:pointer
}
.layui-laypage .layui-laypage-skip{
    height:30px;
    line-height:30px;
    color:#999
}
.layui-laypage button,.layui-laypage input{
    height:30px;
    line-height:30px;
    border-radius:2px;
    vertical-align:top;
    background-color:#fff;
    box-sizing:border-box
}
.layui-laypage input{
    width:40px;
    margin:0 10px;
    padding:0 3px;
    text-align:center
}
.layui-laypage input:focus,.layui-laypage select:focus{
    border-color:#1e87f0!important
}
.layui-laypage button{
    margin-left:10px;
    padding:0 10px;
    cursor:pointer
}