/* 按钮颜色 */

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
  font-family: 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.
 */

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

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

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

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden], template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

a:active, a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

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

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b, strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

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

/**
 * Address styling not present in IE 8/9.
 */

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

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

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

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button, input, optgroup, select, textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button, select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

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

/**
 * Re-set default cursor for disabled elements.
 */

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

/**
 * Remove inner padding and border in Firefox 4+.
 */

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

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

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

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

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

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

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

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

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

/**
 * Define consistent border, margin, and padding.
 */

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

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

td, th {
  padding: 0;
}

html, body{
    height: 100%;
    /* 默认字体 */
    font-size: 14px;
    font-family: arial,helvetica,simsun,sans-serif;
}
h1, h2, h3, h4, h5, p, ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

/* 默认边框盒模型 */
* {
    box-sizing: border-box;
}

/* 默认链接样式 */
a[href], .zen-link{
    color: #4A90E2;
    cursor: pointer;
    text-decoration: none;
}
a[href].highlight, .zen-link.highlight{
  color: #75BB00;
}
a[href]:hover, .zen-link:hover{
  text-decoration: none;
}
a.zen-hoverable, span.zen-hoverable{
    color: #555;
    cursor: pointer;
    text-decoration: none;
}
a.zen-hoverable.lighter, span.zen-hoverable.lighter{
  color: #999;
}
a.zen-hoverable:hover, span.zen-hoverable:hover{
  color: #000;
}
a.zen-hoverable-text, span.zen-hoverable-text{
    color: #D2D2D2;
    cursor: pointer;
    text-decoration: none;
}
a.zen-hoverable-text:hover, span.zen-hoverable-text:hover{
  color: #4A90E2;
}

/* 默认 placeholder 样式 */
:-ms-input-placeholder{
    color: #999;
}
::placeholder{
    color: #999;
}
.zen-placeholder{
    color: #999;
}

