/*!
Pure v0.6.0
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
/*!
normalize.css v^3.0 | MIT License | git.io/normalize
Copyright (c) Nicolas Gallagher and Jonathan Neal
*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,figcaption,menu{display:block}


html {
  font-family: 'Microsoft YaHei',sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */


img {
  /* 1 */
  max-width: 100%;
  height: auto;
  /* 2 */
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* 3 */
  border: 0;
  /* 4 */
  vertical-align: middle;
}

/*基本元素*/
code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em;}




.container,.container-layout{margin:0 auto;padding:0 0px;}
@media (min-width:760px){.container{width:760px;}}
@media (min-width:1000px){.container{width:1000px;}}
@media (min-width:1200px){.container{width:1200px;}}
/* 栅格  */
.pure-g {
    letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
    *letter-spacing: normal; /* reset IE < 8 */
    *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
    text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */

    /*
    Sets the font stack to fonts known to work properly with the above letter
    and word spacings. See: https://github.com/yahoo/pure/issues/41/

    The following font stack makes Pure Grids work on all known environments.

    * FreeSans: Ships with many Linux distros, including Ubuntu

    * Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and
      Arial to get picked up by the browser, even though neither is available
      in Chrome OS.

    * Droid Sans: Ships with all versions of Android.

    * Helvetica, Arial, sans-serif: Common font stack on OS X and Windows.
    */
    font-family: 'Microsoft YaHei', Arimo, "Droid Sans", Helvetica, Arial, sans-serif;

    /*
    Use flexbox when possible to avoid `letter-spacing` side-effects.

    NOTE: Firefox (as of 25) does not currently support flex-wrap, so the
    `-moz-` prefix version is omitted.
    */

    display: -webkit-flex;
    -webkit-flex-flow: row wrap;

    /* IE10 uses display: flexbox */
    display: -ms-flexbox;
    -ms-flex-flow: row wrap;
    
    /* Prevents distributing space between rows */
    -ms-align-content: flex-start;
  -webkit-align-content: flex-start;
  align-content: flex-start;
}

/* Opera as of 12 on Windows needs word-spacing.
   The ".opera-only" selector is used to prevent actual prefocus styling
   and is not required in markup.
*/
.opera-only :-o-prefocus,
.pure-g {
    word-spacing: -0.43em;
}

.pure-u {
    display: inline-block;
    *display: inline; /* IE < 8: fake inline-block */
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}

/*
Resets the font family back to the OS/browser's default sans-serif font,
this the same font stack that Normalize.css sets for the `body`.
*/
.pure-g [class *= "pure-u"] {
    font-family:PingFang SC,Helvetica Neue,Helvetica,Arial,Hiragino Sans GB,Microsoft Yahei,\\5FAE\8F6F\96C5\9ED1,STHeiti,\\534E\6587\7EC6\9ED1,sans-serif;
}

.pure-u-1,
.pure-u-1-1,
.pure-u-1-2,
.pure-u-1-3,
.pure-u-2-3,
.pure-u-1-4,
.pure-u-3-4,
.pure-u-1-5,
.pure-u-2-5,
.pure-u-3-5,
.pure-u-4-5,
.pure-u-5-5,
.pure-u-1-6,
.pure-u-5-6,
.pure-u-1-8,
.pure-u-3-8,
.pure-u-5-8,
.pure-u-7-8,
.pure-u-1-12,
.pure-u-5-12,
.pure-u-7-12,
.pure-u-11-12,
.pure-u-1-24,
.pure-u-2-24,
.pure-u-3-24,
.pure-u-4-24,
.pure-u-5-24,
.pure-u-6-24,
.pure-u-7-24,
.pure-u-8-24,
.pure-u-9-24,
.pure-u-10-24,
.pure-u-11-24,
.pure-u-12-24,
.pure-u-13-24,
.pure-u-14-24,
.pure-u-15-24,
.pure-u-16-24,
.pure-u-17-24,
.pure-u-18-24,
.pure-u-19-24,
.pure-u-20-24,
.pure-u-21-24,
.pure-u-22-24,
.pure-u-23-24,
.pure-u-24-24 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}

.pure-u-1-24{width:4.1667%;}
.pure-u-1-12,.pure-u-2-24{width:8.3333%;}
.pure-u-1-8,.pure-u-3-24{width:12.5%;}
.pure-u-1-6,.pure-u-4-24{width:16.6667%;}
.pure-u-1-5{width:20%;}
.pure-u-5-24{width:20.8333%;}
.pure-u-1-4,.pure-u-6-24{width:25%;}
.pure-u-7-24{width:29.1667%;}
.pure-u-1-3,.pure-u-8-24{width:33.3333%;}
.pure-u-3-8,.pure-u-9-24{width:37.5%;}
.pure-u-2-5{width:40%;}
.pure-u-10-24,.pure-u-5-12{width:41.6667%;}
.pure-u-11-24{width:45.8333%;}
.pure-u-1-2,.pure-u-12-24{width:50%;}
.pure-u-13-24{width:54.1667%;}
.pure-u-14-24,.pure-u-7-12{width:58.3333%;}
.pure-u-3-5{width:60%;}
.pure-u-15-24,.pure-u-5-8{width:62.5%;}
.pure-u-16-24,.pure-u-2-3{width:66.6667%;}
.pure-u-17-24{width:70.8333%;}
.pure-u-18-24,.pure-u-3-4{width:75%;}
.pure-u-19-24{width:79.1667%;}
.pure-u-4-5{width:80%;}
.pure-u-20-24,.pure-u-5-6{width:83.3333%;}
.pure-u-21-24,.pure-u-7-8{width:87.5%;}
.pure-u-11-12,.pure-u-22-24{width:91.6667%;}
.pure-u-23-24{width:95.8333%;}
.pure-u-1,.pure-u-1-1,.pure-u-24-24,.pure-u-5-5{width:100%;}



/* 菜单  */

