@charset "UTF-8";
/*! 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 {
  -webkit-box-sizing: content-box;
          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"] {
  -webkit-box-sizing: border-box;
          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 */
  -webkit-box-sizing: content-box;
          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; }

@-webkit-keyframes door-enter {
  from {
    -webkit-transform: scale3d(0, 1, 1);
            transform: scale3d(0, 1, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 0.1);
            transform: scale3d(1, 1, 0.1); } }

@keyframes door-enter {
  from {
    -webkit-transform: scale3d(0, 1, 1);
            transform: scale3d(0, 1, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 0.1);
            transform: scale3d(1, 1, 0.1); } }

.door-enter {
  -webkit-animation: door-enter both cubic-bezier(0.4, 0, 0, 1.5);
          animation: door-enter both cubic-bezier(0.4, 0, 0, 1.5); }

@-webkit-keyframes door-leave {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  60% {
    -webkit-transform: scale3d(0.01, 1, 1);
            transform: scale3d(0.01, 1, 1); }
  to {
    -webkit-transform: scale3d(0, 1, 0.1);
            transform: scale3d(0, 1, 0.1); } }

@keyframes door-leave {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  60% {
    -webkit-transform: scale3d(0.01, 1, 1);
            transform: scale3d(0.01, 1, 1); }
  to {
    -webkit-transform: scale3d(0, 1, 0.1);
            transform: scale3d(0, 1, 0.1); } }

.door-leave {
  -webkit-animation: door-leave both;
          animation: door-leave both; }

@-webkit-keyframes fade-enter {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fade-enter {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.fade-enter {
  -webkit-animation: fade-enter both ease-in;
          animation: fade-enter both ease-in; }

@-webkit-keyframes fade-leave {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fade-leave {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.fade-leave {
  -webkit-animation: fade-leave both ease-out;
          animation: fade-leave both ease-out; }

@-webkit-keyframes flip-enter {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 60deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 60deg); }
  70% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -15deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -15deg); }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px); } }

@keyframes flip-enter {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 60deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 60deg); }
  70% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -15deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -15deg); }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px); } }

.flip-enter {
  -webkit-animation: flip-enter both ease-in;
          animation: flip-enter both ease-in;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important; }

@-webkit-keyframes flip-leave {
  from {
    -webkit-transform: perspective(400px);
            transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -15deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -15deg); }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 45deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 45deg); } }

@keyframes flip-leave {
  from {
    -webkit-transform: perspective(400px);
            transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -15deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -15deg); }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 45deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 45deg); } }

.flip-leave {
  -webkit-animation: flip-leave both;
          animation: flip-leave both;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important; }

@-webkit-keyframes rotate360 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes rotate360 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.rotate360 {
  -webkit-animation: rotate360 1s infinite linear;
          animation: rotate360 1s infinite linear; }

/* rotate */
@-webkit-keyframes rotate-enter {
  from {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -180deg) scale3d(0.3, 0.3, 0.3);
            transform: rotate3d(0, 0, 1, -180deg) scale3d(0.3, 0.3, 0.3); }
  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }
@keyframes rotate-enter {
  from {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -180deg) scale3d(0.3, 0.3, 0.3);
            transform: rotate3d(0, 0, 1, -180deg) scale3d(0.3, 0.3, 0.3); }
  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

.rotate-enter {
  -webkit-animation: rotate-enter both;
          animation: rotate-enter both; }

@-webkit-keyframes rotate-leave {
  from {
    -webkit-transform-origin: center;
            transform-origin: center; }
  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 180deg) scale3d(0.3, 0.3, 0.3);
            transform: rotate3d(0, 0, 1, 180deg) scale3d(0.3, 0.3, 0.3); } }

@keyframes rotate-leave {
  from {
    -webkit-transform-origin: center;
            transform-origin: center; }
  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 180deg) scale3d(0.3, 0.3, 0.3);
            transform: rotate3d(0, 0, 1, 180deg) scale3d(0.3, 0.3, 0.3); } }

.rotate-leave {
  -webkit-animation: rotate-leave both;
          animation: rotate-leave both; }

/* slideUp */
@-webkit-keyframes slideUp-enter {
  from {
    -webkit-transform: translate3d(0, 100px, 0);
            transform: translate3d(0, 100px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }
@keyframes slideUp-enter {
  from {
    -webkit-transform: translate3d(0, 100px, 0);
            transform: translate3d(0, 100px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.slideUp-enter {
  -webkit-animation: slideUp-enter both cubic-bezier(0.4, 0, 0, 1.5);
          animation: slideUp-enter both cubic-bezier(0.4, 0, 0, 1.5); }

@-webkit-keyframes slideUp-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 100px, 0);
            transform: translate3d(0, 100px, 0); } }

@keyframes slideUp-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 100px, 0);
            transform: translate3d(0, 100px, 0); } }

.slideUp-leave {
  -webkit-animation: slideUp-leave both;
          animation: slideUp-leave both; }

/* slideDown */
@-webkit-keyframes slideDown-enter {
  from {
    -webkit-transform: translate3d(0, -100px, 0);
            transform: translate3d(0, -100px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }
@keyframes slideDown-enter {
  from {
    -webkit-transform: translate3d(0, -100px, 0);
            transform: translate3d(0, -100px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.slideDown-enter {
  -webkit-animation: slideDown-enter both cubic-bezier(0.4, 0, 0, 1.5);
          animation: slideDown-enter both cubic-bezier(0.4, 0, 0, 1.5); }

@-webkit-keyframes slideDown-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(0, -100px, 0);
            transform: translate3d(0, -100px, 0); } }

@keyframes slideDown-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(0, -100px, 0);
            transform: translate3d(0, -100px, 0); } }

.slideDown-leave {
  -webkit-animation: slideDown-leave both;
          animation: slideDown-leave both; }

/* slideLeft */
@-webkit-keyframes slideLeft-enter {
  from {
    -webkit-transform: translate3d(150px, 0, 0);
            transform: translate3d(150px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }
@keyframes slideLeft-enter {
  from {
    -webkit-transform: translate3d(150px, 0, 0);
            transform: translate3d(150px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.slideLeft-enter {
  -webkit-animation: slideLeft-enter both cubic-bezier(0.4, 0, 0, 1.5);
          animation: slideLeft-enter both cubic-bezier(0.4, 0, 0, 1.5); }

@-webkit-keyframes slideLeft-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(150px, 0, 0);
            transform: translate3d(150px, 0, 0); } }

@keyframes slideLeft-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(150px, 0, 0);
            transform: translate3d(150px, 0, 0); } }

.slideLeft-leave {
  -webkit-animation: slideLeft-leave both;
          animation: slideLeft-leave both; }

/* slideRight */
@-webkit-keyframes slideRight-enter {
  from {
    -webkit-transform: translate3d(-150px, 0, 0);
            transform: translate3d(-150px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }
@keyframes slideRight-enter {
  from {
    -webkit-transform: translate3d(-150px, 0, 0);
            transform: translate3d(-150px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.slideRight-enter {
  -webkit-animation: slideRight-enter both cubic-bezier(0.4, 0, 0, 1.5);
          animation: slideRight-enter both cubic-bezier(0.4, 0, 0, 1.5); }

@-webkit-keyframes slideRight-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(-150px, 0, 0);
            transform: translate3d(-150px, 0, 0); } }

@keyframes slideRight-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(-150px, 0, 0);
            transform: translate3d(-150px, 0, 0); } }

.slideRight-leave {
  -webkit-animation: slideRight-leave both;
          animation: slideRight-leave both; }

@-webkit-keyframes zoom-enter {
  from {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

@keyframes zoom-enter {
  from {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

.zoom-enter {
  -webkit-animation: zoom-enter both cubic-bezier(0.4, 0, 0, 1.5);
          animation: zoom-enter both cubic-bezier(0.4, 0, 0, 1.5); }

@-webkit-keyframes zoom-leave {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  to {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes zoom-leave {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  to {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); } }

.zoom-leave {
  -webkit-animation: zoom-leave both;
          animation: zoom-leave both; }

/* moveUp */
@-webkit-keyframes moveUp-enter {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }
@keyframes moveUp-enter {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.moveUp-enter {
  -webkit-animation: moveUp-enter both ease-in;
          animation: moveUp-enter both ease-in; }

@-webkit-keyframes moveUp-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); } }

@keyframes moveUp-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); } }

.moveUp-leave {
  -webkit-animation: moveUp-leave both ease-out;
          animation: moveUp-leave both ease-out; }

/* moveDown */
@-webkit-keyframes moveDown-enter {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }
@keyframes moveDown-enter {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.moveDown-enter {
  -webkit-animation: moveDown-enter both ease-in;
          animation: moveDown-enter both ease-in; }

@-webkit-keyframes moveDown-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0); } }

@keyframes moveDown-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0); } }

.moveDown-leave {
  -webkit-animation: moveDown-leave both ease-out;
          animation: moveDown-leave both ease-out; }

/* moveLeft */
@-webkit-keyframes moveLeft-enter {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }
@keyframes moveLeft-enter {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.moveLeft-enter {
  -webkit-animation: moveLeft-enter both ease-in;
          animation: moveLeft-enter both ease-in; }

@-webkit-keyframes moveLeft-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); } }

@keyframes moveLeft-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); } }

.moveLeft-leave {
  -webkit-animation: moveLeft-leave both ease-out;
          animation: moveLeft-leave both ease-out; }

/* moveRight */
@-webkit-keyframes moveRight-enter {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }
@keyframes moveRight-enter {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.moveRight-enter {
  -webkit-animation: moveRight-enter both ease-in;
          animation: moveRight-enter both ease-in; }

@-webkit-keyframes moveRight-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); } }

@keyframes moveRight-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); } }

.moveRight-leave {
  -webkit-animation: moveRight-leave both ease-out;
          animation: moveRight-leave both ease-out; }

@-webkit-keyframes scaleDown-enter {
  from {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8); }
  to {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes scaleDown-enter {
  from {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8); }
  to {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

.scaleDown-enter {
  -webkit-animation: scaleDown-enter both;
          animation: scaleDown-enter both; }

@-webkit-keyframes scaleDown-leave {
  from {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  to {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8); } }

@keyframes scaleDown-leave {
  from {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  to {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8); } }

.scaleDown-leave {
  -webkit-animation: scaleDown-leave both;
          animation: scaleDown-leave both; }

.ui-button {
  display: inline-block;
  margin-bottom: 0;
  padding: 0 0.915rem;
  font-size: 0.915rem;
  height: 2.74357rem;
  line-height: 2.74357rem;
  background-color: #dadada;
  border-color: #dadada;
  color: #333;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  background-image: none;
  border: 1px solid transparent;
  /*border-width: 0;*/
  cursor: pointer;
  outline: 0;
  -webkit-appearance: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: background-color 300ms ease-out, border-color 300ms ease-out;
  transition: background-color 300ms ease-out, border-color 300ms ease-out;
  /* disabled Button */
  /* block Button */
  /* Button sizes */
  /* Button themes */ }
  .ui-button.radius {
    border-radius: 0.24452rem; }
  .ui-button.round {
    border-radius: 60.9531rem;
    /*    padding-left: $height / 2;
    padding-right: $height / 2;*/ }
  .ui-button.circle {
    width: 2.74357rem;
    height: 2.74357rem;
    padding: 0;
    border-radius: 50%; }
  .ui-button .ui-icon + span,
  .ui-button span + .ui-icon {
    margin-left: 0.27436rem; }
  .ui-button:hover {
    background-color: #c1c1c1;
    border-color: #bbbbbb;
    color: #333; }
  .ui-button:focus, .ui-button.focus {
    background-color: #c1c1c1;
    border-color: #bbbbbb;
    color: #333; }
  .ui-button:active, .ui-button.active {
    background-color: #c1c1c1;
    border-color: #bbbbbb;
    color: #333;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
    .ui-button:active:hover, .ui-button:active:focus, .ui-button:active.focus, .ui-button.active:hover, .ui-button.active:focus, .ui-button.active.focus {
      background-color: #afafaf;
      border-color: #9a9a9a;
      color: #333; }
  .ui-button.disabled, .ui-button:disabled {
    cursor: not-allowed; }
    .ui-button.disabled:focus, .ui-button.disabled.focus, .ui-button:disabled:focus, .ui-button:disabled.focus {
      background-color: #dadada;
      border-color: #dadada; }
    .ui-button.disabled:hover, .ui-button:disabled:hover {
      background-color: #dadada;
      border-color: #dadada; }
  .ui-button.bordered {
    border-color: #dadada;
    background-color: transparent;
    color: #9b9b9b; }
    .ui-button.bordered:hover {
      border-color: #bbbbbb; }
    .ui-button.bordered:active, .ui-button.bordered.active {
      background-color: transparent;
      border-color: #bbbbbb; }
      .ui-button.bordered:active:hover, .ui-button.bordered:active:focus, .ui-button.bordered:active.focus, .ui-button.bordered.active:hover, .ui-button.bordered.active:focus, .ui-button.bordered.active.focus {
        color: #828282; }
  .ui-button.disabled, .ui-button:disabled {
    cursor: not-allowed;
    opacity: .65;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .ui-button.block {
    width: 100%;
    display: block; }
  .ui-button.size-xl {
    padding: 0 1.21976rem;
    font-size: 1.09786rem;
    height: 3.3531rem;
    line-height: 3.3531rem; }
    .ui-button.size-xl.radius {
      border-radius: 0.36643rem; }
    .ui-button.size-xl.round {
      border-radius: 60.9531rem;
      /*    padding-left: $height / 2;
    padding-right: $height / 2;*/ }
    .ui-button.size-xl.circle {
      width: 3.3531rem;
      height: 3.3531rem;
      padding: 0;
      border-radius: 50%; }
    .ui-button.size-xl .ui-icon + span,
    .ui-button.size-xl span + .ui-icon {
      margin-left: 0.33531rem; }
  .ui-button.size-lg {
    padding: 0 1.09786rem;
    font-size: 0.97595rem;
    height: 3.04833rem;
    line-height: 3.04833rem; }
    .ui-button.size-lg.radius {
      border-radius: 0.30548rem; }
    .ui-button.size-lg.round {
      border-radius: 60.9531rem;
      /*    padding-left: $height / 2;
    padding-right: $height / 2;*/ }
    .ui-button.size-lg.circle {
      width: 3.04833rem;
      height: 3.04833rem;
      padding: 0;
      border-radius: 50%; }
    .ui-button.size-lg .ui-icon + span,
    .ui-button.size-lg span + .ui-icon {
      margin-left: 0.30483rem; }
  .ui-button.size-sm {
    padding: 0 0.73214rem;
    font-size: 0.85405rem;
    height: 2.43881rem;
    line-height: 2.43881rem; }
    .ui-button.size-sm.radius {
      border-radius: 0.24452rem; }
    .ui-button.size-sm.round {
      border-radius: 60.9531rem;
      /*    padding-left: $height / 2;
    padding-right: $height / 2;*/ }
    .ui-button.size-sm.circle {
      width: 2.43881rem;
      height: 2.43881rem;
      padding: 0;
      border-radius: 50%; }
    .ui-button.size-sm .ui-icon + span,
    .ui-button.size-sm span + .ui-icon {
      margin-left: 0.24388rem; }
  .ui-button.size-xs {
    padding: 0 0.48833rem;
    font-size: 0.73214rem;
    height: 1.82929rem;
    line-height: 1.82929rem; }
    .ui-button.size-xs.radius {
      border-radius: 0.24452rem; }
    .ui-button.size-xs.round {
      border-radius: 60.9531rem;
      /*    padding-left: $height / 2;
    padding-right: $height / 2;*/ }
    .ui-button.size-xs.circle {
      width: 1.82929rem;
      height: 1.82929rem;
      padding: 0;
      border-radius: 50%; }
    .ui-button.size-xs .ui-icon + span,
    .ui-button.size-xs span + .ui-icon {
      margin-left: 0.18293rem; }
  .ui-button.theme-info {
    background-color: #2db7f5;
    border-color: #2db7f5;
    color: #fff; }
    .ui-button.theme-info:hover {
      background-color: #0ba1e4;
      border-color: #0a9ada;
      color: #fff; }
    .ui-button.theme-info:focus, .ui-button.theme-info.focus {
      background-color: #0ba1e4;
      border-color: #0a9ada;
      color: #fff; }
    .ui-button.theme-info:active, .ui-button.theme-info.active {
      background-color: #0ba1e4;
      border-color: #0a9ada;
      color: #fff;
      background-image: none;
      -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
              box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
      .ui-button.theme-info:active:hover, .ui-button.theme-info:active:focus, .ui-button.theme-info:active.focus, .ui-button.theme-info.active:hover, .ui-button.theme-info.active:focus, .ui-button.theme-info.active.focus {
        background-color: #0989c2;
        border-color: #076d9b;
        color: #fff; }
    .ui-button.theme-info.disabled, .ui-button.theme-info:disabled {
      cursor: not-allowed; }
      .ui-button.theme-info.disabled:focus, .ui-button.theme-info.disabled.focus, .ui-button.theme-info:disabled:focus, .ui-button.theme-info:disabled.focus {
        background-color: #2db7f5;
        border-color: #2db7f5; }
      .ui-button.theme-info.disabled:hover, .ui-button.theme-info:disabled:hover {
        background-color: #2db7f5;
        border-color: #2db7f5; }
    .ui-button.theme-info.bordered {
      border-color: #2db7f5;
      background-color: transparent;
      color: #2db7f5; }
      .ui-button.theme-info.bordered:hover {
        border-color: #0a9ada; }
      .ui-button.theme-info.bordered:active, .ui-button.theme-info.bordered.active {
        background-color: transparent;
        border-color: #0a9ada; }
        .ui-button.theme-info.bordered:active:hover, .ui-button.theme-info.bordered:active:focus, .ui-button.theme-info.bordered:active.focus, .ui-button.theme-info.bordered.active:hover, .ui-button.theme-info.bordered.active:focus, .ui-button.theme-info.bordered.active.focus {
          color: #0ba1e4; }
  .ui-button.theme-success {
    background-color: #00b15b;
    border-color: #00b15b;
    color: #fff; }
    .ui-button.theme-success:hover {
      background-color: #007e41;
      border-color: #00743c;
      color: #fff; }
    .ui-button.theme-success:focus, .ui-button.theme-success.focus {
      background-color: #007e41;
      border-color: #00743c;
      color: #fff; }
    .ui-button.theme-success:active, .ui-button.theme-success.active {
      background-color: #007e41;
      border-color: #00743c;
      color: #fff;
      background-image: none;
      -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
              box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
      .ui-button.theme-success:active:hover, .ui-button.theme-success:active:focus, .ui-button.theme-success:active.focus, .ui-button.theme-success.active:hover, .ui-button.theme-success.active:focus, .ui-button.theme-success.active.focus {
        background-color: #005a2e;
        border-color: #003219;
        color: #fff; }
    .ui-button.theme-success.disabled, .ui-button.theme-success:disabled {
      cursor: not-allowed; }
      .ui-button.theme-success.disabled:focus, .ui-button.theme-success.disabled.focus, .ui-button.theme-success:disabled:focus, .ui-button.theme-success:disabled.focus {
        background-color: #00b15b;
        border-color: #00b15b; }
      .ui-button.theme-success.disabled:hover, .ui-button.theme-success:disabled:hover {
        background-color: #00b15b;
        border-color: #00b15b; }
    .ui-button.theme-success.bordered {
      border-color: #00b15b;
      background-color: transparent;
      color: #00b15b; }
      .ui-button.theme-success.bordered:hover {
        border-color: #00743c; }
      .ui-button.theme-success.bordered:active, .ui-button.theme-success.bordered.active {
        background-color: transparent;
        border-color: #00743c; }
        .ui-button.theme-success.bordered:active:hover, .ui-button.theme-success.bordered:active:focus, .ui-button.theme-success.bordered:active.focus, .ui-button.theme-success.bordered.active:hover, .ui-button.theme-success.bordered.active:focus, .ui-button.theme-success.bordered.active.focus {
          color: #007e41; }
  .ui-button.theme-warning {
    background-color: #ffba34;
    border-color: #ffba34;
    color: #fff; }
    .ui-button.theme-warning:hover {
      background-color: #ffa901;
      border-color: #f6a200;
      color: #fff; }
    .ui-button.theme-warning:focus, .ui-button.theme-warning.focus {
      background-color: #ffa901;
      border-color: #f6a200;
      color: #fff; }
    .ui-button.theme-warning:active, .ui-button.theme-warning.active {
      background-color: #ffa901;
      border-color: #f6a200;
      color: #fff;
      background-image: none;
      -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
              box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
      .ui-button.theme-warning:active:hover, .ui-button.theme-warning:active:focus, .ui-button.theme-warning:active.focus, .ui-button.theme-warning.active:hover, .ui-button.theme-warning.active:focus, .ui-button.theme-warning.active.focus {
        background-color: #dc9100;
        border-color: #b47600;
        color: #fff; }
    .ui-button.theme-warning.disabled, .ui-button.theme-warning:disabled {
      cursor: not-allowed; }
      .ui-button.theme-warning.disabled:focus, .ui-button.theme-warning.disabled.focus, .ui-button.theme-warning:disabled:focus, .ui-button.theme-warning:disabled.focus {
        background-color: #ffba34;
        border-color: #ffba34; }
      .ui-button.theme-warning.disabled:hover, .ui-button.theme-warning:disabled:hover {
        background-color: #ffba34;
        border-color: #ffba34; }
    .ui-button.theme-warning.bordered {
      border-color: #ffba34;
      background-color: transparent;
      color: #ffba34; }
      .ui-button.theme-warning.bordered:hover {
        border-color: #f6a200; }
      .ui-button.theme-warning.bordered:active, .ui-button.theme-warning.bordered.active {
        background-color: transparent;
        border-color: #f6a200; }
        .ui-button.theme-warning.bordered:active:hover, .ui-button.theme-warning.bordered:active:focus, .ui-button.theme-warning.bordered:active.focus, .ui-button.theme-warning.bordered.active:hover, .ui-button.theme-warning.bordered.active:focus, .ui-button.theme-warning.bordered.active.focus {
          color: #ffa901; }
  .ui-button.theme-error {
    background-color: #e93a3a;
    border-color: #e93a3a;
    color: #fff; }
    .ui-button.theme-error:hover {
      background-color: #d81818;
      border-color: #cf1717;
      color: #fff; }
    .ui-button.theme-error:focus, .ui-button.theme-error.focus {
      background-color: #d81818;
      border-color: #cf1717;
      color: #fff; }
    .ui-button.theme-error:active, .ui-button.theme-error.active {
      background-color: #d81818;
      border-color: #cf1717;
      color: #fff;
      background-image: none;
      -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
              box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
      .ui-button.theme-error:active:hover, .ui-button.theme-error:active:focus, .ui-button.theme-error:active.focus, .ui-button.theme-error.active:hover, .ui-button.theme-error.active:focus, .ui-button.theme-error.active.focus {
        background-color: #b81515;
        border-color: #931010;
        color: #fff; }
    .ui-button.theme-error.disabled, .ui-button.theme-error:disabled {
      cursor: not-allowed; }
      .ui-button.theme-error.disabled:focus, .ui-button.theme-error.disabled.focus, .ui-button.theme-error:disabled:focus, .ui-button.theme-error:disabled.focus {
        background-color: #e93a3a;
        border-color: #e93a3a; }
      .ui-button.theme-error.disabled:hover, .ui-button.theme-error:disabled:hover {
        background-color: #e93a3a;
        border-color: #e93a3a; }
    .ui-button.theme-error.bordered {
      border-color: #e93a3a;
      background-color: transparent;
      color: #e93a3a; }
      .ui-button.theme-error.bordered:hover {
        border-color: #cf1717; }
      .ui-button.theme-error.bordered:active, .ui-button.theme-error.bordered.active {
        background-color: transparent;
        border-color: #cf1717; }
        .ui-button.theme-error.bordered:active:hover, .ui-button.theme-error.bordered:active:focus, .ui-button.theme-error.bordered:active.focus, .ui-button.theme-error.bordered.active:hover, .ui-button.theme-error.bordered.active:focus, .ui-button.theme-error.bordered.active.focus {
          color: #d81818; }

@font-face {
  font-family: "dragonicon";
  src: url("https://at.alicdn.com/t/font_1469689123_124623.eot");
  src: url("https://at.alicdn.com/t/font_1469689123_124623.eot?#iefix") format("embedded-opentype"), url("https://at.alicdn.com/t/font_1469689123_124623.woff") format("woff"), url("https://at.alicdn.com/t/font_1469689123_124623.ttf") format("truetype"), url("https://at.alicdn.com/t/font_1469689123_124623.svg#dragonicon") format("svg"); }

.ui-icon {
  font-family: "dragonicon" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  /*-webkit-text-stroke-width: 0.2px;*/
  -moz-osx-font-smoothing: grayscale;
  /*&.theme-default {
    @include icon-theme($base-theme-default);
  }*/ }
  .ui-icon.theme-info {
    color: #2db7f5; }
  .ui-icon.theme-success {
    color: #00b15b; }
  .ui-icon.theme-warning {
    color: #ffba34; }
  .ui-icon.theme-error {
    color: #e93a3a; }

.ui-icon-arrow-top:before {
  content: "\E60E"; }

.ui-icon-arrow-bottom:before {
  content: "\E60F"; }

.ui-icon-arrow-left:before {
  content: "\E610"; }

.ui-icon-arrow-right:before {
  content: "\E611"; }

.ui-icon-warning-round-fill:before {
  content: "\E616"; }

.ui-icon-warning-round:before {
  content: "\E617"; }

.ui-icon-date:before {
  content: "\E618"; }

.ui-icon-loading:before {
  content: "\E61A"; }

.ui-icon-right-square-fill:before {
  content: "\E600"; }

.ui-icon-right-square:before {
  content: "\E601"; }

.ui-icon-wrong:before {
  content: "\E602"; }

.ui-icon-wrong-round-fill:before {
  content: "\E603"; }

.ui-icon-wrong-round:before {
  content: "\E604"; }

.ui-icon-add-round:before {
  content: "\E605"; }

.ui-icon-add:before {
  content: "\E606"; }

.ui-icon-add-round-fill:before {
  content: "\E607"; }

.ui-icon-minus:before {
  content: "\E608"; }

.ui-icon-info-round-fill:before {
  content: "\E609"; }

.ui-icon-info-round:before {
  content: "\E60A"; }

.ui-icon-question-round-fill:before {
  content: "\E60B"; }

.ui-icon-question-round:before {
  content: "\E60C"; }

.ui-icon-right:before {
  content: "\E60D"; }

.ui-icon-right-round-fill:before {
  content: "\E612"; }

.ui-icon-right-round:before {
  content: "\E613"; }

.ui-icon-minus-round-fill:before {
  content: "\E614"; }

.ui-icon-required:before {
  content: "\E619"; }

.ui-icon-minus-round:before {
  content: "\E615"; }

.ui-input {
  position: relative;
  /* Input sizes */ }
  .ui-input input, .ui-input textarea {
    /*height: $height;*/
    line-height: 1.5;
    padding: 0 0;
    font-size: 0.915rem; }
    .ui-input input.radius, .ui-input textarea.radius {
      border-radius: 0.24452rem; }
  .ui-input input, .ui-input textarea {
    position: relative;
    display: inline-block;
    width: 100%;
    color: #636363;
    background-color: #fff;
    background-image: none;
    border-width: 0;
    /*border: 1px solid #d9d9d9;*/
    outline: 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
    .ui-input input[type="date"], .ui-input textarea[type="date"] {
      height: 1.28071rem; }
    .ui-input input:focus, .ui-input textarea:focus {
      border-color: #57c5f7;
      outline: 0; }
    .ui-input input:hover, .ui-input textarea:hover {
      border-color: #57c5f7; }
    .ui-input input.disabled, .ui-input input:disabled, .ui-input textarea.disabled, .ui-input textarea:disabled {
      cursor: not-allowed;
      /*background-color: #f3f5f7;*/ }
      .ui-input input.disabled:focus, .ui-input input.disabled.focus, .ui-input input:disabled:focus, .ui-input input:disabled.focus, .ui-input textarea.disabled:focus, .ui-input textarea.disabled.focus, .ui-input textarea:disabled:focus, .ui-input textarea:disabled.focus {
        border-color: #ccc; }
      .ui-input input.disabled:hover, .ui-input input:disabled:hover, .ui-input textarea.disabled:hover, .ui-input textarea:disabled:hover {
        border-color: #ccc; }
  .ui-input.size-xl input, .ui-input.size-xl textarea {
    /*height: $height;*/
    line-height: 1.5;
    padding: 4px 14px;
    font-size: 1.09786rem; }
    .ui-input.size-xl input.radius, .ui-input.size-xl textarea.radius {
      border-radius: 0.36643rem; }
  .ui-input.size-lg input, .ui-input.size-lg textarea {
    /*height: $height;*/
    line-height: 1.5;
    padding: 4px 11px;
    font-size: 0.97595rem; }
    .ui-input.size-lg input.radius, .ui-input.size-lg textarea.radius {
      border-radius: 0.30548rem; }
  .ui-input.size-sm input, .ui-input.size-sm textarea {
    /*height: $height;*/
    line-height: 1.5;
    padding: 4px 7px;
    font-size: 0.85405rem; }
    .ui-input.size-sm input.radius, .ui-input.size-sm textarea.radius {
      border-radius: 0.24452rem; }
  .ui-input.size-xs input, .ui-input.size-xs textarea {
    /*height: $height;*/
    line-height: 1.5;
    padding: 4px 4px;
    font-size: 0.73214rem; }
    .ui-input.size-xs input.radius, .ui-input.size-xs textarea.radius {
      border-radius: 0.24452rem; }

.ui-input-placeholder {
  position: absolute;
  color: #c1c1c1; }

textarea.ui-input {
  max-width: 100%;
  height: auto !important;
  line-height: 1.5;
  vertical-align: bottom; }

.ui-input-number {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .ui-input-number .ui-input-number-body {
    color: #dadada; }
  .ui-input-number.disabled .ui-input-number-sub,
  .ui-input-number.disabled .ui-input-number-plus {
    color: #e2e2e2; }
  .ui-input-number.radius .ui-input-number-sub {
    border-radius: 0.24452rem 0 0 0.24452rem; }
  .ui-input-number.radius .ui-input-number-plus {
    border-radius: 0 0.24452rem 0.24452rem 0; }
  .ui-input-number.theme-info .ui-input-number-body {
    color: #2db7f5; }
  .ui-input-number.theme-success .ui-input-number-body {
    color: #00b15b; }
  .ui-input-number.theme-warning .ui-input-number-body {
    color: #ffba34; }
  .ui-input-number.theme-error .ui-input-number-body {
    color: #e93a3a; }

.ui-input-number-sub,
.ui-input-number-plus {
  float: left;
  display: inline-block;
  border: 1px solid #ddd;
  width: 1.82929rem;
  height: 1.82929rem;
  line-height: 1.70738rem;
  text-align: center;
  font-size: 0.97595rem;
  font-weight: bold;
  cursor: pointer;
  color: #a6a6a6; }
  .ui-input-number-sub.disabled,
  .ui-input-number-plus.disabled {
    color: #e2e2e2;
    cursor: not-allowed; }

.ui-input-number-sub {
  border-right: none; }

.ui-input-number-plus {
  border-left: none; }

.ui-input-number-body {
  float: left;
  display: inline-block;
  width: 4.8769rem;
  padding: 0 0.61024rem;
  height: 1.82929rem;
  border: 1px solid #ddd;
  border-radius: 0;
  text-align: center;
  outline: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

.ui-cell {
  position: relative; }
  .ui-cell .ui-cell-footer {
    color: base-btn-default-bg; }
  .ui-cell.theme-info .ui-cell-footer {
    color: #2db7f5; }
  .ui-cell.theme-success .ui-cell-footer {
    color: #00b15b; }
  .ui-cell.theme-warning .ui-cell-footer {
    color: #ffba34; }
  .ui-cell.theme-error .ui-cell-footer {
    color: #e93a3a; }
  .ui-cell + .ui-cell:before {
    content: '';
    position: absolute;
    left: 0.915rem;
    right: 0;
    top: 0;
    height: 1px;
    border-top: 1px solid #ddd;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5); }

.ui-cell-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.48833rem 0.915rem;
  background: #fff;
  font-size: 0.915rem;
  min-height: 2.74357rem; }
  .ui-cell-inner a,
  .ui-cell-inner a:hover {
    text-decoration: none; }

.ui-cell-normal .ui-cell-title,
.ui-cell-select .ui-cell-title {
  width: 6.09595rem; }

.ui-cell-select .ui-cell-footer:after {
  display: inline-block;
  margin-left: 0.30548rem;
  content: '';
  border-right: 0.12262rem solid #c7c7cc;
  border-top: 0.12262rem solid #c7c7cc;
  width: 0.61024rem;
  height: 0.61024rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }

.ui-cell-link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .ui-cell-link .ui-cell-inner:active {
    background-color: #d9d9d9; }
  .ui-cell-link .ui-cell-title {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .ui-cell-link .ui-cell-footer:after {
    display: inline-block;
    margin-left: 0.30548rem;
    content: '';
    border-right: 0.12262rem solid #c7c7cc;
    border-top: 0.12262rem solid #c7c7cc;
    width: 0.61024rem;
    height: 0.61024rem;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }

.ui-cell-body {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.ui-cell-footer {
  text-align: right; }

.ui-cell-icon {
  margin-right: 0.61024rem; }
  .ui-cell-icon img {
    max-height: 1.76833rem; }

.ui-cell-title {
  overflow: hidden;
  color: #333; }

.ui-cell-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.ui-cell-explain {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  min-height: 1.82929rem;
  background: #fff;
  padding: 0 0.915rem 0.54929rem 0.915rem;
  font-size: 0.7931rem; }

.ui-cell-explain-text {
  width: 100%;
  background: #fff6e2;
  color: #feaa00;
  border: 1px solid #feeebd;
  padding: 0.30548rem 0.48833rem; }

.ui-checkbox-group {
  display: inline-block; }
  .ui-checkbox-group label {
    margin-right: 0.97595rem; }

/* 一般状态 */
.ui-checkbox {
  display: inline-block;
  position: relative;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
  /* 选中状态 */
  /* 禁用状态 */ }
  .ui-checkbox.checked .ui-checkbox-inner {
    border-color: #2db7f5;
    background-color: #2db7f5; }
    .ui-checkbox.checked .ui-checkbox-inner:after {
      -webkit-transform: rotate(45deg) scale(1);
              transform: rotate(45deg) scale(1);
      -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
      transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; }
  .ui-checkbox.disabled .ui-checkbox-inner {
    border-color: #d9d9d9;
    background-color: #f3f3f3;
    cursor: not-allowed; }
    .ui-checkbox.disabled .ui-checkbox-inner:after {
      border-color: #ccc; }
  .ui-checkbox .ui-checkbox-inner {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    width: 0.915rem;
    height: 0.915rem;
    border: 1px solid #d9d9d9;
    border-radius: 0.18357rem;
    background-color: #fff;
    -webkit-transition: border-color 0.1s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.1s cubic-bezier(0.71, -0.46, 0.29, 1.46);
    transition: border-color 0.1s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.1s cubic-bezier(0.71, -0.46, 0.29, 1.46); }
    .ui-checkbox .ui-checkbox-inner:after {
      -webkit-transform: rotate(45deg) scale(0);
              transform: rotate(45deg) scale(0);
      position: absolute;
      left: 0.24452rem;
      top: 0.06167rem;
      display: table;
      width: 0.33595rem;
      height: 0.54929rem;
      border: 0.12262rem solid #fff;
      border-top: 0;
      border-left: 0;
      content: ' ';
      -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6);
      transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6); }
  .ui-checkbox .ui-checkbox-input {
    position: absolute;
    left: 0;
    opacity: 0; }
  .ui-checkbox + span {
    margin-left: 0.30548rem; }

.ui-loading {
  display: none;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 1300; }
  .ui-loading-open {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .ui-loading-container {
    position: relative;
    width: 4.8769rem;
    height: 4.8769rem;
    padding: 1.21976rem 0.915rem;
    border-radius: 0.36643rem;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    text-align: center;
    font-size: 0.915rem; }
    .ui-loading-container p {
      margin: 0;
      padding: 0;
      font-size: 0.73214rem;
      line-height: 1.5;
      overflow: hidden; }
  .ui-loading-items {
    position: absolute;
    left: 50%;
    top: 50%; }
  .ui-loading-item {
    position: absolute;
    top: -1px;
    opacity: 0.25; }
    .ui-loading-item:before {
      content: '';
      position: absolute;
      width: 0.49687rem;
      height: 0.18845rem;
      background: #d1d1d5;
      -webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 0 0 1px;
              box-shadow: rgba(0, 0, 0, 0.0980392) 0 0 1px;
      border-radius: 1px;
      -webkit-transform-origin: left 50% 0;
              transform-origin: left 50% 0; }
    .ui-loading-item:nth-of-type(1) {
      -webkit-animation: opacity-60-25-0-12 1.25s linear infinite;
              animation: opacity-60-25-0-12 1.25s linear infinite; }
      .ui-loading-item:nth-of-type(1):before {
        -webkit-transform: rotate(0deg) translate(0.48346rem, 0);
                transform: rotate(0deg) translate(0.48346rem, 0); }
    .ui-loading-item:nth-of-type(2) {
      -webkit-animation: opacity-60-25-1-12 1.25s linear infinite;
              animation: opacity-60-25-1-12 1.25s linear infinite; }
      .ui-loading-item:nth-of-type(2):before {
        -webkit-transform: rotate(30deg) translate(0.48346rem, 0);
                transform: rotate(30deg) translate(0.48346rem, 0); }
    .ui-loading-item:nth-of-type(3) {
      -webkit-animation: opacity-60-25-2-12 1.25s linear infinite;
              animation: opacity-60-25-2-12 1.25s linear infinite; }
      .ui-loading-item:nth-of-type(3):before {
        -webkit-transform: rotate(60deg) translate(0.48346rem, 0);
                transform: rotate(60deg) translate(0.48346rem, 0); }
    .ui-loading-item:nth-of-type(4) {
      -webkit-animation: opacity-60-25-3-12 1.25s linear infinite;
              animation: opacity-60-25-3-12 1.25s linear infinite; }
      .ui-loading-item:nth-of-type(4):before {
        -webkit-transform: rotate(90deg) translate(0.48346rem, 0);
                transform: rotate(90deg) translate(0.48346rem, 0); }
    .ui-loading-item:nth-of-type(5) {
      -webkit-animation: opacity-60-25-4-12 1.25s linear infinite;
              animation: opacity-60-25-4-12 1.25s linear infinite; }
      .ui-loading-item:nth-of-type(5):before {
        -webkit-transform: rotate(120deg) translate(0.48346rem, 0);
                transform: rotate(120deg) translate(0.48346rem, 0); }
    .ui-loading-item:nth-of-type(6) {
      -webkit-animation: opacity-60-25-5-12 1.25s linear infinite;
              animation: opacity-60-25-5-12 1.25s linear infinite; }
      .ui-loading-item:nth-of-type(6):before {
        -webkit-transform: rotate(150deg) translate(0.48346rem, 0);
                transform: rotate(150deg) translate(0.48346rem, 0); }
    .ui-loading-item:nth-of-type(7) {
      -webkit-animation: opacity-60-25-6-12 1.25s linear infinite;
              animation: opacity-60-25-6-12 1.25s linear infinite; }
      .ui-loading-item:nth-of-type(7):before {
        -webkit-transform: rotate(180deg) translate(0.48346rem, 0);
                transform: rotate(180deg) translate(0.48346rem, 0); }
    .ui-loading-item:nth-of-type(8) {
      -webkit-animation: opacity-60-25-7-12 1.25s linear infinite;
              animation: opacity-60-25-7-12 1.25s linear infinite; }
      .ui-loading-item:nth-of-type(8):before {
        -webkit-transform: rotate(210deg) translate(0.48346rem, 0);
                transform: rotate(210deg) translate(0.48346rem, 0); }
    .ui-loading-item:nth-of-type(9) {
      -webkit-animation: opacity-60-25-8-12 1.25s linear infinite;
              animation: opacity-60-25-8-12 1.25s linear infinite; }
      .ui-loading-item:nth-of-type(9):before {
        -webkit-transform: rotate(240deg) translate(0.48346rem, 0);
                transform: rotate(240deg) translate(0.48346rem, 0); }
    .ui-loading-item:nth-of-type(10) {
      -webkit-animation: opacity-60-25-9-12 1.25s linear infinite;
              animation: opacity-60-25-9-12 1.25s linear infinite; }
      .ui-loading-item:nth-of-type(10):before {
        -webkit-transform: rotate(270deg) translate(0.48346rem, 0);
                transform: rotate(270deg) translate(0.48346rem, 0); }
    .ui-loading-item:nth-of-type(11) {
      -webkit-animation: opacity-60-25-10-12 1.25s linear infinite;
              animation: opacity-60-25-10-12 1.25s linear infinite; }
      .ui-loading-item:nth-of-type(11):before {
        -webkit-transform: rotate(300deg) translate(0.48346rem, 0);
                transform: rotate(300deg) translate(0.48346rem, 0); }
    .ui-loading-item:nth-of-type(12) {
      -webkit-animation: opacity-60-25-11-12 1.25s linear infinite;
              animation: opacity-60-25-11-12 1.25s linear infinite; }
      .ui-loading-item:nth-of-type(12):before {
        -webkit-transform: rotate(330deg) translate(0.48346rem, 0);
                transform: rotate(330deg) translate(0.48346rem, 0); }

@-webkit-keyframes opacity-60-25-0-12 {
  0% {
    opacity: 0.25; }
  0.01% {
    opacity: 0.25; }
  0.02% {
    opacity: 1; }
  60.01% {
    opacity: 0.25; }
  100% {
    opacity: 0.25; } }

@keyframes opacity-60-25-0-12 {
  0% {
    opacity: 0.25; }
  0.01% {
    opacity: 0.25; }
  0.02% {
    opacity: 1; }
  60.01% {
    opacity: 0.25; }
  100% {
    opacity: 0.25; } }

@-webkit-keyframes opacity-60-25-1-12 {
  0% {
    opacity: 0.25; }
  8.34333% {
    opacity: 0.25; }
  8.35333% {
    opacity: 1; }
  68.3433% {
    opacity: 0.25; }
  100% {
    opacity: 0.25; } }

@keyframes opacity-60-25-1-12 {
  0% {
    opacity: 0.25; }
  8.34333% {
    opacity: 0.25; }
  8.35333% {
    opacity: 1; }
  68.3433% {
    opacity: 0.25; }
  100% {
    opacity: 0.25; } }

@-webkit-keyframes opacity-60-25-2-12 {
  0% {
    opacity: 0.25; }
  16.6767% {
    opacity: 0.25; }
  16.6867% {
    opacity: 1; }
  76.6767% {
    opacity: 0.25; }
  100% {
    opacity: 0.25; } }

@keyframes opacity-60-25-2-12 {
  0% {
    opacity: 0.25; }
  16.6767% {
    opacity: 0.25; }
  16.6867% {
    opacity: 1; }
  76.6767% {
    opacity: 0.25; }
  100% {
    opacity: 0.25; } }

@-webkit-keyframes opacity-60-25-3-12 {
  0% {
    opacity: 0.25; }
  25.01% {
    opacity: 0.25; }
  25.02% {
    opacity: 1; }
  85.01% {
    opacity: 0.25; }
  100% {
    opacity: 0.25; } }

@keyframes opacity-60-25-3-12 {
  0% {
    opacity: 0.25; }
  25.01% {
    opacity: 0.25; }
  25.02% {
    opacity: 1; }
  85.01% {
    opacity: 0.25; }
  100% {
    opacity: 0.25; } }

@-webkit-keyframes opacity-60-25-4-12 {
  0% {
    opacity: 0.25; }
  33.3433% {
    opacity: 0.25; }
  33.3533% {
    opacity: 1; }
  93.3433% {
    opacity: 0.25; }
  100% {
    opacity: 0.25; } }

@keyframes opacity-60-25-4-12 {
  0% {
    opacity: 0.25; }
  33.3433% {
    opacity: 0.25; }
  33.3533% {
    opacity: 1; }
  93.3433% {
    opacity: 0.25; }
  100% {
    opacity: 0.25; } }

@-webkit-keyframes opacity-60-25-5-12 {
  0% {
    opacity: 0.270958333333333; }
  41.6767% {
    opacity: 0.25; }
  41.6867% {
    opacity: 1; }
  1.67667% {
    opacity: 0.25; }
  100% {
    opacity: 0.270958333333333; } }

@keyframes opacity-60-25-5-12 {
  0% {
    opacity: 0.270958333333333; }
  41.6767% {
    opacity: 0.25; }
  41.6867% {
    opacity: 1; }
  1.67667% {
    opacity: 0.25; }
  100% {
    opacity: 0.270958333333333; } }

@-webkit-keyframes opacity-60-25-6-12 {
  0% {
    opacity: 0.375125; }
  50.01% {
    opacity: 0.25; }
  50.02% {
    opacity: 1; }
  10.01% {
    opacity: 0.25; }
  100% {
    opacity: 0.375125; } }

@keyframes opacity-60-25-6-12 {
  0% {
    opacity: 0.375125; }
  50.01% {
    opacity: 0.25; }
  50.02% {
    opacity: 1; }
  10.01% {
    opacity: 0.25; }
  100% {
    opacity: 0.375125; } }

@-webkit-keyframes opacity-60-25-7-12 {
  0% {
    opacity: 0.479291666666667; }
  58.3433% {
    opacity: 0.25; }
  58.3533% {
    opacity: 1; }
  18.3433% {
    opacity: 0.25; }
  100% {
    opacity: 0.479291666666667; } }

@keyframes opacity-60-25-7-12 {
  0% {
    opacity: 0.479291666666667; }
  58.3433% {
    opacity: 0.25; }
  58.3533% {
    opacity: 1; }
  18.3433% {
    opacity: 0.25; }
  100% {
    opacity: 0.479291666666667; } }

@-webkit-keyframes opacity-60-25-8-12 {
  0% {
    opacity: 0.583458333333333; }
  66.6767% {
    opacity: 0.25; }
  66.6867% {
    opacity: 1; }
  26.6767% {
    opacity: 0.25; }
  100% {
    opacity: 0.583458333333333; } }

@keyframes opacity-60-25-8-12 {
  0% {
    opacity: 0.583458333333333; }
  66.6767% {
    opacity: 0.25; }
  66.6867% {
    opacity: 1; }
  26.6767% {
    opacity: 0.25; }
  100% {
    opacity: 0.583458333333333; } }

@-webkit-keyframes opacity-60-25-9-12 {
  0% {
    opacity: 0.687625; }
  75.01% {
    opacity: 0.25; }
  75.02% {
    opacity: 1; }
  35.01% {
    opacity: 0.25; }
  100% {
    opacity: 0.687625; } }

@keyframes opacity-60-25-9-12 {
  0% {
    opacity: 0.687625; }
  75.01% {
    opacity: 0.25; }
  75.02% {
    opacity: 1; }
  35.01% {
    opacity: 0.25; }
  100% {
    opacity: 0.687625; } }

@-webkit-keyframes opacity-60-25-10-12 {
  0% {
    opacity: 0.791791666666667; }
  83.3433% {
    opacity: 0.25; }
  83.3533% {
    opacity: 1; }
  43.3433% {
    opacity: 0.25; }
  100% {
    opacity: 0.791791666666667; } }

@keyframes opacity-60-25-10-12 {
  0% {
    opacity: 0.791791666666667; }
  83.3433% {
    opacity: 0.25; }
  83.3533% {
    opacity: 1; }
  43.3433% {
    opacity: 0.25; }
  100% {
    opacity: 0.791791666666667; } }

@-webkit-keyframes opacity-60-25-11-12 {
  0% {
    opacity: 0.895958333333333; }
  91.6767% {
    opacity: 0.25; }
  91.6867% {
    opacity: 1; }
  51.6767% {
    opacity: 0.25; }
  100% {
    opacity: 0.895958333333333; } }

@keyframes opacity-60-25-11-12 {
  0% {
    opacity: 0.895958333333333; }
  91.6767% {
    opacity: 0.25; }
  91.6867% {
    opacity: 1; }
  51.6767% {
    opacity: 0.25; }
  100% {
    opacity: 0.895958333333333; } }

.ui-mask {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  -webkit-animation: fade-enter .3s ease-out;
          animation: fade-enter .3s ease-out;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1000; }
  .ui-mask.light {
    background-color: rgba(255, 255, 255, 0.3); }
  .ui-mask.transparent {
    background-color: transparent; }

.ui-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-overflow-scrolling: touch;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: auto;
  z-index: 1100; }
  .ui-modal.radius .ui-modal-dialog {
    border-radius: 0.36643rem; }
  .ui-modal.round .ui-modal-dialog {
    border-radius: 1.21976rem; }
  .ui-modal > .ui-modal-wrapper {
    width: 100%;
    margin: auto 0; }
    .ui-modal > .ui-modal-wrapper > .ui-modal-dialog {
      position: relative;
      margin: 3.65786rem auto;
      background: #fff;
      -webkit-box-shadow: 0 0.42738rem 1.28071rem rgba(0, 0, 0, 0.2);
              box-shadow: 0 0.42738rem 1.28071rem rgba(0, 0, 0, 0.2);
      overflow: hidden;
      z-index: 1101; }

.ui-modal-header {
  position: relative;
  height: 3.04833rem;
  border-bottom: 1px solid #e9e9e9;
  padding: 0 1.21976rem;
  text-align: center; }
  .ui-modal-header .ui-modal-title {
    font-size: 0.97595rem;
    line-height: 3.04833rem; }
  .ui-modal-header .ui-modal-close {
    position: absolute;
    top: 0;
    right: 0.915rem;
    font-size: 1.21976rem;
    line-height: 3.04833rem;
    color: #999;
    cursor: pointer; }
    .ui-modal-header .ui-modal-close:hover {
      color: #666; }

.ui-modal-body {
  font-size: 0.97595rem;
  line-height: 1.5;
  padding: 1.21976rem;
  overflow: auto;
  -webkit-user-select: auto;
     -moz-user-select: auto;
      -ms-user-select: auto;
          user-select: auto; }

.ui-modal-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /*border-top: 1px solid #e9e9e9;*/
  padding: 0 0.915rem 0.915rem; }
  .ui-modal-footer button {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .ui-modal-footer button + button {
    margin-left: 0.61024rem; }

.ui-panel {
  /*margin-bottom: r(20);*/ }

.ui-panel-header,
.ui-panel-footer {
  position: relative;
  padding: 0.61024rem 0.915rem; }

.ui-panel-body {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd; }

.ui-panel-footer {
  margin-bottom: 0.61024rem;
  color: #636363;
  font-size: 0.7931rem; }

.ui-panel-title {
  line-height: 1.5;
  font-size: 0.915rem;
  color: #636363; }
  .ui-panel-title .ui-icon {
    margin-right: 0.30548rem; }

.ui-panel-more {
  position: absolute;
  top: 0;
  right: 0.915rem; }

.ui-picker-placeholder {
  color: #a9a9a9; }

.ui-picker-disabled {
  color: #a9a9a9; }

.ui-picker {
  z-index: 1500; }

.ui-picker-hidden .ui-picker-mask {
  display: none;
  background: rgba(0, 0, 0, 0); }

.ui-picker-hidden .ui-picker-inner {
  -webkit-transform: translate(0, 100%);
          transform: translate(0, 100%); }

.ui-picker-mask {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: background .3s;
  transition: background .3s;
  background: rgba(0, 0, 0, 0.4);
  -webkit-overflow-scrolling: touch;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 1501; }

.ui-picker-inner {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #fff;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  z-index: 1502; }

.ui-picker-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 1px solid #f2f2f2;
  width: 100%;
  height: 2.74357rem;
  line-height: 2.74357rem; }
  .ui-picker-header .ui-picker-cancel,
  .ui-picker-header .ui-picker-submit {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 0 1.21976rem;
    cursor: pointer; }
  .ui-picker-header .ui-picker-cancel {
    color: #a9a9a9; }
  .ui-picker-header .ui-picker-submit {
    text-align: right;
    color: #01c1f5; }

.ui-picker-mask-top {
  -webkit-mask: -webkit-gradient(linear, 0% 40%, 0% 0%, from(#debb47), to(rgba(36, 142, 36, 0))); }

.ui-picker-mask-bottom {
  -webkit-mask: -webkit-gradient(linear, 0% 60%, 0% 100%, from(#debb47), to(rgba(36, 142, 36, 0))); }

.ui-cascaderpicker {
  display: block;
  position: relative;
  overflow: hidden;
  height: 210px;
  width: 100%; }
  .ui-cascaderpicker-content {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    padding: 90px 0; }
  .ui-cascaderpicker-mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    height: 100%;
    width: 100%;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6)), -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6));
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0.6))), -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0.6)));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6)), linear-gradient(to top, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6));
    background-position: top, bottom;
    background-size: 100% 102px;
    background-repeat: no-repeat; }
  .ui-cascaderpicker-item {
    text-align: center;
    font-size: 0.97595rem;
    line-height: 30px;
    height: 30px;
    color: #000;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  .ui-cascaderpicker-indicator {
    right: 0;
    position: absolute;
    left: 0;
    top: 90px;
    height: 30px;
    z-index: 3;
    background-image: -webkit-linear-gradient(top, #d0d0d0, #d0d0d0, transparent, transparent), -webkit-linear-gradient(bottom, #d0d0d0, #d0d0d0, transparent, transparent);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d0d0d0), color-stop(#d0d0d0), color-stop(transparent), to(transparent)), -webkit-gradient(linear, left bottom, left top, from(#d0d0d0), color-stop(#d0d0d0), color-stop(transparent), to(transparent));
    background-image: linear-gradient(to bottom, #d0d0d0, #d0d0d0, transparent, transparent), linear-gradient(to top, #d0d0d0, #d0d0d0, transparent, transparent);
    background-position: top, bottom;
    background-size: 100% 1px;
    background-repeat: no-repeat; }

.ui-picker-column-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .ui-picker-column-group-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: center; }

.ui-radio-group.block {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .ui-radio-group.block .ui-radio,
  .ui-radio-group.block .ui-radio-button {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }

.ui-radio-group.radius .ui-radio-button:first-child {
  border-radius: 0.36643rem 0 0 0.36643rem; }

.ui-radio-group.radius .ui-radio-button:last-child {
  border-radius: 0 0.36643rem 0.36643rem 0; }

.ui-radio {
  margin-right: 0.97595rem;
  /* 选中状态 */
  /* 禁用状态 */ }
  .ui-radio.checked .ui-radio-inner:after {
    background: #2db7f5; }
  .ui-radio.theme-info.checked .ui-radio-inner:after {
    background: #2db7f5; }
  .ui-radio.theme-success.checked .ui-radio-inner:after {
    background: #00b15b; }
  .ui-radio.theme-warning.checked .ui-radio-inner:after {
    background: #ffba34; }
  .ui-radio.theme-error.checked .ui-radio-inner:after {
    background: #e93a3a; }
  .ui-radio .ui-radio-inner {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    width: 0.85405rem;
    height: 0.85405rem;
    border: 1px solid #d9d9d9;
    border-radius: 0.85405rem;
    background-color: #fff;
    -webkit-transition: border-color 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), background-color 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
    transition: border-color 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), background-color 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); }
    .ui-radio .ui-radio-inner:after {
      position: absolute;
      width: 0.36643rem;
      height: 0.36643rem;
      left: 0.18357rem;
      top: 0.18357rem;
      border-radius: 0.36643rem;
      display: table;
      border-top: 0;
      border-left: 0;
      content: ' ';
      opacity: 0;
      -webkit-transform: scale(0);
              transform: scale(0);
      -webkit-transition: opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), background-color 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
      transition: opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), background-color 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
      transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), background-color 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
      transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), background-color 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); }
  .ui-radio .ui-radio-input {
    margin-right: 0.30548rem; }
  .ui-radio.checked .ui-radio-inner {
    border-color: #d9d9d9; }
    .ui-radio.checked .ui-radio-inner:after {
      -webkit-transform: scale(1);
              transform: scale(1);
      opacity: 1;
      -webkit-transition: opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), background-color 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), -webkit-transform 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
      transition: opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), background-color 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), -webkit-transform 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
      transition: transform 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), background-color 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
      transition: transform 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), background-color 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), -webkit-transform 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46); }
  .ui-radio.disabled .ui-radio-inner {
    border-color: #d9d9d9;
    background-color: #f3f3f3;
    cursor: not-allowed; }
    .ui-radio.disabled .ui-radio-inner:after {
      background-color: #ccc; }

.ui-radio-input {
  display: inline-block;
  position: relative;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  outline: none;
  cursor: pointer; }
  .ui-radio-input input {
    position: absolute;
    left: 0;
    opacity: 0;
    display: none; }

.ui-radio-button {
  height: 1.82929rem;
  line-height: 1.82929rem;
  display: inline-block;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  border-left-width: 0;
  border-color: #2db7f5;
  color: #2db7f5;
  background: #fff;
  padding: 0 0.97595rem;
  font-size: 0.85405rem;
  text-align: center; }
  .ui-radio-button:first-child {
    border-left-width: 1px; }
  .ui-radio-button.checked {
    background: #2db7f5;
    color: #fff; }
  .ui-radio-button.disabled {
    background-color: #f3f3f3;
    color: #ccc;
    cursor: not-allowed; }

.ui-tab .ui-tab-header-item.active {
  color: #9b9b9b; }

.ui-tab .ui-tab-header-line {
  background: #9b9b9b; }

.ui-tab.theme-info .ui-tab-header-item.active {
  color: #2db7f5; }

.ui-tab.theme-info .ui-tab-header-line {
  background: #2db7f5; }

.ui-tab.theme-success .ui-tab-header-item.active {
  color: #00b15b; }

.ui-tab.theme-success .ui-tab-header-line {
  background: #00b15b; }

.ui-tab.theme-warning .ui-tab-header-item.active {
  color: #ffba34; }

.ui-tab.theme-warning .ui-tab-header-line {
  background: #ffba34; }

.ui-tab.theme-error .ui-tab-header-item.active {
  color: #e93a3a; }

.ui-tab.theme-error .ui-tab-header-line {
  background: #e93a3a; }

.ui-tab-header {
  position: relative; }
  .ui-tab-header ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    height: 2.74357rem;
    line-height: 2.74357rem;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3; }

.ui-tab-header-line {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50%;
  height: 0.18357rem;
  -webkit-transition: left .3s ease-out;
  transition: left .3s ease-out; }

.ui-tab-header-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: -1px;
  text-align: center;
  font-size: 0.915rem;
  color: #000;
  cursor: pointer; }
  .ui-tab-header-item:nth-of-type(n+2) {
    position: relative; }
    .ui-tab-header-item:nth-of-type(n+2):after {
      display: inline-block;
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      width: 1px;
      height: 0.85405rem;
      margin-top: -0.42595rem;
      background: #e9e9e9; }
  .ui-tab-header-item.active {
    color: #00b15b; }

.ui-tab-body {
  position: relative;
  -webkit-transition: height .3s;
  transition: height .3s; }

.ui-tab-body-item {
  display: none;
  line-height: normal; }
  .ui-tab-body-item.ui-tab-body-item-active {
    display: block; }

.ui-toast {
  display: none;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 1300; }
  .ui-toast-open {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .ui-toast-container {
    position: relative;
    max-width: 70%;
    min-width: 7.315rem;
    padding: 1.21976rem;
    border-radius: 0.36643rem;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    text-align: center;
    font-size: 0.915rem; }
    .ui-toast-container .ui-icon {
      font-size: 2.43881rem; }
    .ui-toast-container p {
      margin: 0;
      padding: 0;
      line-height: 1.5;
      overflow: hidden; }

.ui-select {
  position: relative;
  color: #636363; }
  .ui-select.disabled {
    cursor: not-allowed;
    color: #a9a9a9; }
    .ui-select.disabled select {
      cursor: not-allowed; }
  .ui-select .ui-select-placeholder {
    color: #a9a9a9; }
  .ui-select select {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%; }

.ui-swipe {
  position: relative;
  overflow: hidden; }
  .ui-swipe .ui-swipe-items .ui-swipe-item {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    cursor: pointer; }
    .ui-swipe .ui-swipe-items .ui-swipe-item:after {
      clear: both; }
    .ui-swipe .ui-swipe-items .ui-swipe-item .ui-swipe-pic img {
      width: 100%;
      height: auto; }
    .ui-swipe .ui-swipe-items .ui-swipe-item .ui-swipe-info {
      position: absolute;
      left: 1.21976rem;
      bottom: 1.82929rem; }
      .ui-swipe .ui-swipe-items .ui-swipe-item .ui-swipe-info .ui-swipe-title {
        color: #fff; }
  .ui-swipe .ui-swipe-pagination {
    position: absolute;
    right: 0.61024rem;
    bottom: 0.61024rem; }
    .ui-swipe .ui-swipe-pagination ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      .ui-swipe .ui-swipe-pagination ul li {
        margin: 0.06167rem;
        width: 0.48833rem;
        height: 0.48833rem;
        border-radius: 50%;
        border: 0.06167rem solid #fff;
        cursor: pointer; }
        .ui-swipe .ui-swipe-pagination ul li.active {
          margin: 0;
          width: 0.61024rem;
          height: 0.61024rem;
          background: #fff; }

.ui-swipeAction-wrap {
  position: relative; }
  .ui-swipeAction-wrap .ui-swipeAction-btn-wrap {
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    z-index: -1; }
  .ui-swipeAction-wrap .full-mask {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 100;
    background: #fff;
    opacity: 0.2; }

.demo-btn-wrap {
  height: 100%; }

.demo-del {
  display: inline-block;
  width: 4.8769rem;
  text-align: center; }
  .demo-del.del1 {
    background: #1AAD19;
    height: 100%; }
  .demo-del.del2 {
    background: #E64340;
    height: 100%; }

.ui-switch {
  position: relative;
  display: inline-block;
  width: 2.68262rem;
  height: 1.34167rem;
  line-height: 1.21976rem;
  vertical-align: middle;
  border-radius: 1.21976rem;
  border: 1px solid #ccc;
  background-color: #ccc;
  cursor: pointer;
  -webkit-transition: left 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: left 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .ui-switch:after {
    position: absolute;
    width: 1.09786rem;
    height: 1.09786rem;
    left: 0.12262rem;
    top: 0.06167rem;
    border-radius: 100%;
    background-color: #fff;
    content: " ";
    cursor: pointer;
    -webkit-transition: left 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
    transition: left 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); }
  .ui-switch.checked {
    border: 1px solid #2db7f5;
    background-color: #2db7f5; }
    .ui-switch.checked:after {
      left: 1.34167rem; }
    .ui-switch.checked .ui-switch-inner {
      left: 0.36643rem; }
  .ui-switch.disabled {
    cursor: not-allowed;
    opacity: 0.5; }
    .ui-switch.disabled:after {
      cursor: not-allowed; }
  .ui-switch.size-sm {
    height: 0.85405rem;
    line-height: 0.73214rem;
    width: 1.70738rem; }
    .ui-switch.size-sm:after {
      width: 0.73214rem;
      height: 0.73214rem;
      top: 0;
      left: 0; }
    .ui-switch.size-sm.checked:after {
      left: 0.85405rem; }
    .ui-switch.size-sm.checked .ui-switch-inner {
      left: 0.18357rem; }
    .ui-switch.size-sm .ui-switch-inner {
      left: 0.7931rem;
      font-size: 0.61024rem; }
  .ui-switch .ui-switch-inner {
    position: absolute;
    left: 1.46357rem;
    color: #fff;
    font-size: 0.73214rem; }

.lottery-area {
  position: relative; }
  .lottery-area .rotate-area {
    position: relative;
    width: 19.81024rem;
    height: 19.81024rem;
    margin: 1.21976rem auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }
  .lottery-area .award-item {
    width: 6.85786rem;
    height: 9.02167rem;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 0.915rem;
    margin-left: -3.41262rem;
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center; }
  .lottery-area .lottery-btn {
    position: absolute;
    width: 5.60833rem;
    height: 6.46167rem;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    left: 50%;
    margin-left: -2.8031rem;
    top: 50%;
    margin-top: -3.53452rem; }
@charset "UTF-8";
/*! 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 {
  -webkit-box-sizing: content-box;
          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"] {
  -webkit-box-sizing: border-box;
          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 */
  -webkit-box-sizing: content-box;
          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; }

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

html {
  font-size: 14px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  height: 100%; }

body {
  font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;
  line-height: 1.42857143;
  color: #383838;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 100%; }

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

a,
a:hover,
a:focus,
a:visited {
  color: #2db7f5;
  text-decoration: none; }

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

figure {
  margin: 0; }

img {
  vertical-align: middle; }

@-webkit-keyframes door-enter {
  from {
    -webkit-transform: scale3d(0, 1, 1);
            transform: scale3d(0, 1, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 0.1);
            transform: scale3d(1, 1, 0.1); } }

@keyframes door-enter {
  from {
    -webkit-transform: scale3d(0, 1, 1);
            transform: scale3d(0, 1, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 0.1);
            transform: scale3d(1, 1, 0.1); } }

.door-enter {
  -webkit-animation: door-enter both cubic-bezier(0.4, 0, 0, 1.5);
          animation: door-enter both cubic-bezier(0.4, 0, 0, 1.5); }

@-webkit-keyframes door-leave {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  60% {
    -webkit-transform: scale3d(0.01, 1, 1);
            transform: scale3d(0.01, 1, 1); }
  to {
    -webkit-transform: scale3d(0, 1, 0.1);
            transform: scale3d(0, 1, 0.1); } }

@keyframes door-leave {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  60% {
    -webkit-transform: scale3d(0.01, 1, 1);
            transform: scale3d(0.01, 1, 1); }
  to {
    -webkit-transform: scale3d(0, 1, 0.1);
            transform: scale3d(0, 1, 0.1); } }

.door-leave {
  -webkit-animation: door-leave both;
          animation: door-leave both; }

@-webkit-keyframes fade-enter {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fade-enter {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.fade-enter {
  -webkit-animation: fade-enter both ease-in;
          animation: fade-enter both ease-in; }

@-webkit-keyframes fade-leave {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fade-leave {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.fade-leave {
  -webkit-animation: fade-leave both ease-out;
          animation: fade-leave both ease-out; }

@-webkit-keyframes flip-enter {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 60deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 60deg); }
  70% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -15deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -15deg); }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px); } }

@keyframes flip-enter {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 60deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 60deg); }
  70% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -15deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -15deg); }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px); } }

.flip-enter {
  -webkit-animation: flip-enter both ease-in;
          animation: flip-enter both ease-in;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important; }

@-webkit-keyframes flip-leave {
  from {
    -webkit-transform: perspective(400px);
            transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -15deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -15deg); }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 45deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 45deg); } }

@keyframes flip-leave {
  from {
    -webkit-transform: perspective(400px);
            transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -15deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -15deg); }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 45deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 45deg); } }

.flip-leave {
  -webkit-animation: flip-leave both;
          animation: flip-leave both;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important; }

@-webkit-keyframes rotate360 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes rotate360 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.rotate360 {
  -webkit-animation: rotate360 1.5s infinite linear;
          animation: rotate360 1.5s infinite linear; }

/* rotate */
@-webkit-keyframes rotate-enter {
  from {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -180deg) scale3d(0.3, 0.3, 0.3);
            transform: rotate3d(0, 0, 1, -180deg) scale3d(0.3, 0.3, 0.3); }
  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }
@keyframes rotate-enter {
  from {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -180deg) scale3d(0.3, 0.3, 0.3);
            transform: rotate3d(0, 0, 1, -180deg) scale3d(0.3, 0.3, 0.3); }
  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

.rotate-enter {
  -webkit-animation: rotate-enter both;
          animation: rotate-enter both; }

@-webkit-keyframes rotate-leave {
  from {
    -webkit-transform-origin: center;
            transform-origin: center; }
  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 180deg) scale3d(0.3, 0.3, 0.3);
            transform: rotate3d(0, 0, 1, 180deg) scale3d(0.3, 0.3, 0.3); } }

@keyframes rotate-leave {
  from {
    -webkit-transform-origin: center;
            transform-origin: center; }
  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 180deg) scale3d(0.3, 0.3, 0.3);
            transform: rotate3d(0, 0, 1, 180deg) scale3d(0.3, 0.3, 0.3); } }

.rotate-leave {
  -webkit-animation: rotate-leave both;
          animation: rotate-leave both; }

/* slideUp */
@-webkit-keyframes slideUp-enter {
  from {
    -webkit-transform: translate3d(0, 100px, 0);
            transform: translate3d(0, 100px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }
@keyframes slideUp-enter {
  from {
    -webkit-transform: translate3d(0, 100px, 0);
            transform: translate3d(0, 100px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.slideUp-enter {
  -webkit-animation: slideUp-enter both cubic-bezier(0.4, 0, 0, 1.5);
          animation: slideUp-enter both cubic-bezier(0.4, 0, 0, 1.5); }

@-webkit-keyframes slideUp-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 100px, 0);
            transform: translate3d(0, 100px, 0); } }

@keyframes slideUp-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 100px, 0);
            transform: translate3d(0, 100px, 0); } }

.slideUp-leave {
  -webkit-animation: slideUp-leave both;
          animation: slideUp-leave both; }

/* slideDown */
@-webkit-keyframes slideDown-enter {
  from {
    -webkit-transform: translate3d(0, -100px, 0);
            transform: translate3d(0, -100px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }
@keyframes slideDown-enter {
  from {
    -webkit-transform: translate3d(0, -100px, 0);
            transform: translate3d(0, -100px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.slideDown-enter {
  -webkit-animation: slideDown-enter both cubic-bezier(0.4, 0, 0, 1.5);
          animation: slideDown-enter both cubic-bezier(0.4, 0, 0, 1.5); }

@-webkit-keyframes slideDown-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(0, -100px, 0);
            transform: translate3d(0, -100px, 0); } }

@keyframes slideDown-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(0, -100px, 0);
            transform: translate3d(0, -100px, 0); } }

.slideDown-leave {
  -webkit-animation: slideDown-leave both;
          animation: slideDown-leave both; }

/* slideLeft */
@-webkit-keyframes slideLeft-enter {
  from {
    -webkit-transform: translate3d(150px, 0, 0);
            transform: translate3d(150px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }
@keyframes slideLeft-enter {
  from {
    -webkit-transform: translate3d(150px, 0, 0);
            transform: translate3d(150px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.slideLeft-enter {
  -webkit-animation: slideLeft-enter both cubic-bezier(0.4, 0, 0, 1.5);
          animation: slideLeft-enter both cubic-bezier(0.4, 0, 0, 1.5); }

@-webkit-keyframes slideLeft-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(150px, 0, 0);
            transform: translate3d(150px, 0, 0); } }

@keyframes slideLeft-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(150px, 0, 0);
            transform: translate3d(150px, 0, 0); } }

.slideLeft-leave {
  -webkit-animation: slideLeft-leave both;
          animation: slideLeft-leave both; }

/* slideRight */
@-webkit-keyframes slideRight-enter {
  from {
    -webkit-transform: translate3d(-150px, 0, 0);
            transform: translate3d(-150px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }
@keyframes slideRight-enter {
  from {
    -webkit-transform: translate3d(-150px, 0, 0);
            transform: translate3d(-150px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.slideRight-enter {
  -webkit-animation: slideRight-enter both cubic-bezier(0.4, 0, 0, 1.5);
          animation: slideRight-enter both cubic-bezier(0.4, 0, 0, 1.5); }

@-webkit-keyframes slideRight-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(-150px, 0, 0);
            transform: translate3d(-150px, 0, 0); } }

@keyframes slideRight-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(-150px, 0, 0);
            transform: translate3d(-150px, 0, 0); } }

.slideRight-leave {
  -webkit-animation: slideRight-leave both;
          animation: slideRight-leave both; }

@-webkit-keyframes zoom-enter {
  from {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

@keyframes zoom-enter {
  from {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

.zoom-enter {
  -webkit-animation: zoom-enter both cubic-bezier(0.4, 0, 0, 1.5);
          animation: zoom-enter both cubic-bezier(0.4, 0, 0, 1.5); }

@-webkit-keyframes zoom-leave {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  to {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes zoom-leave {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  to {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); } }

.zoom-leave {
  -webkit-animation: zoom-leave both;
          animation: zoom-leave both; }

/* moveUp */
@-webkit-keyframes moveUp-enter {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }
@keyframes moveUp-enter {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.moveUp-enter {
  -webkit-animation: moveUp-enter both ease-in;
          animation: moveUp-enter both ease-in; }

@-webkit-keyframes moveUp-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); } }

@keyframes moveUp-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); } }

.moveUp-leave {
  -webkit-animation: moveUp-leave both ease-out;
          animation: moveUp-leave both ease-out; }

/* moveDown */
@-webkit-keyframes moveDown-enter {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }
@keyframes moveDown-enter {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.moveDown-enter {
  -webkit-animation: moveDown-enter both ease-in;
          animation: moveDown-enter both ease-in; }

@-webkit-keyframes moveDown-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0); } }

@keyframes moveDown-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0); } }

.moveDown-leave {
  -webkit-animation: moveDown-leave both ease-out;
          animation: moveDown-leave both ease-out; }

/* moveLeft */
@-webkit-keyframes moveLeft-enter {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }
@keyframes moveLeft-enter {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.moveLeft-enter {
  -webkit-animation: moveLeft-enter both ease-in;
          animation: moveLeft-enter both ease-in; }

@-webkit-keyframes moveLeft-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); } }

@keyframes moveLeft-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); } }

.moveLeft-leave {
  -webkit-animation: moveLeft-leave both ease-out;
          animation: moveLeft-leave both ease-out; }

/* moveRight */
@-webkit-keyframes moveRight-enter {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }
@keyframes moveRight-enter {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.moveRight-enter {
  -webkit-animation: moveRight-enter both ease-in;
          animation: moveRight-enter both ease-in; }

@-webkit-keyframes moveRight-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); } }

@keyframes moveRight-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); } }

.moveRight-leave {
  -webkit-animation: moveRight-leave both ease-out;
          animation: moveRight-leave both ease-out; }

@-webkit-keyframes scaleDown-enter {
  from {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8); }
  to {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes scaleDown-enter {
  from {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8); }
  to {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

.scaleDown-enter {
  -webkit-animation: scaleDown-enter both;
          animation: scaleDown-enter both; }

@-webkit-keyframes scaleDown-leave {
  from {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  to {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8); } }

@keyframes scaleDown-leave {
  from {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  to {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8); } }

.scaleDown-leave {
  -webkit-animation: scaleDown-leave both;
          animation: scaleDown-leave both; }

/*$base-theme-error:         #d9534f !default;*/
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  /* stylelint-disable-line */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  /* stylelint-disable-line */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none; }

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

*[contenteditable] {
  -webkit-user-select: auto !important; }

*:focus {
  outline: none; }

a {
  background: transparent;
  text-decoration: none;
  outline: none; }

@keyframes door-enter {
  from {
    -webkit-transform: scale3d(0, 1, 1);
            transform: scale3d(0, 1, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 0.1);
            transform: scale3d(1, 1, 0.1); } }

.door-enter {
  -webkit-animation: door-enter both cubic-bezier(0.4, 0, 0, 1.5);
          animation: door-enter both cubic-bezier(0.4, 0, 0, 1.5); }

@keyframes door-leave {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  60% {
    -webkit-transform: scale3d(0.01, 1, 1);
            transform: scale3d(0.01, 1, 1); }
  to {
    -webkit-transform: scale3d(0, 1, 0.1);
            transform: scale3d(0, 1, 0.1); } }

.door-leave {
  -webkit-animation: door-leave both;
          animation: door-leave both; }

@keyframes fade-enter {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.fade-enter {
  -webkit-animation: fade-enter both ease-in;
          animation: fade-enter both ease-in; }

@keyframes fade-leave {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.fade-leave {
  -webkit-animation: fade-leave both ease-out;
          animation: fade-leave both ease-out; }

@keyframes flip-enter {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 60deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 60deg); }
  70% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -15deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -15deg); }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px); } }

.flip-enter {
  -webkit-animation: flip-enter both ease-in;
          animation: flip-enter both ease-in;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important; }

@keyframes flip-leave {
  from {
    -webkit-transform: perspective(400px);
            transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -15deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -15deg); }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 45deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 45deg); } }

.flip-leave {
  -webkit-animation: flip-leave both;
          animation: flip-leave both;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important; }

@keyframes rotate360 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.rotate360 {
  -webkit-animation: rotate360 1s linear infinite;
          animation: rotate360 1s linear infinite; }

/* rotate */
@keyframes rotate-enter {
  from {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -180deg) scale3d(0.3, 0.3, 0.3);
            transform: rotate3d(0, 0, 1, -180deg) scale3d(0.3, 0.3, 0.3); }
  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

.rotate-enter {
  -webkit-animation: rotate-enter both;
          animation: rotate-enter both; }

@keyframes rotate-leave {
  from {
    -webkit-transform-origin: center;
            transform-origin: center; }
  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 180deg) scale3d(0.3, 0.3, 0.3);
            transform: rotate3d(0, 0, 1, 180deg) scale3d(0.3, 0.3, 0.3); } }

.rotate-leave {
  -webkit-animation: rotate-leave both;
          animation: rotate-leave both; }

/* slideUp */
@keyframes slideUp-enter {
  from {
    -webkit-transform: translate3d(0, 100px, 0);
            transform: translate3d(0, 100px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.slideUp-enter {
  -webkit-animation: slideUp-enter both cubic-bezier(0.4, 0, 0, 1.5);
          animation: slideUp-enter both cubic-bezier(0.4, 0, 0, 1.5); }

@keyframes slideUp-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 100px, 0);
            transform: translate3d(0, 100px, 0); } }

.slideUp-leave {
  -webkit-animation: slideUp-leave both;
          animation: slideUp-leave both; }

/* slideDown */
@keyframes slideDown-enter {
  from {
    -webkit-transform: translate3d(0, -100px, 0);
            transform: translate3d(0, -100px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.slideDown-enter {
  -webkit-animation: slideDown-enter both cubic-bezier(0.4, 0, 0, 1.5);
          animation: slideDown-enter both cubic-bezier(0.4, 0, 0, 1.5); }

@keyframes slideDown-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(0, -100px, 0);
            transform: translate3d(0, -100px, 0); } }

.slideDown-leave {
  -webkit-animation: slideDown-leave both;
          animation: slideDown-leave both; }

/* slideLeft */
@keyframes slideLeft-enter {
  from {
    -webkit-transform: translate3d(150px, 0, 0);
            transform: translate3d(150px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.slideLeft-enter {
  -webkit-animation: slideLeft-enter both cubic-bezier(0.4, 0, 0, 1.5);
          animation: slideLeft-enter both cubic-bezier(0.4, 0, 0, 1.5); }

@keyframes slideLeft-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(150px, 0, 0);
            transform: translate3d(150px, 0, 0); } }

.slideLeft-leave {
  -webkit-animation: slideLeft-leave both;
          animation: slideLeft-leave both; }

/* slideRight */
@keyframes slideRight-enter {
  from {
    -webkit-transform: translate3d(-150px, 0, 0);
            transform: translate3d(-150px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.slideRight-enter {
  -webkit-animation: slideRight-enter both cubic-bezier(0.4, 0, 0, 1.5);
          animation: slideRight-enter both cubic-bezier(0.4, 0, 0, 1.5); }

@keyframes slideRight-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(-150px, 0, 0);
            transform: translate3d(-150px, 0, 0); } }

.slideRight-leave {
  -webkit-animation: slideRight-leave both;
          animation: slideRight-leave both; }

@keyframes zoom-enter {
  from {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

.zoom-enter {
  -webkit-animation: zoom-enter both cubic-bezier(0.4, 0, 0, 1.5);
          animation: zoom-enter both cubic-bezier(0.4, 0, 0, 1.5); }

@keyframes zoom-leave {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  to {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); } }

.zoom-leave {
  -webkit-animation: zoom-leave both;
          animation: zoom-leave both; }

/* moveUp */
@keyframes moveUp-enter {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.moveUp-enter {
  -webkit-animation: moveUp-enter both ease-in;
          animation: moveUp-enter both ease-in; }

@keyframes moveUp-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); } }

.moveUp-leave {
  -webkit-animation: moveUp-leave both ease-out;
          animation: moveUp-leave both ease-out; }

/* moveDown */
@keyframes moveDown-enter {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.moveDown-enter {
  -webkit-animation: moveDown-enter both ease-in;
          animation: moveDown-enter both ease-in; }

@keyframes moveDown-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0); } }

.moveDown-leave {
  -webkit-animation: moveDown-leave both ease-out;
          animation: moveDown-leave both ease-out; }

/* moveLeft */
@keyframes moveLeft-enter {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.moveLeft-enter {
  -webkit-animation: moveLeft-enter both ease-in;
          animation: moveLeft-enter both ease-in; }

@keyframes moveLeft-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); } }

.moveLeft-leave {
  -webkit-animation: moveLeft-leave both ease-out;
          animation: moveLeft-leave both ease-out; }

/* moveRight */
@keyframes moveRight-enter {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.moveRight-enter {
  -webkit-animation: moveRight-enter both ease-in;
          animation: moveRight-enter both ease-in; }

@keyframes moveRight-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); } }

.moveRight-leave {
  -webkit-animation: moveRight-leave both ease-out;
          animation: moveRight-leave both ease-out; }

@keyframes scaleDown-enter {
  from {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8); }
  to {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

.scaleDown-enter {
  -webkit-animation: scaleDown-enter both;
          animation: scaleDown-enter both; }

@keyframes scaleDown-leave {
  from {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  to {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8); } }

.scaleDown-leave {
  -webkit-animation: scaleDown-leave both;
          animation: scaleDown-leave both; }

/*
$ratio: 750/640;
@function r($px) {
  @if $px != 0 {
    @return $px / $ratio / $base-fontSize * 1rem;
  }
  @else {
    @return 0;
  }
}
*/
/*
  阿里flexible方案，详见 https://github.com/amfe/lib-flexible
*/
/*
@function r($px) {
  @if $px != 0 {
    @return $px * 2 / 75 * 1rem;
  }
  @else {
    @return 0;
  }
}
*/
/* base */
/* button */
/* spinner */
/* prefixCls */
/*$base-theme-error:         #d9534f !default;*/
.za-actionsheet {
  margin: 0 10px 10px 10px; }
  .za-actionsheet.shape-radius .za-actionsheet-actions, .za-actionsheet.shape-radius .za-actionsheet-cancel {
    overflow: hidden;
    border-radius: 4px; }
  .za-actionsheet-actions, .za-actionsheet-cancel {
    background: #fff; }
  .za-actionsheet-cancel {
    margin-top: 7px; }
  .za-actionsheet-btn {
    display: block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 17px; }
    .za-actionsheet-btn, .za-actionsheet-btn:hover, .za-actionsheet-btn:focus, .za-actionsheet-btn:visited {
      text-decoration: none;
      color: #333; }
    .za-actionsheet-btn:active {
      background: #f1f1f1; }
    .za-actionsheet-btn:not(:first-of-type) {
      position: relative; }
      .za-actionsheet-btn:not(:first-of-type):after {
        content: '';
        pointer-events: none;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        border-radius: 0;
        border-width: 0;
        border-top: 1px solid #ddd; }
        @media only screen and (-webkit-min-device-pixel-ratio: 2) {
          .za-actionsheet-btn:not(:first-of-type):after {
            width: 200%;
            height: 200%;
            -webkit-transform: scale(0.5, 0.5);
                    transform: scale(0.5, 0.5);
            -webkit-transform-origin: 0 0;
                    transform-origin: 0 0; } }
    .za-actionsheet-btn.theme-default, .za-actionsheet-btn.theme-default:hover, .za-actionsheet-btn.theme-default:focus, .za-actionsheet-btn.theme-default:visited {
      text-decoration: none;
      color: #333; }
    .za-actionsheet-btn.theme-primary, .za-actionsheet-btn.theme-primary:hover, .za-actionsheet-btn.theme-primary:focus, .za-actionsheet-btn.theme-primary:visited {
      text-decoration: none;
      color: #12c287; }
    .za-actionsheet-btn.theme-info, .za-actionsheet-btn.theme-info:hover, .za-actionsheet-btn.theme-info:focus, .za-actionsheet-btn.theme-info:visited {
      text-decoration: none;
      color: #347af6; }
    .za-actionsheet-btn.theme-success, .za-actionsheet-btn.theme-success:hover, .za-actionsheet-btn.theme-success:focus, .za-actionsheet-btn.theme-success:visited {
      text-decoration: none;
      color: #69c964; }
    .za-actionsheet-btn.theme-warning, .za-actionsheet-btn.theme-warning:hover, .za-actionsheet-btn.theme-warning:focus, .za-actionsheet-btn.theme-warning:visited {
      text-decoration: none;
      color: #eca632; }
    .za-actionsheet-btn.theme-error, .za-actionsheet-btn.theme-error:hover, .za-actionsheet-btn.theme-error:focus, .za-actionsheet-btn.theme-error:visited {
      text-decoration: none;
      color: #e55546; }

.za-alert {
  text-align: center; }

.za-badge {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: 1; }
  .za-badge .za-badge-sup {
    background-color: #333; }
  .za-badge.theme-primary .za-badge-sup {
    background-color: #12c287; }
  .za-badge.theme-info .za-badge-sup {
    background-color: #347af6; }
  .za-badge.theme-success .za-badge-sup {
    background-color: #69c964; }
  .za-badge.theme-warning .za-badge-sup {
    background-color: #eca632; }
  .za-badge.theme-error .za-badge-sup {
    background-color: #e55546; }
  .za-badge-sup {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    top: auto;
    font-size: 12px;
    color: #fff;
    height: 19px;
    padding: 0 5px;
    white-space: nowrap;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased; }
    .za-badge-sup-up {
      position: absolute;
      top: 0;
      right: 0;
      -webkit-transform: translateX(50%) translateY(-50%);
              transform: translateX(50%) translateY(-50%); }
  .za-badge.shape-dot .za-badge-sup {
    width: 8px;
    height: 8px;
    padding: 0;
    border-radius: 100%; }
  .za-badge.shape-radius .za-badge-sup {
    border-radius: 4px; }
  .za-badge.shape-round .za-badge-sup {
    min-width: 19px;
    border-radius: 19px; }
  .za-badge.shape-circle .za-badge-sup {
    width: 19px;
    padding: 0;
    border-radius: 19px; }

.za-button {
  display: inline-block;
  padding: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  border: 1px solid transparent;
  cursor: pointer;
  outline: 0 none;
  -webkit-appearance: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: background-color 200ms ease-out, border-color 200ms ease-out;
  transition: background-color 200ms ease-out, border-color 200ms ease-out;
  padding: 0 16px;
  font-size: 17px;
  height: 44px;
  line-height: 44px;
  background-color: #ddd;
  border-color: #ddd;
  color: #333;
  /* disabled Button */
  /* block Button */
  /* Button sizes */
  /* Button themes */ }
  .za-button.shape-radius {
    border-radius: 4px; }
  .za-button.shape-round {
    border-radius: 1000px; }
  .za-button.shape-circle {
    width: 44px;
    height: 44px;
    padding: 0;
    border-radius: 50%; }
  .za-button .za-icon {
    font-size: 22px; }
  .za-button * + span {
    margin-left: 5px; }
  .za-button, .za-button:hover, .za-button:focus, .za-button:visited {
    color: #333; }
  .za-button:active, .za-button.active {
    background-color: #c4c4c4;
    border-color: #c4c4c4; }
  .za-button.disabled, .za-button:disabled {
    opacity: 0.5;
    color: rgba(255, 255, 255, 0.5);
    cursor: not-allowed; }
    .za-button.disabled:active, .za-button.disabled.active, .za-button.disabled:focus, .za-button.disabled.focus, .za-button.disabled:visited, .za-button.disabled.visited, .za-button:disabled:active, .za-button:disabled.active, .za-button:disabled:focus, .za-button:disabled.focus, .za-button:disabled:visited, .za-button:disabled.visited {
      background-color: #ddd;
      border-color: #ddd;
      -webkit-box-shadow: none;
              box-shadow: none; }
  .za-button.bordered {
    background-color: #fff;
    border-color: #ddd;
    color: #333; }
    .za-button.bordered:active, .za-button.bordered.active {
      background-color: rgba(221, 221, 221, 0.5);
      color: #333; }
    .za-button.bordered.disabled:active, .za-button.bordered.disabled.active, .za-button.bordered.disabled:focus, .za-button.bordered.disabled.focus, .za-button.bordered.disabled:visited, .za-button.bordered.disabled.visited, .za-button.bordered:disabled:active, .za-button.bordered:disabled.active, .za-button.bordered:disabled:focus, .za-button.bordered:disabled.focus, .za-button.bordered:disabled:visited, .za-button.bordered:disabled.visited {
      background-color: #fff;
      border-color: #ddd;
      -webkit-box-shadow: none;
              box-shadow: none; }
  .za-button, .za-button:hover, .za-button:focus, .za-button:visited {
    text-decoration: none; }
  .za-button.disabled, .za-button:disabled {
    cursor: not-allowed;
    opacity: .65;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .za-button.block {
    width: 100%;
    display: block; }
  .za-button-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .za-button.size-xl {
    padding: 0 25px;
    font-size: 18px;
    height: 52px;
    line-height: 52px; }
    .za-button.size-xl.shape-radius {
      border-radius: 4px; }
    .za-button.size-xl.shape-round {
      border-radius: 1000px; }
    .za-button.size-xl.shape-circle {
      width: 52px;
      height: 52px;
      padding: 0;
      border-radius: 50%; }
    .za-button.size-xl .za-icon {
      font-size: 26px; }
    .za-button.size-xl * + span {
      margin-left: 8px; }
  .za-button.size-lg {
    padding: 0 20px;
    font-size: 18px;
    height: 48px;
    line-height: 48px; }
    .za-button.size-lg.shape-radius {
      border-radius: 4px; }
    .za-button.size-lg.shape-round {
      border-radius: 1000px; }
    .za-button.size-lg.shape-circle {
      width: 48px;
      height: 48px;
      padding: 0;
      border-radius: 50%; }
    .za-button.size-lg .za-icon {
      font-size: 24px; }
    .za-button.size-lg * + span {
      margin-left: 6px; }
  .za-button.size-sm {
    padding: 0 15px;
    font-size: 14px;
    height: 34px;
    line-height: 34px; }
    .za-button.size-sm.shape-radius {
      border-radius: 4px; }
    .za-button.size-sm.shape-round {
      border-radius: 1000px; }
    .za-button.size-sm.shape-circle {
      width: 34px;
      height: 34px;
      padding: 0;
      border-radius: 50%; }
    .za-button.size-sm .za-icon {
      font-size: 20px; }
    .za-button.size-sm * + span {
      margin-left: 5px; }
  .za-button.size-xs {
    padding: 0 10px;
    font-size: 14px;
    height: 27px;
    line-height: 27px; }
    .za-button.size-xs.shape-radius {
      border-radius: 4px; }
    .za-button.size-xs.shape-round {
      border-radius: 1000px; }
    .za-button.size-xs.shape-circle {
      width: 27px;
      height: 27px;
      padding: 0;
      border-radius: 50%; }
    .za-button.size-xs .za-icon {
      font-size: 18px; }
    .za-button.size-xs * + span {
      margin-left: 5px; }
  .za-button.theme-primary {
    background-color: #12c287;
    border-color: #12c287;
    color: #fff; }
    .za-button.theme-primary, .za-button.theme-primary:hover, .za-button.theme-primary:focus, .za-button.theme-primary:visited {
      color: #fff; }
    .za-button.theme-primary:active, .za-button.theme-primary.active {
      background-color: #0e9367;
      border-color: #0e9367; }
    .za-button.theme-primary.disabled, .za-button.theme-primary:disabled {
      opacity: 0.5;
      color: rgba(255, 255, 255, 0.5);
      cursor: not-allowed; }
      .za-button.theme-primary.disabled:active, .za-button.theme-primary.disabled.active, .za-button.theme-primary.disabled:focus, .za-button.theme-primary.disabled.focus, .za-button.theme-primary.disabled:visited, .za-button.theme-primary.disabled.visited, .za-button.theme-primary:disabled:active, .za-button.theme-primary:disabled.active, .za-button.theme-primary:disabled:focus, .za-button.theme-primary:disabled.focus, .za-button.theme-primary:disabled:visited, .za-button.theme-primary:disabled.visited {
        background-color: #12c287;
        border-color: #12c287;
        -webkit-box-shadow: none;
                box-shadow: none; }
    .za-button.theme-primary.bordered {
      background-color: #fff;
      border-color: #12c287;
      color: #12c287; }
      .za-button.theme-primary.bordered:active, .za-button.theme-primary.bordered.active {
        background-color: rgba(18, 194, 135, 0.1);
        color: #12c287; }
      .za-button.theme-primary.bordered.disabled:active, .za-button.theme-primary.bordered.disabled.active, .za-button.theme-primary.bordered.disabled:focus, .za-button.theme-primary.bordered.disabled.focus, .za-button.theme-primary.bordered.disabled:visited, .za-button.theme-primary.bordered.disabled.visited, .za-button.theme-primary.bordered:disabled:active, .za-button.theme-primary.bordered:disabled.active, .za-button.theme-primary.bordered:disabled:focus, .za-button.theme-primary.bordered:disabled.focus, .za-button.theme-primary.bordered:disabled:visited, .za-button.theme-primary.bordered:disabled.visited {
        background-color: #fff;
        border-color: #12c287;
        -webkit-box-shadow: none;
                box-shadow: none; }
  .za-button.theme-info {
    background-color: #347af6;
    border-color: #347af6;
    color: #fff; }
    .za-button.theme-info, .za-button.theme-info:hover, .za-button.theme-info:focus, .za-button.theme-info:visited {
      color: #fff; }
    .za-button.theme-info:active, .za-button.theme-info.active {
      background-color: #0a5ced;
      border-color: #0a5ced; }
    .za-button.theme-info.disabled, .za-button.theme-info:disabled {
      opacity: 0.5;
      color: rgba(255, 255, 255, 0.5);
      cursor: not-allowed; }
      .za-button.theme-info.disabled:active, .za-button.theme-info.disabled.active, .za-button.theme-info.disabled:focus, .za-button.theme-info.disabled.focus, .za-button.theme-info.disabled:visited, .za-button.theme-info.disabled.visited, .za-button.theme-info:disabled:active, .za-button.theme-info:disabled.active, .za-button.theme-info:disabled:focus, .za-button.theme-info:disabled.focus, .za-button.theme-info:disabled:visited, .za-button.theme-info:disabled.visited {
        background-color: #347af6;
        border-color: #347af6;
        -webkit-box-shadow: none;
                box-shadow: none; }
    .za-button.theme-info.bordered {
      background-color: #fff;
      border-color: #347af6;
      color: #347af6; }
      .za-button.theme-info.bordered:active, .za-button.theme-info.bordered.active {
        background-color: rgba(52, 122, 246, 0.1);
        color: #347af6; }
      .za-button.theme-info.bordered.disabled:active, .za-button.theme-info.bordered.disabled.active, .za-button.theme-info.bordered.disabled:focus, .za-button.theme-info.bordered.disabled.focus, .za-button.theme-info.bordered.disabled:visited, .za-button.theme-info.bordered.disabled.visited, .za-button.theme-info.bordered:disabled:active, .za-button.theme-info.bordered:disabled.active, .za-button.theme-info.bordered:disabled:focus, .za-button.theme-info.bordered:disabled.focus, .za-button.theme-info.bordered:disabled:visited, .za-button.theme-info.bordered:disabled.visited {
        background-color: #fff;
        border-color: #347af6;
        -webkit-box-shadow: none;
                box-shadow: none; }
  .za-button.theme-success {
    background-color: #69c964;
    border-color: #69c964;
    color: #fff; }
    .za-button.theme-success, .za-button.theme-success:hover, .za-button.theme-success:focus, .za-button.theme-success:visited {
      color: #fff; }
    .za-button.theme-success:active, .za-button.theme-success.active {
      background-color: #47b941;
      border-color: #47b941; }
    .za-button.theme-success.disabled, .za-button.theme-success:disabled {
      opacity: 0.5;
      color: rgba(255, 255, 255, 0.5);
      cursor: not-allowed; }
      .za-button.theme-success.disabled:active, .za-button.theme-success.disabled.active, .za-button.theme-success.disabled:focus, .za-button.theme-success.disabled.focus, .za-button.theme-success.disabled:visited, .za-button.theme-success.disabled.visited, .za-button.theme-success:disabled:active, .za-button.theme-success:disabled.active, .za-button.theme-success:disabled:focus, .za-button.theme-success:disabled.focus, .za-button.theme-success:disabled:visited, .za-button.theme-success:disabled.visited {
        background-color: #69c964;
        border-color: #69c964;
        -webkit-box-shadow: none;
                box-shadow: none; }
    .za-button.theme-success.bordered {
      background-color: #fff;
      border-color: #69c964;
      color: #69c964; }
      .za-button.theme-success.bordered:active, .za-button.theme-success.bordered.active {
        background-color: rgba(105, 201, 100, 0.1);
        color: #69c964; }
      .za-button.theme-success.bordered.disabled:active, .za-button.theme-success.bordered.disabled.active, .za-button.theme-success.bordered.disabled:focus, .za-button.theme-success.bordered.disabled.focus, .za-button.theme-success.bordered.disabled:visited, .za-button.theme-success.bordered.disabled.visited, .za-button.theme-success.bordered:disabled:active, .za-button.theme-success.bordered:disabled.active, .za-button.theme-success.bordered:disabled:focus, .za-button.theme-success.bordered:disabled.focus, .za-button.theme-success.bordered:disabled:visited, .za-button.theme-success.bordered:disabled.visited {
        background-color: #fff;
        border-color: #69c964;
        -webkit-box-shadow: none;
                box-shadow: none; }
  .za-button.theme-warning {
    background-color: #eca632;
    border-color: #eca632;
    color: #fff; }
    .za-button.theme-warning, .za-button.theme-warning:hover, .za-button.theme-warning:focus, .za-button.theme-warning:visited {
      color: #fff; }
    .za-button.theme-warning:active, .za-button.theme-warning.active {
      background-color: #d78e14;
      border-color: #d78e14; }
    .za-button.theme-warning.disabled, .za-button.theme-warning:disabled {
      opacity: 0.5;
      color: rgba(255, 255, 255, 0.5);
      cursor: not-allowed; }
      .za-button.theme-warning.disabled:active, .za-button.theme-warning.disabled.active, .za-button.theme-warning.disabled:focus, .za-button.theme-warning.disabled.focus, .za-button.theme-warning.disabled:visited, .za-button.theme-warning.disabled.visited, .za-button.theme-warning:disabled:active, .za-button.theme-warning:disabled.active, .za-button.theme-warning:disabled:focus, .za-button.theme-warning:disabled.focus, .za-button.theme-warning:disabled:visited, .za-button.theme-warning:disabled.visited {
        background-color: #eca632;
        border-color: #eca632;
        -webkit-box-shadow: none;
                box-shadow: none; }
    .za-button.theme-warning.bordered {
      background-color: #fff;
      border-color: #eca632;
      color: #eca632; }
      .za-button.theme-warning.bordered:active, .za-button.theme-warning.bordered.active {
        background-color: rgba(236, 166, 50, 0.1);
        color: #eca632; }
      .za-button.theme-warning.bordered.disabled:active, .za-button.theme-warning.bordered.disabled.active, .za-button.theme-warning.bordered.disabled:focus, .za-button.theme-warning.bordered.disabled.focus, .za-button.theme-warning.bordered.disabled:visited, .za-button.theme-warning.bordered.disabled.visited, .za-button.theme-warning.bordered:disabled:active, .za-button.theme-warning.bordered:disabled.active, .za-button.theme-warning.bordered:disabled:focus, .za-button.theme-warning.bordered:disabled.focus, .za-button.theme-warning.bordered:disabled:visited, .za-button.theme-warning.bordered:disabled.visited {
        background-color: #fff;
        border-color: #eca632;
        -webkit-box-shadow: none;
                box-shadow: none; }
  .za-button.theme-error {
    background-color: #e55546;
    border-color: #e55546;
    color: #fff; }
    .za-button.theme-error, .za-button.theme-error:hover, .za-button.theme-error:focus, .za-button.theme-error:visited {
      color: #fff; }
    .za-button.theme-error:active, .za-button.theme-error.active {
      background-color: #d9301f;
      border-color: #d9301f; }
    .za-button.theme-error.disabled, .za-button.theme-error:disabled {
      opacity: 0.5;
      color: rgba(255, 255, 255, 0.5);
      cursor: not-allowed; }
      .za-button.theme-error.disabled:active, .za-button.theme-error.disabled.active, .za-button.theme-error.disabled:focus, .za-button.theme-error.disabled.focus, .za-button.theme-error.disabled:visited, .za-button.theme-error.disabled.visited, .za-button.theme-error:disabled:active, .za-button.theme-error:disabled.active, .za-button.theme-error:disabled:focus, .za-button.theme-error:disabled.focus, .za-button.theme-error:disabled:visited, .za-button.theme-error:disabled.visited {
        background-color: #e55546;
        border-color: #e55546;
        -webkit-box-shadow: none;
                box-shadow: none; }
    .za-button.theme-error.bordered {
      background-color: #fff;
      border-color: #e55546;
      color: #e55546; }
      .za-button.theme-error.bordered:active, .za-button.theme-error.bordered.active {
        background-color: rgba(229, 85, 70, 0.1);
        color: #e55546; }
      .za-button.theme-error.bordered.disabled:active, .za-button.theme-error.bordered.disabled.active, .za-button.theme-error.bordered.disabled:focus, .za-button.theme-error.bordered.disabled.focus, .za-button.theme-error.bordered.disabled:visited, .za-button.theme-error.bordered.disabled.visited, .za-button.theme-error.bordered:disabled:active, .za-button.theme-error.bordered:disabled.active, .za-button.theme-error.bordered:disabled:focus, .za-button.theme-error.bordered:disabled.focus, .za-button.theme-error.bordered:disabled:visited, .za-button.theme-error.bordered:disabled.visited {
        background-color: #fff;
        border-color: #e55546;
        -webkit-box-shadow: none;
                box-shadow: none; }

.za-cell {
  position: relative;
  overflow: hidden;
  background: #fff; }
  .za-cell .za-cell-footer {
    color: #999; }
  .za-cell:after {
    content: '';
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 0;
    border-width: 0;
    border-top: 1px solid #ddd; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2) {
      .za-cell:after {
        width: 200%;
        height: 200%;
        -webkit-transform: scale(0.5, 0.5);
                transform: scale(0.5, 0.5);
        -webkit-transform-origin: 0 0;
                transform-origin: 0 0; } }
  .za-cell:after {
    left: 15px; }
  .za-cell.theme-primary .za-cell-footer {
    color: #12c287; }
  .za-cell.theme-info .za-cell-footer {
    color: #347af6; }
  .za-cell.theme-success .za-cell-footer {
    color: #69c964; }
  .za-cell.theme-warning .za-cell-footer {
    color: #eca632; }
  .za-cell.theme-error .za-cell-footer {
    color: #e55546; }
  .za-cell.has-icon:after {
    left: 59px; }
  .za-cell.is-link {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .za-cell.is-link .za-cell-inner:active {
      background-color: #ddd; }
    .za-cell.is-link .za-cell-title {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1; }
  .za-cell.disabled .za-cell-body,
  .za-cell.disabled .za-cell-footer {
    color: #999; }
  .za-cell-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 15px;
    font-size: 15px;
    min-height: 45px; }
    .za-cell-inner a,
    .za-cell-inner a:hover {
      text-decoration: none; }
  .za-cell-body {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .za-cell-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: right;
    font-size: 14px; }
  .za-cell-arrow {
    margin-left: 5px; }
    .za-cell-arrow:after {
      display: inline-block;
      content: '';
      border-right: 2px solid #c7c7cc;
      border-top: 2px solid #c7c7cc;
      width: 10px;
      height: 10px;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
  .za-cell-icon {
    width: 28px;
    height: 28px;
    text-align: center;
    margin-right: 15px; }
    .za-cell-icon img {
      max-width: 100%;
      max-height: 100%; }
  .za-cell-title {
    width: 100px;
    padding: 12px 0;
    overflow: hidden;
    color: #333; }
  .za-cell-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .za-cell-help {
    padding: 0 15px 10px 15px; }

.za-checkbox {
  display: inline-block;
  position: relative;
  margin-left: 10px;
  /* 组合 */
  /* 选中状态 */
  /* 禁用状态 */
  /* 形状 */ }
  .za-checkbox:first-child {
    margin-left: 0; }
  .za-checkbox-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .za-checkbox-input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0; }
  .za-checkbox-text {
    color: #333; }
  .za-checkbox-inner + .za-checkbox-text {
    margin-left: 10px; }
  .za-checkbox-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 20px;
    height: 20px;
    border: 1px solid #999;
    border-radius: 20px;
    background: #fff; }
    .za-checkbox-inner:before {
      content: '';
      margin-top: -2px;
      width: 6px;
      height: 10px;
      border: 2px solid #12c287;
      border-top: 0;
      border-left: 0;
      -webkit-transform: rotate(45deg) scale(0);
              transform: rotate(45deg) scale(0);
      -webkit-transition: all 0.2s cubic-bezier(0.71, -0.46, 0.88, 0.6);
      transition: all 0.2s cubic-bezier(0.71, -0.46, 0.88, 0.6); }
  .za-checkbox-group.block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .za-checkbox-group.shape-radius .za-checkbox {
    border-radius: 4px; }
  .za-checkbox-group.shape-round .za-checkbox {
    border-radius: 15px; }
  .za-checkbox-group.is-compact .za-checkbox {
    margin-left: -1px; }
  .za-checkbox-group.is-compact.shape-radius .za-checkbox {
    border-radius: 0; }
    .za-checkbox-group.is-compact.shape-radius .za-checkbox:first-child {
      border-radius: 4px 0 0 4px; }
    .za-checkbox-group.is-compact.shape-radius .za-checkbox:last-child {
      border-radius: 0 4px 4px 0; }
  .za-checkbox-group.is-compact.shape-round .za-checkbox {
    border-radius: 0; }
    .za-checkbox-group.is-compact.shape-round .za-checkbox:first-child {
      border-radius: 15px 0 0 15px; }
    .za-checkbox-group.is-compact.shape-round .za-checkbox:last-child {
      border-radius: 0 15px 15px 0; }
  .za-checkbox.checked .za-checkbox-inner {
    border-color: #12c287; }
    .za-checkbox.checked .za-checkbox-inner:before {
      -webkit-transform: rotate(45deg) scale(1);
              transform: rotate(45deg) scale(1);
      -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
      transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; }
  .za-checkbox.disabled .za-checkbox-inner {
    border-color: #e1e1e1;
    cursor: not-allowed; }
    .za-checkbox.disabled .za-checkbox-inner:before {
      border-color: #e1e1e1; }
  .za-checkbox.disabled .za-checkbox-text {
    color: #999; }
  .za-checkbox.shape-radius .za-checkbox-inner {
    border-radius: 4px; }
  .za-checkbox.shape-round .za-checkbox-inner {
    border-radius: 20px; }
  .za-checkbox.shape-circle .za-checkbox-inner {
    border-radius: 1000px; }

.za-confirm {
  text-align: center; }

@font-face {
  font-family: "zarmicon";
  src: url("//at.alicdn.com/t/font_126288_jsp977lag9y0hpvi.eot");
  src: url("//at.alicdn.com/t/font_126288_jsp977lag9y0hpvi.eot?#iefix") format("embedded-opentype"), url("//at.alicdn.com/t/font_126288_jsp977lag9y0hpvi.woff") format("woff"), url("//at.alicdn.com/t/font_126288_jsp977lag9y0hpvi.ttf") format("truetype"), url("//at.alicdn.com/t/font_126288_jsp977lag9y0hpvi.svg#dragonicon") format("svg"); }

.za-icon {
  display: inline-block;
  font-family: "zarmicon" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .za-icon.theme-default {
    color: #333; }
  .za-icon.theme-primary {
    color: #12c287; }
  .za-icon.theme-info {
    color: #347af6; }
  .za-icon.theme-success {
    color: #69c964; }
  .za-icon.theme-warning {
    color: #eca632; }
  .za-icon.theme-error {
    color: #e55546; }
  .za-icon-arrow-top:before {
    content: "\E60E"; }
  .za-icon-arrow-bottom:before {
    content: "\E60F"; }
  .za-icon-arrow-left:before {
    content: "\E610"; }
  .za-icon-arrow-right:before {
    content: "\E611"; }
  .za-icon-warning-round-fill:before {
    content: "\E616"; }
  .za-icon-warning-round:before {
    content: "\E617"; }
  .za-icon-right-square-fill:before {
    content: "\E600"; }
  .za-icon-right-square:before {
    content: "\E601"; }
  .za-icon-wrong:before {
    content: "\E602"; }
  .za-icon-wrong-round-fill:before {
    content: "\E603"; }
  .za-icon-wrong-round:before {
    content: "\E604"; }
  .za-icon-add-round:before {
    content: "\E605"; }
  .za-icon-add:before {
    content: "\E606"; }
  .za-icon-add-round-fill:before {
    content: "\E607"; }
  .za-icon-minus:before {
    content: "\E608"; }
  .za-icon-info-round-fill:before {
    content: "\E609"; }
  .za-icon-info-round:before {
    content: "\E60A"; }
  .za-icon-question-round-fill:before {
    content: "\E60B"; }
  .za-icon-question-round:before {
    content: "\E60C"; }
  .za-icon-right:before {
    content: "\E60D"; }
  .za-icon-right-round-fill:before {
    content: "\E612"; }
  .za-icon-right-round:before {
    content: "\E613"; }
  .za-icon-minus-round-fill:before {
    content: "\E614"; }
  .za-icon-required:before {
    content: "\E619"; }
  .za-icon-minus-round:before {
    content: "\E615"; }
  .za-icon-broadcast:before {
    content: "\E618"; }

.za-input {
  position: relative;
  width: 100%;
  padding: 12px 0; }
  .za-input input,
  .za-input textarea {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 0;
    background-color: #fff;
    background-image: none;
    border-width: 0;
    outline: 0;
    -webkit-appearance: none; }
    .za-input input[type="date"], .za-input input[type="text"],
    .za-input textarea[type="date"],
    .za-input textarea[type="text"] {
      height: 21px; }
    .za-input input::-webkit-input-placeholder,
    .za-input textarea::-webkit-input-placeholder {
      color: #a9a9a9; }
    .za-input input:focus,
    .za-input textarea:focus {
      border-color: #57c5f7;
      outline: 0; }
    .za-input input:hover,
    .za-input textarea:hover {
      border-color: #57c5f7; }
    .za-input input.disabled, .za-input input:disabled,
    .za-input textarea.disabled,
    .za-input textarea:disabled {
      cursor: not-allowed;
      opacity: 0.5;
      /* background-color: #f3f5f7; */ }
      .za-input input.disabled:focus, .za-input input.disabled.focus, .za-input input.disabled:hover, .za-input input:disabled:focus, .za-input input:disabled.focus, .za-input input:disabled:hover,
      .za-input textarea.disabled:focus,
      .za-input textarea.disabled.focus,
      .za-input textarea.disabled:hover,
      .za-input textarea:disabled:focus,
      .za-input textarea:disabled.focus,
      .za-input textarea:disabled:hover {
        border-color: #ccc; }
  .za-input textarea {
    line-height: 1.42857143;
    overflow: auto;
    resize: none;
    word-break: break-all;
    word-wrap: break-word; }
  .za-input-placeholder {
    position: absolute;
    left: 0;
    top: 0;
    color: #c1c1c1; }
  .za-input-length {
    text-align: right;
    color: #c1c1c1;
    font-size: 12px; }
  .za-input-number-picker {
    background-color: #fff; }

.za-loading {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 1500; }
  .za-loading-open {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .za-loading-container {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 80px;
    height: 80px;
    padding: 20px 15px;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    /*
    font-size: r(15);

    p {
      margin: 0;
      padding: 0;
      font-size: r(12);
      line-height: 1.5;
      overflow: hidden;
    }
    */ }

.za-message {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 6px 8px;
  min-height: 30px;
  font-size: 12px;
  color: #ddd;
  background-color: rgba(221, 221, 221, 0.5); }
  .za-message-icon {
    margin-right: 5px;
    margin-top: 1px; }
  .za-message-header, .za-message-footer {
    line-height: 1; }
  .za-message-body {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .za-message-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: right;
    padding-left: 10px; }
  .za-message.theme-primary {
    color: #12c287;
    background-color: rgba(18, 194, 135, 0.1); }
  .za-message.theme-info {
    color: #347af6;
    background-color: rgba(52, 122, 246, 0.1); }
  .za-message.theme-success {
    color: #69c964;
    background-color: rgba(105, 201, 100, 0.1); }
  .za-message.theme-warning {
    color: #eca632;
    background-color: rgba(236, 166, 50, 0.1); }
  .za-message.theme-error {
    color: #e55546;
    background-color: rgba(229, 85, 70, 0.1); }
  .za-message.size-lg {
    min-height: 42px;
    padding: 9px 15px; }
    .za-message.size-lg .za-message-icon {
      margin-right: 10px;
      margin-top: 4px; }
    .za-message.size-lg .za-message-body {
      font-size: 15px; }

.za-mask {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1000; }
  .za-mask.light {
    background-color: rgba(255, 255, 255, 0.3); }
  .za-mask.dark {
    background-color: rgba(0, 0, 0, 0.7); }
  .za-mask.transparent {
    background-color: transparent; }

.za-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-overflow-scrolling: touch;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: auto;
  z-index: 1400; }
  .za-modal.shape-radius .za-modal-dialog {
    border-radius: 4px; }
  .za-modal-wrapper {
    width: 100%;
    margin: auto 0; }
  .za-modal-dialog {
    position: relative;
    margin: 60px auto;
    background: #fff;
    -webkit-box-shadow: 0 7px 21px rgba(0, 0, 0, 0.2);
            box-shadow: 0 7px 21px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    z-index: 1401; }
  .za-modal-header {
    position: relative;
    padding: 20px 15px 0 15px;
    text-align: center; }
    .za-modal-header-title {
      font-size: 17px;
      line-height: 1;
      color: #333; }
    .za-modal-header-close {
      position: absolute;
      top: 20px;
      right: 15px;
      line-height: 15px;
      font-size: 20px;
      color: #999;
      cursor: pointer; }
      .za-modal-header-close:hover {
        color: #666; }
  .za-modal-body {
    font-size: 15px;
    color: #999;
    padding: 15px;
    overflow: auto;
    -webkit-user-select: auto;
       -moz-user-select: auto;
        -ms-user-select: auto;
            user-select: auto; }
  .za-modal-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
    .za-modal-footer a {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      height: 50px;
      line-height: 50px;
      font-size: 17px;
      border-width: 0;
      /* 1px line */
      position: relative; }
      .za-modal-footer a:after {
        content: '';
        pointer-events: none;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        border-radius: 0;
        border-width: 0;
        border-top: 1px solid #ddd; }
        @media only screen and (-webkit-min-device-pixel-ratio: 2) {
          .za-modal-footer a:after {
            width: 200%;
            height: 200%;
            -webkit-transform: scale(0.5, 0.5);
                    transform: scale(0.5, 0.5);
            -webkit-transform-origin: 0 0;
                    transform-origin: 0 0; } }
      .za-modal-footer a:active {
        background: #f1f1f1 !important; }
      .za-modal-footer a:not(:first-of-type):after {
        content: '';
        pointer-events: none;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        border-radius: 0;
        border-width: 0;
        border-left: 1px solid #ddd;
        border-top: 1px solid #ddd; }
        @media only screen and (-webkit-min-device-pixel-ratio: 2) {
          .za-modal-footer a:not(:first-of-type):after {
            width: 200%;
            height: 200%;
            -webkit-transform: scale(0.5, 0.5);
                    transform: scale(0.5, 0.5);
            -webkit-transform-origin: 0 0;
                    transform-origin: 0 0; } }
    .za-modal-footer.block {
      display: block; }
      .za-modal-footer.block a:not(:first-of-type):after {
        content: '';
        pointer-events: none;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        border-radius: 0;
        border-width: 0;
        border-top: 1px solid #ddd; }
        @media only screen and (-webkit-min-device-pixel-ratio: 2) {
          .za-modal-footer.block a:not(:first-of-type):after {
            width: 200%;
            height: 200%;
            -webkit-transform: scale(0.5, 0.5);
                    transform: scale(0.5, 0.5);
            -webkit-transform-origin: 0 0;
                    transform-origin: 0 0; } }

.za-noticebar {
  width: 100%;
  height: 24px;
  position: relative;
  overflow: hidden; }
  .za-noticebar-body {
    position: absolute;
    left: 0;
    top: 2px;
    white-space: nowrap; }

.za-popup {
  position: relative; }
  .za-popup-wrapper {
    position: fixed;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 1300; }
    .za-popup-wrapper-bottom {
      left: 0;
      bottom: 0;
      width: 100%; }
    .za-popup-wrapper-top {
      left: 0;
      top: 0;
      width: 100%; }
    .za-popup-wrapper-left {
      left: 0;
      top: 0;
      height: 100%; }
    .za-popup-wrapper-right {
      right: 0;
      top: 0;
      height: 100%; }
  .za-popup-hidden .za-popup-wrapper-bottom {
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%); }
  .za-popup-hidden .za-popup-wrapper-top {
    -webkit-transform: translate(0, -100%);
            transform: translate(0, -100%); }
  .za-popup-hidden .za-popup-wrapper-left {
    -webkit-transform: translate(-100%, 0);
            transform: translate(-100%, 0); }
  .za-popup-hidden .za-popup-wrapper-right {
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0); }

.za-progress {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; }
  .za-progress-inner {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    background-color: #e6e6e6; }
  .za-progress-text {
    display: inline-block;
    margin-left: 5px;
    font-size: 12px; }
  .za-progress-bg {
    height: 100%;
    background-color: #12c287;
    -webkit-transition: width .3s;
    transition: width .3s; }
  .za-progress .za-spinner-line {
    -webkit-transition: stroke-dasharray .3s;
    transition: stroke-dasharray .3s; }
  .za-progress.shape-circle {
    display: inline-block;
    width: 150px;
    height: 150px; }
    .za-progress.shape-circle .za-progress-inner {
      background-color: transparent; }
      .za-progress.shape-circle .za-progress-inner svg {
        width: 100%;
        height: 100%; }
    .za-progress.shape-circle .za-progress-text {
      display: block;
      position: absolute;
      top: 50%;
      left: 0;
      width: 100%;
      margin: 0;
      text-align: center;
      line-height: 1;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      font-size: 30px; }
  .za-progress.theme-default .za-progress-bg {
    background-color: #333; }
  .za-progress.theme-primary .za-progress-bg {
    background-color: #12c287; }
  .za-progress.theme-info .za-progress-bg {
    background-color: #347af6; }
  .za-progress.theme-warning .za-progress-bg {
    background-color: #eca632; }
  .za-progress.theme-error .za-progress-bg {
    background-color: #e55546; }

.za-pull-refresh, .za-pull-load {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  width: 100%;
  height: 0; }
  .za-pull-refresh-show, .za-pull-load-show {
    height: 50px; }

.za-pull-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 0;
  height: 50px;
  color: #999;
  font-size: 13px; }
  .za-pull-control .za-icon {
    font-size: 22px; }
  .za-pull-control * + span {
    margin-left: 8px; }

.za-panel-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 25px 15px 7px 15px;
  font-size: 14px;
  color: #999; }

.za-panel-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 7px 15px;
  margin-bottom: 10px;
  font-size: 12px;
  color: #999; }

.za-panel-body {
  position: relative;
  background: #fff; }
  .za-panel-body:after {
    content: '';
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 0;
    border-width: 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2) {
      .za-panel-body:after {
        width: 200%;
        height: 200%;
        -webkit-transform: scale(0.5, 0.5);
                transform: scale(0.5, 0.5);
        -webkit-transform-origin: 0 0;
                transform-origin: 0 0; } }

.za-panel-title {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.za-picker {
  width: 100%;
  height: 100%;
  background: #fff; }
  .za-picker-input {
    width: 100%;
    padding: 12px 0; }
  .za-picker-placeholder {
    color: #a9a9a9; }
  .za-picker-disabled {
    color: #999; }
  .za-picker-wrapper {
    background: #fff; }
  .za-picker-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    width: 100%;
    height: 45px;
    line-height: 45px; }
    .za-picker-header:after {
      content: '';
      pointer-events: none;
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      border-radius: 0;
      border-width: 0;
      border-bottom: 1px solid #ddd; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2) {
        .za-picker-header:after {
          width: 200%;
          height: 200%;
          -webkit-transform: scale(0.5, 0.5);
                  transform: scale(0.5, 0.5);
          -webkit-transform-origin: 0 0;
                  transform-origin: 0 0; } }
  .za-picker-cancel, .za-picker-submit {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 0 20px;
    cursor: pointer; }
  .za-picker-cancel {
    color: #999; }
  .za-picker-submit {
    text-align: right;
    color: #12c287; }
  .za-picker-mask-top {
    -webkit-mask: -webkit-gradient(linear, 0% 40%, 0% 0%, from(#debb47), to(rgba(36, 142, 36, 0))); }
  .za-picker-mask-bottom {
    -webkit-mask: -webkit-gradient(linear, 0% 60%, 0% 100%, from(#debb47), to(rgba(36, 142, 36, 0))); }
  .za-picker-column-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .za-picker-column-group-item {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      text-align: center; }
  .za-picker-cascader {
    display: block;
    position: relative;
    overflow: hidden;
    height: 210px;
    width: 100%; }
    .za-picker-cascader-content {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      padding: 90px 0; }
    .za-picker-cascader-item {
      text-align: center;
      font-size: 16px;
      line-height: 30px;
      height: 30px;
      color: #000;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
    .za-picker-cascader-indicator {
      right: 0;
      position: absolute;
      left: 0;
      top: 90px;
      height: 30px; }
      .za-picker-cascader-indicator:after {
        content: '';
        pointer-events: none;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        border-radius: 0;
        border-width: 0;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd; }
        @media only screen and (-webkit-min-device-pixel-ratio: 2) {
          .za-picker-cascader-indicator:after {
            width: 200%;
            height: 200%;
            -webkit-transform: scale(0.5, 0.5);
                    transform: scale(0.5, 0.5);
            -webkit-transform-origin: 0 0;
                    transform-origin: 0 0; } }
  .za-picker-crumbs {
    position: relative;
    padding: 10px 20px;
    line-height: 24px;
    font-size: 14px;
    color: #999; }
    .za-picker-crumbs:after {
      content: '';
      pointer-events: none;
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      border-radius: 0;
      border-width: 0;
      border-bottom: 1px solid #ddd; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2) {
        .za-picker-crumbs:after {
          width: 200%;
          height: 200%;
          -webkit-transform: scale(0.5, 0.5);
                  transform: scale(0.5, 0.5);
          -webkit-transform-origin: 0 0;
                  transform-origin: 0 0; } }
    .za-picker-crumbs p {
      margin: 0; }
    .za-picker-crumbs-error {
      color: #e55546; }
  .za-picker-stack-group {
    position: relative;
    height: 280px;
    overflow: hidden; }
  .za-picker-stack-column {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s; }
    .za-picker-stack-column.lower-hidden ~ .za-picker-stack-column {
      -webkit-transform: translate(100%, 0);
              transform: translate(100%, 0); }
    .za-picker-stack-column.lower-hidden .za-picker-stack-item {
      padding-left: 20px; }
    .za-picker-stack-column:nth-child(1) {
      z-index: 2; }
      .za-picker-stack-column:nth-child(1) .za-picker-stack-column-wrapper {
        z-index: 3; }
    .za-picker-stack-column:nth-child(2) {
      z-index: 4; }
      .za-picker-stack-column:nth-child(2) .za-picker-stack-column-wrapper {
        z-index: 5;
        left: 60px; }
    .za-picker-stack-column:nth-child(3) {
      z-index: 6;
      left: 60px; }
      .za-picker-stack-column:nth-child(3) .za-picker-stack-column-wrapper {
        z-index: 7;
        left: 60px; }
      .za-picker-stack-column:nth-child(3) .za-picker-stack-item {
        padding-left: 10px; }
    .za-picker-stack-column:nth-child(4) {
      z-index: 8;
      left: 120px; }
      .za-picker-stack-column:nth-child(4) .za-picker-stack-column-wrapper {
        z-index: 9;
        left: 60px; }
      .za-picker-stack-column:nth-child(4) .za-picker-stack-item {
        padding-left: 10px; }
    .za-picker-stack-column:nth-child(5) {
      z-index: 10;
      left: 180px; }
      .za-picker-stack-column:nth-child(5) .za-picker-stack-column-wrapper {
        z-index: 11;
        left: 60px; }
      .za-picker-stack-column:nth-child(5) .za-picker-stack-item {
        padding-left: 10px; }
    .za-picker-stack-column:not(:last-child) .za-picker-stack-item {
      padding-right: 40px; }
      .za-picker-stack-column:not(:last-child) .za-picker-stack-item:before {
        position: absolute;
        right: 15px;
        top: 50%;
        content: '';
        width: 9px;
        height: 9px;
        margin-top: -4px;
        border-right: 2px solid #c7c7cc;
        border-top: 2px solid #c7c7cc;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
    .za-picker-stack-column:first-child:last-child .za-picker-stack-item, .za-picker-stack-column:nth-child(2):last-child .za-picker-stack-item {
      padding-left: 20px; }
  .za-picker-stack-column-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: -20px;
    bottom: 0;
    padding-right: 20px;
    overflow-y: scroll;
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
  .za-picker-stack-item {
    position: relative;
    padding: 0 10px;
    line-height: 35px;
    font-size: 16px;
    color: #333;
    -webkit-transition: padding-left .4s;
    transition: padding-left .4s;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
    .za-picker-stack-item:after {
      content: '';
      pointer-events: none;
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      border-radius: 0;
      border-width: 0;
      border-bottom: 1px solid #ddd; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2) {
        .za-picker-stack-item:after {
          width: 200%;
          height: 200%;
          -webkit-transform: scale(0.5, 0.5);
                  transform: scale(0.5, 0.5);
          -webkit-transform-origin: 0 0;
                  transform-origin: 0 0; } }
    .za-picker-stack-item.active {
      color: #12c287; }

.za-radio {
  display: inline-block;
  position: relative;
  margin-left: 10px;
  /* 组合 */
  /* 选中状态 */
  /* 禁用状态 */
  /* 形状 */ }
  .za-radio:first-child {
    margin-left: 0; }
  .za-radio-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .za-radio-input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0; }
  .za-radio-text {
    color: #333; }
  .za-radio-inner + .za-radio-text {
    margin-left: 10px; }
  .za-radio-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    width: 20px;
    height: 20px;
    border: 1px solid #999;
    border-radius: 20px; }
    .za-radio-inner:before {
      content: ' ';
      width: 8px;
      height: 8px;
      border-radius: 8px;
      background-color: #12c287;
      -webkit-transform: scale(0);
              transform: scale(0);
      -webkit-transition: all 0.2s cubic-bezier(0.71, -0.46, 0.88, 0.6);
      transition: all 0.2s cubic-bezier(0.71, -0.46, 0.88, 0.6); }
  .za-radio-group.block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .za-radio-group.is-compact .za-radio {
    margin-left: -1px; }
  .za-radio-group.is-compact.shape-radius .za-radio {
    border-radius: 0; }
    .za-radio-group.is-compact.shape-radius .za-radio:first-child {
      border-radius: 4px 0 0 4px; }
    .za-radio-group.is-compact.shape-radius .za-radio:last-child {
      border-radius: 0 4px 4px 0; }
  .za-radio-group.is-compact.shape-round .za-radio {
    border-radius: 0; }
    .za-radio-group.is-compact.shape-round .za-radio:first-child {
      border-radius: 15px 0 0 15px; }
    .za-radio-group.is-compact.shape-round .za-radio:last-child {
      border-radius: 0 15px 15px 0; }
  .za-radio.checked .za-radio-inner {
    border-color: #12c287; }
    .za-radio.checked .za-radio-inner:before {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
      transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; }
  .za-radio.disabled .za-radio-inner {
    border-color: #e1e1e1;
    cursor: not-allowed; }
    .za-radio.disabled .za-radio-inner:before {
      background-color: #e1e1e1; }
  .za-radio.disabled .za-radio-text {
    color: #999; }
  .za-radio.shape-radius .za-radio-inner {
    border-radius: 4px; }
  .za-radio.shape-round .za-radio-inner {
    border-radius: 20px; }
  .za-radio.shape-circle .za-radio-inner {
    border-radius: 1000px; }

.za-slider {
  position: relative;
  width: 100%;
  height: 2px;
  margin: 14px 0;
  padding: 0 14px; }
  .za-slider-line {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 2px;
    background-color: #d6d6d6; }
    .za-slider-line-bg {
      height: 100%;
      background-color: #12c287; }
  .za-slider-handle {
    position: absolute;
    left: 0;
    top: -14px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); }
    .za-slider-handle-shadow {
      width: 28px;
      height: 28px; }
  .za-slider.disabled {
    cursor: not-allowed;
    opacity: 0.5; }

.za-spinner {
  display: inline-block;
  position: relative;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  width: 20px;
  height: 20px;
  /* sizes */
  /* themes */ }
  .za-spinner .za-spinner-line {
    stroke: #333; }
  .za-spinner-path {
    stroke: #e6e6e6; }
  .za-spinner-line {
    stroke-dasharray: 314.15927; }
  .za-spinner-text {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: center;
    line-height: 1;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-size: 30px; }
  .za-spinner.size-lg {
    width: 31px;
    height: 31px; }
  .za-spinner.theme-default .za-spinner-line {
    stroke: #333; }
  .za-spinner.theme-primary .za-spinner-line {
    stroke: #12c287; }
  .za-spinner.theme-info .za-spinner-line {
    stroke: #347af6; }
  .za-spinner.theme-warning .za-spinner-line {
    stroke: #eca632; }
  .za-spinner.theme-error .za-spinner-line {
    stroke: #e55546; }

.za-stepper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .za-stepper .za-stepper-sub, .za-stepper .za-stepper-plus {
    color: #347af6;
    border: 1px solid #347af6; }
    .za-stepper .za-stepper-sub:active, .za-stepper .za-stepper-plus:active {
      background: rgba(52, 122, 246, 0.1); }
    .za-stepper .za-stepper-sub.disabled, .za-stepper .za-stepper-plus.disabled {
      color: #999;
      border-color: #e1e1e1;
      cursor: not-allowed; }
      .za-stepper .za-stepper-sub.disabled:active, .za-stepper .za-stepper-plus.disabled:active {
        background: #fff; }
  .za-stepper.disabled .za-stepper-body {
    opacity: 0.5;
    cursor: not-allowed; }
  .za-stepper.shape-radius .za-stepper-sub,
  .za-stepper.shape-radius .za-stepper-plus {
    border-radius: 4px; }
  .za-stepper.shape-circle .za-stepper-sub,
  .za-stepper.shape-circle .za-stepper-plus {
    border-radius: 50%; }
  .za-stepper.theme-primary .za-stepper-sub, .za-stepper.theme-primary .za-stepper-plus {
    color: #12c287;
    border: 1px solid #12c287; }
    .za-stepper.theme-primary .za-stepper-sub:active, .za-stepper.theme-primary .za-stepper-plus:active {
      background: rgba(18, 194, 135, 0.1); }
    .za-stepper.theme-primary .za-stepper-sub.disabled, .za-stepper.theme-primary .za-stepper-plus.disabled {
      color: #999;
      border-color: #e1e1e1;
      cursor: not-allowed; }
      .za-stepper.theme-primary .za-stepper-sub.disabled:active, .za-stepper.theme-primary .za-stepper-plus.disabled:active {
        background: #fff; }
  .za-stepper.theme-info .za-stepper-sub, .za-stepper.theme-info .za-stepper-plus {
    color: #347af6;
    border: 1px solid #347af6; }
    .za-stepper.theme-info .za-stepper-sub:active, .za-stepper.theme-info .za-stepper-plus:active {
      background: rgba(52, 122, 246, 0.1); }
    .za-stepper.theme-info .za-stepper-sub.disabled, .za-stepper.theme-info .za-stepper-plus.disabled {
      color: #999;
      border-color: #e1e1e1;
      cursor: not-allowed; }
      .za-stepper.theme-info .za-stepper-sub.disabled:active, .za-stepper.theme-info .za-stepper-plus.disabled:active {
        background: #fff; }
  .za-stepper.theme-success .za-stepper-sub, .za-stepper.theme-success .za-stepper-plus {
    color: #69c964;
    border: 1px solid #69c964; }
    .za-stepper.theme-success .za-stepper-sub:active, .za-stepper.theme-success .za-stepper-plus:active {
      background: rgba(105, 201, 100, 0.1); }
    .za-stepper.theme-success .za-stepper-sub.disabled, .za-stepper.theme-success .za-stepper-plus.disabled {
      color: #999;
      border-color: #e1e1e1;
      cursor: not-allowed; }
      .za-stepper.theme-success .za-stepper-sub.disabled:active, .za-stepper.theme-success .za-stepper-plus.disabled:active {
        background: #fff; }
  .za-stepper.theme-warning .za-stepper-sub, .za-stepper.theme-warning .za-stepper-plus {
    color: #eca632;
    border: 1px solid #eca632; }
    .za-stepper.theme-warning .za-stepper-sub:active, .za-stepper.theme-warning .za-stepper-plus:active {
      background: rgba(236, 166, 50, 0.1); }
    .za-stepper.theme-warning .za-stepper-sub.disabled, .za-stepper.theme-warning .za-stepper-plus.disabled {
      color: #999;
      border-color: #e1e1e1;
      cursor: not-allowed; }
      .za-stepper.theme-warning .za-stepper-sub.disabled:active, .za-stepper.theme-warning .za-stepper-plus.disabled:active {
        background: #fff; }
  .za-stepper.theme-error .za-stepper-sub, .za-stepper.theme-error .za-stepper-plus {
    color: #e55546;
    border: 1px solid #e55546; }
    .za-stepper.theme-error .za-stepper-sub:active, .za-stepper.theme-error .za-stepper-plus:active {
      background: rgba(229, 85, 70, 0.1); }
    .za-stepper.theme-error .za-stepper-sub.disabled, .za-stepper.theme-error .za-stepper-plus.disabled {
      color: #999;
      border-color: #e1e1e1;
      cursor: not-allowed; }
      .za-stepper.theme-error .za-stepper-sub.disabled:active, .za-stepper.theme-error .za-stepper-plus.disabled:active {
        background: #fff; }
  .za-stepper-sub, .za-stepper-plus {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    width: 27px;
    height: 27px;
    /*
      line-height: r(27);
      text-align: center;
    */
    font-size: 18px;
    font-weight: bold;
    cursor: pointer; }
  .za-stepper-body {
    position: relative;
    width: 40px;
    margin: 0 10px;
    padding: 0;
    height: 27px;
    border: 0;
    border-radius: 0;
    color: #333;
    text-align: center;
    outline: 0;
    -webkit-appearance: none; }

.za-swipe {
  position: relative;
  overflow: hidden; }
  .za-swipe-item {
    display: inline-block;
    width: 100%;
    height: 100%;
    font-size: 14px; }
  .za-swipe-pagination {
    position: absolute;
    right: 10px;
    bottom: 10px; }
    .za-swipe-pagination ul {
      list-style: none;
      margin: 0;
      padding: 0;
      font-size: 0; }
      .za-swipe-pagination ul li {
        width: 8px;
        height: 8px;
        border-radius: 4px;
        background: #ccc;
        cursor: pointer;
        margin: 3px 0 0 3px; }
        .za-swipe-pagination ul li.active {
          background: #12c287; }

.za-swipeaction {
  position: relative; }
  .za-swipeaction-content {
    position: relative; }
  .za-swipeaction-actions-left, .za-swipeaction-actions-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    height: 100%;
    top: 0; }
  .za-swipeaction-actions-left {
    left: 0; }
  .za-swipeaction-actions-right {
    right: 0; }
  .za-swipeaction-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 80px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 14px;
    /* Button themes */ }
    .za-swipeaction-button.theme-default {
      background-color: #ddd;
      border-color: #ddd;
      color: #333; }
      .za-swipeaction-button.theme-default, .za-swipeaction-button.theme-default:hover, .za-swipeaction-button.theme-default:focus, .za-swipeaction-button.theme-default:visited {
        color: #333; }
      .za-swipeaction-button.theme-default:active, .za-swipeaction-button.theme-default.active {
        background-color: #c4c4c4;
        border-color: #c4c4c4; }
      .za-swipeaction-button.theme-default.disabled, .za-swipeaction-button.theme-default:disabled {
        opacity: 0.5;
        color: rgba(255, 255, 255, 0.5);
        cursor: not-allowed; }
        .za-swipeaction-button.theme-default.disabled:active, .za-swipeaction-button.theme-default.disabled.active, .za-swipeaction-button.theme-default.disabled:focus, .za-swipeaction-button.theme-default.disabled.focus, .za-swipeaction-button.theme-default.disabled:visited, .za-swipeaction-button.theme-default.disabled.visited, .za-swipeaction-button.theme-default:disabled:active, .za-swipeaction-button.theme-default:disabled.active, .za-swipeaction-button.theme-default:disabled:focus, .za-swipeaction-button.theme-default:disabled.focus, .za-swipeaction-button.theme-default:disabled:visited, .za-swipeaction-button.theme-default:disabled.visited {
          background-color: #ddd;
          border-color: #ddd;
          -webkit-box-shadow: none;
                  box-shadow: none; }
      .za-swipeaction-button.theme-default.bordered {
        background-color: #fff;
        border-color: #ddd;
        color: #ddd; }
        .za-swipeaction-button.theme-default.bordered:active, .za-swipeaction-button.theme-default.bordered.active {
          background-color: #ddd;
          color: #ddd; }
        .za-swipeaction-button.theme-default.bordered.disabled:active, .za-swipeaction-button.theme-default.bordered.disabled.active, .za-swipeaction-button.theme-default.bordered.disabled:focus, .za-swipeaction-button.theme-default.bordered.disabled.focus, .za-swipeaction-button.theme-default.bordered.disabled:visited, .za-swipeaction-button.theme-default.bordered.disabled.visited, .za-swipeaction-button.theme-default.bordered:disabled:active, .za-swipeaction-button.theme-default.bordered:disabled.active, .za-swipeaction-button.theme-default.bordered:disabled:focus, .za-swipeaction-button.theme-default.bordered:disabled.focus, .za-swipeaction-button.theme-default.bordered:disabled:visited, .za-swipeaction-button.theme-default.bordered:disabled.visited {
          background-color: #fff;
          border-color: #ddd;
          -webkit-box-shadow: none;
                  box-shadow: none; }
    .za-swipeaction-button.theme-primary {
      background-color: #12c287;
      border-color: #12c287;
      color: #fff; }
      .za-swipeaction-button.theme-primary, .za-swipeaction-button.theme-primary:hover, .za-swipeaction-button.theme-primary:focus, .za-swipeaction-button.theme-primary:visited {
        color: #fff; }
      .za-swipeaction-button.theme-primary:active, .za-swipeaction-button.theme-primary.active {
        background-color: #0e9367;
        border-color: #0e9367; }
      .za-swipeaction-button.theme-primary.disabled, .za-swipeaction-button.theme-primary:disabled {
        opacity: 0.5;
        color: rgba(255, 255, 255, 0.5);
        cursor: not-allowed; }
        .za-swipeaction-button.theme-primary.disabled:active, .za-swipeaction-button.theme-primary.disabled.active, .za-swipeaction-button.theme-primary.disabled:focus, .za-swipeaction-button.theme-primary.disabled.focus, .za-swipeaction-button.theme-primary.disabled:visited, .za-swipeaction-button.theme-primary.disabled.visited, .za-swipeaction-button.theme-primary:disabled:active, .za-swipeaction-button.theme-primary:disabled.active, .za-swipeaction-button.theme-primary:disabled:focus, .za-swipeaction-button.theme-primary:disabled.focus, .za-swipeaction-button.theme-primary:disabled:visited, .za-swipeaction-button.theme-primary:disabled.visited {
          background-color: #12c287;
          border-color: #12c287;
          -webkit-box-shadow: none;
                  box-shadow: none; }
      .za-swipeaction-button.theme-primary.bordered {
        background-color: #fff;
        border-color: #12c287;
        color: #12c287; }
        .za-swipeaction-button.theme-primary.bordered:active, .za-swipeaction-button.theme-primary.bordered.active {
          background-color: #12c287;
          color: #12c287; }
        .za-swipeaction-button.theme-primary.bordered.disabled:active, .za-swipeaction-button.theme-primary.bordered.disabled.active, .za-swipeaction-button.theme-primary.bordered.disabled:focus, .za-swipeaction-button.theme-primary.bordered.disabled.focus, .za-swipeaction-button.theme-primary.bordered.disabled:visited, .za-swipeaction-button.theme-primary.bordered.disabled.visited, .za-swipeaction-button.theme-primary.bordered:disabled:active, .za-swipeaction-button.theme-primary.bordered:disabled.active, .za-swipeaction-button.theme-primary.bordered:disabled:focus, .za-swipeaction-button.theme-primary.bordered:disabled.focus, .za-swipeaction-button.theme-primary.bordered:disabled:visited, .za-swipeaction-button.theme-primary.bordered:disabled.visited {
          background-color: #fff;
          border-color: #12c287;
          -webkit-box-shadow: none;
                  box-shadow: none; }
    .za-swipeaction-button.theme-info {
      background-color: #347af6;
      border-color: #347af6;
      color: #fff; }
      .za-swipeaction-button.theme-info, .za-swipeaction-button.theme-info:hover, .za-swipeaction-button.theme-info:focus, .za-swipeaction-button.theme-info:visited {
        color: #fff; }
      .za-swipeaction-button.theme-info:active, .za-swipeaction-button.theme-info.active {
        background-color: #0a5ced;
        border-color: #0a5ced; }
      .za-swipeaction-button.theme-info.disabled, .za-swipeaction-button.theme-info:disabled {
        opacity: 0.5;
        color: rgba(255, 255, 255, 0.5);
        cursor: not-allowed; }
        .za-swipeaction-button.theme-info.disabled:active, .za-swipeaction-button.theme-info.disabled.active, .za-swipeaction-button.theme-info.disabled:focus, .za-swipeaction-button.theme-info.disabled.focus, .za-swipeaction-button.theme-info.disabled:visited, .za-swipeaction-button.theme-info.disabled.visited, .za-swipeaction-button.theme-info:disabled:active, .za-swipeaction-button.theme-info:disabled.active, .za-swipeaction-button.theme-info:disabled:focus, .za-swipeaction-button.theme-info:disabled.focus, .za-swipeaction-button.theme-info:disabled:visited, .za-swipeaction-button.theme-info:disabled.visited {
          background-color: #347af6;
          border-color: #347af6;
          -webkit-box-shadow: none;
                  box-shadow: none; }
      .za-swipeaction-button.theme-info.bordered {
        background-color: #fff;
        border-color: #347af6;
        color: #347af6; }
        .za-swipeaction-button.theme-info.bordered:active, .za-swipeaction-button.theme-info.bordered.active {
          background-color: #347af6;
          color: #347af6; }
        .za-swipeaction-button.theme-info.bordered.disabled:active, .za-swipeaction-button.theme-info.bordered.disabled.active, .za-swipeaction-button.theme-info.bordered.disabled:focus, .za-swipeaction-button.theme-info.bordered.disabled.focus, .za-swipeaction-button.theme-info.bordered.disabled:visited, .za-swipeaction-button.theme-info.bordered.disabled.visited, .za-swipeaction-button.theme-info.bordered:disabled:active, .za-swipeaction-button.theme-info.bordered:disabled.active, .za-swipeaction-button.theme-info.bordered:disabled:focus, .za-swipeaction-button.theme-info.bordered:disabled.focus, .za-swipeaction-button.theme-info.bordered:disabled:visited, .za-swipeaction-button.theme-info.bordered:disabled.visited {
          background-color: #fff;
          border-color: #347af6;
          -webkit-box-shadow: none;
                  box-shadow: none; }
    .za-swipeaction-button.theme-success {
      background-color: #69c964;
      border-color: #69c964;
      color: #fff; }
      .za-swipeaction-button.theme-success, .za-swipeaction-button.theme-success:hover, .za-swipeaction-button.theme-success:focus, .za-swipeaction-button.theme-success:visited {
        color: #fff; }
      .za-swipeaction-button.theme-success:active, .za-swipeaction-button.theme-success.active {
        background-color: #47b941;
        border-color: #47b941; }
      .za-swipeaction-button.theme-success.disabled, .za-swipeaction-button.theme-success:disabled {
        opacity: 0.5;
        color: rgba(255, 255, 255, 0.5);
        cursor: not-allowed; }
        .za-swipeaction-button.theme-success.disabled:active, .za-swipeaction-button.theme-success.disabled.active, .za-swipeaction-button.theme-success.disabled:focus, .za-swipeaction-button.theme-success.disabled.focus, .za-swipeaction-button.theme-success.disabled:visited, .za-swipeaction-button.theme-success.disabled.visited, .za-swipeaction-button.theme-success:disabled:active, .za-swipeaction-button.theme-success:disabled.active, .za-swipeaction-button.theme-success:disabled:focus, .za-swipeaction-button.theme-success:disabled.focus, .za-swipeaction-button.theme-success:disabled:visited, .za-swipeaction-button.theme-success:disabled.visited {
          background-color: #69c964;
          border-color: #69c964;
          -webkit-box-shadow: none;
                  box-shadow: none; }
      .za-swipeaction-button.theme-success.bordered {
        background-color: #fff;
        border-color: #69c964;
        color: #69c964; }
        .za-swipeaction-button.theme-success.bordered:active, .za-swipeaction-button.theme-success.bordered.active {
          background-color: #69c964;
          color: #69c964; }
        .za-swipeaction-button.theme-success.bordered.disabled:active, .za-swipeaction-button.theme-success.bordered.disabled.active, .za-swipeaction-button.theme-success.bordered.disabled:focus, .za-swipeaction-button.theme-success.bordered.disabled.focus, .za-swipeaction-button.theme-success.bordered.disabled:visited, .za-swipeaction-button.theme-success.bordered.disabled.visited, .za-swipeaction-button.theme-success.bordered:disabled:active, .za-swipeaction-button.theme-success.bordered:disabled.active, .za-swipeaction-button.theme-success.bordered:disabled:focus, .za-swipeaction-button.theme-success.bordered:disabled.focus, .za-swipeaction-button.theme-success.bordered:disabled:visited, .za-swipeaction-button.theme-success.bordered:disabled.visited {
          background-color: #fff;
          border-color: #69c964;
          -webkit-box-shadow: none;
                  box-shadow: none; }
    .za-swipeaction-button.theme-warning {
      background-color: #eca632;
      border-color: #eca632;
      color: #fff; }
      .za-swipeaction-button.theme-warning, .za-swipeaction-button.theme-warning:hover, .za-swipeaction-button.theme-warning:focus, .za-swipeaction-button.theme-warning:visited {
        color: #fff; }
      .za-swipeaction-button.theme-warning:active, .za-swipeaction-button.theme-warning.active {
        background-color: #d78e14;
        border-color: #d78e14; }
      .za-swipeaction-button.theme-warning.disabled, .za-swipeaction-button.theme-warning:disabled {
        opacity: 0.5;
        color: rgba(255, 255, 255, 0.5);
        cursor: not-allowed; }
        .za-swipeaction-button.theme-warning.disabled:active, .za-swipeaction-button.theme-warning.disabled.active, .za-swipeaction-button.theme-warning.disabled:focus, .za-swipeaction-button.theme-warning.disabled.focus, .za-swipeaction-button.theme-warning.disabled:visited, .za-swipeaction-button.theme-warning.disabled.visited, .za-swipeaction-button.theme-warning:disabled:active, .za-swipeaction-button.theme-warning:disabled.active, .za-swipeaction-button.theme-warning:disabled:focus, .za-swipeaction-button.theme-warning:disabled.focus, .za-swipeaction-button.theme-warning:disabled:visited, .za-swipeaction-button.theme-warning:disabled.visited {
          background-color: #eca632;
          border-color: #eca632;
          -webkit-box-shadow: none;
                  box-shadow: none; }
      .za-swipeaction-button.theme-warning.bordered {
        background-color: #fff;
        border-color: #eca632;
        color: #eca632; }
        .za-swipeaction-button.theme-warning.bordered:active, .za-swipeaction-button.theme-warning.bordered.active {
          background-color: #eca632;
          color: #eca632; }
        .za-swipeaction-button.theme-warning.bordered.disabled:active, .za-swipeaction-button.theme-warning.bordered.disabled.active, .za-swipeaction-button.theme-warning.bordered.disabled:focus, .za-swipeaction-button.theme-warning.bordered.disabled.focus, .za-swipeaction-button.theme-warning.bordered.disabled:visited, .za-swipeaction-button.theme-warning.bordered.disabled.visited, .za-swipeaction-button.theme-warning.bordered:disabled:active, .za-swipeaction-button.theme-warning.bordered:disabled.active, .za-swipeaction-button.theme-warning.bordered:disabled:focus, .za-swipeaction-button.theme-warning.bordered:disabled.focus, .za-swipeaction-button.theme-warning.bordered:disabled:visited, .za-swipeaction-button.theme-warning.bordered:disabled.visited {
          background-color: #fff;
          border-color: #eca632;
          -webkit-box-shadow: none;
                  box-shadow: none; }
    .za-swipeaction-button.theme-error {
      background-color: #e55546;
      border-color: #e55546;
      color: #fff; }
      .za-swipeaction-button.theme-error, .za-swipeaction-button.theme-error:hover, .za-swipeaction-button.theme-error:focus, .za-swipeaction-button.theme-error:visited {
        color: #fff; }
      .za-swipeaction-button.theme-error:active, .za-swipeaction-button.theme-error.active {
        background-color: #d9301f;
        border-color: #d9301f; }
      .za-swipeaction-button.theme-error.disabled, .za-swipeaction-button.theme-error:disabled {
        opacity: 0.5;
        color: rgba(255, 255, 255, 0.5);
        cursor: not-allowed; }
        .za-swipeaction-button.theme-error.disabled:active, .za-swipeaction-button.theme-error.disabled.active, .za-swipeaction-button.theme-error.disabled:focus, .za-swipeaction-button.theme-error.disabled.focus, .za-swipeaction-button.theme-error.disabled:visited, .za-swipeaction-button.theme-error.disabled.visited, .za-swipeaction-button.theme-error:disabled:active, .za-swipeaction-button.theme-error:disabled.active, .za-swipeaction-button.theme-error:disabled:focus, .za-swipeaction-button.theme-error:disabled.focus, .za-swipeaction-button.theme-error:disabled:visited, .za-swipeaction-button.theme-error:disabled.visited {
          background-color: #e55546;
          border-color: #e55546;
          -webkit-box-shadow: none;
                  box-shadow: none; }
      .za-swipeaction-button.theme-error.bordered {
        background-color: #fff;
        border-color: #e55546;
        color: #e55546; }
        .za-swipeaction-button.theme-error.bordered:active, .za-swipeaction-button.theme-error.bordered.active {
          background-color: #e55546;
          color: #e55546; }
        .za-swipeaction-button.theme-error.bordered.disabled:active, .za-swipeaction-button.theme-error.bordered.disabled.active, .za-swipeaction-button.theme-error.bordered.disabled:focus, .za-swipeaction-button.theme-error.bordered.disabled.focus, .za-swipeaction-button.theme-error.bordered.disabled:visited, .za-swipeaction-button.theme-error.bordered.disabled.visited, .za-swipeaction-button.theme-error.bordered:disabled:active, .za-swipeaction-button.theme-error.bordered:disabled.active, .za-swipeaction-button.theme-error.bordered:disabled:focus, .za-swipeaction-button.theme-error.bordered:disabled.focus, .za-swipeaction-button.theme-error.bordered:disabled:visited, .za-swipeaction-button.theme-error.bordered:disabled.visited {
          background-color: #fff;
          border-color: #e55546;
          -webkit-box-shadow: none;
                  box-shadow: none; }

.za-switch .za-switch-input:checked {
  border-color: #333;
  background-color: #333; }

.za-switch-input {
  position: relative;
  width: 51px;
  height: 31px;
  border: 1px solid #e5e5e5;
  border-radius: 15.5px;
  background-color: #e5e5e5;
  vertical-align: middle;
  outline: 0;
  -webkit-transition: background-color 0.1s, border 0.1s;
  transition: background-color 0.1s, border 0.1s;
  -webkit-appearance: none; }
  .za-switch-input:before, .za-switch-input:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 29px;
    border-radius: 14.5px; }
  .za-switch-input:before {
    width: 49px;
    background-color: #fdfdfd;
    transition: transform 0.35s cubic-bezier(0.45, 1, 0.4, 1), -webkit-transform 0.35s cubic-bezier(0.45, 1, 0.4, 1); }
  .za-switch-input:after {
    width: 29px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    transition: transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35), -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35); }
  .za-switch-input:checked:before {
    -webkit-transform: scale(0);
            transform: scale(0); }
  .za-switch-input:checked:after {
    -webkit-transform: translateX(20px);
            transform: translateX(20px); }

.za-switch.disabled {
  cursor: not-allowed;
  opacity: 0.5; }

.za-switch.theme-primary .za-switch-input:checked {
  border-color: #12c287;
  background-color: #12c287; }

.za-switch.theme-info .za-switch-input:checked {
  border-color: #347af6;
  background-color: #347af6; }

.za-switch.theme-success .za-switch-input:checked {
  border-color: #69c964;
  background-color: #69c964; }

.za-switch.theme-warning .za-switch-input:checked {
  border-color: #eca632;
  background-color: #eca632; }

.za-switch.theme-error .za-switch-input:checked {
  border-color: #e55546;
  background-color: #e55546; }

.za-tab .za-tab-header-item.active {
  color: #12c287; }

.za-tab .za-tab-line {
  background-color: #12c287; }
  .za-tab .za-tab-line-inner {
    background-color: #12c287; }

.za-tab.theme-default .za-tab-header-item.active {
  color: #333; }

.za-tab.theme-default .za-tab-line {
  background-color: #333; }
  .za-tab.theme-default .za-tab-line-inner {
    background-color: #333; }

.za-tab.theme-primary .za-tab-header-item.active {
  color: #12c287; }

.za-tab.theme-primary .za-tab-line {
  background-color: #12c287; }
  .za-tab.theme-primary .za-tab-line-inner {
    background-color: #12c287; }

.za-tab.theme-info .za-tab-header-item.active {
  color: #347af6; }

.za-tab.theme-info .za-tab-line {
  background-color: #347af6; }
  .za-tab.theme-info .za-tab-line-inner {
    background-color: #347af6; }

.za-tab.theme-success .za-tab-header-item.active {
  color: #69c964; }

.za-tab.theme-success .za-tab-line {
  background-color: #69c964; }
  .za-tab.theme-success .za-tab-line-inner {
    background-color: #69c964; }

.za-tab.theme-warning .za-tab-header-item.active {
  color: #eca632; }

.za-tab.theme-warning .za-tab-line {
  background-color: #eca632; }
  .za-tab.theme-warning .za-tab-line-inner {
    background-color: #eca632; }

.za-tab.theme-error .za-tab-header-item.active {
  color: #e55546; }

.za-tab.theme-error .za-tab-line {
  background-color: #e55546; }
  .za-tab.theme-error .za-tab-line-inner {
    background-color: #e55546; }

.za-tab-header {
  position: relative; }
  .za-tab-header ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    height: 45px;
    line-height: 45px; }
    .za-tab-header ul:after {
      content: '';
      pointer-events: none;
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      border-radius: 0;
      border-width: 0;
      border-bottom: 1px solid #ddd; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2) {
        .za-tab-header ul:after {
          width: 200%;
          height: 200%;
          -webkit-transform: scale(0.5, 0.5);
                  transform: scale(0.5, 0.5);
          -webkit-transform-origin: 0 0;
                  transform-origin: 0 0; } }
  .za-tab-header-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: center;
    font-size: 15px;
    color: #000;
    cursor: pointer;
    /*
      &.hasline {
        &:nth-of-type(n+2) {
          position: relative;

          &:after {
            display: inline-block;
            content: '';
            position: absolute;
            top: 50%;
            left: 0;
            width: 1px;
            height: r(14);
            margin-top: r(-7);
            background: #e9e9e9;
          }
        }
      }
      */ }
    .za-tab-header-item.active {
      color: #69c964; }
    .za-tab-header-item.disabled {
      color: #999;
      cursor: not-allowed; }

.za-tab-line {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  -webkit-transition: left .3s ease-out;
  transition: left .3s ease-out; }
  .za-tab-line-inner {
    display: block;
    margin: auto;
    height: 100%; }

.za-tab-panel {
  position: relative;
  -webkit-transition: height .3s;
  transition: height .3s; }
  .za-tab-panel-item {
    display: none;
    font-size: 14px; }
    .za-tab-panel-item.active {
      display: block; }

.za-toast {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 1500; }
  .za-toast-open {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .za-toast-container {
    position: relative;
    max-width: 70%;
    min-width: 100px;
    padding: 12px 20px;
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    text-align: center;
    font-size: 13px; }

.za-tooltip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  padding-bottom: 5px; }
  .za-tooltip-inner {
    position: relative;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 6px;
    border-radius: 4px;
    font-size: 12px;
    color: #fff;
    margin-bottom: 5px; }
    .za-tooltip-inner:after {
      content: '';
      position: absolute;
      left: 50%;
      bottom: -5px;
      width: 0;
      height: 0;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      border-width: 5px 5px 0;
      border-color: transparent;
      border-top-color: rgba(0, 0, 0, 0.7);
      border-style: solid; }
  .za-tooltip-hidden {
    display: none; }

.za-uploader {
  position: relative;
  display: inline-block; }
  .za-uploader.disabled {
    opacity: 0.5; }
  .za-uploader-trigger {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0; }
  .za-uploader-input {
    display: none; }

body {
  background: #eee; }

.app-container {
  position: relative;
  width: 100%;
  max-width: 750px;
  min-width: 320px;
  min-height: 100%;
  margin: 0px auto;
  overflow: hidden; }

.ui-body-full-height #app {
  height: 100%; }

.ui-body-full-height .app-container {
  height: 100%; }

.ui-modal .ui-modal-dialog {
  padding: 0; }

@media screen and (min-width: 600px) {
  .app-container {
    max-width: 1000px; } }
.comp-scroll {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }
.page_access {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3);
  top: 0px;
  z-index: 10000000000;
  padding-top: 20vh;
  -webkit-animation: open .3s linear;
          animation: open .3s linear; }
  .page_access .opt_area {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16.45786rem;
    min-height: 150px;
    background: white;
    border-radius: 10px;
    padding-top: 1.52452rem;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
    .page_access .opt_area .title {
      font-family: 'PingFangSC-Medium';
      margin: 0px;
      font-size: 1.09786rem;
      color: #333333;
      text-align: center; }
    .page_access .opt_area .close {
      top: 0px;
      height: 45px;
      width: 50px;
      line-height: 50px;
      position: absolute;
      right: 0px;
      text-align: center;
      color: gray;
      font-weight: 300;
      font-size: 2rem;
      -webkit-transform: rotateZ(45deg);
              transform: rotateZ(45deg); }
    .page_access .opt_area .text_area {
      padding: 0.36643rem 0.7931rem;
      font-size: 0.85405rem;
      color: #666; }
    .page_access .opt_area .btn_area {
      margin-top: 0.42738rem; }
      .page_access .opt_area .btn_area .opt_button {
        border-top: 1px solid #E0E0E0;
        height: 3.04833rem;
        text-align: center;
        color: white;
        line-height: 3.04833rem;
        width: 100%;
        font-size: 0.97595rem;
        color: #057AFF;
        text-align: center; }
      .page_access .opt_area .btn_area .btn_gray {
        color: #999999; }

@-webkit-keyframes open {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes open {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.page_access_copy {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  -webkit-animation: open .3s linear;
          animation: open .3s linear; }
  .page_access_copy .opt_area_copy {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    border-radius: 10px;
    padding-bottom: 1.34167rem;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    overflow: hidden; }
    .page_access_copy .opt_area_copy .opt_area_img_copy {
      display: block;
      width: 100%; }
    .page_access_copy .opt_area_copy .close_copy {
      top: 0;
      height: 30px;
      width: 30px;
      line-height: 30px;
      position: absolute;
      right: 0;
      text-align: center;
      color: gray;
      font-weight: 300;
      font-size: 1.8rem;
      -webkit-transform: rotateZ(45deg);
              transform: rotateZ(45deg); }
    .page_access_copy .opt_area_copy .opt_button_copy {
      position: absolute;
      bottom: 13%;
      width: 90%;
      left: 50%;
      -webkit-transform: translate(-50%);
              transform: translate(-50%);
      border-radius: 2.01214rem;
      text-align: center;
      font-size: 1.82929rem;
      color: #fff; }
    .page_access_copy .opt_area_copy .button_gray_copy {
      position: absolute;
      bottom: 10%;
      width: 90%;
      left: 50%;
      -webkit-transform: translate(-50%);
              transform: translate(-50%);
      text-align: center;
      font-size: 0.67119rem;
      color: #999; }

@keyframes open {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
.fold-wrapper > .fold-operation {
  position: relative; }
  .fold-wrapper > .fold-operation:after {
    content: "";
    position: relative;
    display: inline-block;
    top: -0.12119rem;
    width: 0.61024rem;
    height: 0.61024rem;
    margin-left: 0.30548rem;
    border-right: 0.12262rem solid #c7c7cc;
    border-top: 0.12262rem solid #c7c7cc;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease; }
  .fold-wrapper > .fold-operation.close:after {
    top: 0.12262rem;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
@font-face {
  font-family: 'iconfont';
  /* project id 342780 */
  src: url("//at.alicdn.com/t/font_d0wg4xdwov2njyvi.eot");
  src: url("//at.alicdn.com/t/font_d0wg4xdwov2njyvi.eot?#iefix") format("embedded-opentype"), url("//at.alicdn.com/t/font_d0wg4xdwov2njyvi.woff") format("woff"), url("//at.alicdn.com/t/font_d0wg4xdwov2njyvi.ttf") format("truetype"), url("//at.alicdn.com/t/font_d0wg4xdwov2njyvi.svg#iconfont") format("svg"); }

.app-icon {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: none; }
  .app-icon:before {
    content: attr(data-font); }
  .app-icon.theme-info {
    color: #2db7f5; }
  .app-icon.theme-success {
    color: #00b15b; }
  .app-icon.theme-warning {
    color: #ffba34; }
  .app-icon.theme-error {
    color: #e93a3a; }
.ui-uploader {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%; }
  .ui-uploader.disabled {
    opacity: .5; }
  .ui-uploader-input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0; }
.ui-pull-refresh, .ui-pull-load {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  width: 100%;
  height: 0; }

.ui-pull-refresh {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-transition: all .3s;
  transition: all .3s; }

.ui-pull-load {
  position: relative; }

.ui-pull-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.61024rem 0;
  height: 3.04833rem;
  color: #999;
  font-size: 0.7931rem; }
  .ui-pull-control i {
    font-size: 1.34167rem; }
  .ui-pull-control span {
    margin-left: 0.48833rem; }
.comp-loading {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1300; }
  .comp-loading.display-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .comp-loading.display-none {
    display: none; }

.comp-loading-container {
  position: relative;
  width: 4.8769rem;
  height: 4.8769rem;
  padding: 1.21976rem 0.915rem;
  border-radius: 0.36643rem;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  text-align: center;
  font-size: 0.915rem; }
  .comp-loading-container p {
    margin: 0;
    padding: 0;
    font-size: 0.73214rem;
    line-height: 1.5;
    overflow: hidden; }

.comp-loading-items {
  position: absolute;
  left: 50%;
  top: 50%; }

.comp-loading-item {
  position: absolute;
  top: -1px;
  opacity: 0.25; }
  .comp-loading-item:before {
    content: '';
    position: absolute;
    width: 0.49687rem;
    height: 0.18845rem;
    background: #d1d1d5;
    -webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 0 0 1px;
            box-shadow: rgba(0, 0, 0, 0.0980392) 0 0 1px;
    border-radius: 1px;
    -webkit-transform-origin: left 50% 0;
            transform-origin: left 50% 0; }
  .comp-loading-item:nth-of-type(1) {
    -webkit-animation: opacity-60-25-0-12 1.25s linear infinite;
            animation: opacity-60-25-0-12 1.25s linear infinite; }
    .comp-loading-item:nth-of-type(1):before {
      -webkit-transform: rotate(0deg) translate(0.48346rem, 0);
              transform: rotate(0deg) translate(0.48346rem, 0); }
  .comp-loading-item:nth-of-type(2) {
    -webkit-animation: opacity-60-25-1-12 1.25s linear infinite;
            animation: opacity-60-25-1-12 1.25s linear infinite; }
    .comp-loading-item:nth-of-type(2):before {
      -webkit-transform: rotate(30deg) translate(0.48346rem, 0);
              transform: rotate(30deg) translate(0.48346rem, 0); }
  .comp-loading-item:nth-of-type(3) {
    -webkit-animation: opacity-60-25-2-12 1.25s linear infinite;
            animation: opacity-60-25-2-12 1.25s linear infinite; }
    .comp-loading-item:nth-of-type(3):before {
      -webkit-transform: rotate(60deg) translate(0.48346rem, 0);
              transform: rotate(60deg) translate(0.48346rem, 0); }
  .comp-loading-item:nth-of-type(4) {
    -webkit-animation: opacity-60-25-3-12 1.25s linear infinite;
            animation: opacity-60-25-3-12 1.25s linear infinite; }
    .comp-loading-item:nth-of-type(4):before {
      -webkit-transform: rotate(90deg) translate(0.48346rem, 0);
              transform: rotate(90deg) translate(0.48346rem, 0); }
  .comp-loading-item:nth-of-type(5) {
    -webkit-animation: opacity-60-25-4-12 1.25s linear infinite;
            animation: opacity-60-25-4-12 1.25s linear infinite; }
    .comp-loading-item:nth-of-type(5):before {
      -webkit-transform: rotate(120deg) translate(0.48346rem, 0);
              transform: rotate(120deg) translate(0.48346rem, 0); }
  .comp-loading-item:nth-of-type(6) {
    -webkit-animation: opacity-60-25-5-12 1.25s linear infinite;
            animation: opacity-60-25-5-12 1.25s linear infinite; }
    .comp-loading-item:nth-of-type(6):before {
      -webkit-transform: rotate(150deg) translate(0.48346rem, 0);
              transform: rotate(150deg) translate(0.48346rem, 0); }
  .comp-loading-item:nth-of-type(7) {
    -webkit-animation: opacity-60-25-6-12 1.25s linear infinite;
            animation: opacity-60-25-6-12 1.25s linear infinite; }
    .comp-loading-item:nth-of-type(7):before {
      -webkit-transform: rotate(180deg) translate(0.48346rem, 0);
              transform: rotate(180deg) translate(0.48346rem, 0); }
  .comp-loading-item:nth-of-type(8) {
    -webkit-animation: opacity-60-25-7-12 1.25s linear infinite;
            animation: opacity-60-25-7-12 1.25s linear infinite; }
    .comp-loading-item:nth-of-type(8):before {
      -webkit-transform: rotate(210deg) translate(0.48346rem, 0);
              transform: rotate(210deg) translate(0.48346rem, 0); }
  .comp-loading-item:nth-of-type(9) {
    -webkit-animation: opacity-60-25-8-12 1.25s linear infinite;
            animation: opacity-60-25-8-12 1.25s linear infinite; }
    .comp-loading-item:nth-of-type(9):before {
      -webkit-transform: rotate(240deg) translate(0.48346rem, 0);
              transform: rotate(240deg) translate(0.48346rem, 0); }
  .comp-loading-item:nth-of-type(10) {
    -webkit-animation: opacity-60-25-9-12 1.25s linear infinite;
            animation: opacity-60-25-9-12 1.25s linear infinite; }
    .comp-loading-item:nth-of-type(10):before {
      -webkit-transform: rotate(270deg) translate(0.48346rem, 0);
              transform: rotate(270deg) translate(0.48346rem, 0); }
  .comp-loading-item:nth-of-type(11) {
    -webkit-animation: opacity-60-25-10-12 1.25s linear infinite;
            animation: opacity-60-25-10-12 1.25s linear infinite; }
    .comp-loading-item:nth-of-type(11):before {
      -webkit-transform: rotate(300deg) translate(0.48346rem, 0);
              transform: rotate(300deg) translate(0.48346rem, 0); }
  .comp-loading-item:nth-of-type(12) {
    -webkit-animation: opacity-60-25-11-12 1.25s linear infinite;
            animation: opacity-60-25-11-12 1.25s linear infinite; }
    .comp-loading-item:nth-of-type(12):before {
      -webkit-transform: rotate(330deg) translate(0.48346rem, 0);
              transform: rotate(330deg) translate(0.48346rem, 0); }

@-webkit-keyframes opacity-60-25-0-12 {
  0% {
    opacity: 0.25; }
  0.01% {
    opacity: 0.25; }
  0.02% {
    opacity: 1; }
  60.01% {
    opacity: 0.25; }
  100% {
    opacity: 0.25; } }

@keyframes opacity-60-25-0-12 {
  0% {
    opacity: 0.25; }
  0.01% {
    opacity: 0.25; }
  0.02% {
    opacity: 1; }
  60.01% {
    opacity: 0.25; }
  100% {
    opacity: 0.25; } }

@-webkit-keyframes opacity-60-25-1-12 {
  0% {
    opacity: 0.25; }
  8.34333% {
    opacity: 0.25; }
  8.35333% {
    opacity: 1; }
  68.3433% {
    opacity: 0.25; }
  100% {
    opacity: 0.25; } }

@keyframes opacity-60-25-1-12 {
  0% {
    opacity: 0.25; }
  8.34333% {
    opacity: 0.25; }
  8.35333% {
    opacity: 1; }
  68.3433% {
    opacity: 0.25; }
  100% {
    opacity: 0.25; } }

@-webkit-keyframes opacity-60-25-2-12 {
  0% {
    opacity: 0.25; }
  16.6767% {
    opacity: 0.25; }
  16.6867% {
    opacity: 1; }
  76.6767% {
    opacity: 0.25; }
  100% {
    opacity: 0.25; } }

@keyframes opacity-60-25-2-12 {
  0% {
    opacity: 0.25; }
  16.6767% {
    opacity: 0.25; }
  16.6867% {
    opacity: 1; }
  76.6767% {
    opacity: 0.25; }
  100% {
    opacity: 0.25; } }

@-webkit-keyframes opacity-60-25-3-12 {
  0% {
    opacity: 0.25; }
  25.01% {
    opacity: 0.25; }
  25.02% {
    opacity: 1; }
  85.01% {
    opacity: 0.25; }
  100% {
    opacity: 0.25; } }

@keyframes opacity-60-25-3-12 {
  0% {
    opacity: 0.25; }
  25.01% {
    opacity: 0.25; }
  25.02% {
    opacity: 1; }
  85.01% {
    opacity: 0.25; }
  100% {
    opacity: 0.25; } }

@-webkit-keyframes opacity-60-25-4-12 {
  0% {
    opacity: 0.25; }
  33.3433% {
    opacity: 0.25; }
  33.3533% {
    opacity: 1; }
  93.3433% {
    opacity: 0.25; }
  100% {
    opacity: 0.25; } }

@keyframes opacity-60-25-4-12 {
  0% {
    opacity: 0.25; }
  33.3433% {
    opacity: 0.25; }
  33.3533% {
    opacity: 1; }
  93.3433% {
    opacity: 0.25; }
  100% {
    opacity: 0.25; } }

@-webkit-keyframes opacity-60-25-5-12 {
  0% {
    opacity: 0.270958333333333; }
  41.6767% {
    opacity: 0.25; }
  41.6867% {
    opacity: 1; }
  1.67667% {
    opacity: 0.25; }
  100% {
    opacity: 0.270958333333333; } }

@keyframes opacity-60-25-5-12 {
  0% {
    opacity: 0.270958333333333; }
  41.6767% {
    opacity: 0.25; }
  41.6867% {
    opacity: 1; }
  1.67667% {
    opacity: 0.25; }
  100% {
    opacity: 0.270958333333333; } }

@-webkit-keyframes opacity-60-25-6-12 {
  0% {
    opacity: 0.375125; }
  50.01% {
    opacity: 0.25; }
  50.02% {
    opacity: 1; }
  10.01% {
    opacity: 0.25; }
  100% {
    opacity: 0.375125; } }

@keyframes opacity-60-25-6-12 {
  0% {
    opacity: 0.375125; }
  50.01% {
    opacity: 0.25; }
  50.02% {
    opacity: 1; }
  10.01% {
    opacity: 0.25; }
  100% {
    opacity: 0.375125; } }

@-webkit-keyframes opacity-60-25-7-12 {
  0% {
    opacity: 0.479291666666667; }
  58.3433% {
    opacity: 0.25; }
  58.3533% {
    opacity: 1; }
  18.3433% {
    opacity: 0.25; }
  100% {
    opacity: 0.479291666666667; } }

@keyframes opacity-60-25-7-12 {
  0% {
    opacity: 0.479291666666667; }
  58.3433% {
    opacity: 0.25; }
  58.3533% {
    opacity: 1; }
  18.3433% {
    opacity: 0.25; }
  100% {
    opacity: 0.479291666666667; } }

@-webkit-keyframes opacity-60-25-8-12 {
  0% {
    opacity: 0.583458333333333; }
  66.6767% {
    opacity: 0.25; }
  66.6867% {
    opacity: 1; }
  26.6767% {
    opacity: 0.25; }
  100% {
    opacity: 0.583458333333333; } }

@keyframes opacity-60-25-8-12 {
  0% {
    opacity: 0.583458333333333; }
  66.6767% {
    opacity: 0.25; }
  66.6867% {
    opacity: 1; }
  26.6767% {
    opacity: 0.25; }
  100% {
    opacity: 0.583458333333333; } }

@-webkit-keyframes opacity-60-25-9-12 {
  0% {
    opacity: 0.687625; }
  75.01% {
    opacity: 0.25; }
  75.02% {
    opacity: 1; }
  35.01% {
    opacity: 0.25; }
  100% {
    opacity: 0.687625; } }

@keyframes opacity-60-25-9-12 {
  0% {
    opacity: 0.687625; }
  75.01% {
    opacity: 0.25; }
  75.02% {
    opacity: 1; }
  35.01% {
    opacity: 0.25; }
  100% {
    opacity: 0.687625; } }

@-webkit-keyframes opacity-60-25-10-12 {
  0% {
    opacity: 0.791791666666667; }
  83.3433% {
    opacity: 0.25; }
  83.3533% {
    opacity: 1; }
  43.3433% {
    opacity: 0.25; }
  100% {
    opacity: 0.791791666666667; } }

@keyframes opacity-60-25-10-12 {
  0% {
    opacity: 0.791791666666667; }
  83.3433% {
    opacity: 0.25; }
  83.3533% {
    opacity: 1; }
  43.3433% {
    opacity: 0.25; }
  100% {
    opacity: 0.791791666666667; } }

@-webkit-keyframes opacity-60-25-11-12 {
  0% {
    opacity: 0.895958333333333; }
  91.6767% {
    opacity: 0.25; }
  91.6867% {
    opacity: 1; }
  51.6767% {
    opacity: 0.25; }
  100% {
    opacity: 0.895958333333333; } }

@keyframes opacity-60-25-11-12 {
  0% {
    opacity: 0.895958333333333; }
  91.6767% {
    opacity: 0.25; }
  91.6867% {
    opacity: 1; }
  51.6767% {
    opacity: 0.25; }
  100% {
    opacity: 0.895958333333333; } }
@font-face {
  font-family: "iybfont";
  src: url("//at.alicdn.com/t/font_926686_3xy2kqs72i3.eot?t=1561613833607");
  /* IE9 */
  src: url("//at.alicdn.com/t/font_926686_3xy2kqs72i3.eot?t=1561613833607#iefix") format("embedded-opentype"), url("data:alication/x-font-woff2;charset=utf-8;base64,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") format("woff2"), url("//at.acdn.com/t/font_926686_3xy2kqs72i3.woff?t=1561613833607") format("woff"), url("//at.acdn.com/t/font_926686_3xy2kqs72i3.ttf?t=1561613833607") format("truetype"), url("//at.alicdn.com/t/font_926686_3xy2kqs72i3.svg?t=1561613833607    ybfont") format("svg");
  /* iOS 4.1- */ }

.iybfont {
  font-family: "iybfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-xiaolaba:before {
  content: "\E64D"; }

.icon-xiaoxi:before {
  content: "\E626"; }

.icon-fanhui:before {
  content: "\E627"; }

.icon-baofeixinxi:before {
  content: "\E628"; }

.icon-baozhangjihua:before {
  content: "\E629"; }

.icon-baozhang:before {
  content: "\E62A"; }

.icon-beitoubaoren:before {
  content: "\E62C"; }

.icon-bianji:before {
  content: "\E62D"; }

.icon-dianzan:before {
  content: "\E62E"; }

.icon-baodan:before {
  content: "\E62F"; }

.icon-chexiao:before {
  content: "\E630"; }

.icon-dingwei:before {
  content: "\E632"; }

.icon-fenxiang:before {
  content: "\E634"; }

.icon-gouwudai:before {
  content: "\E635"; }

.icon-jia_:before {
  content: "\E637"; }

.icon-guanbi:before {
  content: "\E638"; }

.icon-jia-shixin:before {
  content: "\E639"; }

.icon-jia:before {
  content: "\E63A"; }

.icon-jian:before {
  content: "\E63B"; }

.icon-jianqu:before {
  content: "\E63C"; }

.icon-jinru:before {
  content: "\E63D"; }

.icon-jindu:before {
  content: "\E63F"; }

.icon-tishi-shixin:before {
  content: "\E640"; }

.icon-jian-shixin:before {
  content: "\E641"; }

.icon-tishi:before {
  content: "\E642"; }

.icon-kefu1:before {
  content: "\E643"; }

.icon-pinglun:before {
  content: "\E644"; }

.icon-liucheng:before {
  content: "\E645"; }

.icon-renshu:before {
  content: "\E646"; }

.icon-saomiao:before {
  content: "\E647"; }

.icon-shaixuan:before {
  content: "\E648"; }

.icon-shang:before {
  content: "\E649"; }

.icon-shanchu:before {
  content: "\E64A"; }

.icon-shijian:before {
  content: "\E64B"; }

.icon-shoucang:before {
  content: "\E64C"; }

.icon-sousuo:before {
  content: "\E64F"; }

.icon-suoding:before {
  content: "\E650"; }

.icon-tongxunxinxi:before {
  content: "\E651"; }

.icon-xihuan:before {
  content: "\E652"; }

.icon-xia:before {
  content: "\E653"; }

.icon-xianshi:before {
  content: "\E654"; }

.icon-xiangji:before {
  content: "\E655"; }

.icon-xuanzhong:before {
  content: "\E657"; }

.icon-wenhao:before {
  content: "\E659"; }

.icon-yincang:before {
  content: "\E65A"; }

.icon-zancun:before {
  content: "\E65B"; }

.icon-you:before {
  content: "\E65C"; }

.icon-zhiye:before {
  content: "\E65D"; }

.icon-ziliao:before {
  content: "\E65E"; }

.icon-zuo:before {
  content: "\E65F"; }

.icon-dianzan-shixin:before {
  content: "\E656"; }

.icon-shoucang-shixin:before {
  content: "\E660"; }

.icon-toubaorenxinxi:before {
  content: "\E662"; }

.icon-shoujihao:before {
  content: "\E64E"; }

.icon-baoxiangongsi:before {
  content: "\E664"; }

.icon-jiaofeixinxi1:before {
  content: "\E661"; }

.icon-dianhua:before {
  content: "\E663"; }

.icon-remen:before {
  content: "\E665"; }

.icon-wenhao-shixin:before {
  content: "\E658"; }

.icon-fasong:before {
  content: "\E666"; }

.icon-guanbi_:before {
  content: "\E667"; }

.icon-gengduo:before {
  content: "\E668"; }

.icon-shezhi:before {
  content: "\E669"; }

.icon-dingweifuben:before {
  content: "\E66A"; }

.icon-xuanzhong-shixin:before {
  content: "\E66B"; }

.icon-chulizhong:before {
  content: "\E66C"; }

.icon-shibai:before {
  content: "\E66D"; }
.ui-form-item .ui-cell-explain {
  padding-bottom: 0; }

.ui-form-item .ui-input input,
.ui-form-item .ui-input textarea {
  font-size: 0.915rem; }
.no-receive-content {
  margin-top: 16%;
  padding: 5.26% 0;
  background: #FFFFFF; }
  .no-receive-content .no-sign {
    width: 70.4%;
    background: url("https://static.iyunbao.com/website/health/iybApp/insurance/msj/bg.png") no-repeat 50% 50%/contain;
    padding-top: 43.46%;
    margin: 0 auto; }
  .no-receive-content .no-message {
    text-align: center;
    margin-top: 3.2%;
    font-size: 0.915rem;
    color: #999999; }
.ui-modal .ui-modal-dialog {
  position: relative;
  border-radius: 0.36643rem;
  padding: 2.13405rem 1.52452rem 1.82929rem; }
  .ui-modal .ui-modal-dialog .close-icon {
    position: absolute;
    top: 0.915rem;
    right: 0.915rem;
    width: 1.09786rem;
    height: 1.09786rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEMDVDOEJGOTM4OTgxMUU3ODlDQUNDMTgwM0RCQ0JBQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEMDVDOEJGQTM4OTgxMUU3ODlDQUNDMTgwM0RCQ0JBQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQwNUM4QkY3Mzg5ODExRTc4OUNBQ0MxODAzREJDQkFDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQwNUM4QkY4Mzg5ODExRTc4OUNBQ0MxODAzREJDQkFDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ln5FPwAAAtxJREFUeNrMWM1qFEEQngwBL5rsz4wvsBOXCN6yye6OuXkQcs4hvoDiK6iIgnmBePAFBC85it6ju9HNyYAhvw+QbDaLXhRB/CrUwLB0d9VMZsCCD5bp6q5vqrtrv5qph99+ebAHwGPgJvAReAL89Mq1G8Ar4D5wCrx+c+fau2n8WAXephzngHtADFyURKYKfAbmUzHjR7u///j48cIwgRy/AvUSyNR57XnD2EsiNGOZGAE9ICiQTMBrRpbx60TovWOBW0CfU1zENvV5TZt98PkAHzqc6G22gfAKZEJeI3L4EIenRGgILAFHQqboEM7mIDPLc12ZodhLuGVDnx/QbeoAB45JdBN2MmYq5DlzDh+K2QGZyxvtpwaGfNWPhe3bAioKMhX2dW0TxYopM8kDf8KBBhaBfcciTX7rQLhNO+xrM4qxmCZjIkQ2ApaFTDWAT0DNMFbjsYaQmWWO5UmEyM6ABeFMNQ3FMyl6TeHMLHAMT0uIbAzcFW5fgwvdFKMnZOaI1xzbHKaFg0lv0QIGjsNJ1/lL6reLTMtFRspQOlNdYftaDNc2dSUyWkJJpjrC9rky07GdmbyEktsnFU9j0TPdpiIIJXXqNv8vSbbNvsMsAXzvP7OshKgCfwfaCt82+wZlEaop9IxNT9WKJhTywlGOXYh4blgUoQpXYFdmBgxXpnoaleArMjMQMnPA56UtlISI1wrzEtLqGarAfxndq+opX1B6op4BzlPPzjPoqVBLqMpv4frXPrHpmZSeOhFUwpapm/EtTVxuPZNVT6FbrdsISU1cWs9oWuwLhZ66bEZBKpgkpGniEj1zlqEGJXpKarH6IFVNCNWVTVys0TMWPRVrmlHaPiK0rmni+JNJXjtVNqPrRGhFoWeK+CyjaUZXiNAPVxOXVc8o9JSrGR0ToWeGgT0ucEWSmWxG9wxjz4nQJrDGHwTo4G3wfo+88mzEMTY4JhXJNXSxm/8EGAAKqL85EruR+wAAAABJRU5ErkJggg==) no-repeat;
    background-size: 1.09786rem 1.09786rem; }
  .ui-modal .ui-modal-dialog .graphical-box {
    margin-bottom: 0.915rem; }
  .ui-modal .ui-modal-dialog .graphical-wrapper {
    max-width: 7.37595rem;
    margin: 0 auto; }
    .ui-modal .ui-modal-dialog .graphical-wrapper img {
      width: 100%; }
  .ui-modal .ui-modal-dialog .graphic-input-box {
    margin-bottom: 0.915rem; }
    .ui-modal .ui-modal-dialog .graphic-input-box .ui-cell-inner {
      background: #f3f3f3;
      border-radius: 0.24452rem; }
    .ui-modal .ui-modal-dialog .graphic-input-box .ui-input {
      background: transparent; }
  .ui-modal .ui-modal-dialog .determine {
    text-align: center;
    font-size: 0.915rem;
    color: #ffffff;
    background: #fdb944;
    border-radius: 0.24452rem;
    height: 2.74357rem;
    line-height: 2.74357rem; }
.ui-upload-images .ui-panel {
  background: #fff;
  margin-bottom: 1.21976rem; }

.ui-upload-images .ui-panel-header {
  padding: 0.61024rem 1.21976rem;
  margin-bottom: 0.30548rem;
  font-size: 1.09786rem; }

.ui-upload-images .ui-panel-body {
  border-top: none;
  border-bottom: none; }

.ui-upload-images .list {
  margin: 0;
  padding: 0 0 0 0.61024rem;
  list-style: none outside none; }
  .ui-upload-images .list:before, .ui-upload-images .list:after {
    content: "";
    display: table; }
  .ui-upload-images .list:after {
    clear: both; }
  .ui-upload-images .list li {
    position: relative;
    float: left;
    width: 9.63119rem;
    height: 6.70548rem;
    margin: 0 0.61024rem 1.21976rem;
    border-radius: 0.30548rem;
    background: #f8f8f8;
    border: 1px dotted #c9c9c9; }
  .ui-upload-images .list .pic {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .ui-upload-images .list .pic img {
      width: 100%; }
  .ui-upload-images .list .button-delete {
    position: absolute;
    top: -0.60881rem;
    right: -0.60881rem;
    width: 1.21976rem;
    height: 1.21976rem;
    overflow: hidden;
    background: rgba(153, 153, 153, 0.7);
    border-radius: 50%; }
    .ui-upload-images .list .button-delete:before, .ui-upload-images .list .button-delete:after {
      position: absolute;
      top: 0.54929rem;
      left: 0.18357rem;
      content: "";
      width: 0.85405rem;
      height: 0.12262rem;
      border-radius: 0.18357rem;
      background: #fff; }
    .ui-upload-images .list .button-delete:before {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
    .ui-upload-images .list .button-delete:after {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }
  .ui-upload-images .list .example-inner {
    overflow: hidden; }
    .ui-upload-images .list .example-inner .icon-example {
      display: block;
      position: absolute;
      top: -1.5231rem;
      left: -1.5231rem;
      width: 3.04833rem;
      height: 3.04833rem;
      font-size: 0.61024rem;
      -webkit-transform: scale(0.8);
              transform: scale(0.8); }
      .ui-upload-images .list .example-inner .icon-example .example-bg {
        display: block;
        width: 100%;
        height: 100%;
        background: #ff5539;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
      .ui-upload-images .list .example-inner .icon-example .text {
        position: absolute;
        right: 0;
        bottom: 0;
        color: #fff;
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg); }
    .ui-upload-images .list .example-inner .tips-view-img {
      position: absolute;
      bottom: 0.30548rem;
      left: 50%;
      height: 1.21976rem;
      line-height: 1.21976rem;
      padding: 0.06167rem 0.48833rem;
      -webkit-transform: translate(-50%);
              transform: translate(-50%);
      border-radius: 0.61024rem;
      font-size: 0.73214rem;
      background: rgba(0, 0, 0, 0.7);
      color: #fff; }
  .ui-upload-images .list .upload-file {
    overflow: hidden;
    background: url(https://static.iyunbao.com/website/health/iybApp/insurance/group/images/upload_image.png) no-repeat center;
    background-size: cover; }
    .ui-upload-images .list .upload-file .cui-uploader {
      width: 100%;
      height: 100%; }
  .ui-upload-images .list .right-tips {
    background: unset;
    border: unset;
    margin-left: 0.915rem !important;
    width: auto;
    text-align: left; }

.ui-upload-images .ui-upload-big {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  z-index: 90;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .ui-upload-images .ui-upload-big .big-inner img {
    max-width: 100%;
    vertical-align: middle; }

.ui-upload-images .ui-upload-big-show {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
.ui-upload-images .ui-panel {
  background: #fff;
  margin-bottom: 1.21976rem; }

.ui-upload-images .ui-panel-header {
  padding: 0.61024rem 1.21976rem;
  margin-bottom: 0.30548rem;
  font-size: 1.09786rem; }

.ui-upload-images .ui-panel-body {
  border-top: none;
  border-bottom: none; }

.ui-upload-images .list {
  margin: 0;
  padding: 0 0 0 0.61024rem;
  list-style: none outside none; }
  .ui-upload-images .list:before, .ui-upload-images .list:after {
    content: "";
    display: table; }
  .ui-upload-images .list:after {
    clear: both; }
  .ui-upload-images .list li {
    position: relative;
    float: left;
    width: 9.63119rem;
    height: 6.70548rem;
    margin: 0 0.61024rem 1.21976rem;
    border-radius: 0.30548rem;
    background: #f8f8f8;
    border: 1px dotted #c9c9c9; }
  .ui-upload-images .list .pic {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .ui-upload-images .list .pic img {
      width: 100%; }
  .ui-upload-images .list .button-delete {
    position: absolute;
    top: -0.60881rem;
    right: -0.60881rem;
    width: 1.21976rem;
    height: 1.21976rem;
    overflow: hidden;
    background: rgba(153, 153, 153, 0.7);
    border-radius: 50%; }
    .ui-upload-images .list .button-delete:before, .ui-upload-images .list .button-delete:after {
      position: absolute;
      top: 0.54929rem;
      left: 0.18357rem;
      content: "";
      width: 0.85405rem;
      height: 0.12262rem;
      border-radius: 0.18357rem;
      background: #fff; }
    .ui-upload-images .list .button-delete:before {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
    .ui-upload-images .list .button-delete:after {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }
  .ui-upload-images .list .example-inner {
    overflow: hidden; }
    .ui-upload-images .list .example-inner .icon-example {
      display: block;
      position: absolute;
      top: -1.5231rem;
      left: -1.5231rem;
      width: 3.04833rem;
      height: 3.04833rem;
      font-size: 0.61024rem;
      -webkit-transform: scale(0.8);
              transform: scale(0.8); }
      .ui-upload-images .list .example-inner .icon-example .example-bg {
        display: block;
        width: 100%;
        height: 100%;
        background: #ff5539;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
      .ui-upload-images .list .example-inner .icon-example .text {
        position: absolute;
        right: 0;
        bottom: 0;
        color: #fff;
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg); }
    .ui-upload-images .list .example-inner .tips-view-img {
      position: absolute;
      bottom: 0.30548rem;
      left: 50%;
      height: 1.21976rem;
      line-height: 1.21976rem;
      padding: 0.06167rem 0.48833rem;
      -webkit-transform: translate(-50%);
              transform: translate(-50%);
      border-radius: 0.61024rem;
      font-size: 0.73214rem;
      background: rgba(0, 0, 0, 0.7);
      color: #fff; }
  .ui-upload-images .list .upload-file {
    overflow: hidden;
    background: url(https://static.iyunbao.com/website/health/iybApp/insurance/group/images/upload_image.png) no-repeat center;
    background-size: cover; }
    .ui-upload-images .list .upload-file .cui-uploader {
      width: 100%;
      height: 100%; }

.ui-upload-images .ui-upload-big {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  z-index: 90;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .ui-upload-images .ui-upload-big .big-inner img {
    max-width: 100%;
    vertical-align: middle; }

.ui-upload-images .ui-upload-big-show {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
.ui-success-page {
  background: #f6f6f6; }
  .ui-success-page .success-content {
    padding: 1.82929rem 1.21976rem 0.915rem;
    background: #fff; }
    .ui-success-page .success-content .info-prompt {
      margin-bottom: 0.915rem;
      text-align: center;
      font-size: 1.34167rem; }
    .ui-success-page .success-content .icon-success {
      display: inline-block;
      width: 4.26738rem;
      height: 4.26738rem;
      margin-bottom: 1.21976rem;
      background: url(https://static.iyunbao.com/website/health/iybApp/insurance/group/images/icon_success.png) no-repeat 0 0;
      background-size: cover; }
    .ui-success-page .success-content .dec-content {
      color: #999; }
  .ui-success-page .success-footer {
    padding: 1.21976rem; }
    .ui-success-page .success-footer .button-view {
      display: block;
      text-align: center;
      height: 2.80452rem;
      line-height: 2.80452rem;
      font-size: 1.09786rem;
      border-radius: 0.30548rem;
      background: #ffc600;
      color: #fff; }
.picker-stack-label {
  color: #383838; }
  .picker-stack-label.placeholder {
    color: #a9a9a9; }

.picker-stack-wrapper.hidden .picker-stack-mask {
  display: none;
  background: rgba(0, 0, 0, 0); }

.picker-stack-wrapper.hidden .picker-stack-inner {
  -webkit-transform: translate(0, 100%);
          transform: translate(0, 100%); }

.picker-stack-mask {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: background .3s;
  transition: background .3s;
  background: rgba(0, 0, 0, 0.4);
  -webkit-overflow-scrolling: touch;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 999; }

.picker-stack-inner {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #fff;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  z-index: 1000; }

.picker-stack-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 2.74357rem;
  line-height: 2.74357rem;
  border-bottom: 1px solid #f2f2f2; }

.picker-stack-cancel, .picker-stack-confirm {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 1.21976rem;
  color: #a9a9a9; }

.picker-stack-crumbs {
  padding: 0.36643rem 1.21976rem;
  line-height: 1.46357rem;
  font-size: 0.85405rem;
  color: #999;
  border-bottom: 1px solid #f2f2f2; }
  .picker-stack-crumbs p {
    margin: 0; }
  .picker-stack-crumbs .crumb:not(:last-child):after {
    content: " > "; }
  .picker-stack-crumbs .error {
    text-align: center;
    color: #e93a3a; }

.picker-stack-group {
  position: relative;
  overflow: hidden;
  height: 288px; }
  .picker-stack-group .picker-stack-column {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s; }
    .picker-stack-group .picker-stack-column.lower-hidden ~ .picker-stack-column {
      -webkit-transform: translate(100%, 0);
              transform: translate(100%, 0); }
    .picker-stack-group .picker-stack-column.lower-hidden .picker-stack-item {
      padding-left: 1.21976rem; }
    .picker-stack-group .picker-stack-column .comp-scroll {
      right: 0;
      width: auto;
      background: #fff;
      -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
              box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
    .picker-stack-group .picker-stack-column:nth-child(1) {
      z-index: 2; }
      .picker-stack-group .picker-stack-column:nth-child(1) .comp-scroll {
        z-index: 3; }
    .picker-stack-group .picker-stack-column:nth-child(2) {
      z-index: 4; }
      .picker-stack-group .picker-stack-column:nth-child(2) .comp-scroll {
        z-index: 5;
        left: 3.65786rem; }
    .picker-stack-group .picker-stack-column:nth-child(3) {
      z-index: 6;
      left: 3.65786rem; }
      .picker-stack-group .picker-stack-column:nth-child(3) .comp-scroll {
        z-index: 7;
        left: 3.65786rem; }
      .picker-stack-group .picker-stack-column:nth-child(3) .picker-stack-item {
        padding-left: 0.61024rem; }
    .picker-stack-group .picker-stack-column:nth-child(4) {
      z-index: 8;
      left: 7.315rem; }
      .picker-stack-group .picker-stack-column:nth-child(4) .comp-scroll {
        z-index: 9;
        left: 3.65786rem; }
      .picker-stack-group .picker-stack-column:nth-child(4) .picker-stack-item {
        padding-left: 0.61024rem; }
    .picker-stack-group .picker-stack-column:nth-child(5) {
      z-index: 10;
      left: 10.97214rem; }
      .picker-stack-group .picker-stack-column:nth-child(5) .comp-scroll {
        z-index: 11;
        left: 3.65786rem; }
      .picker-stack-group .picker-stack-column:nth-child(5) .picker-stack-item {
        padding-left: 0.61024rem; }
    .picker-stack-group .picker-stack-column:not(:last-child) .picker-stack-item {
      padding-right: 2.43881rem; }
      .picker-stack-group .picker-stack-column:not(:last-child) .picker-stack-item:before {
        position: absolute;
        right: 20px;
        top: 50%;
        content: "";
        width: 0.54929rem;
        height: 0.54929rem;
        margin-top: -0.2431rem;
        border-right: 0.12262rem solid #c7c7cc;
        border-top: 0.12262rem solid #c7c7cc;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
    .picker-stack-group .picker-stack-column:first-child:nth-last-child(1) .picker-stack-item, .picker-stack-group .picker-stack-column:nth-child(2):nth-last-child(1) .picker-stack-item {
      padding-left: 1.21976rem; }

.picker-stack-item {
  position: relative;
  padding: 0 0.61024rem;
  line-height: 36px;
  font-size: 0.85405rem;
  color: #333;
  border-bottom: 1px solid #f2f2f2;
  -webkit-transition: padding-left .4s;
  transition: padding-left .4s;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }
  .picker-stack-item i {
    color: #e22; }
  .picker-stack-item.active {
    color: #2db7f5; }
.ui-group-from input {
  text-align: right; }

.ui-group-from .ui-panel-body .theme-default {
  margin-top: 0.48833rem; }
  .ui-group-from .ui-panel-body .theme-default .ui-cell-content .ui-select {
    text-align: right;
    width: 100%; }

.ui-group-from .marginbottom {
  margin-bottom: 0.48833rem; }

.ui-group-from .ui-cell-explain-text {
  background: #ebf1fb;
  color: #000;
  border: none; }

.ui-group-from .profession-picker {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 998;
  padding: 0.915rem;
  background: #f9eede;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s; }
  .ui-group-from .profession-picker .ui-cell-inner {
    background: #ffffed; }
  .ui-group-from .profession-picker .picker-item {
    padding: 0.61024rem 0.915rem;
    background: #ffffed; }
  .ui-group-from .profession-picker .title {
    font-size: 0.73214rem; }

.ui-group-from .profession-top {
  margin-bottom: 0.915rem; }

.ui-group-from .profession-hidden {
  -webkit-transform: translate(100%, 0);
          transform: translate(100%, 0); }

.ui-group-from .prohidden {
  height: 100%; }

.ui-group-from .marginLeft {
  margin-left: 0.30548rem; }

.ui-group-from .flexRow .ui-cell-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  .ui-group-from .flexRow .ui-cell-content span {
    display: block; }

.ui-group-from .plan-letter-title {
  font-size: 0.85405rem;
  color: #b0b0b0; }

.ui-group-from .ui-panel-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .ui-group-from .ui-panel-title .gf-title-span {
    text-align: right;
    position: absolute;
    right: 0.915rem;
    color: #3eadfc;
    top: 0;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .ui-group-from .ui-panel-title .group-letter {
    font-size: 0.7931rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 0.30548rem;
    color: #9a9a9a; }

.ui-group-from .ui-cell-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.ui-group-from .group-select-letter {
  text-align: right;
  color: #18b4fc; }

.ui-group-from .color {
  color: #18b4fc; }

.ui-group-from .ui-select span {
  color: #000; }
.policy-service-block {
  padding: 0 0.915rem 0.915rem;
  background: #fff; }
  .policy-service-block .box-title-wrapper {
    font-size: 0.85405rem;
    font-weight: normal;
    height: 2.56071rem;
    line-height: 2.56071rem;
    padding: 0; }
  .policy-service-block .box-title {
    border-left: 0.24452rem solid #26b8f5;
    padding-left: 0.42738rem; }
  .policy-service-block .flow-section {
    margin-bottom: 0.61024rem; }
    .policy-service-block .flow-section:last-child {
      margin-bottom: 0; }
    .policy-service-block .flow-section .example {
      color: #00aff9;
      text-indent: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
  .policy-service-block .example-icon-wrapper {
    display: inline-block;
    width: 0.915rem;
    height: 0.915rem;
    background: url(https://static.iyunbao.com/website/health/iybApp/insurance/group/prospectus/example-icon.png) no-repeat;
    background-size: 0.915rem 0.915rem;
    margin-right: 0.30548rem; }
  .policy-service-block h4 {
    padding: 0;
    margin: 0; }
  .policy-service-block dt {
    padding: 0;
    font-size: 0.73214rem;
    color: #333333; }
  .policy-service-block dd {
    padding: 0;
    margin: 0;
    font-size: 0.73214rem;
    color: #666666;
    line-height: 1.5em;
    margin-top: 0.24452rem; }
.ui-offpay-page .ui-offpay-container .ui-cell-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row; }
  .ui-offpay-page .ui-offpay-container .ui-cell-content .ui-select {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
        -ms-flex: 2;
            flex: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .ui-offpay-page .ui-offpay-container .ui-cell-content .ui-select:after {
      content: "";
      width: 0.61024rem;
      height: 0.61024rem;
      margin-left: 0.48833rem;
      display: inline-block;
      border-right: 1px solid;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      border-bottom: 1px solid; }
  .ui-offpay-page .ui-offpay-container .ui-cell-content .ui-input {
    -webkit-box-flex: 3;
    -webkit-flex: 3;
        -ms-flex: 3;
            flex: 3; }

.ui-offpay-page .ui-offpay-content-padding {
  padding: 0 0.61024rem; }

.ui-offpay-page .ui-text-align-right .ui-radio-group {
  text-align: right; }

.ui-offpay-page .ui-modal-dialog {
  width: 85% !important; }

.ui-offpay-page .ui-buttom-left {
  width: 6.09595rem;
  margin-right: 1.21976rem; }

.ui-offpay-page .ui-buttom-right {
  width: 6.09595rem; }

.ui-offpay-page .ui-modal-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.ui-offpay-page .ui-panel-body {
  border: none;
  overflow: hidden;
  border-radius: 0.30548rem;
  -webkit-box-shadow: 1px 1px 20px 1px #ddd;
          box-shadow: 1px 1px 20px 1px #ddd; }
  .ui-offpay-page .ui-panel-body .ui-offpay-center {
    color: #18b4fc; }
    .ui-offpay-page .ui-panel-body .ui-offpay-center .ui-cell-body {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      text-align: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }

.ui-offpay-page .ui-offpay-bottom {
  border: none;
  overflow: hidden;
  border-radius: 0.30548rem;
  margin-bottom: 0.61024rem; }

.ui-offpay-page .ui-offpay-ok {
  width: 3.04833rem;
  height: 1.52452rem;
  color: #2db7f5;
  font-size: 0.61024rem;
  border: 1px solid;
  line-height: 1.52452rem;
  text-align: center;
  border-radius: 0.30548rem; }

.ui-offpay-page .theme-error {
  font-size: 1.21976rem;
  margin-right: 0.30548rem; }
.ui-company-page .ui-company-list {
  margin-bottom: 0.61024rem; }
  .ui-company-page .ui-company-list .ui-select {
    text-align: right; }
  .ui-company-page .ui-company-list .ui-input {
    text-align: right; }

.ui-company-page .ui-text-align-right .ui-radio-group {
  text-align: right; }
.securityPlan .ui-panel-header {
  background-color: #f2fbff;
  padding-left: 0.915rem;
  color: #00aff9;
  font-size: 0.915rem;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 100; }

.securityPlan .ui-panel-body {
  border: none;
  background-color: #fff;
  margin-bottom: 0.61024rem; }

.securityPlan .ui-panel-title {
  height: 3.04833rem;
  line-height: 3.04833rem;
  border-bottom: 1px solid #ddd;
  padding-left: 0.915rem;
  font-size: 0.915rem;
  color: #333; }

.securityPlan .ui-cell-inner {
  height: 3.96262rem;
  padding-top: 0.915rem; }

.securityPlan .icon-plan {
  width: 0.85405rem;
  height: 0.915rem;
  display: inline-block;
  background: url(https://static.iyunbao.com/website/health/iybApp/insurance/group/order/images/icon-plan.png) no-repeat 0 0;
  background-size: cover;
  vertical-align: -0.12119rem;
  margin-right: 0.61024rem; }

.securityPlan .subTitle {
  font-size: 0.7931rem; }

.securityPlan .ui-cell-body {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start; }

.securityPlan .ui-cell-title {
  width: auto;
  margin-right: 0.54929rem;
  padding: 0 0.30548rem;
  color: #fff;
  border-radius: 0.12262rem;
  height: 1.21976rem;
  line-height: 1.21976rem;
  font-size: 0.7931rem; }

.securityPlan .blueBg .ui-cell-title {
  background-color: #6dd4ff; }

.securityPlan .grayBg .ui-cell-title {
  background-color: #999; }

.securityPlan .insure {
  font-size: 0.915rem;
  color: #333; }

.securityPlan .effectiveTime {
  line-height: 1.76833rem;
  color: #999;
  font-size: 0.7931rem; }

.securityPlan .ui-cell-footer {
  color: #6dd4ff;
  margin-top: -1.82786rem; }

.securityPlan .planConWrap {
  height: 100%;
  overflow: hidden;
  padding: 2.49976rem 0 3.04833rem; }

.securityPlan .premiumWrap {
  height: 3.04833rem;
  line-height: 3.04833rem;
  width: 100%;
  padding-left: 0.915rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #fff;
  border-top: 1px solid #ddd; }
  .securityPlan .premiumWrap .premium {
    font-size: 0.915rem;
    color: #333; }
  .securityPlan .premiumWrap .money {
    color: #00aff9;
    margin-right: 0.30548rem; }
  .securityPlan .premiumWrap .change {
    color: #999;
    font-size: 0.7931rem; }
  .securityPlan .premiumWrap .havePayWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .securityPlan .premiumWrap .havePayWrap .premium {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      line-height: 1.21976rem;
      padding-top: 0.36643rem; }
    .securityPlan .premiumWrap .havePayWrap .change {
      line-height: 1.0369rem; }
    .securityPlan .premiumWrap .havePayWrap .payBtn {
      width: 9.08262rem;
      height: 3.04833rem;
      line-height: 3.04833rem;
      background-color: #fec62e;
      font-size: 0.97595rem;
      text-align: center; }
      .securityPlan .premiumWrap .havePayWrap .payBtn a {
        color: #fff; }
.ui-popup .ui-popup-placeholder {
  color: #a9a9a9; }

.ui-popup .ui-popup-container {
  z-index: 1200; }

.ui-popup .ui-popup-hidden .ui-popup-mask {
  display: none;
  background: rgba(0, 0, 0, 0); }

.ui-popup .ui-popup-hidden .ui-popup-inner {
  -webkit-transform: translate(100%, 0);
          transform: translate(100%, 0); }

.ui-popup .ui-popup-bottom .ui-popup-mask {
  display: none;
  background: rgba(0, 0, 0, 0); }

.ui-popup .ui-popup-bottom .ui-popup-inner {
  -webkit-transform: translate(0, 100%);
          transform: translate(0, 100%); }

.ui-popup .ui-popup-top .ui-popup-mask {
  display: none;
  background: rgba(0, 0, 0, 0); }

.ui-popup .ui-popup-top .ui-popup-inner {
  -webkit-transform: translate(0, -100%);
          transform: translate(0, -100%); }

.ui-popup .ui-popup-left .ui-popup-mask {
  display: none;
  background: rgba(0, 0, 0, 0); }

.ui-popup .ui-popup-left .ui-popup-inner {
  -webkit-transform: translate(100%, 0);
          transform: translate(100%, 0); }

.ui-popup .ui-popup-right .ui-popup-mask {
  display: none;
  background: rgba(0, 0, 0, 0); }

.ui-popup .ui-popup-right .ui-popup-inner {
  -webkit-transform: translate(-100%, 0);
          transform: translate(-100%, 0); }

.ui-popup .ui-popup-mask {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: background .3s;
  transition: background .3s;
  background: rgba(0, 0, 0, 0.4);
  -webkit-overflow-scrolling: touch;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 1200; }

.ui-popup .ui-popup-inner {
  padding: 0 0.85405rem;
  position: fixed;
  background: #fff;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  z-index: 1201; }

.ui-popup .ui-popup-inner-hidden {
  right: 0;
  top: 0;
  height: 100%;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  width: 19.88643rem; }

.ui-popup .ui-popup-inner-bottom {
  right: 0;
  bottom: 0;
  min-height: 18.28643rem;
  max-height: 100%;
  overflow: auto;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  width: 100%; }

.ui-popup .ui-popup-inner-left {
  top: 0;
  left: 0;
  height: 100%;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  width: 100%; }

.ui-popup .ui-popup-inner-right {
  top: 0;
  left: 0;
  height: 100%;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  width: 100%; }

.ui-popup .ui-popup-inner-top {
  top: 0;
  left: 0;
  min-height: 18.28643rem;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  width: 100%; }

.ui-popup .ui-popup-header {
  position: relative;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebf0), color-stop(50%, #ebebf0), color-stop(50%, transparent)), -webkit-gradient(linear, left top, right top, from(#ebebf0), color-stop(50%, #ebebf0), color-stop(50%, transparent)), -webkit-gradient(linear, left bottom, left top, from(#ebebf0), color-stop(50%, #ebebf0), color-stop(50%, transparent)), -webkit-gradient(linear, left top, right top, from(#ebebf0), color-stop(50%, #ebebf0), color-stop(50%, transparent));
  background-image: -webkit-linear-gradient(top, #ebebf0, #ebebf0 50%, transparent 50%), -webkit-linear-gradient(left, #ebebf0, #ebebf0 50%, transparent 50%), -webkit-linear-gradient(bottom, #ebebf0, #ebebf0 50%, transparent 50%), -webkit-linear-gradient(left, #ebebf0, #ebebf0 50%, transparent 50%);
  background-image: linear-gradient(180deg, #ebebf0, #ebebf0 50%, transparent 50%), linear-gradient(90deg, #ebebf0, #ebebf0 50%, transparent 50%), linear-gradient(0deg, #ebebf0, #ebebf0 50%, transparent 50%), linear-gradient(90deg, #ebebf0, #ebebf0 50%, transparent 50%);
  background-size: 100% 0px, 0px 100%, 100% 1px, 0px 100%;
  background-repeat: no-repeat;
  background-position: top, right top, bottom, left top;
  width: 100%;
  height: 2.74357rem;
  line-height: 2.74357rem;
  font-family: 'PingFangSC-Medium';
  text-align: center;
  border-bottom: 1px solid #ddd; }
  .ui-popup .ui-popup-header .ui-popup-cancel {
    position: absolute;
    top: 0;
    bottom: 0;
    font-size: 2.13405rem;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    right: 0;
    cursor: pointer;
    color: #9b9b9b; }
  .ui-popup .ui-popup-header .ui-popup-title {
    font-size: 1.09786rem; }

.ui-popup .ui-popup-mask-top {
  -webkit-mask: -webkit-gradient(linear, 0% 40%, 0% 0%, from(#debb47), to(rgba(36, 142, 36, 0))); }

.ui-popup .ui-popup-mask-bottom {
  -webkit-mask: -webkit-gradient(linear, 0% 60%, 0% 100%, from(#debb47), to(rgba(36, 142, 36, 0))); }

.ui-popup .ui-popup-body {
  width: 100%;
  top: 2.74357rem;
  bottom: 0; }

.ui-popup .ui-popup-selected {
  position: absolute;
  top: 5.48643rem;
  left: 0;
  width: 100%;
  height: 1.82929rem;
  border: 1px solid #e2e2e2;
  border-left: none;
  border-right: none; }

.ui-popup .ui-popup-option {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  top: 0; }
  .ui-popup .ui-popup-option .ui-popup-mask-top,
  .ui-popup .ui-popup-option .ui-popup-mask-bottom {
    position: absolute;
    left: 0;
    width: 100%;
    height: 5.48643rem; }
  .ui-popup .ui-popup-option .ui-popup-mask-top {
    top: 0;
    border-bottom: 1px solid #e2e2e2;
    /*background: -webkit-linear-gradient(top, #fff, transparent);*/
    /*background: gradient(linear, center top, center bottom, from(#fff), to(transparent));*/ }
  .ui-popup .ui-popup-option .ui-popup-mask-bottom {
    bottom: 0;
    border-top: 1px solid #e2e2e2;
    /*background: -webkit-linear-gradient(top, transparent, #fff);*/
    /*background: -webkit-gradient(linear, center top, center bottom, from(transparent), to(#fff));*/ }
  .ui-popup .ui-popup-option ul {
    list-style: none;
    margin: 0;
    margin-top: 5.48643rem;
    padding: 0; }
    .ui-popup .ui-popup-option ul li {
      height: 1.82929rem;
      line-height: 1.82929rem;
      font-size: 1.21976rem;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
.ui-pages-plan {
  margin-top: 0.73214rem;
  color: #333333;
  font-family: 'PingFangSC-Regular';
  padding: 1.21976rem 1.0369rem;
  background-color: #fff; }
  .ui-pages-plan h4 {
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .ui-pages-plan h4:before {
      content: "";
      display: block;
      margin-right: 0.61024rem;
      height: 0.915rem;
      border-left: 0.18357rem solid #00AFF9; }
  .ui-pages-plan .ui-quatation-change {
    margin-top: 1.21976rem;
    border-radius: 5px;
    -webkit-box-shadow: 0 3px 15px 0 #999999;
            box-shadow: 0 3px 15px 0 #999999;
    margin-bottom: 1.45138rem;
    position: relative; }
    .ui-pages-plan .ui-quatation-change:nth-child(2):before {
      content: "";
      border: none; }
    .ui-pages-plan .ui-quatation-change:before {
      content: "";
      display: block;
      width: 100%;
      position: absolute;
      top: -0.60881rem;
      border-top: 1px dashed #ddd; }
    .ui-pages-plan .ui-quatation-change .peason-quatation-change {
      color: #666666; }
      .ui-pages-plan .ui-quatation-change .peason-quatation-change .ui-peason-quatation {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
        padding: 0.30548rem 0.88452rem 0.30548rem 2.65214rem; }
        .ui-pages-plan .ui-quatation-change .peason-quatation-change .ui-peason-quatation div:nth-child(1) {
          width: 10%; }
        .ui-pages-plan .ui-quatation-change .peason-quatation-change .ui-peason-quatation div:nth-child(2) {
          width: 30%; }
        .ui-pages-plan .ui-quatation-change .peason-quatation-change .ui-peason-quatation div:nth-child(3) {
          width: 60%;
          text-align: left; }
      .ui-pages-plan .ui-quatation-change .peason-quatation-change .peason-quatation-list {
        position: relative;
        max-height: 19.50548rem;
        overflow: auto; }
        .ui-pages-plan .ui-quatation-change .peason-quatation-change .peason-quatation-list .ui-peason-quatation:first-child {
          padding-top: 0.915rem; }
        .ui-pages-plan .ui-quatation-change .peason-quatation-change .peason-quatation-list .ui-peason-quatation:last-child {
          padding-bottom: 0.915rem; }
        .ui-pages-plan .ui-quatation-change .peason-quatation-change .peason-quatation-list:before {
          content: '';
          position: absolute;
          left: 2.74357rem;
          right: 0;
          top: 0;
          display: block;
          z-index: 44;
          height: 1px;
          border-top: 1px solid #ddd;
          -webkit-transform-origin: 0 0;
                  transform-origin: 0 0;
          -webkit-transform: scaleY(0.5);
                  transform: scaleY(0.5); }
    .ui-pages-plan .ui-quatation-change .planList-quatation-change {
      position: relative;
      padding: 0.85405rem 0; }
      .ui-pages-plan .ui-quatation-change .planList-quatation-change:before {
        content: '';
        position: absolute;
        left: 2.74357rem;
        right: 0;
        top: 0;
        height: 1px;
        border-top: 1px solid #ddd;
        -webkit-transform-origin: 0 0;
                transform-origin: 0 0;
        -webkit-transform: scaleY(0.5);
                transform: scaleY(0.5); }
      .ui-pages-plan .ui-quatation-change .planList-quatation-change:after {
        content: '';
        position: absolute;
        left: 2.74357rem;
        right: 0;
        bottom: 0;
        height: 1px;
        border-top: 1px solid #ddd;
        -webkit-transform-origin: 0 0;
                transform-origin: 0 0;
        -webkit-transform: scaleY(0.5);
                transform: scaleY(0.5); }
    .ui-pages-plan .ui-quatation-change .ui-borderTop {
      position: relative;
      color: #666666; }
      .ui-pages-plan .ui-quatation-change .ui-borderTop:before {
        content: '';
        position: absolute;
        left: 2.74357rem;
        right: 0;
        top: 0;
        display: block;
        height: 1px;
        border-top: 1px solid #ddd;
        -webkit-transform-origin: 0 0;
                transform-origin: 0 0;
        -webkit-transform: scaleY(0.5);
                transform: scaleY(0.5); }
    .ui-pages-plan .ui-quatation-change .ui-banner-quatation-change {
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      height: 2.43881rem;
      color: #fff;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      background: -webkit-gradient(linear, right top, left top, from(#48B2FF), color-stop(#2DA7FF), color-stop(#5BB9FF), to(#99D0FF));
      background: -webkit-linear-gradient(right, #48B2FF, #2DA7FF, #5BB9FF, #99D0FF);
      background: linear-gradient(to left, #48B2FF, #2DA7FF, #5BB9FF, #99D0FF); }
      .ui-pages-plan .ui-quatation-change .ui-banner-quatation-change .ui-left-quatation-change {
        position: relative;
        margin-right: 1.21976rem; }
        .ui-pages-plan .ui-quatation-change .ui-banner-quatation-change .ui-left-quatation-change:after {
          content: "";
          width: 4.8769rem;
          height: 0.48833rem;
          position: absolute;
          right: -0.54786rem;
          top: -0.42595rem;
          display: block;
          border-right: 2px solid rgba(255, 255, 255, 0.5);
          border-bottom: 1px solid rgba(255, 255, 255, 0.5);
          -webkit-transform: skew(-20deg);
                  transform: skew(-20deg); }
      .ui-pages-plan .ui-quatation-change .ui-banner-quatation-change .ui-right-quatation-change {
        position: relative;
        margin-left: 1.21976rem; }
        .ui-pages-plan .ui-quatation-change .ui-banner-quatation-change .ui-right-quatation-change:before {
          content: "";
          width: 4.8769rem;
          height: 0.48833rem;
          position: absolute;
          left: -0.54786rem;
          bottom: -0.42595rem;
          display: block;
          border-left: 2px solid rgba(255, 255, 255, 0.5);
          border-top: 1px solid rgba(255, 255, 255, 0.5);
          -webkit-transform: skew(-20deg);
                  transform: skew(-20deg); }
    .ui-pages-plan .ui-quatation-change .ui-fouter-quatation {
      background-color: #F6F6F6;
      text-align: right;
      line-height: 3.04833rem;
      padding-right: 0.61024rem;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; }
    .ui-pages-plan .ui-quatation-change .blue-quatation-change {
      color: #2db7f5; }
  .ui-pages-plan .plan-cluse {
    margin-top: 0.61024rem; }
  .ui-pages-plan .hidden {
    display: none; }
  .ui-pages-plan .planDetails {
    background-color: #F6F6F6;
    border-radius: 5px;
    margin: 0.915rem 0;
    padding: 0.7931rem; }
    .ui-pages-plan .planDetails h4 {
      text-align: center; }
    .ui-pages-plan .planDetails .planDetails-top {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .ui-pages-plan .planDetails .planDetails-top span {
        color: #FF771C;
        font-size: 0.915rem; }
    .ui-pages-plan .planDetails h5 {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      margin: 0;
      color: #333333; }
    .ui-pages-plan .planDetails p {
      font-size: 0.7931rem;
      margin: 0.42738rem 0;
      color: #666666;
      line-height: 1.21976rem; }
  .ui-pages-plan .textAlignRight {
    text-align: right; }
  .ui-pages-plan .plan-expire {
    font-size: 0.7931rem;
    color: #FF4D4D;
    margin: 0; }
  .ui-pages-plan .icon-xiajiantou {
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    display: inline-block;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }
  .ui-pages-plan .rotateL {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  .ui-pages-plan .ui-cell {
    font-size: 1.06738rem; }
    .ui-pages-plan .ui-cell:before {
      left: 2.62167rem; }
    .ui-pages-plan .ui-cell .ui-cell-title {
      width: inherit; }
  .ui-pages-plan .ui-baozhang-quatation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 0.30548rem 0.88452rem 0.30548rem 2.65214rem; }
    .ui-pages-plan .ui-baozhang-quatation div:nth-child(1) {
      -webkit-box-flex: 2;
      -webkit-flex: 2;
          -ms-flex: 2;
              flex: 2; }
    .ui-pages-plan .ui-baozhang-quatation div:nth-child(2) {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1; }
.ui-insureFooter-page {
  font-family: 'PingFangSC-Regular'; }
  .ui-insureFooter-page .all h1, .ui-insureFooter-page .all h2, .ui-insureFooter-page .all h3, .ui-insureFooter-page .all h4, .ui-insureFooter-page .all h5, .ui-insureFooter-page .all h6, .ui-insureFooter-page .all p {
    margin: 0; }
  .ui-insureFooter-page img {
    width: 100%; }
  .ui-insureFooter-page .ui-title-plan {
    margin-top: 0.61024rem;
    background-color: #fff; }
    .ui-insureFooter-page .ui-title-plan h4 {
      margin: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .ui-insureFooter-page .ui-title-plan h4:before {
        content: "";
        display: block;
        margin-right: 0.61024rem;
        height: 0.915rem;
        border-left: 0.18357rem solid #00AFF9; }
    .ui-insureFooter-page .ui-title-plan .logo-page-change img {
      margin-top: 0.915rem;
      width: 100%; }
  .ui-insureFooter-page .problem-page img {
    width: 100%;
    padding: 0.30548rem 0.61024rem; }
  .ui-insureFooter-page .commonProblem {
    padding-bottom: 0.06167rem;
    margin-bottom: 0.61024rem; }
    .ui-insureFooter-page .commonProblem h5 {
      font-size: 0.915rem;
      margin: 0 1.0369rem;
      color: #00AEFC; }
    .ui-insureFooter-page .commonProblem p {
      font-size: 0.915rem;
      margin: 0.61024rem 1.0369rem; }
  .ui-insureFooter-page .blueColor {
    color: #00AFF9; }
  .ui-insureFooter-page .popup-page p {
    font-size: 0.7931rem;
    margin: 0.30548rem 0;
    color: #666666; }
  .ui-insureFooter-page .warmColor {
    color: #FF771C; }
  .ui-insureFooter-page .insureFlow, .ui-insureFooter-page .claimFlow {
    margin-bottom: 0.61024rem; }
    .ui-insureFooter-page .insureFlow .ui-cell-title h4, .ui-insureFooter-page .claimFlow .ui-cell-title h4 {
      color: #000; }
    .ui-insureFooter-page .insureFlow .insureFlowFooter:before, .ui-insureFooter-page .claimFlow .insureFlowFooter:before {
      content: "";
      font-size: 0.7931rem;
      color: #FF4D4D;
      display: block;
      padding: 0.06167rem 0.61024rem 0.915rem 0;
      margin-left: 0.915rem;
      border-bottom: 1px solid #ddd; }
    .ui-insureFooter-page .insureFlow .insureSaveFooter:before, .ui-insureFooter-page .claimFlow .insureSaveFooter:before {
      content: "";
      display: block;
      margin-left: 0.915rem;
      padding-top: 0.61024rem;
      border-bottom: 1px solid #ddd; }
  .ui-insureFooter-page .flexRow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .ui-insureFooter-page .paddingleft {
    padding-left: 0.97595rem; }
  .ui-insureFooter-page .claimFlowColor {
    background: #FBCFA0; }
  .ui-insureFooter-page .insureFlowColor {
    background-color: #A4E8CD; }
  .ui-insureFooter-page .insureFlowBody {
    padding-bottom: 1.52452rem;
    background-color: #fff; }
    .ui-insureFooter-page .insureFlowBody .insureFlowIcon {
      width: 2.13405rem;
      height: 2.13405rem;
      border-radius: 25px;
      text-align: center;
      line-height: 2.195rem;
      color: #fff;
      position: relative; }
      .ui-insureFooter-page .insureFlowBody .insureFlowIcon:after {
        content: "";
        display: block;
        border-left: 2px solid #ddd;
        position: absolute;
        left: 1.02471rem;
        width: 2px;
        height: 1.34167rem;
        margin-top: 0.18357rem; }
    .ui-insureFooter-page .insureFlowBody:nth-last-child(2) {
      padding-bottom: 0; }
      .ui-insureFooter-page .insureFlowBody:nth-last-child(2) .insureFlowIcon:after {
        content: "";
        border: none; }
  .ui-insureFooter-page .popup-flow {
    margin: 0.7931rem 0; }
    .ui-insureFooter-page .popup-flow img {
      width: 100%; }
  .ui-insureFooter-page .ui-popup-plan-page h5 {
    font-weight: 400;
    margin: 0;
    padding-left: 0.48833rem;
    border-left: 0.18357rem solid #00AFF9; }
  .ui-insureFooter-page .ui-popup-plan-page p {
    font-size: 0.7931rem;
    padding-left: 0.67119rem; }
  .ui-insureFooter-page .popup-clause p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #ddd;
    color: #666666;
    margin: 0.7931rem;
    line-height: 1.52452rem; }
  .ui-insureFooter-page .insureFlowContent {
    margin-left: 0.61024rem; }
    .ui-insureFooter-page .insureFlowContent p {
      width: 17.6769rem;
      font-size: 0.915rem; }
  .ui-insureFooter-page .ui-save-page h5 {
    margin: 0.61024rem 0 0.61024rem 1.0369rem;
    height: 2.01214rem;
    line-height: 2.01214rem;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    padding-left: 1.21976rem;
    font-weight: 600;
    background-image: -webkit-gradient(linear, left top, right top, from(#74D7FF), to(#F9FDFF));
    background-image: -webkit-linear-gradient(left, #74D7FF 0%, #F9FDFF 100%);
    background-image: linear-gradient(to right, #74D7FF 0%, #F9FDFF 100%); }
  .ui-insureFooter-page .ui-save-page p {
    font-size: 0.915rem;
    padding-left: 0.915rem;
    margin: 0.30548rem 0;
    color: #666666; }
  .ui-insureFooter-page .ui-pannel-plan {
    padding: 1.427rem 0 1.427rem 1.0369rem;
    background-color: #fff; }
    .ui-insureFooter-page .ui-pannel-plan p {
      margin-right: 1.0369rem;
      font-size: 0.915rem;
      color: #666666; }
.za-modal {
  z-index: 1000; }

.text-align-left input {
  text-align: left !important; }

.premodal-wrapper .premodal {
  overflow: inherit; }
  .premodal-wrapper .premodal .za-modal-dialog {
    overflow: inherit; }

.premodal-wrapper .za-popup {
  position: fixed; }

.premodal-wrapper .premodal-icon-close {
  display: inline-block;
  position: absolute;
  z-index: 1000;
  top: 1.21976rem;
  right: 0.915rem;
  background: #95835e;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }

.premodal-wrapper .premodal-icon-close::after {
  content: '';
  display: block;
  width: 0.85405rem;
  height: 0.06167rem;
  background: #95835e;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg); }

.premodal-wrapper .premodal-content-tips {
  text-align: center;
  margin-bottom: 0.61024rem; }

.premodal-wrapper .premodal-content-cell {
  background: #f6f6f6; }
  .premodal-wrapper .premodal-content-cell .ui-cell-inner {
    background: #f6f6f6; }
  .premodal-wrapper .premodal-content-cell .pre-modal-content-picker {
    background: unset; }
    .premodal-wrapper .premodal-content-cell .pre-modal-content-picker .za-popup {
      position: inherit;
      -webkit-transform: none;
              transform: none; }
    .premodal-wrapper .premodal-content-cell .pre-modal-content-picker .za-popup-wrapper {
      position: fixed; }

.premodal-wrapper .premodal-icon-point-down {
  position: relative;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  cursor: pointer; }

.premodal-wrapper .premodal-icon-point-down::before {
  content: "";
  width: 0.73214rem;
  height: 0.73214rem;
  border: solid #999;
  border-width: 0 0 0.12262rem 0.12262rem;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
  position: absolute;
  left: 50%;
  top: 70%; }

.premodal-wrapper .premodal-footer-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%; }
  .premodal-wrapper .premodal-footer-wrapper .footer-btn-ok {
    text-align: center;
    border-radius: 20px;
    margin: 5px;
    padding: 8px 0;
    background: #03B3FF;
    color: #fff; }
  .premodal-wrapper .premodal-footer-wrapper .footer-btn-close {
    margin: 0.61024rem;
    color: #03B3FF;
    text-align: center; }

.premodal-wrapper .za-modal {
  z-index: 999; }

.premodal-wrapper .za-picker-input {
  background-color: #f6f6f6;
  width: 107%;
  padding-right: 7%; }

.manual-quote-modal-body {
  max-height: 500px; }
  .manual-quote-modal-body .premodal-icon-close {
    display: inline-block;
    position: absolute;
    z-index: 1000;
    top: 1.21976rem;
    right: 0.915rem;
    background: #95835e;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  .manual-quote-modal-body .premodal-icon-close::after {
    content: '';
    display: block;
    width: 0.85405rem;
    height: 0.06167rem;
    background: #95835e;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }
  .manual-quote-modal-body .textArea {
    background: #F6F6F6;
    border-radius: 0.24452rem;
    padding-top: 0.61024rem;
    padding-bottom: 0.61024rem;
    padding: 0.915rem;
    min-height: 3.65786rem; }
    .manual-quote-modal-body .textArea textarea {
      background: #F6F6F6;
      font-size: 15px;
      padding-left: 0.30548rem;
      padding-right: 0.30548rem; }
  .manual-quote-modal-body .za-cell:after {
    border: none; }
.page-group-insure .banner-top img {
  width: 100%; }

.page-group-insure .insure-plan {
  margin-bottom: 3.04833rem; }

.page-group-insure .ui-tab-header {
  background: #fff; }

.page-group-insure .ui-cell-title {
  width: 8.53405rem; }

.page-group-insure .ui-cell-content {
  text-align: right; }

.page-group-insure .base-info,
.page-group-insure .company-info {
  margin-bottom: 0.61024rem; }

.page-group-insure .ui-panel {
  background: #fff; }

.page-group-insure .time-bcColor {
  position: fixed;
  bottom: 3.04833rem;
  width: 100%; }
  .page-group-insure .time-bcColor .ui-cell-inner {
    background-color: #fef4db; }
  .page-group-insure .time-bcColor input {
    background-color: #fef4db;
    border: none; }

.page-group-insure .theme-default {
  padding: 0 0.915rem; }
  .page-group-insure .theme-default .ui-panel-header,
  .page-group-insure .theme-default .ui-panel-footer {
    padding-left: 0;
    padding-right: 0; }
  .page-group-insure .theme-default .ui-panel-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .page-group-insure .theme-default .ui-panel-header .plan-title {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .page-group-insure .theme-default .ui-panel-header .sub-title {
      color: #999; }
  .page-group-insure .theme-default .ui-panel-footer .ui-cell-inner {
    padding: 0;
    min-height: 0.85405rem; }
  .page-group-insure .theme-default .total-price {
    color: #2db7f5; }

.page-group-insure .ui-panel.theme-info {
  padding-bottom: 0.30548rem;
  border-bottom: 1px solid #ddd; }
  .page-group-insure .ui-panel.theme-info:last-child {
    border-bottom: none; }
  .page-group-insure .ui-panel.theme-info .ui-panel-header {
    padding-left: 0;
    padding-right: 0; }
  .page-group-insure .ui-panel.theme-info .ui-panel-header {
    padding-bottom: 0.30548rem; }
  .page-group-insure .ui-panel.theme-info .ui-panel-body {
    border-top: none;
    border-bottom: none; }
  .page-group-insure .ui-panel.theme-info .ui-cell-inner {
    min-height: 0.61024rem;
    padding: 0.12262rem 0;
    border-bottom: none; }
  .page-group-insure .ui-panel.theme-info .ui-cell + .ui-cell:before {
    display: none; }
  .page-group-insure .ui-panel.theme-info .ui-cell-title,
  .page-group-insure .ui-panel.theme-info .ui-panel-body {
    color: #999; }

.page-group-insure .agree {
  padding: 0.30548rem 0.915rem 0.915rem;
  font-size: 0.85405rem;
  color: #999; }
  .page-group-insure .agree .ui-checkbox {
    margin-right: 0.30548rem; }

.page-group-insure .fixed-bottom-submit-inner {
  height: 3.04833rem; }

.page-group-insure .fixed-bottom-submit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 3.04833rem;
  background: #fff; }
  .page-group-insure .fixed-bottom-submit .price {
    -webkit-box-flex: 3;
    -webkit-flex: 3;
        -ms-flex: 3;
            flex: 3;
    padding: 0.30548rem 0.61024rem 0;
    font-size: 0.85405rem; }
    .page-group-insure .fixed-bottom-submit .price .total-price {
      color: #2db7f5; }
    .page-group-insure .fixed-bottom-submit .price .spread-price {
      font-size: 0.7931rem;
      color: #999; }
  .page-group-insure .fixed-bottom-submit .share-price {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 0.915rem;
    -webkit-box-flex: 4;
    -webkit-flex: 4;
        -ms-flex: 4;
            flex: 4;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .page-group-insure .fixed-bottom-submit .button-submit {
    display: block;
    -webkit-box-flex: 2;
    -webkit-flex: 2;
        -ms-flex: 2;
            flex: 2;
    line-height: 3.04833rem;
    font-size: 0.97595rem;
    text-align: center;
    background: #ffc702;
    color: #fff; }
  .page-group-insure .fixed-bottom-submit .button-submit1 {
    display: block;
    -webkit-box-flex: 2;
    -webkit-flex: 2;
        -ms-flex: 2;
            flex: 2;
    line-height: 3.04833rem;
    font-size: 0.97595rem;
    text-align: center;
    background: #f79d09;
    color: #fff; }

.page-group-insure .fixed-contact-service {
  position: fixed;
  bottom: 15%;
  right: 0;
  z-index: 79;
  width: 9.02167rem;
  height: 7.49786rem;
  overflow: hidden;
  background: url(https://static.iyunbao.com/website/health/iybApp/insurance/group/images/icon_service.png) no-repeat 0 0;
  background-size: cover;
  -webkit-transition: right .3s ease-out;
  transition: right .3s ease-out; }
  .page-group-insure .fixed-contact-service a {
    display: block;
    height: 100%; }

.page-group-insure .fixed-contact-service-hide {
  right: -7.80119rem; }
.group-insure-list-page {
  padding: 0 0.915rem; }
  .group-insure-list-page .header-tips {
    padding: 0.915rem;
    font-size: 0.85405rem;
    text-align: center;
    color: #999; }
  .group-insure-list-page .list {
    margin: 0;
    padding: 0;
    color: #fff; }
    .group-insure-list-page .list a {
      color: #fff; }
    .group-insure-list-page .list li {
      margin: 0 0 1.21976rem;
      padding: 0.915rem 1.21976rem;
      min-height: 7.315rem;
      list-style-type: none;
      background: #ffa200 url(https://static.iyunbao.com/website/health/iybApp/insurance/group/images/bg_info_list.png) no-repeat 80% 0;
      background-size: 18.40833rem 7.4369rem;
      border-radius: 0.30548rem; }
    .group-insure-list-page .list .bg-update {
      background-color: #02cac8;
      background-image: url(https://static.iyunbao.com/website/health/iybApp/insurance/group/images/bg_info_list_2.png); }
    .group-insure-list-page .list .bg-old {
      background-color: #75dbf9;
      background-image: url(https://static.iyunbao.com/website/health/iybApp/insurance/group/images/bg_info_list_3.png);
      background-size: 100%; }
    .group-insure-list-page .list h4 {
      margin: 0 0 0.61024rem;
      font-size: 1.09786rem; }
    .group-insure-list-page .list .dec {
      line-height: 1.6; }
  .group-insure-list-page .fixed-bottom-submit-inner {
    height: 3.04833rem; }
  .group-insure-list-page .fixed-bottom-submit {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 3.04833rem;
    line-height: 3.04833rem;
    font-size: 1.21976rem;
    text-align: center;
    background: #fff; }
    .group-insure-list-page .fixed-bottom-submit .button-submit {
      display: block;
      -webkit-box-flex: 3;
      -webkit-flex: 3;
          -ms-flex: 3;
              flex: 3;
      background: #ffc702;
      color: #fff; }
.insure-travel-page .ui-panel-body {
  border: none; }

.insure-travel-page .ui-plist-buttom {
  bottom: 0;
  width: 100%;
  color: #fff;
  height: 3.04833rem;
  position: fixed;
  line-height: 3.04833rem;
  text-align: center;
  background-color: #f9c703; }

.insure-travel-page .ui-cell-content {
  text-align: right; }
.insure-company-page {
  margin-top: 0.61024rem; }
  .insure-company-page .ui-cell-normal .ui-cell-title {
    width: inherit; }
  .insure-company-page .ui-plist-buttom {
    bottom: 0;
    width: 100%;
    color: #fff;
    height: 3.04833rem;
    position: fixed;
    line-height: 3.04833rem;
    text-align: center;
    background-color: #f9c703; }
.group-photo-upload-page .ui-upload-title {
  padding: 0.61024rem;
  font-size: 0.85405rem; }

.group-photo-upload-page .ui-plist-upload {
  margin-top: 1.21976rem;
  color: #979797;
  position: fixed;
  width: 100%;
  bottom: 3.65786rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .group-photo-upload-page .ui-plist-upload img {
    width: 1.21976rem;
    height: 1.09786rem;
    margin-right: 0.18357rem; }

.group-photo-upload-page .ui-plist-buttom {
  bottom: 0;
  width: 100%;
  color: #fff;
  height: 3.04833rem;
  position: fixed;
  line-height: 3.04833rem;
  text-align: center;
  background-color: #f9c703; }
.page-group-insure-change .banner-change {
  height: 9.14357rem;
  background: #FFFFFF;
  background-image: url("https://static.iyunbao.com/website/health/iybApp/insurance/group/images/ZAtitleBanner.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
  padding: 3.65786rem 1.09786rem 0.915rem 1.09786rem; }
  .page-group-insure-change .banner-change h5 {
    margin: 0;
    font-size: 1.21976rem;
    color: #fff;
    font-weight: 400; }
  .page-group-insure-change .banner-change p {
    margin-top: 0.61024rem;
    font-size: 0.915rem;
    color: rgba(255, 255, 255, 0.7);
    width: 11.70357rem;
    overflow: hidden;
    word-wrap: break-word; }

.page-group-insure-change .marginTop {
  margin-top: 0.61024rem; }

.page-group-insure-change .za-modal {
  z-index: 400; }

.page-group-insure-change .ui-buttom-left {
  width: 6.09595rem;
  margin-right: 1.21976rem; }

.page-group-insure-change .ui-buttom-right {
  width: 6.09595rem; }

.page-group-insure-change .ui-modal-body {
  text-align: center; }

.page-group-insure-change .ui-modal-dialog {
  padding: 0; }

.page-group-insure-change .ui-modal-header {
  padding: 0 1.82929rem; }
  .page-group-insure-change .ui-modal-header .ui-modal-title {
    font-size: 0.7931rem;
    overflow: hidden; }

.page-group-insure-change .warm-info {
  color: #3F3F3F; }

.page-group-insure-change .ui-cell-title {
  width: inherit; }

.page-group-insure-change .time-bcColor {
  position: fixed;
  bottom: 3.04833rem;
  width: 100%;
  text-align: right;
  z-index: 50; }
  .page-group-insure-change .time-bcColor .ui-cell-inner {
    background-color: #fef4db; }
  .page-group-insure-change .time-bcColor input {
    background-color: #fef4db;
    border: none; }

.page-group-insure-change .title-page {
  background-color: #fff;
  padding: 0.915rem 0.915rem 0.30548rem 0.915rem; }

.page-group-insure-change .agree {
  padding: 0.30548rem 0.915rem 0.915rem;
  font-size: 0.85405rem;
  color: #999; }
  .page-group-insure-change .agree .ui-checkbox {
    margin-right: 0.30548rem; }

.page-group-insure-change .title {
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .page-group-insure-change .title:before {
    content: "";
    display: block;
    margin-right: 0.61024rem;
    height: 0.915rem;
    border-left: 0.18357rem solid #00AFF9; }

.page-group-insure-change .submit-bottom-fixed-page {
  height: 6.09595rem; }
  .page-group-insure-change .submit-bottom-fixed-page .submit-bottom-fixed {
    border-top: 1px solid #ddd;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    z-index: 55;
    height: 3.04833rem;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    bottom: 0;
    background-color: #fff; }
  .page-group-insure-change .submit-bottom-fixed-page .price {
    -webkit-box-flex: 4;
    -webkit-flex: 4;
        -ms-flex: 4;
            flex: 4;
    padding-left: 0.61024rem;
    font-size: 0.915rem;
    color: #333333; }
    .page-group-insure-change .submit-bottom-fixed-page .price .total-price {
      color: #00AFF9; }
    .page-group-insure-change .submit-bottom-fixed-page .price .spread-price {
      font-size: 0.67119rem;
      color: #999999; }
  .page-group-insure-change .submit-bottom-fixed-page .button-submit {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
        -ms-flex: 2;
            flex: 2;
    display: block;
    line-height: 3.04833rem;
    text-align: center;
    color: #fff;
    font-size: 0.915rem;
    background: #999999; }
  .page-group-insure-change .submit-bottom-fixed-page .button-submit1 {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
        -ms-flex: 2;
            flex: 2;
    display: block;
    line-height: 3.04833rem;
    color: #fff;
    font-size: 0.915rem;
    text-align: center;
    background: #FFC600; }
.plist-page {
  padding-bottom: 3.65786rem; }
  .plist-page .ui-plist-buttom {
    bottom: 0;
    width: 100%;
    color: #fff;
    height: 3.04833rem;
    position: fixed;
    line-height: 3.04833rem;
    text-align: center;
    background-color: #f9c703; }
  .plist-page .ui-offpay-page {
    min-height: 34.13405rem; }
  .plist-page input {
    text-align: right; }
  .plist-page .ui-button {
    display: block; }
  .plist-page .ui-plist-upload {
    margin-top: 1.21976rem;
    color: #979797;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .plist-page .ui-plist-upload img {
      width: 1.21976rem;
      height: 1.09786rem;
      margin-right: 0.18357rem; }
.page-group-policyWrap {
  width: 100%;
  height: 100%;
  padding: 0.915rem;
  background-color: #FFF;
  min-height: 40.53405rem; }
  .page-group-policyWrap .policyRecord {
    width: 100%; }
  .page-group-policyWrap .pr-policyInfo {
    width: 100%;
    border-radius: 0.24452rem;
    -webkit-box-shadow: 0 0.24452rem 0.61024rem rgba(0, 0, 0, 0.1);
            box-shadow: 0 0.24452rem 0.61024rem rgba(0, 0, 0, 0.1); }
    .page-group-policyWrap .pr-policyInfo .status {
      height: 6.58357rem;
      padding: 0.97595rem 0.915rem 0;
      color: #fff; }
    .page-group-policyWrap .pr-policyInfo .effective {
      background: url(https://static.iyunbao.com/website/health/iybApp/insurance/group/order/images/safeguardBg.png) no-repeat 0 0;
      background-size: cover; }
    .page-group-policyWrap .pr-policyInfo .loseEfficacy {
      background: url(https://static.iyunbao.com/website/health/iybApp/insurance/group/order/images/loseEfficacyBg.png) no-repeat 0 0;
      background-size: cover; }
    .page-group-policyWrap .pr-policyInfo .productName {
      color: #fff;
      font-size: 1.34167rem;
      height: 1.82929rem;
      width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      line-height: 1.82929rem; }
    .page-group-policyWrap .pr-policyInfo .policyNo {
      height: 1.21976rem;
      line-height: 1.21976rem;
      font-size: 0.7931rem; }
    .page-group-policyWrap .pr-policyInfo .pr-infoInner {
      padding-right: 0.915rem;
      color: #999; }
      .page-group-policyWrap .pr-policyInfo .pr-infoInner .ui-cell-title {
        color: #999; }
      .page-group-policyWrap .pr-policyInfo .pr-infoInner .ui-cell-inner {
        padding-right: 0; }
      .page-group-policyWrap .pr-policyInfo .pr-infoInner .ui-cell-footer {
        width: 13.10548rem;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }
      .page-group-policyWrap .pr-policyInfo .pr-infoInner .peoNum {
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -0.60881rem;
        color: #999; }
  .page-group-policyWrap .pr-policyStatus {
    margin-top: 1.52452rem; }
    .page-group-policyWrap .pr-policyStatus .wrap {
      border-bottom: 1px solid #dddddd;
      margin-bottom: 20px; }
    .page-group-policyWrap .pr-policyStatus .ui-panel-body {
      border-bottom: none; }
    .page-group-policyWrap .pr-policyStatus .ui-panel-body {
      border-top: none;
      padding-top: 0.915rem; }
    .page-group-policyWrap .pr-policyStatus .policyStatus {
      float: left;
      padding: 0 0.24452rem;
      height: 1.21976rem;
      line-height: 1.21976rem;
      text-align: center;
      font-size: 0.7931rem;
      color: #fff;
      border-radius: 0.24452rem;
      background-color: #fe771d; }
    .page-group-policyWrap .pr-policyStatus .baoquan {
      background-color: #6dd4ff; }
    .page-group-policyWrap .pr-policyStatus .policyRecordInfo {
      margin-left: 3.29214rem;
      padding: 0 0.915rem 0.73214rem 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      font-size: 0.915rem;
      color: #333;
      line-height: 1.76833rem; }
      .page-group-policyWrap .pr-policyStatus .policyRecordInfo .title {
        font-weight: 600;
        line-height: 1.21976rem;
        margin-bottom: 0.48833rem; }
.page-group-policyDetail {
  background-color: #f6f6f6; }
  .page-group-policyDetail .policyDetailWrap {
    width: 100%;
    padding-bottom: 1.21976rem; }
    .page-group-policyDetail .policyDetailWrap .ui-cell-footer {
      color: #999; }
  .page-group-policyDetail .ui-modal .ui-modal-dialog {
    padding: 0; }
    .page-group-policyDetail .ui-modal .ui-modal-dialog .desc {
      color: #666;
      margin-top: 0;
      font-size: 0.85405rem; }
    .page-group-policyDetail .ui-modal .ui-modal-dialog .ui-cell-inner {
      padding: 0; }
    .page-group-policyDetail .ui-modal .ui-modal-dialog .ui-cell-body {
      border: 1px solid #ddd; }
    .page-group-policyDetail .ui-modal .ui-modal-dialog .ui-cell-title {
      padding: 2vw;
      width: inherit; }
  .page-group-policyDetail .ver-email {
    color: red; }
  .page-group-policyDetail .fix-button-content {
    text-align: right;
    padding: 0 0.61024rem;
    min-height: 1.82929rem; }
    .page-group-policyDetail .fix-button-content > button {
      padding: 0.30548rem 0.915rem;
      border-radius: 40px;
      line-height: 1.21976rem;
      font-size: 0.97595rem;
      background: #fff;
      font-family: PingFangSC-Medium, 'Microsoft YaHei';
      font-weight: 500;
      color: #576ffa;
      border: 1px solid #576ffa; }
      .page-group-policyDetail .fix-button-content > button + button {
        margin-left: 0.61024rem; }
  .page-group-policyDetail .buttom {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    line-height: 3.04833rem;
    text-align: center;
    background: #FFC600;
    color: #FFFFFF;
    letter-spacing: 0; }
  .page-group-policyDetail .policyDetailInfo {
    position: relative;
    padding: 0.73214rem 0 0 0.915rem;
    background-color: #fff; }
    .page-group-policyDetail .policyDetailInfo::after {
      content: "";
      height: 0.06167rem;
      width: 100%;
      display: block;
      background-color: #cff3ff; }
    .page-group-policyDetail .policyDetailInfo .title {
      font-size: 1.34167rem;
      color: #333;
      font-weight: 600;
      line-height: 2.68262rem;
      width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .page-group-policyDetail .policyDetailInfo .policyNo {
      font-size: 0.7931rem;
      color: #999;
      line-height: 2.0731rem;
      padding-bottom: 0.18357rem; }
      .page-group-policyDetail .policyDetailInfo .policyNo::after {
        content: "";
        margin-top: 0.48833rem;
        width: 100%;
        height: 0.18357rem;
        display: block;
        background-color: #cdf1ff; }
    .page-group-policyDetail .policyDetailInfo .statusBg {
      width: 4.45024rem;
      height: 4.45024rem;
      background-size: cover;
      position: absolute;
      right: 0.915rem;
      top: 1.28071rem; }
      .page-group-policyDetail .policyDetailInfo .statusBg.effective {
        background: url(https://static.iyunbao.com/website/health/iybApp/insurance/group/order/images/icon-safeguard.png) no-repeat 0 0;
        background-size: cover; }
      .page-group-policyDetail .policyDetailInfo .statusBg.loseEffective {
        background: url(https://static.iyunbao.com/website/health/iybApp/insurance/group/images/icon_fail.png) no-repeat 0 0;
        background-size: cover; }
  .page-group-policyDetail .company .ui-cell-footer {
    width: 14.93405rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .page-group-policyDetail .planWrap {
    margin-top: 0.61024rem;
    width: 100%;
    background-color: #fff;
    padding-bottom: 0.67119rem; }
    .page-group-policyDetail .planWrap .title {
      font-weight: 600;
      margin-bottom: 0.61024rem;
      padding-left: 0.915rem; }
      .page-group-policyDetail .planWrap .title .ui-cell-inner {
        border-bottom: 1px solid #ddd;
        padding-left: 0; }
      .page-group-policyDetail .planWrap .title .ui-cell-title {
        width: 100%; }
    .page-group-policyDetail .planWrap .botNone::before {
      border-top: none; }
    .page-group-policyDetail .planWrap .botNone .ui-cell-title {
      width: 10.11881rem; }
    .page-group-policyDetail .planWrap .botNone .ui-cell-footer span {
      display: block; }
  .page-group-policyDetail .peoNumWrap {
    margin: 0.61024rem 0; }
    .page-group-policyDetail .peoNumWrap .peoNum {
      position: absolute;
      right: 0.915rem;
      top: 50%;
      margin-top: -0.60881rem;
      color: #999; }
.group-policy-under {
  font-size: 0.915rem;
  padding-bottom: 3.65786rem; }
  .group-policy-under p {
    margin: 0; }
  .group-policy-under .top-page {
    background-color: #f1fbff;
    padding: 0.61024rem; }
  .group-policy-under .add {
    border-radius: 5px;
    padding: 0.12262rem 0.30548rem;
    color: #fff;
    font-size: 0.7931rem;
    background-color: #6dd4ff; }
  .group-policy-under .sub {
    background: #9a9a9a; }
  .group-policy-under .data {
    font-size: 0.7931rem;
    color: #9e9e9e; }
  .group-policy-under .marginL10 {
    margin-left: 0.61024rem; }
  .group-policy-under .minW60 {
    display: inline-block;
    min-width: 3.65786rem; }
  .group-policy-under .cblue .ui-cell-footer {
    color: #6dd4ff; }
  .group-policy-under .Blue {
    color: #6dd4ff; }
  .group-policy-under .cwarm .ui-cell-footer {
    color: #ff7b23; }
  .group-policy-under .ui-panel-header {
    background: #fff; }
  .group-policy-under .ui-panel:not(:nth-child(2)) {
    margin-top: 0.61024rem; }
  .group-policy-under .ui-panel-body {
    border-bottom: none;
    border-top: 1px solid #f1f1f1; }
  .group-policy-under .ui-modal-dialog {
    padding: 0 !important;
    width: 75% !important; }
  .group-policy-under .ui-modal-body {
    text-align: center; }
    .group-policy-under .ui-modal-body button {
      padding: 0 1.82929rem; }
    .group-policy-under .ui-modal-body > *:not(:last-child) {
      margin-right: 1.21976rem; }
  .group-policy-under .bottom {
    position: fixed;
    width: 100%;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    line-height: 3.04833rem; }
    .group-policy-under .bottom > div:first-child {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      padding-left: 0.61024rem;
      padding-left: 0.61024rem;
      background: #fff; }
    .group-policy-under .bottom > div:nth-child(2) {
      width: 8.53405rem;
      color: #fff;
      text-align: center;
      background: #ffc729; }
.group-policy-info {
  padding: 0 0.915rem; }
  .group-policy-info ul, .group-policy-info p {
    padding: 0;
    margin: 0; }
  .group-policy-info .title {
    margin: 0.915rem 0;
    color: #9a9a9a; }
  .group-policy-info img {
    width: 100%; }
  .group-policy-info li {
    min-height: 7.4369rem;
    list-style-type: none;
    border-radius: 5px;
    color: #ffffff;
    padding: 1.21976rem 7.315rem 0 1.52452rem; }
    .group-policy-info li h3 {
      margin: 0 0 0.73214rem 0;
      font-weight: 400; }
    .group-policy-info li p {
      font-size: 0.915rem; }
      .group-policy-info li p:not(:last-child) {
        margin-bottom: 0.30548rem; }
    .group-policy-info li:nth-child(1) {
      margin-bottom: 1.21976rem;
      background: #ffa200;
      background-image: url(https://static.iyunbao.com/website/health/iybApp/insurance/group/images/bg_info_list.png);
      background-position: 60% 0;
      background-repeat: no-repeat;
      background-size: 90%; }
    .group-policy-info li:nth-child(2) {
      margin-bottom: 1.21976rem;
      background: #02cac8;
      background-image: url(https://static.iyunbao.com/website/health/iybApp/insurance/group/images/bg_info_list_2.png);
      background-position: 50% 0;
      background-repeat: no-repeat;
      background-size: 90%; }
    .group-policy-info li:nth-child(3) {
      background: #75dbf9;
      background-image: url(https://static.iyunbao.com/website/health/iybApp/insurance/group/images/bg_info_list_3.png);
      background-repeat: no-repeat;
      background-size: 100%; }
.group-policy-CRight {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  padding: 0 0.915rem 3.65786rem 0.915rem;
  background: #eeeeee;
  overflow: auto; }
  .group-policy-CRight .ui-cell {
    position: inherit; }
  .group-policy-CRight .ui-panel-header {
    padding: 0.61024rem 0; }
    .group-policy-CRight .ui-panel-header > *:not(:last-child) {
      margin-right: 0.30548rem; }
  .group-policy-CRight .list {
    padding: 0.61024rem 0; }
    .group-policy-CRight .list .ui-cell-title > div > span {
      margin-right: 0.61024rem; }
  .group-policy-CRight .ui-cell + .ui-cell::before {
    position: relative;
    display: block; }
  .group-policy-CRight .ui-modal-dialog {
    padding: 0 !important;
    width: 75% !important; }
  .group-policy-CRight .ui-modal-body {
    text-align: center; }
    .group-policy-CRight .ui-modal-body button {
      padding: 0 1.82929rem; }
    .group-policy-CRight .ui-modal-body > *:not(:last-child) {
      margin-right: 1.21976rem; }
  .group-policy-CRight .add-title {
    font-weight: 600; }
    .group-policy-CRight .add-title .ui-cell-icon {
      font-size: 1.09786rem; }
    .group-policy-CRight .add-title .ui-cell-footer > div {
      color: #00AFF9;
      font-weight: 100;
      padding: 0 0.61024rem;
      line-height: 1.46357rem;
      border: 1px solid #00AFF9;
      border-radius: 5px; }
  .group-policy-CRight .add-buttom {
    color: #00AFF9; }
    .group-policy-CRight .add-buttom .ui-cell-content {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
    .group-policy-CRight .add-buttom i {
      font-size: 1.21976rem;
      margin-right: 0.36643rem; }
  .group-policy-CRight .ui-panel-body {
    border: none; }
    .group-policy-CRight .ui-panel-body > div {
      background: #FFFFFF;
      -webkit-box-shadow: 0 0 0.61024rem 0 rgba(221, 221, 221, 0.35);
              box-shadow: 0 0 0.61024rem 0 rgba(221, 221, 221, 0.35);
      border-radius: 5px;
      overflow: hidden; }
    .group-policy-CRight .ui-panel-body > div:not(:last-child) {
      margin-bottom: 0.61024rem; }
  .group-policy-CRight .ui-cell-title {
    width: inherit; }
  .group-policy-CRight .ui-cell-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #00AFF9; }
    .group-policy-CRight .ui-cell-footer i {
      margin-right: 0.30548rem; }
  .group-policy-CRight .add .ui-cell-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .group-policy-CRight .ui-cell-content, .group-policy-CRight input {
    text-align: right; }
.group-policy-CLeft {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #eeeeee; }
  .group-policy-CLeft .left-top-title {
    font-family: PingFangSC-Regular;
    font-size: 0.7931rem;
    color: #666666;
    line-height: 2.13405rem;
    padding: 0 0.915rem;
    background: #FFF2C5; }
  .group-policy-CLeft .flexR {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .group-policy-CLeft .detailedList {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    overflow: auto; }
  .group-policy-CLeft .ui-cell-title {
    width: 3.65786rem; }
  .group-policy-CLeft .ui-cell-footer {
    color: #FF4D4D; }
  .group-policy-CLeft .ui-panel-body {
    border: none; }
  .group-policy-CLeft .left-common-cell > .ui-picker {
    width: 100%; }
  .group-policy-CLeft .ui-cell-content > span:first-child {
    display: inline-block;
    width: 3.65786rem; }
  .group-policy-CLeft .ui-cell-inner {
    padding: 0.48833rem 0.915rem !important; }
  .group-policy-CLeft .cell-title {
    background: #999999;
    border-radius: 5px;
    padding: 0 0.24452rem;
    font-family: PingFangSC-Regular;
    font-size: 0.7931rem;
    color: #FFFFFF; }
  .group-policy-CLeft .left-middle-body1 {
    background: #ffffff;
    padding: 0 0.915rem; }
    .group-policy-CLeft .left-middle-body1 .left-common-cell {
      padding: 0.76262rem 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      .group-policy-CLeft .left-middle-body1 .left-common-cell .bottom {
        width: 100%;
        color: #00AFF9;
        line-height: 2.74357rem;
        text-align: center;
        border: 1px solid #00AFF9;
        border-radius: 5px; }
      .group-policy-CLeft .left-middle-body1 .left-common-cell > *:first-child {
        min-width: 6.09595rem; }
      .group-policy-CLeft .left-middle-body1 .left-common-cell:not(:last-child) {
        border-bottom: 1px solid #dddddd; }
  .group-policy-CLeft .footer {
    height: 3.04833rem; }
.group-policy-personChange {
  padding: 0 0.915rem;
  font-size: 0.915rem;
  overflow: hidden;
  padding-bottom: 3.65786rem; }
  .group-policy-personChange ul, .group-policy-personChange p {
    padding: 0;
    margin: 0; }
  .group-policy-personChange .floatR {
    float: right; }
  .group-policy-personChange .h195 {
    max-height: 12.49595rem; }
    .group-policy-personChange .h195 .limitHieght {
      max-height: 9.50929rem;
      overflow: hidden; }
  .group-policy-personChange .tAlign {
    text-align: center !important; }
    .group-policy-personChange .tAlign .ui-cell-content {
      line-height: 2.43881rem; }
  .group-policy-personChange .ui-cell-title {
    width: inherit; }
  .group-policy-personChange .ui-cell-inner {
    padding: 0 0.915rem; }
  .group-policy-personChange .pTBA5 {
    padding: 0.36643rem 0; }
    .group-policy-personChange .pTBA5:not(:last-child) {
      border-bottom: 1px solid #dddddd; }
  .group-policy-personChange .pTBA1 {
    padding: 0.06167rem 0; }
  .group-policy-personChange .time {
    font-family: PingFangSC-Regular;
    font-size: 0.7931rem;
    color: #999999;
    margin-top: 0.18357rem; }
  .group-policy-personChange li {
    list-style-type: none;
    min-height: 10.97214rem;
    background-color: #ffffff;
    border-radius: 5px;
    padding-bottom: 0.18357rem;
    overflow: hidden; }
    .group-policy-personChange li p {
      padding: 0.73214rem 0;
      color: #ffffff;
      background-image: -webkit-linear-gradient(225deg, #FFDA70 0%, #FFBA0D 100%);
      background-image: linear-gradient(225deg, #FFDA70 0%, #FFBA0D 100%); }
      .group-policy-personChange li p::before {
        content: "";
        margin-left: 0.915rem;
        padding-right: 0.48833rem;
        border-left: 0.18357rem solid #ffffff; }
    .group-policy-personChange li .mode-body {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .group-policy-personChange li .mode-body .add0, .group-policy-personChange li .mode-body .add1 {
        height: 4.26738rem;
        width: 4.26738rem;
        line-height: 3.65786rem;
        font-weight: 200;
        margin: 0.915rem 0 0.61024rem 0;
        color: #ffffff;
        font-size: 2.74357rem;
        border-radius: 50%;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#39E2FF), to(#00AFF9));
        background-image: -webkit-linear-gradient(top, #39E2FF 0%, #00AFF9 100%);
        background-image: linear-gradient(-180deg, #39E2FF 0%, #00AFF9 100%);
        -webkit-box-shadow: 0 5px 14px 0 rgba(0, 176, 249, 0.3);
                box-shadow: 0 5px 14px 0 rgba(0, 176, 249, 0.3); }
      .group-policy-personChange li .mode-body .add1 {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#FFDA70), color-stop(98%, #FFBA0D));
        background-image: -webkit-linear-gradient(top, #FFDA70 0%, #FFBA0D 98%);
        background-image: linear-gradient(-180deg, #FFDA70 0%, #FFBA0D 98%);
        -webkit-box-shadow: 0 5px 14px 0 rgba(255, 166, 0, 0.3);
                box-shadow: 0 5px 14px 0 rgba(255, 166, 0, 0.3); }
      .group-policy-personChange li .mode-body span {
        color: #999999; }
    .group-policy-personChange li > div {
      min-height: 8.04643rem;
      width: 98%;
      margin: 0 auto;
      text-align: center;
      border: 1px dashed #DDDDDD;
      border-top: none;
      overflow: hidden; }
      .group-policy-personChange li > div .ui-cell {
        text-align: left; }
    .group-policy-personChange li:not(:last-child) {
      margin-bottom: 0.915rem; }
      .group-policy-personChange li:not(:last-child) p {
        background-image: -webkit-linear-gradient(225deg, #39E2FF 0%, #00AFF9 100%);
        background-image: linear-gradient(225deg, #39E2FF 0%, #00AFF9 100%); }
  .group-policy-personChange .title {
    margin: 0.915rem 0;
    color: #9a9a9a; }
  .group-policy-personChange .edit {
    float: right;
    margin-right: 0.915rem;
    padding: 0 0.61024rem;
    color: #00AFF9;
    background: #FFFFFF;
    border: 1px solid #00AFF9;
    border-radius: 5px; }
  .group-policy-personChange .buttom {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    line-height: 3.04833rem;
    text-align: center;
    background: #FFC600;
    color: #FFFFFF;
    letter-spacing: 0; }
.group-policy-refund .bank {
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: auto; }
  .group-policy-refund .bank input {
    font-size: 0.915rem;
    line-height: 1.95119rem;
    text-align: center;
    border-radius: 8px; }
  .group-policy-refund .bank ul {
    list-style-type: none;
    padding: 0;
    margin-top: 2.92643rem; }
  .group-policy-refund .bank li {
    font-size: 0.915rem;
    padding: 0.915rem 0; }
    .group-policy-refund .bank li:not(:last-child) {
      border-bottom: 1px solid #dddddd; }
  .group-policy-refund .bank > div:first-child {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0.48833rem;
    height: 2.92643rem;
    background: #dddddd; }
@charset "UTF-8";
.group-policy-refund {
  padding-bottom: 2.43881rem; }
  .group-policy-refund h4 {
    margin: 0;
    padding: 0.915rem;
    font-size: 0.915rem; }
  .group-policy-refund input {
    border: none; }
  .group-policy-refund input, .group-policy-refund .ui-cell-content {
    text-align: right; }
  .group-policy-refund > div {
    margin-top: 0.61024rem; }
    .group-policy-refund > div > * {
      background: #ffffff; }
  .group-policy-refund > div:nth-child(2) h4 {
    border-bottom: 1px solid #ddd; }
  .group-policy-refund .mT10 {
    margin-top: 0.61024rem; }
  .group-policy-refund .ui-panel-header {
    font-size: 0.915rem;
    font-weight: 600; }
  .group-policy-refund .buttom {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    line-height: 3.04833rem;
    text-align: center;
    background: #FFC600;
    color: #FFFFFF;
    letter-spacing: 0; }
  .group-policy-refund .ui-popup-inner {
    overflow: auto; }
  .group-policy-refund .ui-cell-title {
    width: inherit;
    min-width: 6.09595rem; }
  .group-policy-refund .ui-cell-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    .group-policy-refund .ui-cell-content > * {
      display: inline-block; }
    .group-policy-refund .ui-cell-content > div:first-child {
      width: 9.7531rem;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .group-policy-refund .ui-cell-content i {
      margin-left: 0.30548rem; }
  .group-policy-refund .refund-body > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 0.915rem 1.21976rem 0.915rem; }
    .group-policy-refund .refund-body > div > div {
      font-size: 0.915rem;
      padding: 0.61024rem;
      border: 1px dashed #000000;
      border-radius: 5px; }
    .group-policy-refund .refund-body > div > div:not(:last-child) {
      margin-right: 1.52452rem; }
    .group-policy-refund .refund-body > div .isCheck {
      position: relative;
      overflow: hidden;
      border: 0.12262rem solid #FF4D4D; }
      .group-policy-refund .refund-body > div .isCheck::after {
        content: "\2713";
        color: #ffffff;
        position: absolute;
        font-size: 0.73214rem;
        bottom: -0.18214rem;
        right: 0.03119rem;
        z-index: 80; }
      .group-policy-refund .refund-body > div .isCheck::before {
        content: "";
        height: 1.82929rem;
        width: 1.82929rem;
        position: absolute;
        right: -0.91357rem;
        bottom: -0.91357rem;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        background: #FF4D4D; }
.group-detail-component-tab-page {
  height: 2.74357rem; }
  .group-detail-component-tab-page .aTop {
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #dddddd;
    position: relative; }
    .group-detail-component-tab-page .aTop a {
      display: block;
      text-align: center;
      line-height: 2.74357rem;
      font-size: 0.915rem;
      color: #333333;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .group-detail-component-tab-page .aTop .aBottom {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 33%;
      -webkit-transition: left .3s ease-out;
      transition: left .3s ease-out;
      border-bottom: 2px solid #00AFF9; }
  .group-detail-component-tab-page .navigationFixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100; }
  .group-detail-component-tab-page .fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999; }
.group-detail-page .group-common-page img {
  width: 100%; }

.group-detail-page .group-common-page .banner {
  position: relative; }
  .group-detail-page .group-common-page .banner .info {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0.30548rem 1.82929rem;
    color: #fff; }

.group-detail-page .group-common-page .ui-cell-body .ui-cell-title {
  width: inherit; }

.group-detail-page .group-common-page .ui-cell-body .ui-cell-content {
  min-width: 1.82929rem; }

.group-detail-page .group-common-page .ui-cell-content {
  text-align: right; }

.group-detail-page .group-common-page .ui-popup p {
  margin: 0.30548rem 0; }

.group-detail-page .group-common-page .za-modal-footer > .bordered:last-child {
  background-color: #FFC600;
  color: #fff; }

.group-detail-page .group-common-page .icon-xiajiantou {
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
  display: inline-block;
  -webkit-transform: rotate(0);
          transform: rotate(0); }

.group-detail-page .group-common-page .iconG {
  width: 2.13405rem;
  height: 2.13405rem;
  line-height: 2.13405rem;
  text-align: center;
  color: #ffffff;
  background-color: #78D7FF;
  border-radius: 25px;
  position: relative; }

.group-detail-page .group-common-page .bg-form {
  width: 92%;
  margin: 0 auto;
  margin-top: 0.915rem;
  padding: 0.915rem 1.21976rem;
  min-height: 7.315rem;
  list-style-type: none;
  background: #ffa200 url(https://static.iyunbao.com/website/health/iybApp/insurance/group/images/bg_info_list.png) no-repeat 80% 0;
  background-size: 18.40833rem 7.4369rem;
  border-radius: 0.30548rem; }
  .group-detail-page .group-common-page .bg-form > a {
    color: #fff; }

.group-detail-page .group-common-page .dec {
  line-height: 1.6; }

.group-detail-page .group-common-page .box1 {
  position: relative; }
  .group-detail-page .group-common-page .box1::before {
    content: "";
    position: absolute;
    left: 1.0369rem;
    height: 80%;
    border-left: 0.12262rem solid #dddddd; }

.group-detail-page .group-common-page .plan-title {
  height: 2.43881rem;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: -webkit-gradient(linear, right top, left top, from(#48B2FF), color-stop(#2DA7FF), color-stop(#5BB9FF), to(#99D0FF));
  background: -webkit-linear-gradient(right, #48B2FF, #2DA7FF, #5BB9FF, #99D0FF);
  background: linear-gradient(to left, #48B2FF, #2DA7FF, #5BB9FF, #99D0FF); }
  .group-detail-page .group-common-page .plan-title::before {
    content: "";
    width: 4.8769rem;
    height: 0.48833rem;
    position: relative;
    right: 0.61024rem;
    top: -0.12119rem;
    display: block;
    border-right: 2px solid rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    -webkit-transform: skew(-20deg);
            transform: skew(-20deg); }
  .group-detail-page .group-common-page .plan-title::after {
    content: "";
    width: 4.8769rem;
    height: 0.48833rem;
    position: relative;
    left: 0.61024rem;
    bottom: -0.12119rem;
    display: block;
    border-left: 2px solid rgba(255, 255, 255, 0.5);
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    -webkit-transform: skew(-20deg);
            transform: skew(-20deg); }

.group-detail-page .group-common-page .offer-block {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3.04833rem;
  background: #ffffff;
  z-index: 500;
  -webkit-box-shadow: 0 0 0.61024rem 0 rgba(204, 204, 204, 0.35);
          box-shadow: 0 0 0.61024rem 0 rgba(204, 204, 204, 0.35); }
  .group-detail-page .group-common-page .offer-block > a {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .group-detail-page .group-common-page .offer-block:nth-child(2) {
    bottom: 3.04833rem; }

.group-detail-page .group-common-page .trial-robot {
  width: 3.3531rem;
  height: 3.04833rem;
  padding: 0.48833rem 0 0.42738rem;
  border-right: 0.06167rem solid #e1e1e1; }
  .group-detail-page .group-common-page .trial-robot .trial-inner {
    width: 100%;
    height: 100%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAABGCAYAAACOjMdmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEVGQTI4NzlDRTVCMTFFNjgzQjRBN0UwRkI2OTVCNTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEVGQTI4N0FDRTVCMTFFNjgzQjRBN0UwRkI2OTVCNTIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowRUZBMjg3N0NFNUIxMUU2ODNCNEE3RTBGQjY5NUI1MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowRUZBMjg3OENFNUIxMUU2ODNCNEE3RTBGQjY5NUI1MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Phll6R0AAApfSURBVHja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) center center no-repeat;
    background-size: contain; }
.group-detail-page .bg1 {
  margin: 0.915rem 0;
  border-radius: 5px;
  padding: 0.7931rem;
  background-color: #F6F6F6; }

.group-detail-page .flexR {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  text-align: left; }
  .group-detail-page .flexR > *:first-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .group-detail-page .flexR > p {
    min-width: 7.315rem; }
.group-detail-page p, .group-detail-page h1, .group-detail-page h2, .group-detail-page h3, .group-detail-page h4, .group-detail-page h5, .group-detail-page h6 {
  margin: 0; }

.group-detail-page .f12 {
  font-size: 0.73214rem; }

.group-detail-page .f13 {
  font-size: 0.7931rem; }

.group-detail-page .f14 {
  font-size: 0.85405rem; }

.group-detail-page .f15 {
  font-size: 0.915rem; }

.group-detail-page .cBlue {
  color: #2db7f5; }

.group-detail-page .cRed {
  color: #FF4D4D; }

.group-detail-page .cWhite {
  color: #ffffff; }

.group-detail-page .cBlack {
  color: #000000; }

.group-detail-page .bWrite {
  background-color: #ffffff; }

.group-detail-page .bGray {
  background-color: #F6F6F6; }

.group-detail-page .bGray2 {
  background-color: #eee; }

.group-detail-page .bGray3 {
  background-color: #dddddd; }

.group-detail-page .bYellow {
  background-color: #ffc702; }

.group-detail-page .bYellow2 {
  background: #fef4db !important; }

.group-detail-page .bLBlue10::before {
  content: "";
  height: 100%;
  padding-left: 0.61024rem;
  border-left: 0.18357rem solid #2db7f5; }

.group-detail-page .tLRadius25 {
  line-height: 1.82929rem;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  padding-left: 0.915rem;
  background-image: -webkit-gradient(linear, left top, right top, from(#74D7FF), to(#F9FDFF));
  background-image: -webkit-linear-gradient(left, #74D7FF 0%, #F9FDFF 100%);
  background-image: linear-gradient(to right, #74D7FF 0%, #F9FDFF 100%); }

.group-detail-page .w85p {
  width: 85%; }

.group-detail-page .pL10 {
  padding-left: 0.61024rem; }

.group-detail-page .pL15 {
  padding-left: 0.915rem !important; }

.group-detail-page .pLRA15 {
  padding: 0 0.915rem; }

.group-detail-page .pL20 {
  padding-left: 1.21976rem; }

.group-detail-page .pTBA10 {
  padding: 0.61024rem 0; }

.group-detail-page .pT10 {
  padding-top: 0.61024rem; }

.group-detail-page .pB10 {
  padding-bottom: 0.61024rem; }

.group-detail-page .pTBA12 {
  padding: 0.73214rem 0; }

.group-detail-page .pTBA14 {
  padding: 0.85405rem 0; }

.group-detail-page .pR10 {
  padding-right: 0.61024rem; }

.group-detail-page .mT10 {
  margin-top: 0.61024rem; }

.group-detail-page .mB10 {
  margin-bottom: 0.61024rem; }

.group-detail-page .mB20 {
  margin-bottom: 1.21976rem; }

.group-detail-page .mB25 {
  margin-bottom: 1.52452rem; }

.group-detail-page .mTBA10 {
  margin: 0.61024rem 0; }

.group-detail-page .mTBA15 {
  margin: 0.915rem 0; }

.group-detail-page .bT {
  border-top: 1px solid #dddddd; }

.group-detail-page .bRadio5 {
  overflow: hidden;
  border-radius: 5px; }

.group-detail-page .h50 {
  height: 3.04833rem; }

.group-detail-page .h100 {
  height: 6.09595rem; }

.group-detail-page .lH50 {
  line-height: 3.04833rem; }

.group-detail-page .flexC {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

.group-detail-page .flex1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.group-detail-page .flex2 {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
      -ms-flex: 2;
          flex: 2; }

.group-detail-page .flex3 {
  -webkit-box-flex: 3;
  -webkit-flex: 3;
      -ms-flex: 3;
          flex: 3; }

.group-detail-page .flex4 {
  -webkit-box-flex: 4;
  -webkit-flex: 4;
      -ms-flex: 4;
          flex: 4; }

.group-detail-page .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.group-detail-page .fMA {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.group-detail-page .pR {
  position: relative; }

.group-detail-page .tAR {
  text-align: right; }

.group-detail-page .tAC {
  text-align: center; }

.group-detail-page .hidden {
  display: none; }

.group-detail-page .rotateB {
  -webkit-transform: rotate(90deg) !important;
          transform: rotate(90deg) !important; }

.group-detail-page .pA {
  position: absolute; }

.group-detail-page .bShadow {
  -webkit-box-shadow: 0 3px 15px 0 #999999;
          box-shadow: 0 3px 15px 0 #999999; }
@charset "UTF-8";
.page-gadd-change {
  margin-bottom: 3.04833rem;
  position: relative;
  background-color: #f6f6f6; }
  .page-gadd-change .app-container {
    background: #eee; }
  .page-gadd-change img {
    width: 100%; }
  .page-gadd-change .picClass .ui-picker {
    color: #00AFF9; }
  .page-gadd-change .ui-popup-plan-page h5 {
    font-weight: 400;
    margin: 0;
    padding-left: 0.48833rem;
    border-left: 0.18357rem solid #00AFF9; }
  .page-gadd-change .ui-popup-plan-page p {
    font-size: 0.7931rem;
    padding-left: 0.67119rem; }
  .page-gadd-change .popup-duty h5 {
    font-size: 0.7931rem;
    margin-top: 0.61024rem;
    margin-bottom: 0; }
  .page-gadd-change .popup-duty p {
    font-size: 0.7931rem;
    padding-bottom: 0.61024rem;
    padding-top: 0.61024rem;
    border-bottom: 1px solid #ddd; }
  .page-gadd-change .radio1 {
    padding: 0.915rem;
    background-color: #ffffff;
    overflow: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .page-gadd-change .radio1 label:last-child {
      margin-right: 0; }
    .page-gadd-change .radio1 .ui-radio-input {
      display: none; }
    .page-gadd-change .radio1 .ui-radio-button {
      height: 3.65786rem;
      padding: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      line-height: normal;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      border: none;
      margin-right: 0.61024rem;
      min-width: 20%;
      border-radius: 5px !important;
      -webkit-box-shadow: 1px 1px 10px 2px #dddddd;
              box-shadow: 1px 1px 10px 2px #dddddd; }
  .page-gadd-change .cellPage .ui-cell-footer {
    width: 70%; }
    .page-gadd-change .cellPage .ui-cell-footer .ui-radio-group {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      .page-gadd-change .cellPage .ui-cell-footer .ui-radio-group::after {
        content: "";
        clear: both; }
    .page-gadd-change .cellPage .ui-cell-footer .block {
      display: block; }
    .page-gadd-change .cellPage .ui-cell-footer label:nth-child(3n) {
      margin-right: 0; }
    .page-gadd-change .cellPage .ui-cell-footer label:nth-child(n+4) {
      margin-top: 0.30548rem; }
    .page-gadd-change .cellPage .ui-cell-footer label {
      -webkit-box-flex: 0;
      -webkit-flex: none;
          -ms-flex: none;
              flex: none;
      min-width: 30%;
      margin-right: 0.61024rem;
      border-radius: 5px !important;
      border: 1px solid #ddd;
      float: left; }
    .page-gadd-change .cellPage .ui-cell-footer .ui-radio-button {
      height: 1.82929rem;
      padding: 0 0.30548rem;
      line-height: normal;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
  .page-gadd-change .gadd-duty {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .page-gadd-change .gadd-duty p:first-child {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      min-width: 7.315rem; }
  .page-gadd-change .popup-flow {
    margin: 0.7931rem 0;
    font-size: 0.915rem;
    color: #666666;
    word-break: break-all; }
    .page-gadd-change .popup-flow p {
      margin: 0.30548rem 0; }
  .page-gadd-change .popup-clause p {
    background-color: #ddd;
    color: #666666;
    margin: 0.7931rem;
    line-height: 1.52452rem; }
  .page-gadd-change .all h1, .page-gadd-change .all h2, .page-gadd-change .all h3, .page-gadd-change .all h4, .page-gadd-change .all h5, .page-gadd-change .all h6, .page-gadd-change .all p {
    margin: 0; }
  .page-gadd-change .paddingleft {
    padding-left: 0.97595rem; }
  .page-gadd-change .ui-panel-body {
    border-bottom: none; }
  .page-gadd-change .navigation-bar {
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #dddddd;
    position: relative; }
    .page-gadd-change .navigation-bar a {
      display: block;
      text-align: center;
      line-height: 2.74357rem;
      font-size: 0.915rem;
      color: #333333;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .page-gadd-change .navigation-bar .aBottom {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 33%;
      -webkit-transition: left .3s ease-out;
      transition: left .3s ease-out;
      border-bottom: 2px solid #00AFF9; }
  .page-gadd-change .navigationFixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100; }
  .page-gadd-change .colorBlue {
    color: #00AFF9; }
  .page-gadd-change .insureFlowColor {
    background-color: #78D7FF; }
  .page-gadd-change .paddingLeft {
    padding-left: 0.30548rem; }
  .page-gadd-change .ask {
    color: #00AEFC;
    font-size: 0.915rem;
    margin-left: 0.915rem;
    margin-bottom: 0.30548rem; }
  .page-gadd-change .answer {
    font-size: 0.915rem;
    margin: 0 0.915rem 0.61024rem 0.915rem;
    color: #666666; }
  .page-gadd-change .tab3Bottom img {
    width: 100%;
    padding: 0.30548rem 0.61024rem; }
  .page-gadd-change .tab3Bottom:last-child {
    padding-bottom: 3.04833rem;
    margin-bottom: 3.65786rem; }
  .page-gadd-change .ui-save-page h5 {
    margin: 0.61024rem 0 0 1.0369rem;
    height: 2.01214rem;
    line-height: 2.01214rem;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    padding-left: 1.21976rem;
    font-weight: 600;
    background-image: -webkit-gradient(linear, left top, right top, from(#74D7FF), to(#F9FDFF));
    background-image: -webkit-linear-gradient(left, #74D7FF 0%, #F9FDFF 100%);
    background-image: linear-gradient(to right, #74D7FF 0%, #F9FDFF 100%); }
  .page-gadd-change .ui-save-page p {
    font-size: 0.915rem;
    padding-left: 1.21976rem;
    margin-top: 0.61024rem; }
  .page-gadd-change .insureFlowFooter:before {
    content: "";
    font-size: 0.7931rem;
    color: #FF4D4D;
    display: block;
    padding: 0.30548rem;
    margin-left: 0.915rem;
    border-bottom: 1px solid #ddd; }
  .page-gadd-change .marginTop {
    margin-top: 0.61024rem; }
  .page-gadd-change .PmarginAuto {
    font-size: 0.915rem;
    padding: 0 0.915rem; }
  .page-gadd-change .warmcolor {
    color: #FF4D4D; }
  .page-gadd-change .insureFlowIcon {
    width: 2.13405rem;
    height: 2.13405rem;
    border-radius: 25px;
    text-align: center;
    line-height: 2.195rem;
    color: #fff;
    position: relative; }
    .page-gadd-change .insureFlowIcon:after {
      content: "";
      display: block;
      border-left: 2px solid #ddd;
      position: absolute;
      left: 1.02471rem;
      width: 2px;
      height: 1.34167rem;
      margin-top: 0.18357rem; }
  .page-gadd-change .insureFlowBody {
    padding-bottom: 1.52452rem;
    background-color: #fff; }
    .page-gadd-change .insureFlowBody .insureFlowIcon {
      width: 2.13405rem;
      height: 2.13405rem;
      border-radius: 25px;
      text-align: center;
      line-height: 2.195rem;
      color: #fff;
      position: relative; }
      .page-gadd-change .insureFlowBody .insureFlowIcon:after {
        content: "";
        display: block;
        border-left: 2px solid #ddd;
        position: absolute;
        left: 1.02471rem;
        width: 2px;
        height: 1.34167rem;
        margin-top: 0.18357rem; }
    .page-gadd-change .insureFlowBody:nth-last-child(2) {
      padding-bottom: 0; }
      .page-gadd-change .insureFlowBody:nth-last-child(2) .insureFlowIcon:after {
        content: "";
        border: none; }
  .page-gadd-change .insureFlowContent {
    margin-left: 0.61024rem; }
    .page-gadd-change .insureFlowContent p {
      width: 17.6769rem;
      font-size: 0.915rem; }
  .page-gadd-change .ui-cell-body .ui-cell-title, .page-gadd-change .ui-cell-footer .ui-cell-title {
    width: 100%; }
  .page-gadd-change .ui-cell-body p, .page-gadd-change .ui-cell-footer p {
    margin: 0.36643rem 0; }
  .page-gadd-change .trial-robot {
    width: 3.3531rem;
    height: 3.04833rem;
    padding: 0.48833rem 0 0.42738rem;
    border-right: 0.06167rem solid #e1e1e1; }
    .page-gadd-change .trial-robot .trial-inner {
      width: 100%;
      height: 100%;
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAABGCAYAAACOjMdmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEVGQTI4NzlDRTVCMTFFNjgzQjRBN0UwRkI2OTVCNTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEVGQTI4N0FDRTVCMTFFNjgzQjRBN0UwRkI2OTVCNTIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowRUZBMjg3N0NFNUIxMUU2ODNCNEE3RTBGQjY5NUI1MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowRUZBMjg3OENFNUIxMUU2ODNCNEE3RTBGQjY5NUI1MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Phll6R0AAApfSURBVHja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) center center no-repeat;
      background-size: contain; }
  .page-gadd-change .activity-topbar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    z-index: 999;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    background: rgba(0, 0, 0, 0.6);
    height: 1.82929rem;
    width: 100%;
    padding-left: 0.30548rem;
    color: #ffba34;
    font-size: 0.85405rem; }
    .page-gadd-change .activity-topbar p {
      line-height: 1.5; }
    .page-gadd-change .activity-topbar:before {
      content: '\70ED';
      background: #ffba34;
      width: 1.09786rem;
      height: 1.09786rem;
      color: #fff;
      line-height: 1.4;
      padding-left: 0.12262rem;
      font-size: 0.85405rem;
      margin-right: 0.36643rem;
      border-radius: 0.24452rem; }
  .page-gadd-change p {
    padding: 0;
    margin: 0; }
  .page-gadd-change .banner {
    position: relative; }
    .page-gadd-change .banner img {
      width: 100%; }
    .page-gadd-change .banner .info {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      text-align: center;
      padding: 0.30548rem 0.61024rem;
      background: rgba(0, 0, 0, 0.5);
      color: #fff; }
      .page-gadd-change .banner .info .title {
        font-size: 0.97595rem; }
      .page-gadd-change .banner .info .subtitle {
        font-size: 0.7931rem; }
  .page-gadd-change .claimSaveTag, .page-gadd-change .companyTag {
    display: block;
    position: relative;
    top: -2.01071rem; }
  .page-gadd-change .companyTag {
    top: -2.43738rem; }
  .page-gadd-change .tab1MarginTop {
    margin-top: 3.04833rem; }
  .page-gadd-change .introduce {
    margin-top: 0.61024rem;
    background: #f6f6f6; }
    .page-gadd-change .introduce .ui-tab-header ul {
      border-top: none; }
    .page-gadd-change .introduce .bgcolor .pmargin {
      color: #666666;
      padding: 0 0.915rem 0.915rem 0.915rem;
      font-size: 0.915rem; }
    .page-gadd-change .introduce .flexRow {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
    .page-gadd-change .introduce .ui-tab-body-item {
      background-color: #f6f6f6; }
    .page-gadd-change .introduce .bgcolor {
      background-color: #ffffff; }
    .page-gadd-change .introduce .marginAuto {
      margin: 0.61024rem 0; }
    .page-gadd-change .introduce .info-title {
      margin: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .page-gadd-change .introduce .info-title:before {
        content: "";
        display: block;
        margin-right: 0.61024rem;
        height: 0.915rem;
        border-left: 2px solid #00AFF9; }
    .page-gadd-change .introduce .logo-page-change .logo {
      margin-bottom: 0.915rem;
      width: 100%;
      padding-left: 0.915rem; }
  .page-gadd-change .offer-block {
    position: fixed;
    left: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    background: #ffffff;
    height: 3.04833rem;
    z-index: 20;
    -webkit-box-shadow: 0 0 0.61024rem 0 rgba(204, 204, 204, 0.35);
            box-shadow: 0 0 0.61024rem 0 rgba(204, 204, 204, 0.35); }
    .page-gadd-change .offer-block:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      height: 1px;
      width: 100%;
      background: #dcdcdc;
      -webkit-transform: scaleY(0.5);
              transform: scaleY(0.5); }
    .page-gadd-change .offer-block .offer-blocks {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 0 0.915rem;
      font-size: 0.97595rem; }
    .page-gadd-change .offer-block .offer-block2 {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 2;
      -webkit-flex: 2;
          -ms-flex: 2;
              flex: 2;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding-left: 0.915rem;
      font-size: 0.97595rem; }
      .page-gadd-change .offer-block .offer-block2 p:first-child {
        color: #00AFF9; }
    .page-gadd-change .offer-block .obtain-block {
      background: #ffc702;
      color: #ffffff;
      height: 2.98738rem;
      line-height: 2.98738rem; }
  .page-gadd-change .fold-wrapper .fold-operation {
    text-align: center; }

.insurance-notice-wrapper {
  font-size: small;
  max-height: 70vh; }

.modal-footer-wrapper {
  text-align: center; }
  .modal-footer-wrapper .modal-footer-btn-close {
    color: #fff;
    background-color: #00aff9;
    border-radius: 1.21976rem;
    padding: 0.48833rem; }

.ui-modal > .ui-modal-wrapper > .ui-modal-dialog {
  padding: 0;
  margin: auto; }
@charset "UTF-8";
.page-detail {
  margin-bottom: 3.04833rem;
  position: relative; }
  .page-detail .app-container {
    background: #eee; }
  .page-detail .trial-robot {
    width: 3.3531rem;
    height: 3.04833rem;
    padding: 0.48833rem 0 0.42738rem;
    border-right: 0.06167rem solid #e1e1e1; }
    .page-detail .trial-robot .trial-inner {
      width: 100%;
      height: 100%;
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAABGCAYAAACOjMdmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEVGQTI4NzlDRTVCMTFFNjgzQjRBN0UwRkI2OTVCNTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEVGQTI4N0FDRTVCMTFFNjgzQjRBN0UwRkI2OTVCNTIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowRUZBMjg3N0NFNUIxMUU2ODNCNEE3RTBGQjY5NUI1MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowRUZBMjg3OENFNUIxMUU2ODNCNEE3RTBGQjY5NUI1MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Phll6R0AAApfSURBVHja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) center center no-repeat;
      background-size: contain; }
  .page-detail .activity-topbar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    z-index: 999;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    background: rgba(0, 0, 0, 0.6);
    height: 1.82929rem;
    width: 100%;
    padding-left: 0.30548rem;
    color: #ffba34;
    font-size: 0.85405rem; }
    .page-detail .activity-topbar p {
      line-height: 1.5; }
    .page-detail .activity-topbar:before {
      content: '\70ED';
      background: #ffba34;
      width: 1.09786rem;
      height: 1.09786rem;
      color: #fff;
      line-height: 1.4;
      padding-left: 0.12262rem;
      font-size: 0.85405rem;
      margin-right: 0.36643rem;
      border-radius: 0.24452rem; }
  .page-detail p {
    padding: 0;
    margin: 0; }
  .page-detail .banner {
    position: relative; }
    .page-detail .banner img {
      width: 100%; }
    .page-detail .banner .extension {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 1;
      display: none; }
      .page-detail .banner .extension.show {
        display: block; }
      .page-detail .banner .extension.open .extension-moreBlock {
        display: block; }
      .page-detail .banner .extension.open .extension-arrow {
        -webkit-transform: rotate(-180deg);
                transform: rotate(-180deg); }
      .page-detail .banner .extension .extension-dashboard {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        background: rgba(0, 0, 0, 0.8); }
      .page-detail .banner .extension .extension-moreBlock {
        background: rgba(0, 0, 0, 0.6);
        display: none; }
        .page-detail .banner .extension .extension-moreBlock .extension-advertisement {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center; }
      .page-detail .banner .extension .extension-stateIcon {
        color: #ffffff;
        border-radius: 0.24452rem;
        font-size: 0.67119rem;
        height: 0.97595rem;
        line-height: 0.97595rem;
        width: 0.97595rem;
        text-align: center;
        margin: 0 0.48833rem 0 0.61024rem; }
        .page-detail .banner .extension .extension-stateIcon.cred {
          background: #ff3c00; }
        .page-detail .banner .extension .extension-stateIcon.cblue {
          background: #0090ff; }
        .page-detail .banner .extension .extension-stateIcon.cgreen {
          background: #43b21c; }
        .page-detail .banner .extension .extension-stateIcon.cy {
          background: #ffa200; }
      .page-detail .banner .extension .extension-product {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
        color: #efc790;
        font-size: 0.67119rem;
        padding: 0.61024rem 0;
        line-height: 1.5em; }
    .page-detail .banner .info {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      text-align: center;
      padding: 0.30548rem 0.61024rem;
      background: rgba(0, 0, 0, 0.5);
      color: #fff; }
      .page-detail .banner .info .title {
        font-size: 0.97595rem; }
      .page-detail .banner .info .subtitle {
        font-size: 0.7931rem; }
  .page-detail .table-block .table-title {
    text-align: center;
    color: #333333;
    font-size: 0.97595rem;
    height: 2.74357rem;
    line-height: 2.74357rem; }
  .page-detail .table-block .table {
    width: 100%;
    font-size: 0.85405rem;
    color: #666666;
    border: 1px solid #e6e9ee; }
    .page-detail .table-block .table .notes {
      font-size: 0.73214rem;
      margin-top: 0.30548rem; }
    .page-detail .table-block .table thead tr > th {
      font-weight: normal;
      background: #f2f4f7;
      border-right: 1px solid #e6e9ee;
      border-bottom: 1px solid #e6e9ee;
      padding: 0.61024rem; }
      .page-detail .table-block .table thead tr > th:last-child {
        border-right: 0; }
    .page-detail .table-block .table tbody tr > td {
      border-right: 1px solid #e6e9ee;
      border-bottom: 1px solid #e6e9ee;
      padding: 0.61024rem; }
      .page-detail .table-block .table tbody tr > td:first-child, .page-detail .table-block .table tbody tr > td:nth-child(2) {
        text-align: center; }
      .page-detail .table-block .table tbody tr > td:last-child {
        border-right: 0; }
    .page-detail .table-block .table tbody tr:last-child td {
      border-bottom: 0; }
  .page-detail .your-protection-wrapper .table thead tr > th:nth-child(1) {
    width: 32%; }
  .page-detail .your-protection-wrapper .table thead tr > th:nth-child(2) {
    width: 25%; }
  .page-detail .margin-top {
    margin-top: 0.61024rem; }
  .page-detail .your-protection-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .page-detail .your-protection-icon {
    display: inline-block;
    width: 1.09786rem;
    height: 1.09786rem;
    background-size: 1.09786rem 1.09786rem;
    margin-right: 0.30548rem; }
  .page-detail .copyright {
    height: 2.43881rem;
    line-height: 2.43881rem;
    text-align: center;
    font-size: 0.61024rem;
    color: #b2b2b2; }
    .page-detail .copyright .logo {
      height: 0.61024rem;
      margin-right: 0.30548rem; }
  .page-detail .introduce {
    background: #fff; }
  .page-detail .insurance-notice-wrapper {
    padding-bottom: 0.915rem; }
  .page-detail .oneStop-points-wrapper {
    padding: 0 0.915rem; }
    .page-detail .oneStop-points-wrapper img {
      width: 100%; }
  .page-detail .process-describe-wrapper img {
    width: 100%; }
  .page-detail .box-title-wrapper {
    font-size: 0.85405rem;
    font-weight: normal;
    height: 2.56071rem;
    line-height: 2.56071rem;
    padding: 0 0.915rem; }
  .page-detail .box-title {
    border-left: 0.24452rem solid #26b8f5;
    padding-left: 0.42738rem; }
  .page-detail .clauses-instructions-box .body {
    font-size: 0.73214rem;
    color: #666666;
    padding: 0 0.915rem; }
  .page-detail .notice .buttons {
    padding: 0.21405rem 0 0.915rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .page-detail .notice .buttons button + button {
      margin-left: 1.21976rem; }
    .page-detail .notice .buttons button {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1; }
  .page-detail .notice p {
    color: #666;
    font-size: 0.7931rem;
    margin: 0;
    line-height: 1.5em;
    margin-bottom: 0.30548rem; }
    .page-detail .notice p:last-child {
      margin-bottom: 0; }
  .page-detail .clausebox .clausebox-text {
    height: 2.74357rem;
    overflow: hidden;
    font-size: 0.7931rem;
    color: #666;
    -webkit-transition: height .3s;
    transition: height .3s; }
  .page-detail .clausebox .clausebox-handler {
    position: relative;
    margin-top: 0.61024rem;
    text-align: center;
    font-size: 0.73214rem;
    color: #b2b2b2; }
    .page-detail .clausebox .clausebox-handler:after {
      position: absolute;
      top: 0.12262rem;
      margin-left: 0.30548rem;
      display: inline-block;
      content: '';
      border-right: 1px solid #c7c7cc;
      border-top: 1px solid #c7c7cc;
      width: 0.48833rem;
      height: 0.48833rem;
      -webkit-transform: rotate(-225deg);
              transform: rotate(-225deg); }
  .page-detail .clausebox.open .clausebox-text {
    height: auto; }
  .page-detail .clausebox.open .clausebox-handler:after {
    top: 0.36643rem;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  .page-detail .offer-block {
    position: fixed;
    left: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    background: #ffffff;
    height: 3.04833rem;
    z-index: 20;
    -webkit-box-shadow: 0 0 0.61024rem 0 rgba(204, 204, 204, 0.35);
            box-shadow: 0 0 0.61024rem 0 rgba(204, 204, 204, 0.35); }
    .page-detail .offer-block:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      height: 1px;
      width: 100%;
      background: #dcdcdc;
      -webkit-transform: scaleY(0.5);
              transform: scaleY(0.5); }
    .page-detail .offer-block .offer-blocks {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 0 0.915rem;
      font-size: 0.97595rem; }
    .page-detail .offer-block .obtain-block {
      background: #ffc702;
      color: #ffffff;
      height: 2.98738rem;
      line-height: 2.98738rem; }
  .page-detail .fold-wrapper .fold-operation {
    text-align: center; }
.insure-pay-page .ui-radio-group {
  padding: 0 0.915rem;
  background: #fff; }

.insure-pay-page .header-tips {
  padding: 0.915rem; }

.insure-pay-page .ui-radio {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.61024rem 0;
  border-bottom: 1px solid #eee;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .insure-pay-page .ui-radio:last-child {
    border-bottom: none; }
  .insure-pay-page .ui-radio .ui-radio-input {
    display: block;
    padding-right: 0.30548rem; }
  .insure-pay-page .ui-radio .text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .insure-pay-page .ui-radio h4 {
    margin: 0 0 0.12262rem;
    font-weight: 400; }
  .insure-pay-page .ui-radio .dec {
    font-size: 0.85405rem;
    color: #999; }

.insure-pay-page .none {
  display: none; }

.insure-pay-page .ui-input {
  background-color: #ffba34;
  border-color: #ffba34;
  color: #fff;
  height: 2.43881rem; }

.insure-pay-page .red {
  font-size: 12px;
  color: #e22;
  padding: 15px; }
.group-pay-list-page .header-tips {
  padding: 0.915rem; }

.group-pay-list-page .ui-panel-body {
  border-top: none;
  border-bottom: none; }

.group-pay-list-page .ui-radio-group {
  padding: 0 0.915rem;
  background: #fff; }

.group-pay-list-page .red {
  font-size: 12px;
  color: #e22;
  padding: 0 15px; }

.group-pay-list-page .ui-radio {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.61024rem 0;
  border-bottom: 1px solid #eee;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .group-pay-list-page .ui-radio:last-child {
    border-bottom: none; }
  .group-pay-list-page .ui-radio .ui-radio-input {
    display: block;
    padding-right: 0.30548rem; }
  .group-pay-list-page .ui-radio .text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .group-pay-list-page .ui-radio h4 {
    margin: 0 0 0.12262rem;
    font-weight: 400; }
  .group-pay-list-page .ui-radio .dec {
    font-size: 0.85405rem;
    color: #999; }

.group-pay-list-page .theme-warning {
  background: #ffc600; }
.ui-body-full-height .group-pay-bank-page {
  height: 100%; }

.group-pay-bank-page {
  background: #fff; }
  .group-pay-bank-page .red {
    color: #e22;
    font-size: 12px;
    padding: 0 15px; }
  .group-pay-bank-page .header-tips {
    padding: 0.915rem;
    color: #999; }
  .group-pay-bank-page .bank-info {
    margin: 0 0.915rem 0.915rem;
    padding: 0.915rem 0.915rem 1.21976rem;
    background: #16b3fe url(//static.iyunbao.com/website/health/iybApp/insurance/group/images/bg_bank.png) no-repeat 0 0;
    color: #fff;
    background-size: contain;
    border-radius: 0.61024rem;
    -webkit-box-shadow: 1px 3px 5px rgba(0, 160, 251, 0.3);
            box-shadow: 1px 3px 5px rgba(0, 160, 251, 0.3); }
    .group-pay-bank-page .bank-info dt {
      margin-bottom: 0.61024rem;
      font-size: 1.09786rem;
      font-weight: 700; }
    .group-pay-bank-page .bank-info dd {
      margin: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      line-height: 1.6;
      font-size: 0.85405rem; }
      .group-pay-bank-page .bank-info dd .name {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1; }
      .group-pay-bank-page .bank-info dd .text {
        max-width: 14.62929rem; }
  .group-pay-bank-page .view-more {
    padding: 0 0.915rem; }
  .group-pay-bank-page .fixed-bottom-submit-inner {
    height: 3.04833rem; }
  .group-pay-bank-page .fixed-bottom-submit {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 3.04833rem;
    line-height: 3.04833rem;
    font-size: 1.21976rem;
    text-align: center;
    background: #fff; }
    .group-pay-bank-page .fixed-bottom-submit .button-submit {
      display: block;
      -webkit-box-flex: 3;
      -webkit-flex: 3;
          -ms-flex: 3;
              flex: 3;
      background: #ffc702;
      color: #fff; }
  .group-pay-bank-page .popup-success {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 90;
    width: 100%;
    height: 100%;
    background: #f6f6f6; }
  .group-pay-bank-page .popup-success-show {
    display: block; }
@charset "UTF-8";
.group-pay-notice-page {
  /*width: 320px;   图片满屏 --guomaosen*/ }
  .group-pay-notice-page .not-data {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    width: 100%;
    margin-top: -1.21833rem;
    text-align: center;
    color: #999; }
  .group-pay-notice-page .notice-content img {
    width: 100%; }
  .group-pay-notice-page .down-to-mail {
    position: fixed;
    right: 0.61024rem;
    bottom: 1.21976rem;
    width: 3.65786rem;
    height: 3.475rem;
    background: url(https://static.iyunbao.com/website/health/iybApp/insurance/group/images/pay_icon_mail.png) no-repeat 0 0;
    background-size: cover; }
  .group-pay-notice-page .group-popup-notice .notice-list {
    position: relative;
    height: 2.56071rem;
    line-height: 2.56071rem;
    border: 1px solid #ddd; }
    .group-pay-notice-page .group-popup-notice .notice-list::before {
      content: "";
      position: absolute;
      top: 50%;
      left: 0.915rem;
      width: 1.34167rem;
      height: 0.915rem;
      margin-top: -0.4869rem;
      overflow: hidden;
      background: url(https://static.iyunbao.com/website/health/iybApp/insurance/group/images/icon_mail.png) no-repeat 0 0;
      background-size: cover; }
    .group-pay-notice-page .group-popup-notice .notice-list span.ui-input {
      display: block;
      padding-left: 3.04833rem; }
    .group-pay-notice-page .group-popup-notice .notice-list input.ui-input {
      height: 2.43881rem;
      line-height: 2.43881rem;
      vertical-align: top; }
  .group-pay-notice-page .group-popup-notice .ui-button {
    display: block; }
.pay-success-page .ui-success-page {
  background: none; }
.substitute-page {
  background: #FFF;
  height: 100vh;
  padding: 0.61024rem;
  font-size: 0.85405rem; }
  .substitute-page .top-title {
    color: #e22;
    font-size: 0.97595rem; }
  .substitute-page input {
    padding: 0 0.24452rem;
    border: 1px solid #ddd; }
  .substitute-page .statement {
    margin-top: 1.21976rem;
    line-height: 2.43881rem; }
  .substitute-page .button {
    display: block;
    background: #ffba34;
    width: 100%;
    height: 2.13405rem;
    border: none;
    margin-top: 1.21976rem; }
.page-group-list h4, .page-group-list p {
  margin: 0;
  padding: 0; }

.page-group-list .group-banners {
  font-size: 0; }
  .page-group-list .group-banners .ui-swipe-item {
    padding-top: 37.33%;
    background-size: cover; }
  .page-group-list .group-banners .ui-swipe-pagination {
    right: 50%;
    bottom: 0.30548rem;
    -webkit-transform: translate(50%, 0);
            transform: translate(50%, 0); }
    .page-group-list .group-banners .ui-swipe-pagination li {
      display: inline-block;
      width: 6px;
      height: 6px;
      background: #acacac;
      border-width: 0;
      border-radius: 6px;
      overflow: hidden; }
      .page-group-list .group-banners .ui-swipe-pagination li.active {
        width: 6px;
        height: 6px;
        background: #feb52b; }

.page-group-list .group-list {
  margin-bottom: 1.21976rem; }
  .page-group-list .group-list .group-list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.61024rem;
    padding: 0.915rem;
    background: #fff;
    -webkit-box-shadow: 0 0 6px rgba(64, 64, 64, 0.1);
            box-shadow: 0 0 6px rgba(64, 64, 64, 0.1); }
  .page-group-list .group-list .preview-image {
    width: 5.48643rem;
    height: 5.48643rem;
    background-size: cover;
    position: relative; }
    .page-group-list .group-list .preview-image .preview-tag {
      position: absolute;
      bottom: 0.30548rem;
      width: 5.24262rem;
      color: #fff;
      opacity: .9;
      border-top-right-radius: 0.24452rem;
      border-bottom-right-radius: 0.915rem;
      padding-left: 0.30548rem;
      padding-top: 0.18357rem;
      padding-bottom: 0.18357rem; }
      .page-group-list .group-list .preview-image .preview-tag .preview-text {
        display: block;
        font-size: 0.61024rem;
        line-height: 1.3; }
  .page-group-list .group-list .list-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 0.915rem; }
    .page-group-list .group-list .list-content h4 {
      margin-bottom: 0.12262rem;
      font-size: 0.97595rem;
      font-weight: 400;
      color: #393939; }
    .page-group-list .group-list .list-content p {
      line-height: 0.97595rem;
      font-size: 0.67119rem;
      color: #9a9a9a; }
  .page-group-list .group-list .list-msg {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .page-group-list .group-list .striking {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .page-group-list .group-list .striking p {
      font-size: 0.7931rem;
      color: #fd6602; }
    .page-group-list .group-list .striking .sub-part {
      line-height: 1.09786rem; }
  .page-group-list .group-list .main-part {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .page-group-list .group-list .price {
    font-size: 0.97595rem; }

.page-group-list .group-notes {
  padding: 0 0.915rem;
  line-height: 1.21976rem;
  font-size: 0.73214rem;
  color: #999; }
  .page-group-list .group-notes .notes-index {
    float: left;
    width: 0.915rem;
    height: 0.915rem;
    margin-top: 0.12262rem;
    margin-right: 0.24452rem;
    text-align: center;
    line-height: 0.915rem;
    border-radius: 50%;
    font-style: italic;
    color: #fff;
    background: #36baff; }
  .page-group-list .group-notes .notes-connect {
    margin-top: 0.61024rem;
    padding: 0 0.61024rem;
    line-height: 2.0731rem;
    background: #c1eaff;
    border-radius: 0.24452rem; }
    .page-group-list .group-notes .notes-connect a {
      color: #007dbe; }
    .page-group-list .group-notes .notes-connect .app-icon {
      margin-right: 0.61024rem;
      font-size: 0.85405rem; }
    .page-group-list .group-notes .notes-connect.wechat {
      background: #aff4d0;
      color: #0b8c48; }
@charset "UTF-8";
.page-group-plan-list {
  min-height: 37.79119rem;
  background: #eee;
  margin-bottom: 4.26738rem; }
  .page-group-plan-list .disabled {
    color: #000; }
  .page-group-plan-list input {
    width: 100%;
    text-align: right;
    padding-left: 0.30548rem; }
  .page-group-plan-list ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #000; }
  .page-group-plan-list :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #000;
    opacity: 1; }
  .page-group-plan-list ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #000;
    opacity: 1; }
  .page-group-plan-list :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #000; }
  .page-group-plan-list .ui-cell-title {
    width: inherit; }
  .page-group-plan-list .ui-cell-content {
    text-align: right; }
  .page-group-plan-list .ui-select {
    text-align: right;
    width: 100%; }
  .page-group-plan-list .theme-info {
    margin-top: 0.61024rem; }
    .page-group-plan-list .theme-info .ui-cell-inner {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .page-group-plan-list .theme-info .ui-cell-inner .ui-cell-body {
        -webkit-box-flex: 0;
        -webkit-flex: none;
            -ms-flex: none;
                flex: none; }
    .page-group-plan-list .theme-info .ui-cell-title {
      color: #2db7f5; }
  .page-group-plan-list .ui-cell-title {
    width: inherit; }
  .page-group-plan-list .group-buttom {
    position: fixed;
    bottom: 0;
    text-align: center;
    line-height: 3.04833rem;
    width: 100%;
    height: 3.04833rem;
    color: #fff;
    background-color: #f8c500; }
  .page-group-plan-list .group-buttom－letter {
    position: fixed;
    bottom: 0;
    text-align: center;
    width: 100%;
    height: 3.65786rem;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #f59c00; }
    .page-group-plan-list .group-buttom－letter .group-buttomOne {
      -webkit-box-flex: 2;
      -webkit-flex: 2;
          -ms-flex: 2;
              flex: 2;
      line-height: 3.65786rem;
      background: #f9c703; }
    .page-group-plan-list .group-buttom－letter .group-preminum {
      -webkit-box-flex: 3;
      -webkit-flex: 3;
          -ms-flex: 3;
              flex: 3;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      background-color: #fff;
      color: #000;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      font-size: 0.97595rem;
      -webkit-box-align: right;
      -webkit-align-items: right;
          -ms-flex-align: right;
              align-items: right;
      padding-left: 0.915rem; }
      .page-group-plan-list .group-buttom－letter .group-preminum div:last-child {
        font-size: 0.85405rem;
        color: #000; }
    .page-group-plan-list .group-buttom－letter .group-buttom-true {
      -webkit-box-flex: 2;
      -webkit-flex: 2;
          -ms-flex: 2;
              flex: 2;
      line-height: 3.65786rem; }
  .page-group-plan-list .ui-radio-button {
    border-left-width: 1px;
    margin-right: 0.61024rem;
    width: 30%; }
    .page-group-plan-list .ui-radio-button:last-child {
      margin-right: 0; }
  .page-group-plan-list .ui-modal-footer button {
    height: 2.13405rem;
    line-height: 2.13405rem; }
  .page-group-plan-list .ui-modal-dialog {
    width: 80% !important;
    padding: 0 !important; }
.za-popup-wrapper {
  background: #fff; }

.ui-modal-body {
  padding: 0.73214rem 0; }

.ui-modal-footer {
  padding: 0.73214rem 0 1.46357rem 0; }

.ui-modal-dialog {
  padding: 0 1.46357rem !important; }

.crm-download {
  color: #2db7f5; }

.crm-page-upload-popup-title {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.97595rem;
  font-weight: 600;
  color: #333;
  padding: 1.46357rem 0;
  border-bottom: 0.12262rem solid #e0e0e0; }
  .crm-page-upload-popup-title-close {
    position: absolute;
    top: 0.36643rem;
    right: 1.46357rem;
    font-weight: 300;
    text-align: center;
    font-size: 1.95119rem;
    color: #e0e0e0; }

.o-view-popup {
  padding: 1.21976rem 0.61024rem; }
  .o-view-popup-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    background-color: #FAFAFA;
    margin-bottom: 0.73214rem !important;
    padding: 1.46357rem 1.21976rem; }
    .o-view-popup-item-icon {
      width: 1.64643rem;
      height: 1.64643rem;
      margin-right: 1.46357rem; }
    .o-view-popup-item-tag {
      position: absolute;
      top: 0;
      right: 0;
      width: 4.81595rem;
      height: 3.65786rem; }
  .o-view-popup-modal-content-input {
    margin-top: 1.46357rem;
    padding: 1.46357rem;
    background-color: #F6F6F6;
    border-radius: 0.48833rem; }
  .o-view-popup-modal-content-footer {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .o-view-popup-modal-content-footer-item-confirm, .o-view-popup-modal-content-footer-item-cancel {
      width: 50%;
      font-weight: 600;
      text-align: center; }
    .o-view-popup-modal-content-footer-item-confirm {
      color: #057aff; }
  .o-view-popup-gray-btn {
    color: #999; }
.group-detail-component-tab-page {
  height: 2.74357rem; }
  .group-detail-component-tab-page .aTop {
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #dddddd;
    position: relative; }
    .group-detail-component-tab-page .aTop span {
      display: block;
      text-align: center;
      line-height: 2.74357rem;
      font-size: 0.915rem;
      color: #333333;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .group-detail-component-tab-page .aTop .aBottom {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 33%;
      -webkit-transition: left .3s ease-out;
      transition: left .3s ease-out;
      border-bottom: 2px solid #00AFF9; }
  .group-detail-component-tab-page .navigationFixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100; }
  .group-detail-component-tab-page .fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2; }
.group-component-country-page {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 99;
  -webkit-transition: all .3s;
  transition: all .3s;
  padding-top: 48px; }
  .group-component-country-page.close {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
  .group-component-country-page.open {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  .group-component-country-page .component-country-content-page {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: auto; }
  .group-component-country-page .seach-page {
    line-height: 44px;
    background: #ddd;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; }
    .group-component-country-page .seach-page input {
      width: 90%;
      border-radius: 5px;
      border: none;
      font-size: 18px;
      padding: 3px 10px;
      text-align: center; }
  .group-component-country-page ul {
    margin: 0;
    padding: 0 0 50px 15px;
    list-style: none;
    overflow: auto;
    font-family: PingFangSC-Medium;
    border: none; }
    .group-component-country-page ul li {
      line-height: 50px;
      font-size: 17px;
      border-bottom: 1px solid #ddd; }
.ui-upload-images .ui-panel {
  background: #fff;
  margin-bottom: 1.21976rem; }

.ui-upload-images .ui-panel-header {
  padding: 0.61024rem 0.85405rem;
  margin-bottom: 0.30548rem;
  font-size: 0.97595rem; }

.ui-upload-images .ui-panel-body {
  border-top: none;
  border-bottom: none; }

.ui-upload-images .list {
  margin: 0;
  padding: 0 0 0 0.61024rem;
  list-style: none outside none; }
  .ui-upload-images .list:before, .ui-upload-images .list:after {
    content: "";
    display: table; }
  .ui-upload-images .list:after {
    clear: both; }
  .ui-upload-images .list li {
    position: relative;
    float: left;
    width: 25%;
    height: 4.26738rem;
    margin: 0 0.61024rem 1.21976rem;
    border-radius: 0.30548rem;
    background: #f8f8f8;
    border: 1px dotted #c9c9c9; }
  .ui-upload-images .list .pic {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .ui-upload-images .list .pic img {
      width: 100%; }
  .ui-upload-images .list .button-delete {
    position: absolute;
    top: -0.60881rem;
    right: -0.60881rem;
    width: 1.21976rem;
    height: 1.21976rem;
    overflow: hidden;
    background: rgba(153, 153, 153, 0.7);
    border-radius: 50%; }
    .ui-upload-images .list .button-delete:before, .ui-upload-images .list .button-delete:after {
      position: absolute;
      top: 0.54929rem;
      left: 0.18357rem;
      content: "";
      width: 0.85405rem;
      height: 0.12262rem;
      border-radius: 0.18357rem;
      background: #fff; }
    .ui-upload-images .list .button-delete:before {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
    .ui-upload-images .list .button-delete:after {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }
  .ui-upload-images .list .upload-file {
    overflow: hidden;
    background: url(https://static.iyunbao.com/website/health/iybApp/insurance/group/images/upload_image.png) no-repeat center;
    background-size: cover; }
    .ui-upload-images .list .upload-file .cui-uploader {
      width: 100%;
      height: 100%; }
  .ui-upload-images .list .right-tips {
    background: unset;
    border: unset;
    margin-left: 0.915rem !important;
    width: auto;
    text-align: left; }

.ui-upload-images .ui-upload-big {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  z-index: 90;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .ui-upload-images .ui-upload-big .big-inner img {
    max-width: 100%;
    vertical-align: middle; }

.ui-upload-images .ui-upload-big-show {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
.group-blocks-activity {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 3.5vw;
  padding: 1.3vw 1.4vw;
  background: url(https://static.iyunbao.com/website/health/iybApp/insurance/group/images/activity_bg.png) 0 0/100% no-repeat; }
  .group-blocks-activity-label {
    border-radius: 1vw;
    padding: 0 2vw;
    line-height: 8vw;
    font-weight: bold;
    color: #ff3e27;
    background-image: -webkit-linear-gradient(269deg, #fef5d8, #fff5c2 98%);
    background-image: linear-gradient(-179deg, #fef5d8, #fff5c2 98%); }
  .group-blocks-activity-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    border-radius: 1vw;
    color: #fff;
    padding: 0 2vw;
    margin-left: 1vw !important; }
.ui-crm-sales-qualict {
  background-color: #fff;
  padding: 0 0.915rem 1.21976rem; }
  .ui-crm-sales-qualict-label {
    position: relative;
    padding: 0 0.73214rem;
    height: 2.37786rem;
    line-height: 2.37786rem;
    font-size: 0.73214rem;
    font-weight: 700;
    background: rgba(254, 246, 231, 0.6) -webkit-linear-gradient(314deg, rgba(254, 246, 231, 0.6) 0%, rgba(255, 251, 245, 0.6) 34%, rgba(251, 235, 223, 0.6) 66%, rgba(249, 230, 219, 0.6) 100%);
    background: rgba(254, 246, 231, 0.6) linear-gradient(136deg, rgba(254, 246, 231, 0.6) 0%, rgba(255, 251, 245, 0.6) 34%, rgba(251, 235, 223, 0.6) 66%, rgba(249, 230, 219, 0.6) 100%);
    border-radius: 0.24452rem;
    border: 1px solid rgba(255, 226, 207, 0.4);
    color: #826056; }
    .ui-crm-sales-qualict-label::after {
      content: '';
      position: absolute;
      top: 50%;
      right: 0.915rem;
      width: 0.45786rem;
      height: 0.45786rem;
      overflow: hidden;
      margin-top: -0.2431rem;
      border-right: 1px solid #999;
      border-top: 1px solid #999;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
  .ui-crm-sales-qualict-popup .za-popup-wrapper {
    position: fixed;
    z-index: 1002;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 18.28643rem;
    height: 17.555rem;
    padding: 0.97595rem 1.34167rem 1.52452rem;
    background: url(https://static.iyb.tm/web/h5/sky/short2020/trial/sales_qualict_info.png) no-repeat top left;
    background-size: contain; }
  .ui-crm-sales-qualict-popup .popup-title {
    margin-bottom: 1.52452rem;
    font-weight: 700;
    font-size: 0.97595rem;
    color: #5c182f; }
  .ui-crm-sales-qualict-popup .popup-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0.30548rem 0;
    color: #7f5109; }
  .ui-crm-sales-qualict-popup .popup-name {
    margin-right: 0.48833rem;
    font-size: 0.97595rem;
    font-weight: 700; }
  .ui-crm-sales-qualict-popup .popup-company {
    font-size: 0.73214rem; }
  .ui-crm-sales-qualict-popup .popup-certNo {
    font-size: 0.73214rem; }
  .ui-crm-sales-qualict-popup .button-close {
    position: relative;
    left: 50%;
    bottom: -3.65643rem;
    width: 2.13405rem;
    height: 2.13405rem;
    overflow: hidden;
    border: 0.24452rem solid rgba(255, 255, 255, 0.6);
    -webkit-transform: translate(-50%, 0) rotate(45deg);
            transform: translate(-50%, 0) rotate(45deg);
    border-radius: 50%; }
    .ui-crm-sales-qualict-popup .button-close::after, .ui-crm-sales-qualict-popup .button-close::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      background-color: rgba(255, 255, 255, 0.6);
      overflow: hidden;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
    .ui-crm-sales-qualict-popup .button-close::before {
      width: 0.915rem;
      height: 0.12262rem; }
    .ui-crm-sales-qualict-popup .button-close::after {
      width: 0.12262rem;
      height: 0.915rem; }
  .ui-crm-sales-qualict .za-popup-hidden {
    display: none; }
.multifile-modal-tabs-wrapper .tab li {
  color: #999;
  font-size: 0.915rem; }

.multifile-modal-tabs-wrapper .tab .za-tab-header-item.active {
  color: #057AFF !important; }

.multifile-modal-tabs-wrapper .tab .za-tab-line {
  background-color: unset !important; }

.multifile-modal-tabs-wrapper .tab .za-tab-line-inner {
  background-color: unset !important; }

.multifile-modal-tabs-wrapper .tab .za-tab-header ul:after {
  border: none; }

.multifile-modal-tabs-wrapper .tab .tab-panel-content {
  max-height: 500px;
  overflow-x: auto; }

.multifile-modal-tabs-wrapper .icon-close {
  display: inline-block;
  position: absolute;
  z-index: 1000;
  top: 1.21976rem;
  right: 0.915rem;
  background: #95835e;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }

.multifile-modal-tabs-wrapper .icon-close::after {
  content: '';
  display: block;
  width: 0.85405rem;
  height: 0.06167rem;
  background: #95835e;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg); }
.agree-term-modal .za-tab-container {
  max-height: 400px;
  overflow: scroll; }

.agree-term-modal .footerWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%; }
  .agree-term-modal .footerWrapper .footerTips {
    color: #ff6d0c;
    font-size: 14px; }
  .agree-term-modal .footerWrapper .footerButton {
    border-radius: 14px;
    min-width: 160px; }
@charset "UTF-8";
.group-blocks-page .blocks-a-red {
  color: #FF0000; }

.group-blocks-page .blocks-a-blue {
  color: #0000FF; }

.group-blocks-page .blocks-a-blue1 {
  color: #00AFF9; }

.group-blocks-page .blocks-a-green {
  color: #00FF00; }

.group-blocks-page .blocks-a-yellow {
  color: #FFFF00; }

.group-blocks-page .blocks-a-orange {
  color: #FFA500; }

.group-blocks-page .blocks-a-orange1 {
  color: #ffba34; }

.group-blocks-page .blocks-a-gray {
  color: #999999; }

.group-blocks-page .blocks-a-gray1 {
  color: #666666; }

.group-blocks-page .blocks-a-gray2 {
  color: #333333; }

.group-blocks-page .blocks-button-red {
  color: #FFFFFF;
  background-color: #FF0000; }

.group-blocks-page .blocks-button-blue {
  color: #FFFFFF;
  background-color: #0000FF; }

.group-blocks-page .blocks-button-blue1 {
  color: #FFFFFF;
  background-color: #00AFF9; }

.group-blocks-page .blocks-button-orange {
  color: #FFFFFF;
  background-color: #FFA500; }

.group-blocks-page .blocks-button-orange1 {
  color: #FFFFFF;
  background-color: #ffba34; }

.group-blocks-page .blocks-button-yellow {
  color: #FFFFFF;
  background-color: #FFFF00; }

.group-blocks-page .blocks-button-green {
  color: #FFFFFF;
  background-color: #00FF00; }

.group-blocks-page .blocks-button-white {
  background-color: #FFFFFF;
  color: #000000; }

.group-blocks-page .blocks-button-gray {
  background-color: #666666;
  color: #fff; }

.group-blocks-page .blocks-button-gray1 {
  background-color: #999;
  color: #fff; }

.group-blocks-page .flex1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.group-blocks-page .flex2 {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
      -ms-flex: 2;
          flex: 2; }

.group-blocks-page .flex3 {
  -webkit-box-flex: 3;
  -webkit-flex: 3;
      -ms-flex: 3;
          flex: 3; }

.group-blocks-page .flex4 {
  -webkit-box-flex: 4;
  -webkit-flex: 4;
      -ms-flex: 4;
          flex: 4; }

.group-blocks-page .flex5 {
  -webkit-box-flex: 5;
  -webkit-flex: 5;
      -ms-flex: 5;
          flex: 5; }

.group-blocks-page .paddingLeft10 {
  padding-left: 10px; }

.group-blocks-page .paddingRight10 {
  padding-right: 10px; }

.group-blocks-page .paddingLeft5 {
  padding-left: 5px; }

.group-blocks-page .paddingRight5 {
  padding-right: 5px; }

.group-blocks-error {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #ffffff; }

.group-blocks-page {
  /* banner预设 */
  /* 弹出框预设样式 */
  /* 手风琴 */
  /* title预设 */ }
  .group-blocks-page * {
    margin: 0; }
  .group-blocks-page input {
    text-align: right; }
  .group-blocks-page .has-icon::after {
    left: 45px; }
  .group-blocks-page .za-cell-footer {
    color: #000000; }
  .group-blocks-page .za-panel-header {
    padding: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .group-blocks-page .za-popup-wrapper {
    max-height: 90%;
    overflow: auto; }
  .group-blocks-page .za-modal-dialog {
    margin: auto; }
  .group-blocks-page .za-picker {
    height: inherit; }
    .group-blocks-page .za-picker .za-picker-input {
      padding: 0; }
  .group-blocks-page .za-input {
    padding: 0; }
  .group-blocks-page .banner {
    position: relative; }
    .group-blocks-page .banner .info1, .group-blocks-page .banner .prospectus, .group-blocks-page .banner .insure {
      position: absolute;
      width: 100%;
      bottom: 0; }
    .group-blocks-page .banner .info1 {
      color: #ffffff;
      padding: 0.30548rem 0;
      font-size: 0.7931rem;
      background-color: rgba(0, 0, 0, 0.5);
      text-align: center; }
      .group-blocks-page .banner .info1 p:first-child {
        font-size: 0.97595rem; }
    .group-blocks-page .banner .prospectus, .group-blocks-page .banner .insure {
      font-size: 0.915rem;
      line-height: 1.52452rem;
      padding: 0 0.73214rem 0.915rem 0.915rem; }
    .group-blocks-page .banner .insure {
      color: #ffffff; }
  .group-blocks-page .popup {
    padding: 0 0.61024rem 0.61024rem 0.61024rem;
    min-height: 18.28643rem;
    background-color: #ffffff; }
    .group-blocks-page .popup .title {
      font-family: 'PingFangSC-Medium';
      font-size: 1.15881rem;
      text-align: center;
      line-height: 2.74357rem;
      letter-spacing: 1px;
      border-bottom: 1px solid #ddd;
      position: relative; }
      .group-blocks-page .popup .title i {
        position: absolute;
        bottom: 0;
        right: 0;
        font-size: 1.15881rem;
        font-weight: bold; }
    .group-blocks-page .popup > *:not(:last-child) {
      margin-bottom: 10px; }
  .group-blocks-page .country-page {
    color: #a9a9a9; }
    .group-blocks-page .country-page.has-name {
      color: #000; }
  .group-blocks-page .blocks-form-button {
    padding: 1.21976rem; }
    .group-blocks-page .blocks-form-button input {
      width: 100%;
      display: block;
      border-radius: 5px;
      color: #fff;
      border: none;
      line-height: 2.68262rem;
      text-align: center;
      background: #ffc600; }
  .group-blocks-page .accordion .za-cell-content {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    padding: 0.61024rem 0; }
    .group-blocks-page .accordion .za-cell-content .item {
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      .group-blocks-page .accordion .za-cell-content .item:not(:last-child) {
        margin-bottom: 0.61024rem; }
      .group-blocks-page .accordion .za-cell-content .item .left {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1; }
      .group-blocks-page .accordion .za-cell-content .item .right {
        text-align: right;
        width: 6.09595rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .group-blocks-page .decorate {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .group-blocks-page .decorate::before {
      content: "";
      display: block;
      width: 0.18357rem;
      margin-right: 0.61024rem;
      background-color: #00AFF9; }
  .group-blocks-page .gradient {
    line-height: 30px;
    padding-left: 25px;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    background-image: -webkit-gradient(linear, left top, right top, from(#74D7FF), to(#F9FDFF));
    background-image: -webkit-linear-gradient(left, #74D7FF 0%, #F9FDFF 100%);
    background-image: linear-gradient(to right, #74D7FF 0%, #F9FDFF 100%); }
  .group-blocks-page .companyInfo,
  .group-blocks-page .insureFlow,
  .group-blocks-page .policy,
  .group-blocks-page .claim {
    padding: 15px 0 15px 15px;
    background-color: #ffffff; }
  .group-blocks-page .companyInfo img {
    margin: 15px 0; }
  .group-blocks-page .companyInfo p {
    font-size: 15px;
    padding-right: 15px;
    color: #666666; }
  .group-blocks-page .insureFlow-page .insureFlow {
    padding-bottom: 0; }
    .group-blocks-page .insureFlow-page .insureFlow .body-item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      font-size: 14px;
      padding: 10px 0;
      position: relative; }
      .group-blocks-page .insureFlow-page .insureFlow .body-item .body-icon {
        width: 2.13405rem;
        height: 2.13405rem;
        color: #ffffff;
        text-align: center;
        line-height: 2.13405rem;
        margin-right: 0.61024rem;
        background-color: #78D7FF;
        border-radius: 25px;
        position: relative; }
      .group-blocks-page .insureFlow-page .insureFlow .body-item:not(:last-child)::before {
        content: "";
        width: 2px;
        height: -webkit-calc(100% - 41px);
        height: calc(100% - 41px);
        margin-top: 38px;
        background-color: #ddd;
        position: absolute;
        left: 17px; }
  .group-blocks-page .occupation-page {
    min-width: 20px; }
  .group-blocks-page .profession-picker {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 998;
    padding: 0.915rem;
    background: #f9eede;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s; }
    .group-blocks-page .profession-picker .ui-cell-inner {
      background: #ffffed; }
    .group-blocks-page .profession-picker .picker-item {
      padding: 0.61024rem 0.915rem;
      background: #ffffed; }
      .group-blocks-page .profession-picker .picker-item .theme-info {
        margin-right: 10px;
        margin-top: 10px;
        border-radius: 5px; }
    .group-blocks-page .profession-picker .title {
      font-size: 0.73214rem; }
    .group-blocks-page .profession-picker .za-cell {
      margin-bottom: 10px; }
    .group-blocks-page .profession-picker .za-cell-inner {
      background: #ffffed; }
    .group-blocks-page .profession-picker .prohidden {
      height: 100%; }
  .group-blocks-page .profession-hidden {
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0); }
  .group-blocks-page .policy-page .policy-body {
    margin-top: 10px;
    font-size: 14px; }
  .group-blocks-page .claim-page .claim-body {
    margin-top: 10px; }
  .group-blocks-page .question {
    padding: 15px;
    background-color: #ffffff; }
  .group-blocks-page .box-shadow {
    background-color: #F6F6F6;
    border-radius: 5px;
    padding: 10px; }
  .group-blocks-page .blocks-radio-day .checked {
    background-color: #2db7f5;
    color: #ffffff !important;
    border: 1px solid #ddd; }
  .group-blocks-page .blocks-radio-day .za-radio {
    min-width: 65px;
    margin-bottom: 5px;
    color: #2db7f5;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-right: 5px; }
  .group-blocks-page .blocks-radio-plan {
    width: 100%;
    padding: 10px 5px;
    overflow: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap; }
    .group-blocks-page .blocks-radio-plan .checked {
      background-color: #2db7f5;
      color: #ffffff !important;
      border: 1px solid #ddd; }
    .group-blocks-page .blocks-radio-plan .za-radio {
      min-width: 30%;
      border: none;
      border-radius: 5px;
      height: 60px;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      color: #2db7f5;
      -webkit-box-shadow: 1px 1px 10px 2px #dddddd;
              box-shadow: 1px 1px 10px 2px #dddddd; }
      .group-blocks-page .blocks-radio-plan .za-radio:not(:last-child) {
        margin-right: 3%; }
      .group-blocks-page .blocks-radio-plan .za-radio:first-child {
        margin-left: 1%; }
  .group-blocks-page .infoList-page {
    padding: 0 15px; }
    .group-blocks-page .infoList-page .title {
      text-align: center;
      padding: 15px;
      margin-top: 0 !important; }
    .group-blocks-page .infoList-page h4 {
      margin-bottom: 10px; }
    .group-blocks-page .infoList-page > *:not(:nth-child(2)) {
      margin-top: 15px; }
    .group-blocks-page .infoList-page .bg-form, .group-blocks-page .infoList-page .bg-upload, .group-blocks-page .infoList-page .bg-old {
      color: #ffffff;
      padding: 20px;
      border-radius: 5px;
      min-height: 120px; }
    .group-blocks-page .infoList-page .bg-form {
      background: #ffa200 url(https://static.iyunbao.com/website/health/iybApp/insurance/group/images/bg_info_list.png) 20px 0 no-repeat;
      background-size: 90%; }
    .group-blocks-page .infoList-page .bg-upload {
      background: #02cac8 url(https://static.iyunbao.com/website/health/iybApp/insurance/group/images/bg_info_list_2.png) 20px 0 no-repeat;
      background-size: 90%; }
    .group-blocks-page .infoList-page .bg-old {
      background: #75dbf9 url(https://static.iyunbao.com/website/health/iybApp/insurance/group/images/bg_info_list_3.png) 0 0 no-repeat;
      background-size: 100%; }
  .group-blocks-page .button-page .button {
    width: 100%;
    height: 50px;
    text-align: center;
    background-color: #ffffff;
    -webkit-box-shadow: #ddd 0 1px 10px 2px;
            box-shadow: #ddd 0 1px 10px 2px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 1; }
    .group-blocks-page .button-page .button * {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .group-blocks-page .button-page .button .trial-robot {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      height: 100%;
      width: 55px;
      padding: 10px 0;
      border-right: 1px solid #ddd; }
      .group-blocks-page .button-page .button .trial-robot .trial-inner {
        width: 100%;
        height: 50px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAABGCAYAAACOjMdmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEVGQTI4NzlDRTVCMTFFNjgzQjRBN0UwRkI2OTVCNTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEVGQTI4N0FDRTVCMTFFNjgzQjRBN0UwRkI2OTVCNTIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowRUZBMjg3N0NFNUIxMUU2ODNCNEE3RTBGQjY5NUI1MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowRUZBMjg3OENFNUIxMUU2ODNCNEE3RTBGQjY5NUI1MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Phll6R0AAApfSURBVHja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) center center no-repeat;
        background-size: contain; }
  .group-blocks-page .squeezebox-page .squeezebox {
    -webkit-transition: all .3s;
    transition: all .3s;
    overflow: hidden;
    height: 0; }
  .group-blocks-page .insureList-page {
    padding: 15px;
    background-color: #ffffff; }
    .group-blocks-page .insureList-page .insureList-item {
      -webkit-box-shadow: 0px 3px 15px 0 #999999;
              box-shadow: 0px 3px 15px 0 #999999;
      margin-top: 20px;
      border-radius: 5px;
      overflow: hidden; }
      .group-blocks-page .insureList-page .insureList-item .insureList-item-title {
        height: 40px;
        color: #ffffff;
        padding: 0 20px;
        background: -webkit-gradient(linear, right top, left top, from(#48B2FF), color-stop(#2DA7FF), color-stop(#5BB9FF), to(#99D0FF));
        background: -webkit-linear-gradient(right, #48B2FF, #2DA7FF, #5BB9FF, #99D0FF);
        background: linear-gradient(to left, #48B2FF, #2DA7FF, #5BB9FF, #99D0FF);
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        .group-blocks-page .insureList-page .insureList-item .insureList-item-title::before {
          content: "";
          -webkit-box-flex: 1;
          -webkit-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          width: 80px;
          height: 8px;
          display: inline-block;
          margin-bottom: 6px;
          margin-right: 10px;
          border-right: 2px solid rgba(255, 255, 255, 0.5);
          border-bottom: 1px solid rgba(255, 255, 255, 0.5);
          -webkit-transform: skew(-20deg);
                  transform: skew(-20deg); }
        .group-blocks-page .insureList-page .insureList-item .insureList-item-title::after {
          content: "";
          -webkit-box-flex: 1;
          -webkit-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          width: 80px;
          height: 8px;
          display: inline-block;
          margin-top: 6px;
          margin-left: 10px;
          border-left: 2px solid rgba(255, 255, 255, 0.5);
          border-top: 1px solid rgba(255, 255, 255, 0.5);
          -webkit-transform: skew(-20deg);
                  transform: skew(-20deg); }
      .group-blocks-page .insureList-page .insureList-item .personPage {
        color: #333333;
        height: 0;
        margin-left: 15px;
        overflow: hidden;
        -webkit-transition: height .2s;
        transition: height .2s; }
        .group-blocks-page .insureList-page .insureList-item .personPage > * {
          line-height: 20px;
          margin: 10px 0; }
      .group-blocks-page .insureList-page .insureList-item .renshu {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
      .group-blocks-page .insureList-page .insureList-item .icon {
        margin-left: 5px;
        -webkit-transition: all .5s;
        transition: all .5s; }
      .group-blocks-page .insureList-page .insureList-item .premium {
        height: 50px;
        line-height: 50px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        padding-right: 10px;
        background-color: #F6F6F6; }
      .group-blocks-page .insureList-page .insureList-item #personPage {
        height: 0;
        overflow: hidden;
        -webkit-transition: height .5s;
        transition: height .5s; }
  .group-blocks-page .startTime-page {
    background-color: #fef4db;
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 3;
    font-size: 15px;
    max-height: 45px;
    padding: 13px 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .group-blocks-page .startTime-page .title {
      -webkit-box-flex: 2;
      -webkit-flex: 2;
          -ms-flex: 2;
              flex: 2; }
    .group-blocks-page .startTime-page .za-picker {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      background-color: #fef4db; }
  .group-blocks-page .za-checkbox {
    font-size: 14px; }
    .group-blocks-page .za-checkbox .za-checkbox-text {
      width: 94%; }
  .group-blocks-page .za-picker-cancel {
    text-align: left; }
  .group-blocks-page .form-page .za-cell-title {
    width: inherit;
    max-width: 80%; }
  .group-blocks-page .form-page .za-cell-content > * {
    width: 100%;
    text-align: right; }
  .group-blocks-page .form-page .za-picker-cancel {
    text-align: left; }
  .group-blocks-page .form-page .ui-panel-header {
    padding: 15px 0;
    text-align: left; }
  .group-blocks-page .form-page .list {
    padding: 0; }
    .group-blocks-page .form-page .list .upload-file, .group-blocks-page .form-page .list .suc-img {
      margin-left: 0; }
  .group-blocks-page .form-page .ui-upload-images .list li {
    margin: 0 0.61024rem 1.21976rem 0; }
  .group-blocks-page .form-page .require::before {
    content: '* ';
    color: red; }
  .group-blocks-page .form-page .form-title .form-title-subtitle {
    font-size: 12px;
    color: #999999; }
  .group-blocks-page .personList-page {
    padding: 0 10px; }
    .group-blocks-page .personList-page .title {
      padding: 10px 0;
      font-size: 15px; }
      .group-blocks-page .personList-page .title > * {
        margin-right: 5px; }
    .group-blocks-page .personList-page .body {
      border-radius: 5px;
      overflow: hidden; }
      .group-blocks-page .personList-page .body .za-icon-wrong-round {
        font-size: 20px; }
      .group-blocks-page .personList-page .body .ok {
        color: #2db7f5;
        padding: 1px 10px;
        border-radius: 5px;
        border: 1px solid #2db7f5; }
      .group-blocks-page .personList-page .body .picker {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
        .group-blocks-page .personList-page .body .picker .za-picker {
          width: inherit;
          margin-right: 5px; }
    .group-blocks-page .personList-page .button {
      text-align: center;
      line-height: 45px;
      border-radius: 5px;
      background-color: #ffffff;
      color: #2db7f5;
      margin: 10px 0; }
  .group-blocks-page .multiPlans-page .button {
    text-align: center;
    line-height: 45px;
    border-radius: 5px;
    background-color: #ffffff;
    color: #2db7f5;
    margin: 10px 0; }
  .group-blocks-page .success-page .success {
    background-color: #ffffff;
    padding: 30px 20px 15px 20px; }
    .group-blocks-page .success-page .success .info-prompt {
      text-align: center;
      margin-bottom: 20px; }
      .group-blocks-page .success-page .success .info-prompt img {
        width: 70px;
        height: 70px;
        margin-bottom: 20px; }
  .group-blocks-page .success-page .button-page {
    padding: 15px; }
    .group-blocks-page .success-page .button-page .success-button {
      width: 100%;
      height: 48px;
      line-height: 48px;
      text-align: center;
      border-radius: 5px;
      color: #ffffff;
      background-color: #ffc600; }
  .group-blocks-page .pay-page .pay-title {
    padding: 12px 15px; }
  .group-blocks-page .pay-page img {
    height: 25px;
    margin-left: 20px; }

.commom-cell-wrapper .za-cell-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.checkbox-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  -webkit-box-shadow: inset 0px 1px #ddd;
          box-shadow: inset 0px 1px #ddd; }
  .checkbox-wrapper .za-checkbox {
    padding: 8px; }
.group-trial-page .group-common-page {
  padding-bottom: 3.65786rem; }
  .group-trial-page .group-common-page img {
    width: 100%; }
  .group-trial-page .group-common-page .ui-panel-body {
    border: none; }
  .group-trial-page .group-common-page .ui-cell-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
        -ms-flex-pack: left;
            justify-content: left; }
    .group-trial-page .group-common-page .ui-cell-content > *:first-child {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1; }
  .group-trial-page .group-common-page .add {
    margin-top: 0.61024rem; }
    .group-trial-page .group-common-page .add .ui-cell-inner {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .group-trial-page .group-common-page .add .ui-cell-body {
      -webkit-box-flex: 0;
      -webkit-flex: none;
          -ms-flex: none;
              flex: none; }
  .group-trial-page .group-common-page .za-picker {
    width: inherit;
    height: inherit; }
    .group-trial-page .group-common-page .za-picker .za-picker-input {
      padding: 0; }
  .group-trial-page .group-common-page .childB {
    bottom: 0;
    color: #ffffff;
    height: 3.04833rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .group-trial-page .group-common-page .right {
    float: right;
    color: #00aefc; }
  .group-trial-page .group-common-page .flexC {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .group-trial-page .group-common-page .fB {
    bottom: 0;
    width: 100%;
    position: fixed;
    color: #ffffff;
    line-height: 3.04833rem;
    text-align: center;
    background-color: #f9c703;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .group-trial-page .group-common-page .fB > div {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1; }
      .group-trial-page .group-common-page .fB > div:first-child {
        background: red; }

.group-trial-page .profession-picker {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 998;
  padding: 0.915rem;
  background: #f9eede;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s; }
  .group-trial-page .profession-picker .ui-cell-inner {
    background: #ffffed; }
  .group-trial-page .profession-picker .picker-item {
    margin-top: 0.61024rem;
    padding: 0.61024rem 0.915rem;
    background: #ffffed; }
    .group-trial-page .profession-picker .picker-item .theme-info {
      margin-right: 10px;
      margin-top: 10px;
      border-radius: 5px; }
  .group-trial-page .profession-picker .title {
    font-size: 0.73214rem; }
  .group-trial-page .profession-picker .za-cell {
    margin-bottom: 10px; }
  .group-trial-page .profession-picker .za-cell-inner {
    background: #ffffed; }
  .group-trial-page .profession-picker .prohidden {
    height: 100%; }

.group-trial-page .profession-hidden {
  -webkit-transform: translate(100%, 0);
          transform: translate(100%, 0); }

.group-trial-page .za-modal {
  z-index: 1000; }
.group-trial-page .blue {
  color: #00aefc !important; }

.group-trial-page .cBlack {
  color: #000000 !important; }

.group-trial-page .cGray {
  color: #b0b0b0; }

.group-trial-page .cGray1 {
  color: #dddddd; }

.group-trial-page .cGray2 {
  color: #999999; }

.group-trial-page .f12 {
  font-size: 0.73214rem; }

.group-trial-page .f13 {
  font-size: 0.7931rem; }

.group-trial-page .f14 {
  font-size: 0.85405rem; }

.group-trial-page .f15 {
  font-size: 0.915rem; }

.group-trial-page p {
  margin: 0; }

.group-trial-page .dB {
  display: block; }

.group-trial-page .dI {
  display: inline-block; }

.group-trial-page .pL10 {
  padding-left: 0.61024rem; }

.group-trial-page .pL15 {
  padding-left: 0.915rem; }

.group-trial-page .pL20 {
  padding-left: 1.21976rem; }

.group-trial-page .pR10 {
  padding-right: 0.61024rem; }

.group-trial-page .pR15 {
  padding-right: 0.915rem; }

.group-trial-page .pR20 {
  padding-right: 1.21976rem; }

.group-trial-page .bYellow {
  background-color: #ffc702; }

.group-trial-page .bOrigin {
  background-color: #feaa00; }

.group-trial-page .bWrite {
  background-color: #ffffff; }

.group-trial-page .mB10 {
  margin-bottom: 0.61024rem; }

.group-trial-page .cMB10 > div {
  margin-bottom: 0.61024rem; }

.group-trial-page .flex1 {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 !important;
      -ms-flex: 1 !important;
          flex: 1 !important; }

.group-trial-page .flex2 {
  -webkit-box-flex: 2 !important;
  -webkit-flex: 2 !important;
      -ms-flex: 2 !important;
          flex: 2 !important; }

.group-trial-page .flex3 {
  -webkit-box-flex: 3 !important;
  -webkit-flex: 3 !important;
      -ms-flex: 3 !important;
          flex: 3 !important; }

.group-trial-page .flex4 {
  -webkit-box-flex: 4 !important;
  -webkit-flex: 4 !important;
      -ms-flex: 4 !important;
          flex: 4 !important; }

.group-trial-page .flexR {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.group-trial-page .flexA {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.group-trial-page .flexJ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.group-trial-page .fixedB {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%; }

.group-trial-page .tAR {
  text-align: right; }

.group-trial-page .tAL {
  text-align: left; }

.group-trial-page .tAC {
  text-align: center; }
@charset "UTF-8";
.page-group-plan-list {
  font-family: "PingFang-SC-Regular";
  min-height: 35.96262rem;
  background: #eee;
  margin-bottom: 4.26738rem; }
  .page-group-plan-list .disabled {
    color: #000; }
  .page-group-plan-list input {
    width: 100%;
    text-align: right;
    padding-left: 0.30548rem; }
  .page-group-plan-list ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #000; }
  .page-group-plan-list :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #000;
    opacity: 1; }
  .page-group-plan-list ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #000;
    opacity: 1; }
  .page-group-plan-list :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #000; }
  .page-group-plan-list .plan-letter-title {
    font-size: 0.85405rem;
    color: #b0b0b0; }
  .page-group-plan-list .plan-cell-select .ui-cell-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .page-group-plan-list .plan-cell-select .ui-cell-content {
    text-align: left;
    margin-left: 0.61024rem; }
  .page-group-plan-list .plan-modal-page .ui-modal-header {
    border-bottom: none; }
  .page-group-plan-list .ui-cell-title {
    max-width: 17.06738rem;
    width: inherit; }
  .page-group-plan-list .ui-cell-content {
    text-align: center; }
  .page-group-plan-list .ui-select {
    text-align: right;
    width: 100%; }
  .page-group-plan-list .theme-info {
    margin-top: 0.61024rem; }
    .page-group-plan-list .theme-info .ui-cell-inner {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .page-group-plan-list .theme-info .ui-cell-inner .ui-cell-body {
        -webkit-box-flex: 0;
        -webkit-flex: none;
            -ms-flex: none;
                flex: none; }
    .page-group-plan-list .theme-info .ui-cell-title {
      color: #2db7f5; }
  .page-group-plan-list .ui-panel-body {
    border: none; }
  .page-group-plan-list .ui-cell-title {
    width: inherit; }
  .page-group-plan-list .group-buttom {
    position: fixed;
    bottom: 0;
    text-align: center;
    line-height: 3.04833rem;
    width: 100%;
    height: 3.04833rem;
    color: #fff;
    background-color: #f8c500; }
  .page-group-plan-list .group-buttom－letter {
    position: fixed;
    bottom: 0;
    text-align: center;
    width: 100%;
    height: 3.65786rem;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #f59c00; }
    .page-group-plan-list .group-buttom－letter .group-buttomOne {
      -webkit-box-flex: 2;
      -webkit-flex: 2;
          -ms-flex: 2;
              flex: 2;
      line-height: 3.65786rem;
      background: #f9c703; }
    .page-group-plan-list .group-buttom－letter .group-preminum {
      -webkit-box-flex: 3;
      -webkit-flex: 3;
          -ms-flex: 3;
              flex: 3;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      background-color: #fff;
      color: #000;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      font-size: 0.97595rem;
      -webkit-box-align: right;
      -webkit-align-items: right;
          -ms-flex-align: right;
              align-items: right;
      padding-left: 0.915rem; }
      .page-group-plan-list .group-buttom－letter .group-preminum div:last-child {
        font-size: 0.85405rem;
        color: #000; }
    .page-group-plan-list .group-buttom－letter .group-buttom-true {
      -webkit-box-flex: 2;
      -webkit-flex: 2;
          -ms-flex: 2;
              flex: 2;
      line-height: 3.65786rem; }
  .page-group-plan-list .ui-radio-button {
    border-left-width: 1px;
    margin-right: 0.61024rem;
    margin-top: 0.61024rem;
    border-radius: 5px; }
  .page-group-plan-list .ui-modal-body {
    padding-bottom: 0.61024rem; }
    .page-group-plan-list .ui-modal-body img {
      width: 100%; }
  .page-group-plan-list .ui-modal-footer button {
    width: 100%;
    height: 2.13405rem;
    line-height: 2.13405rem; }
  .page-group-plan-list .ui-modal-dialog {
    width: 80% !important;
    padding: 0 !important; }
.app-container {
  background: #eee; }

.page-prospectus {
  margin-bottom: 3.04833rem; }
  .page-prospectus p, .page-prospectus h4, .page-prospectus h3, .page-prospectus h2, .page-prospectus dl, .page-prospectus dd, .page-prospectus img, .page-prospectus span {
    padding: 0;
    margin: 0; }
  .page-prospectus .pre-page .pro-title {
    padding: 0.915rem; }
    .page-prospectus .pre-page .pro-title p:last-child {
      font-size: 0.7931rem;
      color: #b9b9b9; }
  .page-prospectus .pre-page:after {
    content: "";
    display: block;
    height: 0.61024rem;
    width: 120%;
    position: relative;
    left: -10%;
    background-color: whitesmoke; }
  .page-prospectus .pre-shadow:after {
    content: "";
    display: block;
    height: 0.61024rem;
    width: 120%;
    position: relative;
    left: -10%;
    background-color: whitesmoke; }
  .page-prospectus .banner-block {
    position: relative; }
    .page-prospectus .banner-block img {
      width: 100%; }
    .page-prospectus .banner-block .banner-info-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      padding: 0.915rem; }
    .page-prospectus .banner-block .company-name {
      font-size: 0.915rem;
      color: #333333;
      font-weight: normal; }
    .page-prospectus .banner-block .respond {
      width: 70%;
      font-size: 0.73214rem;
      color: #666666;
      margin-top: 0.24452rem;
      line-height: 1.5em;
      text-indent: 2em; }
  .page-prospectus .introduce {
    background: #fff; }
    .page-prospectus .introduce .introduce-block-wrapper {
      padding: 0 0.915rem 0.915rem; }
    .page-prospectus .introduce .table-block .table-title {
      text-align: center;
      color: #333333;
      font-size: 0.97595rem;
      height: 2.74357rem;
      line-height: 2.74357rem; }
    .page-prospectus .introduce .table-block .basic-guarantee-title {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .page-prospectus .introduce .table-block .basic-guarantee-icon {
      display: inline-block;
      width: 1.09786rem;
      height: 1.09786rem;
      background: url(//static.iyunbao.com/website/health/iybApp/insurance/group/prospectus/guarantee-icon.png) no-repeat;
      background-size: 1.09786rem 1.09786rem;
      margin-right: 0.30548rem; }
    .page-prospectus .introduce .table-block .table {
      width: 100%;
      font-size: 0.85405rem;
      color: #666666;
      border: 1px solid #e6e9ee; }
      .page-prospectus .introduce .table-block .table thead tr > th {
        font-weight: normal;
        background: #f2f4f7;
        border-right: 1px solid #e6e9ee;
        border-bottom: 1px solid #e6e9ee;
        padding: 0.61024rem; }
        .page-prospectus .introduce .table-block .table thead tr > th:last-child {
          border-right: 0; }
      .page-prospectus .introduce .table-block .table tbody tr > td {
        border-right: 1px solid #e6e9ee;
        border-bottom: 1px solid #e6e9ee;
        padding: 0.61024rem; }
        .page-prospectus .introduce .table-block .table tbody tr > td:first-child, .page-prospectus .introduce .table-block .table tbody tr > td:nth-child(2) {
          text-align: center; }
        .page-prospectus .introduce .table-block .table tbody tr > td:last-child {
          border-right: 0; }
      .page-prospectus .introduce .table-block .table tbody tr:last-child td {
        border-bottom: 0; }
    .page-prospectus .introduce .basic-guarantee-wrapper .table thead tr > th:nth-child(1) {
      width: 32%; }
    .page-prospectus .introduce .basic-guarantee-wrapper .table thead tr > th:nth-child(2) {
      width: 25%; }
    .page-prospectus .introduce .additional-wrapper .table thead tr > th:nth-child(1) {
      width: 60%; }
    .page-prospectus .introduce .field-display-block {
      padding-top: 0.30548rem;
      font-size: 0.85405rem; }
      .page-prospectus .introduce .field-display-block .field-display-wrapper {
        border-bottom: 1px solid #eeeeee;
        height: 2.74357rem;
        line-height: 2.74357rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
      .page-prospectus .introduce .field-display-block .field-title-wrapper {
        padding-right: 0.915rem; }
      .page-prospectus .introduce .field-display-block .field-value-wrapper {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
        text-align: right; }
        .page-prospectus .introduce .field-display-block .field-value-wrapper .picker-stack-inner {
          text-align: left; }
      .page-prospectus .introduce .field-display-block .chromatic {
        color: #00aff9; }
    .page-prospectus .introduce .important-statement-block .statement-title-wrapper {
      font-size: 0.97595rem;
      color: #333333;
      font-weight: normal;
      height: 2.74357rem;
      line-height: 2.74357rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .page-prospectus .introduce .important-statement-block .statement-content-wrapper {
      font-size: 0.73214rem;
      color: #666666; }
      .page-prospectus .introduce .important-statement-block .statement-content-wrapper p {
        line-height: 1.5em;
        margin-bottom: 0.12262rem; }
        .page-prospectus .introduce .important-statement-block .statement-content-wrapper p:last-child {
          margin-bottom: 0; }
    .page-prospectus .introduce .important-statement-block .important-reminder-icon {
      display: inline-block;
      width: 1.09786rem;
      height: 1.09786rem;
      background: url(//static.iyunbao.com/website/health/iybApp/insurance/group/prospectus/important-reminder-icon.png) no-repeat;
      background-size: 1.09786rem 1.09786rem;
      margin-right: 0.30548rem; }
    .page-prospectus .introduce .about-block {
      padding-top: 0.915rem; }
      .page-prospectus .introduce .about-block .about-wrapper img {
        width: 100%; }
    .page-prospectus .introduce .insurance-notice-wrapper {
      padding-bottom: 0.915rem; }
    .page-prospectus .introduce .oneStop-points-wrapper {
      padding: 0 0.915rem; }
      .page-prospectus .introduce .oneStop-points-wrapper img {
        width: 100%; }
    .page-prospectus .introduce .process-describe-wrapper img {
      width: 100%; }
    .page-prospectus .introduce .clauses-instructions-box .body {
      font-size: 0.73214rem;
      color: #666666;
      padding: 0 0.915rem; }
    .page-prospectus .introduce .notice .buttons {
      padding: 0.21405rem 0 0.915rem 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      .page-prospectus .introduce .notice .buttons button + button {
        margin-left: 1.21976rem; }
      .page-prospectus .introduce .notice .buttons button {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1; }
    .page-prospectus .introduce .notice p {
      color: #666;
      font-size: 0.7931rem;
      margin: 0;
      line-height: 1.5em;
      margin-bottom: 0.30548rem; }
      .page-prospectus .introduce .notice p:last-child {
        margin-bottom: 0; }
    .page-prospectus .introduce .clausebox .clausebox-text {
      height: 2.74357rem;
      overflow: hidden;
      font-size: 0.7931rem;
      color: #666;
      -webkit-transition: height .3s;
      transition: height .3s; }
    .page-prospectus .introduce .clausebox .clausebox-handler {
      position: relative;
      margin-top: 0.61024rem;
      text-align: center;
      font-size: 0.73214rem;
      color: #b2b2b2; }
      .page-prospectus .introduce .clausebox .clausebox-handler:after {
        position: absolute;
        top: 0.12262rem;
        margin-left: 0.30548rem;
        display: inline-block;
        content: '';
        border-right: 1px solid #c7c7cc;
        border-top: 1px solid #c7c7cc;
        width: 0.48833rem;
        height: 0.48833rem;
        -webkit-transform: rotate(-225deg);
                transform: rotate(-225deg); }
    .page-prospectus .introduce .clausebox.open .clausebox-text {
      height: auto; }
    .page-prospectus .introduce .clausebox.open .clausebox-handler:after {
      top: 0.36643rem;
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }
  .page-prospectus .solve-block {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3.04833rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    background: #ffffff;
    -webkit-box-shadow: 0 0 0.61024rem 0 rgba(204, 204, 204, 0.35);
            box-shadow: 0 0 0.61024rem 0 rgba(204, 204, 204, 0.35); }
    .page-prospectus .solve-block:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      height: 1px;
      width: 100%;
      background: #dcdcdc;
      -webkit-transform: scaleY(0.5);
              transform: scaleY(0.5); }
    .page-prospectus .solve-block .insure-info1 {
      -webkit-box-flex: 2;
      -webkit-flex: 2;
          -ms-flex: 2;
              flex: 2;
      text-align: center;
      background: #fff;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding-left: 0.915rem;
      text-align: left;
      font-size: 0.97595rem;
      height: 2.98738rem;
      color: #ffffff; }
    .page-prospectus .solve-block .insure-info2 {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      text-align: center;
      background: #f9c703;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      text-align: left;
      font-size: 0.97595rem;
      height: 2.98738rem;
      color: #ffffff; }
    .page-prospectus .solve-block .modification-block {
      font-size: 0.85405rem;
      color: #333333; }
    .page-prospectus .solve-block .modification-rule {
      color: #999999;
      font-size: 0.73214rem; }
    .page-prospectus .solve-block .insure-button {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      font-size: 0.97595rem;
      background: #f79c02;
      height: 2.98738rem;
      line-height: 2.98738rem;
      color: #ffffff;
      text-align: center; }
      .page-prospectus .solve-block .insure-button.self-adaption {
        width: auto;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1; }
        .page-prospectus .solve-block .insure-button.self-adaption.disabled {
          background: #999999; }
    .page-prospectus .solve-block .insure-button1 {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      font-size: 0.97595rem;
      background: #666666;
      height: 2.98738rem;
      line-height: 2.98738rem;
      color: #ffffff;
      text-align: center; }
  .page-prospectus .profession-toast .ui-toast-container {
    font-size: 0.73214rem;
    text-align: left; }
    .page-prospectus .profession-toast .ui-toast-container > div {
      margin-bottom: 0.36643rem; }
  .page-prospectus .fold-wrapper .fold-operation {
    text-align: center; }
.page-group-prospectus-change {
  margin-bottom: 3.65786rem; }
  .page-group-prospectus-change .banner-change {
    height: 9.14357rem;
    background: #FFFFFF;
    padding: 2.43881rem 1.09786rem 0 1.09786rem;
    background-size: 100%;
    background-repeat: no-repeat; }
    .page-group-prospectus-change .banner-change h3 {
      margin: 0.73214rem 0;
      font-size: 1.21976rem;
      z-index: 1; }
    .page-group-prospectus-change .banner-change p {
      margin: 0;
      font-size: 0.915rem;
      z-index: 1; }
  .page-group-prospectus-change .submit-page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 3.04833rem;
    position: fixed;
    bottom: 0;
    z-index: 50;
    width: 100%;
    border-top: 1px solid #dddddd;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #FFFFFF; }
    .page-group-prospectus-change .submit-page .cost-display {
      -webkit-box-flex: 2;
      -webkit-flex: 2;
          -ms-flex: 2;
              flex: 2;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      padding-left: 0.915rem; }
      .page-group-prospectus-change .submit-page .cost-display p {
        margin: 0; }
      .page-group-prospectus-change .submit-page .cost-display .modification-block {
        font-size: 0.915rem; }
        .page-group-prospectus-change .submit-page .cost-display .modification-block .premium-color {
          color: #1DB0F6; }
      .page-group-prospectus-change .submit-page .cost-display .modification-rule {
        font-size: 0.67119rem;
        color: #999999; }
    .page-group-prospectus-change .submit-page .insure-info {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      line-height: 3.04833rem;
      font-size: 0.915rem;
      text-align: center;
      color: #ffffff;
      background-color: #999999; }
    .page-group-prospectus-change .submit-page .insure-button1, .page-group-prospectus-change .submit-page .insure-button {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      font-size: 0.915rem;
      background: #FFC600;
      line-height: 3.04833rem;
      color: #ffffff;
      text-align: center; }
    .page-group-prospectus-change .submit-page .insure-button1 {
      background: #666666; }
  .page-group-prospectus-change .baotong-pay {
    text-align: center;
    font-size: 0.85405rem; }
    .page-group-prospectus-change .baotong-pay .special {
      color: #1DB0F6; }
.upload-info-page {
  background: #f6f6f6; }
  .upload-info-page .top-tips {
    padding: 0.915rem 1.21976rem; }
  .upload-info-page .enterprise-form {
    margin-bottom: 1.21976rem; }
    .upload-info-page .enterprise-form .ui-cell-normal .ui-cell-title,
    .upload-info-page .enterprise-form .ui-cell-select .ui-cell-title {
      width: 8.53405rem; }
    .upload-info-page .enterprise-form .form-list {
      border-bottom: 1px solid #eee; }
      .upload-info-page .enterprise-form .form-list:last-child {
        margin-top: 0.61024rem; }
    .upload-info-page .enterprise-form .help-error {
      display: none;
      padding: 0 0.915rem 0.30548rem;
      font-size: 0.85405rem;
      background: #fff; }
      .upload-info-page .enterprise-form .help-error-inner {
        padding: 0.12262rem 0.30548rem;
        background: #fff6e2;
        border: 1px solid #feeebd;
        color: #feaa00; }
      .upload-info-page .enterprise-form .help-error-show {
        display: block; }
  .upload-info-page .zhiye {
    color: #e22;
    font-size: 0.73214rem;
    display: block;
    padding: 0 0.915rem 0.915rem 0.915rem; }
  .upload-info-page .fixed-bottom-submit-inner {
    background: #eee;
    height: 3.04833rem; }
  .upload-info-page .fixed-bottom-submit {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 3.04833rem;
    line-height: 3.04833rem;
    font-size: 1.21976rem;
    text-align: center;
    background: #fff; }
    .upload-info-page .fixed-bottom-submit .button-save-loca {
      display: block;
      -webkit-box-flex: 2;
      -webkit-flex: 2;
          -ms-flex: 2;
              flex: 2;
      color: #999; }
      .upload-info-page .fixed-bottom-submit .button-save-loca .icon-save-loca {
        display: inline-block;
        width: 0.97595rem;
        height: 1.09786rem;
        margin-right: 0.36643rem;
        overflow: hidden;
        background: url(https://static.iyunbao.com/website/health/iybApp/insurance/group/images/icon_save.png) no-repeat 0 0;
        background-size: cover; }
    .upload-info-page .fixed-bottom-submit .button-submit {
      display: block;
      -webkit-box-flex: 3;
      -webkit-flex: 3;
          -ms-flex: 3;
              flex: 3;
      background: #ffc702;
      color: #fff; }
  .upload-info-page .popup-success {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 90;
    width: 100%;
    height: 100%;
    background: #f6f6f6; }
  .upload-info-page .popup-success-show {
    display: block; }
.invice-page {
  margin-bottom: 3.04833rem; }
  .invice-page .ui-select {
    text-align: right; }
  .invice-page .invice-Checkbox-container {
    padding: 0.61024rem; }
  .invice-page input {
    text-align: right; }
  .invice-page .group-buttom {
    position: fixed;
    bottom: 0;
    text-align: center;
    line-height: 3.04833rem;
    width: 100%;
    height: 3.04833rem;
    color: #fff;
    background-color: #f8c500; }
  .invice-page .ui-picker-placeholder {
    text-align: right; }
  .invice-page .ui-picker {
    text-align: right; }
.upload-info-page {
  background: #f6f6f6; }
  .upload-info-page .top-tips {
    padding: 0.915rem 1.21976rem; }
  .upload-info-page .enterprise-form {
    margin-bottom: 1.21976rem; }
    .upload-info-page .enterprise-form .ui-cell-normal .ui-cell-title,
    .upload-info-page .enterprise-form .ui-cell-select .ui-cell-title {
      width: 7.315rem; }
    .upload-info-page .enterprise-form .form-list {
      border-bottom: 1px solid #eee; }
      .upload-info-page .enterprise-form .form-list:last-child {
        margin-top: 0.61024rem; }
    .upload-info-page .enterprise-form .help-error {
      display: none;
      padding: 0 0.915rem 0.30548rem;
      font-size: 0.85405rem;
      background: #fff; }
      .upload-info-page .enterprise-form .help-error-inner {
        padding: 0.12262rem 0.30548rem;
        background: #fff6e2;
        border: 1px solid #feeebd;
        color: #feaa00; }
      .upload-info-page .enterprise-form .help-error-show {
        display: block; }
  .upload-info-page .fixed-bottom-submit-inner {
    height: 3.04833rem; }
  .upload-info-page .fixed-bottom-submit {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 3.04833rem;
    line-height: 3.04833rem;
    font-size: 1.21976rem;
    text-align: center;
    background: #fff; }
    .upload-info-page .fixed-bottom-submit .button-save-loca {
      display: block;
      -webkit-box-flex: 2;
      -webkit-flex: 2;
          -ms-flex: 2;
              flex: 2;
      color: #999; }
      .upload-info-page .fixed-bottom-submit .button-save-loca .icon-save-loca {
        display: inline-block;
        width: 0.97595rem;
        height: 1.09786rem;
        margin-right: 0.36643rem;
        overflow: hidden;
        background: url(https://static.iyunbao.com/website/health/iybApp/insurance/group/images/icon_save.png) no-repeat 0 0;
        background-size: cover; }
    .upload-info-page .fixed-bottom-submit .button-submit {
      display: block;
      -webkit-box-flex: 3;
      -webkit-flex: 3;
          -ms-flex: 3;
              flex: 3;
      background: #ffc702;
      color: #fff; }
  .upload-info-page .popup-success {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 90;
    width: 100%;
    height: 100%;
    background: #f6f6f6; }
  .upload-info-page .popup-success-show {
    display: block; }
@charset "UTF-8";
/* 订单列表 */
.page-group-order-list .ui-tab-order {
  position: relative;
  height: 2.74357rem;
  margin-bottom: 0.61024rem; }
  .page-group-order-list .ui-tab-order-inner {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 10;
    height: 2.74357rem;
    line-height: 2.74357rem;
    text-align: center;
    background: #fff;
    color: #999; }
  .page-group-order-list .ui-tab-order-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none outside none; }
    .page-group-order-list .ui-tab-order-list li {
      position: relative;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .page-group-order-list .ui-tab-order-list .active {
      color: #00aff9; }
    .page-group-order-list .ui-tab-order-list .tips-number {
      position: absolute;
      top: 0.30548rem;
      width: 0.97595rem;
      height: 0.97595rem;
      line-height: 0.97595rem;
      font-size: 0.61024rem;
      -webkit-transform: scale(0.9);
              transform: scale(0.9);
      background: #fc2f00;
      color: #fff;
      overflow: hidden;
      font-style: inherit;
      border-radius: 50%; }
  .page-group-order-list .ui-tab-order .ui-tab-order-line {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0.18357rem;
    background: #00aff9;
    -webkit-transition: left .3s ease-out;
    transition: left .3s ease-out; }

.page-group-order-list .order-items .ui-panel {
  background: #fff; }

.page-group-order-list .order-items .ui-panel-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .page-group-order-list .order-items .ui-panel-header .icon-group {
    display: inline-block;
    width: 1.46357rem;
    height: 1.46357rem;
    margin-right: 0.48833rem;
    background: url(https://static.iyunbao.com/website/health/iybApp/insurance/group/images/icon_group.png);
    background-size: cover;
    vertical-align: text-bottom; }
  .page-group-order-list .order-items .ui-panel-header .order-status {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: right;
    font-size: 0.85405rem;
    line-height: 1.58548rem;
    color: #ff7200; }

.page-group-order-list .order-items .ui-panel-body {
  border-top-color: #eee;
  border-bottom-color: #eee; }
  .page-group-order-list .order-items .ui-panel-body .order-detail {
    margin: 0;
    padding: 0.48833rem 0.915rem;
    font-size: 0.85405rem;
    line-height: 1.8;
    list-style-type: none;
    color: #999; }
    .page-group-order-list .order-items .ui-panel-body .order-detail li {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
    .page-group-order-list .order-items .ui-panel-body .order-detail .content {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      text-align: right; }

.page-group-order-list .order-items .ui-panel-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.6; }
  .page-group-order-list .order-items .ui-panel-footer .price {
    color: #999; }
  .page-group-order-list .order-items .ui-panel-footer .order-button {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: right;
    padding-top: 0.48833rem; }
    .page-group-order-list .order-items .ui-panel-footer .order-button .button {
      display: inline-block;
      min-width: 5.18167rem;
      height: 1.70738rem;
      line-height: 1.70738rem;
      padding: 0 0.61024rem;
      margin-left: 0.61024rem;
      font-size: 0.97595rem;
      border: 1px solid #00aefc;
      color: #00aefc;
      border-radius: 0.915rem;
      text-align: center; }
    .page-group-order-list .order-items .ui-panel-footer .order-button .button-success {
      background: #ffc709;
      border-color: #ffc709;
      color: #fff; }

.page-group-order-list .order-items .theme-success,
.page-group-order-list .order-items .theme-info {
  background-repeat: no-repeat;
  background-size: 4.57214rem;
  background-position: 90% -0.60881rem; }

.page-group-order-list .order-items .theme-info {
  background-image: url(https://static.iyunbao.com/website/health/iybApp/insurance/group/images/icon_fail.png); }

.page-group-order-list .order-items .theme-success {
  background-image: url(https://static.iyunbao.com/website/health/iybApp/insurance/group/images/icon_guarantee.png); }

.page-group-order-list .order-items .not-list {
  padding: 1.21976rem 1.21976rem;
  text-align: center;
  color: #999; }