.zen-red-circle{
    background: #FC2229;
    width: 8px;
    height: 8px;
    border: 1px solid #FFF;
    border-radius: 50%;
}
@font-face {font-family: "patsnap-zen";
  src: url('fonts/iconfont.eot?t=1502162216546'); /* IE9*/
  src: url('fonts/iconfont.eot?t=1502162216546#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('fonts/iconfont.woff?t=1502162216546') format('woff'), /* chrome, firefox */
  url('fonts/iconfont.ttf?t=1502162216546') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('fonts/iconfont.svg?t=1502162216546#patsnap-zen') format('svg'); /* iOS 4.1- */
}

[class^="zen-icon-"], [class*=" zen-icon-"], .ui-datepicker-header .ui-datepicker-prev:before, .ui-datepicker-header .ui-datepicker-next:before {
  font-family:"patsnap-zen" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.zen-icon-more:before {
  content: "\e640";
}

.zen-icon-analysis:before {
  content: "\e6d0";
}

.zen-icon-arrow-right:before {
  content: "\e6d2";
}

.zen-icon-arrow-circle-right:before {
  content: "\e6d3";
}

.zen-icon-arrow-down:before {
  content: "\e6d4";
}

.zen-icon-arrow-circle-left:before {
  content: "\e6d5";
}

.zen-icon-arrow-up:before {
  content: "\e6d7";
}

.zen-icon-bell:before {
  content: "\e6d8";
}

.zen-icon-attachment:before {
  content: "\e6d9";
}

.zen-icon-auto-update:before {
  content: "\e6db";
}

.zen-icon-brush:before {
  content: "\e6dc";
}

.zen-icon-bug:before {
  content: "\e6dd";
}

.zen-icon-bulb:before {
  content: "\e6de";
}

.zen-icon-calendar-7:before {
  content: "\e6df";
}

.zen-icon-camera:before {
  content: "\e6e0";
}

.zen-icon-calendar-n:before {
  content: "\e6e1";
}

.zen-icon-caret-circle-down:before {
  content: "\e6e2";
}

.zen-icon-calendar-31:before {
  content: "\e6e3";
}

.zen-icon-caret-circle-left:before {
  content: "\e6e4";
}

.zen-icon-caret-circle-up:before {
  content: "\e6e5";
}

.zen-icon-caret-circle-right:before {
  content: "\e6e6";
}

.zen-icon-caret-down:before {
  content: "\e6e7";
}

.zen-icon-caret-left:before, .ui-datepicker-header .ui-datepicker-prev:before {
  content: "\e6e8";
}

.zen-icon-caret-right:before, .ui-datepicker-header .ui-datepicker-next:before {
  content: "\e6e9";
}

.zen-icon-caret-up:before {
  content: "\e6ea";
}

.zen-icon-chart-bubble:before {
  content: "\e6eb";
}

.zen-icon-chart-bar:before {
  content: "\e6ec";
}

.zen-icon-chart-data:before {
  content: "\e6ed";
}

.zen-icon-chart-donut-pie:before {
  content: "\e6ee";
}

.zen-icon-chart-curve-stack-area:before {
  content: "\e6ef";
}

.zen-icon-chart-curve-single-line:before {
  content: "\e6f0";
}

.zen-icon-chart-curve-group-line:before {
  content: "\e6f1";
}

.zen-icon-chart-horizontal-single-bar:before {
  content: "\e6f2";
}

.zen-icon-chart-line:before {
  content: "\e6f3";
}

.zen-icon-chart-earth:before {
  content: "\e6f4";
}

.zen-icon-chart-matrix-pie:before {
  content: "\e6f5";
}

.zen-icon-chart-table:before {
  content: "\e6f7";
}

.zen-icon-chart-treemap:before {
  content: "\e6f8";
}

.zen-icon-chart-vertical-group-bar:before {
  content: "\e6f9";
}

.zen-icon-chart-pie:before {
  content: "\e6fa";
}

.zen-icon-chart-vertical-single-bar:before {
  content: "\e6fb";
}

.zen-icon-chart-matrix-rectangle:before {
  content: "\e6fc";
}

.zen-icon-chart-vertical-stack-bar:before {
  content: "\e6fd";
}

.zen-icon-citation-map:before {
  content: "\e700";
}

.zen-icon-cog:before {
  content: "\e701";
}

.zen-icon-chemical:before {
  content: "\e702";
}

.zen-icon-combine:before {
  content: "\e703";
}

.zen-icon-cross-bold:before {
  content: "\e704";
}

.zen-icon-copy-to:before {
  content: "\e705";
}

.zen-icon-cross-circle:before {
  content: "\e706";
}

.zen-icon-comment:before {
  content: "\e707";
}

.zen-icon-cross-large:before {
  content: "\e708";
}

.zen-icon-chart-keywords:before {
  content: "\e709";
}

.zen-icon-cross-middle:before {
  content: "\e70a";
}

.zen-icon-cross-small:before {
  content: "\e70b";
}

.zen-icon-custom-fields:before {
  content: "\e70c";
}

.zen-icon-database:before {
  content: "\e70d";
}

.zen-icon-demo:before {
  content: "\e70f";
}

.zen-icon-dot:before {
  content: "\e710";
}

.zen-icon-double-caret-down:before {
  content: "\e711";
}

.zen-icon-double-caret-left:before {
  content: "\e712";
}

.zen-icon-double-caret-right:before {
  content: "\e713";
}

.zen-icon-dislike:before {
  content: "\e714";
}

.zen-icon-double-caret-up:before {
  content: "\e715";
}

.zen-icon-download:before {
  content: "\e716";
}

.zen-icon-ellipsis:before {
  content: "\e718";
}

.zen-icon-download-pdf:before {
  content: "\e71a";
}

.zen-icon-exclamation-mark:before {
  content: "\e71c";
}

.zen-icon-export-to-excel:before {
  content: "\e71d";
}

.zen-icon-eye:before {
  content: "\e71e";
}

.zen-icon-eye2:before {
  content: "\e71f";
}

.zen-icon-exit-full-screen:before {
  content: "\e720";
}

.zen-icon-feature:before {
  content: "\e721";
}

.zen-icon-filter:before {
  content: "\e722";
}

.zen-icon-flip-it:before {
  content: "\e723";
}

.zen-icon-folder:before {
  content: "\e724";
}

.zen-icon-folder-auto:before {
  content: "\e725";
}

.zen-icon-folder-new:before {
  content: "\e726";
}

.zen-icon-folder-sharp:before {
  content: "\e727";
}

.zen-icon-grid:before {
  content: "\e72a";
}

.zen-icon-general:before {
  content: "\e72b";
}

.zen-icon-group-name:before {
  content: "\e72c";
}

.zen-icon-full-screen:before {
  content: "\e72d";
}

.zen-icon-history:before {
  content: "\e72e";
}

.zen-icon-highlight:before {
  content: "\e72f";
}

.zen-icon-guide:before {
  content: "\e730";
}

.zen-icon-horizontal:before {
  content: "\e731";
}

.zen-icon-home:before {
  content: "\e732";
}

.zen-icon-hourglass:before {
  content: "\e733";
}

.zen-icon-info-circle:before {
  content: "\e734";
}

.zen-icon-import:before {
  content: "\e735";
}

.zen-icon-horn:before {
  content: "\e736";
}

.zen-icon-landscape:before {
  content: "\e737";
}

.zen-icon-insights:before {
  content: "\e738";
}

.zen-icon-landscape-metro-chart:before {
  content: "\e739";
}

.zen-icon-landscape-metro-data:before {
  content: "\e73a";
}

.zen-icon-landscape-metro-grid:before {
  content: "\e73b";
}

.zen-icon-landscape-metro-paper:before {
  content: "\e73c";
}

.zen-icon-like:before {
  content: "\e73d";
}

.zen-icon-licencing:before {
  content: "\e73e";
}

.zen-icon-list:before {
  content: "\e73f";
}

.zen-icon-list-in:before {
  content: "\e740";
}

.zen-icon-link:before {
  content: "\e741";
}

.zen-icon-list-out:before {
  content: "\e742";
}

.zen-icon-logout:before {
  content: "\e743";
}

.zen-icon-mail:before {
  content: "\e744";
}

.zen-icon-men:before {
  content: "\e745";
}

.zen-icon-litigation:before {
  content: "\e746";
}

.zen-icon-metro-chart:before {
  content: "\e747";
}

.zen-icon-metro-data:before {
  content: "\e748";
}

.zen-icon-metro-grid:before {
  content: "\e749";
}

.zen-icon-maximize:before {
  content: "\e74a";
}

.zen-icon-metro-play:before {
  content: "\e74b";
}

.zen-icon-metro-patent:before {
  content: "\e74c";
}

.zen-icon-minimize:before {
  content: "\e74d";
}

.zen-icon-minus-circle:before {
  content: "\e74e";
}

.zen-icon-metro-style:before {
  content: "\e74f";
}

.zen-icon-metro-snapshot:before {
  content: "\e750";
}

.zen-icon-minus-small:before {
  content: "\e751";
}

.zen-icon-minus:before {
  content: "\e752";
}

.zen-icon-move:before {
  content: "\e753";
}

.zen-icon-move-to:before {
  content: "\e754";
}

.zen-icon-not:before {
  content: "\e755";
}

.zen-icon-or:before {
  content: "\e756";
}

.zen-icon-order:before {
  content: "\e757";
}

.zen-icon-pen:before {
  content: "\e758";
}

.zen-icon-plus-bold:before {
  content: "\e759";
}

.zen-icon-plus-circle:before {
  content: "\e75a";
}

.zen-icon-order-desc:before {
  content: "\e75b";
}

.zen-icon-plus-large:before {
  content: "\e75c";
}

.zen-icon-plus-middle:before {
  content: "\e75d";
}

.zen-icon-plus-small:before {
  content: "\e75e";
}

.zen-icon-pdf:before {
  content: "\e75f";
}

.zen-icon-pop_window:before {
  content: "\e760";
}

.zen-icon-plus-rect:before {
  content: "\e761";
}

.zen-icon-quote-left:before {
  content: "\e762";
}

.zen-icon-quote-right:before {
  content: "\e763";
}

.zen-icon-question-mark-circle:before {
  content: "\e764";
}

.zen-icon-r:before {
  content: "\e768";
}

.zen-icon-refine:before {
  content: "\e769";
}

.zen-icon-read:before {
  content: "\e76a";
}

.zen-icon-reply:before {
  content: "\e76b";
}

.zen-icon-save:before {
  content: "\e76c";
}

.zen-icon-r-rect:before {
  content: "\e76d";
}

.zen-icon-search:before {
  content: "\e76e";
}

.zen-icon-save-query:before {
  content: "\e76f";
}

.zen-icon-setting:before {
  content: "\e770";
}

.zen-icon-search-helper:before {
  content: "\e771";
}

.zen-icon-sep:before {
  content: "\e772";
}

.zen-icon-search-right:before {
  content: "\e773";
}

.zen-icon-share:before {
  content: "\e775";
}

.zen-icon-sort-az:before {
  content: "\e776";
}

.zen-icon-standard:before {
  content: "\e777";
}

.zen-icon-star:before {
  content: "\e778";
}

.zen-icon-star-hollow:before {
  content: "\e779";
}

.zen-icon-thumbnail:before {
  content: "\e77a";
}

.zen-icon-tick:before {
  content: "\e77b";
}

.zen-icon-tick-circle:before {
  content: "\e77c";
}

.zen-icon-translate-cn:before {
  content: "\e77d";
}

.zen-icon-triangle-left:before {
  content: "\e77e";
}

.zen-icon-translate-en:before {
  content: "\e77f";
}

.zen-icon-triangle-down:before {
  content: "\e780";
}

.zen-icon-triangle-up:before {
  content: "\e781";
}

.zen-icon-up-down:before {
  content: "\e782";
}

.zen-icon-unread:before {
  content: "\e783";
}

.zen-icon-upload:before {
  content: "\e784";
}

.zen-icon-user-voice:before {
  content: "\e785";
}

.zen-icon-vertical:before {
  content: "\e786";
}

.zen-icon-userlist:before {
  content: "\e787";
}

.zen-icon-triangle-right:before {
  content: "\e788";
}

.zen-icon-view-pdf:before {
  content: "\e789";
}

.zen-icon-view-table:before {
  content: "\e78b";
}

.zen-icon-wrench:before {
  content: "\e78c";
}

.zen-icon-workspace-share:before {
  content: "\e78d";
}

.zen-icon-zoom-in:before {
  content: "\e78e";
}

.zen-icon-workspace:before {
  content: "\e78f";
}

.zen-icon-zoom-out:before {
  content: "\e790";
}

.zen-icon-checkbox:before {
  content: "\e717";
}

.zen-icon-account:before {
  content: "\e71b";
}

.zen-icon-checkbox-checked:before {
  content: "\e728";
}

.zen-icon-chart-insights:before {
  content: "\e729";
}

.zen-icon-email-alert:before {
  content: "\e765";
}

.zen-icon-fullscreen-exit:before {
  content: "\e766";
}

.zen-icon-fullscreen:before {
  content: "\e767";
}

.zen-icon-single-view:before {
  content: "\e774";
}

.zen-icon-radio-checked:before {
  content: "\e78a";
}

.zen-icon-radio:before {
  content: "\e791";
}

.zen-icon-duel-view:before {
  content: "\e792";
}

.zen-icon-window:before {
  content: "\e793";
}

.zen-icon-question-circle:before {
  content: "\e794";
}

.zen-icon-back:before {
  content: "\e795";
}

.zen-icon-excel:before {
  content: "\e796";
}

.zen-icon-email-clock:before {
  content: "\e64b";
}

.zen-icon-chart-vertical-stack:before {
  content: "\e797";
}

.zen-icon-and:before {
  content: "\e604";
}

.zen-icon-homepage-granted:before {
  content: "\e60a";
}

.zen-icon-homepage-comment:before {
  content: "\e60b";
}

.zen-icon-homepage-inactive:before {
  content: "\e60c";
}

.zen-icon-homepage-citation:before {
  content: "\e60d";
}

.zen-icon-homepage-folder:before {
  content: "\e60e";
}

.zen-icon-homepage-customfiel:before {
  content: "\e60f";
}

.zen-icon-homepage-licensing:before {
  content: "\e610";
}

.zen-icon-homepage-published:before {
  content: "\e611";
}

.zen-icon-homepage-legal-statu:before {
  content: "\e612";
}

.zen-icon-homepage-litigation:before {
  content: "\e613";
}

.zen-icon-homepage-new-famliy:before {
  content: "\e614";
}

.zen-icon-homepage-updated:before {
  content: "\e615";
}

.zen-icon-homepage-workspace:before {
  content: "\e616";
}

.zen-icon-homepage-feature:before {
  content: "\e617";
}

.zen-icon-reassign:before {
  content: "\e64c";
}

.zen-icon-remind:before {
  content: "\e64d";
}

.zen-icon-new:before {
  content: "\e605";
}

.zen-icon-attention:before {
  content: "\e64e";
}

.zen-icon-analysis1:before {
  content: "\e798";
}

.zen-icon-export:before {
  content: "\e799";
}

.zen-icon-edit:before {
  content: "\e79a";
}

.zen-icon-combine1:before {
  content: "\e79b";
}

.zen-icon-full-screen-square:before {
  content: "\e606";
}

.zen-icon-double-caret-left1:before {
  content: "\e618";
}

.zen-icon-double-caret-right1:before {
  content: "\e619";
}

.zen-icon-life-sciences:before {
  content: "\e601";
}

.zen-icon-highlight1:before {
  content: "\e603";
}

.zen-icon-metro-paper:before {
  content: "\e602";
}

.zen-icon-structure-flag:before {
  content: "\e607";
}

.zen-icon-metro-chem:before {
  content: "\e608";
}

.zen-icon-metro-home:before {
  content: "\e609";
}

.zen-icon-ico_grant:before {
  content: "\e61a";
}

.zen-icon-neutral:before {
  content: "\e79c";
}

.zen-icon-downloadXLS:before {
  content: "\e79f";
}

.zen-icon-passive:before {
  content: "\e79d";
}

.zen-icon-positive:before {
  content: "\e79e";
}

.zen-icon-notification:before {
  content: "\e623";
}

.zen-icon-CNtranslate:before {
  content: "\e7a0";
}

.zen-icon-ENGEtranslate:before {
  content: "\e7a1";
}

.zen-icon-JPtranslate:before {
  content: "\e7a2";
}

.zen-icon-delete:before {
  content: "\e64f";
}

.zen-icon-tacd-setions:before {
  content: "\e61b";
}

.zen-icon-new-window:before {
  content: "\e61c";
}

.zen-icon-icon_translate:before {
  content: "\e61d";
}

.zen-icon-icon_translate1:before {
  content: "\e61e";
}

.zen-icon-icon_translate2:before {
  content: "\e61f";
}

.zen-icon-translate_new_new_ne:before {
  content: "\e620";
}

.zen-icon-ranking-down:before {
  content: "\e629";
}

.zen-icon-ranking-up:before {
  content: "\e62a";
}

.zen-icon-Pdf-image:before {
  content: "\e62b";
}

.zen-icon-white:before {
  content: "\e62d";
}

.zen-icon-white1:before {
  content: "\e62e";
}

.zen-icon-white2:before {
  content: "\e62f";
}

.zen-icon-icon-abstract-s:before {
  content: "\e63c";
}

.zen-icon-icon-claims:before {
  content: "\e63d";
}

.zen-icon-icon-description-s:before {
  content: "\e63e";
}

.zen-icon-icon-claims-s:before {
  content: "\e63f";
}

.zen-icon-icon-abstract:before {
  content: "\e641";
}

.zen-icon-icon-description:before {
  content: "\e642";
}

.zen-icon-icon-home-s:before {
  content: "\e643";
}

.zen-icon-icon-image-s:before {
  content: "\e644";
}

.zen-icon-icon-image:before {
  content: "\e645";
}

.zen-icon-icon-home:before {
  content: "\e646";
}

.zen-icon-icon-legal-s:before {
  content: "\e647";
}

.zen-icon-icon-me-s:before {
  content: "\e648";
}

.zen-icon-icon-legal:before {
  content: "\e649";
}

.zen-icon-icon-Me:before {
  content: "\e64a";
}

.zen-icon-nodata:before {
  content: "\e650";
}

.zen-icon-Logo-patsnap:before {
  content: "\e651";
}

.zen-icon-img-nopicture:before {
  content: "\e652";
}

.zen-icon-icon-search:before {
  content: "\e653";
}

.zen-icon-icon-filter:before {
  content: "\e654";
}

.zen-icon-icon-closed:before {
  content: "\e655";
}

.zen-icon-icon-account:before {
  content: "\e656";
}

.zen-icon-icon-password:before {
  content: "\e657";
}

.zen-icon-icon-Highlight:before {
  content: "\e658";
}

.zen-icon-tick-tick:before {
  content: "\e621";
}

.zen-icon-right:before {
  content: "\e622";
}

.zen-icon-help:before {
  content: "\e624";
}

.zen-icon-video:before {
  content: "\e625";
}

.zen-icon-askhelp:before {
  content: "\e626";
}

.zen-icon-training:before {
  content: "\e627";
}

.zen-icon-fullimg:before {
  content: "\e628";
}

.zen-icon-lock:before {
  content: "\e62c";
}

.zen-icon-profile:before {
  content: "\e630";
}

.zen-icon-file-wrapper-alert:before {
  content: "\e631";
}

.zen-icon-share-new:before {
  content: "\e632";
}

.zen-icon-delete-new:before {
  content: "\e633";
}

.zen-icon-email-new:before {
  content: "\e634";
}

.zen-icon-edit1:before {
  content: "\e7a4";
}

.zen-icon-edit-s:before {
  content: "\e7a5";
}

.zen-icon-face-happy:before {
  content: "\e635";
}

.zen-icon-face-sad:before {
  content: "\e636";
}

.zen-icon-like-new:before {
  content: "\e637";
}

.zen-icon-Gpchelper:before {
  content: "\e638";
}

.zen-icon-not-see:before {
  content: "\e639";
}

.zen-icon-see:before {
  content: "\e63a";
}

.zen-icon-restore:before {
  content: "\e63b";
}

.zen-icon-shares:before {
  content: "\e659";
}

.zen-icon-owner:before {
  content: "\e65a";
}
[class^="zen-icon-"]:before, [class*="zen-icon-"]:before, .ui-datepicker-header .ui-datepicker-prev:before:before, .ui-datepicker-header .ui-datepicker-next:before:before{
  margin-right: 8px;
}
[class^="zen-icon-"]:empty:before, [class*="zen-icon-"]:empty:before, .ui-datepicker-header .ui-datepicker-prev:before:empty:before, .ui-datepicker-header .ui-datepicker-next:before:empty:before{
  margin-right: 0;
}

.clearfix:after, .zen-row:after{
    display: block;
    height: 0;
    content: " ";
    clear: both;
    visibility: hidden;
}

.zen-absolute-cover{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.rotate-0, .zen-dropdown.disabled:hover > div > .icon-arrow, .zen-dropdown[disabled]:hover > div > .icon-arrow{
	-ms-transform: rotate(0deg);
	    transform: rotate(0deg);
	filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0)";
}

.rotate-45, .zen-rect-with-arrow::before, .zen-tips-hover::before, .zen-dropmenu::before, .zen-input-tips::before{
	-ms-transform: rotate(45deg);
	    transform: rotate(45deg);
	    filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
}

.rotate-90{
	-ms-transform: rotate(90deg);
	    transform: rotate(90deg);
	filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
}

.rotate-180, .zen-dropdown.hoverable:hover .icon-arrow, .zen-dropdown[hoverable]:hover .icon-arrow, .zen-dropdown.open .icon-arrow, .zen-dropdown[open] .icon-arrow{
	-ms-transform: rotate(180deg);
	    transform: rotate(180deg);
	filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
}

.rotate-270{
	-ms-transform: rotate(270deg);
	    transform: rotate(270deg);
	filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
}
.zen-rect-with-arrow, .zen-tips-hover, .zen-dropmenu, .zen-input-tips{
	display: inline-block;
	position: relative;
	max-width: 400px;
	font-size: 14px;
	color: #777;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
}
.zen-rect-with-arrow::before, .zen-tips-hover::before, .zen-dropmenu::before, .zen-input-tips::before{
  display: none\9;
  position: absolute;
  width: 14px;
  height: 14px;
  border: inherit;
  background: inherit;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
  z-index: 0;
  content: '';
}
.zen-rect-with-arrow::after, .zen-tips-hover::after, .zen-dropmenu::after, .zen-input-tips::after{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: inherit;
  z-index: 1;
  content: '';
}
.zen-rect-with-arrow > *, .zen-tips-hover > *, .zen-dropmenu > *, .zen-input-tips > *{
  position: relative;
  padding: 20px;
  z-index: 2;
}
.zen-rect-with-arrow[arrow^=t]::before, .zen-tips-hover[arrow^=t]::before, .zen-dropmenu[arrow^=t]::before, .zen-input-tips[arrow^=t]::before{
  top: -7px;
}
.zen-rect-with-arrow[arrow^=b]::before, .zen-tips-hover[arrow^=b]::before, .zen-dropmenu[arrow^=b]::before, .zen-input-tips[arrow^=b]::before{
  bottom: -7px;
}
.zen-rect-with-arrow[arrow$=l]::before, .zen-tips-hover[arrow$=l]::before, .zen-dropmenu[arrow$=l]::before, .zen-input-tips[arrow$=l]::before{
  left: 32px;
}
.zen-rect-with-arrow[arrow$=c]::before, .zen-tips-hover[arrow$=c]::before, .zen-dropmenu[arrow$=c]::before, .zen-input-tips[arrow$=c]::before{
  left: 48%;
  /* 不支持 calc 时使用一个大致的比例 */
  left: calc(50% - 8px);
}
.zen-rect-with-arrow[arrow$=r]::before, .zen-tips-hover[arrow$=r]::before, .zen-dropmenu[arrow$=r]::before, .zen-input-tips[arrow$=r]::before{
  right: 32px;
}
.zen-rect-with-arrow[arrow^=l]::before, .zen-tips-hover[arrow^=l]::before, .zen-dropmenu[arrow^=l]::before, .zen-input-tips[arrow^=l]::before{
  left: -7px;
}
.zen-rect-with-arrow[arrow^=r]::before, .zen-tips-hover[arrow^=r]::before, .zen-dropmenu[arrow^=r]::before, .zen-input-tips[arrow^=r]::before{
  right: -7px;
}
.zen-rect-with-arrow[arrow$=t]::before, .zen-tips-hover[arrow$=t]::before, .zen-dropmenu[arrow$=t]::before, .zen-input-tips[arrow$=t]::before{
  top: 32px;
}
.zen-rect-with-arrow[arrow$=m]::before, .zen-tips-hover[arrow$=m]::before, .zen-dropmenu[arrow$=m]::before, .zen-input-tips[arrow$=m]::before{
  top: 48%;
  /* 不支持 calc 时使用一个大致的比例 */
  top: calc(50% - 8px);
}
.zen-rect-with-arrow[arrow$=b]::before, .zen-tips-hover[arrow$=b]::before, .zen-dropmenu[arrow$=b]::before, .zen-input-tips[arrow$=b]::before{
  bottom: 32px;
}
.zen-ellipsis-multiline{
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
}

.zen-ellipsis, .zen-dropmenu > ul > li > *:first-child, .zen-select > .zen-select-header{
	display: block;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.zen-layout-center-margin > *{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.zen-layout-center-table{
	display: table;
	width: 100%;
	height: 100%;
}
.zen-layout-center-table > *{
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.zen-layout-center-table > * > *{
  display: inline-block;
}
.zen-layout-center-translate{
	position: relative;
}
.zen-layout-center-translate > *{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  /* IE9+ */
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}
.zen-flip-in{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    background: rgba(0,0,0,0.5);
    /* for IE8 */
    background: transparent;
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000)";
    zoom: 1;
}
.zen-flip-in > div{
  position: absolute;
  width: 30%;
  height: 100%;
  background: #4A4A4A;
}
.zen-flip-in-left > div, .zen-flip-in[flip=left] > div{
  left: -100%;
}
.zen-flip-in-right > div, .zen-flip-in[flip=right] > div{
  right: -100%;
}

.zen-avatar{
	position: relative;
	display: inline-block;
	font-size: 0;
	text-align: center;
}

.zen-avatar > *{
  vertical-align: middle;
}

.zen-avatar > [data-role=avatar]{
  position: relative;
  display: inline-block;
}

.zen-avatar > [data-role=avatar] > img{
  width: 48px;
  height: 48px;
  border: 2px solid transparent;
  border-radius: 50%;
}

.zen-avatar > [data-role=avatar] > img:hover{
  border-color: #82BCFF;
}

.zen-avatar > [data-role=avatar] > [data-role=info]{
  position: absolute;
  top: 0;
  right: 0;
  width: 14px;
  height: 14px;
  border: 1px solid #FFF;
  border-radius: 50%;
  background: #FC2229;
}

.zen-avatar > [data-role=name]{
  margin: 10px;
  font-size: 14px;
  text-align: center;
  color: #555;
}

.zen-avatar[data-size="128"] img{
  width: 128px;
  height: 128px;
}

.zen-avatar[data-size="64"] img{
  width: 64px;
  height: 64px;
}

.zen-avatar[data-size="48"] img{
  width: 48px;
  height: 48px;
}

.zen-avatar[data-size="32"] img{
  width: 32px;
  height: 32px;
}

/* 所有按钮通用样式 */
button[type=button], button[type=submit], input[type=button], input[type=submit], a.zen-btn{
    display: inline-block;
    height: 36px;
    border: 1px solid #D2D2D2;
    padding: 0 15px;
    line-height: 33px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #555;
    background-color: #F5F5F5;
    border-radius: 5px;
    cursor: pointer;
    outline: none;

    /* 表单元素之间间距默认为 10px */
    margin-left: 7px;
}
button[type=button]:first-child, button[type=submit]:first-child, input[type=button]:first-child, input[type=submit]:first-child, a.zen-btn:first-child{
  margin-left: 0px;
}
button[type=button]:hover, button[type=submit]:hover, input[type=button]:hover, input[type=submit]:hover, a.zen-btn:hover{
  text-decoration: none;
  background-color: #FFF;
}
button[type=button]:active, button[type=submit]:active, input[type=button]:active, input[type=submit]:active, a.zen-btn:active{
  background-color: #EEE;
}
/* 黑色高亮 */
button[type=button].black, button[type=submit].black, input[type=button].black, input[type=submit].black, a.zen-btn.black{
  color: #FFF;
  border-width: 0;
  background-color: #777;
}
button[type=button].black:hover, button[type=submit].black:hover, input[type=button].black:hover, input[type=submit].black:hover, a.zen-btn.black:hover{
  background-color: #848484;
}
button[type=button].black:active, button[type=submit].black:active, input[type=button].black:active, input[type=submit].black:active, a.zen-btn.black:active{
  background-color: #555;
}
/* 红色警告 */
button[type=button].danger, button[type=submit].danger, input[type=button].danger, input[type=submit].danger, a.zen-btn.danger{
  color: #FFF;
  border-width: 0;
  background-color: #C33;
}
button[type=button].danger:hover, button[type=submit].danger:hover, input[type=button].danger:hover, input[type=submit].danger:hover, a.zen-btn.danger:hover{
  background-color: #D14747;
}
button[type=button].danger:active, button[type=submit].danger:active, input[type=button].danger:active, input[type=submit].danger:active, a.zen-btn.danger:active{
  background-color: #A81A1A;
}
/* 禁用：优先级较高 */
button[type=button]:disabled, button[type=button].disabled, button[type=submit]:disabled, button[type=submit].disabled, input[type=button]:disabled, input[type=button].disabled, input[type=submit]:disabled, input[type=submit].disabled, a.zen-btn:disabled, a.zen-btn.disabled{
  color: #D2D2D2;
  background-color: #F5F5F5;
  border-color: #F5F5F5;
  box-shadow: none;
  cursor: default;
}
button[type=button]:disabled:hover, button[type=button].disabled:hover, button[type=submit]:disabled:hover, button[type=submit].disabled:hover, input[type=button]:disabled:hover, input[type=button].disabled:hover, input[type=submit]:disabled:hover, input[type=submit].disabled:hover, a.zen-btn:disabled:hover, a.zen-btn.disabled:hover{
  border-color: #F5F5F5;
  background-color: #F5F5F5;
}
button[type=button]:disabled [class^="zen-icon-"], button[type=button]:disabled [class*=" zen-icon-"], button[type=button].disabled [class^="zen-icon-"], button[type=button].disabled [class*=" zen-icon-"], button[type=submit]:disabled [class^="zen-icon-"], button[type=submit]:disabled [class*=" zen-icon-"], button[type=submit].disabled [class^="zen-icon-"], button[type=submit].disabled [class*=" zen-icon-"], input[type=button]:disabled [class^="zen-icon-"], input[type=button]:disabled [class*=" zen-icon-"], input[type=button].disabled [class^="zen-icon-"], input[type=button].disabled [class*=" zen-icon-"], input[type=submit]:disabled [class^="zen-icon-"], input[type=submit]:disabled [class*=" zen-icon-"], input[type=submit].disabled [class^="zen-icon-"], input[type=submit].disabled [class*=" zen-icon-"], a.zen-btn:disabled [class^="zen-icon-"], a.zen-btn:disabled [class*=" zen-icon-"], a.zen-btn.disabled [class^="zen-icon-"], a.zen-btn.disabled [class*=" zen-icon-"]{
  color: #D2D2D2;
}
button[type=button].loading, button[type=submit].loading, input[type=button].loading, input[type=submit].loading, a.zen-btn.loading{
  min-width: 50px;
  background-image: url(./images/loading/black-normal.gif?v=9090c9e);
  background-position: center;
  background-repeat: no-repeat;
  color: transparent;
  /* 隐藏文字，如果使用text-indent的话，按钮大小将会发生变化 */
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  cursor: default;
}
button[type=button] [class^="zen-icon-"], button[type=button] [class*=" zen-icon-"], button[type=submit] [class^="zen-icon-"], button[type=submit] [class*=" zen-icon-"], input[type=button] [class^="zen-icon-"], input[type=button] [class*=" zen-icon-"], input[type=submit] [class^="zen-icon-"], input[type=submit] [class*=" zen-icon-"], a.zen-btn [class^="zen-icon-"], a.zen-btn [class*=" zen-icon-"]{
  color: #75BB00;
}

/* 主要按钮 */
button[type=submit], input[type=submit], .zen-btn.primary, button.selected, input[type=button].selected, .zen-btn.selected{
    border-color: #75BB00;
    color: #FFF;
    background-color: #75BB00;
}
button[type=submit] [class^="icon-"], button[type=submit] [class*=" icon-"], input[type=submit] [class^="icon-"], input[type=submit] [class*=" icon-"], .zen-btn.primary [class^="icon-"], .zen-btn.primary [class*=" icon-"], button.selected [class^="icon-"], button.selected [class*=" icon-"], input[type=button].selected [class^="icon-"], input[type=button].selected [class*=" icon-"], .zen-btn.selected [class^="icon-"], .zen-btn.selected [class*=" icon-"]{
  color: #FFF;
}
button[type=submit]:hover, input[type=submit]:hover, .zen-btn.primary:hover, button.selected:hover, input[type=button].selected:hover, .zen-btn.selected:hover{
  border-color: #85BF2E;
  background-color: #85BF2E;
}
button[type=submit]:active, input[type=submit]:active, .zen-btn.primary:active, button.selected:active, input[type=button].selected:active, .zen-btn.selected:active{
  border-color: #62981A;
  background-color: #62981A;
}
.zen-btn-group{
    display: inline-block;
    font-size: 0;
}
.zen-btn-group label{
  display: inline-block;
}
/* 使用radio保存选中状态，但是不需要显示*/
.zen-btn-group label > input[type=radio]{
  display: none;
}
.zen-btn-group label > .zen-btn{
  position: relative;
  margin-left: -1px;
  padding: 0 15px;
  border-radius: 0;
  background: #FFF;
}
/* 第一个和最后一个需要圆角 */
.zen-btn-group label:first-child > .zen-btn{
  border-radius: 5px 0 0 5px;
}
.zen-btn-group label:last-child > .zen-btn{
  border-radius: 0 5px 5px 0;
}
/* 高亮选中的按钮 */
.zen-btn-group label > input:checked + .zen-btn{
  border-color: #555;
  color: #FFF;
  background: #555;
  cursor: default;
}
.zen-btn-group label:hover > .zen-btn{
  background: #DEF;
}
.zen-btn-group label:hover > input:checked + .zen-btn{
  background: #555;
}

.zen-btn-group-vertical label{
  display: block;
}

.zen-btn-group-vertical label > .zen-btn{
  margin: -1px 0 0;
  padding: 0 6px;
}

/* 第一个和最后一个需要圆角 */

.zen-btn-group-vertical label:first-child > .zen-btn{
  border-radius: 5px 5px 0 0;
}

.zen-btn-group-vertical label:last-child > .zen-btn{
  border-radius: 0 0 5px 5px;
}
/* 日历容器样式 */
.ui-datepicker{
    display: none;
    border-radius: 0;
    padding-bottom: 10px;
    background: #FFF;
    box-shadow: 0px 2px 11px 0px rgba(170, 170, 170, 0.5);
}

/* 日历头部样式 */
.ui-datepicker-header{
    border-bottom: 1px solid #D2D2D2;
    margin: 0 10px;
    padding: 20px 20px 10px;
    text-align: center;
    background: transparent;
}
.ui-datepicker-header .ui-datepicker-prev, .ui-datepicker-header .ui-datepicker-next{
  width: 36px;
  line-height: 36px;
}
.ui-datepicker-header .ui-datepicker-prev:before, .ui-datepicker-header .ui-datepicker-next:before{
  color: #999;
  font-size: 17px;
  cursor: pointer;
}
.ui-datepicker-header .ui-datepicker-prev span, .ui-datepicker-header .ui-datepicker-next span{
  display: none;
}
.ui-datepicker-header .ui-datepicker-prev{
  float: left;
}
.ui-datepicker-header .ui-datepicker-next{
  float: right;
}
.ui-datepicker-header .ui-datepicker-title{
  display: inline-block;
  text-align: center;
}
.ui-datepicker-header .ui-datepicker-title select{
  width: 80px;
}
.ui-datepicker-header .ui-datepicker-title select + select{
  margin-left: 10px;
}

/* 日历样式 */
.ui-datepicker-calendar th{
    padding: 10px 0 8px;
    font-size: 14px;
    color: #999;
}
.ui-datepicker .ui-datepicker-calendar{
    margin: 0 30px 20px;
    border-collapse: separate;
    border-spacing: 3px;
}
.ui-state-default[href]{
    display: block;
    width: 36px;
    height: 36px;
    padding-top: 2px;
    line-height: 33px;
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    color: #555;
    background: #F5F5F5;
}
/* 鼠标悬浮效果，跟选中效果一致 */
.ui-state-default[href]:hover{
  color: #FFF;
  background: #555;
}
.ui-datepicker-other-month .ui-state-default{
    color: #FFF;
    background: #FFF;
    visibility: hidden;
}
.ui-datepicker-today .ui-state-default{
    color: #FFF;
    background: #75BB00;
}
/* 选中效果，跟鼠标悬浮效果一致 */
.ui-datepicker-current-day .ui-state-default{
    color: #FFF;
    background: #555;
    cursor: default;
}


/*
以下内容暂时没用，因为依赖的jQuery UI并不支持
<div class="ui-datepicker-confirm">
    <button type="button" class="zen-icon-tick"></button>
</div>
*/
.ui-datepicker-confirm{
    margin-bottom: 20px;
    text-align: center;
    color: #000;
}
.ui-datepicker-confirm button{
  width: 60px;
  font-size: 14px;
}
.zen-confirm{
	width: 500px;
	padding: 30px;
	text-align: center;
	position: relative;
	background: #FFF;
	border-radius: 5px;
	box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.30);
}
/*&:before*/
.zen-confirm > [data-role=decoration]{
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 80px;
  border-radius: 5px;
  overflow: hidden;
}
.zen-confirm > [data-role=decoration]:before{
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 62px;
  background: #C33;
  content: '';
  -ms-transform: translate(-6px,-10px) rotate(20deg);
      transform: translate(-6px,-10px) rotate(20deg);
  -ms-transform-origin: 0% 0%;
      transform-origin: 0% 0%;
}
.zen-confirm > [data-role=body]{
  margin: 30px 0 50px;
  font-size: 18px;
  line-height: 21px;
  color: #555;
}
.zen-confirm > [data-role=footer]{

}
.zen-dialog{
	min-width: 100px;
	/* 这里不用100%，是防止对话框嵌套 */
	max-width: 100vw;
	max-height: 100vh;
	height: auto;
	padding: 0 40px 40px;
	position: relative;
	background: #FFF;
	border-radius: 5px;
	box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.30);
}
.zen-dialog-decoration{
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 80px;
  border-radius: 5px;
  overflow: hidden;
}
.zen-dialog-decoration:before{
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 62px;
  background: #75BB00;
  content: '';
  -ms-transform: translate(-6px,-10px) rotate(20deg);
      transform: translate(-6px,-10px) rotate(20deg);
  -ms-transform-origin: 0% 0%;
      transform-origin: 0% 0%;
}
.zen-dialog-header{
  position: relative;
  color: #555;
  height: 60px;
}
.zen-dialog-header h3{
  position: absolute;
  top: 35px;
  font-size: 24px;
}
.zen-dialog-header [data-role=close]{
  float: right;
  margin: 2px -34px auto auto;
  right: 10px;
  font-size: 30px;
  cursor: pointer;
}
.zen-dialog-body{
  margin-top: 30px;
}
.zen-dialog-footer{
  text-align: center;
}
.zen-dialog-footer button {
  margin-top: 20px;
}
.zen-dialog.danger:before{
  background: #C33;
}


/* IE8 中 不支持before元素的旋转，所以隐藏装饰元素 */
.zen-dialog-decoration{
	display: none;
}
:root .zen-dialog-decoration{
  display: block;
}
.zen-dropdown{
    display: inline-block;
    position: relative;
    color: #555;
    font-size: 14px;
    line-height: 36px;
    z-index: 1;
    cursor: pointer;
}
.zen-dropdown > div{
  padding: 0 38px 0 10px;
  height: 36px;
  line-height: inherit;
  border: 1px solid #CCC;
  border-radius: 5px;
  font-size: 0;
}
.zen-dropdown > div:before, .zen-dropdown > div > *{
  font-size: 14px;
  vertical-align: middle;
}
.zen-dropdown > div > .icon-arrow{
  position: absolute;
  top: 0;
  right: 10px;
  font-size: 18px;
  line-height: inherit;
  transition: transform 200ms;
  will-change: transform;
}
.zen-dropdown > ul{
  display: none;
  position: absolute;
  min-width: 100%;
  margin: -1px 0 0;
  border: 1px solid #CCC;
  background: #FFF;
  list-style: none;
}
.zen-dropdown > ul li > *{
  display: block;
  padding: 0 10px;
  color: inherit;
  line-height: inherit;
  white-space: nowrap;
}
.zen-dropdown > ul li > *.selected, .zen-dropdown > ul li > *:hover{
  text-decoration: none;
  background: #DEF;
}
.zen-dropdown > div:hover{
  border-color: #777;
}
.zen-dropdown.hoverable:hover > ul, .zen-dropdown[hoverable]:hover > ul, .zen-dropdown.open > ul, .zen-dropdown[open] > ul{
  display: block;
}
/* 向上弹出，注意需要手动将 icon-arrow 由 pi-icon-tri-down 改成 pi-icon-tri-up */
.zen-dropdown.open-up > ul{
  position: absolute;
  bottom: 100%;
  margin-bottom: -1px;
}
/* 深色背景 */
.zen-dropdown.dark{
  color: #FFF;
  background: #777;
}
.zen-dropdown.dark > div{
  border-color: #777;
}
.zen-dropdown.dark > ul{
  background: #777;
  border-width: 1px 0;
}
.zen-dropdown.dark li > *{
  color: #FFF;
}
.zen-dropdown.dark li > *:hover{
  background: #999;
}
/* 禁用 */
.zen-dropdown.disabled, .zen-dropdown[disabled]{
  cursor: default;
}
.zen-dropdown.disabled > div, .zen-dropdown[disabled] > div{
  color: #CCC;
  border-color: #CCC;
  background: #EEE;
}
/* 禁用的下拉框悬浮时箭头不动 */
/* 禁用的下拉框总是不显示 */
.zen-dropdown.disabled:hover > ul, .zen-dropdown[disabled]:hover > ul{
  display: none;
}

.zen-dropmenu{
    position: relative;
    padding: 20px 0;
    border-radius: 5px;
    font-size: 16px;
    color: #555;
    background: #FFF;
    -ms-transform: translate(-9999px);
        transform: translate(-9999px);
    animation-duration: 0.5s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}

.zen-dropmenu > ul{
  padding: 0;
}

.zen-dropmenu > ul > li{
  position: relative;
  height: 38px;
  line-height: 38px;
  cursor: pointer;
}

.zen-dropmenu > ul > li:hover{
  background: #DEF;
}

.zen-dropmenu > ul > li > *:first-child{
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 30px;
}

.zen-dropmenu > ul > li .zen-dropmenu-operations{
  display: none;
  position: absolute;
  top: 0;
  right: 20px;
}

.zen-dropmenu > ul > li .zen-dropmenu-operations > *{
  margin-left: 10px;
}

.zen-dropmenu > ul > li:hover .zen-dropmenu-operations{
  display: inline-block;
}

.zen-dropmenu > .zen-dropmenu-bottom{
  padding: 10px 30px 0;
}
.zen-dropmenu.show{
    animation-name: zen-dropmenu-show;
}
.zen-dropmenu.hide{
    animation-name: zen-dropmenu-hide;
}
/* 使用 translate 让 dropmenu 隐藏时消失 */
@keyframes zen-dropmenu-show{
      0% {opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transform: perspective(500px) rotateX(20deg) translate(0);}
    100% {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transform: perspective(500px) rotateX(0deg) translate(0);}
}
@keyframes zen-dropmenu-hide{
      0% {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transform: perspective(500px) rotateX(0deg) translate(0);}
     99% {opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transform: perspective(500px) rotateX(20deg) translate(0);}
    100% {opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transform: perspective(500px) rotateX(90deg) translate(-9999px);}
}
.zen-feedback{
	display: inline-block;
	position: relative;
	top: 40px;
	padding: 10px 65px;
	font-size: 14px;
	color: #FFF;
	line-height: 16px;
	background: #91836F;
}
.zen-feedback[data-type=succeed]{
  background: #70B364;
}
.zen-feedback[data-type=warning]{
  background: #E4A733;
}
.zen-feedback[data-type=error]{
  background: #CC3333;
}
.zen-feedback[data-type=processing]{
  background: #5783B7;
}
.zen-feedback [data-role=body]{

}
.zen-feedback [data-role=close]{
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

/* 两个冒号 IE8 不显示 */
.zen-feedback::after {
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	width: calc(100% - 50px);
	height: 100%;
	margin: 0 auto;
	background: #000000;
	background: rgba(0,0,0,0.5);
	z-index: -1;
	content: '';
	filter: blur(10px);
}
.no-cssfilters .zen-feedback::after{
	top: 0;
	height: 95%;
	border-radius: 10px;
	box-shadow: 0 10px 20px #999;
}

.zen-feedback-wrapper{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: 0;
	z-index: 1;
	text-align: center;
}

input[type=text], input[type=password], select, textarea{
	display: inline-block;
	height: 36px;
	border: 1px solid #D2D2D2;
	padding: 0 10px;
	line-height: 36px;
	border-radius: 5px;
	background: #FFF;
	outline: none;
}

input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus{
  border-color: #75BB00;
  outline: none;
}
textarea{
	height: 5em;
	padding: 10px;
	line-height: 1.2em;
	resize: none;
}

.zen-input-with-addon{
	overflow: hidden;
}

.zen-input-with-addon > *{
  float: left;
  vertical-align: middle;
}

.zen-input-with-addon [data-role=addon]{
  display: inline-block;
  /* 重置：输入框+按钮 取消间距*/
  margin-left: 0px;
  height: 36px;
  line-height: 36px;
  padding: 0 30px;
  border: 1px solid #D2D2D2;
  background: #F5F5F5;
}

.zen-input-with-addon [data-role=addon]:first-child{
  border-right-width: 0;
  border-radius: 5px 0 0 5px;
}

.zen-input-with-addon [data-role=addon]:last-child{
  border-left-width: 0;
  border-radius: 0 5px 5px 0;
}

.zen-input-with-addon input[type=text], .zen-input-with-addon input[type=password], .zen-input-with-addon select{
  border-radius: 0;
}

.zen-input-with-addon input[type=text]:first-child, .zen-input-with-addon input[type=password]:first-child, .zen-input-with-addon select:first-child{
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.zen-input-with-addon input[type=text]:last-child, .zen-input-with-addon input[type=password]:last-child, .zen-input-with-addon select:last-child{
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.zen-input-with-icon{
	display: inline-block;
	position: relative;
}

.zen-input-with-icon [data-role=icon], .zen-input-with-icon [class^="zen-icon-"], .zen-input-with-icon [class*=" zen-icon-"]{
  position: absolute;
  margin: 0 10px;
  line-height: 36px;
  color: #9B9B9B;
}

.zen-input-with-icon [data-role=icon]:last-child, .zen-input-with-icon [class^="zen-icon-"]:last-child, .zen-input-with-icon [class*=" zen-icon-"]:last-child{
  position: absolute;
  top: 0;
  right: 0;
}

.zen-input-with-icon input[type=text]:not(:first-child), .zen-input-with-icon input[type=password]:not(:first-child){
  padding-left: 36px;
}

.zen-input-with-icon input[type=text]:not(:last-child), .zen-input-with-icon input[type=password]:not(:last-child){
  padding-right: 36px;
}

.zen-input-combo{
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
}

.zen-input-combo > input{
  width: 40px;
  float: left;
}

.zen-input-combo > input[data-role=begin]{
  border-right-width: 0;
  padding-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  text-align: right;
}

.zen-input-combo > input[data-role=end]{
  border-left-width: 0;
  padding-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.zen-input-combo > span{
  display: inline-block;
  float: left;
  border-width: 1px 0;
  border-style: solid;
  border-color: #D2D2D2;
  padding: 0 3px;
  line-height: 34px;
}

.zen-form-group{
	margin: 0 0 10px 0;
}

/* 一个元素同时是 form-group 以及 form-field ，那么它应该是block */

.zen-form-group.zen-form-field{
  display: block;
}
.zen-form-field{
	position: relative;
	display: inline-block;
}
.zen-form-field > .zen-input-tips{
  display: none;
  position: absolute;
  bottom: 100%;
  bottom: calc(100% + 9px);
  left: 0;
  border: 1px solid #D2D2D2;
  border-radius: 5px;
  text-align: left;
  font-size: 14px;
  line-height: 16px;
  box-shadow: none;
  background: #FFF;
}
.zen-form-field > .zen-input-tips:before{
  box-shadow: none;
}
.zen-form-field.zen-one-line-tips .zen-input-tips{
  white-space: nowrap;
}
.zen-form-field .zen-form-group.error .zen-form-field input, .zen-form-field .zen-form-group.error .zen-form-field textarea, .zen-form-field.error input, .zen-form-field.error textarea{
  background: #FFF3F3;
  border: 1px solid #FF1C1C;
}
.zen-form-field .zen-form-group.error .zen-form-field > .zen-input-tips, .zen-form-field.error > .zen-input-tips{
  color: #FF1C1C;
}
.zen-form-field .zen-form-group.error .zen-form-field :focus ~ .zen-input-tips, .zen-form-field .zen-form-group.error .zen-form-field.show-input-tips .zen-input-tips, .zen-form-field.error :focus ~ .zen-input-tips, .zen-form-field.error.show-input-tips .zen-input-tips{
  display: block;
}

.zen-form-field[required]:after, .zen-form-field.required:after, .zen-form-label[required]:after, .zen-form-label.required:after{
  position: relative;
  top: -5px;
  content: '*';
  color: #FF1C1C;
}


/* IE 中 select 不能设置 padding-right */
select{
	padding-right: 0;
}
.zen-loading{
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(./images/loading/black-normal.gif?v=9090c9e);
	min-width: 32px;
	min-height: 29px;
}
.zen-loading.small{
  background-image: url(./images/loading/black-small.gif?v=1d396e9);
  min-width: 16px;
  min-height: 20px;
}
.zen-loading.normal{
  background-image: url(./images/loading/black-normal.gif?v=9090c9e);
  min-width: 32px;
  min-height: 29px;
}
.zen-loading.big{
  background-image: url(./images/loading/black-big.gif?v=0859d62);
  min-width: 64px;
  min-height: 58px;
}
.zen-loading.gray{
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.zen-loading.white.small{
  background-image: url(./images/loading/white-small.gif?v=52e9c2a);
}
.zen-loading.green.small{
  background-image: url(./images/loading/green-small.gif?v=f2f2039);
}
.zen-loading.white.normal{
  background-image: url(./images/loading/white-normal.gif?v=c9c2bc7);
}
.zen-loading.green.normal{
  background-image: url(./images/loading/green-normal.gif?v=7c0b0a4);
}
.zen-loading.white.big{
  background-image: url(./images/loading/white-big.gif?v=cc0cd04);
}
.zen-loading.green.big{
  background-image: url(./images/loading/green-big.gif?v=e195891);
}
.zen-mask{
	display: table;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}
.zen-mask:before{
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  content: '';
}
.zen-mask > *{
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
}
.zen-mask-white-opacity:before{
	background: #ffffff;
	background: rgba(255,255,255,0.8);
}
.zen-mask-black-opacity:before{
	background: #000000;
	background: rgba(0,0,0,0.5);
}
.zen-pagination-dots{
	display: inline-block;
	font-size: 0;
}
.zen-pagination-dots li{
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #D2D2D2;
  cursor: pointer;
}
.zen-pagination-dots li.selected{
  background: #4A4A4A;
  cursor: default;
}
.zen-pagination-dots li + li{
  margin-left: 15px;
}

.zen-pagination-simple{

}

.zen-pagination{
	white-space: nowrap;
	overflow: auto;
}

.zen-pagination ul{
  display: inline-block;
  font-size: 0;
  list-style: none;
  vertical-align: middle;
}

.zen-pagination li{
  display: inline-block;
  font-size: 16px;
  font-size: 1rem;
  vertical-align: middle;
}

/* 每一个块的样式 */

.zen-pagination li > a{
  display: block;
  height: 36px;
  padding: 0 15px;
  border-radius: 5px;
  line-height: 36px;
  color: #4A4A4A;
  cursor: pointer;
}

.zen-pagination li > a:hover{
  background: #DEF;
  text-decoration: none;
}

/* 前面几页，后面几页 */

.zen-pagination li[data-role=prev] > a, .zen-pagination li[data-role=next] > a{
  border: 1px solid #D2D2D2;
}

.zen-pagination li[data-role=prev] > a:hover, .zen-pagination li[data-role=next] > a:hover{
  border-color: #DEF;
  background: #DEF;
}

.zen-pagination li[data-role=prev].disabled a, .zen-pagination li[data-role=next].disabled a{
  color: #D2D2D2;
  border-color: #F5F5F5;
  background: #F5F5F5;
  cursor: default;
}

.zen-pagination li[data-role=page] > a{
  line-height: 38px;
}

.zen-pagination li[data-role=page].selected > a{
  color: #FFF;
  background: #555;
  border-color: #555;
  cursor: default;
}

/* 设置间距 */

.zen-pagination li + li{
  margin-left: 5px;
}

.zen-pagination li[data-role=prev]{
  margin-right: 5px;
}

.zen-pagination li[data-role=next]{
  margin-left: 10px;
}

.zen-pagination > [data-role=goto]{
  display: inline-block;
  margin-left: 7px;
  vertical-align: middle;
}

.zen-pagination > [data-role=goto] > input, .zen-pagination > [data-role=goto] > button{
  width: 50px;
  text-align: center;
  padding: 0;
}
.zen-range{
	height: 26px;
	color: #4A4A4A;
}
.zen-range [data-role=slider]{
  display: inline-block;
  width: 300px;
  height: 16px;
  margin: 0 15px;
  border: 1px solid #D2D2D2;
  border-radius: 5px;
  vertical-align: middle;
  background: #FFF;
}
.zen-range [data-role=slider] > div{
  position: relative;
  height: 100%;
  background: #F5F5F5;
  border-radius: 5px;
}
.zen-range [data-role=slider] [data-role=knob]{
  position: absolute;
  display: inline-block;
  top: -6px;
  right: -8px;
  width: 26px;
  height: 26px;
  line-height: 16px;
  border: 1px solid #D2D2D2;
  border-radius: 100%;
  box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.20);
  background: inherit;
  cursor: pointer;
}
.zen-range [data-role=slider] [data-role=knob]:first-child{
  left: -8px;
}
.zen-range [data-role=board]{
  display: inline-block;
  font-size: 16px;
  line-height: 18px;
  vertical-align: middle;
}
.zen-range [data-role=board] input[data-role=value]{
  width: 50px;
  text-align: center;
}
.zen-range [data-role=board] [data-role=unit]{
  margin: 0 0 0 5px;
}
.zen-range > label{
  font-size: 16px;
  line-height: 18px;
  vertical-align: middle;
}
.zen-select{
	position: relative;
	display: inline-block;
	width: 270px;
	height: 36px;
	border: 1px solid #D2D2D2;
	font-size: 14px;
	line-height: 35px;
	border-radius: 5px;
	cursor: pointer;
}
.zen-select > .zen-select-header{
  width: 100%;
  height: 100%;
  padding: 0 35px 0 15px;
}
.zen-select > .zen-select-header > .icon-triangle{
  position: absolute;
  right: 10px;
  line-height: 35px;
}
.zen-select > .zen-dropmenu{
  position: absolute;
  width: 100%;
  margin-top: 3px;
  z-index: 10;
}
.zen-select > .zen-dropmenu > * {
  max-height: 200px;
  overflow: auto;
}
.zen-tabs{
	height: 36px;
	border-bottom: 1px solid #D2D2D2;
	font-size: 0;
}
.zen-tabs > li{
  display: inline-block;
  font-size: 14px;
}
.zen-tabs > li + li{
  margin-left: 5px;
}
.zen-tabs > li > a{
  display: block;
  height: 35px;
  padding: 0 15px;
  line-height: 36px;
  min-width: 100px;
  border-radius: 5px 5px 0 0;
  color: #4A4A4A;
  text-align: center;
}
.zen-tabs > li > a:hover{
  background: #DEF;
  text-decoration: none;
}
.zen-tabs > li.active > a, .zen-tabs > li.selected > a{
  color: #FFF;
  background: #555;
  cursor: default;
}
.zen-tips{
	position: relative;
	left: -9999px;
	font-size: 14px;
	color: #555;
	animation-duration: 4s;
    animation-timing-function: liear;
    animation-fill-mode: backwards;
}
.zen-tips[type=success]{
  color: #75BB00;
}
.zen-tips[type=warning]{
  color: #F5A623;
}
.zen-tips[type=error]{
  color: #C33;
}
.zen-tips.animation{
  animation-name: zen-tips-animation;
}

@keyframes zen-tips-animation{
	  0% {top: 10px; left: -100%;}
     25% {top: 10px; left: 0;}
     75% {top: 10px; left: 0;}
    100% {top: -30px; left: 0;}
}

.zen-tips-conatiner{
	position: absolute;
	top: 65px;
	height: 36px;
	line-height: 36px;
}

.zen-tips-hover{
	position: absolute;
	background: #FFFBE4;
}

.zen-info{
	display: inline-block;
	position: relative;
}

.zen-info > .zen-tips-hover{
  display: none;
}

.zen-info:hover > .zen-tips-hover{
  display: inline-block;
  position: absolute;
  width: 390px;
  z-index: 1;
}

.zen-info:hover > .zen-tips-hover[arrow^=t] {
  top: 100%;
  margin-top: 12px;
}

.zen-info:hover > .zen-tips-hover[arrow^=b] {
  bottom: 100%;
  margin-bottom: 12px;
}

.zen-info:hover > .zen-tips-hover[arrow$=l] {
  left: -40px;
}

.zen-info:hover > .zen-tips-hover[arrow$=c] {
  -ms-transform: translate(-50%);
      transform: translate(-50%);
}

.zen-info:hover > .zen-tips-hover[arrow$=r] {
  right: -32px;
}

.zen-info:hover > .zen-tips-hover[arrow^=l] {
  left: 20px;
}

.zen-info:hover > .zen-tips-hover[arrow^=r] {
  right: 25px;
}

.zen-info:hover > .zen-tips-hover[arrow$=t] {
  top: -30px;
}

.zen-info:hover > .zen-tips-hover[arrow$=m] {
  -ms-transform: translate(0, calc(-50% - 8px));
      transform: translate(0, calc(-50% - 8px));
}

.zen-info:hover > .zen-tips-hover[arrow$=b] {
  bottom: -30px;
}

.zen-header{
	position: relative;
	height: 65px;
	font-size: 0;
	overflow: hidden;
	white-space: nowrap;
	-ms-transform-origin: top;
	    transform-origin: top;
}

.zen-header > .zen-breadcrumb{
  position: relative;
  display: inline-block;
  height: 100%;
  /*min-width: 290px;*/
  font-size: 18px;
  color: #555;
  vertical-align: middle;
}

.zen-header > .zen-breadcrumb > *{
  position: relative;
  height: 100%;
  display: inline-block;
  line-height: 21px;
  z-index: 1;
}

.zen-header > .zen-breadcrumb > .image{
  display: inline\9;
  overflow: hidden;
  -ms-transform: skew(-20deg);
      transform: skew(-20deg);
  -ms-transform-origin: top;
      transform-origin: top;
}

.zen-header > .zen-breadcrumb > .image > img{
  position: relative;
  left: -24px;
  height: 100%;
  max-width: 100%;
  -ms-transform: skew(20deg);
      transform: skew(20deg);
  -ms-transform-origin: top;
      transform-origin: top;
}

.zen-header > .zen-breadcrumb > .image + .title{
  left: -30px;
  padding-right: 10px;
  vertical-align: top;
}

.zen-header > .zen-breadcrumb > [class^="zen-icon-"]{
  margin: 20px 5px 0 10px;
  font-size: 28px;
  vertical-align: top;
  z-index: 2;
}

.zen-header > .zen-breadcrumb > [class^="zen-icon-"]:before{
  font-size: 1.15em;
}

.zen-header > .zen-breadcrumb > .title{
  padding-right: 40px;
}

.zen-header > .zen-breadcrumb > .title > *{
  position: relative;
  top: 25px;
  font-size: 18px;
  line-height: 21px;
}

.zen-header > .zen-breadcrumb > .title > * > [class^="zen-icon-"]{
  margin: 0 10px 0 5px;
  cursor: pointer;
}

.zen-header > .zen-breadcrumb > .title > .small{
  top: 9px;
  font-size: 12px;
  line-height: 14px;
  color: #9B9B9B;
}

.zen-header > .zen-breadcrumb > .title > .small ~ *{
  top: 11px;
}

.zen-header > .zen-breadcrumb:before, .zen-header > .zen-breadcrumb > .title:before{
  display: block;
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #F5F5F5;
  -ms-transform: skew(-20deg);
      transform: skew(-20deg);
  -ms-transform-origin: top;
      transform-origin: top;
}

.zen-header > .zen-breadcrumb.dark, .zen-header > .zen-breadcrumb.dark > .title{
  color: #D2D2D2;
}

.zen-header > .zen-breadcrumb.dark:before, .zen-header > .zen-breadcrumb.dark > .title:before{
  background-color: #434343;
}

.zen-header > .zen-logo-1{
  width: 200px;
  min-width: 200px;
  overflow: hidden;
}

.zen-header > .zen-logo-1:before{
  background-color: #75BB00;
}

.zen-header > .zen-logo-1:after{
  position: absolute;
  top: 0;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url('./images/logo.png?v=f2b7949');
  background-image: -webkit-image-set(url('./images/logo.png?v=f2b7949') 1x, url('./images/logo@2x.png') 2x);
  background-image: image-set(url('./images/logo.png?v=f2b7949') 1x, url('./images/logo@2x.png') 2x);
  background-position: 16px 17px;
  background-repeat: no-repeat;
}

.zen-header > .zen-logo-1:hover:before{
  background-color: #85BF2E;
}

.zen-header > .zen-logo-1:active:before{
  background-color: #62981A;
}

@media screen and (max-width: 900px){
	.zen-header .zen-logo{
		max-width: 90px;
		min-width: 90px;
	}
	.zen-header .zen-logo:after{
    padding-left: 20px;
    font-size: 32px;
    color: #FFF;
    line-height: 65px;
    background-image: none;
  	font-family:"patsnap-zen" !important;
  	font-style:normal;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
  	content: "\e732";
  }
	.zen-header .zen-logo:after:before{undefined	margin-right: 8px;
  }
	.zen-header .zen-logo:after:empty:before{undefined	margin-right: 0;
  }
}

.zen-profile{
	position: fixed;
	top: 0;
	right: -260px;
	width: 260px;
	height: 100%;
	background: #555;
	animation-duration: 0.5s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}

.zen-profile .zen-profile-account{
  height: 65px;
}

.zen-profile .zen-profile-account > .zen-avatar{
  position: absolute;
  margin-top: 6px;
  left: -58px;
  cursor: pointer;
  animation-duration: 0.5s;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}

.zen-profile .zen-profile-account > .zen-profile-email{
  margin-left: 46px;
  line-height: 65px;
  color: #FFF;
}

.zen-profile.slide-in{
	animation-name: zen-profile-slide-in;
}

.zen-profile.slide-in .zen-avatar{
  animation-name: zen-profile-avatar-slide-in;
}
.zen-profile.slide-out{
	animation-name: zen-profile-slide-out;
}
.zen-profile.slide-out .zen-avatar{
  animation-name: zen-profile-avatar-slide-out;
}
@keyframes zen-profile-slide-in{
	  0% { transform: translateX(0); }
	100% { transform: translateX(-260px); }
}
@keyframes zen-profile-avatar-slide-in{
	  0% { left: -58px; }
	 14% { left: -26px; }
	100% { left: -26px; }
}
@keyframes zen-profile-slide-out{
	  0% { transform: translateX(-260px); }
	100% { transform: translateX(0); }
}
@keyframes zen-profile-avatar-slide-out{
	  0% { left: -26px; }
	 86% { left: -26px; }
	100% { left: -58px; }
}

/*for IE8 & IE9 */
.zen-profile.slide-in{
	right: 0\0;
}
.zen-profile.slide-in .zen-avatar{
  left: -26px\0;
}
.zen-profile.slide-out{
	right: -260px\0;
}
.zen-profile.slide-out .zen-avatar{
  left: -58px\0;
}
.zen-logo{
	position: relative;
	display: inline-block;
	width: 185px;
	height: 56px;
	background-color: #75BB00;
	background-image: url('./images/logo.png?v=f2b7949');
	background-image: -webkit-image-set(url('./images/logo.png?v=f2b7949') 1x, url('./images/logo@2x.png') 2x);
	background-image: image-set(url('./images/logo.png?v=f2b7949') 1x, url('./images/logo@2x.png') 2x);
	background-position: 10px 12px;
	background-repeat: no-repeat;
}
.zen-logo:after{
  position: absolute;
  right: 0;
  width: 0;
  height: 0;
  border-width: 28px 10px;
  border-style: solid;
  border-color: transparent #FFF #FFF transparent;
  content: '';
}
.zen-nav{
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-size: 0;
}
.zen-nav > a{
  display: inline-block;
  height: 56px;
  line-height: 56px;
  font-size: 20px;
  margin-left: 5em;
  color: #555;
  border-bottom: 5px solid transparent;
}
.zen-nav > a:first-child{
  margin-left: 2em;
}
.zen-nav > a:hover, .zen-nav > a.selected{
  color: #75BB00;
  text-decoration: none;
  border-color: currentcolor;
}

.zen-grid{
	border: 0 solid transparent; 
	border-width: 0 60px 0 60px;
}

/* 栅格系统分12列，11个列间距 */
/* 列和列间距宽度比例为55:45 */
/* 列和列间距之和 */
/* 容器宽度 = 12个列宽 + 11个列间距 */

/* .zen-col-{n}宽度 = n个列 + n-1个列间距 */
.zen-col-1{
  width: 4.7619%;
}
.zen-col-2{
  width: 13.41991%;
}
.zen-col-3{
  width: 22.07792%;
}
.zen-col-4{
  width: 30.73593%;
}
.zen-col-5{
  width: 39.39394%;
}
.zen-col-6{
  width: 48.05195%;
}
.zen-col-7{
  width: 56.70996%;
}
.zen-col-8{
  width: 65.36797%;
}
.zen-col-9{
  width: 74.02597%;
}
.zen-col-10{
  width: 82.68398%;
}
.zen-col-11{
  width: 91.34199%;
}
.zen-col-12{
  width: 100%;
}

.zen-row{
	position: relative;
}

.zen-row > [class^="zen-col-"], .zen-row [class*=" zen-col-"]{
  /* 列与列之间间距 */
  margin-left: 3.8961%;
  float: left;
}

/* 第一列顶格显示 */

.zen-row > [class^="zen-col-"]:first-child, .zen-row [class*=" zen-col-"]:first-child{
  margin-left: 0;
}

/* .zen-offset-{n}左外边距 = n个列 + n+1个列间距 */
.zen-row .zen-offset-1{
  margin-left: 12.55411%;
}
.zen-row .zen-offset-1:first-child{
  margin-left: 8.65801%;
}
.zen-row .zen-offset-2{
  margin-left: 21.21212%;
}
.zen-row .zen-offset-2:first-child{
  margin-left: 17.31602%;
}
.zen-row .zen-offset-3{
  margin-left: 29.87013%;
}
.zen-row .zen-offset-3:first-child{
  margin-left: 25.97403%;
}
.zen-row .zen-offset-4{
  margin-left: 38.52814%;
}
.zen-row .zen-offset-4:first-child{
  margin-left: 34.63203%;
}
.zen-row .zen-offset-5{
  margin-left: 47.18615%;
}
.zen-row .zen-offset-5:first-child{
  margin-left: 43.29004%;
}
.zen-row .zen-offset-6{
  margin-left: 55.84416%;
}
.zen-row .zen-offset-6:first-child{
  margin-left: 51.94805%;
}
.zen-row .zen-offset-7{
  margin-left: 64.50216%;
}
.zen-row .zen-offset-7:first-child{
  margin-left: 60.60606%;
}
.zen-row .zen-offset-8{
  margin-left: 73.16017%;
}
.zen-row .zen-offset-8:first-child{
  margin-left: 69.26407%;
}
.zen-row .zen-offset-9{
  margin-left: 81.81818%;
}
.zen-row .zen-offset-9:first-child{
  margin-left: 77.92208%;
}
.zen-row .zen-offset-10{
  margin-left: 90.47619%;
}
.zen-row .zen-offset-10:first-child{
  margin-left: 86.58009%;
}
.zen-row .zen-offset-11{
  margin-left: 99.1342%;
}
.zen-row .zen-offset-11:first-child{
  margin-left: 95.2381%;
}

.no-boxshadow .zen-confirm, .no-boxshadow .zen-dialog{
  border: 1px solid #D2D2D2;
}

.no-csstransforms .zen-confirm:before, .no-csstransforms .zen-dialog:before{
  display: none;
}

/* IE8，IE9等弱智浏览器不使用动画 */
.no-cssanimations .zen-dropmenu{
  display: none;
}
.no-cssanimations .zen-dropmenu.show{
  display: inline-block;
}
.no-boxshadow .zen-dropmenu{
  border: 1px solid #D2D2D2;
}
.no-boxshadow .zen-dropmenu:before{
  display: none;
}