.pure-menu{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.pure-menu-fixed{position:fixed;top:0;left:0;z-index:3;}
.pure-menu-item,.pure-menu-list{position:relative;}
.pure-menu-list{margin:0;padding:0;list-style:none;}
.pure-menu-item{margin:0;padding:0;height:100%;}
.pure-menu-heading,.pure-menu-link{display:block;text-decoration:none;white-space:nowrap;}


/* HORIZONTAL MENU */
.pure-menu-horizontal{width:100%;white-space:nowrap;}
.pure-menu-horizontal .pure-menu-list{display:inline-block;}


/* Initial menus should be inline-block so that they are horizontal */
.pure-menu-horizontal .pure-menu-item,
.pure-menu-horizontal .pure-menu-heading,
.pure-menu-horizontal .pure-menu-separator {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
}

/* Submenus should still be display: block; */
.pure-menu-item .pure-menu-item{display:block;}
.pure-menu-children{position:absolute;top:0;left:100%;z-index:3;display:none;margin:0;padding:0;}
.pure-menu-horizontal .pure-menu-children{top:auto;left:0;width:inherit;}
.pure-menu-active>.pure-menu-children,.pure-menu-allow-hover:hover>.pure-menu-children{position:absolute;display:block;}


/* Vertical Menus - show the dropdown arrow */
.pure-menu-has-children > .pure-menu-link:after {
    padding-left: 0.5em;
    content: "\25B8";
    font-size: small;
}

/* Horizontal Menus - show the dropdown arrow */
.pure-menu-horizontal .pure-menu-has-children > .pure-menu-link:after {
    content: "\25BE";
}

/* scrollable menus */
.pure-menu-scrollable{overflow-x:hidden;overflow-y:scroll;}
.pure-menu-scrollable .pure-menu-list{display:block;}
.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list{display:inline-block;}
.pure-menu-horizontal.pure-menu-scrollable{overflow-x:auto;overflow-y:hidden;padding:.5em 0;white-space:nowrap;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}
.pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar{display:none;}


/* misc default styling */

.pure-menu-separator{margin:.3em 0;height:1px;background-color:#ccc;}
.pure-menu-horizontal .pure-menu-separator{margin:0 .3em;width:1px;height:1.3em;}
.pure-menu-heading{color:#565d64;text-transform:uppercase;}
.pure-menu-link{color:#fff;}
.pure-menu-children{background-color:#fff;}
.pure-menu-disabled,.pure-menu-heading,.pure-menu-link{padding:.5em 1em;}
.pure-menu-disabled{opacity:.5;}
.pure-menu-disabled .pure-menu-link:hover{background-color:transparent;}
.pure-menu-active>.pure-menu-link,.pure-menu-link:focus,.pure-menu-link:hover{background-color:#2e9f82;}
.pure-menu-selected .pure-menu-link,.pure-menu-selected .pure-menu-link:visited{color:#000;}



/*浮动*/

.uk-container-center {
  margin-left: auto;
  margin-right: auto;
}
.float-left{float:left !important;}
.float-right{float:right !important;}
.clear{clear:both;}
.centered {
  float:none!important;
  margin-left:auto!important;
  margin-right:auto!important
}

/*浮动*/
.push-left{float:left;}
.push-center{float:none!important;margin-right:auto;margin-left:auto;}
.push-right{float:right;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;justify-content:flex-end;}



/*文字*/

h1,.h1{font-size:24px;}
h2,.h2{font-size:20px;}
h3,.h3{font-size:18px;}
h4,.h4{font-size:16px;}
h5,.h5{font-size:14px;}
h6,.h6{font-size:12px;}
h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small{font-size:60%;filter:alpha(opacity=60);opacity:.6;}
h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small{font-size:12px;filter:alpha(opacity=60);opacity:.6;}
/*p,.p{margin-bottom:15px;line-height:24px;}*/
.text-indent,.text-indent p,.text-indent div{text-indent:2em;}
.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}
.text-justify{text-align:justify;}
.text-large{font-size:24px;}
.text-big{font-size:16px;}
.text-default{font-size:14px;}
.text-small{font-size:12px;}
.text-little{font-size:10px;}


/*color*/
.green{color:#2ecc71;}
.green-bg{background:#2ecc71;color:#fff;}
.blue{color:#3498db;}
.blue-bg{background:#3498db;color:#fff;}
.purple{color:#9b59b6;}
.purple-bg{background:#9b59b6;color:#fff;}
.yellow{color:#f1c40f;}
.yellow-bg{background:#f1c40f;color:#fff;}
.orange{color:#e67e22;}
.orange-bg{background:#e67e22;color:#fff;}
.red{color:#e74c3c;}
.red-bg{background:#e74c3c;color:#fff;}
.pink{color:#f02475;}
.pink-bg{background:#f02475;color:#fff;}
.turquoise{color:#1abc9c;}
.turquoise-bg{background:#1abc9c;color:#fff;}
.asphalt{color:#34495e;}
.asphalt-bg{background:#34495e;color:#fff;}
.charcoal{color:#383636;}
.charcoal-bg{background:#383636;color:#fff;}
.white{color:#fff;}
.white-bg{background:#fff;color:#111;}
.black{color:#111;}
.black-bg{background:#111;color:#fff;}
.info-bg{background:#d9edf7;color:#3a87ad;}
.alert-bg{background:#fcf8e3;color:#c09853;}
.warning-bg{background:#ffe5c7;color:#ff971e;}
.error-bg{background:#f2dede;color:#b94a48;}
.success-bg{background:#dff0d8;color:#468847;}
.question-bg{background:#f0e6f4;color:#9855b4;}
.teal{color:#009688;}
.teal-bg{background:#009688;color:#fff;}
ol.list.green li:before{background:#2ecc71;}
ol.list.blue li:before{background:#3498db;}
ol.list.purple li:before{background:#9b59b6;}
ol.list.yellow li:before{background:#f1c40f;}
ol.list.orange li:before{background:#e67e22;}
ol.list.red li:before{background:#e74c3c;}
ol.list.pink li:before{background:#f02475;}
ol.list.turquoise li:before{background:#1abc9c;}
ol.list.asphalt li:before{background:#34495e;}
ol.list.charcoal li:before{background:#383636;}
ol.list.white li:before{background:#fff;}
ol.list.black li:before{background:#111;}
ol.list li.green:before{background:#2ecc71;}
ol.list li.blue:before{background:#3498db;}
ol.list li.purple:before{background:#9b59b6;}
ol.list li.yellow:before{background:#f1c40f;}
ol.list li.orange:before{background:#e67e22;}
ol.list li.red:before{background:#e74c3c;}
ol.list li.pink:before{background:#f02475;}
ol.list li.turquoise:before{background:#1abc9c;}
ol.list li.asphalt:before{background:#34495e;}
ol.list li.charcoal:before{background:#383636;}
ol.list li.white:before{background:#fff;}
ol.list li.black:before{background:#111;}
ol.list li.info:before{background-color:#3a87ad;}
ol.list li.alert:before{background-color:#c09853;}
ol.list li.warning:before{background-color:#ff971e;}
ol.list li.error:before{background-color:#b94a48;}
ol.list li.success:before{background-color:#468847;}
ol.list li.question:before{background-color:#9855b4;}
.info{color:#3a87ad;}
.alert{color:#c09853;}
.warning{color:#ff971e;}
.error{color:#b94a48;}
.success{color:#468847;}
.question{color:#9855b4;}


/*list*/
ul.list {
  margin-left:0
}
ul.list li:before {
  content:"\f111";
  display:inline-block;
  width:1.1em;
  margin-right:.25em;
  font-family:FontAwesome;
  font-weight:400;
  font-style:normal;
  text-decoration:inherit;
  -webkit-font-smoothing:antialiased;
  *margin-right:.3em;
  font-size:.9em;
  vertical-align:middle;
  background-image:none;
  background-position:0 0;
  background-repeat:repeat;
  margin-top:0
}
ol.list {
  counter-reset:li;
  margin-left:1.5em;
  line-height:1.6
}
ol.list li {
  position:relative;
  padding:2px 6px 0
}
ol.list li:before {
  content:counter(li);
  counter-increment:li;
  position:absolute;
  top:.1em;
  left:-2em;
  width:2em;
  text-align:center;
  padding:.3em .1em .1em;
  font-size:.8em;
  line-height:1.5;
  color:#fff;
  background:#2b2b2d;
  font-weight:700;
  -o-border-radius:4px;
  border-radius:4px
}

ul.unstyled {
  list-style: none;
  padding-left: 0em;
}
ul.unstyled ul {
  list-style: disc outside;
}
ul.unstyled ul.unstyled {
  list-style: none;
  padding-left: 0em;
}
ul.inline {
  list-style: none;
}
ul.inline li {
  display: inline-block;
  padding: 0 .5em;
}
ul.inline li:first-child {
  padding: 0 .5em 0 0;
}


/*Hover*/
.hoverable {
  transition: box-shadow .45s;
  box-shadow: 0;
}

.hoverable:hover {
  transition: box-shadow .45s;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/*行距*/
.height-large{line-height:40px;}
.height-big{line-height:30px;}
.height{line-height:24px;}
.height-small{line-height:20px;}
.height-little{line-height:16px;}

/*边框*/
.border{border:solid 1px #ddd;}
.border-top{border-top:solid 1px #ddd;}
.border-right{border-right:solid 1px #ddd;}
.border-bottom{border-bottom:solid 1px #ddd;}
.border-left{border-left:solid 1px #ddd;}
.border-left-right{border-left:solid 1px #ddd;border-right:solid 1px #ddd;}
.border-top-bottom{border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;}
.border-large{border-width:10px;}
.border-big{border-width:5px;}
.border-middle{border-width:3px;}
.border-small{border-width:2px;}
hr{background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:10px 0;border:none;-moz-box-sizing:content-box;box-sizing:content-box;}
hr.space{background:#fff;color:#fff;visibility:hidden;}
.img-border{border:solid 1px #ddd;padding:4px;}


/*边距*/
.padding-large{padding:30px;}
.padding-large-top{padding-top:30px;}
.padding-large-right{padding-right:30px;}
.padding-large-bottom{padding-bottom:30px;}
.padding-large-left{padding-left:30px;}
.padding-big{padding:20px;}
.padding-big-top{padding-top:20px;}
.padding-big-right{padding-right:20px;}
.padding-big-bottom{padding-bottom:20px;}
.padding-big-left{padding-left:20px;}
.padding{padding:10px;}
.padding-top{padding-top:10px;}
.padding-right{padding-right:10px;}
.padding-bottom{padding-bottom:10px;}
.padding-left{padding-left:10px;}
.padding-small{padding:5px;}
.padding-small-top{padding-top:5px;}
.padding-small-right{padding-right:5px;}
.padding-small-bottom{padding-bottom:5px;}
.padding-small-left{padding-left:5px;}
.padding-little{padding:2px;}
.padding-little-top{padding-top:2px;}
.padding-little-right{padding-right:2px;}
.padding-little-bottom{padding-bottom:2px;}
.padding-little-left{padding-left:2px;}
.margin-large{margin:30px;}
.margin-large-top{margin-top:30px;}
.margin-large-right{margin-right:30px;}
.margin-large-bottom{margin-bottom:30px;}
.margin-large-left{margin-left:30px;}
.margin-big{margin:20px;}
.margin-big-top{margin-top:20px;}
.margin-big-right{margin-right:20px;}
.margin-big-bottom{margin-bottom:20px;}
.margin-big-left{margin-left:20px;}
.margin{margin:10px !important;clear:both;}
.margin-top{margin-top:10px;}
.margin-right{margin-right:10px;}
.margin-bottom{margin-bottom:10px;}
.margin-left{margin-left:10px;}
.margin-small{margin:5px;}
.margin-small-top{margin-top:5px;}
.margin-small-right{margin-right:5px;}
.margin-small-bottom{margin-bottom:5px;}
.margin-small-left{margin-left:5px;}
.margin-little{margin:2px;}
.margin-little-top{margin-top:2px;}
.margin-little-right{margin-right:2px;}
.margin-little-bottom{margin-bottom:2px;}
.margin-little-left{margin-left:2px;}
/*em*/
.top-space{margin-top:2em;}
.top-padding{padding-top:2em;}
.double-top-space{margin-top:4em;}
.double-top-padding{padding-top:4em;}
.half-top-space{margin-top:1em;}
.half-top-padding{padding-top:1em;}
.quarter-top-space{margin-top:.5em;}
.quarter-top-padding{padding-top:.5em;}
.right-space{margin-right:2em;}
.right-padding{padding-right:2em;}
.double-right-space{margin-right:4em;}
.double-right-padding{padding-right:4em;}
.half-right-space{margin-right:1em;}
.half-right-padding{padding-right:1em;}
.quarter-right-space{margin-right:.5em;}
.quarter-right-padding{padding-right:.5em;}
.bottom-space{margin-bottom:2em;}
.bottom-padding{padding-bottom:2em;}
.double-bottom-space{margin-bottom:4em;}
.double-bottom-padding{padding-bottom:4em;}
.half-bottom-space{margin-bottom:1em;}
.half-bottom-padding{padding-bottom:1em;}
.quarter-bottom-space{margin-bottom:.5em;}
.quarter-bottom-padding{padding-bottom:.5em;}
.left-space{margin-left:2em;}
.left-padding{padding-left:2em;}
.double-left-space{margin-left:4em;}
.double-left-padding{padding-left:4em;}
.half-left-space{margin-left:1em;}
.half-left-padding{padding-left:1em;}
.quarter-left-space{margin-left:.5em;}
.quarter-left-padding{padding-left:.5em;}




/*引用*/
blockquote{border:solid 0px #00A3CF;border-left-width:6px;padding:20px;}
blockquote strong{display:block;font-size:16px;margin-bottom:10px;}
blockquote p:last-child{margin:0;}

/*表格*/
.table{width:100%;max-width:100%;border-collapse:collapse;border-spacing:0;}
.table th{border-bottom:2px solid #ddd;vertical-align:bottom;padding:8px;text-align:left;}
.table td{border-top:1px solid #ddd;padding:8px;vertical-align:top;}
.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th{background-color:#f9f9f9;}/*条纹-IE9以下无效果*/
.table-bordered th,.table-bordered td{border:solid 1px #ddd;}
.table-bordered th{border-bottom:2px solid #ddd;}
.table-hover > tbody > tr:hover > td,.table-hover > tbody > tr:hover > th{background-color:#f5f5f5;}/*不支持IE6*/
.table-condensed th,.table-condensed td{padding:5px;}

/*box*/
.box{border:1px solid #ddd;border-radius:4px;background:#d3d3d3;color:#5a5a5a;-o-border-radius:4px;padding:5px;}
.box a{color:inherit;}
.box.small{font-size:.8em;}
.box.medium{font-size:1em;}
.box.large{font-size:1.5em;}
.box.square{border-radius:0;-o-border-radius:0;}
.box.round{border-radius:9999em;-o-border-radius:9999em;}
.box.info{border-color:#bce8f1;background-color:#d9edf7;color:#3a87ad;}
.box.question{border-color:#f1dbfa;background-color:#f0e6f4;color:#9855b4;}
.box.alert{border-color:#fbeee0;background-color:#fcf8e3;color:#c09853;}
.box.warning{border-color:#ffdbb3;background:#ffe5c7;color:#ff971e;}
.box.error{border-color:#eed3d7;background:#f2dede;color:#b94a48;}
.box.success{border-color:#d6e9c6;background:#dff0d8;color:#468847;}
.box.green{border-color:#2ecc71;background-color:#54d98c;color:#fff;}
.box.blue{border-color:#3498db;background-color:#5faee3;color:#fff;}
.box.purple{border-color:#9b59b6;background-color:#b07cc6;color:#fff;}
.box.yellow{border-color:#f1c40f;background-color:#f4d03f;color:#fff;}
.box.orange{border-color:#e67e22;background-color:#eb9950;color:#fff;}
.box.red{border-color:#e74c3c;background-color:#ed7669;color:#fff;}
.box.pink{border-color:#f02475;background-color:#f35493;color:#fff;}
.box.turquoise{border-color:#1abc9c;background-color:#28e1bd;color:#fff;}
.box.asphalt{border-color:#34495e;background-color:#46627f;color:#fff;}
.box.charcoal{border-color:#383636;background-color:#524f4f;color:#fff;}
.box.white{border-color:#fff;background-color:#fff;color:#111;}
.box.black{border-color:#111;background-color:#2b2b2b;color:#fff;}


/*alert*/
.ink-alert.block {
  font-size: .938em;
  margin: 1em 0;
  position: relative;
  overflow: hidden;
}
.ink-alert.block p {
    margin: 1.5em 1em;
}
.ink-alert.block{border:1px solid #b87814;background:#fff;}
.ink-alert.block > h4{background:rgba(255,156,0,.3);color:#b87814;font-size: 1.2em;
    line-height: 1.5;
    margin: 0;
    padding: 1em 3em 1em 1em;}
.ink-alert.block.success{border:1px solid #38621d;background:#fff;}
.ink-alert.block.success > h4{background:rgba(74,155,23,.3);color:#38621d;}
.ink-alert.block.error{border:1px solid #891e1e;background:#fff;}
.ink-alert.block.error > h4{background:rgba(201,17,17,.3);color:#891e1e;}
.ink-alert.block.info{border:1px solid #1e5b98;background:#fff;}
.ink-alert.block.info > h4{background:rgba(15,117,218,.3);color:#1e5b98;}
.ink-alert.block ul {
    list-style: inside none disc;
}


/*阴影*/
.z-depth-0 {
  box-shadow: none !important;
}

.z-depth-1, .card-panel, .card, .toast, .btn, .btn-large, .btn-floating, .dropdown-content, .collapsible, .side-nav {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.z-depth-1-half, .btn:hover, .btn-large:hover, .btn-floating:hover {
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
}

.z-depth-2 {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
}

.z-depth-3 {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3);
}

.z-depth-4, .modal {
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3);
}

.z-depth-5 {
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3);
}

/*lable*/
.label{padding:0 .35em;white-space:nowrap;}
.label{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#fff;font-weight:300;font-size:.938em;-ms-border-radius:2px;-o-border-radius:2px;}
.label.white{background:#fff;color:#555;}
.label.black{background:#000;}
.label.orange{background:#ff9c00;}
.label.red{background:#c91111;}
.label.green{background:#4a9b17;}
.label.blue{background:#0f75da;}
.label.yellow{background:#ffd500;color:#555;}
.label.grey{background:gray;}
.label+.label{margin-left:.2em;}

/*badge*/
span.badge {
  min-width: 3rem;
  padding: 0 6px;
  margin-left: 14px;
  text-align: center;
  font-size: 1rem;
  line-height: 22px;
  height: 22px;
  
  box-sizing: border-box;
}
.badge{margin-left:.6em;padding:.2em .6em;font-size:.813em;}
.badge{-webkit-border-radius:8em;-moz-border-radius:8em;border-radius:8em;color:#fff;-ms-border-radius:8em;-o-border-radius:8em;}
.badge.white{background:#fff;color:#555;}
.badge.black{background:#000;}
.badge.orange{background:#ff9c00;}
.badge.red{background:#c91111;}
.badge.green{background:#4a9b17;}
.badge.blue{background:#0f75da;}
.badge.yellow{background:#ffd500;color:#555;}
.badge.grey{background:gray;}
.badge+.badge{margin-left:.2em;}


/*icon*/
.icon-light{color:#fff;}
.icon-dark{color:#333;}
.icon-border{padding:.2em .25em .15em;border:solid 1px #eee;border-radius:3px;-o-border-radius:3px;}
.icon-2x{font-size:2em;}
.icon-2x.icon-border{border-width:2px;border-radius:4px;-o-border-radius:4px;}
.icon-3x{font-size:3em;}
.icon-3x.icon-border{border-width:3px;border-radius:5px;-o-border-radius:5px;}
.icon-4x{font-size:4em;}
.icon-4x.icon-border{border-width:4px;border-radius:6px;-o-border-radius:6px;}
.icon-5x{font-size:5em;}
.icon-5x.icon-border{border-width:5px;border-radius:7px;-o-border-radius:7px;}


/*面包屑*/
.ink-navigation{overflow:visible;}
.ink-navigation ul{margin:0;padding:0;list-style-type:none;}
.ink-navigation ul li{margin:0;}
.ink-navigation .bread li{display:inline;line-height:2.7em;}
.ink-navigation .bread li a{display:inline;padding:0;}
.ink-navigation .bread li a:hover{background:0 0;}
.ink-navigation .bread li.active a{text-decoration:none;cursor:default;}
.ink-navigation .bread li:first-child a{padding-left:1.2em;}
.ink-navigation .bread li:after{display:inline;margin:0 .7em;content:'/';}
.ink-navigation .bread li:last-child:after{display:none;content:'';}
.ink-navigation ul.bread{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;font-weight:300;-ms-border-radius:2px;-o-border-radius:2px;}
.ink-navigation ul.bread li.active a{background:0 0;color:#999;}
.ink-navigation ul.bread li.active a:hover{text-decoration:none;cursor:default;}
.ink-navigation ul.bread li a:hover{background:0 0;text-decoration:underline;}
.ink-navigation ul.bread.white{background:#fff;}
.ink-navigation ul.bread.white li a,.ink-navigation ul.breadcrumbs.white li:after{color:#555;}
.ink-navigation ul.bread.white li.active a{color:#ccc;text-shadow:#fff 0 1px 0;}
.ink-navigation ul.bread.grey{background:#d9d9d9;}
.ink-navigation ul.bread.grey li a,.ink-navigation ul.breadcrumbs.grey li:after{color:#555;}
.ink-navigation ul.bread.grey li.active a{color:#a6a6a6;text-shadow:#ededed 0 1px 0;}
.ink-navigation ul.bread.black{background:#1a1a1a;}
.ink-navigation ul.bread.black li a,.ink-navigation ul.breadcrumbs.black li:after{color:#fff;}
.ink-navigation ul.bread.black li.active a{color:#666;text-shadow:#000 0 -1px 0;}
.ink-navigation ul.bread.blue{background:#1b75ce;}
.ink-navigation ul.bread.blue li a,.ink-navigation ul.breadcrumbs.blue li:after{color:#fff;}
.ink-navigation ul.bread.blue li.active a{color:#08427b;text-shadow:#1884ef 0 1px 0;}
.ink-navigation ul.bread.orange{background:#f2990d;}
.ink-navigation ul.bread.orange li a,.ink-navigation ul.breadcrumbs.orange li:after{color:#fff;}
.ink-navigation ul.bread.orange li.active a{color:#995e00;text-shadow:#ffa81f 0 1px 0;}
.ink-navigation ul.bread.green{background:#4c9220;}
.ink-navigation ul.bread.green li a,.ink-navigation ul.breadcrumbs.green li:after{color:#fff;}
.ink-navigation ul.bread.green li.active a{color:#20420a;text-shadow:#57b61b 0 1px 0;}
.ink-navigation ul.bread.red{background:#be1c1c;}
.ink-navigation ul.bread.red li a,.ink-navigation ul.breadcrumbs.red li:after{color:#fff;}
.ink-navigation ul.bread.red li.active a{color:#6b0909;text-shadow:#e51313 0 1px 0;}



/*按钮组和分页*/



/*按钮*/

button {
  border: none;
}
a.btn-success,
a.btn-warning,
a.btn-info,
a.btn-danger,
a.btn-primary,
a:hover.btn-success,
a:hover.btn-warning,
a:hover.btn-info,
a:hover.btn-danger,
a:hover.btn-primary,
a:hover.btn-success-gradient,
a:hover.btn-primary-gradient,
a:hover.btn-info-gradient,
a:hover.btn-danger-gradient,
a:hover.btn-warning-gradient,
a.btn-warning-outline:hover,
a.btn-info-outline:hover,
a.btn-primary-outline:hover,
a.btn-success-outline:hover,
a.btn-danger-outline:hover,
a:hover.btn-success-outline,
a:hover.btn-info-outline,
a:hover.btn-warning-outline,
a:hover.btn-primary-outline,
.nav > li > a:hover.btn-default-outline,
.nav > li > a:hover.btn-primary-outline,
.nav > li > a:hover.btn-info-outline,
.nav > li > a:hover.btn-success-outline,
.nav > li > a:hover.btn-warning-outline,
.nav > li > a:hover.btn-danger-outline {
  text-decoration: none;
  color: #ffffff;
}
.btn > i:before {
  margin-right: 8px;
  margin-right: 0.5rem;
}
.btn {
  padding: 0.5rem 0.875rem;
  font-size: 1rem;
  line-height: 1.3125;
  border-radius: 2px;
  color: #777777;
  border: 1px solid transparent;
  display: inline-block;
  font-family: '微软雅黑', 'Helvetica Neue', 'HelveticaNeue', 'Helvetica', 'Arial', sans-serif;
  font-weight: 400;
  cursor: pointer;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.btn-lg {
  padding: 0.875rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.70625;
  border-radius: 6px;
}
.btn-sm {
  padding: 0.4rem 0.6rem;
  font-size: 0.875rem;
  line-height: 1rem;
  border-radius: 6px;
}
.btn-pill {
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
  border-radius: 24px;
}
.btn-link {
  background: transparent;
  background-color: transparent;
  border-color: transparent;
  color: inherit;
  text-shadow: none;
}
.btn-full {
  display: block;
  width: 100%;
}
a.btn-default,
a:hover.btn-default-gradient {
  color: #777777;
  text-decoration: none;
}
.btn-default,
.nav > li > a.btn-default {
  color: #777777;
  background-color: #ffffff;
  border-color: #cccccc;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease;
  text-shadow: none;
}
.btn-default:hover,
.nav > li > a.btn-default:hover {
  background-color: #f2f2f2;
  border-color: #bfbfbf;
}
.btn-default:active,
.nav > li > a.btn-default:active {
  color: #777777;
  background-color: #e9e9e9;
  border-color: #b6b6b6;
  -webkit-box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  /*     .transition(all .25s ease); */
  outline: 0;
}
.btn-default-outline,
.default-outline {
  color: #777777;
  background-color: transparent;
  border-color: #777777;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease;
  text-shadow: none;
}
.btn-default-outline:hover,
.default-outline:hover {
  background-color: rgba(0, 0, 0, 0);
  border-color: #6a6a6a;
}
.btn-default-outline:active,
.default-outline:active {
  color: #777777;
  background-color: rgba(0, 0, 0, 0);
  border-color: #616161;
  -webkit-box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  /*     .transition(all .25s ease); */
  outline: 0;
}
.btn-default-outline:hover,
.default-outline:hover {
  border-color: #777777;
  color: #ffffff;
  background-color: #777777;
  text-decoration: none;
}
.btn-default-outline:active,
.default-outline:active {
  -webkit-box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
}

.btn-primary,
.nav > li > a.btn-primary {
  color: #ffffff;
  background-color: #3498db;
  border-color: #2386c8;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.btn-primary:hover,
.nav > li > a.btn-primary:hover {
  background-color: #258cd1;
  border-color: #2077b2;
}
.btn-primary:active,
.nav > li > a.btn-primary:active {
  color: #ffffff;
  background-color: #2282c1;
  border-color: #1d6da3;
  -webkit-box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  /*     .transition(all .25s ease); */
  outline: 0;
}
.btn-primary-outline,
.primary-outline {
  color: #3498db;
  background-color: transparent;
  border-color: #3498db;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease;
  text-shadow: none;
}
.btn-primary-outline:hover,
.primary-outline:hover {
  background-color: rgba(0, 0, 0, 0);
  border-color: #258cd1;
}
.btn-primary-outline:active,
.primary-outline:active {
  color: #3498db;
  background-color: rgba(0, 0, 0, 0);
  border-color: #2282c1;
  -webkit-box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  /*     .transition(all .25s ease); */
  outline: 0;
}
.btn-primary-outline:hover,
.primary-outline:hover {
  border-color: rgba(0, 0, 0, 0.08);
  color: #ffffff;
  background-color: #3498db;
}
.btn-primary-outline:active,
.primary-outline:active {
  -webkit-box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
}

.btn-danger,
.nav > li > a.btn-danger {
  color: #ffffff;
  background-color: #e74c3c;
  border-color: #e32f1c;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.btn-danger:hover,
.nav > li > a.btn-danger:hover {
  background-color: #e43725;
  border-color: #cd2a19;
}
.btn-danger:active,
.nav > li > a.btn-danger:active {
  color: #ffffff;
  background-color: #dd2d1b;
  border-color: #bd2717;
  -webkit-box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  /*     .transition(all .25s ease); */
  outline: 0;
}
.btn-danger-outline,
.danger-outline {
  color: #e74c3c;
  background-color: transparent;
  border-color: #e74c3c;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease;
  text-shadow: none;
}
.btn-danger-outline:hover,
.danger-outline:hover {
  background-color: rgba(0, 0, 0, 0);
  border-color: #e43725;
}
.btn-danger-outline:active,
.danger-outline:active {
  color: #e74c3c;
  background-color: rgba(0, 0, 0, 0);
  border-color: #dd2d1b;
  -webkit-box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  /*     .transition(all .25s ease); */
  outline: 0;
}
.btn-danger-outline:hover,
.danger-outline:hover {
  border-color: rgba(0, 0, 0, 0.08);
  color: #ffffff;
  background-color: #e74c3c;
}
.btn-danger-outline:active,
.danger-outline:active {
  -webkit-box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
}

.btn-info,
.nav > li > a.btn-info {
  color: #ffffff;
  background-color: #24cabc;
  border-color: #1faca0;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.btn-info:hover,
.nav > li > a.btn-info:hover {
  background-color: #20b4a8;
  border-color: #1b968c;
}
.btn-info:active,
.nav > li > a.btn-info:active {
  color: #ffffff;
  background-color: #1da59a;
  border-color: #18877e;
  -webkit-box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  /*     .transition(all .25s ease); */
  outline: 0;
}
.btn-info-outline,
.info-outline {
  color: #24cabc;
  background-color: transparent;
  border-color: #24cabc;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease;
  text-shadow: none;
}
.btn-info-outline:hover,
.info-outline:hover {
  background-color: rgba(0, 0, 0, 0);
  border-color: #20b4a8;
}
.btn-info-outline:active,
.info-outline:active {
  color: #24cabc;
  background-color: rgba(0, 0, 0, 0);
  border-color: #1da59a;
  -webkit-box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  /*     .transition(all .25s ease); */
  outline: 0;
}
.btn-info-outline:hover,
.info-outline:hover {
  border-color: rgba(0, 0, 0, 0.08);
  color: #ffffff;
  background-color: #24cabc;
}
.btn-info-outline:active,
.info-outline:active {
  -webkit-box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
}

.btn-warning,
.nav > li > a.btn-warning {
  color: #ffffff;
  background-color: #f39c12;
  border-color: #d6880b;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.btn-warning:hover,
.nav > li > a.btn-warning:hover {
  background-color: #e08e0b;
  border-color: #be780a;
}
.btn-warning:active,
.nav > li > a.btn-warning:active {
  color: #ffffff;
  background-color: #cf830a;
  border-color: #ad6e09;
  -webkit-box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  /*     .transition(all .25s ease); */
  outline: 0;
}
.btn-warning-outline,
.warning-outline {
  color: #f39c12;
  background-color: transparent;
  border-color: #f39c12;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease;
  text-shadow: none;
}
.btn-warning-outline:hover,
.warning-outline:hover {
  background-color: rgba(0, 0, 0, 0);
  border-color: #e08e0b;
}
.btn-warning-outline:active,
.warning-outline:active {
  color: #f39c12;
  background-color: rgba(0, 0, 0, 0);
  border-color: #cf830a;
  -webkit-box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  /*     .transition(all .25s ease); */
  outline: 0;
}
.btn-warning-outline:hover,
.warning-outline:hover {
  border-color: rgba(0, 0, 0, 0.08);
  color: #ffffff;
  background-color: #f39c12;
}
.btn-warning-outline:active,
.warning-outline:active {
  -webkit-box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
}
.btn-success,
.nav > li > a.btn-success {
  color: #ffffff;
  background-color: #2ecc71;
  border-color: #27af61;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.btn-success:hover,
.nav > li > a.btn-success:hover {
  background-color: #29b765;
  border-color: #239a55;
}
.btn-success:active,
.nav > li > a.btn-success:active {
  color: #ffffff;
  background-color: #26a95d;
  border-color: #1f8b4d;
  -webkit-box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  /*     .transition(all .25s ease); */
  outline: 0;
}
.btn-success-outline,
.success-outline {
  color: #2ecc71;
  background-color: transparent;
  border-color: #2ecc71;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease;
  text-shadow: none;
}
.btn-success-outline:hover,
.success-outline:hover {
  background-color: rgba(0, 0, 0, 0);
  border-color: #29b765;
}
.btn-success-outline:active,
.success-outline:active {
  color: #2ecc71;
  background-color: rgba(0, 0, 0, 0);
  border-color: #26a95d;
  -webkit-box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  /*     .transition(all .25s ease); */
  outline: 0;
}
.btn-success-outline:hover,
.success-outline:hover {
  border-color: rgba(0, 0, 0, 0.08);
  color: #ffffff;
  background-color: #2ecc71;
}
.btn-success-outline:active,
.success-outline:active {
  -webkit-box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 2px 4px 1px rgba(0, 0, 0, 0.15);
}

/*20160524*/
.btn-teal{
    background-color:#00cdcd;
    color:#fff;
}
.btn-teal:hover{
    background-color:#00b3b3;
    color:#fff;
}


/*固定*/
.fixed-top{position:fixed;top:0;}
.fixed-bottom{position:fixed;bottom:0;}
.fixed-left{position:fixed;left:0;}
.fixed-right{position:fixed;right:0;}
.fixed-top-left{position:fixed;top:0;left:0;}
.fixed-top-right{position:fixed;top:0;right:0;}
.fixed-bottom-left{position:fixed;bottom:0;left:0;}
.fixed-bottom-right{position:fixed;bottom:0;right:0;}

/*show*/
@media (max-width:760px){
.show-l{display:block !important;}
.hidden-l{display:none !important;}
}
@media (min-width:761px) and (max-width:1000px){
.show-s{display:block !important;}
.hidden-s{display:none !important;}
}
@media (min-width:1001px) and (max-width:1200px){
.show-m{display:block !important;}
.hidden-m{display:none !important;}
}
@media (min-width:1201px){
.show-b{display:block !important;}
.hidden-b{display:none !important;}
}
.show{display:block !important;}
.hidden{display:none !important;visibility:hidden !important;}


/*font*/
@font-face{
font-family:'FontAwesome';
src:url('libs.baidu.comfontawesome4.1.0fontsfontawesome-webfont.eotv=4.1.0');
src:url('libs.baidu.comfontawesome4.1.0fontsfontawesome-webfont.eotiefix&v=4.1.0') format('embedded-opentype'), url('libs.baidu.comfontawesome4.1.0fontsfontawesome-webfont.woffv=4.1.0') format('woff'), url('libs.baidu.comfontawesome4.1.0fontsfontawesome-webfont.ttfv=4.1.0') format('truetype'), url('libs.baidu.comfontawesome4.1.0fontsfontawesome-webfont.svgv=4.1.0fontawesomeregular') format('svg');
font-weight:normal;font-style:normal;}
[class*='icon-']:before{display:inline-block;font-family:"FontAwesome";font-weight:normal;font-style:normal;vertical-align:baseline;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.icon-glass:before{content:"\f000";}.icon-music:before{content:"\f001";}.icon-envelope-o:before{content:"\f003";}.icon-heart:before{content:"\f004";}.icon-star:before{content:"\f005";}.icon-star-o:before{content:"\f006";}.icon-user:before{content:"\f007";}.icon-film:before{content:"\f008";}.icon-th-large:before{content:"\f009";}.icon-th:before{content:"\f00a";}.icon-th-list:before{content:"\f00b";}.icon-check:before{content:"\f00c";}.icon-times:before{content:"\f00d";}.icon-search-plus:before{content:"\f00e";}
.icon-search-minus:before{content:"\f010";}.icon-power-off:before{content:"\f011";}.icon-signal:before{content:"\f012";}.icon-gear:before,.icon-cog:before{content:"\f013";}.icon-trash-o:before{content:"\f014";}.icon-home:before{content:"\f015";}.icon-file-o:before{content:"\f016";}.icon-clock-o:before{content:"\f017";}.icon-road:before{content:"\f018";}.icon-download:before{content:"\f019";}.icon-arrow-circle-o-down:before{content:"\f01a";}.icon-arrow-circle-o-up:before{content:"\f01b";}.icon-inbox:before{content:"\f01c";}.icon-play-circle-o:before{content:"\f01d";}.icon-rotate-right:before,.icon-repeat:before{content:"\f01e";}
.icon-refresh:before{content:"\f021";}.icon-list-alt:before{content:"\f022";}.icon-lock:before{content:"\f023";}.icon-flag:before{content:"\f024";}.icon-headphones:before{content:"\f025";}.icon-volume-off:before{content:"\f026";}.icon-volume-down:before{content:"\f027";}.icon-volume-up:before{content:"\f028";}.icon-qrcode:before{content:"\f029";}.icon-barcode:before{content:"\f02a";}.icon-tag:before{content:"\f02b";}.icon-tags:before{content:"\f02c";}.icon-book:before{content:"\f02d";}.icon-bookmark:before{content:"\f02e";}.icon-print:before{content:"\f02f";}
.icon-camera:before{content:"\f030";}.icon-font:before{content:"\f031";}.icon-bold:before{content:"\f032";}.icon-italic:before{content:"\f033";}.icon-text-height:before{content:"\f034";}.icon-text-width:before{content:"\f035";}.icon-align-left:before{content:"\f036";}.icon-align-center:before{content:"\f037";}.icon-align-right:before{content:"\f038";}.icon-align-justify:before{content:"\f039";}.icon-list:before{content:"\f03a";}.icon-dedent:before,.icon-outdent:before{content:"\f03b";}.icon-indent:before{content:"\f03c";}.icon-video-camera:before{content:"\f03d";}.icon-photo:before,.icon-image:before,.icon-picture-o:before{content:"\f03e";}
.icon-pencil:before{content:"\f040";}.icon-map-marker:before{content:"\f041";}.icon-adjust:before{content:"\f042";}.icon-tint:before{content:"\f043";}.icon-edit:before,.icon-pencil-square-o:before{content:"\f044";}.icon-share-square-o:before{content:"\f045";}.icon-check-square-o:before{content:"\f046";}.icon-arrows:before{content:"\f047";}.icon-step-backward:before{content:"\f048";}.icon-fast-backward:before{content:"\f049";}.icon-backward:before{content:"\f04a";}.icon-play:before{content:"\f04b";}.icon-pause:before{content:"\f04c";}.icon-stop:before{content:"\f04d";}.icon-forward:before{content:"\f04e";}
.icon-fast-forward:before{content:"\f050";}.icon-step-forward:before{content:"\f051";}.icon-eject:before{content:"\f052";}.icon-chevron-left:before{content:"\f053";}.icon-chevron-right:before{content:"\f054";}.icon-plus-circle:before{content:"\f055";}.icon-minus-circle:before{content:"\f056";}.icon-times-circle:before{content:"\f057";}.icon-check-circle:before{content:"\f058";}.icon-question-circle:before{content:"\f059";}.icon-info-circle:before{content:"\f05a";}.icon-crosshairs:before{content:"\f05b";}.icon-times-circle-o:before{content:"\f05c";}.icon-check-circle-o:before{content:"\f05d";}.icon-ban:before{content:"\f05e";}
.icon-arrow-left:before{content:"\f060";}.icon-arrow-right:before{content:"\f061";}.icon-arrow-up:before{content:"\f062";}.icon-arrow-down:before{content:"\f063";}.icon-mail-forward:before,.icon-share:before{content:"\f064";}.icon-expand:before{content:"\f065";}.icon-compress:before{content:"\f066";}.icon-plus:before{content:"\f067";}.icon-minus:before{content:"\f068";}.icon-asterisk:before{content:"\f069";}.icon-exclamation-circle:before{content:"\f06a";}.icon-gift:before{content:"\f06b";}.icon-leaf:before{content:"\f06c";}.icon-fire:before{content:"\f06d";}.icon-eye:before{content:"\f06e";}
.icon-eye-slash:before{content:"\f070";}.icon-warning:before,.icon-exclamation-triangle:before{content:"\f071";}.icon-plane:before{content:"\f072";}.icon-calendar:before{content:"\f073";}.icon-random:before{content:"\f074";}.icon-comment:before{content:"\f075";}.icon-magnet:before{content:"\f076";}.icon-chevron-up:before{content:"\f077";}.icon-chevron-down:before{content:"\f078";}.icon-retweet:before{content:"\f079";}.icon-shopping-cart:before{content:"\f07a";}.icon-folder:before{content:"\f07b";}.icon-folder-open:before{content:"\f07c";}.icon-arrows-v:before{content:"\f07d";}.icon-arrows-h:before{content:"\f07e";}
.icon-bar-chart-o:before{content:"\f080";}.icon-twitter-square:before{content:"\f081";}.icon-facebook-square:before{content:"\f082";}.icon-camera-retro:before{content:"\f083";}.icon-key:before{content:"\f084";}.icon-gears:before,.icon-cogs:before{content:"\f085";}.icon-comments:before{content:"\f086";}.icon-thumbs-o-up:before{content:"\f087";}.icon-thumbs-o-down:before{content:"\f088";}.icon-star-half:before{content:"\f089";}.icon-heart-o:before{content:"\f08a";}.icon-sign-out:before{content:"\f08b";}.icon-linkedin-square:before{content:"\f08c";}.icon-thumb-tack:before{content:"\f08d";}.icon-external-link:before{content:"\f08e";}
.icon-sign-in:before{content:"\f090";}.icon-trophy:before{content:"\f091";}.icon-github-square:before{content:"\f092";}.icon-upload:before{content:"\f093";}.icon-lemon-o:before{content:"\f094";}.icon-phone:before{content:"\f095";}.icon-square-o:before{content:"\f096";}.icon-bookmark-o:before{content:"\f097";}.icon-phone-square:before{content:"\f098";}.icon-twitter:before{content:"\f099";}.icon-facebook:before{content:"\f09a";}.icon-github:before{content:"\f09b";}.icon-unlock:before{content:"\f09c";}.icon-credit-card:before{content:"\f09d";}.icon-rss:before{content:"\f09e";}
.icon-hdd-o:before{content:"\f0a0";}.icon-bullhorn:before{content:"\f0a1";}.icon-bell:before{content:"\f0f3";}.icon-certificate:before{content:"\f0a3";}.icon-hand-o-right:before{content:"\f0a4";}.icon-hand-o-left:before{content:"\f0a5";}.icon-hand-o-up:before{content:"\f0a6";}.icon-hand-o-down:before{content:"\f0a7";}.icon-arrow-circle-left:before{content:"\f0a8";}.icon-arrow-circle-right:before{content:"\f0a9";}.icon-arrow-circle-up:before{content:"\f0aa";}.icon-arrow-circle-down:before{content:"\f0ab";}.icon-globe:before{content:"\f0ac";}.icon-wrench:before{content:"\f0ad";}.icon-tasks:before{content:"\f0ae";}
.icon-filter:before{content:"\f0b0";}.icon-briefcase:before{content:"\f0b1";}.icon-arrows-alt:before{content:"\f0b2";}.icon-group:before,.icon-users:before{content:"\f0c0";}.icon-chain:before,.icon-link:before{content:"\f0c1";}.icon-cloud:before{content:"\f0c2";}.icon-flask:before{content:"\f0c3";}.icon-cut:before,.icon-scissors:before{content:"\f0c4";}.icon-copy:before,.icon-files-o:before{content:"\f0c5";}.icon-paperclip:before{content:"\f0c6";}.icon-save:before,.icon-floppy-o:before{content:"\f0c7";}.icon-square:before{content:"\f0c8";}.icon-navicon:before,.icon-reorder:before,.icon-bars:before{content:"\f0c9";}.icon-list-ul:before{content:"\f0ca";}.icon-list-ol:before{content:"\f0cb";}.icon-strikethrough:before{content:"\f0cc";}.icon-underline:before{content:"\f0cd";}.icon-table:before{content:"\f0ce";}
.icon-magic:before{content:"\f0d0";}.icon-truck:before{content:"\f0d1";}.icon-pinterest:before{content:"\f0d2";}.icon-pinterest-square:before{content:"\f0d3";}.icon-google-plus-square:before{content:"\f0d4";}.icon-google-plus:before{content:"\f0d5";}.icon-money:before{content:"\f0d6";}.icon-caret-down:before{content:"\f0d7";}.icon-caret-up:before{content:"\f0d8";}.icon-caret-left:before{content:"\f0d9";}.icon-caret-right:before{content:"\f0da";}.icon-columns:before{content:"\f0db";}.icon-unsorted:before,.icon-sort:before{content:"\f0dc";}.icon-sort-down:before,.icon-sort-desc:before{content:"\f0dd";}.icon-sort-up:before,.icon-sort-asc:before{content:"\f0de";}
.icon-envelope:before{content:"\f0e0";}.icon-linkedin:before{content:"\f0e1";}.icon-rotate-left:before,.icon-undo:before{content:"\f0e2";}.icon-legal:before,.icon-gavel:before{content:"\f0e3";}.icon-dashboard:before,.icon-tachometer:before{content:"\f0e4";}.icon-comment-o:before{content:"\f0e5";}.icon-comments-o:before{content:"\f0e6";}.icon-flash:before,.icon-bolt:before{content:"\f0e7";}.icon-sitemap:before{content:"\f0e8";}.icon-umbrella:before{content:"\f0e9";}.icon-paste:before,.icon-clipboard:before{content:"\f0ea";}.icon-lightbulb-o:before{content:"\f0eb";}.icon-exchange:before{content:"\f0ec";}.icon-cloud-download:before{content:"\f0ed";}.icon-cloud-upload:before{content:"\f0ee";}
.icon-user-md:before{content:"\f0f0";}.icon-stethoscope:before{content:"\f0f1";}.icon-suitcase:before{content:"\f0f2";}.icon-bell-o:before{content:"\f0a2";}.icon-coffee:before{content:"\f0f4";}.icon-cutlery:before{content:"\f0f5";}.icon-file-text-o:before{content:"\f0f6";}.icon-building-o:before{content:"\f0f7";}.icon-hospital-o:before{content:"\f0f8";}.icon-ambulance:before{content:"\f0f9";}.icon-medkit:before{content:"\f0fa";}.icon-fighter-jet:before{content:"\f0fb";}.icon-beer:before{content:"\f0fc";}.icon-h-square:before{content:"\f0fd";}.icon-plus-square:before{content:"\f0fe";}
.icon-angle-double-left:before{content:"\f100";}.icon-angle-double-right:before{content:"\f101";}.icon-angle-double-up:before{content:"\f102";}.icon-angle-double-down:before{content:"\f103";}.icon-angle-left:before{content:"\f104";}.icon-angle-right:before{content:"\f105";}.icon-angle-up:before{content:"\f106";}.icon-angle-down:before{content:"\f107";}.icon-desktop:before{content:"\f108";}.icon-laptop:before{content:"\f109";}.icon-tablet:before{content:"\f10a";}.icon-mobile-phone:before,.icon-mobile:before{content:"\f10b";}.icon-circle-o:before{content:"\f10c";}.icon-quote-left:before{content:"\f10d";}.icon-quote-right:before{content:"\f10e";}
.icon-spinner:before{content:"\f110";}.icon-circle:before{content:"\f111";}.icon-mail-reply:before,.icon-reply:before{content:"\f112";}.icon-github-alt:before{content:"\f113";}.icon-folder-o:before{content:"\f114";}.icon-folder-open-o:before{content:"\f115";}.icon-smile-o:before{content:"\f118";}.icon-frown-o:before{content:"\f119";}.icon-meh-o:before{content:"\f11a";}.icon-gamepad:before{content:"\f11b";}.icon-keyboard-o:before{content:"\f11c";}.icon-flag-o:before{content:"\f11d";}.icon-flag-checkered:before{content:"\f11e";}
.icon-terminal:before{content:"\f120";}.icon-code:before{content:"\f121";}.icon-mail-reply-all:before,.icon-reply-all:before{content:"\f122";}.icon-star-half-empty:before,.icon-star-half-full:before,.icon-star-half-o:before{content:"\f123";}.icon-location-arrow:before{content:"\f124";}.icon-crop:before{content:"\f125";}.icon-code-fork:before{content:"\f126";}.icon-unlink:before,.icon-chain-broken:before{content:"\f127";}.icon-question:before{content:"\f128";}.icon-info:before{content:"\f129";}.icon-exclamation:before{content:"\f12a";}.icon-superscript:before{content:"\f12b";}.icon-subscript:before{content:"\f12c";}.icon-eraser:before{content:"\f12d";}.icon-puzzle-piece:before{content:"\f12e";}
.icon-microphone:before{content:"\f130";}.icon-microphone-slash:before{content:"\f131";}.icon-shield:before{content:"\f132";}.icon-calendar-o:before{content:"\f133";}.icon-fire-extinguisher:before{content:"\f134";}.icon-rocket:before{content:"\f135";}.icon-maxcdn:before{content:"\f136";}.icon-chevron-circle-left:before{content:"\f137";}.icon-chevron-circle-right:before{content:"\f138";}.icon-chevron-circle-up:before{content:"\f139";}.icon-chevron-circle-down:before{content:"\f13a";}.icon-html5:before{content:"\f13b";}.icon-css3:before{content:"\f13c";}.icon-anchor:before{content:"\f13d";}.icon-unlock-alt:before{content:"\f13e";}
.icon-bullseye:before{content:"\f140";}.icon-ellipsis-h:before{content:"\f141";}.icon-ellipsis-v:before{content:"\f142";}.icon-rss-square:before{content:"\f143";}.icon-play-circle:before{content:"\f144";}.icon-ticket:before{content:"\f145";}.icon-minus-square:before{content:"\f146";}.icon-minus-square-o:before{content:"\f147";}.icon-level-up:before{content:"\f148";}.icon-level-down:before{content:"\f149";}.icon-check-square:before{content:"\f14a";}.icon-pencil-square:before{content:"\f14b";}.icon-external-link-square:before{content:"\f14c";}.icon-share-square:before{content:"\f14d";}.icon-compass:before{content:"\f14e";}
.icon-toggle-down:before,.icon-caret-square-o-down:before{content:"\f150";}.icon-toggle-up:before,.icon-caret-square-o-up:before{content:"\f151";}.icon-toggle-right:before,.icon-caret-square-o-right:before{content:"\f152";}.icon-euro:before,.icon-eur:before{content:"\f153";}.icon-gbp:before{content:"\f154";}.icon-dollar:before,.icon-usd:before{content:"\f155";}.icon-rupee:before,.icon-inr:before{content:"\f156";}.icon-cny:before,.icon-rmb:before,.icon-yen:before,.icon-jpy:before{content:"\f157";}.icon-ruble:before,.icon-rouble:before,.icon-rub:before{content:"\f158";}.icon-won:before,.icon-krw:before{content:"\f159";}.icon-bitcoin:before,.icon-btc:before{content:"\f15a";}.icon-file:before{content:"\f15b";}.icon-file-text:before{content:"\f15c";}.icon-sort-alpha-asc:before{content:"\f15d";}.icon-sort-alpha-desc:before{content:"\f15e";}
.icon-sort-amount-asc:before{content:"\f160";}.icon-sort-amount-desc:before{content:"\f161";}.icon-sort-numeric-asc:before{content:"\f162";}.icon-sort-numeric-desc:before{content:"\f163";}.icon-thumbs-up:before{content:"\f164";}.icon-thumbs-down:before{content:"\f165";}.icon-youtube-square:before{content:"\f166";}.icon-youtube:before{content:"\f167";}.icon-xing:before{content:"\f168";}.icon-xing-square:before{content:"\f169";}.icon-youtube-play:before{content:"\f16a";}.icon-dropbox:before{content:"\f16b";}.icon-stack-overflow:before{content:"\f16c";}.icon-instagram:before{content:"\f16d";}.icon-flickr:before{content:"\f16e";}
.icon-adn:before{content:"\f170";}.icon-bitbucket:before{content:"\f171";}.icon-bitbucket-square:before{content:"\f172";}.icon-tumblr:before{content:"\f173";}.icon-tumblr-square:before{content:"\f174";}.icon-long-arrow-down:before{content:"\f175";}.icon-long-arrow-up:before{content:"\f176";}.icon-long-arrow-left:before{content:"\f177";}.icon-long-arrow-right:before{content:"\f178";}.icon-apple:before{content:"\f179";}.icon-windows:before{content:"\f17a";}.icon-android:before{content:"\f17b";}.icon-linux:before{content:"\f17c";}.icon-dribbble:before{content:"\f17d";}.icon-skype:before{content:"\f17e";}
.icon-foursquare:before{content:"\f180";}.icon-trello:before{content:"\f181";}.icon-female:before{content:"\f182";}.icon-male:before{content:"\f183";}.icon-gittip:before{content:"\f184";}.icon-sun-o:before{content:"\f185";}.icon-moon-o:before{content:"\f186";}.icon-archive:before{content:"\f187";}.icon-bug:before{content:"\f188";}.icon-vk:before{content:"\f189";}.icon-weibo:before{content:"\f18a";}.icon-renren:before{content:"\f18b";}.icon-pagelines:before{content:"\f18c";}.icon-stack-exchange:before{content:"\f18d";}.icon-arrow-circle-o-right:before{content:"\f18e";}
.icon-arrow-circle-o-left:before{content:"\f190";}.icon-toggle-left:before,.icon-caret-square-o-left:before{content:"\f191";}.icon-dot-circle-o:before{content:"\f192";}.icon-wheelchair:before{content:"\f193";}.icon-vimeo-square:before{content:"\f194";}.icon-turkish-lira:before,.icon-try:before{content:"\f195";}.icon-plus-square-o:before{content:"\f196";}.icon-space-shuttle:before{content:"\f197";}.icon-slack:before{content:"\f198";}.icon-envelope-square:before{content:"\f199";}.icon-wordpress:before{content:"\f19a";}.icon-openid:before{content:"\f19b";}.icon-institution:before,.icon-bank:before,.icon-university:before{content:"\f19c";}.icon-mortar-board:before,.icon-graduation-cap:before{content:"\f19d";}.icon-yahoo:before{content:"\f19e";}
.icon-google:before{content:"\f1a0";}.icon-reddit:before{content:"\f1a1";}.icon-reddit-square:before{content:"\f1a2";}.icon-stumbleupon-circle:before{content:"\f1a3";}.icon-stumbleupon:before{content:"\f1a4";}.icon-delicious:before{content:"\f1a5";}.icon-digg:before{content:"\f1a6";}.icon-pied-piper-square:before,.icon-pied-piper:before{content:"\f1a7";}.icon-pied-piper-alt:before{content:"\f1a8";}.icon-drupal:before{content:"\f1a9";}.icon-joomla:before{content:"\f1aa";}.icon-language:before{content:"\f1ab";}.icon-fax:before{content:"\f1ac";}.icon-building:before{content:"\f1ad";}.icon-child:before{content:"\f1ae";}
.icon-paw:before{content:"\f1b0";}.icon-spoon:before{content:"\f1b1";}.icon-cube:before{content:"\f1b2";}.icon-cubes:before{content:"\f1b3";}.icon-behance:before{content:"\f1b4";}.icon-behance-square:before{content:"\f1b5";}.icon-steam:before{content:"\f1b6";}.icon-steam-square:before{content:"\f1b7";}.icon-recycle:before{content:"\f1b8";}.icon-automobile:before,.icon-car:before{content:"\f1b9";}.icon-cab:before,.icon-taxi:before{content:"\f1ba";}.icon-tree:before{content:"\f1bb";}.icon-spotify:before{content:"\f1bc";}.icon-deviantart:before{content:"\f1bd";}.icon-soundcloud:before{content:"\f1be";}
.icon-database:before{content:"\f1c0";}.icon-file-pdf-o:before{content:"\f1c1";}.icon-file-word-o:before{content:"\f1c2";}.icon-file-excel-o:before{content:"\f1c3";}.icon-file-powerpoint-o:before{content:"\f1c4";}.icon-file-photo-o:before,.icon-file-picture-o:before,.icon-file-image-o:before{content:"\f1c5";}.icon-file-zip-o:before,.icon-file-archive-o:before{content:"\f1c6";}.icon-file-sound-o:before,.icon-file-audio-o:before{content:"\f1c7";}.icon-file-movie-o:before,.icon-file-video-o:before{content:"\f1c8";}.icon-file-code-o:before{content:"\f1c9";}.icon-vine:before{content:"\f1ca";}.icon-codepen:before{content:"\f1cb";}.icon-jsfiddle:before{content:"\f1cc";}.icon-life-bouy:before,.icon-life-saver:before,.icon-support:before,.icon-life-ring:before{content:"\f1cd";}.icon-circle-o-notch:before{content:"\f1ce";}
.icon-ra:before,.icon-rebel:before{content:"\f1d0";}.icon-ge:before,.icon-empire:before{content:"\f1d1";}.icon-git-square:before{content:"\f1d2";}.icon-git:before{content:"\f1d3";}.icon-hacker-news:before{content:"\f1d4";}.icon-tencent-weibo:before{content:"\f1d5";}.icon-qq:before{content:"\f1d6";}.icon-wechat:before,.icon-weixin:before{content:"\f1d7";}.icon-send:before,.icon-paper-plane:before{content:"\f1d8";}.icon-send-o:before,.icon-paper-plane-o:before{content:"\f1d9";}.icon-history:before{content:"\f1da";}.icon-circle-thin:before{content:"\f1db";}.icon-header:before{content:"\f1dc";}.icon-paragraph:before{content:"\f1dd";}.icon-sliders:before{content:"\f1de";}.icon-share-alt:before{content:"\f1e0";}.icon-share-alt-square:before{content:"\f1e1";}.icon-bomb:before{content:"\f1e2";}
.close{display:inline-block;font-size:24px;cursor:pointer;line-height:24px;}
.close:before{content:"\00d7";}

/* ========================================================================
   Component: Overlay
 ========================================================================== */
/*
 * 1. Container width fits its content
 * 2. Create position context
 * 3. Set max-width for responsive images to prevent `inline-block` consequences
 * 4. Remove the gap between the container and its child element
 * 5. Needed for transitions and to fixed wrong scaling calculation for images in Chrome
 * 6. Fixed `overflow: hidden` to be ignored with border-radius and CSS transforms in Webkit
 * 7. Reset margin
 */
.uk-overlay {
  /* 1 */
  display: inline-block;
  /* 2 */
  position: relative;
  /* 3 */
  max-width: 100%;
  /* 4 */
  vertical-align: middle;
  /* 5 */
  overflow: hidden;
  /* 6 */
  -webkit-transform: translateZ(0);
  /* 7 */
  margin: 0;
}
/* 6 for Safari */
.uk-overlay.uk-border-circle {
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}
/*
 * Remove margin from content
 */
.uk-overlay > :first-child {
  margin-bottom: 0;
}
/* Sub-object `uk-overlay-panel`
 ========================================================================== */
/*
 * 1. Position cover
 * 2. Style
 */
.uk-overlay-panel {
  /* 1 */
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /* 2 */
  padding: 20px;
  color: #ffffff;
}
/*
 * Remove margin from the last-child
 */
.uk-overlay-panel > :last-child,
.uk-overlay-panel.uk-flex > * > :last-child {
  margin-bottom: 0;
}
/*
 * Keep color for headings if the default heading color is changed
 */
.uk-overlay-panel h1,
.uk-overlay-panel h2,
.uk-overlay-panel h3,
.uk-overlay-panel h4,
.uk-overlay-panel h5,
.uk-overlay-panel h6 {
  color: inherit;
}
.uk-overlay-panel a:not([class]) {
  color: inherit;
  text-decoration: underline;
}
.uk-overlay-panel a[class*='uk-icon-']:not(.uk-icon-button) {
  color: inherit;
}
/* Sub-object `uk-overlay-hover` and `uk-overlay-active`
 ========================================================================== */
.uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore) {
  opacity: 0;
}
.uk-overlay-active :not(.uk-active) > .uk-overlay-panel:not(.uk-ignore) {
  opacity: 0;
}
/* Modifier `uk-overlay-background`
 ========================================================================== */
.uk-overlay-background {
  background: rgba(0, 0, 0, 0.5);
}
/* Modifier `uk-overlay-image`
 ========================================================================== */
/*
 * Reset panel
 */
.uk-overlay-image {
  padding: 0;
}
/* Position modifiers
 ========================================================================== */
.uk-overlay-top {
  bottom: auto;
}
.uk-overlay-bottom {
  top: auto;
}
.uk-overlay-left {
  right: auto;
}
.uk-overlay-right {
  left: auto;
}
/* Sub-object `uk-overlay-icon`
 ========================================================================== */
.uk-overlay-icon:before {
  content: "\f002";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  font-size: 50px;
  line-height: 1;
  font-family: FontAwesome;
  text-align: center;
  color: #ffffff;
}
/* Transitions
 ========================================================================== */
.uk-overlay-fade,
.uk-overlay-scale,
.uk-overlay-spin,
.uk-overlay-grayscale,
.uk-overlay-blur,
[class*='uk-overlay-slide'] {
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
  transition-property: opacity transform filter;
}
.uk-overlay-active .uk-overlay-fade,
.uk-overlay-active .uk-overlay-scale,
.uk-overlay-active .uk-overlay-spin,
.uk-overlay-active [class*='uk-overlay-slide'] {
  transition-duration: 0.8s;
}
/*
 * Fade
 */
.uk-overlay-fade {
  opacity: 0.7;
}
.uk-overlay-hover:hover .uk-overlay-fade,
.uk-overlay-active .uk-active > .uk-overlay-fade {
  opacity: 1;
}
/*
 * Scale
 */
.uk-overlay-scale {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.uk-overlay-hover:hover .uk-overlay-scale,
.uk-overlay-active .uk-active > .uk-overlay-scale {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
/*
 * Spin
 */
.uk-overlay-spin {
  -webkit-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
}
.uk-overlay-hover:hover .uk-overlay-spin,
.uk-overlay-active .uk-active > .uk-overlay-spin {
  -webkit-transform: scale(1.1) rotate(3deg);
  transform: scale(1.1) rotate(3deg);
}
/*
 * Grayscale
 */
.uk-overlay-grayscale {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.uk-overlay-hover:hover .uk-overlay-grayscale,
.uk-overlay-active .uk-active > .uk-overlay-grayscale {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
/*
 * Slide
 */
[class*='uk-overlay-slide'] {
  opacity: 0;
}
/* Top */
.uk-overlay-slide-top {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
/* Bottom */
.uk-overlay-slide-bottom {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
/* Left */
.uk-overlay-slide-left {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
/* Right */
.uk-overlay-slide-right {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
/* Hover */
.uk-overlay-hover:hover [class*='uk-overlay-slide'],
.uk-overlay-active .uk-active > [class*='uk-overlay-slide'] {
  opacity: 1;
  -webkit-transform: translateX(0) translateY(0);
  transform: translateX(0) translateY(0);
}
/* DEPRECATED
 * Sub-object `uk-overlay-area`
 ========================================================================== */
/*
 * 1. Set position
 * 2. Set style
 * 3. Fade-in transition
 */
.uk-overlay-area {
  /* 1 */
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /* 2 */
  background: rgba(0, 0, 0, 0.3);
  /* 3 */
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  -webkit-transform: translate3d(0, 0, 0);
}
/*
 * Hover
 * 1. `uk-hover` to support touch devices
 * 2. Use optional `uk-overlay-toggle` to trigger the overlay earlier
 */
.uk-overlay:hover .uk-overlay-area,
.uk-overlay.uk-hover .uk-overlay-area,
.uk-overlay-toggle:hover .uk-overlay-area,
.uk-overlay-toggle.uk-hover .uk-overlay-area {
  opacity: 1;
}
/*
 * Icon
 */
.uk-overlay-area:empty:before {
  content: "\f002";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  font-size: 50px;
  line-height: 1;
  font-family: FontAwesome;
  text-align: center;
  color: #ffffff;
}
/* DEPRECATED
 * Sub-object `uk-overlay-area-content`
 ========================================================================== */
/*
 * Remove whitespace between child elements when using `inline-block`
 * Needed for Firefox
 */
.uk-overlay-area:not(:empty) {
  font-size: 0.001px;
}
/*
 * 1. Needed for vertical alignment
 */
.uk-overlay-area:not(:empty):before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
/*
 * 1. Set vertical alignment
 * 2. Reset whitespace hack
 * 3. Set horizontal alignment
 * 4. Set style
 */
.uk-overlay-area-content {
  /* 1 */
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  vertical-align: middle;
  /* 2 */
  font-size: 1rem;
  /* 3 */
  text-align: center;
  /* 4 */
  padding: 0 15px;
  color: #ffffff;
}
/*
 * Remove margin from the last-child
 */
.uk-overlay-area-content > :last-child {
  margin-bottom: 0;
}
/*
 * Links in overlay area
 */
.uk-overlay-area-content a:not([class]),
.uk-overlay-area-content a:not([class]):hover {
  color: inherit;
}
/* DEPRECATED
 * Sub-object `uk-overlay-caption`
 ========================================================================== */
/*
 * 1. Set position
 * 2. Set style
 * 3. Fade-in transition
 */
.uk-overlay-caption {
  /* 1 */
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  /* 2 */
  padding: 15px;
  background: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  /* 3 */
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  -webkit-transform: translate3d(0, 0, 0);
}
/*
 * Hover
 * 1. `uk-hover` to support touch devices
 * 2. Use optional `uk-overlay-toggle` to trigger the overlay earlier
 */
.uk-overlay:hover .uk-overlay-caption,
.uk-overlay.uk-hover .uk-overlay-caption,
.uk-overlay-toggle:hover .uk-overlay-caption,
.uk-overlay-toggle.uk-hover .uk-overlay-caption {
  opacity: 1;
}

/*时间轴*/

    .timeline { list-style-type: none; padding: 30px 0 50px; position: relative;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJUlEQVQIW2NkQAP/gYARWQwkAOLDBeECjEAAkkEWAKtEFwAJAgAZEBP+oM1IkwAAAABJRU5ErkJggg==") repeat-y scroll 165px 0 #eee; }
    .timeline ul{list-style-type: none; margin-left:0;}
    .timeline .event { margin-bottom: 80px; padding-right: 40px; position: relative;
}
.timeline .thumb { background-repeat: no-repeat; border-radius: 50% 50% 50% 50%; border: solid 4px #ddd; box-shadow:0 1px 1px rgba(200, 200, 200, 0.5); height: 100px; position: absolute; transform: scale(0.8) translateX(24px); width: 100px; left:0; *left:20px; top:0;}
.timeline .thumb span { bottom: -40px; color: #999; font-size: 15px; font-weight: 700; position: absolute; text-align: center; text-transform: uppercase; width: 100%; left:0;}
.timeline .inner { margin-left: 230px; perspective: 600px; position: relative; border-color: #F26328; /*box-shadow: 10px 0 10px -6px rgba(0, 0, 0, 0.1);*/ background:#fff; padding:20px; text-align:left;}
.timeline .inner:before {
    border-bottom: 20px solid transparent;
    border-top: 20px solid transparent;
    border-right: 20px solid #fff;
    content: "";
    display: inline-block;
    top: 37px;
    position: absolute;
    left: -20px;
}
.timeline label{ display: block; height: 24px; left: 152px; position: absolute; top: 36px; width: 24px; background: none repeat scroll 0 0 #fff; border-radius: 50% 50% 50% 50%; color: #41838E; font-size: 26px;  border:#ddd solid 4px; }
.timeline .event:hover label{ border:#ccc solid 4px; }



/* ========================================================================
   Component: 遮罩组件
 ========================================================================== */
/*
 * This is the modal overlay and modal dialog container
 * 1. Hide by default
 * 2. Set fixed position
 * 3. Allow scrolling for the modal dialog
 * 4. Mask the background page
 * 5. Fade-in transition
 * 6. Deactivate browser history navigation in IE11
 * 7. force hardware acceleration to prevent browser rendering hiccups
 */
.uk-modal {
  /* 1 */
  display: none;
  /* 2 */
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1010;
  /* 3 */
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  /* 4 */
  background: rgba(0, 0, 0, 0.6);
  /* 5 */
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  /* 6 */
  touch-action: cross-slide-y pinch-zoom double-tap-zoom;
  /* 7 */
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
/*
 * Open state
 */
.uk-modal.uk-open {
  opacity: 1;
}
/*
 * Prevents duplicated scrollbar caused by 4.
 */
.uk-modal-page,
.uk-modal-page body {
  overflow: hidden;
}
/* Sub-object: `uk-modal-dialog`
 ========================================================================== */
/*
 * 1. Create position context for caption, spinner and close button
 * 2. Set box sizing
 * 3. Set style
 * 4. Slide-in transition
 */
.uk-modal-dialog {
  /* 1 */
  position: relative;
  /* 2 */
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 50px auto;
  padding: 20px;
  width: 600px;
  max-width: 100%;
  max-width: calc(100% - 20px);
  /* 3 */
  background: #ffffff;
  /* 4 */
  opacity: 0;
  -webkit-transform: translateY(-100px);
  transform: translateY(-100px);
  -webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s linear, transform 0.3s ease-out;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
/* Phone landscape and smaller */
@media (max-width: 767px) {
  /*
     * Fit in small screen
     */
  .uk-modal-dialog {
    width: auto;
    margin: 10px auto;
  }
}
/*
 * Open state
 */
.uk-open .uk-modal-dialog {
  /* 4 */
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
/*
 * Remove margin from the last-child
 */
.uk-modal-dialog > :not([class*='uk-modal-']):last-child {
  margin-bottom: 0;
}
/* Close in modal
 ========================================================================== */
.uk-modal-dialog > .uk-close:first-child {
  margin: -10px -10px 0 0;
  float: right;
}
/*
 * Remove margin from adjacent element
 */
.uk-modal-dialog > .uk-close:first-child + :not([class*='uk-modal-']) {
  margin-top: 0;
}
/* Modifier: `uk-modal-dialog-lightbox`
 ========================================================================== */
.uk-modal-dialog-lightbox {
  margin: 15px auto;
  padding: 0;
  max-width: 95%;
  max-width: calc(100% - 30px);
  border-radius: 0;
}
/*
 * Close button
 */
.uk-modal-dialog-lightbox > .uk-close:first-child {
  position: absolute;
  top: -12px;
  right: -12px;
  margin: 0;
  float: none;
}
/* Phone landscape and smaller */
@media (max-width: 767px) {
  .uk-modal-dialog-lightbox > .uk-close:first-child {
    top: -7px;
    right: -7px;
  }
}
/* Modifier: `uk-modal-dialog-large`
 ========================================================================== */
/* Tablet and bigger */
@media (min-width: 768px) {
  .uk-modal-dialog-large {
    width: 930px;
  }
}
/* Large screen and bigger */
@media (min-width: 1220px) {
  .uk-modal-dialog-large {
    width: 1130px;
  }
}
/* Sub-Object: `uk-modal-header` and `uk-modal-footer`
 ========================================================================== */
.uk-modal-header {
  margin-bottom: 15px;
  margin: -20px -20px 15px -20px;
  padding: 20px;
  border-bottom: 1px solid #dddddd;
  border-radius: 4px 4px 0 0;
  background: #fafafa;
}
.uk-modal-footer {
  margin-top: 15px;
  margin: 15px -20px -20px -20px;
  padding: 20px;
  border-top: 1px solid #dddddd;
  border-radius: 0 0 4px 4px;
  background: #fafafa;
}
/*
 * Remove margin from the last-child
 */
.uk-modal-header > :last-child,
.uk-modal-footer > :last-child {
  margin-bottom: 0;
}
/* Sub-Object: `uk-modal-caption`
 ========================================================================== */
.uk-modal-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
  margin-bottom: -10px;
  color: #ffffff;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* Sub-Object: `uk-modal-spinner`
 ========================================================================== */
.uk-modal-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 25px;
  color: #ddd;
}
.uk-modal-spinner:after {
  content: "\f110";
  font-family: FontAwesome;
  -webkit-animation: uk-rotate 2s infinite linear;
  animation: uk-rotate 2s infinite linear;
}


/*
 * Visibility
 * Avoids setting display to `block` so it works also with `inline-block` and `table`
 */
/* Desktop and bigger */
@media (min-width: 960px) {
  .uk-visible-small {
    display: none !important;
  }
  .uk-visible-medium {
    display: none !important;
  }
  .uk-hidden-large {
    display: none !important;
  }
}
/* Tablets portrait */
@media (min-width: 768px) and (max-width: 959px) {
  .uk-visible-small {
    display: none !important;
  }
  .uk-visible-large {
    display: none !important ;
  }
  .uk-hidden-medium {
    display: none !important;
  }
}
/* Phone landscape and smaller*/
@media (max-width: 767px) {
  .uk-visible-medium {
    display: none !important;
  }
  .uk-visible-large {
    display: none !important;
  }
  .uk-hidden-small {
    display: none !important;
  }
}
/* Remove from the flow and screen readers on any device */
.uk-hidden {
  display: none !important;
  visibility: hidden !important;
}
/* It's hidden, but still affects layout */
.uk-invisible {
  visibility: hidden !important;
}
/* Show on hover */
.uk-visible-hover:hover .uk-hidden,
.uk-visible-hover:hover .uk-invisible {
  display: block !important;
  visibility: visible !important;
}
.uk-visible-hover-inline:hover .uk-hidden,
.uk-visible-hover-inline:hover .uk-invisible {
  display: inline-block !important;
  visibility: visible !important;
}
/* Hide on touch */
.uk-touch .uk-hidden-touch,
.uk-notouch .uk-hidden-notouch {
  display: none !important;
}

/* ========================================================================
   Component: Close
 ========================================================================== */
/*
 * Removes inner padding and border in Firefox 4+.
 */
.uk-close::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/*
 * 1. Correct inability to style clickable `input` types in iOS.
 * 2. Remove margins in Chrome, Safari and Opera.
 * 3. Remove borders for `button`.
 * 4. Address `overflow` set to `hidden` in IE 8/9/10/11.
 * 5. Correct `font` properties and `color` not being inherited for `button`.
 * 6. Address inconsistent `text-transform` inheritance which is only inherit in Firefox and IE
 * 7. Remove default `button` padding and background color
 * 8. Style
 */
.uk-close {
  /* 1 */
  -webkit-appearance: none;
  /* 2 */
  margin: 0;
  /* 3 */
  border: none;
  /* 4 */
  overflow: visible;
  /* 5 */
  font: inherit;
  color: inherit;
  /* 6 */
  text-transform: none;
  /* 7. */
  padding: 0;
  background: transparent;
  /* 8 */
  display: inline-block;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 20px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  opacity: 0.3;
}
/* Icon */
.uk-close:after {
  display: block;
  content: "\f00d";
  font-family: FontAwesome;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 * 3. Required for `a` elements
 */
.uk-close:hover,
.uk-close:focus {
  opacity: 0.5;
  /* 2 */
  outline: none;
  /* 3 */
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
/* Modifier
 ========================================================================== */
.uk-close-alt {
  padding: 2px;
  border-radius: 50%;
  background: #ffffff;
  opacity: 1;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 6px rgba(0, 0, 0, 0.3);
}
/* Hover */
.uk-close-alt:hover,
.uk-close-alt:focus {
  opacity: 1;
}
/* Icon */
.uk-close-alt:after {
  opacity: 0.5;
}
.uk-close-alt:hover:after,
.uk-close-alt:focus:after {
  opacity: 0.8;
}



/* ========================================================================
   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;
  /* 1 */
  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;
}


/*
 * 1. Behave like a block element
 */
.uk-grid-match > * > * {
  /* 1 */
  -ms-flex: none;
  -webkit-flex: none;
  flex: none;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
/* Even grid cell widths
 ========================================================================== */
[class*='uk-grid-width'] > * {
  -moz-box-sizing: border-box;
  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%;
}
/* Phone landscape and bigger */
@media (min-width: 480px) {
  .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-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-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-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%;
  }
}


/* ========================================================================
   Component: Slidenav
 ========================================================================== */
/*
 * 1. Required for `a` elements
 * 2. Dimension
 * 3. Style
 */
.uk-slidenav {
  /* 1 */
  display: inline-block;
  /* 2 */
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 60px;
  height: 60px;
  /* 3 */
  line-height: 60px;
  color: rgba(50, 50, 50, 0.4);
  font-size: 60px;
  text-align: center;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 * 3. Required for `a` elements
 * 4. Style
 */
.uk-slidenav:hover,
.uk-slidenav:focus {
  /* 2 */
  outline: none;
  /* 3 */
  text-decoration: none;
  /* 4 */
  color: rgba(50, 50, 50, 0.7);
  cursor: pointer;
}
/* Active */
.uk-slidenav:active {
  color: rgba(50, 50, 50, 0.9);
}
/*
 * Icons
 */
.uk-slidenav-previous:before {
  content: "\f104";
  font-family: FontAwesome;
}
.uk-slidenav-next:before {
  content: "\f105";
  font-family: FontAwesome;
}
/* Sub-object: `uk-slidenav-position`
 ========================================================================== */
/*
 * Create position context
 */
.uk-slidenav-position {
  position: relative;
}
/*
 * Center vertically
 */
.uk-slidenav-position .uk-slidenav {
  display: none;
  position: absolute;
  top: 50%;
  z-index: 1;
  margin-top: -30px;
}
.uk-slidenav-position:hover .uk-slidenav {
  display: block;
}
.uk-slidenav-position .uk-slidenav-previous {
  left: 20px;
}
.uk-slidenav-position .uk-slidenav-next {
  right: 20px;
}
/* Modifier: `uk-slidenav-contrast`
 ========================================================================== */
.uk-slidenav-contrast {
  color: rgba(255, 255, 255, 0.5);
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 */
.uk-slidenav-contrast:hover,
.uk-slidenav-contrast:focus {
  color: rgba(255, 255, 255, 0.7);
}
/* Active */
.uk-slidenav-contrast:active {
  color: rgba(255, 255, 255, 0.9);
}



/*内容框*/

.content-box.box-primary {
    background-color: #0099da;
    border: 1px solid #005174;
    color: #fff;
}
.content-box {
    display: block;
    margin-bottom: 5px;
    overflow: hidden;
    padding: 15px;
    text-align: center;
}

.icon-ar.icon-ar-inverse.icon-ar-white {
    background-color: transparent;
    border-color: #fff;
    color: #fff;
}
.icon-ar.icon-ar-white.icon-ar-inverse {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
}
.icon-ar.icon-ar-white {
    background-color: #fff;
    color: #0099da;
}
.icon-ar.icon-ar-lg {
    font-size: 22px;
    height: 50px;
    line-height: 2.2;
    width: 50px;
}
.icon-ar.icon-ar-inverse {
    background-color: transparent;
    border: 1px solid #0099da;
    color: #0099da;
}
.icon-ar.icon-ar-circle {
    border-radius: 100px;
}
.icon-ar {
    background-color: #0099da;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    height: 40px;
    line-height: 2.2;
    margin: 0 5px 5px 0;
    text-align: center;
    width: 40px;
}

.content-box-title {
    font-size: 24px;
    font-family: "Lato",sans-serif;
    font-weight: 300;
    line-height: 120%;
    margin: 20px 0 17px;
}

.content-box p {
    margin: 0 0 10px;
}


/*wells*/
.well {
    background-color: #f3f3f3;
    border-color: #e0e0e0;
    border-radius: 2px;
}

.well {
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 19px;
}

.well-sm {
    border-radius: 3px;
    padding: 9px;
}

.well-lg {
    border-radius: 6px;
    padding: 24px;
}


/*callouts*/

.bs-callout {
    background: #ddd none repeat scroll 0 0;
    border-radius: 6px;
    clear: both;
    margin: 60px 0;
    overflow: hidden;
    padding: 36px 0;
    position: relative;
}
.bs-callout h1, .bs-callout h2, .bs-callout h3 {
    line-height: 30px;
    margin: 0;
    text-transform: none;
    font-size: 1.8em;
}

.styleBackground {
    background-color: #2e363f;
    color: #fff;
}


/*shadows*/
.box-shadow-outer {
    position: relative;
    z-index: 1;
}

.box-shadow-outer .box-shadow-2::before, .box-shadow-outer .box-shadow-2::after {
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    bottom: 15px;
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.2);
    content: "";
    left: 10px;
    max-width: 300px;
    position: absolute;
    top: 50%;
    transform: rotate(-3deg);
    width: 50%;
    z-index: -1;
}
.box-shadow-outer .box-shadow-2::after {
    left: auto;
    right: 10px;
    transform: rotate(3deg);
}

.box-shadow-outer .box-shadow-2 {
    position: relative;
}

.box-shadow-block {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #eee;
    padding: 15px 20px;
}
.box-shadow-block {
    border-top: 2px solid #32c8de;
}
*::-moz-selection {
    background-color: #32c8de;
}
*::-moz-selection {
    color: #fff;
}




/*Testimonials*/

.quote {
    position: relative;
}
.quote.dark blockquote::before {
    border-top-color: #555;
}
.quote blockquote::before {
    border-right: 0.86667em solid transparent;
    border-top: 0.83333em solid #ccc;
    content: "";
    height: 0;
    left: 90px;
    position: absolute;
    top: 100%;
    width: 0;
}
.quote.dark blockquote {
    background-color: #555;
}

.quote blockquote {
    border: 0 none;
    border-radius: 8px;
    font-size: 14px;
    font-style: italic;
    margin: 0;
    padding: 0;
}
.quote blockquote p {
    color: #fff;
    padding: 25px 30px 45px;
}
.quote-footer {
    margin: 10px 0;
}

.quote-footer .quote-author-img img {
    background-color: #fff;
    border-radius: 50%;
    float: left;
    height: 90px;
    margin-left: -5px;
    margin-top: -40px;
    max-width: 90px;
    padding: 5px;
    position: relative;
    width: 90px;
    z-index: 1;
}
.quote-footer h4 {
    font-size: 13px;
    margin-bottom: 4px;
}
.quote-footer p {
    font-size: 13px;
    font-style: italic;
    font-weight: 400;
}


/*icon box*/

.gray-bg::before {
    background-color: transparent;
    box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.13);
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.gray-bg {
    background-color: #f1f1f1;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.13) !important;
    position: relative;
}
.box-style-1 {
    margin: 20px 0;
    padding: 20px;
    text-align: center;
    color: #666666;
}

.white-bg {
    background-color: #ffffff !important;
    border: medium none !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.box-style-1 i {
    font-size: 90px;
    margin: 15px 0 5px;
    text-align: center;
}


/*蒙版背景*/
.overlay-dark-m::after {
    background: rgba(19, 20, 22, 0.5) none repeat scroll 0 0;
}
.overlay-dark::after, .overlay-light::after, .overlay-dark-m::after {
    
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.overlay-dark, .overlay-light, .overlay-dark-m {
    position: relative;
}
.cover-4-bg {
    background: rgba(0, 0, 0, 0) url("../img/cover4.jpg") no-repeat fixed center 0;
}

.bg-cover, .cover-1-bg, .cover-2-bg, .cover-3-bg, .cover-4-bg, .page-bg {
    background-size: cover !important;
}


.intro-block.intro-page .container {
    padding-bottom: 80px;
    padding-top: 80px;
}

.content-block .container, .intro-block .container, .footer-block .container {
    position: relative;
    z-index: 200;
}
.boxed-section .container {
    max-width: 100%;
    width: auto !important;
}



.section-title.invert-colors {
    color: #fff;
}
.section-title {
    margin: 0 0 50px;
    text-align: center;
}
.no-margin-b {
    margin-bottom: 0 !important;
}




/* ========================================================================
   Component: Panel
 ========================================================================== */
/*
 * 1. Needed for `a` elements
 * 2. Create position context for badges
 */
.uk-panel {
  /* 1 */
  display: block;
  /* 2 */
  position: relative;
}
/*
 * Allow panels to be anchors
 */
.uk-panel,
.uk-panel:hover {
  text-decoration: none;
}
/*
 * Micro clearfix to make panels more robust
 */
.uk-panel:before,
.uk-panel:after {
  content: "";
  display: table;
}
.uk-panel:after {
  clear: both;
}
/*
 * Remove margin from the last-child if not `uk-widget-title`
 */
.uk-panel > :not(.uk-panel-title):last-child {
  margin-bottom: 0;
}
/* Sub-object: `uk-panel-title`
 ========================================================================== */
.uk-panel-title {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 24px;
  font-weight: normal;
  text-transform: none;
  color: #444;
}
/* Sub-object: `uk-panel-badge`
 ========================================================================== */
.uk-panel-badge {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
/* Sub-object: `uk-panel-teaser`
 ========================================================================== */
.uk-panel-teaser {
  margin-bottom: 15px;
}
/* Sub-object: `uk-panel-body`
 ========================================================================== */
.uk-panel-body {
  padding: 15px;
}
/* Modifier: `uk-panel-box`
 ========================================================================== */
.uk-panel-box {
  padding: 15px;
  background: #fafafa;
  color: #444;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.uk-panel-box-hover:hover {
  color: #444;
}
.uk-panel-box .uk-panel-title {
  color: #444;
}
.uk-panel-box .uk-panel-badge {
  top: 10px;
  right: 10px;
}
.uk-panel-box > .uk-panel-teaser {
  margin-top: -16px;
  margin-left: -16px;
  margin-right: -16px;
}
/*
 * Nav in panel
 */
.uk-panel-box > .uk-nav-side {
  margin: 0 -15px;
}
/*
 * Sub-modifier: `uk-panel-box-primary`
 */
.uk-panel-box-primary {
  background-color: #ebf7fd;
  color: #2d7091;
  border-color: rgba(45, 112, 145, 0.3);
}
.uk-panel-box-primary-hover:hover {
  color: #2d7091;
}
.uk-panel-box-primary .uk-panel-title {
  color: #2d7091;
}
/*
 * Sub-modifier: `uk-panel-box-secondary`
 */
.uk-panel-box-secondary {
  background-color: #fff;
  color: #444;
}
.uk-panel-box-secondary-hover:hover {
  color: #444;
}
.uk-panel-box-secondary .uk-panel-title {
  color: #444;
}
/* Modifier: `uk-panel-hover`
 ========================================================================== */
.uk-panel-hover {
  padding: 15px;
  color: #444;
  border: 1px solid transparent;
  border-radius: 4px;
}
.uk-panel-hover:hover {
  background: #fafafa;
  color: #444;
  border-color: #ddd;
}
.uk-panel-hover .uk-panel-badge {
  top: 10px;
  right: 10px;
}
.uk-panel-hover > .uk-panel-teaser {
  margin-top: -16px;
  margin-left: -16px;
  margin-right: -16px;
}
/* Modifier: `uk-panel-header`
 ========================================================================== */
.uk-panel-header .uk-panel-title {
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  color: #444;
}
/* Modifier: `uk-panel-space`
 ========================================================================== */
.uk-panel-space {
  padding: 30px;
}
.uk-panel-space .uk-panel-badge {
  top: 30px;
  right: 30px;
}
/* Modifier: `uk-panel-divider`
 ========================================================================== */
.uk-panel + .uk-panel-divider {
  margin-top: 50px !important;
}
.uk-panel + .uk-panel-divider:before {
  content: "";
  display: block;
  position: absolute;
  top: -25px;
  left: 0;
  right: 0;
  border-top: 1px solid #ddd;
}
/* Large screen and bigger */
@media (min-width: 1220px) {
  .uk-panel + .uk-panel-divider {
    margin-top: 70px !important;
  }
  .uk-panel + .uk-panel-divider:before {
    top: -35px;
  }
}
.uk-panel-box .uk-panel-teaser {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  overflow: hidden;
  -webkit-transform: translateZ(0);
}
/* ========================================================================
   Component: Block
 ========================================================================== */
.uk-block {
  position: relative;
  box-sizing: border-box;
  padding-top: 20px;
  padding-bottom: 20px;
}
/* Phone landscape and bigger */
@media (min-width: 768px) {
  .uk-block {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
/*
 * Micro clearfix to make blocks more robust
 */
.uk-block:before,
.uk-block:after {
  content: "";
  display: table;
}
.uk-block:after {
  clear: both;
}
/*
 * Remove margin from the last-child
 */
.uk-block > :last-child {
  margin-bottom: 0;
}
/* Padding Modifier
 ========================================================================== */
/*
 * Large padding
 */
.uk-block-large {
  padding-top: 20px;
  padding-bottom: 20px;
}
/* Tablets and bigger */
@media (min-width: 768px) {
  .uk-block-large {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
/* Desktop and bigger */
@media (min-width: 960px) {
  .uk-block-large {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
/* Color Modifier
 ========================================================================== */
/*
 * Default
 */
.uk-block-default {
  background: #fff;
}
/*
 * Muted
 */
.uk-block-muted {
  background: #f9f9f9;
}
/*
 * Primary
 */
.uk-block-primary {
  background: #00a8e6;
}
/*
 * Secondary
 */
.uk-block-secondary {
  background: #222;
}
/*
     * Adjust padding between equal colored blocks
     */
.uk-block-default + .uk-block-default,
.uk-block-muted + .uk-block-muted,
.uk-block-primary + .uk-block-primary,
.uk-block-secondary + .uk-block-secondary {
  padding-top: 0;
}

/* ========================================================================
   Component: Contrast
 ========================================================================== */
.uk-contrast {
  color: #fff;
  /* Active */
}
.uk-contrast a:not([class]),
.uk-contrast .uk-link {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
}
.uk-contrast a:not([class]):hover,
.uk-contrast .uk-link:hover {
  color: #fff;
  text-decoration: underline;
}
.uk-contrast :not(pre) > code,
.uk-contrast :not(pre) > kbd,
.uk-contrast :not(pre) > samp {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.1);
}
.uk-contrast em {
  color: #fff;
}
.uk-contrast h1,
.uk-contrast h2,
.uk-contrast h3,
.uk-contrast h4,
.uk-contrast h5,
.uk-contrast h6 {
  color: #fff;
}
.uk-contrast hr {
  border-top-color: rgba(255, 255, 255, 0.2);
}
.uk-contrast .uk-nav li > a,
.uk-contrast .uk-nav li > a:hover {
  text-decoration: none;
}
.uk-contrast .uk-nav-side > li > a {
  color: #fff;
}
.uk-contrast .uk-nav-side > li > a:hover,
.uk-contrast .uk-nav-side > li > a:focus {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  text-shadow: none;
}
.uk-contrast .uk-nav-side > li.uk-active > a {
  background: #fff;
  color: #444;
  text-shadow: none;
}
.uk-contrast .uk-nav-side .uk-nav-header {
  color: #fff;
}
.uk-contrast .uk-nav-side .uk-nav-divider {
  border-top-color: rgba(255, 255, 255, 0.2);
}
.uk-contrast .uk-nav-side ul a {
  color: rgba(255, 255, 255, 0.7);
}
.uk-contrast .uk-nav-side ul a:hover {
  color: #fff;
}
.uk-contrast .uk-subnav > * > a {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
}
.uk-contrast .uk-subnav > * > a:hover,
.uk-contrast .uk-subnav > * > a:focus {
  color: #fff;
  text-decoration: none;
}
.uk-contrast .uk-subnav > .uk-active > a {
  color: #fff;
}
.uk-contrast .uk-subnav-line > :nth-child(n+2):before {
  border-left-color: rgba(255, 255, 255, 0.2);
}
.uk-contrast .uk-subnav-pill > * > a:hover,
.uk-contrast .uk-subnav-pill > * > a:focus {
  background: rgba(255, 255, 255, 0.7);
  color: #444;
  text-decoration: none;
}
.uk-contrast .uk-subnav-pill > .uk-active > a {
  background: #fff;
  color: #444;
}
.uk-contrast .uk-tab {
  border-bottom-color: rgba(255, 255, 255, 0.2);
}
.uk-contrast .uk-tab > li > a {
  border-color: transparent;
  color: rgba(255, 255, 255, 0.7);
  text-shadow: none;
}
.uk-contrast .uk-tab > li > a:hover,
.uk-contrast .uk-tab > li > a:focus,
.uk-contrast .uk-tab > li.uk-open > a {
  border-color: rgba(255, 255, 255, 0.7);
  background: rgba(255, 255, 255, 0.7);
  color: #444;
  text-decoration: none;
}
.uk-contrast .uk-tab > li.uk-active > a {
  border-color: rgba(255, 255, 255, 0.2);
  border-bottom-color: transparent;
  background: #fff;
  color: #444;
}
.uk-contrast .uk-tab-center {
  border-bottom-color: rgba(255, 255, 255, 0.2);
}
.uk-contrast .uk-tab-grid:before {
  border-top-color: rgba(255, 255, 255, 0.2);
}
.uk-contrast .uk-list-line > li:nth-child(n+2) {
  border-top-color: rgba(255, 255, 255, 0.2);
}
.uk-contrast .uk-form select,
.uk-contrast .uk-form textarea,
.uk-contrast .uk-form input:not([type]),
.uk-contrast .uk-form input[type="text"],
.uk-contrast .uk-form input[type="password"],
.uk-contrast .uk-form input[type="datetime"],
.uk-contrast .uk-form input[type="datetime-local"],
.uk-contrast .uk-form input[type="date"],
.uk-contrast .uk-form input[type="month"],
.uk-contrast .uk-form input[type="time"],
.uk-contrast .uk-form input[type="week"],
.uk-contrast .uk-form input[type="number"],
.uk-contrast .uk-form input[type="email"],
.uk-contrast .uk-form input[type="url"],
.uk-contrast .uk-form input[type="search"],
.uk-contrast .uk-form input[type="tel"],
.uk-contrast .uk-form input[type="color"] {
  border-color: rgba(255, 255, 255, 0.8);
  background: rgba(255, 255, 255, 0.8);
  color: #444;
  background-clip: padding-box;
}
.uk-contrast .uk-form select:focus,
.uk-contrast .uk-form textarea:focus,
.uk-contrast .uk-form input:not([type]):focus,
.uk-contrast .uk-form input[type="text"]:focus,
.uk-contrast .uk-form input[type="password"]:focus,
.uk-contrast .uk-form input[type="datetime"]:focus,
.uk-contrast .uk-form input[type="datetime-local"]:focus,
.uk-contrast .uk-form input[type="date"]:focus,
.uk-contrast .uk-form input[type="month"]:focus,
.uk-contrast .uk-form input[type="time"]:focus,
.uk-contrast .uk-form input[type="week"]:focus,
.uk-contrast .uk-form input[type="number"]:focus,
.uk-contrast .uk-form input[type="email"]:focus,
.uk-contrast .uk-form input[type="url"]:focus,
.uk-contrast .uk-form input[type="search"]:focus,
.uk-contrast .uk-form input[type="tel"]:focus,
.uk-contrast .uk-form input[type="color"]:focus {
  border-color: #fff;
  background: #fff;
  color: #444;
}
.uk-contrast .uk-form :-ms-input-placeholder {
  color: rgba(68, 68, 68, 0.7) !important;
}
.uk-contrast .uk-form ::-moz-placeholder {
  color: rgba(68, 68, 68, 0.7);
}
.uk-contrast .uk-form ::-webkit-input-placeholder {
  color: rgba(68, 68, 68, 0.7);
}
.uk-contrast .uk-button {
  color: #444;
  background: #fff;
  border-color: transparent;
}
.uk-contrast .uk-button:hover,
.uk-contrast .uk-button:focus {
  background-color: rgba(255, 255, 255, 0.8);
  color: #444;
  border-color: transparent;
}
.uk-contrast .uk-button:active,
.uk-contrast .uk-button.uk-active {
  background-color: rgba(255, 255, 255, 0.7);
  color: #444;
}
.uk-contrast .uk-button-primary {
  background-color: #00a8e6;
  color: #fff;
}
.uk-contrast .uk-button-primary:hover,
.uk-contrast .uk-button-primary:focus {
  background-color: #35b3ee;
  color: #fff;
}
.uk-contrast .uk-button-primary:active,
.uk-contrast .uk-button-primary.uk-active {
  background-color: #0091ca;
  color: #fff;
}
.uk-contrast .uk-icon-hover {
  color: rgba(255, 255, 255, 0.7);
}
.uk-contrast .uk-icon-hover:hover {
  color: #fff;
}
.uk-contrast .uk-icon-button {
  background: #fff;
  color: #444;
  border-color: transparent;
}
.uk-contrast .uk-icon-button:hover,
.uk-contrast .uk-icon-button:focus {
  background-color: rgba(255, 255, 255, 0.8);
  color: #444;
  border-color: transparent;
}
.uk-contrast .uk-icon-button:active {
  background-color: rgba(255, 255, 255, 0.7);
  color: #444;
}
.uk-contrast .uk-text-muted {
  color: rgba(255, 255, 255, 0.6) !important;
}
.uk-contrast .uk-text-primary {
  color: #2d7091 !important;
}


/*card*/
.card-panel {
  transition: box-shadow .25s;
  padding: 24px;
  margin: 0.5rem 0 1rem 0;
  border-radius: 2px;
  background-color: #fff;
}

.card {
  position: relative;
  margin: 0.5rem 0 1rem 0;
  background-color: #fff;
  transition: box-shadow .25s;
  border-radius: 2px;
}

.card .card-title {
  font-size: 24px;
  font-weight: 300;
}

.card .card-title.activator {
  cursor: pointer;
}

.card.small, .card.medium, .card.large {
  position: relative;
}

.card.small .card-image, .card.medium .card-image, .card.large .card-image {
  max-height: 60%;
  overflow: hidden;
}

.card.small .card-image + .card-content, .card.medium .card-image + .card-content, .card.large .card-image + .card-content {
  max-height: 40%;
}

.card.small .card-content, .card.medium .card-content, .card.large .card-content {
  max-height: 100%;
  overflow: hidden;
}

.card.small .card-action, .card.medium .card-action, .card.large .card-action {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.card.small {
  height: 300px;
}

.card.medium {
  height: 400px;
}

.card.large {
  height: 500px;
}

.card.horizontal {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.card.horizontal.small .card-image, .card.horizontal.medium .card-image, .card.horizontal.large .card-image {
  height: 100%;
  max-height: none;
  overflow: visible;
}

.card.horizontal.small .card-image img, .card.horizontal.medium .card-image img, .card.horizontal.large .card-image img {
  height: 100%;
}

.card.horizontal .card-image {
  max-width: 50%;
}

.card.horizontal .card-image img {
  border-radius: 2px 0 0 2px;
  max-width: 100%;
  width: auto;
}

.card.horizontal .card-stacked {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}

.card.horizontal .card-stacked .card-content {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.card.sticky-action .card-action {
  z-index: 2;
}

.card.sticky-action .card-reveal {
  z-index: 1;
  padding-bottom: 64px;
}

.card .card-image {
  position: relative;
}

.card .card-image img {
  display: block;
  border-radius: 2px 2px 0 0;
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
}

.card .card-image .card-title {
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 24px;
}

.card .card-content {
  padding: 24px;
  border-radius: 0 0 2px 2px;
}

.card .card-content p {
  margin: 0;
  color: inherit;
}

.card .card-content .card-title {
  display: block;
  line-height: 32px;
  margin-bottom: 8px;
}

.card .card-content .card-title i {
  line-height: 32px;
}

.card .card-action {
  position: relative;
  background-color: inherit;
  border-top: 1px solid rgba(160, 160, 160, 0.2);
  padding: 16px 24px;
}

.card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating) {
  color: #ffab40;
  margin-right: 24px;
  transition: color .3s ease;
  text-transform: uppercase;
}

.card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating):hover {
  color: #ffd8a6;
}

.card .card-reveal {
  padding: 24px;
  position: absolute;
  background-color: #fff;
  width: 100%;
  overflow-y: auto;
  left: 0;
  top: 100%;
  height: 100%;
  z-index: 3;
  display: none;
}

.card .card-reveal .card-title {
  cursor: pointer;
  display: block;
}


/*collections*/

.collection {
  margin: 0.5rem 0 1rem 0;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
  font-size: 16px;
  border-radius: 5px;
}

.collection .collection-item {
  background-color: #fff;
  line-height: 2.0rem;
  padding: 10px 30px;
  margin: 0;
  border-bottom: 1px solid #e0e0e0;
  text-align: center;
}

.collection .collection-item.avatar {
  min-height: 84px;
  padding-left: 72px;
  position: relative;
}

.collection .collection-item.avatar .circle {
  position: absolute;
  width: 42px;
  height: 42px;
  overflow: hidden;
  left: 15px;
  display: inline-block;
  vertical-align: middle;
}

.collection .collection-item.avatar i.circle {
  font-size: 18px;
  line-height: 42px;
  color: #fff;
  background-color: #999;
  text-align: center;
}

.collection .collection-item.avatar .title {
  font-size: 16px;
}

.collection .collection-item.avatar p {
  margin: 0;
}

.collection .collection-item.avatar .secondary-content {
  position: absolute;
  top: 16px;
  right: 16px;
}

.collection .collection-item:last-child {
  border-bottom: none;
}

.collection .collection-item.active {
  background-color: #9a4447;
  color: #fff;
}

.collection .collection-item.active .secondary-content {
  color: #fff;
}

.collection a.collection-item {
  display: block;
  transition: .25s;
  color: #888c8e;
}

.collection a.collection-item.active:hover {
  
  color: #fff ! important;
}


.collection a.collection-item:not(.active):hover {
  background-color: #ddd;
}


.collection.with-header .collection-header {
  background-color: #fff;
  border-bottom: 1px solid #e0e0e0;
  padding: 10px 20px;
}

.collection.with-header .collection-item {
  padding-left: 30px;
}

.collection.with-header .collection-item.avatar {
  padding-left: 72px;
}

.secondary-content {
  float: right;
  color: #1F8BCC;
}

.collapsible .collection {
  margin: 0;
  border: none;
}


/*message*/
.message {
  background-color: whitesmoke;
  border-radius: 3px;
  font-size: 1em;
}

.message:not(:last-child) {
  margin-bottom: 1.5rem;
}

.message strong {
  color: currentColor;
}

.message a:not(.button):not(.tag) {
  color: currentColor;
  text-decoration: underline;
}

.message.is-small {
  font-size: 0.75rem;
}

.message.is-medium {
  font-size: 1.25rem;
}

.message.is-large {
  font-size: 1.5rem;
}

.message.is-white {
  background-color: white;
}

.message.is-white .message-header {
  background-color: white;
  color: #0a0a0a;
}

.message.is-white .message-body {
  border-color: white;
  color: #4d4d4d;
}

.message.is-black {
  background-color: #fafafa;
}

.message.is-black .message-header {
  background-color: #0a0a0a;
  color: white;
}

.message.is-black .message-body {
  border-color: #0a0a0a;
  color: #090909;
}

.message.is-light {
  background-color: #fafafa;
}

.message.is-light .message-header {
  background-color: whitesmoke;
  color: #363636;
}

.message.is-light .message-body {
  border-color: whitesmoke;
  color: #505050;
}

.message.is-dark {
  background-color: #fafafa;
}

.message.is-dark .message-header {
  background-color: #363636;
  color: whitesmoke;
}

.message.is-dark .message-body {
  border-color: #363636;
  color: #2a2a2a;
}

.message.is-primary {
  background-color: #f5fffd;
}

.message.is-primary .message-header {
  background-color: #00d1b2;
  color: #fff;
}

.message.is-primary .message-body {
  border-color: #00d1b2;
  color: #021310;
}

.message.is-link {
  background-color: #f6f9fe;
}

.message.is-link .message-header {
  background-color: #3273dc;
  color: #fff;
}

.message.is-link .message-body {
  border-color: #3273dc;
  color: #22509a;
}

.message.is-info {
  background-color: #f6fbfe;
}

.message.is-info .message-header {
  background-color: #209cee;
  color: #fff;
}

.message.is-info .message-body {
  border-color: #209cee;
  color: #12537e;
}

.message.is-success {
  background-color: #f6fef9;
}

.message.is-success .message-header {
  background-color: #23d160;
  color: #fff;
}

.message.is-success .message-body {
  border-color: #23d160;
  color: #0e301a;
}

.message.is-warning {
  background-color: #fffdf5;
}

.message.is-warning .message-header {
  background-color: #ffdd57;
  color: rgba(0, 0, 0, 0.7);
}

.message.is-warning .message-body {
  border-color: #ffdd57;
  color: #3b3108;
}

.message.is-danger {
  background-color: #fff5f7;
}

.message.is-danger .message-header {
  background-color: #ff3860;
  color: #fff;
}

.message.is-danger .message-body {
  border-color: #ff3860;
  color: #cd0930;
}

.message-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #4a4a4a;
  border-radius: 3px 3px 0 0;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 1.25;
  padding: 0.5em 0.75em;
  position: relative;
}

.message-header p{
  margin-bottom: 0px;
}

.message-header .delete {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 0.75em;
}

.message-header + .message-body {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: none;
}

.message-body {
  border: 1px solid #dbdbdb;
  border-radius: 3px;
  color: #4a4a4a;
  padding: 1em 1.25em;
}

.message-body code,
.message-body pre {
  background-color: white;
}

.message-body pre code {
  background-color: transparent;
}