@charset "UTF-8";

/* Slider */

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

.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.select2-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-search--inline {
  float: left;
}

.select2-container .select2-search--inline .select2-search__field {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, white), to(#eeeeee));
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(#cccccc));
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #eeeeee));
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(white));
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

/**
 * Foundation for Sites by ZURB
 * Version 6.3.0
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */

.container {
  margin: auto;
  width: 100%;
}

.container:after {
  content: '';
  display: table;
  clear: both;
  height: 0;
  width: 100%;
  visibility: hidden;
}

.clearfix:after {
  content: '';
  display: table;
  clear: both;
  height: 0;
  width: 100%;
  visibility: hidden;
}

.shadowed {
  -webkit-box-shadow: 0 2px 4px rgba(100, 100, 100, 0.33);
          box-shadow: 0 2px 4px rgba(100, 100, 100, 0.33);
}

.small-text, .small-muted-text {
  font-size: 0.2rem;
}

.muted-text, .small-muted-text {
  color: #5D5D5D;
}

.muted-link, .muted-link a {
  color: #414141;
}

.muted-link:hover, .muted-link a:hover {
  color: #E6232B;
}

.wechat-link {
  color: #3adb76;
}

.wechat-link:hover {
  color: #22bb5b;
}

.help-text {
  color: #909090;
}

.animated {
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut {
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
          animation-name: bounce;
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
          animation-name: flash;
}

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
          animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
          animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
          animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
            transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
            transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
            transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
            transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
            transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
            transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
            transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
            transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
          animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-animation-name: swing;
          animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
          animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
            transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
            transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
            transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
          animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
            transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
            transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
            transform: skewX(0.39062deg) skewY(0.39062deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
            transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
            transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
            transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
            transform: skewX(0.39062deg) skewY(0.39062deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
            transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}

.jello {
  -webkit-animation-name: jello;
          animation-name: jello;
  -webkit-transform-origin: center;
          transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
          animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
          animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
          animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
          animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
          animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
          animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
          animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
          animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
          animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
          animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
          animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
          animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
          animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
          animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
          animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
          animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
          animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
          animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
          animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
          animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
          animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
          animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
            transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
            transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
          animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
          animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
          animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
          animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
          animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
          animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
          animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
          animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
          animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
          animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
          animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
          animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
          animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
          animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
          animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
          animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
          animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
          animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
            transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
            transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
          animation-name: jackInTheBox;
}

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
          animation-name: rollIn;
}

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
          animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
          animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
          animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
          animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
          animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
          animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
          animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
            transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
            transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
          animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
            transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
            transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
            transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
            transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
          animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
          animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
          animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
          animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
          animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
          animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
          animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
          animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
          animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
          animation-name: slideOutUp;
}

table {
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 0.1rem;
}

thead, tbody, tfoot {
  border: 1px solid #f1f1f1;
  background-color: #FEFEFE;
}

caption {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: bold;
}

thead {
  background: #f8f8f8;
  color: #5D5D5D;
}

tfoot {
  background: #f1f1f1;
  color: #5D5D5D;
}

thead tr, tfoot tr {
  background: transparent;
}

thead th, thead td, tfoot th, tfoot td {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: bold;
  text-align: left;
}

tbody th, tbody td {
  padding: 0.5rem 0.625rem 0.625rem;
}

tbody tr:nth-child(even) {
  border-bottom: 0;
  background-color: #f1f1f1;
}

table.unstriped tbody {
  background-color: #FEFEFE;
}

table.unstriped tbody tr {
  border-bottom: 0;
  border-bottom: 1px solid #f1f1f1;
  background-color: #FEFEFE;
}

@media screen and (max-width: 63.9375em) {
  table.stack thead {
    display: none;
  }

  table.stack tfoot {
    display: none;
  }

  table.stack tr, table.stack th, table.stack td {
    display: block;
  }

  table.stack td {
    border-top: 0;
  }
}

table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto;
}

table.hover thead tr:hover {
  background-color: #f3f3f3;
}

table.hover tfoot tr:hover {
  background-color: #ececec;
}

table.hover tbody tr:hover {
  background-color: #f9f9f9;
}

table.hover:not(.unstriped) tr:nth-of-type(even):hover {
  background-color: #ececec;
}

.table-scroll {
  overflow-x: auto;
}

.table-scroll table {
  width: auto;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

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

body {
  margin: 0;
  padding: 0;
  font-size: 0.5rem;
  background: #F5F5F5;
  font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
  line-height: 1.5;
  color: #5D5D5D;
}

a {
  /* line-height: inherit; */
  color: #5D5D5D;
  text-decoration: none;
  cursor: pointer;
}

div, p, h1, h2, h3, ul, li {
  margin: 0;
  padding: 0;
}

textarea {
  height: auto;
  min-height: .5rem;
  border-radius: 0.1rem;
}

select {
  width: 100%;
  border-radius: 0.1rem;
}

button {
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  border-radius: 0.1rem;
  background: transparent;
  line-height: 1;
}

li {
  list-style: none;
}

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

textarea {
  height: auto;
  min-height: .5rem;
  border-radius: 0.1rem;
}

select {
  width: 100%;
  border-radius: 0.1rem;
}

button {
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  border-radius: 0.1rem;
  background: transparent;
  line-height: 1;
}

.mobile-main {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.visible {
  display: block;
}

.hide {
  display: none;
}

.header {
  padding: 0.21333rem 0.33333rem 0.21333rem 0.26667rem;
  background: #FEFEFE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header .logo {
  width: 0.77333rem;
  text-align: center;
  margin-right: 0.16rem;
}

.header .logo img {
  width: 0.77333rem;
}

.header .msg {
  margin: 0;
  padding: 0;
  text-align: center;
  line-height: 0.25333rem;
  font-size: 0.26667rem;
}

.header .msg img {
  width: 0.56rem;
  height: 0.56rem;
  margin-bottom: 0.1rem;
}

.header .msg .msg-text {
  font-size: 0.21333rem;
  position: relative;
}

.header .msg .msg-text .msg-count {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  display: inline-block;
  border-radius: 0.4rem;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-flex-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  background: #e4312d;
  top: -0.7rem;
  right: -0.2rem;
  background: rgba(228, 49, 45, 0.8);
}

.header .global-search {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.header .global-search .global-search-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 7.57333rem;
  height: 0.74667rem;
}

.header .global-search .global-search-form .search-icon {
  width: 0.74667rem;
  text-align: center;
  height: 0.74667rem;
  background: #F5F5F5;
  border-top-left-radius: 0.1rem;
  border-bottom-left-radius: 0.1rem;
  line-height: 0.74667rem;
}

.header .global-search .global-search-form .search-icon img {
  width: .4rem;
}

.header .global-search .global-search-form .search-icon i {
  line-height: .7rem;
  font-size: .3rem;
}

.header .global-search .global-search-form .search-input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #f1f1f1;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: .1rem;
  border-top-right-radius: .1rem;
  padding-left: 0;
  outline: none;
  width: 100%;
  font-size: 0.37333rem;
  height: 0.74667rem;
  line-height: 0.74667rem;
  padding: 0;
}

.header .mobile-header-bg {
  width: 100%;
  padding: 0.2rem 0.3rem;
  text-align: center;
}

.header .mobile-header-bg .header-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FEFEFE;
  font-size: 0.24rem;
  margin-bottom: 0.15rem;
}

.header .mobile-header-bg .header-top .icon img {
  width: 0.61333rem;
  height: 0.56rem;
  margin-bottom: 0.05rem;
}

.header .mobile-header-bg .search-bg {
  width: 100%;
  background-color: #FEFEFE;
}

.header .mobile-header-bg .search-bg .search-to {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #5D5D5D;
  padding: 0.1rem 0.3rem;
}

.header .mobile-header-bg .search-bg .search-to .search-icon {
  display: inline-block;
  margin-right: 0.2rem;
}

.header .mobile-header-bg .search-bg .search-to .search-icon img {
  width: 0.48rem;
  height: 0.50667rem;
}

.header-mobile-new {
  background: #E6232B;
}

.header-mobile-new .mobile-header-bg {
  width: 100%;
  padding: 0.2rem 0.3rem;
  text-align: center;
}

.header-mobile-new .mobile-header-bg .header-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FEFEFE;
  font-size: 0.24rem;
  margin-bottom: 0.15rem;
}

.header-mobile-new .mobile-header-bg .header-top .icon img {
  width: 1.5rem;
  height: 1.5rem;
  margin-bottom: 0.5rem;
}

.header-mobile-new .mobile-header-bg .header-top .icon a {
  color: #FEFEFE;
}

.header-mobile-new .mobile-header-bg .header-top .icon a p {
  overflow: hidden;
}

.header-mobile-new .mobile-header-bg .header-top a {
  color: #FEFEFE;
}

.header-mobile-new .mobile-header-bg .header-logo img {
  width: 8.16rem;
}

.header-mobile-new .mobile-header-bg .msg {
  margin: 0;
  padding: 0;
  text-align: center;
  line-height: 0.25333rem;
  font-size: 0.26667rem;
}

.header-mobile-new .mobile-header-bg .msg img {
  width: 0.56rem;
  height: 0.56rem;
  margin-bottom: 0.1rem;
}

.header-mobile-new .mobile-header-bg .msg .msg-text {
  font-size: 0.21333rem;
  position: relative;
}

.header-mobile-new .mobile-header-bg .msg .msg-text .msg-count {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  display: inline-block;
  border-radius: 0.4rem;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-flex-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  background: #e4312d;
  top: -0.7rem;
  right: -0.2rem;
  background: rgba(228, 49, 45, 0.8);
}

.header-mobile-new .mobile-header-bg .articles img {
  width: 2.66667rem;
  height: 0.8rem;
}

.header-mobile-new .mobile-header-bg .search-bg {
  width: 100%;
  background-color: #FEFEFE;
}

.header-mobile-new .mobile-header-bg .search-bg .search-to {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #5D5D5D;
  padding: 0.5rem 0.3rem;
}

.header-mobile-new .mobile-header-bg .search-bg .search-to .search-icon {
  display: inline-block;
  margin-right: 0.2rem;
}

.header-mobile-new .mobile-header-bg .search-bg .search-to .search-icon img {
  width: 0.48rem;
  height: 0.50667rem;
}
.header-mobile-new .mobile-header-bg .search-bg .search-to .search-text {
  font-size: 0.5rem;
}

.fixed-header-new {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 20;
}

.fixed-header-new .fixed-box {
  padding: 0.1rem 0.3rem;
  text-align: center;
  background: #E6232B;
}

.fixed-header-new .fixed-box .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FEFEFE;
  font-size: 0.24rem;
}

.fixed-header-new .fixed-box .flex .icon img {
  width: 0.69333rem;
  height: 0.56rem;
  margin-bottom: 0.05rem;
}

.fixed-header-new .fixed-box .flex .icon p {
  color: #FEFEFE;
}

.fixed-header-new .fixed-box .flex .msg {
  margin: 0;
  padding: 0;
  text-align: center;
  line-height: 0.25333rem;
  font-size: 0.26667rem;
}

.fixed-header-new .fixed-box .flex .msg img {
  width: 0.56rem;
  height: 0.56rem;
  margin-bottom: 0.1rem;
}

.fixed-header-new .fixed-box .flex .msg .msg-text {
  font-size: 0.21333rem;
  position: relative;
  color: #FEFEFE;
}

.fixed-header-new .fixed-box .flex .msg .msg-text .msg-count {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  display: inline-block;
  border-radius: 0.4rem;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-flex-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  background: #e4312d;
  top: -0.7rem;
  right: -0.2rem;
  background: rgba(228, 49, 45, 0.8);
}

.fixed-header-new .fixed-box .flex .search-bg {
  width: 74%;
  background-color: #FEFEFE;
}

.fixed-header-new .fixed-box .flex .search-bg .search-to {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #5D5D5D;
  padding: 0.1rem 0.3rem;
}

.fixed-header-new .fixed-box .flex .search-bg .search-to .search-icon {
  display: inline-block;
  margin-right: 0.2rem;
}

.fixed-header-new .fixed-box .flex .search-bg .search-to .search-icon img {
  width: 0.48rem;
  height: 0.50667rem;
}

.mobile-article-header {
  background: #ffc000 !important;
}

.mobile-article-header .msg .msg-text, .mobile-article-header .icon p {
  color: #000000 !important;
}

html {
  color: #000;
  background: #fff;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html * {
  outline: 0;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html, body {
  font-family: sans-serif;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  margin: 0;
  padding: 0;
}

input, select, textarea {
  font-size: 100%;
}

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

fieldset, img {
  border: 0;
}

abbr, acronym {
  border: 0;
  font-variant: normal;
}

del {
  text-decoration: line-through;
}

address, caption, cite, code, dfn, em, th, var {
  font-style: normal;
  font-weight: 500;
}

ol, ul {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: 500;
}

q:before, q:after {
  content: '';
}

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

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

a:hover {
  text-decoration: underline;
}

ins, a {
  text-decoration: none;
}

input[type="submit"], input[type="reset"], input[type="button"], button {
  -webkit-appearance: none;
}

.form-error {
  display: none;
  font-size: 0.3rem;
  font-weight: bold;
  color: #EC5840;
}

.form-error.is-visible {
  display: block;
}

.form {
  background-color: #fff;
  font-size: 0.39067rem;
  color: #cccccc;
  line-height: normal;
}

.form .mauto {
  padding: 0 0.34667rem;
}

.form .field {
  border-bottom: 1px solid #d9d9d9;
  padding: 0.34667rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -moz-flex-direction: row;
  -o-flex-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  position: relative;
}

.form .field p.title {
  line-height: 0.66667rem;
  display: inline-block;
  color: #666666;
  margin-right: 0.53333rem;
}

.form .field .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -moz-flex-direction: row;
  -o-flex-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
}

.form .field .column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  -o-flex-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-flex: 3;
      -ms-flex: 3 0 auto;
          flex: 3 0 auto;
}

.form .field .column .title, .form .field .column textarea {
  margin-bottom: 0.2rem;
  -webkit-box-flex: 3;
      -ms-flex: 3 0 auto;
          flex: 3 0 auto;
  border: 0 none;
  resize: none;
}

.form .field .column .count {
  -ms-align-self: flex-end;
  -moz-align-self: flex-end;
  -o-flex-align-self: flex-end;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.form .field.textarea {
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  -o-flex-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

.form .field.textarea textarea {
  width: 100%;
  margin-top: 0.06667rem;
  border: 0 none;
}

.form .field textarea {
  min-height: 1.06667rem;
}

.form .textarea .logo {
  margin-top: 0.4rem;
  -ms-align-self: flex-start;
  -moz-align-self: flex-start;
  -o-flex-align-self: flex-start;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.form .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 0.66667rem;
  margin-left: 0.13333rem;
  margin-right: 0.13333rem;
}

.form .logo img {
  width: 0.66667rem;
  height: 0.66667rem;
  display: block;
}

.form dt {
  width: 100%;
  height: 0.8rem;
  background-color: #f0f0ef;
  font-size: 0.37333rem;
  color: #333;
  line-height: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-indent: 0.26667rem;
}

.form dd {
  padding: 0 0.26667rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -moz-flex-direction: row;
  -o-flex-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
}

.form dd:nth-last-child(1), .form dd .field {
  border: 0 none;
}

.form dd.upload .logo {
  margin-top: 0.37333rem;
  -ms-align-items: flex-start;
  -moz-align-items: flex-start;
  -o-flex-align-items: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.form dd.upload .field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  -o-flex-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -ms-align-items: flex-start;
  -moz-align-items: flex-start;
  -o-flex-align-items: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.form dd.upload .form-item label {
  display: none;
}

.form dd.upload .form-item img {
  max-width: 1.33333rem;
  max-width: 1.33333rem;
}

.form dd.upload .form-item .image-picker-list-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -moz-flex-direction: row;
  -o-flex-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.form dd.upload .form-item .image-picker-list-panel .image-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -moz-flex-direction: row;
  -o-flex-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-flex-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2.66667rem;
  height: 2.66667rem;
  margin-right: 0.06667rem;
  border: 1px solid #eee;
  -ms-border-radius: 0.06667rem;
  -moz-border-radius: 0.06667rem;
  -o-flex-border-radius: 0.06667rem;
  border-radius: 0.06667rem;
}

.form dd:nth-child(1) textarea {
  display: block;
  width: 100%;
  resize: none;
  border: 1px solid #fff;
  resize: none;
  padding: 0 0;
  height: 2.88rem;
}

.form dd:nth-child(1) .count {
  display: block;
  text-align: right;
  font-size: 0.32rem;
  color: #cccccc;
  line-height: normal;
  padding-bottom: 0.18667rem;
}

.form dd:nth-child(1) p {
  display: block;
}

.form .form-item {
  -webkit-box-flex: 3;
      -ms-flex: 3 0 auto;
          flex: 3 0 auto;
  width: auto !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-box-sizing: none;
  -moz-box-sizing: none;
  -o-flex-box-sizing: none;
  -webkit-box-sizing: none;
  box-sizing: none;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  -o-flex-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

.form .form-item .form-error {
  display: none;
}

.form textarea, .form .input, .form .select {
  font-size: 0.37333rem;
  color: #666666;
  line-height: normal;
  background-color: #fff !important;
}

.form textarea:hover, .form .input:hover, .form .select:hover {
  color: #666666;
}

.form .input {
  border: 0 solid #fff;
  height: 0.66667rem;
  padding: 0 !important;
  border: 0 none;
  line-height: normal;
  -webkit-box-flex: 2;
      -ms-flex: 2 0 auto;
          flex: 2 0 auto;
  line-height: 0.66667rem;
}

.form input {
  border: 0 none;
  -webkit-box-flex: 3;
      -ms-flex: 3 0 auto;
          flex: 3 0 auto;
}

.form .select {
  display: inline-block;
  padding-left: 0.25rem;
  line-height: 1.17333rem;
  position: relative;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-flex-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.form .select span {
  display: block;
  position: absolute;
  right: 0rem;
  top: 0;
  border-right: 0.05333rem solid #999999;
  border-bottom: 0.05333rem solid #999999;
  width: 0.32rem;
  height: 0.32rem;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.form .select select {
  width: 90%;
}

.form .select select.half {
  width: 43%;
  margin-right: 1%;
}

.form .select select option {
  display: block;
  height: 0.53333rem;
  line-height: 0.53333rem;
}

.form .select select .form-item {
  width: 100% !important;
}

.form .menu {
  display: inline-block;
  width: 4.56rem;
  margin-left: 0.64rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.form .menu div {
  border-bottom: 1px solid #d9d9d9;
  position: relative;
}

.form .menu div input {
  width: 100%;
}

.form .menu div:nth-child(2) {
  border: 0 none;
}

.form .img_upload {
  width: 2.26667rem;
  height: 2.26667rem;
  margin-top: 0.4rem;
  position: relative;
}

.form .desc {
  font-size: 0.32rem;
  color: #a7a7a7;
  line-height: 1.17333rem;
  letter-spacing: 0.02667rem;
}

.form input[type=submit] {
  width: 9.46667rem;
  height: 1.2rem;
  text-align: center;
  font-size: 0.42667rem;
  color: #fff;
  line-height: 1.2rem;
  background-color: #e6212a;
  -ms-border-radius: 0.66667rem;
  -moz-border-radius: 0.66667rem;
  -o-flex-border-radius: 0.66667rem;
  border-radius: 0.66667rem;
}

.form-list {
  background-color: #fff;
}

.form-list .clearfix {
  clear: both;
}

.form-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -moz-flex-direction: row;
  -o-flex-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.form-list li {
  float: left;
  padding: 0.16rem;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.form-list li .red {
  color: #E6232B;
}

.form-list li.row1 {
  width: 10%;
}

.form-list li.row2 {
  width: 20%;
}

.form-list li.row3 {
  width: 30%;
}

.form-list li.row4 {
  width: 40%;
}

.form-list li.row5 {
  width: 50%;
}

.form-list li.r-center {
  text-align: center;
}

.form-list li.normal {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.form-list dt, .form-list dd, .form-list ul {
  line-height: 0.53333rem;
  text-align: center;
  clear: both;
}

.form-list dt {
  font-size: 0.32rem;
  color: #333;
  line-height: 0.37333rem;
  background-color: #eee;
}

.form-list dd {
  font-size: 0.32rem;
  color: #909090;
  line-height: normal;
}

.layout-menu-list .menu-header {
  display: block;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  width: 100%;
  height: 4.4rem;
}

.layout-menu-list .menu-header-icon {
  margin: 0 auto;
  width: 1.52rem;
  height: 1.52rem;
  text-align: center;
}

.layout-menu-list .menu-circle-icon {
  border-radius: 0.70667rem;
  width: 1.41333rem;
  height: 1.41333rem;
  border: 0.08rem solid #FEFEFE;
}

.layout-menu-list .menu-header-name {
  font-size: 0.34667rem;
  color: #414141;
  line-height: 3;
  text-align: center;
}

.layout-menu-list .menu-header-btn {
  font-size: 0.24rem;
  color: #FEFEFE;
  line-height: 3;
  -ms-border-radius: 0.2rem;
  -moz-border-radius: 0.2rem;
  -o-flex-border-radius: 0.2rem;
  border-radius: 0.2rem;
  margin: 0 auto;
  width: 3.01333rem;
  background: #FF4E56;
  text-align: center;
}

.layout-menu-list .menu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.33333rem;
  background: #FEFEFE;
}

.layout-menu-list .menu-list img {
  width: 0.53333rem;
  height: 0.53333rem;
}

.layout-menu-list .menu-list-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -moz-flex-direction: row;
  -o-flex-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-flex-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1.2rem;
  text-align: right;
  padding-right: 0.2rem;
}

.layout-menu-list .menu-list-icon i {
  font-size: 0.4rem;
}

.layout-menu-list .menu-list-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 8.4rem;
}

.layout-menu-list .menu-list-text-left {
  width: 90%;
  border-bottom: 1px solid #d9d9d9;
}

.layout-menu-list .menu-list-text-right {
  width: 10%;
}

.layout-menu-list .menu-list-bottom {
  padding-bottom: 0.7rem;
}

.layout-menu-list .menu-phone {
  background: #FEFEFE;
  margin: 0.3rem auto 0 auto;
}

.layout-menu-list .menu-phone-line {
  padding-top: 0.2rem;
  text-align: center;
}

.layout-menu-list .menu-input {
  background: #e8e8e8;
  color: #666666;
  font-size: 0.24rem;
}

.layout-menu-list .menu-code {
  border: 2px solid #e8e8e8;
}

.layout-menu-list .menu-w71 {
  width: 7.1rem;
}

.layout-menu-list .menu-w45 {
  width: 6rem;
}

.layout-menu-list .menu-w24 {
  width: 3.2rem;
}

.layout-menu-list .menu-bottom {
  margin-bottom: 0.2rem;
}

.layout-menu-list .menu-right {
  margin-right: 0.15rem;
}

.layout-menu-list .menu-bind {
  padding-top: 0.4rem;
  margin: 0 auto;
  background: #FEFEFE;
}

.layout-menu-list .menu-bind-form {
  width: 9.46667rem;
  margin: 0 auto;
}

.layout-menu-list .menu-phone {
  width: 9.33333rem;
  height: 1.06667rem;
  font-size: 0.24rem;
  background: #e8e8e8;
  margin-bottom: 0.13333rem;
}

.layout-menu-list .menu-group-input {
  width: 6rem;
  height: 1.06667rem;
  background: #e8e8e8;
}

.layout-menu-list .pin-code {
  margin-bottom: 0.26667rem;
}

.layout-menu-list .pin-code label {
  display: none;
}

.layout-menu-list .menu-group-button {
  -ms-border-radius: 0.13333rem;
  -moz-border-radius: 0.13333rem;
  -o-flex-border-radius: 0.13333rem;
  border-radius: 0.13333rem;
  position: absolute;
  display: inline-block;
  width: 3.2rem;
  height: 1.06667rem;
  background: #FEFEFE;
  border: 2px solid #e8e8e8;
  margin-left: 0.13333rem;
}

.layout-menu-list .pin-button {
  display: table-cell;
  vertical-align: middle;
  width: 3.2rem;
  height: 1.06667rem;
  text-align: center;
  font-size: 0.24rem;
}

.layout-menu-list .menu-subimt-button {
  font-size: 0.24rem;
  color: #FEFEFE;
  line-height: normal;
  background: #FF4E56;
  width: 9.33333rem;
  border-radius: 0.26667rem;
  height: 1rem;
}

.layout-form {
  padding: 0 0.13333rem 0.66667rem 0.33333rem;
  margin-top: 0.26667rem;
}

.layout-form .white_bg {
  background-color: #fff;
}

.layout-form .gray_bg {
  background-color: #eee;
}

.layout-form .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -moz-flex-direction: row;
  -o-flex-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.2rem 0.26667rem;
  background-color: #fff;
  min-height: 1.02667rem;
}

.layout-form .row:nth-child(1) {
  margin-top: 0;
}

.layout-form .row .dot, .layout-form .row .logo {
  margin-right: 0.4rem;
}

.layout-form .row .logo, .layout-form .row .logo img {
  display: block;
  width: 0.37333rem;
  height: 0.37333rem;
  max-width: auto;
}

.layout-form .row .dot, .layout-form .row .logo i, .layout-form .row .form-item .form-label-hr {
  font-size: 0.37333rem;
  color: #666666;
  line-height: normal;
}

.layout-form .row .form-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -moz-flex-direction: row;
  -o-flex-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.layout-form .row .form-item .form-label-hr {
  padding-right: 0.66667rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.layout-form .row .form-item .form-label-hr .text-right {
  -webkit-box-flex: 1;
      -ms-flex: 1 0  auto;
          flex: 1 0  auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.layout-form .row .form-item .form-input-hr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  -o-flex-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-flex-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  min-height: 1.02667rem;
}

.layout-form .row .form-item .form-input-hr .input_collection, .layout-form .row .form-item .form-input-hr input[type=text] {
  font-size: 0.34667rem;
  color: #666666;
  line-height: normal;
}

.layout-form .row .form-item .form-input-hr .form-error {
  display: none;
  padding: 0 0.06667rem;
  font-size: 0.32rem;
  color: red;
  line-height: normal;
}

.layout-form .row .form-item .form-input-hr .input_collection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -moz-flex-direction: row;
  -o-flex-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
}

.layout-form .row .form-item .form-input-hr .input_collection input[type=radio] {
  margin-left: 0.66667rem;
  margin-top: 0.13333rem;
  margin-right: 0.13333rem;
}

.layout-form .row .form-item .form-input-hr .input_collection input[type=radio]:nth-child(1) {
  margin-left: 0;
}

.layout-form .row .form-item .form-input-hr .input_collection .collection_radio_buttons {
  margin-right: 0.66667rem;
}

.layout-form .row .form-item .form-input-hr .input_collection .collection_radio_buttons:nth-last-child(1) {
  margin-right: 0;
}

.layout-form .row .form-item .form-input-hr input[type=text] {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-flex-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 1.02667rem;
  padding: 0.33333rem;
  border: 0 none;
  border-bottom: 1px solid #d9d9d9;
}

.layout-form .row .form-item .form-input-hr .region-select-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -moz-flex-direction: row;
  -o-flex-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-flex-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.layout-form .row .form-item .form-input-hr select {
  margin-left: 0.06667rem;
  height: 0.66667rem;
}

.layout-form .row .form-item .form-input-hr select:nth-child(1) {
  margin-left: 0;
}

.layout-form .row .form-item .form-input-hr .image-picker-button {
  width: 2.66667rem;
  height: 0.93333rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -moz-flex-direction: row;
  -o-flex-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-flex-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.34667rem;
  color: #E6232B;
  line-height: normal;
  border: 0.02667rem dashed #E6232B;
  position: relative;
  overflow: hidden;
}

.layout-form .row .form-item .form-input-hr .image-picker-button input[type=file] {
  position: absolute;
  display: block;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.layout-form .row .form-item .form-input-hr .help-text {
  font-size: 0.26667rem;
  color: #909090;
  line-height: normal;
  padding: 0.13333rem 0;
  max-width: 3.86667rem;
}

.layout-form .submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -moz-flex-direction: row;
  -o-flex-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-flex-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0.2rem;
}

.layout-form .submit input[type=submit] {
  -ms-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -o-flex-border-radius: 0.4rem;
  border-radius: 0.4rem;
  width: 60%;
  height: 0.93333rem;
  background-color: #e6212a;
  font-size: 0.53333rem;
  color: #fff;
  line-height: 0.93333rem;
  border: 0 none;
}

input[type="submit"], input[type="reset"], input[type="button"], button {
  -webkit-appearance: none;
}

.form-error {
  display: none;
  font-size: 0.3rem;
  font-weight: bold;
  color: #EC5840;
}

.form-error.is-visible {
  display: block;
}

.form {
  background-color: #fff;
  font-size: 0.39067rem;
  color: #cccccc;
  line-height: normal;
}

.form .mauto {
  padding: 0 0.34667rem;
}

.form .field {
  border-bottom: 1px solid #d9d9d9;
  padding: 0.34667rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -moz-flex-direction: row;
  -o-flex-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  position: relative;
}

.form .field p.title {
  line-height: 0.66667rem;
  display: inline-block;
  color: #666666;
  margin-right: 0.53333rem;
}

.form .field .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -moz-flex-direction: row;
  -o-flex-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
}

.form .field .column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  -o-flex-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-flex: 3;
      -ms-flex: 3 0 auto;
          flex: 3 0 auto;
}

.form .field .column .title, .form .field .column textarea {
  margin-bottom: 0.2rem;
  -webkit-box-flex: 3;
      -ms-flex: 3 0 auto;
          flex: 3 0 auto;
  border: 0 none;
  resize: none;
}

.form .field .column .count {
  -ms-align-self: flex-end;
  -moz-align-self: flex-end;
  -o-flex-align-self: flex-end;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.form .field.textarea {
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  -o-flex-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

.form .field.textarea textarea {
  width: 100%;
  margin-top: 0.06667rem;
  border: 0 none;
}

.form .field textarea {
  min-height: 1.06667rem;
}

.form .textarea .logo {
  margin-top: 0.4rem;
  -ms-align-self: flex-start;
  -moz-align-self: flex-start;
  -o-flex-align-self: flex-start;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.form .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 0.66667rem;
  margin-left: 0.13333rem;
  margin-right: 0.13333rem;
}

.form .logo img {
  width: 0.66667rem;
  height: 0.66667rem;
  display: block;
}

.form dt {
  width: 100%;
  height: 0.8rem;
  background-color: #f0f0ef;
  font-size: 0.37333rem;
  color: #333;
  line-height: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-indent: 0.26667rem;
}

.form dd {
  padding: 0 0.26667rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -moz-flex-direction: row;
  -o-flex-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
}

.form dd:nth-last-child(1), .form dd .field {
  border: 0 none;
}

.form dd.upload .logo {
  margin-top: 0.37333rem;
  -ms-align-items: flex-start;
  -moz-align-items: flex-start;
  -o-flex-align-items: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.form dd.upload .field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  -o-flex-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -ms-align-items: flex-start;
  -moz-align-items: flex-start;
  -o-flex-align-items: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.form dd.upload .form-item label {
  display: none;
}

.form dd.upload .form-item img {
  max-width: 1.33333rem;
  max-width: 1.33333rem;
}

.form dd.upload .form-item .image-picker-list-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -moz-flex-direction: row;
  -o-flex-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.form dd.upload .form-item .image-picker-list-panel .image-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -moz-flex-direction: row;
  -o-flex-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-flex-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2.66667rem;
  height: 2.66667rem;
  margin-right: 0.06667rem;
  border: 1px solid #eee;
  -ms-border-radius: 0.06667rem;
  -moz-border-radius: 0.06667rem;
  -o-flex-border-radius: 0.06667rem;
  border-radius: 0.06667rem;
}

.form dd:nth-child(1) textarea {
  display: block;
  width: 100%;
  resize: none;
  border: 1px solid #fff;
  resize: none;
  padding: 0 0;
  height: 2.88rem;
}

.form dd:nth-child(1) .count {
  display: block;
  text-align: right;
  font-size: 0.32rem;
  color: #cccccc;
  line-height: normal;
  padding-bottom: 0.18667rem;
}

.form dd:nth-child(1) p {
  display: block;
}

.form .form-item {
  -webkit-box-flex: 3;
      -ms-flex: 3 0 auto;
          flex: 3 0 auto;
  width: auto !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-box-sizing: none;
  -moz-box-sizing: none;
  -o-flex-box-sizing: none;
  -webkit-box-sizing: none;
  box-sizing: none;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  -o-flex-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

.form .form-item .form-error {
  display: none;
}

.form textarea, .form .input, .form .select {
  font-size: 0.37333rem;
  color: #666666;
  line-height: normal;
  background-color: #fff !important;
}

.form textarea:hover, .form .input:hover, .form .select:hover {
  color: #666666;
}

.form .input {
  border: 0 solid #fff;
  height: 0.66667rem;
  padding: 0 !important;
  border: 0 none;
  line-height: normal;
  -webkit-box-flex: 2;
      -ms-flex: 2 0 auto;
          flex: 2 0 auto;
  line-height: 0.66667rem;
}

.form input {
  border: 0 none;
  -webkit-box-flex: 3;
      -ms-flex: 3 0 auto;
          flex: 3 0 auto;
}

.form .select {
  display: inline-block;
  padding-left: 0.25rem;
  line-height: 1.17333rem;
  position: relative;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-flex-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.form .select span {
  display: block;
  position: absolute;
  right: 0rem;
  top: 0;
  border-right: 0.05333rem solid #999999;
  border-bottom: 0.05333rem solid #999999;
  width: 0.32rem;
  height: 0.32rem;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.form .select select {
  width: 90%;
}

.form .select select.half {
  width: 43%;
  margin-right: 1%;
}

.form .select select option {
  display: block;
  height: 0.53333rem;
  line-height: 0.53333rem;
}

.form .select select .form-item {
  width: 100% !important;
}

.form .menu {
  display: inline-block;
  width: 4.56rem;
  margin-left: 0.64rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.form .menu div {
  border-bottom: 1px solid #d9d9d9;
  position: relative;
}

.form .menu div input {
  width: 100%;
}

.form .menu div:nth-child(2) {
  border: 0 none;
}

.form .img_upload {
  width: 2.26667rem;
  height: 2.26667rem;
  margin-top: 0.4rem;
  position: relative;
}

.form .desc {
  font-size: 0.32rem;
  color: #a7a7a7;
  line-height: 1.17333rem;
  letter-spacing: 0.02667rem;
}

.form input[type=submit] {
  width: 9.46667rem;
  height: 1.2rem;
  text-align: center;
  font-size: 0.42667rem;
  color: #fff;
  line-height: 1.2rem;
  background-color: #e6212a;
  -ms-border-radius: 0.66667rem;
  -moz-border-radius: 0.66667rem;
  -o-flex-border-radius: 0.66667rem;
  border-radius: 0.66667rem;
}

.form-list {
  background-color: #fff;
}

.form-list .clearfix {
  clear: both;
}

.form-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -moz-flex-direction: row;
  -o-flex-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.form-list li {
  float: left;
  padding: 0.16rem;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.form-list li .red {
  color: #E6232B;
}

.form-list li.row1 {
  width: 10%;
}

.form-list li.row2 {
  width: 20%;
}

.form-list li.row3 {
  width: 30%;
}

.form-list li.row4 {
  width: 40%;
}

.form-list li.row5 {
  width: 50%;
}

.form-list li.r-center {
  text-align: center;
}

.form-list li.normal {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.form-list dt, .form-list dd, .form-list ul {
  line-height: 0.53333rem;
  text-align: center;
  clear: both;
}

.form-list dt {
  font-size: 0.32rem;
  color: #333;
  line-height: 0.37333rem;
  background-color: #eee;
}

.form-list dd {
  font-size: 0.32rem;
  color: #909090;
  line-height: normal;
}

input, select {
  background: #FEFEFE;
  border: none;
  border-radius: 0.1rem;
  height: 0.7rem;
  font-size: 0.28rem;
  padding: 0.1rem 0.2rem;
}

.photoClickBlowUpContain {
  position: fixed;
  z-index: 100;
  left: 50%;
  top: 0;
  width: 10rem;
  height: 100%;
  margin-left: -5rem;
  z-index: 100;
}

.photoClickBlowUpContain .slick-prev.slick-arrow {
  width: 0.8rem;
  height: 0.8rem;
  position: absolute;
  bottom: 50%;
  margin-bottom: -rem(20);
  border-left: 0.10667rem solid #fff;
  border-bottom: 0.10667rem solid #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  left: 0.4rem;
  z-index: 10;
  font-size: 0px;
  text-indent: -999;
}

.photoClickBlowUpContain .slick-next.slick-arrow {
  width: 0.8rem;
  height: 0.8rem;
  position: absolute;
  bottom: 50%;
  right: 0.4rem;
  margin-bottom: -rem(20);
  z-index: 10;
  border-right: 0.10667rem solid #fff;
  border-bottom: 0.10667rem solid #fff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  font-size: 0px;
  text-indent: -999;
}

.photoClickBlowUpContain .fa-close {
  display: block;
  font-size: 0.8rem;
  position: absolute;
  right: 0.4rem;
  top: 0.26667rem;
  z-index: 10;
  color: #fff;
}

.photoClickBlowUpContain .reset {
  display: block;
  position: absolute;
  bottom: 7%;
  left: 50%;
  margin-left: -0.6rem;
  z-index: 10;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 1.2rem;
  background: rgba(255, 255, 255, 0.4);
}

.photoClickBlowUpContain .photoClickBlowUp {
  width: 10rem;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
}

.photoClickBlowUpContain .photoClickBlowUp .ct {
  width: 9.5rem;
}

.photoClickBlowUpContain .photoClickBlowUp .ct .img-contain {
  width: 9.9rem;
  height: 99%;
  overflow: hidden;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-flex-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #eee;
  border-radius: 0.5rem;
}

.photoClickBlowUpContain .photoClickBlowUp .ct img {
  max-width: 100%;
  max-height: 8rem;
  display: block;
  margin: 0 auto;
  background: #fff;
  position: relative;
}

.photoClickBlowUpContain .photoClickBlowUp .slick-list, .photoClickBlowUpContain .photoClickBlowUp .slick-track {
  height: 100%;
}

.photoClickBlowUpContain .photoClickBlowUp .slick-slide {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-flex-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* touch样式 */
}

.photoClickBlowUpContain .photoClickBlowUp .slick-slide > div, .photoClickBlowUpContain .photoClickBlowUp .slick-slide .ct {
  width: 100%;
  height: 100%;
}

.photoClickBlowUpContain .photoClickBlowUp .slick-slide .ct {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-flex-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.photoClickBlowUpContain .photoClickBlowUp .slick-dots {
  position: absolute;
  z-index: 1;
  left: 50%;
  margin-left: -0.76rem;
  bottom: 0.22667rem;
  width: auto !important;
  min-width: 1.52rem;
  height: 0.26667rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-flex-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-border-radius: 0.21333rem;
  -moz-border-radius: 0.21333rem;
  -o-flex-border-radius: 0.21333rem;
  border-radius: 0.21333rem;
  background: rgba(0, 0, 0, 0.1);
}

.photoClickBlowUpContain .photoClickBlowUp .slick-dots li {
  -ms-border-radius: 0.13333rem;
  -moz-border-radius: 0.13333rem;
  -o-flex-border-radius: 0.13333rem;
  border-radius: 0.13333rem;
  margin: 0;
  padding: 0;
  width: 0.10667rem;
  height: 0.10667rem;
  background: #eee;
  color: #eee;
  margin-left: 0.13333rem;
  overflow: hidden;
}

.photoClickBlowUpContain .photoClickBlowUp .slick-dots li button {
  display: none;
}

.photoClickBlowUpContain .photoClickBlowUp .slick-dots li.slick-active {
  width: 0.30667rem !important;
  background: #e6212a;
  color: #e6212a;
}

#aliyun-upload-video {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 100%;
  display: none;
}

#aliyun-upload-video .content {
  width: 8rem;
  min-height: 4.22667rem;
  border: 1px solid rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0.06667rem 0.13333rem rgba(0, 0, 0, 0.5);
          box-shadow: 0px 0.06667rem 0.13333rem rgba(0, 0, 0, 0.5);
  position: absolute;
  z-index: 1;
  top: 2.66667rem;
  left: 50%;
  margin-left: -4rem;
  background: #fff;
}

#aliyun-upload-video .content .title {
  min-height: 0.21333rem;
  padding: 0.2rem;
  border-bottom: 0.01333rem solid #e5e5e5;
  line-height: 0.26667rem;
  color: #333;
  position: relative;
  font-size: 0.24rem;
}

#aliyun-upload-video .content .title .close {
  position: absolute;
  right: 0.26667rem;
  z-index: 1;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.2);
}

#aliyun-upload-video .content .title .close:hover {
  color: rgba(0, 0, 0, 0.4);
}

#aliyun-upload-video .content .body {
  padding: 0.26667rem;
  font-size: 0.29333rem;
  border-bottom: 0.01333rem solid #e5e5e5;
}

#aliyun-upload-video .content .body p {
  margin: 0 0 0.13333rem;
  color: #999;
}

#aliyun-upload-video .content .body table .butt span {
  display: inline-block;
  margin-left: 0.06667rem;
  cursor: pointer;
}

#aliyun-upload-video .content .body table .butt span:hover {
  color: #00c1de;
}

#aliyun-upload-video .content .body table .name {
  width: 1.93333rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#aliyun-upload-video .content .body table .loading {
  width: 1.33333rem;
  height: 0.4rem;
  border: 0.01333rem solid #ccc;
  padding: 0;
  margin: 0;
  text-align: left;
  overflow: hidden;
  display: inline-block;
  margin-top: 0.02667rem;
}

#aliyun-upload-video .content .body table .load-stat {
  display: inline-block;
  width: 0.1%;
  height: 100%;
  background: #ccc;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

#aliyun-upload-video .content .body table th, #aliyun-upload-video .content .body table td {
  text-align: center;
}

#aliyun-upload-video .content .body table td {
  font-size: 0.29333rem;
}

#aliyun-upload-video .content .bottom {
  padding: 0.26667rem;
}

#aliyun-upload-video .content .bottom button {
  background-color: #00c1de;
  color: #fff;
  padding: 0.26667rem 0.33333rem;
  float: right;
  cursor: pointer;
  position: relative;
  margin-left: 0.2rem;
  overflow: hidden;
  min-width: 1.2rem;
  min-height: 0.45333rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 0.34667rem;
}

#aliyun-upload-video .content .bottom button input {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  padding: 0;
  background: none;
  text-align: center;
  z-index: 1;
  opacity: 0;
  cursor: pointer;
}

.aliyun_upload_contain_box {
  position: relative;
  padding: 0.26667rem;
  border: 1px dashed #ff0000;
  font-size: 0.26rem;
  width: 2.3rem;
  overflow: hidden;
  text-align: center;
}

.aliyun_upload_contain_box input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 1;
}

.loading {
  position: relative;
}

.load-text {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  color: #999;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 0.4rem;
}

table {
  padding: 0;
}

table tr {
  padding: 0;
}

table tr th {
  padding: 0.1rem 0;
}

table tr td {
  padding: 0.1rem 0;
}

.product-search-view {
  position: relative;
  z-index: 1;
}

.product-search-view .product-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #FEFEFE;
  line-height: 1.2rem;
}

.product-search-view .product-search .sorts {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8.66667rem;
          flex: 0 0 8.66667rem;
}

.product-search-view .product-search .sorts .sort {
  padding: 0;
  margin: 0;
}

.product-search-view .product-search .sorts .sort::before, .product-search-view .product-search .sorts .sort::after {
  display: table;
  content: ' ';
}

.product-search-view .product-search .sorts .sort::after {
  clear: both;
}

.product-search-view .product-search .sorts .sort li {
  float: left;
  padding: 0 0.3rem;
  cursor: pointer;
  font-size: 0.5rem;
}

.product-search-view .product-search .sorts .sort li.active, .product-search-view .product-search .sorts .sort li:hover {
  background: #E6232B;
}

.product-search-view .product-search .sorts .sort li.active label, .product-search-view .product-search .sorts .sort li:hover label {
  color: #FEFEFE;
  cursor: pointer;
}

.product-search-view .product-search .sorts .sort a {
  font-size: 0.36rem;
  margin-right: 0.4rem;
}

.product-search-view .product-search .sorts .sort a.current {
  color: #FF4E56;
}

.product-search-view .product-search .filter {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3rem;
          flex: 0 0 3rem;
}

.product-search-view .product-main {
  margin-top: 0.05rem;
  background: #F8F8F8;
}

.product-search-view .product-main .product-list li {
  background: #FEFEFE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.2rem;
  margin-bottom: 0.2rem;
}

.product-search-view .product-main .product-list li .img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 5rem;
          flex: 0 0 5rem;
}

.product-search-view .product-main .product-list li .img a {
  display: block;
  padding-right: 0.3rem;
  height: 4.2rem;
  overflow: hidden;
}

.product-search-view .product-main .product-list li .img a img {
  width: 100%;
}

.product-search-view .product-main .product-list li .info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 0.5rem;
  overflow: hidden;
  padding-top: 0.2rem;
}

.product-search-view .product-main .product-list li .info h3 {
  margin-bottom: 0.3rem;
  height: 1.2rem;
  overflow: hidden;
}

.product-search-view .product-main .product-list li .info h3 a {
  font-size: 0.8rem;
}

.product-search-view .product-main .product-list li .info .desc {
  max-height: 38px;
  overflow: hidden;
  margin-bottom: 0.3rem;
}

.product-search-view .product-main .product-list li .info .price {
  margin-bottom: 0.3rem;
}

.product-search-view .product-main .product-list li .info .price span {
  background: #FF4E56;
  padding: 0.05rem 0.2rem;
  color: #FEFEFE;
  margin-right: 0.2rem;
}

.product-search-view .product-main .product-list li .info .price .blue {
  background: #1E5196;
  color: #FEFEFE;
}

.product-search-view .product-main .product-list li .info .ask-shop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product-search-view .product-main .product-list li .info .ask-shop .ask {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}

.product-search-view .product-main .product-list li .info .ask-shop .shop {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}

.product-search-view .product-main .product-list .recommand {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.product-search-view .product-main .product-list .recommand em {
  width: 23%;
  margin: 0 1%;
  line-height: 2;
  border: 1px solid #888888;
  text-align: center;
  border-radius: 5px;
  margin: 5px 0;
}

.product-search-view .product-seeking {
  background: #FEFEFE;
  text-align: center;
  padding: 0.2rem 0;
  margin-bottom: 2.5rem;
}

.product-search-view .product-seeking .button {
  display: block;
  width: 60%;
  margin: 0 auto;
  margin-top: 0.1rem;
  padding: 0.2rem;
  border-radius: 5px;
}

.product-filter-slide {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999;
  height: 16rem;
  overflow: hidden;
  overflow-y: auto;
  display: none;
}

.product-filter-slide::before, .product-filter-slide::after {
  display: table;
  content: ' ';
}

.product-filter-slide::after {
  clear: both;
}

.product-filter-slide .filter-slide {
  width: 8.93333rem;
  float: right;
  background: #FEFEFE;
  padding: 0.2rem;
  border-left: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
}

.product-filter-slide .filter-slide .filter-close {
  line-height: 0.2rem;
  padding-left: 0.2rem;
  margin: 0.4rem 0;
}

.product-filter-slide .filter-slide .filter-close .button {
  background: #FF4E56;
  padding: 0.2rem 0.4rem;
  border-radius: 2px;
  font-size: 0.36rem;
  color: #FEFEFE;
}

.product-filter-slide .filter-slide .filter-close {
  margin-top: 0.4rem;
  text-align: right;
}

.product-filter-slide .filter-slide .brand ul::before, .product-filter-slide .filter-slide .brand ul::after, .product-filter-slide .filter-slide .price ul::before, .product-filter-slide .filter-slide .price ul::after, .product-filter-slide .filter-slide .area ul::before, .product-filter-slide .filter-slide .area ul::after {
  display: table;
  content: ' ';
}

.product-filter-slide .filter-slide .brand ul::after, .product-filter-slide .filter-slide .price ul::after, .product-filter-slide .filter-slide .area ul::after {
  clear: both;
}

.product-filter-slide .filter-slide .brand ul li, .product-filter-slide .filter-slide .price ul li, .product-filter-slide .filter-slide .area ul li {
  float: left;
  margin: 0.2rem;
  cursor: pointer;
}

.product-filter-slide .filter-slide .brand ul li {
  border: 1px solid #FEFEFE;
}

.product-filter-slide .filter-slide .brand ul li.active {
  border: 1px solid #FF4E56;
}

.product-filter-slide .filter-slide .price ul li.active, .product-filter-slide .filter-slide .area ul li.active {
  color: #FF4E56;
}

.product-view .product-gallery {
  text-align: center;
  background: #FEFEFE;
  margin-bottom: 0.05rem;
  padding-bottom: 0.4rem;
}

.product-view .product-gallery .gallery-cover {
  padding: 0.26667rem;
}

.product-view .product-gallery .gallery-slide {
  display: block;
  width: 98%;
  margin: 0 auto;
  overflow: hidden;
}

.product-view .product-gallery .gallery-slide::before, .product-view .product-gallery .gallery-slide::after {
  display: table;
  content: ' ';
}

.product-view .product-gallery .gallery-slide::after {
  clear: both;
}

.product-view .product-gallery .gallery-slide .slick-slide {
  margin-right: 0.2rem;
}

.product-view .product-gallery .gallery-slide .slide-img {
  float: left;
  margin: 0 0.1rem;
  border-radius: 0.2rem;
  border: 1px solid #D8D8D8;
}

.product-view .product-gallery .gallery-slide .slide-img img {
  border-radius: 0.2rem;
  cursor: pointer;
}

.product-view .product-gallery .gallery-slide .slick-current .slide-img {
  border-color: #f00;
}

.product-view .product-baseinfo {
  text-align: center;
  background: #FEFEFE;
  padding: 0.4rem 0;
  margin-bottom: 0.4rem;
}

.product-view .product-baseinfo .price {
  color: #FF4E56;
  font-size: 0.4rem;
  margin-bottom: 0.4rem;
}

.product-view .product-baseinfo .price span.title {
  background: #FF4E56;
  color: #FEFEFE;
  padding: 0.1rem;
  border-radius: 0.1rem;
}

.product-view .product-baseinfo .product-variant-price {
  border-bottom: 2px dashed #D8D8D8;
  margin-bottom: 0.4rem;
}

.product-view .product-baseinfo .product-variant-price ul {
  margin-bottom: 0.05rem;
}

.product-view .product-baseinfo .product-variant-price ul::before, .product-view .product-baseinfo .product-variant-price ul::after {
  display: table;
  content: ' ';
}

.product-view .product-baseinfo .product-variant-price ul::after {
  clear: both;
}

.product-view .product-baseinfo .product-variant-price ul li {
  float: left;
  width: 25%;
  font-size: 0.5rem;
}

.product-view .product-baseinfo .title {
  font-size: 0.8rem;
}

.product-view .product-contact-box {
  background: #FEFEFE;
  padding: 0.2rem;
}

.product-view .product-contact-box h3 {
  font-size: 0.32rem;
  margin-bottom: 0.1rem;
}

.product-view .product-contact-box .product-contact {
  margin-top: 0.1rem;
}

.product-view .product-contact-box .product-contact .item {
  margin-bottom: 0.1rem;
}

.product-view .product-contact-box .product-contact .item p {
  display: inline;
  margin-right: 0.1rem;
}

.product-view .product-contact-box .contact-wechat {
  width: 120px;
}

.product-view .product-contact-box .contact-wechat p {
  text-align: center;
}

.product-view .product-inquiry-form {
  background: #FEFEFE;
  padding: 0.2rem;
  margin-bottom: 0.4rem;
}

.product-view .product-inquiry-form h3 {
  font-size: 0.32rem;
  margin-bottom: 0.1rem;
}

.product-view .product-inquiry-form .inquiry-form .form-item {
  margin-bottom: 0.3rem;
}

.product-view .product-inquiry-form .inquiry-form .form-item::before, .product-view .product-inquiry-form .inquiry-form .form-item::after {
  display: table;
  content: ' ';
}

.product-view .product-inquiry-form .inquiry-form .form-item::after {
  clear: both;
}

.product-view .product-inquiry-form .inquiry-form .form-item .form-label-hr {
  float: left;
  width: 1.6rem;
  text-align: right;
  line-height: 0.9rem;
}

.product-view .product-inquiry-form .inquiry-form .form-item .form-input-hr {
  float: right;
  width: 7.73333rem;
}

.product-view .product-inquiry-form .inquiry-form .form-item .form-input-hr input {
  border: 1px solid #D8D8D8;
  width: 100%;
  height: 0.9rem;
  line-height: 0.9rem;
}

.product-view .product-inquiry-form .inquiry-form .form-item .form-action {
  text-align: center;
}

.product-view .product-inquiry-form .inquiry-form .form-item .form-action input {
  background: #1E5196;
  color: #FEFEFE;
}

.product-view .product-see {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #FEFEFE;
  padding: 0.2rem 0;
  margin-bottom: 0.2rem;
}

.product-view .product-see span {
  display: inline;
  font-size: 0.4rem;
}

.product-view .product-see span.icon {
  margin-right: 0.1rem;
}

.product-view .product-see span.icon img {
  width: 0.6rem;
  width: 0.6rem;
}

.product-view .product-see .click {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  padding-left: 0.4rem;
}

.product-view .product-see .ask {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  padding-left: 0.4rem;
}

.product-view .product-shop {
  background: #FEFEFE;
  padding: 0 0.3rem;
  margin-bottom: 0.4rem;
  font-size: 0.4rem;
}

.product-view .product-shop .shop-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.3rem 0;
  border-bottom: 1px solid #D8D8D8;
}

.product-view .product-shop .shop-info .logo {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2.4rem;
          flex: 0 0 2.4rem;
}

.product-view .product-shop .shop-info .logo img {
  max-width: 1.6rem;
  max-height: 0.8rem;
}

.product-view .product-shop .shop-info .vip-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1.06667rem;
          flex: 0 0 1.06667rem;
}

.product-view .product-shop .shop-info .vip-icon img {
  max-height: 40px;
}

.product-view .product-shop .shop-info .vip-name {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1.6rem;
          flex: 0 0 1.6rem;
  line-height: 40px;
  color: #0A0A0A;
}

.product-view .product-shop .shop-info .vip-deposit {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 4rem;
          flex: 0 0 4rem;
  font-size: 0.32rem;
  line-height: 40px;
}

.product-view .product-shop .shop-info .icon-right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 0.66667rem;
          flex: 0 0 0.66667rem;
}

.product-view .product-shop .shop-info .icon-right i {
  font-size: 1rem;
  font-weight: normal;
}

.product-view .product-shop .product-attr {
  padding-bottom: 0.2rem;
}

.product-view .product-shop .product-attr .attr-list {
  margin-bottom: 0.1rem;
  border: 1px solid #D8D8D8;
  border-radius: 0.2rem;
  padding: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product-view .product-shop .product-attr .attr-list .attr-name {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2rem;
          flex: 0 0 2rem;
  text-align: center;
  max-height: 2rem;
  border-right: 1px solid #D8D8D8;
}

.product-view .product-shop .product-attr .attr-list .attr-values {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 7.33333rem;
          flex: 0 0 7.33333rem;
  padding: 0 0.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.product-view .product-shop .product-attr .attr-list .attr-values .variant-list::before, .product-view .product-shop .product-attr .attr-list .attr-values .variant-list::after {
  display: table;
  content: ' ';
}

.product-view .product-shop .product-attr .attr-list .attr-values .variant-list::after {
  clear: both;
}

.product-view .product-shop .product-attr .attr-list .attr-values .variant-list li {
  float: left;
  padding: 0.05rem 0.1rem;
  margin: 0 0.1rem;
  cursor: pointer;
}

.product-view .product-shop .product-attr .attr-list .attr-values .variant-list li.active {
  background: #FF4E56;
  color: #FEFEFE;
  border-radius: 3px;
}

.product-view .product-num {
  background: #FEFEFE;
  padding: 0.3rem 0;
  margin-bottom: 0.2rem;
}

.product-view .product-num::before, .product-view .product-num::after {
  display: table;
  content: ' ';
}

.product-view .product-num::after {
  clear: both;
}

.product-view .product-num .select-num {
  width: 205px;
  margin: 0 auto;
  font-size: 0.32rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product-view .product-num .select-num .num-row {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
}

.product-view .product-num .select-num .num-row button {
  width: 40px;
  height: 40px;
  border: 1px solid #D8D8D8;
  text-align: center;
  cursor: pointer;
  outline: none;
  background: #FF4E56;
  color: #FEFEFE;
}

.product-view .product-num .select-num .num-row button.plus {
  border-right: none;
}

.product-view .product-num .select-num .num-row button.reduce {
  border-left: none;
}

.product-view .product-num .select-num .num-input input {
  width: 120px;
  height: 40px;
  border: 1px solid #D8D8D8;
  text-align: center;
}

.product-view .product-detail .detail-tab {
  background: #FEFEFE;
  margin-bottom: 0.05rem;
  border-bottom: 1px solid #D8D8D8;
}

.product-view .product-detail .detail-tab ul::before, .product-view .product-detail .detail-tab ul::after {
  display: table;
  content: ' ';
}

.product-view .product-detail .detail-tab ul::after {
  clear: both;
}

.product-view .product-detail .detail-tab ul li {
  float: left;
  width: 33%;
  text-align: center;
}

.product-view .product-detail .detail-tab ul li a {
  display: block;
  width: 1.6rem;
  margin: 0 auto;
  padding: 0.2rem 0;
}

.product-view .product-detail .detail-tab ul li.is-active {
  border-bottom: 2px solid #FF4E56;
}

.product-view .product-detail .details {
  background: #FEFEFE;
  padding: 0.4rem;
}

.product-view .product-detail .details iframe {
  width: 100% !important;
}

.product-view .product-detail .details .tabs-panel {
  display: none;
}

.product-view .product-detail .details .tabs-panel.is-active {
  display: block;
}

.product-view .product-detail .details .detail-param table th, .product-view .product-detail .details .detail-param table td {
  padding: 0.2rem 0.1rem;
}

.product-view .product-detail .details .detail-param table th {
  width: 2rem;
}

.product-view .product-detail .details .detail-param table td {
  width: 8rem;
}

.product-view .product-detail .details .product-relations-banner img {
  width: 10rem;
  height: 3.06667rem;
}

.product-view .product-detail .details .product-relations-nine ul::before, .product-view .product-detail .details .product-relations-nine ul::after {
  display: table;
  content: ' ';
}

.product-view .product-detail .details .product-relations-nine ul::after {
  clear: both;
}

.product-view .product-detail .details .product-relations-nine ul li {
  float: left;
  width: 2.8rem;
  margin: 0.10667rem;
}

.product-view .product-detail .details .product-relations-nine ul img {
  width: 2.8rem;
  height: 2.8rem;
}

.product-view .product-act {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 10rem;
  margin: 0 auto;
  background: #FEFEFE;
  border-top: 1px solid #EFEFEF;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product-view .product-act .button {
  padding-top: 0.2rem;
}

.product-view .product-act .action-collect .action-uncollect {
  display: none;
}

.product-view .product-act .action-uncollect .action-collect {
  display: none;
}

.product-view .product-act .act-heart, .product-view .product-act .act-shop, .product-view .product-act .act-buy {
  padding: 0.1rem 0;
}

.product-view .product-act .act-heart img, .product-view .product-act .act-shop img, .product-view .product-act .act-buy img {
  max-height: 0.66667rem;
  margin-bottom: 0.1rem;
}

.product-view .product-act .act-heart {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1.86667rem;
          flex: 0 0 1.86667rem;
}

.product-view .product-act .act-shop {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1.86667rem;
          flex: 0 0 1.86667rem;
}

.product-view .product-act .act-buy {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1.86667rem;
          flex: 0 0 1.86667rem;
}

.product-view .product-act .act-call {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 4.41rem;
          flex: 0 0 4.41rem;
  background: #FF4E56;
  color: #FEFEFE;
  font-size: 0.4rem;
  padding-top: 0.4rem;
}

.product-view .product-act .act-call a {
  color: #FEFEFE;
}

.product-view .product-act .act-call.no-buy {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 6.24rem !important;
          flex: 0 0 6.24rem !important;
}

.page-end {
  width: 6.22667rem;
  margin: 0 auto;
  padding: 0.4rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.page-end .end-line {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1.29333rem;
          flex: 0 0 1.29333rem;
  height: 1px;
  background: #d8d8d8;
  margin-top: 0.33333rem;
}

.page-end .end-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 4rem;
          flex: 0 0 4rem;
  text-align: center;
  padding: 0.05rem 0.4rem;
  font-size: 0.26667rem;
  color: #909090;
  line-height: normal;
}

.page-end .end-icon img {
  max-height: 0.64rem;
  margin-right: 0.21333rem;
}

.buy-success-message {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(120, 120, 120, 0.5);
  display: none;
}

.buy-success-message .message-box {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -3rem;
  margin-top: -1.3rem;
  z-index: 999;
  width: 6rem;
  height: 2.6rem;
  background: #FEFEFE;
}

.buy-success-message .message-box .title {
  height: 0.8rem;
  line-height: 0.8rem;
  text-align: center;
  color: #FF4E56;
  font-size: 0.36rem;
  background: #414141;
}

.buy-success-message .message-box .operate {
  padding-top: 0.8rem;
  height: 1.8rem;
  text-align: center;
}

.buy-success-message .message-box .operate a {
  padding: 0.1rem 0.2rem;
  margin: 0 0.2rem;
}

.buy-success-message .message-box .operate a.close-message {
  background: #D8D8D8;
}

.buy-success-message .message-box .operate a.go-cart {
  background: #FF4E56;
  color: #FEFEFE;
}

.mfp-hide {
  display: none !important;
}

.modal {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(120, 120, 120, 0.5);
  z-index: 10;
}

.modal .modal-box {
  width: 15rem;
  height: auto;
  margin: 0 auto;
  margin-top: 5rem;
  background: #FEFEFE;
  z-index: 12;
  padding: 0.2rem 0;
}

.modal .modal-box .title {
  height: 0.8rem;
  line-height: 0.8rem;
  text-align: center;
  color: #FF4E56;
  font-size: 0.36rem;
  background: #414141;
}

.modal .modal-box .operate {
  padding-top: 0.8rem;
  height: 1.8rem;
  text-align: center;
}

.modal .modal-box .operate a {
  padding: 0.1rem 0.2rem;
  margin: 0 0.2rem;
}

.modal .modal-box .operate a.close-message {
  background: #D8D8D8;
}

.modal .modal-box .operate a.go-cart {
  background: #FF4E56;
  color: #FEFEFE;
}

.consulting-call-modal {
  z-index: 999;
}

.consulting-call-modal .consulting-call-steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.consulting-call-modal .consulting-call-steps .step {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2.4rem;
          flex: 0 0 2.4rem;
  padding: 0.2rem 0.4rem;
}

.consulting-call-modal .consulting-call-steps .step-fill-phone {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3.33333rem;
          flex: 0 0 3.33333rem;
}

.consulting-call-modal .consulting-call-form {
  padding: 0.2rem 0.4rem;
}

.consulting-call-modal .consulting-call-form .form-item {
  margin-bottom: 0.2rem;
}

.consulting-call-modal .consulting-call-form .form-item input[type=text], .consulting-call-modal .consulting-call-form .form-item input[type=tel] {
  border: 1px solid #D8D8D8;
  width: 100%;
  height: 1rem;
  line-height: 1rem;
  border-radius: 0;
}

.consulting-call-modal .consulting-call-form .form-item .pin-code-input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.consulting-call-modal .consulting-call-form .form-item .pin-code-input-group .input-group-input {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 4rem;
          flex: 0 0 4rem;
}

.consulting-call-modal .consulting-call-form .form-item .pin-code-input-group .input-group-button {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2.4rem;
          flex: 0 0 2.4rem;
}

.consulting-call-modal .consulting-call-form .form-item .pin-code-input-group .input-group-button .pin-button {
  text-align: center;
  display: block;
  width: 100%;
  height: 1rem;
  line-height: 1rem;
  background: #D8D8D8;
}

.consulting-call-modal .consulting-call-form .form-item .form-action {
  padding-top: 0.2rem;
  text-align: center;
}

.consulting-call-modal .consulting-call-form .form-item .form-action button {
  border: none;
  border-radius: 0.1rem;
  height: 0.7rem;
  font-size: 0.28rem;
  padding: 0.1rem 0.2rem;
  margin-left: 0.2rem;
  background: #D8D8D8;
}

.consulting-call-modal .consulting-call-form .form-item .form-action input {
  background: #FF4E56;
  color: #FEFEFE;
}

.consulting-call-modal .consulting-call-form .form-item .form-action .btn-link-to {
  border: none;
  border-radius: 0.1rem;
  height: 0.7rem;
  font-size: 0.28rem;
  padding: 0.2rem;
  background: #FF4E56;
  color: #FEFEFE;
}

.consulting-call-modal .step-content-fill-phone, .consulting-call-modal .step-content-consulting-call {
  padding: 0.2rem 0.4rem;
  margin-bottom: 0.4rem;
}

.comment-view {
  margin-bottom: 60px;
  background: #FEFEFE;
  padding-bottom: 0.2rem;
}

.comment-view .comment-title {
  padding-left: 0.2rem;
  height: 40px;
  line-height: 40px;
  margin-bottom: 0.1rem;
}

.comment-view .no-comment-title {
  padding-left: 0.2rem;
}

.comment-view .no-comment-action {
  height: 1rem;
  width: 30%;
  line-height: 1rem;
  border-radius: 0.1rem;
  border: 1px solid #B61D1D;
  color: #B61D1D;
  text-align: center;
  margin: 0.2rem auto;
}

.comment-view ul {
  padding: 0 0.1rem;
}

.comment-view ul li {
  margin-bottom: 0.2rem;
  border-bottom: 1px solid #D8D8D8;
  padding-bottom: 0.2rem;
}

.comment-view ul li:last-child {
  border-bottom: none;
}

.comment-view ul li .comment-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 0.66667rem;
  line-height: 0.66667rem;
  font-size: 0.1rem;
}

.comment-view ul li .comment-header .user-avatar {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 0.66667rem;
          flex: 0 0 0.66667rem;
  font-size: 0.67rem;
}

.comment-view ul li .comment-header .user-avatar img {
  width: 0.66667rem;
  height: 0.66667rem;
  border-radius: 50%;
}

.comment-view ul li .comment-header .user-name {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 7.73333rem;
          flex: 0 0 7.73333rem;
  font-size: 14px;
  margin-left: 0.26667rem;
}

.comment-view ul li .comment-header .click {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1.33333rem;
          flex: 0 0 1.33333rem;
  padding-right: 0.2rem;
  color: #7b7b7b;
  cursor: pointer;
  font-size: 14px;
}

.comment-view ul li .commit {
  padding-left: 0.93333rem;
  font-size: 14px;
}

.comment-view ul li .comment-replay {
  padding-left: 0.93333rem;
  color: #406599;
  margin: 0.13333rem 0;
  font-size: 14px;
  cursor: pointer;
}

.comment-view ul li .comment-replay .replay-form {
  margin: 0.4rem 0;
}

.comment-view ul li .comment-replay .replay-form textarea {
  width: 90%;
}

.comment-view ul li .comment-replay .replay-form .form-action input[type='submit'] {
  background: #E6232B;
  border-radius: 5px;
  color: #FEFEFE;
  padding: 0.2rem 0.4rem;
}

.comment-view ul li .reply {
  padding-left: 0.93333rem;
}

.comment-view ul li .reply .reply-box {
  border: 1px solid #D8D8D8;
  background: #F3F3F3;
  padding: 0.2rem;
  margin: 0.2rem 0;
}

.comment-view ul li .reply .reply-box ul li:last-child {
  border-bottom: none;
}

.comment-view ul li .reply .reply-box ul li .reply-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 0.66667rem;
  line-height: 0.66667rem;
  font-size: 0.1rem;
}

.comment-view ul li .reply .reply-box ul li .reply-header .reply-user-avatar {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 0.66667rem;
          flex: 0 0 0.66667rem;
  font-size: 0.67rem;
}

.comment-view ul li .reply .reply-box ul li .reply-header .reply-user-avatar img {
  width: 0.66667rem;
  height: 0.66667rem;
  border-radius: 50%;
}

.comment-view ul li .reply .reply-box ul li .reply-header .reply-user-name {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 6.4rem;
          flex: 0 0 6.4rem;
  font-size: 14px;
  margin-left: 0.26667rem;
}

.comment-view ul li .reply .reply-box ul li .reply-header .reply-click {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1.33333rem;
          flex: 0 0 1.33333rem;
  padding-right: 0.2rem;
  color: #7b7b7b;
  cursor: pointer;
  font-size: 14px;
}

.comment-view ul li .reply .reply-box ul li .reply-content {
  padding-left: 0.93333rem;
  font-size: 14px;
}

.comment-view-fixed {
  position: fixed;
  bottom: 0px;
  left: 0;
  width: 100%;
  background: #FEFEFE;
  border-top: 1px solid #D8D8D8;
}

.comment-view-fixed .comment-box {
  padding: 10px 0.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.comment-view-fixed .comment-box .comment {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8.66667rem;
          flex: 0 0 8.66667rem;
  margin-left: 0.26667rem;
}

.comment-view-fixed .comment-box .comment::before, .comment-view-fixed .comment-box .comment::after {
  display: table;
  content: ' ';
}

.comment-view-fixed .comment-box .comment::after {
  clear: both;
}

.comment-view-fixed .comment-box .comment .comment-login a {
  padding: 0.2rem 0;
  display: block;
  text-align: center;
  background: #E6232B;
  color: #FEFEFE;
  border-radius: 0.4rem;
}

.comment-view-fixed .comment-box .comment .form-item {
  float: left;
  width: 4.8rem;
}

.comment-view-fixed .comment-box .comment .form-item input {
  width: 100%;
  height: 1.1rem;
  line-height: 1.1rem;
  border-radius: 0.5rem;
  background: #F3F3F3;
}

.comment-view-fixed .comment-box .arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 0.66667rem;
  height: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -moz-transform: rotate(180deg);
  /* Firefox */
  -webkit-transform: rotate(180deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(180deg);
  /* Opera */
}

.comment-view-fixed .comment-box .arrow img {
  width: 0.66667rem;
  height: 0.66667rem;
}

.comment-view-fixed .comment-box .comment-praise {
  font-size: 0.8rem;
  text-align: center;
}

.comment-view-fixed .comment-box .comment-praise a {
  margin-left: 0.3rem;
}

.comment-view-fixed .comment-box .comment-praise .collection.hover {
  color: #FFD700;
}

.comment-view-fixed .comment-box .comment-praise .admire.hover {
  color: #E6232B;
}

.comment-view-fixed .comment-from {
  border-top: 1px solid #D8D8D8;
  display: none;
}

.comment-view-fixed .comment-from .form-item textarea {
  width: 100%;
  height: 2rem;
  max-width: 100%;
  max-height: 2rem;
  border: none;
  font-size: 0.36rem;
}

.comment-view-fixed .comment-from .form-action {
  border-top: 1px solid #D8D8D8;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.comment-view-fixed .comment-from .form-action input {
  height: 1rem;
  line-height: 1rem;
}

.comment-view-fixed .comment-from .form-action .close-form {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 4.66667rem;
          flex: 0 0 4.66667rem;
}

.comment-view-fixed .comment-from .form-action .submit-form {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 4.66667rem;
          flex: 0 0 4.66667rem;
  border-left: 1px solid #D8D8D8;
}

.comment-view-fixed .comment-from .form-action .submit-form input {
  color: #B61D1D;
}

.price-text {
  font-size: 1rem;
  color: #E6232B;
  font-weight: bold;
}

.f_l {
  float: left;
}

.f_r {
  float: right;
}

.blank0 {
  clear: both;
}

.product-category-view .categories-list {
  background: #FEFEFE;
}

.product-category-view .categories-list::before, .product-category-view .categories-list::after {
  display: table;
  content: ' ';
}

.product-category-view .categories-list::after {
  clear: both;
}

.product-category-view .categories-list .nav-bar {
  float: left;
  width: 1.86667rem;
}

.product-category-view .categories-list .nav-bar ul li {
  text-align: center;
  padding: 0.2rem 0;
  background: #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
}

.product-category-view .categories-list .nav-bar ul li.current {
  background: #FEFEFE;
  border-left: 2px solid #FF4E56;
}

.product-category-view .categories-list .categories {
  float: right;
  width: 7.86667rem;
}

.product-category-view .categories-list .categories .categories-small {
  padding: 0 0.2rem;
  margin-bottom: 0.2rem;
}

.product-category-view .categories-list .categories .categories-small h3 {
  padding-bottom: 0.1rem;
}

.product-category-view .categories-list .categories .categories-small ul::before, .product-category-view .categories-list .categories .categories-small ul::after {
  display: table;
  content: ' ';
}

.product-category-view .categories-list .categories .categories-small ul::after {
  clear: both;
}

.product-category-view .categories-list .categories .categories-small ul li {
  float: left;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
}

.product-category-view .categories-list .categories .categories-small ul li img {
  width: 2.24rem;
  height: 3.06667rem;
}

.mobile-search-select-view {
  display: none;
  position: fixed;
  z-index: 500;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  background: rgba(0, 0, 0, 0.5);
}

.mobile-search-select-view .close {
  position: relative;
  width: 100%;
  height: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -o-flex-justify-content: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 0.4rem;
}

.mobile-search-select-view .close .fa-close {
  font-size: 0.53333rem;
  color: #666;
}

.mobile-search-select-view > .content {
  background: #fff;
  width: 8.66667rem;
  height: 100%;
  padding-top: 0.2rem;
  padding-bottom: 1.46667rem;
  position: absolute;
  right: 0;
  top: 0;
  overflow-y: scroll;
}

.mobile-search-select-view .clearfix {
  clear: both;
}

.mobile-search-select-view .select-item {
  padding: 0.4rem 0.4rem 0 0.4rem;
}

.mobile-search-select-view .select-item .top {
  padding-bottom: 0.26667rem;
}

.mobile-search-select-view .select-item .top .title, .mobile-search-select-view .select-item .top .has_select {
  float: left;
}

.mobile-search-select-view .select-item .top .title {
  color: black;
  font-size: 0.34667rem;
  margin-right: 0.2rem;
  font-weight: bold;
}

.mobile-search-select-view .select-item .top .has_select {
  max-width: 4rem;
  color: #888;
  font-size: 0.32rem;
  line-height: 0.45rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 0.13333rem;
}

.mobile-search-select-view .select-item .top .has_select span {
  display: inline-block;
  border-bottom: 1px solid #ff4e56;
}

.mobile-search-select-view .select-item .top .has_select i {
  margin-left: 0.06667rem;
  color: #999;
}

.mobile-search-select-view .select-item .top .down {
  float: right;
  font-size: 0.34667rem;
  color: #666666;
}

.mobile-search-select-view .select-item .top .down i {
  margin-left: 0.06667rem;
}

.mobile-search-select-view .select-item .mid li {
  display: inline-block;
  width: 2.46667rem;
  padding: 0 0.3rem;
  height: 0.86667rem;
  background: #f8f8f8;
  color: #666666;
  font-size: 0.34667rem;
  line-height: 0.86667rem;
  text-align: center;
  margin-top: 0.13333rem;
  margin-right: 0.13333rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mobile-search-select-view .select-item .mid li:nth-child(3n) {
  margin-right: 0;
}

.mobile-search-select-view .select-item .mid li:nth-child(-n+3) {
  margin-top: 0;
}

.mobile-search-select-view .select-item .mid li.current {
  background: #fff;
  border: 1px solid #ff4e56;
  color: #ff4e56;
  border-radius: 0.09333rem;
}

.mobile-search-select-view .select-item .price-input li {
  display: inline-block;
  line-height: 0.88rem;
}

.mobile-search-select-view .select-item .price-input li i {
  margin: 0 0.26667rem;
}

.mobile-search-select-view .select-item .price-input input {
  width: 3.33333rem;
  height: 0.88rem;
  border: 1px solid #dadada;
  line-height: 0.88rem;
  text-align: center;
  background: #fff;
  color: #333;
  font-size: 0.34667rem;
  border-radius: 0.09333rem;
}

.mobile-search-select-view .btn {
  width: 8.66667rem;
  height: 1.33333rem;
  position: absolute;
  z-index: 2;
  bottom: 0;
  right: 0;
  font-size: 0.4rem;
  overflow: hidden;
}

.mobile-search-select-view .btn .reset, .mobile-search-select-view .btn .confirm {
  display: inline-block;
  width: 50%;
  height: 100%;
  line-height: 1.33333rem;
  text-align: center;
  overflow: hidden;
}

.mobile-search-select-view .btn .reset {
  background: #e9e9e9;
  color: #666666;
}

.mobile-search-select-view .btn .confirm {
  display: inline-block;
  background: #fb052a;
  color: #fff;
}

.news-list-view .list-category {
  width: 10rem;
  margin: 0 auto;
  background: #0A0A0A;
}

.news-list-view .list-category::before, .news-list-view .list-category::after {
  display: table;
  content: ' ';
}

.news-list-view .list-category::after {
  clear: both;
}

.news-list-view .list-category a {
  display: block;
  float: left;
  margin: 0.05rem;
  background: #0A0A0A;
  text-align: center;
  color: #FEFEFE;
  font-size: 0.28rem;
  padding: 0.2rem 0.1rem;
}

.news-list-view .list-category a.current {
  border-bottom: 1px solid #FF4E56;
}

.news-list-view .list-category-new {
  width: 100%;
  margin: 0 auto;
  background: #FEFEFE;
  position: relative;
  height: 1rem;
  overflow: hidden;
  padding-right: 0.6rem;
  padding-left: 0.2rem;
  border-bottom: 1px solid #ccc;
}

.news-list-view .list-category-new::before, .news-list-view .list-category-new::after {
  display: table;
  content: ' ';
}

.news-list-view .list-category-new::after {
  clear: both;
}

.news-list-view .list-category-new a {
  display: block;
  float: left;
  text-align: center;
  color: #999999;
  font-size: 0.37333rem;
  padding: 0.2rem 0.1rem 0 0.1rem;
}

.news-list-view .list-category-new a.active {
  color: #ffc000;
  font-weight: 600;
}

.news-list-view .list-category-new .arrow {
  position: absolute;
  right: -0.55rem;
  width: 1.5rem;
  top: 0.1rem;
  background: #FEFEFE;
  font-size: 0.5rem;
  color: #ffc000;
  cursor: pointer;
}

.news-list-view .list-category-new .arrow img {
  width: 0.49333rem;
  height: 0.49333rem;
}

.news-list-view .list-down {
  height: 1.8rem;
}

.news-list-view .list-down .arrow {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -moz-transform: rotate(180deg);
  /* Firefox */
  -webkit-transform: rotate(180deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(180deg);
  top: 0.9rem;
}

.news-list-view .list-banner {
  width: 10rem;
  margin: 0 auto;
}

.news-list-view .list-banner .article-body-exhibition .article_banner {
  width: 10rem;
  height: 5.93333rem;
}

.news-list-view .list-banner .article-body-exhibition .article_banner .banner-list {
  position: relative;
}

.news-list-view .list-banner .article-body-exhibition .article_banner .banner-list img {
  width: 10rem;
  height: 5.93333rem;
}

.news-list-view .list-banner .article-body-exhibition .article_banner .banner-list .title {
  position: absolute;
  left: 0.13333rem;
  bottom: 0.13333rem;
  width: 9.33333rem;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  color: #FEFEFE;
  font-size: 0.2rem;
}

.news-list-main ul li {
  background: #FEFEFE;
  margin-bottom: 0.1rem;
  padding: 0.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.news-list-main ul li .article-image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2rem;
          flex: 0 0 2rem;
  margin-right: 0;
  position: relative;
}

.news-list-main ul li .article-image img {
  width: 100%;
  height: 1.55rem;
}

.news-list-main ul li .article-image .article-video-btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1.55rem;
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
  line-height: 1.55rem;
}

.news-list-main ul li .article-image .article-video-btn img {
  width: 1rem;
  height: 1rem;
}

.news-list-main ul li .article-info {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 7.33333rem;
          flex: 0 0 7.33333rem;
  margin-left: 0.26667rem;
}

.news-list-main ul li .article-info .article-title {
  font-weight: bold;
  font-size: 0.36rem;
}

.news-list-main .load-more-article {
  text-align: center;
}

.news-list-main .load-more-article span {
  font-size: 0.36rem;
  color: #FEFEFE;
  background: #E6232B;
  display: block;
  padding: 0.1rem 0.3rem;
  border-radius: 0.4rem;
  margin: 0 auto;
}

.all-categories-box {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  background: #FEFEFE;
  padding: 0.3rem;
  z-index: 999;
  display: none;
}

.all-categories-box .category-header {
  height: 1rem;
  line-height: 1rem;
  position: relative;
}

.all-categories-box .category-header h3 {
  font-size: 0.4rem;
}

.all-categories-box .category-header .close {
  position: absolute;
  top: 0rem;
  right: 0.2rem;
  font-size: 0.4rem;
}

.all-categories-box .all-categories {
  margin-top: 0.5rem;
  padding-bottom: 3rem;
}

.all-categories-box .all-categories a {
  display: inline-block;
  padding: 0.2rem 0.3rem;
  margin: 0.1rem;
  background: #F3F3F3;
  border-radius: 5px;
}

.news-detail-view .detail-img img {
  width: 100%;
}

.news-detail-view .detail-img .video-play {
  width: 100%;
  height: auto;
}

.news-detail-view .mgb10 {
  margin-bottom: 0.13333rem;
}

.news-detail-view .article-user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.news-detail-view .article-user .user-info {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 7.33333rem;
          flex: 0 0 7.33333rem;
  color: #909090;
  font-size: 0.5rem;
}

.news-detail-view .article-user .user-info h3 a {
  font-size: 0.36rem;
  color: #909090;
}

.news-detail-view .article-user .user-follow {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2rem;
          flex: 0 0 2rem;
  margin-right: 0.5rem;
  padding-top: 0.2rem;
}

.news-detail-view .article-user .user-follow a {
  text-align: center;
  color: #FEFEFE;
  display: block;
  width: 100%;
  height: 24px;
  line-height: 24px;
  background: #B61D1D;
  border-radius: 0.1rem;
}

.news-detail-view .detail-main {
  background: #FEFEFE;
  padding: 0 0.2rem;
  padding-bottom: 0.4rem;
}

.news-detail-view .detail-main .detail-title {
  font-weight: bold;
  font-size: 0.8rem;
  text-align: center;
  padding: 0.2rem 0;
}

.news-detail-view .detail-main .detail {
  padding: 0 0.2rem;
  font-size: 16px !important;
  position: relative;
  overflow: hidden;
  margin-top: 0.3rem;
}

.news-detail-view .detail-main .detail iframe {
  width: 100% !important;
}

.news-detail-view .article-tags {
  background: #FEFEFE;
  padding-left: 0.2rem;
  padding-bottom: 0.4rem;
}

.news-detail-view .article-tags a {
  padding: 5px 0.1rem;
}

.news-detail-view .detail-praise {
  background: #FEFEFE;
  margin-bottom: 0.4rem;
  padding-bottom: 0.4rem;
  position: relative;
}

.news-detail-view .detail-praise a {
  display: block;
  width: 4rem;
  height: 1.06667rem;
  background: #B61D1D;
  color: #FEFEFE;
  text-align: center;
  line-height: 1.06667rem;
  font-size: 0.36rem;
  margin: 0 auto;
  border-radius: 0.8rem;
  border: 1px solid #F3F3F3;
}

.news-detail-view .detail-praise a.hover {
  background: #F3F3F3;
  color: #B61D1D;
}

.news-detail-view .detail-praise #art_animate {
  position: absolute;
  left: 45%;
  bottom: 20px;
  font-size: 32px;
}

.news-detail-view .detail-click {
  background: #FEFEFE;
  padding-bottom: 0.4rem;
  margin-bottom: 0.2rem;
}

.news-detail-view .detail-click .click {
  width: 4rem;
  margin: 0 auto;
  padding: 0.2rem;
  text-align: center;
  border-radius: 0.5rem;
  background: #F8F8F8;
}

.news-detail-view .detail-recomment {
  margin-bottom: 0.4rem;
}

.news-detail-view .recomment-title {
  vertical-align: middle;
  font-size: 0.36rem;
  background: #FEFEFE;
  padding-top: 0.4rem;
  padding-left: 0.2rem;
}

.news-detail-view .recomment-title img {
  width: 0.4rem;
  height: 0.4rem;
  margin-right: 0.2rem;
}

.news-detail-view .see-more {
  background: #FEFEFE;
  padding: 0.4rem 0;
  text-align: center;
  font-size: 0.4rem;
}

.news-detail-view .see-more a {
  color: #FF4E56;
}

.news-detail-view .see-more i {
  color: #FF4E56;
  font-size: 0.5rem;
  padding-left: 0.1rem;
}

.m-activity-1 {
  width: 1.2rem;
  height: 1.2rem;
  display: block;
  z-index: 2;
  position: fixed;
  right: 0.4rem;
  bottom: 3rem;
  background: #FF4E56;
  text-align: center;
  border-radius: 100%;
}

.m-activity-1 a {
  color: #FEFEFE;
  line-height: 1.2rem;
}

input[disabled] {
  color: #c3c3c3 !important;
  opacity: 1;
}

.m-news-list-tit {
  height: 500px;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 0.2rem;
}

.m-news-list-tit .articles-list-wrap {
  margin-top: 0.2rem;
}

.m-news-list-tit .articles-list-wrap::before, .m-news-list-tit .articles-list-wrap::after {
  display: table;
  content: ' ';
}

.m-news-list-tit .articles-list-wrap::after {
  clear: both;
}

.m-news-list-tit .articles-list-wrap .header-box {
  width: 100%;
  margin-bottom: 0.3rem;
  background: #FEFEFE;
}

.m-news-list-tit .articles-list-wrap .header-box:nth-child(2n+1) {
  margin-right: 10px;
}

.m-news-list-tit .articles-list-wrap .pad-no {
  padding: 0;
}

.m-news-list-tit .articles-list-wrap .box-header {
  border-left: 4px solid #0A0A0A;
  color: #5D5D5D;
  height: 24px;
  line-height: 24px;
  font-weight: bold;
  font-size: 0.32rem;
  padding-left: 0.2rem;
  margin-bottom: 0.2rem;
}

.m-news-list-tit .articles-list-wrap .box-header::before, .m-news-list-tit .articles-list-wrap .box-header::after {
  display: table;
  content: ' ';
}

.m-news-list-tit .articles-list-wrap .box-header::after {
  clear: both;
}

.m-news-list-tit .articles-list-wrap .box-header a {
  float: right;
  color: #5D5D5D;
  font-weight: normal;
  font-size: 0.24rem;
  line-height: 24px;
  margin-right: 0.5rem;
}

.m-news-list-tit .articles-list-wrap .box-body {
  padding: 0.1rem;
  border-top: none;
  background: #FEFEFE;
}

.m-news-list-tit .articles-list-wrap .articles-list .article-inline {
  border-bottom: none;
  margin-bottom: 0;
  padding: 0.05rem 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.m-news-list-tit .articles-list-wrap .articles-list .article-inline a {
  display: block;
  width: 100%;
  line-height: 28px;
  height: 28px;
  overflow: hidden;
}

.m-news-list-tit .articles-list-wrap .articles-list .article-inline span {
  display: inline-block;
  vertical-align: middle;
}

.m-news-list-tit .articles-list-wrap .articles-list .article-inline .article-title {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.m-news-list-tit .articles-list-wrap .articles-list .article-inline .time {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 23%;
          flex: 0 0 23%;
  text-align: right;
}

.m-news-list-tit .articles-list-wrap .articles-list .article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.2rem 0;
}

.m-news-list-tit .articles-list-wrap .articles-list .article .article-image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2rem;
          flex: 0 0 2rem;
  margin-right: 0;
}

.m-news-list-tit .articles-list-wrap .articles-list .article .article-info {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 7.33333rem;
          flex: 0 0 7.33333rem;
  margin-left: 0.26667rem;
}

.m-news-list-tit .articles-list-wrap .articles-list .article .article-info .article-title {
  font-weight: bold;
  font-size: 0.36rem;
}

.m-news-list-tit .articles-list-wrap .articles-list .article .article-image-new {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 5rem;
          flex: 0 0 5rem;
  margin-right: 0;
}

.m-news-list-tit .articles-list-wrap .articles-list .article .article-image-new a {
  display: block;
  height: 3.5rem;
  overflow: hidden;
}

.m-news-list-tit .articles-list-wrap .articles-list .article .article-info-new {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.m-news-list-tit .articles-list-wrap .articles-list .article .article-info-new .article-title {
  font-size: 0.8rem;
  height: 1.3rem;
  margin-bottom: 0.3rem;
  overflow: hidden;
  color: #333333;
}

.m-news-list-tit .articles-list-wrap .articles-list .article .article-info-new .time {
  color: #888888;
  font-size: 0.5rem;
}

.m-news-list-tit .articles-list-wrap .articles-list .sp-mg {
  margin: 0.2rem;
}

.m-news-list-tit .articles-list-wrap .articles-list .under-line {
  padding-bottom: 0.4rem;
  border-bottom: 1px solid #ccc;
}

.m-news-list-tit .articles-list-wrap .articles-list .articles-list-normal {
  padding: 0.2rem 0 0.3rem 0;
  margin: 0 0.26667rem;
  border-bottom: 1px solid #ccc;
  position: relative;
}

.m-news-list-tit .articles-list-wrap .articles-list .articles-list-normal .img-bg {
  position: absolute;
  top: 0.9rem;
  background: #0A0A0A;
  width: 100%;
  height: 6rem;
  opacity: 0.6;
}

.m-news-list-tit .articles-list-wrap .articles-list .articles-list-normal .img-bg a {
  display: block;
  height: 6rem;
}

.m-news-list-tit .articles-list-wrap .articles-list .articles-list-normal .video-click {
  position: absolute;
  top: 3.3rem;
  width: 100%;
  text-align: center;
}

.m-news-list-tit .articles-list-wrap .articles-list .articles-list-normal .video-click a {
  display: block;
}

.m-news-list-tit .articles-list-wrap .articles-list .articles-list-normal .video-click a img {
  width: 1.6rem;
  height: 1.6rem;
}

.m-news-list-tit .articles-list-wrap .articles-list .articles-list-normal .article-image-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-conetent: center;
  align-itmes: center;
  margin-bottom: 0.15rem;
}

.m-news-list-tit .articles-list-wrap .articles-list .articles-list-normal .article-image-list a {
  padding-right: 0.1rem;
}

.m-news-list-tit .articles-list-wrap .articles-list .articles-list-normal .article-info-img .article-title {
  font-size: 0.42667rem;
  color: #333333;
  height: 0.6rem;
  overflow: hidden;
  margin-bottom: 0.1rem;
}

.m-news-list-tit .articles-list-wrap .articles-list .articles-list-normal .article-info-img .article-title a {
  color: #333333;
}

.m-news-list-tit .articles-list-wrap .articles-list .articles-list-normal .article-img-big {
  text-align: center;
  margin-bottom: 0.15rem;
}

.m-news-list-tit .articles-list-wrap .articles-list .articles-list-normal .article-img-big img {
  max-height: 6rem;
  height: 6rem;
}

.m-news-list-tit .articles-list-wrap .articles-list .articles-list-normal .time {
  color: #888888;
}

.m-news-list-tit .articles-list-wrap .industry-has-image {
  margin-bottom: 0.2rem;
}

.m-news-list-tit .articles-list-wrap .industry-has-image ul::before, .m-news-list-tit .articles-list-wrap .industry-has-image ul::after {
  display: table;
  content: ' ';
}

.m-news-list-tit .articles-list-wrap .industry-has-image ul::after {
  clear: both;
}

.m-news-list-tit .articles-list-wrap .industry-has-image ul li {
  float: left;
  width: 4.8rem;
}

.m-news-list-tit .articles-list-wrap .industry-has-image ul li:first-child {
  margin-right: 0.13333rem;
}

.m-news-list-tit .articles-list-wrap .industry-has-image ul li img {
  width: 4.8rem;
}

.m-news-list-tit .articles-list-wrap .article-interview .interviews-list .interviews {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.m-news-list-tit .articles-list-wrap .article-interview .interviews-list .interviews .left-quote, .m-news-list-tit .articles-list-wrap .article-interview .interviews-list .interviews .right-quote {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1.06667rem;
          flex: 0 0 1.06667rem;
}

.m-news-list-tit .articles-list-wrap .article-interview .interviews-list .interviews .left-quote img, .m-news-list-tit .articles-list-wrap .article-interview .interviews-list .interviews .right-quote img {
  width: 1.06667rem;
}

.m-news-list-tit .articles-list-wrap .article-interview .interviews-list .interviews .interview {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 7.6rem;
          flex: 0 0 7.6rem;
  font-size: 0.36rem;
  color: #0A0A0A;
}

.m-news-list-tit .articles-list-wrap .article-interview .interviews-list .interviews .interview h3 {
  height: 38px;
  overflow: hidden;
}

.m-news-list-tit .articles-list-wrap .article-interview .interviews-list .interviews .interview a.more {
  display: block;
  width: 80%;
  margin: 0 auto;
  padding: 0.1rem 0;
  border: 1px solid #1E5196;
  color: #1E5196;
  margin-top: 0.2rem;
  border-radius: 8px;
  text-align: center;
}

.m-news-list-tit .articles-list-wrap .article-interview .slick-dots {
  position: relative;
}

.m-news-list-tit .articles-list-wrap .article-mrwood .image {
  width: 100%;
}

.m-news-list-tit .articles-list-wrap .article-mrwood .image img {
  width: 100%;
  height: auto;
}

.m-news-list-tit .articles-list-wrap .article-mrwood .title {
  padding: 0.2rem;
  font-size: 0.36rem;
  font-weight: bold;
}

.m-news-list-tit .articles-list-wrap .article-mrwood .time-view {
  padding: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.m-news-list-tit .articles-list-wrap .article-mrwood .time-view .time {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}

.m-news-list-tit .articles-list-wrap .article-mrwood .time-view .view {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  text-align: right;
}

.m-news-list-tit .articles-list-wrap .new-box-body ul li:last-child {
  border: none;
}

.m-news-list-tit .mgt-1 {
  margin-top: 0.1rem;
}

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

.article-end {
  width: 10rem;
  margin: 0 auto;
  padding: 0.4rem 0;
  margin-bottom: 2.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.article-end .article-end-icon {
  text-align: center;
  padding: 0.05rem 0.4rem;
  font-size: 0.26667rem;
  color: #909090;
  line-height: normal;
}

.article-end .article-end-icon img {
  max-height: 0.64rem;
  margin-right: 0.21333rem;
}

.cleafix {
  clear: both;
}

.right {
  display: inline-block;
  float: right !important;
}

.left {
  display: inline-block;
  float: left !important;
}

a:hover {
  text-decoration: none !important;
  cursor: pointer;
}

.seeking-index-view .seeking-head, .seeking-show-view .seeking-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -moz-flex-direction: row;
  -o-flex-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-align-content: center;
  -moz-align-content: center;
  -o-flex-align-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-flex-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.33333rem 0.26667rem;
  hegiht: 0.93333rem;
  background-color: #fff;
  border-bottom: 0.01333rem solid #D8D8D8;
}

.seeking-index-view .seeking-head .s-left, .seeking-show-view .seeking-head .s-left {
  -ms-border-radius: 0.13333rem;
  -moz-border-radius: 0.13333rem;
  -o-flex-border-radius: 0.13333rem;
  border-radius: 0.13333rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-align-content: center;
  -moz-align-content: center;
  -o-flex-align-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  background-color: #f1f1f1;
  margin: 0 0.28rem 0 0.13333rem;
  width: 7.6rem;
  height: 0.74667rem;
  overflow: hidden;
  padding-left: 0.26667rem;
}

.seeking-index-view .seeking-head .s-left i, .seeking-show-view .seeking-head .s-left i {
  font-size: 0.37333rem;
}

.seeking-index-view .seeking-head .s-left input, .seeking-show-view .seeking-head .s-left input {
  font-size: 0.37333rem;
  color: #909090;
  line-height: 0.66667rem;
  height: 0.66667rem;
  background: none !important;
  border: 0 none;
  width: 6.4rem;
  padding: 0;
  text-indent: 0.26667rem;
}

.seeking-index-view .seeking-head .s-right, .seeking-show-view .seeking-head .s-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-align-content: center;
  -moz-align-content: center;
  -o-flex-align-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -o-flex-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 1.46667rem;
  height: 0.93333rem;
  font-size: 0.32rem;
  color: #666666;
  line-height: 0.34667rem;
}

.seeking-index-view .seeking-head .s-right img, .seeking-show-view .seeking-head .s-right img {
  width: 0.66667rem;
  display: block;
  margin: 0 auto;
}

.seeking-index-view .seeking-head .s-right span, .seeking-show-view .seeking-head .s-right span {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.seeking-index-view .seeking-main .seeking-table-list, .seeking-show-view .seeking-main .seeking-table-list {
  margin-top: 0.2rem;
  width: 100%;
}

.seeking-index-view .seeking-main .seeking-table-list td, .seeking-show-view .seeking-main .seeking-table-list td {
  padding-left: 0.2rem;
  line-height: 24px;
}

.seeking-index-view .seeking-main .seeking-list, .seeking-show-view .seeking-main .seeking-list {
  display: block;
  padding: 0.4rem 0.26667rem 0.53333rem 0.26667rem;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-flex-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  overflow: hidden;
  margin-top: 0.26667rem;
}

.seeking-index-view .seeking-main .seeking-list:nth-child(1), .seeking-show-view .seeking-main .seeking-list:nth-child(1) {
  margin-top: 0;
}

.seeking-index-view .seeking-main .seeking-list .seeking-list-title em, .seeking-index-view .seeking-main .seeking-list .seeking-list-title span, .seeking-show-view .seeking-main .seeking-list .seeking-list-title em, .seeking-show-view .seeking-main .seeking-list .seeking-list-title span {
  display: inline-block;
  float: left;
}

.seeking-index-view .seeking-main .seeking-list .seeking-list-title em, .seeking-show-view .seeking-main .seeking-list .seeking-list-title em {
  letter-spacing: 0.01333rem;
  font-size: 0.24rem;
  color: #5d5d5d;
  line-height: 0.68rem;
}

.seeking-index-view .seeking-main .seeking-list .seeking-list-title em:nth-child(1), .seeking-show-view .seeking-main .seeking-list .seeking-list-title em:nth-child(1) {
  background-color: #d8d8d8;
  padding: 0 0.09333rem;
}

.seeking-index-view .seeking-main .seeking-list .seeking-list-title span.name, .seeking-show-view .seeking-main .seeking-list .seeking-list-title span.name {
  font-size: 0.37333rem;
  color: #333333;
  line-height: 0.68rem;
  padding: 0 0.2rem;
  max-width: 2.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.seeking-index-view .seeking-main .seeking-list .seeking-list-title em.time, .seeking-show-view .seeking-main .seeking-list .seeking-list-title em.time {
  font-size: 0.29333rem;
  color: #909090;
  line-height: 0.68rem;
}

.seeking-index-view .seeking-main .seeking-list .seeking-list-title span.assess, .seeking-show-view .seeking-main .seeking-list .seeking-list-title span.assess {
  font-size: 0.29333rem;
  color: #f68f23;
  line-height: 0.4rem;
  padding: 0.13333rem 0.32rem;
  border: 1px solid #f68f23;
  background-color: #fef6ee;
  letter-spacing: 0.02667rem;
  -ms-border-radius: 0.58667rem;
  -moz-border-radius: 0.58667rem;
  -o-flex-border-radius: 0.58667rem;
  border-radius: 0.58667rem;
}

.seeking-index-view .seeking-main .seeking-list .seeking-list-info, .seeking-show-view .seeking-main .seeking-list .seeking-list-info {
  padding-left: 0.53333rem;
}

.seeking-index-view .seeking-main .seeking-list .seeking-list-info .i1, .seeking-show-view .seeking-main .seeking-list .seeking-list-info .i1 {
  padding-top: 0.26667rem;
  font-size: 0.4rem;
  color: #333333;
  line-height: 0.45333rem;
  font-family: 宋体;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-weight: bold;
}

.seeking-index-view .seeking-main .seeking-list .seeking-list-info .i2, .seeking-show-view .seeking-main .seeking-list .seeking-list-info .i2 {
  padding-top: 0.32rem;
  font-size: 0.36rem;
  color: #333333;
  line-height: 0.36rem;
}

.seeking-index-view .seeking-main .seeking-list .seeking-list-info .i2 em, .seeking-show-view .seeking-main .seeking-list .seeking-list-info .i2 em {
  color: #999999;
  padding-left: 0.13333rem;
}

.seeking-index-view .seeking-main .seeking-list .seeking-list-info .i3, .seeking-show-view .seeking-main .seeking-list .seeking-list-info .i3 {
  padding-top: 0.26667rem;
  font-size: 0.36rem;
  color: black;
  line-height: 0.36rem;
}

.seeking-index-view .seeking-main .seeking-list .seeking-list-info .i3 em, .seeking-show-view .seeking-main .seeking-list .seeking-list-info .i3 em {
  color: #666666;
  padding-left: 0.13333rem;
}

.seeking-index-view .seeking-main .seeking-list .seeking-list-info .i3 img, .seeking-show-view .seeking-main .seeking-list .seeking-list-info .i3 img {
  width: 0.46667rem;
  height: 0.46667rem;
  position: relative;
  display: block;
  z-index: 1;
  top: -0.02667rem;
  display: inline-block;
}

.seeking-index-view .seeking-main .seeking-list .seeking-list-info .text-right, .seeking-show-view .seeking-main .seeking-list .seeking-list-info .text-right {
  text-align: right;
}

.seeking-index-view .seeking-main .seeking-list .seeking-list-info .seeking-video, .seeking-show-view .seeking-main .seeking-list .seeking-list-info .seeking-video {
  width: 2.77333rem;
  height: 2.77333rem;
  position: relative;
  -ms-border-radius: 0.09333rem;
  -moz-border-radius: 0.09333rem;
  -o-flex-border-radius: 0.09333rem;
  border-radius: 0.09333rem;
  border: 1px solid #999999;
}

.seeking-index-view .seeking-main .seeking-list .seeking-list-info .seeking-video img, .seeking-show-view .seeking-main .seeking-list .seeking-list-info .seeking-video img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.9;
  z-index: 1;
}

.seeking-index-view .seeking-main .seeking-list .seeking-list-info .seeking-video i, .seeking-show-view .seeking-main .seeking-list .seeking-list-info .seeking-video i {
  position: absolute;
  font-size: 0.56rem;
  top: 50%;
  left: 50%;
  margin-left: -0.28rem;
  margin-top: -0.28rem;
  z-index: 2;
  background: #fff;
  border-radius: 0.56rem;
}

.seeking-index-view .seeking-main .seeking-list .seeking-list-info .img_list, .seeking-show-view .seeking-main .seeking-list .seeking-list-info .img_list {
  padding-top: 0.4rem;
}

.seeking-index-view .seeking-main .seeking-list .seeking-list-info .img_list img, .seeking-show-view .seeking-main .seeking-list .seeking-list-info .img_list img {
  display: block;
  float: left;
  margin-left: 0.28rem;
  width: 2.77333rem;
  height: 2.77333rem;
  -ms-border-radius: 0.09333rem;
  -moz-border-radius: 0.09333rem;
  -o-flex-border-radius: 0.09333rem;
  border-radius: 0.09333rem;
  border: 1px solid #999999;
  border-radius: 0.13333rem;
}

.seeking-index-view .seeking-main .seeking-list .seeking-list-info .img_list img:nth-child(1), .seeking-show-view .seeking-main .seeking-list .seeking-list-info .img_list img:nth-child(1) {
  margin-left: 0;
}

.seeking-index-view .seeking-main .seeking-list .seeking-list-btn, .seeking-show-view .seeking-main .seeking-list .seeking-list-btn {
  padding-top: 0.4rem;
}

.seeking-index-view .seeking-main .seeking-list .seeking-list-btn span, .seeking-show-view .seeking-main .seeking-list .seeking-list-btn span {
  display: inline-block;
  border: 1px solid #a2a2a2;
  font-size: 0.32rem;
  color: #414141;
  line-height: 0.76rem;
  padding: 0 0.48rem;
  -ms-border-radius: 0.09333rem;
  -moz-border-radius: 0.09333rem;
  -o-flex-border-radius: 0.09333rem;
  border-radius: 0.09333rem;
  margin-left: 0.13333rem;
}

.seeking-index-view .seeking-main .seeking-list .seeking-list-btn span.offer, .seeking-show-view .seeking-main .seeking-list .seeking-list-btn span.offer {
  border: 1px solid #e6212a;
  background-color: #e6212a;
  color: #fff;
}

.seeking-index-view .seeking-main .seeking-list .seeking-list-btn .big_box, .seeking-show-view .seeking-main .seeking-list .seeking-list-btn .big_box {
  padding: 0 1.04rem;
}

.seeking-new-view .main .seeking-form {
  background: #FEFEFE;
  padding: 0.2rem;
  margin-bottom: 2.5rem;
  box-size: border-box;
}

.seeking-new-view .main .seeking-form textarea, .seeking-new-view .main .seeking-form input {
  font-size: 0.4rem;
}

.seeking-new-view .main .seeking-form .seeking-form-vertical .form-label {
  padding: 0.2rem 0;
  font-size: 0.37333rem;
}

.seeking-new-view .main .seeking-form .seeking-form-vertical .form-label img {
  width: 0.6rem;
  margin-right: 0.2rem;
}

.seeking-new-view .main .seeking-form .seeking-form-vertical .form-input {
  padding-left: 0.8rem;
}

.seeking-new-view .main .seeking-form .seeking-form-vertical .form-input textarea {
  width: 100%;
  min-height: 3rem;
  border: none;
}

.seeking-new-view .main .seeking-form .seeking-form-horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.1rem 0;
}

.seeking-new-view .main .seeking-form .seeking-form-horizontal .form-horizontal-tag {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 0.66667rem;
          flex: 0 0 0.66667rem;
}

.seeking-new-view .main .seeking-form .seeking-form-horizontal .form-horizontal-tag img {
  margin-top: 0.1rem;
  width: 1rem;
  margin-right: 0.2rem;
}

.seeking-new-view .main .seeking-form .seeking-form-horizontal .form-horizontal-box {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8.2rem;
          flex: 0 0 8.2rem;
  margin-left: 0.26667rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #D8D8D8;
}

.seeking-new-view .main .seeking-form .seeking-form-horizontal .form-horizontal-box .form-label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2rem;
          flex: 0 0 2rem;
  padding: 0.2rem 0;
  font-size: 0.37333rem;
}

.seeking-new-view .main .seeking-form .seeking-form-horizontal .form-horizontal-box .form-input {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 6.93333rem;
          flex: 0 0 6.93333rem;
  margin-left: 0.13333rem;
}

.seeking-new-view .main .seeking-form .seeking-form-horizontal .form-horizontal-box .form-input input[type="text"], .seeking-new-view .main .seeking-form .seeking-form-horizontal .form-horizontal-box .form-input input[type="tel"] {
  width: 100%;
  margin-top: 0.13333rem;
}

.seeking-new-view .main .seeking-form .seeking-form-horizontal .form-horizontal-box .form-input textarea {
  margin-top: 0.2rem;
  border: none;
  width: 100%;
  min-height: 2rem;
}

.seeking-new-view .main .seeking-form .seeking-form-horizontal .form-horizontal-box .form-input .pin-code .input-group::before, .seeking-new-view .main .seeking-form .seeking-form-horizontal .form-horizontal-box .form-input .pin-code .input-group::after {
  display: table;
  content: ' ';
}

.seeking-new-view .main .seeking-form .seeking-form-horizontal .form-horizontal-box .form-input .pin-code .input-group::after {
  clear: both;
}

.seeking-new-view .main .seeking-form .seeking-form-horizontal .form-horizontal-box .form-input .pin-code .input-group input {
  width: 3.46667rem;
}

.seeking-new-view .main .seeking-form .seeking-form-horizontal .form-horizontal-box .form-input .pin-code .input-group .input-group-button {
  float: right;
  margin-top: 0.1rem;
  width: 3.2rem;
}

.seeking-new-view .main .seeking-form .seeking-form-horizontal .form-horizontal-box .form-input .pin-code .input-group .input-group-button a.button {
  background: #D8D8D8;
  padding: 0.2rem;
}

.seeking-new-view .main .seeking-form .seeking-form-horizontal .form-horizontal-box .label-special {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2.66667rem;
          flex: 0 0 2.66667rem;
}

.seeking-new-view .main .seeking-form .seeking-form-horizontal .form-horizontal-box .input-special {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3rem;
          flex: 0 0 3rem;
}

.seeking-new-view .main .seeking-form .seeking-form-horizontal .form-horizontal-box .input-special .form-item {
  padding: 0.1rem 0;
}

.seeking-new-view .main .seeking-form .seeking-form-horizontal .form-horizontal-box .input-special .form-item:first-child {
  border-bottom: 1px solid #D8D8D8;
}

.seeking-new-view .main .seeking-form .seeking-form-horizontal .form-horizontal-box .select2-container--default .select2-selection--multiple {
  border: none;
}

.seeking-new-view .main .seeking-form .seeking-form-video {
  padding-left: 0.8rem;
  padding-top: 0.2rem;
  margin-bottom: 0.3rem;
}

.seeking-new-view .main .seeking-form .seeking-form-image {
  padding-left: 0.8rem;
  padding-top: 0.2rem;
  margin-bottom: 0.3rem;
}

.seeking-new-view .main .seeking-form .seeking-form-image .image-picker {
  padding: 0.5rem  0;
}

.seeking-new-view .main .seeking-form .seeking-form-image .image-picker-button {
  padding: 0.26667rem;
  border: 1px dashed #ff0000;
  font-size: 0.29333rem;
}

.seeking-new-view .main .seeking-form .seeking-form-image .image-picker-list-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.seeking-new-view .main .seeking-form .seeking-form-image .image-picker-list-panel .image-item-regular {
  width: 4rem;
  height: 4rem;
  border: 1px solid #ccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-flex-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0.13333rem;
  position: relative;
}

.seeking-new-view .main .seeking-form .seeking-form-image .image-picker-list-panel .image-item-regular:nth-child(1), .seeking-new-view .main .seeking-form .seeking-form-image .image-picker-list-panel .image-item-regular:nth-child(2) {
  margin-top: 0.4rem;
}

.seeking-new-view .main .seeking-form .seeking-form-image .image-picker-list-panel .image-item-regular:nth-child(2n) {
  margin-left: 0.13333rem;
}

.seeking-new-view .main .seeking-form .seeking-form-image .image-picker-list-panel .image-item-regular img {
  max-width: 3rem;
  max-height: 3rem;
}

.seeking-new-view .main .seeking-form .seeking-form-image .image-picker-list-panel .image-item-regular video {
  max-width: 3rem;
  max-height: 3rem;
}

.seeking-new-view .main .seeking-form .seeking-form-image .image-picker-list-panel .image-item-regular .remove-action {
  position: relative;
  left: 0.26667rem;
  font-size: .4rem;
  position: absolute;
  right: 0.06667rem;
  top: 0.06667rem;
}

.seeking-new-view .main .seeking-form .video-form-input {
  padding-left: 0.8rem;
  padding-top: 0.2rem;
  margin-bottom: 0.3rem;
}

.seeking-new-view .main .seeking-form .video-form-input .form-item input {
  background: #F8F8F8;
  margin-left: 0.3rem;
  margin-bottom: 0.2rem;
}

.seeking-new-view .main .seeking-form .video-form-input .form-item label {
  font-size: 0.35rem;
}

.seeking-new-view .main .seeking-form .seeking-form-submit {
  text-align: center;
  margin-top: 0.3rem;
}

.seeking-new-view .main .seeking-form .seeking-form-submit input {
  width: 80%;
  height: 1rem;
  line-height: 1rem;
  background: #FF4E56;
  color: #FEFEFE;
}

.seeking-new-view .main .seeking-form .seeking-form-submit .disabled {
  background: #D8D8D8;
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  padding: 0.5rem 1.5rem;
  margin-top: 0.1rem;
  background: #fff;
}

.pagination li {
  min-width: 1.06667rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  margin-left: 0.1rem;
  color: #0A0A0A;
  font-size: 0.34667rem;
  padding: 0 0.2rem;
  text-align: center;
  margin-top: 0.06667rem;
}

.pagination li[aria-hidden="true"] {
  display: none;
}

.pagination li.current {
  background: #E6232B;
  color: #fff;
}

.seeking-show-view .seeking-main {
  padding-bottom: 2rem;
}

.seeking-show-view .seeking-main .seeking-list {
  padding: 0.4rem 0.26667rem 0.53333rem;
}

.seeking-show-view .seeking-main .img_head img {
  width: 100%;
}

.seeking-show-view .seeking-main .seeking-tips {
  color: #E6232B;
  font-size: 0.29333rem;
}

.seeking-show-view .seeking-main .seeking-list-info {
  padding-bottom: 0.3rem;
}

.seeking-show-view .seeking-main .seeking-quotes-list {
  background: #f6f6f6;
}

.seeking-show-view .seeking-main .seeking-quotes-list .list {
  padding: 0.66667rem 0.26667rem 0.4rem;
  margin-top: 0.06667rem;
  background-color: #fff;
}

.seeking-show-view .seeking-main .seeking-quotes-list .list:nth-child(1) {
  margin-top: 0 none;
}

.seeking-show-view .seeking-main .seeking-quotes-list .list .head {
  -ms-flex-direction: row;
  -moz-flex-direction: row;
  -o-flex-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.seeking-show-view .seeking-main .seeking-quotes-list .list .head img {
  width: 0.66667rem;
  height: 0.66667rem;
  margin-top: 0.21333rem;
  margin-right: 0.30667rem;
}

.seeking-show-view .seeking-main .seeking-quotes-list .list .head .user-info {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  padding-bottom: 0.4rem;
  border-bottom: 1px solid #f1f1f1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -moz-flex-direction: row;
  -o-flex-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
}

.seeking-show-view .seeking-main .seeking-quotes-list .list .head .user-info .h-left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 5.33333rem;
          flex: 0 0 5.33333rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-align-contents: center;
  -moz-align-contents: center;
  -o-flex-align-contents: center;
  -webkit-align-contents: center;
  align-contents: center;
}

.seeking-show-view .seeking-main .seeking-quotes-list .list .head .user-info .h-left .info {
  height: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  -o-flex-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -ms-align-contents: flex-start;
  -moz-align-contents: flex-start;
  -o-flex-align-contents: flex-start;
  -webkit-align-contents: flex-start;
  align-contents: flex-start;
  font-size: 0.37333rem;
  color: #414141;
  line-height: normal;
}

.seeking-show-view .seeking-main .seeking-quotes-list .list .head .user-info .h-left .info .ibottom {
  -ms-align-self: flex-end;
  -moz-align-self: flex-end;
  -o-flex-align-self: flex-end;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 0.32rem;
  color: #909090;
  line-height: normal;
}

.seeking-show-view .seeking-main .seeking-quotes-list .list .head .user-info .h-right {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -o-flex-justify-content: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  font-size: 0.29333rem;
  color: #909090;
  line-height: normal;
  padding-top: 0.06667rem;
}

.seeking-show-view .seeking-main .seeking-quotes-list .list .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  -o-flex-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  font-size: 0.37333rem;
  color: #414141;
  line-height: 0.61333rem;
  padding-top: 0.4rem;
  padding-left: 0.98667rem;
}

.seeking-show-view .seeking-main .seeking-quotes-list .list .content .in-red {
  color: #ee5d64;
}

.seeking-show-view .seeking-main .seeking-quotes-list .list .content .shui {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  -o-flex-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

.seeking-show-view .seeking-main .seeking-quotes-list .list .content .shui .yunfei {
  padding-left: 1.38667rem;
}

.seeking-intra-domain {
  display: none;
  width: 10rem;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 50%;
  margin-left: -5rem;
  z-index: 500;
}

.seeking-intra-domain .main {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 7.53333rem;
  height: 100%;
  background: #fff;
  overflow-x: hidden;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-flex-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.37333rem 0.26667rem 0.38667rem;
}

.seeking-intra-domain .main .close {
  position: absolute;
  z-index: 1;
  top: 0.37333rem;
  right: 0.33333rem;
  font-size: 0.4rem;
  color: #999;
}

.seeking-intra-domain .main .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 0.4rem;
  -ms-align-item: center;
  -moz-align-item: center;
  -o-flex-align-item: center;
  -webkit-align-item: center;
  align-item: center;
  margin-bottom: 0.4rem;
}

.seeking-intra-domain .main .title i {
  display: inline-block;
  width: 0.10667rem;
  height: 0.4rem;
  margin-right: 0.13333rem;
  background: #f68f23;
  -ms-border-radius: 0.05333rem;
  -moz-border-radius: 0.05333rem;
  -o-flex-border-radius: 0.05333rem;
  border-radius: 0.05333rem;
}

.seeking-intra-domain .main .title h2 {
  margin: 0;
  padding: 0;
  font-size: 0.34667rem;
  color: #5d5d5d;
  line-height: 0.4rem;
}

.seeking-intra-domain .main ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -o-flex-flex-wrap: wrap;
  flex-wrap: wrap;
}

.seeking-intra-domain .main ul li {
  width: 2.13333rem;
  height: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-flex-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 0.24rem;
  margin-top: 0.2rem;
  background: #f1f1f1;
  -ms-border-radius: 0.13333rem;
  -moz-border-radius: 0.13333rem;
  -o-flex-border-radius: 0.13333rem;
  border-radius: 0.13333rem;
  /* 3的倍数 */
  /* 头3个 */
}

.seeking-intra-domain .main ul li:nth-child(3n) {
  margin-right: 0;
}

.seeking-intra-domain .main ul li:nth-child(-n+3) {
  margin-top: 0;
}

.seeking-intra-domain .main ul li a {
  font-size: 0.32rem;
  color: black;
  line-height: normal;
}

.seeking-intra-domain .main ul li.current {
  background: #ffe4e4;
}

.seeking-intra-domain .main ul li.current a {
  color: #e6212a;
}

a {
  color: #5D5D5D;
}

.canncel-button {
  border: 1px solid #D8D8D8;
  background: #FEFEFE;
  font-size: 0.24rem;
  padding: 0.21333rem 0.32rem;
  border-radius: 0.13333rem;
}

.c-container {
  background: #FEFEFE;
  padding: 0 0.24rem;
}

.c-header {
  border-bottom: 1px solid #D8D8D8;
  text-align: center;
  position: relative;
  background: #FEFEFE;
  line-height: 3;
}

.c-header-font {
  font-size: 0.45333rem;
}

.m-user-header {
  display: block;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  width: 100%;
  height: 4.4rem;
}

.m-user-header .user-header-icon {
  margin: 0 auto;
  width: 1.52rem;
  height: 1.52rem;
  text-align: center;
}

.m-user-header .user-header-icon .user-circle-icon {
  border-radius: 0.70667rem;
  width: 1.41333rem;
  height: 1.41333rem;
  border: 0.08rem solid #FEFEFE;
}

.m-user-header .user-header-name {
  font-size: 0.34667rem;
  color: #414141;
  text-align: center;
  line-height: 3;
}

.m-user-header .user-header-btn {
  margin: 0 auto;
  width: 3.01333rem;
  background: #FF4E56;
  color: #FEFEFE;
  font-size: 0.24rem;
  line-height: 3;
  text-align: center;
  border-radius: 0.2rem;
}

.m-user-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.33333rem;
  background: #FEFEFE;
}

.m-user-list img {
  width: 0.53333rem;
  height: 0.53333rem;
}

.user-list-icon {
  width: 1.2rem;
  text-align: right;
  padding-right: 0.2rem;
  font-size: 0.4rem;
}

.user-list-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 8.4rem;
  border-bottom: 1px solid #d9d9d9;
}

.user-list-text-left {
  width: 90%;
}

.user-list-text-right {
  width: 10%;
}

.user-list-bottom {
  padding-bottom: 0.7rem;
}

.user-phone {
  background: #FEFEFE;
  margin: 0.3rem auto 0 auto;
}

.user-phone-line {
  padding-top: 0.2rem;
  text-align: center;
}

.user-input {
  background: #e8e8e8;
  color: #666666;
  font-size: 0.24rem;
}

.user-code {
  border: 2px solid #e8e8e8;
}

.user-w71 {
  width: 7.1rem;
}

.user-w45 {
  width: 6rem;
}

.user-w24 {
  width: 3.2rem;
}

.user-bottom {
  margin-bottom: 0.2rem;
}

.user-right {
  margin-right: 0.15rem;
}

.user-bind-m {
  position: fixed;
  top: 30%;
  width: 100%;
  z-index: 10;
  padding: 0.4rem 0;
  margin: 0 auto;
  background: #FEFEFE;
}

.user-bind-m .user-bind-form {
  width: 9.46667rem;
  margin: 0 auto;
}

.user-bind-m label {
  display: none;
}

.user-bind-m input {
  width: 9.33333rem;
  height: 1.06667rem;
  font-size: 0.24rem;
  background: #e8e8e8;
  margin: 0 0 0.26667rem 0;
}

.user-bind-m .user-phone {
  width: 9.33333rem;
  height: 1.06667rem;
  font-size: 0.24rem;
  background: #e8e8e8;
  margin: 0 0 0.26667rem 0;
}

.user-bind-m .user-group-input {
  width: 6rem;
  height: 1.06667rem;
  background: #e8e8e8;
}

.user-bind-m .pin-code label {
  display: none;
}

.user-bind-m .user-group-button {
  position: absolute;
  display: inline-block;
  width: 3.2rem;
  height: 1.06667rem;
  background: #FEFEFE;
  border: 2px solid #e8e8e8;
  border-radius: 0.13333rem;
  margin-left: 0.13333rem;
}

.user-bind-m .pin-button {
  display: table-cell;
  vertical-align: middle;
  width: 3.2rem;
  height: 1.06667rem;
  text-align: center;
  font-size: 0.24rem;
}

.user-bind-m .user-subimt-button {
  background: #FF4E56;
  color: #FEFEFE;
  font-size: 0.24rem;
  width: 9.33333rem;
  border-radius: 0.26667rem;
  height: 1rem;
}

.user-box-alert-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0.7;
  background: #000;
  z-index: 5;
}

.bind-hidden {
  display: none;
}

.my-user-view {
  background: #f5f5f5;
  /* 我的订单 */
}

.my-user-view #top-user, .my-user-view #my-order, .my-user-view #other-menu {
  width: 10rem;
  overflow: hidden;
  display: block;
  margin: 0 auto;
}

.my-user-view #top-user {
  height: 2.2rem;
  position: relative;
}

.my-user-view #top-user .bg, .my-user-view #top-user .content {
  width: 100%;
  position: absolute;
}

.my-user-view #top-user .bg {
  left: 0;
  top: 0;
  z-index: 1;
  height: 100%;
  background-color: #f37d0f;
}

.my-user-view #top-user .content {
  z-index: 2;
  height: 1.33333rem;
  top: 0.44rem;
  left: 0.44rem;
  background: none;
}

.my-user-view #top-user .user_photo {
  width: 1.30667rem;
  height: 1.30667rem;
  margin-right: 0.23333rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.my-user-view #top-user .user_photo .avatar-image {
  width: 1.30667rem;
  height: 1.30667rem;
  border: 0.05333rem solid #f8b16f;
  border-radius: 1.30667rem;
  background-color: #fff;
}

.my-user-view #top-user .user_photo .avatar-image img {
  width: 100%;
  border: 0 none;
  border-radius: 50%;
}

.my-user-view #top-user .user_photo .avatar-update {
  width: 60px;
  height: 60px;
  position: absolute;
  overflow: hidden;
  top: 10px;
  left: 0px;
  opacity: 0;
  filter: alpha(opacity=0);
}

.my-user-view #top-user .name {
  width: 6.66667rem;
  padding-top: 0.13333rem;
}

.my-user-view #top-user .name span {
  display: block;
  font-size: 0.34667rem;
  line-height: 0.53333rem;
  color: #fff !important;
}

.my-user-view #top-user .name span:nth-child(1) {
  font-size: 0.4rem;
}

.my-user-view #top-user .name span:nth-child(2) {
  opacity: 0.8;
  font-weight: bold;
}

.my-user-view #my-order {
  background: #fff;
  margin-bottom: 0.21333rem;
}

.my-user-view #my-order dt {
  padding: 0.29333rem 0.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 0.37333rem;
  color: #000;
  font-weight: 100;
  border-bottom: 1px solid #d9d9d9;
  color: black;
}

.my-user-view #my-order dt .right {
  color: #777777;
  font-size: 0.37333rem;
}

.my-user-view #my-order dt .right i {
  margin-left: 0.13333rem;
  color: #ccc;
}

.my-user-view #my-order dd {
  padding: 0.39rem 0 0.3rem 0;
  font-size: 0.4rem;
  color: #000;
  text-align: center;
}

.my-user-view #my-order dd ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.my-user-view #my-order dd li {
  width: 33.3%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.my-user-view #my-order dd li a {
  width: 50%;
  height: 1.46667rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 0.32rem;
}

.my-user-view #my-order dd .logo {
  display: block;
  width: 0.66667rem;
}

.my-user-view #my-order dd span.num {
  position: absolute;
  left: 1.8rem;
  top: -0.22667rem;
  padding: 0.06667rem;
  background: #ed4d41;
  color: #fff;
  min-width: 0.53333rem;
  min-height: 0.26667rem;
  border-radius: 0.53333rem;
  font-size: 0.21333rem;
  font-weight: bold;
}

/*其他菜单*/

#other-menu-list {
  width: 10rem;
  display: block;
  margin: 0 auto;
  overflow: hidden;
  padding-bottom: 2.66667rem;
}

#other-menu-list dd {
  padding: 0.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 0.21333rem;
  background: #fff;
  font-size: 0.37333rem;
  color: #000;
  position: relative;
}

#other-menu-list dd img {
  width: 0.66667rem;
  display: block;
  margin: 0 auto;
}

#other-menu-list dd .logo {
  display: inline-block;
  float: left;
  width: 0.66667rem;
}

#other-menu-list dd span {
  display: inline-block;
  padding-left: 0.4rem;
  line-height: 0.72rem;
  font-size: 0.4rem;
}

#other-menu-list dd .go {
  position: absolute;
  right: 0.4rem;
  top: 0.6rem;
  z-index: 1;
  font-size: 0.36rem;
  color: #ccc;
}

#other-menu-list .logout img {
  width: 0.53333rem;
  margin-top: 0.04rem;
}

#other-menu-list .comment img {
  width: 0.8rem;
}

#other-menu-list .comment span {
  margin-top: 0.09333rem;
}

.user-bind-mobile {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 100;
  display: none;
}

.user-bind-mobile .close {
  position: absolute;
  z-index: 10;
  right: 5%;
  top: 25%;
  font-size: 0.66667rem;
  color: #fff;
}

.user-bind-mobile.show {
  display: block !important;
}

.c-seekings-main {
  height: 100%;
  background: #F3F3F3;
}

.c-seekings-main a {
  color: #5D5D5D;
}

.c-seekings-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.24rem;
  background: #FEFEFE;
  margin-bottom: 0.2rem;
}

.c-seekings-head li {
  width: 2.5rem;
  line-height: 1.06667rem;
  text-align: center;
}

.c-seekings-head li a {
  padding: 0.32rem 0.4rem;
}

.c-seekings-head li .active {
  color: #FF4E56;
  border-bottom: 2px solid #FF4E56;
}

.c-seekings-list-title {
  display: block;
  background: #FEFEFE;
}

.c-seekings-list-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-seekings-list-img img {
  margin-right: 0.2rem;
}

.c-seekings-list-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 0.02667rem;
  background: #FEFEFE;
}

.c-seekings-line, .c-seekings-list-title, .c-seekings-list-img, .c-seekings-list-status {
  line-height: 1.06667rem;
  padding: 0 0.24rem;
  font-size: 0.24rem;
}

.c-seekings-line-bottom, .c-seekings-list-title, .c-seekings-list-img {
  margin-bottom: 0.2rem;
}

.c-seekings-mgr {
  margin-right: 0.24rem;
}

.c-seekings-mgr-s {
  margin-right: 0.08rem;
}

.c-seekings-list-href {
  display: block;
}

.seeking-view .user-avatar {
  font-size: 0.67rem;
}

.seeking-view .user-avatar img {
  width: 0.66667rem;
  height: 0.66667rem;
  border-radius: 50%;
}

.c-browsing-history-header {
  position: absolute;
  right: 0.24rem;
  top: 0;
  line-height: 3;
  font-size: 0.4rem;
  color: #5D5D5D;
}

.c-browsing-history-header .c-browsing-header {
  font-size: 0.26667rem;
  color: #5D5D5D;
}

.c-browsing-history-header .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.browsing-view {
  padding-bottom: 1.5rem;
}

.browsing-view .browsing-time {
  padding: 0.5rem 0.2rem;
}

.browsing-view .browsing-time a {
  margin-left: 0.5rem;
}

.m-user-header {
  display: block;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  width: 100%;
  height: 4.4rem;
}

.m-user-header .user-header-icon {
  margin: 0 auto;
  width: 1.52rem;
  height: 1.52rem;
  text-align: center;
}

.m-user-header .user-header-icon .user-circle-icon {
  border-radius: 0.70667rem;
  width: 1.41333rem;
  height: 1.41333rem;
  border: 0.08rem solid #FEFEFE;
}

.m-user-header .user-header-name {
  font-size: 0.34667rem;
  color: #414141;
  text-align: center;
  line-height: 3;
}

.m-user-header .user-header-btn {
  margin: 0 auto;
  width: 3.01333rem;
  background: #FF4E56;
  color: #FEFEFE;
  font-size: 0.24rem;
  line-height: 3;
  text-align: center;
  border-radius: 0.2rem;
}

.m-user-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.33333rem;
  background: #FEFEFE;
}

.m-user-list img {
  width: 0.53333rem;
  height: 0.53333rem;
}

.user-list-icon {
  width: 1.2rem;
  text-align: right;
  padding-right: 0.2rem;
  font-size: 0.4rem;
}

.user-list-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 8.4rem;
  border-bottom: 1px solid #d9d9d9;
}

.user-list-text-left {
  width: 90%;
}

.user-list-text-right {
  width: 10%;
}

.user-list-bottom {
  padding-bottom: 0.7rem;
}

.user-phone {
  background: #FEFEFE;
  margin: 0.3rem auto 0 auto;
}

.user-phone-line {
  padding-top: 0.2rem;
  text-align: center;
}

.user-input {
  background: #e8e8e8;
  color: #666666;
  font-size: 0.24rem;
}

.user-code {
  border: 2px solid #e8e8e8;
}

.user-w71 {
  width: 7.1rem;
}

.user-w45 {
  width: 6rem;
}

.user-w24 {
  width: 3.2rem;
}

.user-bottom {
  margin-bottom: 0.2rem;
}

.user-right {
  margin-right: 0.15rem;
}

.user-bind-m {
  position: fixed;
  top: 30%;
  width: 100%;
  z-index: 10;
  padding: 0.4rem 0;
  margin: 0 auto;
  background: #FEFEFE;
}

.user-bind-m .user-bind-form {
  width: 9.46667rem;
  margin: 0 auto;
}

.user-bind-m label {
  display: none;
}

.user-bind-m input {
  width: 9.33333rem;
  height: 1.06667rem;
  font-size: 0.24rem;
  background: #e8e8e8;
  margin: 0 0 0.26667rem 0;
}

.user-bind-m .user-phone {
  width: 9.33333rem;
  height: 1.06667rem;
  font-size: 0.24rem;
  background: #e8e8e8;
  margin: 0 0 0.26667rem 0;
}

.user-bind-m .user-group-input {
  width: 6rem;
  height: 1.06667rem;
  background: #e8e8e8;
}

.user-bind-m .pin-code label {
  display: none;
}

.user-bind-m .user-group-button {
  position: absolute;
  display: inline-block;
  width: 3.2rem;
  height: 1.06667rem;
  background: #FEFEFE;
  border: 2px solid #e8e8e8;
  border-radius: 0.13333rem;
  margin-left: 0.13333rem;
}

.user-bind-m .pin-button {
  display: table-cell;
  vertical-align: middle;
  width: 3.2rem;
  height: 1.06667rem;
  text-align: center;
  font-size: 0.24rem;
}

.user-bind-m .user-subimt-button {
  background: #FF4E56;
  color: #FEFEFE;
  font-size: 0.24rem;
  width: 9.33333rem;
  border-radius: 0.26667rem;
  height: 1rem;
}

.user-box-alert-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0.7;
  background: #000;
  z-index: 5;
}

.bind-hidden {
  display: none;
}

.my-user-view {
  background: #f5f5f5;
  /* 我的订单 */
}

.my-user-view #top-user, .my-user-view #my-order, .my-user-view #other-menu {
  width: 10rem;
  overflow: hidden;
  display: block;
  margin: 0 auto;
}

.my-user-view #top-user {
  height: 2.2rem;
  position: relative;
}

.my-user-view #top-user .bg, .my-user-view #top-user .content {
  width: 100%;
  position: absolute;
}

.my-user-view #top-user .bg {
  left: 0;
  top: 0;
  z-index: 1;
  height: 100%;
  background-color: #f37d0f;
}

.my-user-view #top-user .content {
  z-index: 2;
  height: 1.33333rem;
  top: 0.44rem;
  left: 0.44rem;
  background: none;
}

.my-user-view #top-user .user_photo {
  width: 1.30667rem;
  height: 1.30667rem;
  margin-right: 0.23333rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.my-user-view #top-user .user_photo .avatar-image {
  width: 1.30667rem;
  height: 1.30667rem;
  border: 0.05333rem solid #f8b16f;
  border-radius: 1.30667rem;
  background-color: #fff;
}

.my-user-view #top-user .user_photo .avatar-image img {
  width: 100%;
  border: 0 none;
  border-radius: 50%;
}

.my-user-view #top-user .user_photo .avatar-update {
  width: 60px;
  height: 60px;
  position: absolute;
  overflow: hidden;
  top: 10px;
  left: 0px;
  opacity: 0;
  filter: alpha(opacity=0);
}

.my-user-view #top-user .name {
  width: 6.66667rem;
  padding-top: 0.13333rem;
}

.my-user-view #top-user .name span {
  display: block;
  font-size: 0.34667rem;
  line-height: 0.53333rem;
  color: #fff !important;
}

.my-user-view #top-user .name span:nth-child(1) {
  font-size: 0.4rem;
}

.my-user-view #top-user .name span:nth-child(2) {
  opacity: 0.8;
  font-weight: bold;
}

.my-user-view #my-order {
  background: #fff;
  margin-bottom: 0.21333rem;
}

.my-user-view #my-order dt {
  padding: 0.29333rem 0.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 0.37333rem;
  color: #000;
  font-weight: 100;
  border-bottom: 1px solid #d9d9d9;
  color: black;
}

.my-user-view #my-order dt .right {
  color: #777777;
  font-size: 0.37333rem;
}

.my-user-view #my-order dt .right i {
  margin-left: 0.13333rem;
  color: #ccc;
}

.my-user-view #my-order dd {
  padding: 0.39rem 0 0.3rem 0;
  font-size: 0.4rem;
  color: #000;
  text-align: center;
}

.my-user-view #my-order dd ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.my-user-view #my-order dd li {
  width: 33.3%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.my-user-view #my-order dd li a {
  width: 50%;
  height: 1.46667rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 0.32rem;
}

.my-user-view #my-order dd .logo {
  display: block;
  width: 0.66667rem;
}

.my-user-view #my-order dd span.num {
  position: absolute;
  left: 1.8rem;
  top: -0.22667rem;
  padding: 0.06667rem;
  background: #ed4d41;
  color: #fff;
  min-width: 0.53333rem;
  min-height: 0.26667rem;
  border-radius: 0.53333rem;
  font-size: 0.21333rem;
  font-weight: bold;
}

/*其他菜单*/

#other-menu-list {
  width: 10rem;
  display: block;
  margin: 0 auto;
  overflow: hidden;
  padding-bottom: 2.66667rem;
}

#other-menu-list dd {
  padding: 0.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 0.21333rem;
  background: #fff;
  font-size: 0.37333rem;
  color: #000;
  position: relative;
}

#other-menu-list dd img {
  width: 0.66667rem;
  display: block;
  margin: 0 auto;
}

#other-menu-list dd .logo {
  display: inline-block;
  float: left;
  width: 0.66667rem;
}

#other-menu-list dd span {
  display: inline-block;
  padding-left: 0.4rem;
  line-height: 0.72rem;
  font-size: 0.4rem;
}

#other-menu-list dd .go {
  position: absolute;
  right: 0.4rem;
  top: 0.6rem;
  z-index: 1;
  font-size: 0.36rem;
  color: #ccc;
}

#other-menu-list .logout img {
  width: 0.53333rem;
  margin-top: 0.04rem;
}

#other-menu-list .comment img {
  width: 0.8rem;
}

#other-menu-list .comment span {
  margin-top: 0.09333rem;
}

.user-bind-mobile {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 100;
  display: none;
}

.user-bind-mobile .close {
  position: absolute;
  z-index: 10;
  right: 5%;
  top: 25%;
  font-size: 0.66667rem;
  color: #fff;
}

.user-bind-mobile.show {
  display: block !important;
}

.c-seekings-main {
  height: 100%;
  background: #F3F3F3;
}

.c-seekings-main a {
  color: #5D5D5D;
}

.c-seekings-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.24rem;
  background: #FEFEFE;
  margin-bottom: 0.2rem;
}

.c-seekings-head li {
  width: 2.5rem;
  line-height: 1.06667rem;
  text-align: center;
}

.c-seekings-head li a {
  padding: 0.32rem 0.4rem;
}

.c-seekings-head li .active {
  color: #FF4E56;
  border-bottom: 2px solid #FF4E56;
}

.c-seekings-list-title {
  display: block;
  background: #FEFEFE;
}

.c-seekings-list-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-seekings-list-img img {
  margin-right: 0.2rem;
}

.c-seekings-list-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 0.02667rem;
  background: #FEFEFE;
}

.c-seekings-line, .c-seekings-list-title, .c-seekings-list-img, .c-seekings-list-status {
  line-height: 1.06667rem;
  padding: 0 0.24rem;
  font-size: 0.24rem;
}

.c-seekings-line-bottom, .c-seekings-list-title, .c-seekings-list-img {
  margin-bottom: 0.2rem;
}

.c-seekings-mgr {
  margin-right: 0.24rem;
}

.c-seekings-mgr-s {
  margin-right: 0.08rem;
}

.c-seekings-list-href {
  display: block;
}

.seeking-view .user-avatar {
  font-size: 0.67rem;
}

.seeking-view .user-avatar img {
  width: 0.66667rem;
  height: 0.66667rem;
  border-radius: 50%;
}

.customer-collections-view .margin-bt-view {
  margin-bottom: 2rem;
}

.customer-collections-view .collectins-tab {
  background: #FEFEFE;
  margin-bottom: 0.1rem;
  border-bottom: 1px solid #D8D8D8;
}

.customer-collections-view .collectins-tab .tab ul::before, .customer-collections-view .collectins-tab .tab ul::after {
  display: table;
  content: ' ';
}

.customer-collections-view .collectins-tab .tab ul::after {
  clear: both;
}

.customer-collections-view .collectins-tab .tab ul li {
  float: left;
  width: 50%;
  text-align: center;
}

.customer-collections-view .collectins-tab .tab ul li a {
  display: inline-block;
  width: 1.33333rem;
  margin: 0 auto;
  padding: 0.3rem 0;
}

.customer-collections-view .collectins-tab .tab ul li .active {
  border-bottom: 2px solid #FF4E56;
}

.customer-collections-view .collectins-tab .flex-edit ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.customer-collections-view .collectins-tab .flex-edit ul li {
  width: 43%;
  text-align: center;
}

.customer-collections-view .collectins-tab .flex-edit ul li a {
  display: inline-block;
  width: 1.33333rem;
  padding: 0.3rem 0;
}

.customer-collections-view .collectins-tab .flex-edit ul li .active {
  border-bottom: 3px solid #FF4E56;
}

.customer-collections-view .collectins-tab .flex-edit ul .line {
  height: 0.53333rem;
  width: 2px;
  background: #909090;
  margin: 0.3rem 0;
}

.customer-collections-view .collectins-tab .flex-edit ul .do-action {
  width: 23%;
}

.customer-collections-view .prodcuts-collection ul li {
  padding: 0.2rem;
  margin-bottom: 0.1rem;
  background: #FEFEFE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.customer-collections-view .prodcuts-collection ul li .check {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 0.66667rem;
          flex: 0 0 0.66667rem;
}

.customer-collections-view .prodcuts-collection ul li .hidden {
  opacity: 0;
  display: block;
}

.customer-collections-view .prodcuts-collection ul li .img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2.66667rem;
          flex: 0 0 2.66667rem;
}

.customer-collections-view .prodcuts-collection ul li .img a {
  display: block;
  padding-right: 0.3rem;
}

.customer-collections-view .prodcuts-collection ul li .img a img {
  width: 100%;
}

.customer-collections-view .prodcuts-collection ul li .info {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8.93333rem;
          flex: 0 0 8.93333rem;
  overflow: hidden;
}

.customer-collections-view .prodcuts-collection ul li .info h3 {
  margin-bottom: 0.7rem;
  height: 1rem;
  overflow: hidden;
}

.customer-collections-view .prodcuts-collection ul li .info h3 a {
  font-size: 0.36rem;
}

.customer-collections-view .prodcuts-collection ul li .info .price-other {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.customer-collections-view .prodcuts-collection ul li .info .price-other .price {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 5.06667rem;
          flex: 0 0 5.06667rem;
}

.customer-collections-view .prodcuts-collection ul li .info .price-other .price span {
  background: #FF4E56;
  padding: 0.05rem 0.1rem;
  color: #FEFEFE;
}

.customer-collections-view .prodcuts-collection ul li .info .price-other .other {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1.86667rem;
          flex: 0 0 1.86667rem;
}

.customer-collections-view .prodcuts-collection ul li .info .price-other .other a {
  border: 1px solid #D8D8D8;
  padding: 0.1rem 0.2rem;
  border-radius: 0.2rem;
}

.customer-collections-view .shops-collection ul li .shop-info {
  padding: 0.3rem 0.2rem;
  margin-bottom: 0.1rem;
  background: #FEFEFE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.customer-collections-view .shops-collection ul li .shop-info .check {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 0.66667rem;
          flex: 0 0 0.66667rem;
}

.customer-collections-view .shops-collection ul li .shop-info .logo {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2.13333rem;
          flex: 0 0 2.13333rem;
}

.customer-collections-view .shops-collection ul li .shop-info .name {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 4.66667rem;
          flex: 0 0 4.66667rem;
  padding: 0 0.3rem;
  line-height: 1.2rem;
  font-size: 0.4rem;
}

.customer-collections-view .shops-collection ul li .shop-info .product-num {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1.06667rem;
          flex: 0 0 1.06667rem;
  text-align: center;
}

.customer-collections-view .shops-collection ul li .shop-info .product-num h3 {
  font-size: 0.4rem;
  font-weight: bold;
}

.customer-collections-view .shops-collection ul li .shop-info .hidden {
  opacity: 0;
  display: block;
}

.customer-collections-view .shops-collection ul li .shop-info .operate_up {
  display: none;
}

.customer-collections-view .shops-collection ul li .shop-info .operate {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1.06667rem;
          flex: 0 0 1.06667rem;
  line-height: 1.2rem;
  text-align: center;
  font-size: 0.4rem;
}

.customer-collections-view .shops-collection ul li .shop-products::before, .customer-collections-view .shops-collection ul li .shop-products::after {
  display: table;
  content: ' ';
}

.customer-collections-view .shops-collection ul li .shop-products::after {
  clear: both;
}

.customer-collections-view .shops-collection ul li .shop-products .mobile-entrance-product p {
  text-align: center;
  color: #FF4E56;
}

.customer-collections-view .shops-collection ul li .shop-products .entrance-carousel {
  margin: 0.1rem 0.2rem 0.2rem 0.2rem;
}

.customer-collections-view .shops-collection ul li .shop-products .entrance-carousel .slick-slide {
  margin: 0 0.1rem;
  background: #FEFEFE;
}

.customer-collections-view .check-all {
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ff0000;
  padding: 0.3rem 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.customer-collections-view .check-all .ckeck {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 0.66667rem;
          flex: 0 0 0.66667rem;
}

.customer-collections-view .check-all .ckeck input {
  height: auto;
  border: 1px solid #eee;
  padding: 0;
  margin: 0;
}

.customer-collections-view .check-all .operate {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 9.2rem;
          flex: 0 0 9.2rem;
}

.customer-collections-view .hidden {
  display: none;
}

.user-data-list dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.user-data-list dl.header {
  background: #D8D8D8;
}

.user-data-list dl.header dd {
  font-size: 0.28rem;
}

.user-data-list dl.body {
  background: #FEFEFE;
}

.user-data-list dl dd {
  padding: 0.2rem;
}

.user-data-list dl.row1 dd {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 10rem;
          flex: 0 0 10rem;
}

.user-data-list dl.row2 dd {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 4.66667rem;
          flex: 0 0 4.66667rem;
}

.user-data-list dl.row3 dd {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3.33333rem;
          flex: 0 0 3.33333rem;
}

.user-data-list dl.row4 dd {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2.33333rem;
          flex: 0 0 2.33333rem;
}

.user-data-list dl.row5 dd {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2rem;
          flex: 0 0 2rem;
}

.user-data-list dl .icon-right {
  text-align: right;
  padding-right: 0.2rem;
  font-size: 0.4rem;
}

.user-data-form {
  background: #FEFEFE;
  padding: 0.1rem 0;
}

.user-data-form ul li {
  padding: 0.1rem;
}

.user-data-form ul li .form-item-hr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.user-data-form ul li .form-item-hr .form-label-hr {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1.73333rem;
          flex: 0 0 1.73333rem;
  text-align: right;
  line-height: 0.8rem;
}

.user-data-form ul li .form-item-hr .form-input-hr {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8rem;
          flex: 0 0 8rem;
  padding-left: 0.2rem;
}

.user-data-form ul li .form-item-hr .form-input-hr input, .user-data-form ul li .form-item-hr .form-input-hr textarea {
  width: 98%;
  max-width: 98%;
  border: 1px solid #D8D8D8;
}

.user-data-form ul li .form-item-hr .form-input-hr input {
  height: 0.8rem;
  line-height: 0.8rem;
}

.user-data-form ul li .form-item-hr .form-input-hr select {
  width: 32%;
}

.bottom-button {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.bottom-button input[type='submit'] {
  height: 0.93333rem;
  border-radius: 0;
}

.bottom-button input[type='submit'], .bottom-button a {
  line-height: 0.93333rem;
  display: block;
  margin: 0 0.05rem;
}

.bottom-button a {
  background: #D8D8D8;
}

.button-one input[type='submit'], .button-one a {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 10rem;
          flex: 0 0 10rem;
}

.button-two input[type='submit'], .button-two a {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 4.93333rem;
          flex: 0 0 4.93333rem;
}

.button-three input[type='submit'], .button-three a {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3.2rem;
          flex: 0 0 3.2rem;
}

.button-warning {
  background: #ffae00;
  color: #FEFEFE;
}

.button-info {
  background: #1E5196;
  color: #FEFEFE;
}

.button-secondary {
  background: #767676;
  color: #FEFEFE;
}

.button-alert {
  background: #cc4b37;
  color: #FEFEFE;
}

.button-primary {
  background: #E6232B;
  color: #FEFEFE;
}

.customer-center .order-list li {
  margin-bottom: 0.2rem;
  background: #FEFEFE;
}

.customer-center .order-list li .order-shop, .customer-center .order-list li .order-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.customer-center .order-list li .order-shop {
  padding: 0.2rem 0.2rem;
}

.customer-center .order-list li .order-shop .shop {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8.4rem;
          flex: 0 0 8.4rem;
}

.customer-center .order-list li .order-shop .shop img {
  width: 0.23rem;
  height: 0.23rem;
  margin-right: 0.1rem;
}

.customer-center .order-list li .order-shop .status {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1.26667rem;
          flex: 0 0 1.26667rem;
  color: #FF4E56;
  text-align: right;
}

.customer-center .order-list li .order-product {
  background: #F3F3F3;
  margin-bottom: 2px;
  padding: 0.1rem 0.2rem;
}

.customer-center .order-list li .order-product .image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1.33333rem;
          flex: 0 0 1.33333rem;
}

.customer-center .order-list li .order-product .title {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 7.06667rem;
          flex: 0 0 7.06667rem;
  padding-left: 0.1rem;
}

.customer-center .order-list li .order-product .title h3 {
  height: 38px;
  overflow: hidden;
  margin-bottom: 0.1rem;
}

.customer-center .order-list li .order-product .price {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1.26667rem;
          flex: 0 0 1.26667rem;
  line-height: 38px;
  text-align: right;
}

.customer-center .order-list li .order-total {
  border-bottom: 1px solid #D8D8D8;
}

.customer-center .order-list li .order-total p {
  padding: 0.2rem;
  text-align: right;
}

.customer-center .order-list li .order-action {
  padding: 0.3rem 0;
  text-align: right;
  padding-right: 0.2rem;
}

.customer-center .order-list li .order-action a {
  margin-left: 0.1rem;
  border: 1px solid #D8D8D8;
  padding: 0.1rem 0.2rem;
  border-radius: 3px;
}

.customer-center .order-view {
  background: #FEFEFE;
}

.customer-center .order-view .order-sub-title {
  font-size: 0.28rem;
  height: 35px;
  line-height: 35px;
  border-bottom: 1px solid #D8D8D8;
  margin-bottom: 0.1rem;
}

.customer-center .order-view .order-sub-title a {
  color: #FF4E56;
}

.customer-center .order-view .order-info, .customer-center .order-view .shop-info, .customer-center .order-view .pay-info {
  margin-bottom: 0.2rem;
}

.customer-center .order-view .order-info ul, .customer-center .order-view .shop-info ul, .customer-center .order-view .pay-info ul {
  padding: 0 0.2rem;
}

.customer-center .order-view .order-info ul::before, .customer-center .order-view .order-info ul::after, .customer-center .order-view .shop-info ul::before, .customer-center .order-view .shop-info ul::after, .customer-center .order-view .pay-info ul::before, .customer-center .order-view .pay-info ul::after {
  display: table;
  content: ' ';
}

.customer-center .order-view .order-info ul::after, .customer-center .order-view .shop-info ul::after, .customer-center .order-view .pay-info ul::after {
  clear: both;
}

.customer-center .order-view .order-info ul li, .customer-center .order-view .shop-info ul li, .customer-center .order-view .pay-info ul li {
  float: left;
  width: 50%;
  padding: 0.1rem 0;
}

.customer-center .order-view .receive-info {
  margin-bottom: 0.2rem;
  padding-left: 0.2rem;
}

.customer-center .order-view .product-info .product-total {
  border-bottom: 1px solid #FEFEFE;
  text-align: right;
}

.main-header ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.24rem;
  background: #FEFEFE;
  margin-bottom: 0.2rem;
}

.main-header ul li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2.5rem;
          flex: 0 0 2.5rem;
  line-height: 1.06667rem;
  text-align: center;
}

.main-header ul li a {
  padding: 0.32rem 0.4rem;
}

.main-header ul li .active {
  color: #FF4E56;
  border-bottom: 2px solid #FF4E56;
}

.m-shop-search {
  background: #F3F3F3;
  padding-top: 0.8rem;
}

.m-shop-search .m-shop-head-new {
  background: #E6232B;
  padding: 0.1rem 0.3rem;
}

.m-shop-search .m-shop-head-new .global-search-form {
  height: 1rem;
}

.m-shop-search .m-shop-head-new .global-search-form select {
  background: #E6232B;
  color: #FEFEFE;
  width: 2rem;
  height: 1rem;
}

.m-shop-search .m-shop-head-new .global-search-form select option {
  background: #FEFEFE;
  color: #5D5D5D;
  border-bottom: 1px solid #e7e7e7;
}

.m-shop-search .m-shop-head-new .global-search-form .search-input {
  position: relative;
  padding: 0.1rem 0.2rem 0.1rem 0.8rem;
  width: 7rem;
}

.m-shop-search .m-shop-head-new .global-search-form .search-icon {
  position: absolute;
  top: 0.35rem;
  left: 1.95rem;
}

.m-shop-search .m-shop-head-new .global-search-form .search-icon img {
  width: 0.48rem;
  height: 0.50667rem;
}

.m-shop-search .m-shop-head-new .global-search-form .select-form-red {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  outline: none;
  border: 0 none;
  position: relative;
  padding: 0 0 0 0.06667rem;
  color: #FEFEFE;
  background: none;
  background-color: transparent;
  font-size: 0.3rem;
  z-index: 10;
  overflow: hidden;
  width: 1.33333rem;
  background: url(/assets/images/mobile/icons/arrow-down.png) no-repeat scroll transparent;
  background-size: 0.21333rem 0.13333rem;
  background-position: 75% 47%;
}

.m-shop-search .m-search-word {
  background: #FEFEFE;
  padding: 0.4rem;
}

.m-shop-search .m-search-word h2 {
  font-size: 0.4rem;
  margin-bottom: 0.2rem;
  font-weight: bold;
}

.m-shop-search .m-search-word .search-type-tab {
  width: 100%;
  display: none;
}

.m-shop-search .m-search-word ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.m-shop-search .m-search-word ul li {
  text-align: center;
  padding: 0.2rem 0.4rem;
  background: #F3F3F3;
  border-radius: 0.5rem;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
}

.m-shop-search .m-search-word ul li a {
  color: #444444;
}

.m-shop-search .m-search-word .on {
  display: block;
}

.m-shop-search .callout-no-content {
  text-align: center;
  line-height: 3;
}

.m-shop-search .m-shop-con {
  background: #FEFEFE;
  padding: 0.2rem;
  margin-bottom: 0.2rem;
}

.m-shop-search .m-shop-con .m-shop-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.4rem;
}

.m-shop-search .m-shop-con .m-shop-list .m-shop-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex: 0 0 6rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 0.2rem;
}

.m-shop-search .m-shop-con .m-shop-list .m-shop-icon img {
  width: 100%;
  height: auto;
  margin-bottom: 0.2rem;
}

.m-shop-search .m-shop-con .m-shop-list .m-shop-icon .m-shop-icon-button {
  padding: 0.1rem;
  width: 100%;
  text-align: center;
}

.m-shop-search .m-shop-con .m-shop-list .m-shop-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex: 1;
  margin-left: 0.5rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.m-shop-search .m-shop-con .m-shop-list .m-shop-text .hidden {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.m-shop-search .m-shop-con .m-shop-list .m-shop-text .m-shop-text-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.2rem;
}

.m-shop-search .m-shop-con .m-shop-list .m-shop-text .m-shop-text-head .m-shop-text-left {
  width: 80%;
  line-height: 2;
}

.m-shop-search .m-shop-con .m-shop-list .m-shop-text .m-shop-text-head .m-shop-text-left a {
  font-size: 1rem;
}

.m-shop-search .m-shop-con .m-shop-list .m-shop-text .m-shop-text-head .m-shop-text-right {
  width: 20%;
}

.m-shop-search .m-shop-con .m-shop-list .m-shop-text .m-shop-text-head .m-shop-text-right .m-shop-video {
  width: 1.06667rem;
  height: 1.06667rem;
  border-radius: 0.13333rem;
}

.m-shop-search .m-shop-con .m-shop-list .m-shop-text .m-shop-product {
  width: 100%;
  line-height: 2;
}

.m-shop-search .m-shop-con .m-shop-list .m-shop-text .m-shop-intro {
  color: #D8D8D8;
  margin-bottom: 0.3rem;
}

.m-shop-search .m-shop-con .m-shop-list .m-shop-text .m-shop-price img {
  width: 0.45333rem;
  height: 0.45333rem;
}

.m-shop-search .m-shop-con .m-shop-list .m-shop-text .m-shop-price .mg10 {
  margin-right: 0.4rem;
}

.m-shop-search .m-shop-con .m-shop-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.m-shop-search .m-shop-con .m-shop-button .button {
  padding: 0.2rem 0.5rem;
  display: inline-block;
  border-radius: 4px;
  margin: 0.2rem 0;
}

.m-shop-search .m-shop-con .m-shop-button .cancel {
  color: #5D5D5D;
  border: 1px solid #D8D8D8;
  margin-right: 0.2rem;
}

.m-shop-search .m-shop-con .m-shop-button .commit {
  color: #FEFEFE;
  background: #FF4E56;
  border: 1px solid #FF4E56;
}

.m-shop-search .search-micro {
  background: #FEFEFE;
  padding-top: 0.3rem;
}

.m-shop-search .search-micro .talk {
  width: 180px;
  margin: 0 auto;
  height: 35px;
  line-height: 35px;
  border: 1px solid #D8D8D8;
  border-radius: 35px;
  text-align: center;
  font-size: 0.4rem;
}

.m-shop-search .search-micro .red {
  background: #E6232B;
  color: #FEFEFE;
}

.search-all .global-search-form .global-search-tabs .search-tab {
  position: relative;
  display: table-cell;
}
.search-all .global-search-form .global-search-tabs .search-tab input[type=radio] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
}
.search-all .global-search-form .global-search-tabs label {
  padding: 3px 12px 2px;
  margin: 0;
  margin-right: 5px;
}

.search-all .global-search-form .global-search-tabs input[type=radio]:checked + label {
  background: #E6232B;
  color: #FEFEFE;
  font-weight: 600;
}

.search-all .global-search-form .global-search-tabs .search-tab.seeking a {
  display: inline-block;
  font-size: 1.16667rem;
  line-height: 1.8;
  color: #0A0A0A;
  padding-top: 0;
  padding-bottom: 0;
}

.search-all .global-search-form {
  padding: 0 0.2rem;
}

.search-all .global-search-form .input-group {
  margin-bottom: 0.5rem;
  display: table;
  width: 100%;
}

.search-all .global-search-form .input-group > .input-group-field, 
.search-all .global-search-form .input-group > .input-group-button .button {
  border-radius: 0;
  padding: 0 2.5rem;
  font-size: 14px;
  line-height: 32px;
}
.search-all .global-search-form .input-group > .input-group-button {
  display: table-cell;
}
.search-all .global-search-form .input-group > .input-group-field {
  border-radius: 4px;
  border: 1px solid #E6232B;
  font-size: 12px;
  width: 100%;
  height: 100%;
}

.search-all .global-search-form .input-group > .input-group-button .button {
  border-radius: 0 4px 4px 0;
}

.search-all .global-search-form.blackbg .input-group > .input-group-field {
  border: 1px solid #5D5D5D !important;
}

.search-all .global-search-form.blackbg .input-group > .input-group-button .button {
  background: #5D5D5D !important;
}

.search-all .global-search-form.blackbg .global-search-tabs input[type=radio]:checked + label {
  background: #5D5D5D !important;
}

.m-shop-view {
  background: #F3F3F3;
}

.m-shop-view .m-shop-header {
  background: #FEFEFE;
}

.m-shop-view .m-shop-header .shop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.4rem;
}

.m-shop-view .m-shop-header .shop .shop-thumbnail {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8rem;
          flex: 0 0 8rem;
}

.m-shop-view .m-shop-header .shop .shop-thumbnail img {
  width: 100%;
}

.m-shop-view .m-shop-header .shop .ship-level {
  margin-left: 0.26667rem;
  padding-top: 0.4rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1.06667rem;
          flex: 0 0 1.06667rem;
}

.m-shop-view .m-shop-header .shop .shop-info {
  padding-top: 0.55rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0 0.5rem;
}

.m-shop-view .m-shop-header .shop .shop-info .shop-name {
  font-size: 0.6rem;
}
.m-shop-view .m-shop-header .shop .shop-info .muted-text img {
  width: 0.6rem;
} 

.m-shop-view .m-shop-header .shop .shop-info .muted-text span, .m-shop-view .m-shop-header .shop .shop-info .small-muted-text span {
  color: #FF4E56;
}

.m-shop-view .m-shop-header .shop .shop-stats {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2.5rem;
          flex: 0 0 2.5rem;
  padding-top: 0.4rem;
  margin-left: 0.2rem;
  text-align: center;
}

.m-shop-view .m-shop-header .shop .shop-stats .shop-collect {
  padding: 0.1rem 0;
  background: #FF4E56;
  color: #FEFEFE;
  border-radius: 3px 3px 0 0;
}

.m-shop-view .m-shop-header .shop .shop-stats .shop-collect a {
  color: #FEFEFE;
}

.m-shop-view .m-shop-header .shop .shop-stats .action-collect .action-uncollect {
  display: none;
}

.m-shop-view .m-shop-header .shop .shop-stats .action-uncollect .action-collect {
  display: none;
}

.m-shop-view .m-shop-header .shop .shop-stats .primary-text {
  padding: 0.1rem 0;
  background: #F3F3F3;
  border-radius: 0 0 3px 3px;
}

.m-shop-view .m-shop-footer {
  padding: 0.2rem;
  background: #FEFEFE;
  position: relative;
}

.m-shop-view .m-shop-footer .footer-vav::before, .m-shop-view .m-shop-footer .footer-vav::after {
  display: table;
  content: ' ';
}

.m-shop-view .m-shop-footer .footer-vav::after {
  clear: both;
}

.m-shop-view .m-shop-footer .footer-vav .footer-item {
  float: left;
  padding: 0.2rem 0;
  text-align: center;
  width: 25%;
}

.m-shop-view .m-shop-footer .m-shop-taxons {
  display: none;
  background: #F3F3F3;
  padding: 0.2rem;
  padding-left: 0.4rem;
  position: absolute;
  z-index: 999;
  width: 4rem;
  bottom: 1.6rem;
  right: -0.1rem;
}
.shop-navs {
  padding: 0.5rem 0.2rem;
  background: #ffffff;
  margin: 0.2rem 0;
}
.shop-navs .taxons-nav-menu .taxons-nav-menu-item {
  display: inline-block;
  padding: 0 0.2rem;
}

.shop-navs .taxons-nav-menu li .menu-item-content ul li {
  padding-left: 0.3rem;
}

.m-shop-view .shop-banners {
  overflow: hidden;
}
.shop-service-btn {
  position: absolute;
  top: 0.7rem;
  right: -0.1rem;
  width: 3rem;
  height: 1.2rem;
}
.shop-service-btn .service-btn {
  width: 100%;
  height: 1.2rem;
  line-height: 1.2rem;
  background:#ffffff;
  color: #ff3232;
  border-radius: 0.2rem 0 0 0.2rem;
  border: 1px solid #ff3232;
  text-align: center;
}
.m-shop-view .shop-banners .shop-banner {
  height: 4rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.m-shop-view .shop-banners .slick-dots {
  bottom: 5px;
}

.m-shop-view .m-shop-navbar {
  background: #FEFEFE;
  text-align: center;
  line-height: 1.06667rem;
  vertical-align: middle;
}

.m-shop-view .m-shop-navbar::before, .m-shop-view .m-shop-navbar::after {
  display: table;
  content: ' ';
}

.m-shop-view .m-shop-navbar::after {
  clear: both;
}

.m-shop-view .m-shop-navbar .m-shop-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.m-shop-view .m-shop-navbar .m-shop-actions .intro-item {
  width: 25%;
}

.m-shop-view .m-shop-navbar .m-shop-actions .intro-item p {
  line-height: 2;
}

.m-shop-view .m-shop-navbar .m-shop-actions-more .intro-item {
  width: 20%;
}

.m-shop-view .m-shop-body {
  margin-bottom: 0.2rem;
}

.m-shop-view .m-shop-body .shop-header h3 {
  padding: 0.4rem 0;
  text-align: center;
  font-size: 0.4rem;
}

.m-shop-view .m-shop-body .m-shop-list {
  margin: 0.4rem 0.26667rem;
}

.m-shop-view .m-shop-body .m-shop-list .m-list-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.2rem;
  padding: 0.13333rem;
  background: #FEFEFE;
}

.m-shop-view .m-shop-body .m-shop-list .m-list-box .m-list-box-left {
  width: 30%;
}

.m-shop-view .m-shop-body .m-shop-list .m-list-box .m-list-box-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 70%;
}

.m-shop-view .m-shop-body .m-shop-list .m-list-box .m-list-box-right .box-title {
  padding-top: 0.08rem;
  line-height: 0.6rem;
  font-size: 0.48rem;
  height: 1.2rem;
  overflow: hidden;
}

.m-shop-view .m-shop-body .m-shop-list .m-list-box .m-list-box-right .box-price {
  line-height: 0.93333rem;
  font-size: 0.4rem;
}

.m-shop-view .m-shop-body .m-shop-list .m-list-box .m-list-box-right .box-price .box-price-btn {
  background: #FF4E56;
  color: #FEFEFE;
  padding: 0.06667rem 0.2rem;
}

.m-shop-view .m-shop-body .m-shop-list .m-list-box .m-list-box-right .box-price .box-price-text {
  color: #FF4E56;
}

.m-shop-view .m-shop-body .m-shop-list .m-list-box .m-list-box-right .box-info .box-red-text {
  color: #FF4E56;
}

.m-shop-view .m-shop-body .product-search-view .product-main {
  margin-bottom: 1rem;
}

.m-shop-view .m-shop-body .product-search-view .product-main .horizontal-product-list::before, .m-shop-view .m-shop-body .product-search-view .product-main .horizontal-product-list::after {
  display: table;
  content: ' ';
}

.m-shop-view .m-shop-body .product-search-view .product-main .horizontal-product-list::after {
  clear: both;
}

.m-shop-view .m-shop-body .product-search-view .product-main .horizontal-product-list li {
  background: #FEFEFE;
  float: left;
  width: 4.8rem;
  margin-bottom: 0.26667rem;
}

.m-shop-view .m-shop-body .product-search-view .product-main .horizontal-product-list li .img {
  padding: 0.2rem;
  margin-bottom: 0.1rem;
}

.m-shop-view .m-shop-body .product-search-view .product-main .horizontal-product-list li .title {
  height: 38px;
  overflow: hidden;
  padding: 0.1rem 0.2rem;
  margin-bottom: 0.2rem;
}

.m-shop-view .m-shop-body .product-search-view .product-main .horizontal-product-list li .price {
  padding: 0.1rem 0.2rem;
  margin-bottom: 0.2rem;
}

.m-shop-view .m-shop-body .product-search-view .product-main .horizontal-product-list li .price span {
  background: #FF4E56;
  padding: 0.1rem;
  color: #FEFEFE;
  margin-right: 0.2rem;
}

.m-shop-view .m-shop-body .product-search-view .product-main .horizontal-product-list li .ask-shop {
  padding: 0.1rem 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.m-shop-view .m-shop-body .product-search-view .product-main .horizontal-product-list li .ask-shop .ask, .m-shop-view .m-shop-body .product-search-view .product-main .horizontal-product-list li .ask-shop .shop {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}

.m-shop-view .m-shop-body .product-search-view .product-main .horizontal-product-list li:nth-child(even) {
  margin-left: 0.26667rem;
}

.m-shop-view .m-shop-articles {
  margin: 0.2rem 0;
}

.m-shop-view .m-shop-articles ul li {
  background: #FEFEFE;
  margin-bottom: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.m-shop-view .m-shop-articles ul li .article-image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2.66667rem;
          flex: 0 0 2.66667rem;
}

.m-shop-view .m-shop-articles ul li .article-con {
  padding-left: 0.26667rem;
  padding-top: 0.2rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 6.93333rem;
          flex: 0 0 6.93333rem;
}

.m-shop-view .m-shop-articles ul li .article-con .artilce-con-title {
  height: 38px;
  overflow: hidden;
  font-size: 0.4rem;
}

.m-shop-view .m-shop-article {
  padding: 0.2rem;
  background: #FEFEFE;
}

.m-shop-view .m-shop-article .article-title {
  text-align: center;
  font-size: 0.4rem;
}

.m-shop-view .m-shop-article .article-des {
  text-align: center;
}

.m-shop-view .m-shop-gray {
  position: fixed;
  background: #0A0A0A;
  opacity: 0.7;
  width: 100%;
  height: 100%;
}

.m-shop-view .m-shop-kefu {
  position: absolute;
  z-index: 10;
  top: 1rem;
  width: 90%;
  left: 5%;
  text-align: center;
  background: #FEFEFE;
}

.m-shop-view .m-shop-kefu .title {
  font-size: 0.4rem;
  color: #0A0A0A;
  line-height: 2;
  margin: 1rem 0 0.5rem 0;
}

.m-shop-view .m-shop-kefu .img {
  text-align: center;
}

.m-shop-view .m-shop-kefu .img img {
  width: 5.33333rem;
  height: 5.33333rem;
}

.m-shop-view .m-shop-kefu .desc {
  font-size: 0.4rem;
  margin: 0.5rem 0 1rem 0;
  line-height: 2;
}

.slick-dotted .slick-slider {
  margin-bottom: 0.4rem;
}

.slick-dots {
  position: absolute;
  bottom: -rem(25);
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 0.26667rem;
  width: 0.26667rem;
  margin: 0 0.06667rem;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 0.26667rem;
  width: 0.26667rem;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 0.06667rem;
  cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "\2022";
  height: 0.26667rem;
  width: 0.26667rem;
  font-family: "slick";
  font-size: 0.08rem;
  line-height: 0.26667rem;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

.m-shop-bottom-footer {
  position: fixed;
  bottom: 0;
  z-index: 10;
  width: 100%;
  border-top: 1px solid #F3F3F3;
}

.m-shop-service {
  width: 100%;
  text-align: center;
}


.m-shop-service .service-box .service-list {
  margin-top: 20px;
  text-align: center;
}

.m-shop-service .service-box .service-list a {
  font-size: 1rem;
}

.m-shop-service .wechat-qrcode {
  width: 150px;
  margin: 0 auto;
}

.m-shop-view .m-shop-body .shop-services, .m-shop-view .m-shop-body .shop-services-map, .m-shop-view .m-shop-body .shop-services-area {
  margin-top: 0.2rem;
  margin-bottom: 0.3rem;
}

.m-shop-view .m-shop-body .floor-service-title {
  font-size: 0.36rem;
  text-align: center;
  font-weight: bold;
  margin-bottom: 0.3rem;
}

.m-shop-view .m-shop-body .shop-services ul::before, .m-shop-view .m-shop-body .shop-services ul::after {
  display: table;
  content: ' ';
}

.m-shop-view .m-shop-body .shop-services ul::after {
  clear: both;
}

.m-shop-view .m-shop-body .shop-services ul li {
  width: 100%;
  margin-bottom: 0.2rem;
}

.m-shop-view .m-shop-body .shop-services ul li .item img {
  width: 100%;
}

.m-shop-view .m-shop-body .shop-services ul li .item .info {
  background: #dcd7d3;
  padding: 0.1rem 0.2rem;
}

.m-shop-view .m-shop-body .shop-services ul li .item .info p {
  height: 48px;
  line-height: 24px;
  overflow: hidden;
}

.m-shop-view .m-shop-body .shop-services ul li .item .info h3 {
  margin-bottom: 0.1rem;
  padding-left: 35px;
}

.m-shop-view .m-shop-body .shop-services-map .map-img {
  text-align: center;
}

.m-shop-view .m-shop-body .shop-services-area {
  padding-bottom: 1.5rem;
}

.m-shop-view .m-shop-body .shop-services-area ul li {
  font-size: 0.36rem;
  padding: 0.1rem 0.2rem;
  border: 1px solid #ddd;
  border-top: none;
}

.m-shop-view .m-shop-body .shop-services-area ul li:first-child {
  border-top: 1px solid #ddd;
}

.m-shop-view .m-shop-body .finance-shop-list ul {
  padding: 0 0.1rem;
}

.m-shop-view .m-shop-body .finance-shop-list ul li {
  margin-bottom: 0.2rem;
  padding: 0.1rem 0;
  border-bottom: 1px solid #ddd;
}

.m-shop-view .m-shop-body .finance-shop-list ul li .item {
  position: relative;
}

.m-shop-view .m-shop-body .finance-shop-list ul li .item::before, .m-shop-view .m-shop-body .finance-shop-list ul li .item::after {
  display: table;
  content: ' ';
}

.m-shop-view .m-shop-body .finance-shop-list ul li .item::after {
  clear: both;
}

.m-shop-view .m-shop-body .finance-shop-list ul li .item .img {
  float: left;
  width: 20%;
  max-width: 220px;
  height: auto;
  max-height: 220px;
}

.m-shop-view .m-shop-body .finance-shop-list ul li .item .img img {
  width: 100%;
  height: auto;
  max-height: 220px;
}

.m-shop-view .m-shop-body .finance-shop-list ul li .item .info {
  width: 78%;
  float: right;
  padding-top: 0.1rem;
  height: 85px;
}

.m-shop-view .m-shop-body .finance-shop-list ul li .item .info h3 {
  margin-bottom: 0.1rem;
  font-size: 0.32rem;
  font-weight: bold;
}

.m-shop-view .m-shop-body .finance-shop-list ul li .item .info p {
  height: 45px;
  line-height: 24px;
  overflow: hidden;
}

.m-shop-view .m-shop-body .finance-shop-list ul li .item .info p img {
  display: none;
}

.m-shop-view .m-shop-body .finance-shop-list ul li .item a {
  position: absolute;
  top: 1px;
  right: 5px;
  display: block;
  width: 80px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  color: #FEFEFE;
  background: #E6232B;
  border-radius: 3px;
}

.m-shop-view .m-shop-body .zhaoshang {
  margin: 30px 0;
}

.m-shop-view .m-shop-body .zhaoshang span {
  display: block;
  width: 120px;
  margin: 0 auto;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background: #e44747;
  color: #FEFEFE;
  border-radius: 15px;
}

.m-shop-view .m-shop-body .join-us {
  background: #ffc32a;
  padding: 30px 0;
}

.m-shop-view .m-shop-body .join-us .join-title {
  text-align: center;
}

.m-shop-view .m-shop-body .join-us .join-title .title-zh {
  width: 90px;
  margin: 0 auto;
  font-size: 0.36rem;
  font-weight: bold;
  border-bottom: 4px solid #0A0A0A;
}

.m-shop-view .m-shop-body .join-us .join-title .title-en {
  width: 120px;
  margin: 0.1rem auto;
  font-size: 0.24rem;
  font-weight: bold;
}

.m-shop-view .m-shop-body .join-us .join-center {
  width: 96%;
  margin: 0 auto;
  margin-top: 50px;
  padding: 20px 0;
}

.m-shop-view .m-shop-body .join-us .join-center .about-us {
  width: 90%;
  margin: 0 auto;
}

.m-shop-view .m-shop-body .join-us .join-center .about-us .tel, .m-shop-view .m-shop-body .join-us .join-center .about-us .hello {
  font-size: 0.36rem;
}

.m-shop-view .m-shop-body .join-us .join-center .about-us .tel span {
  margin-right: 0.2rem;
}

.m-shop-view .m-shop-body .join-us .join-center .about-us .about {
  margin-top: 0.1rem;
}

.m-shop-view .m-shop-body .join-us .join-center .about-us .other-title {
  font-size: 0.28rem;
  margin-top: 0.3rem;
}

.m-shop-view .m-shop-body .join-us .join-center .join-form {
  width: 90%;
  margin: 0 auto;
  padding-top: 50px;
}

.m-shop-view .m-shop-body .join-us .join-center .join-form input[type=text] {
  border-radius: 5px;
  border: 0;
  width: 100%;
  margin-bottom: 0.2rem;
}

.m-shop-view .m-shop-body .join-us .join-center .join-form input[type=submit] {
  background: #060002;
  color: #FEFEFE;
  width: 100%;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border: 0;
  border-radius: 5px;
}

.clearfix {
  clear: both;
}

.m-shop-tmp2-index {
  position: relative;
  padding-bottom: 2rem;
}

.m-shop-tmp2-index .sale-rank-head {
  margin-bottom: 0.26667rem;
}

.m-shop-tmp2-index .header-bg {
  background: #FEFEFE;
  height: 6.13333rem;
}

.m-shop-tmp2-index .header-bg img {
  height: 4rem;
}

.m-shop-tmp2-index .header-banner {
  position: absolute;
  top: 2.3rem;
  margin-left: 0.46667rem;
  width: 9.06667rem;
}

.m-shop-tmp2-index .header-icon {
  background: #FEFEFE;
  padding-top: 0.53333rem;
  margin-bottom: 0.64rem;
}

.m-shop-tmp2-index .header-icon ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.m-shop-tmp2-index .header-icon ul li {
  width: 1.06667rem;
  margin: 0 .35rem;
}

.m-shop-tmp2-index .header-icon ul li p {
  margin-top: 0.14667rem;
  margin-bottom: 0.42667rem;
  text-align: center;
  font-size: 0.29333rem;
  width: 1.33333rem;
  margin-left: -0.1rem;
}

.m-shop-tmp2-index .hot-product {
  position: relative;
  background: #FEFEFE;
  margin-bottom: 0.50667rem;
}

.m-shop-tmp2-index .hot-product #yanxuan-peijian {
  display: none;
}

.m-shop-tmp2-index .hot-product #yanxuan-haocai {
  display: none;
}

.m-shop-tmp2-index .hot-product .select {
  height: 0.8rem;
  line-height: 0.8rem;
  font-size: 0.34667rem;
}

.m-shop-tmp2-index .hot-product .select ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.m-shop-tmp2-index .hot-product .select ul li {
  padding: 0 0.33333rem;
}

.m-shop-tmp2-index .hot-product .select ul .is-active {
  border-bottom: 1px solid #fdd100;
}

.m-shop-tmp2-index .hot-product .select-product ul li {
  float: left;
}

.m-shop-tmp2-index .hot-product .select-product ul li .first {
  width: 6rem;
  height: 3.33333rem;
}

.m-shop-tmp2-index .hot-product .select-product ul li .first .f-con {
  float: left;
  width: 2.66667rem;
  padding: 0.53333rem 0 0 0.4rem;
  font-size: 0.34667rem;
  overflow: hidden;
}

.m-shop-tmp2-index .hot-product .select-product ul li .first .f-con .f-con-h {
  height: 1rem;
  overflow: hidden;
}

.m-shop-tmp2-index .hot-product .select-product ul li .first .f-img {
  float: right;
  padding: 0.26667rem 0.2rem 0 0;
}

.m-shop-tmp2-index .hot-product .select-product ul li .first .f-img img {
  width: 2.66667rem;
  height: 2.66667rem;
}

.m-shop-tmp2-index .hot-product .select-product ul li .second {
  position: relative;
  width: 4rem;
  height: 3.33333rem;
}

.m-shop-tmp2-index .hot-product .select-product ul li .second .f-top-text {
  position: absolute;
  top: 0.2rem;
  left: 0.1rem;
  line-height: 0.26667rem;
  width: 2.66667rem;
  font-size: 0.34667rem;
  z-index: 2;
}

.m-shop-tmp2-index .hot-product .select-product ul li .second .f-top-text p {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1.5;
}

.m-shop-tmp2-index .hot-product .select-product ul li .second .f-img {
  position: absolute;
  bottom: 0.1rem;
  right: 0.1rem;
  width: 2.66667rem;
  height: 2.66667rem;
}

.m-shop-tmp2-index .hot-product .select-product ul .normal {
  width: 3.33333rem;
  text-align: center;
  height: 4.26667rem;
}

.m-shop-tmp2-index .hot-product .select-product ul .normal .top-img img {
  width: 2.4rem;
  height: 2.4rem;
}

.m-shop-tmp2-index .hot-product .select-product ul .normal .con-text {
  font-size: 0.34667rem;
}

.m-shop-tmp2-index .hot-product .select-product ul .normal .con-text p {
  padding: 0.2rem;
  text-align: left;
  line-height: 1.5;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.m-shop-tmp2-index .hot-product .select-product ul .normal .con-text .price {
  padding: 0 0.1rem;
}

.m-shop-tmp2-index .hot-product .select-product ul .normal .con-text .price .p-left {
  float: left;
}

.m-shop-tmp2-index .hot-product .select-product ul .normal .con-text .price .p-right {
  float: right;
}

.m-shop-tmp2-index .mb-bottom {
  margin-bottom: 1.5rem;
}

.m-shop-tmp2-index .sale-rank {
  position: relative;
  margin-bottom: 0.26667rem;
}

.m-shop-tmp2-index .sale-rank .sale-pro ul li {
  display: block;
  width: 4.93333rem;
  height: 6.93333rem;
  float: left;
  margin-bottom: 0.13333rem;
}

.m-shop-tmp2-index .sale-rank .sale-pro ul li img {
  width: 4.93333rem;
  height: 4.86667rem;
}

.m-shop-tmp2-index .sale-rank .sale-pro ul li .pro-box {
  height: 1.8rem;
}

.m-shop-tmp2-index .sale-rank .sale-pro ul li:nth-child(2n) {
  margin-left: 0.13333rem;
}

.m-shop-tmp2-index .sale-rank .sale-pro ul .sale-pro-con {
  padding: 0.21333rem 0.26667rem;
  background: #FEFEFE;
  height: 2.06667rem;
}

.m-shop-tmp2-index .sale-rank .sale-pro ul .sale-pro-con h3 {
  height: 0.8rem;
  line-height: 1.3;
  margin-bottom: 0.4rem;
  overflow: hidden;
}

.m-shop-tmp2-index .sale-rank .sale-pro ul .sale-pro-con h3 a {
  display: block;
}

.m-shop-tmp2-index .sale-rank .sale-pro ul .sale-pro-con .sale-pro-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.m-shop-tmp2-index .sale-rank .sale-pro ul .sale-pro-con .sale-pro-price .price {
  color: #d6a279;
}

.m-shop-tmp2-index .sale-rank .sale-pro ul .sale-pro-con .sale-pro-price .buy img {
  width: 0.53333rem;
  height: 0.53333rem;
}

.m-shop-tmp2-index .new-title {
  position: absolute;
  top: -0.35rem;
  left: 0;
  background: #ffbc0b;
  color: #FEFEFE;
  width: 2.52rem;
  height: 0.74667rem;
  line-height: 0.74667rem;
  text-align: center;
  border-top-right-radius: .3rem;
  border-bottom-right-radius: .3rem;
}

.m-shop-tmp2-index .mg20 {
  margin: 0.26667rem 0;
}

.m-shop-tmp2-footer {
  position: fixed;
  width: 100%;
  bottom: 0;
  background: #FEFEFE;
  padding: 0.1rem 0;
}

.m-shop-tmp2-footer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.m-shop-tmp2-footer ul li {
  width: 25%;
  text-align: center;
}

.m-shop-tmp2-footer ul li a {
  display: inline-block;
  text-align: center;
}

.m-shop-tmp2-footer ul li a img {
  width: 0.64rem;
  height: 0.64rem;
}

.m-shop-tmp2-hot {
  color: #FEFEFE;
  background: #E6232B;
  border-radius: 20%;
  padding: 0.1rem 0.2rem;
}

.m-shop-tmp2 {
  width: 100%;
}

.m-shop-tmp2 .banner {
  margin-bottom: .2rem;
}

.m-shop-tmp2 .floor {
  text-align: center;
  background: #FEFEFE;
  padding: 0.3rem 0;
  margin-bottom: 0.2rem;
}

.m-shop-tmp2 .floor .center-img {
  text-align: center;
  margin-bottom: 0.2rem;
}

.m-shop-tmp2 .floor .center-img img {
  width: 8rem;
  height: auto;
}

.m-shop-tmp2 .floor .title {
  font-size: 0.36rem;
  color: #0A0A0A;
}

.m-shop-tmp2 .floor .s-title {
  font-size: 0.32rem;
}

.m-shop-tmp2 .floor .form {
  display: block;
  margin: 0 auto;
  background: #fff;
  padding: 0.66667rem 1rem 1rem 1rem;
}

.m-shop-tmp2 .floor .form .title {
  text-align: center;
  font-size: 0.42667rem;
  color: #666666;
  margin-bottom: 0.73333rem;
}

.m-shop-tmp2 .floor .form input {
  width: 5.33333rem;
  height: 0.8rem;
  margin-top: 0.26667rem;
}

.m-shop-tmp2 .floor .form input[type=text] {
  font-size: 0.29333rem;
  border: 1px solid #ccc;
  line-height: 0.8rem;
  text-index: 0.33333rem;
  background: #fff;
}

.m-shop-tmp2 .floor .form input:nth-child(1) {
  margin-top: 0;
}

.m-shop-tmp2 .floor .form input[type=submit] {
  background: #FED448;
  color: #333333;
  height: 0.98667rem;
  line-height: 0.98667rem;
  mrgin-top: 0.66667rem;
  border: 0 none;
  font-size: 26px;
}

.m-shop-tmp2 .floor .floor-con {
  color: #666666;
  margin-top: .2rem;
}

.m-shop-tmp2 .floor .floor-con .big {
  font-size: 0.4rem;
  margin-bottom: .2rem;
}

.m-shop-tmp2 .floor .floor-con .text {
  font-size: 0.32rem;
  margin-bottom: 0.4rem;
}

.m-shop-tmp2 .floor .floor-con .middle {
  font-size: 0.34667rem;
}

.m-shop-tmp2 .floor .floor-con .large {
  font-size: 0.64rem;
  color: #333333;
}

.m-shop-tmp2 .floor .floor-con .small {
  font-size: 0.21333rem;
}

.m-shop-tmp2 .floor .floor-con .btn-m {
  width: 100%;
}

.m-shop-tmp2 .floor .floor-con .btn-m .btn {
  display: inline-block;
  background: #f5c85d;
  width: 3.33333rem;
  height: 0.8rem;
  line-height: 0.8rem;
  font-size: 0.32rem;
  color: #333333;
  border-radius: .2rem;
}

.m-shop-tmp2 .floor .floor-con .qrcode {
  margin-top: .2rem;
  text-align: center;
  height: 3.84rem;
  width: 100%;
}

.m-shop-tmp2 .floor .floor-con .qrcode img {
  display: inline-block;
  height: 3.84rem;
  width: 3.84rem;
}

.m-shop-tmp2 .floor .m-img {
  text-align: center;
  margin-top: 0.2rem;
}

.m-shop-tmp2 .floor .m-img img {
  width: 80%;
}

.m-shop-tmp2 .floor .title-l {
  text-align: left;
  font-size: 0.32rem;
  padding-left: .2rem;
}

.m-shop-tmp2 .floor .f2-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: warp;
      flex-wrap: warp;
}

.m-shop-tmp2 .floor .f2-box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.m-shop-tmp2 .floor .f2-box ul li {
  position: relative;
  width: 4.8rem;
  height: 3.33333rem;
  margin-left: 0.1rem;
  margin-top: 0.2rem;
}

.m-shop-tmp2 .floor .f2-box ul li img {
  width: 4.8rem;
  height: 3.33333rem;
}

.m-shop-tmp2 .floor .f2-box ul li .con-bg {
  position: absolute;
  bottom: 0;
  height: 0.93333rem;
  width: 4.8rem;
  background: #0A0A0A;
  filter: alpha(Opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.m-shop-tmp2 .floor .f2-box ul li .con-text {
  position: absolute;
  bottom: 0;
  height: 0.93333rem;
  width: 4.8rem;
  line-height: 0.46667rem;
  font-size: 0.32rem;
  color: #FEFEFE;
}

.m-shop-tmp2 .floor .f2-box ul li .con-text p {
  text-align: center;
  line-height: 1.4;
  margin: 0;
}

.m-shop-tmp2 .floor .f2-box .w-ul li {
  margin: 0;
  padding: 0;
  width: 5rem;
  height: 2.66667rem;
  height: auto;
  vertical-align: middle;
}

.m-shop-tmp2 .floor .f2-box .w-ul li img {
  width: 5rem;
  height: 2.66667rem;
}

.m-shop-tmp2 .floor .f2-box .w-ul li p {
  margin-top: .2rem;
}

.m-shop-tmp2 .floor .banner-slider .left-slider .slick-prev {
  display: none;
}

.m-shop-tmp2 .floor .banner-slider .left-slider .slick-next {
  display: none;
}

.m-shop-tmp2 .floor .banner-slider .left-slider .slick-arrow {
  display: none;
}

.m-shop-tmp2 .floor .banner-slider ul li {
  text-align: center;
  padding-left: 0.1rem;
}

.m-shop-tmp2 .floor .banner-slider ul li img {
  width: 3.73333rem;
  height: 2.29333rem;
}

.m-shop-tmp2 .floor .banner-slider ul li .con-box {
  border: 1px solid #ccc;
  padding: 0.2rem;
}

.m-shop-tmp2 .floor .banner-slider ul li .con-box .title .big {
  color: #333333;
  font-size: 0.32rem;
}

.m-shop-tmp2 .floor .banner-slider ul li .con-box .title .small {
  color: #999999;
}

.m-shop-tmp2 .floor .bottom-slider {
  margin: .2rem;
}

.m-shop-tmp2 .floor .bottom-slider .slick-slide {
  padding: 0 .1rem;
}

.m-shop-tmp2 .floor .video-bg {
  text-align: center;
  position: relative;
  margin-bottom: 1rem;
}

.m-shop-tmp2 .floor .video-bg .video-bg-img {
  width: 80%;
  display: inline-block;
}

.m-shop-tmp2 .floor .video-bg .video-bg-con {
  position: absolute;
  bottom: -0.8rem;
  width: 75%;
  left: 12.5%;
  background: #333333;
  padding: 0.1rem;
  font-size: 0.29333rem;
  color: #FEFEFE;
}

.m-shop-tmp2 .floor .service-banner-slider .slick-prev, .m-shop-tmp2 .floor .service-banner-slider .slick-arrow, .m-shop-tmp2 .floor .service-banner-slider .slick-next {
  display: none !important;
}

.m-shop-tmp2 .floor .service-banner-slider .slick-slide {
  padding: 0 2rem;
}

.m-shop-tmp2 .banner-bg {
  position: relative;
  height: 10rem;
}

.m-shop-tmp2 .banner-bg .banner-con {
  position: absolute;
  top: 1.06667rem;
  width: 100%;
  text-align: center;
  color: #FEFEFE;
}

.m-shop-tmp2 .banner-bg .banner-con .banner-title {
  font-size: 0.46667rem;
}

.m-shop-tmp2 .banner-bg .banner-con .banner-text {
  font-size: 0.28rem;
}

.m-shop-tmp2 .banner-bg .banner-slider {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 2.6rem;
}

.m-shop-tmp2 .banner-bg .banner-slider .slick-slide {
  margin: 0 .5rem;
  padding: 0 .5rem;
}

.m-shop-tmp2 .banner-bg .banner-slider .slick-slide li {
  background: #FEFEFE;
  padding: .2rem;
}

.m-shop-tmp2 .banner-bg .banner-slider .slick-slide li .small-box {
  font-size: 0.34667rem;
  line-height: 2;
}

.m-shop-tmp2 .banner-bg .banner-slider .slick-slide li .big-box {
  font-size: 0.34667rem;
  line-height: 2;
  text-align: center;
}

.m-shop-tmp2 .banner-bg .banner-slider .slick-slide li .big-box img {
  display: inline-block;
  width: 2rem;
}

.m-shop-tmp2 .banner-bg .banner-slider .slick-prev, .m-shop-tmp2 .banner-bg .banner-slider .slick-arrow, .m-shop-tmp2 .banner-bg .banner-slider .slick-next {
  display: none !important;
}

.m-shop-tmp2 .floor4 {
  height: 6.4rem;
  width: 90%;
  margin: 0 auto;
}

.m-shop-tmp2 .floor4 .clear {
  clear: both;
}

.m-shop-tmp2 .floor4 .map {
  width: 5.2rem;
  height: 5.2rem;
}

.m-shop-tmp2 .floor4 .floor-left {
  float: left;
  width: 30%;
}

.m-shop-tmp2 .floor4 .floor-left .title {
  margin-bottom: 1.33333rem;
}

.m-shop-tmp2 .floor4 .floor-left .large {
  font-size: 0.64rem;
  color: #333333;
}

.m-shop-tmp2 .floor4 .floor-left .big {
  font-size: 0.4rem;
  color: #666666;
}

.m-shop-tmp2 .floor4 .floor-left .text {
  font-size: 0.36rem;
  color: #666666;
}

.m-shop-tmp2 .floor4 .floor-left .middle {
  font-size: 0.32rem;
  color: #666666;
}

.m-shop-tmp2 .floor4 .floor-left .small {
  font-size: 0.32rem;
  color: #666666;
}

.m-shop-tmp2 .floor4 .floor-right {
  float: right;
  position: relative;
  height: 5.5rem;
  width: 70%;
}

.m-shop-tmp2 .floor4 .floor-right .change-btn {
  position: absolute;
  bottom: 0;
  right: 0;
}

.m-shop-tmp2 .floor4 .floor-right .change-btn a {
  display: inline-block;
  color: #333333;
  font-size: 0.32rem;
  border: 1px solid #0A0A0A;
  border-radius: 0.1rem;
  text-align: center;
  padding: 0.1rem 0.2rem;
  line-height: 0.53333rem;
}

.m-shop-tmp2 .none {
  display: none;
}

.merchan-header {
  height: 1.26667rem;
  font-size: 0.37333rem;
  color: #fff;
  line-height: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -moz-flex-direction: row;
  -o-flex-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-flex-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  padding: 0 0.26667rem;
  border-bottom: 1px solid #eee;
}

.merchan-header i {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 0.37333rem;
          flex: 0 0 0.37333rem;
  height: 0.37333rem;
  color: #ccc;
  font-size: 0.42667rem;
}

.merchan-header .red {
  color: #E6232B;
}

.merchan-header .text {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  color: #333;
  text-align: center;
  font-size: 0.42667rem;
}

.merchan-header .btn {
  font-size: 0.37333rem;
  color: #999;
  padding-right: 0.13333rem;
}

.merchan-header .btn a {
  font-size: 0.37333rem;
  color: #999;
}

.header-red {
  background: #FF4E56;
  color: #FEFEFE;
}

.header-red i {
  color: #FEFEFE;
}

.header-red .text {
  color: #FEFEFE;
}

.order-products-form ul li {
  margin-bottom: 0.2rem;
  background: #FEFEFE;
  padding-bottom: 0.2rem;
}

.order-products-form ul li h3 {
  height: 38px;
  padding: 0.1rem;
  overflow: hidden;
  width: 100%;
}

.order-products-form ul li .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.order-products-form ul li .info .variant {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 5.33333rem;
          flex: 0 0 5.33333rem;
}

.order-products-form ul li .info .variant span {
  display: inline-table;
  margin: 0.1rem;
  padding: 0.1rem 0.2rem;
  cursor: pointer;
}

.order-products-form ul li .info .variant span.current {
  background: #FF4E56;
  color: #FEFEFE;
  border-radius: 1rem;
}

.order-products-form ul li .info .price {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2rem;
          flex: 0 0 2rem;
}

.order-products-form ul li .info .number {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2rem;
          flex: 0 0 2rem;
  padding-left: 0.2rem;
}

.order-products-form ul li .info input[type=text] {
  border: 1px solid #D8D8D8;
  width: 2rem;
}

.merchan-index-view .details {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -moz-flex-direction: row;
  -o-flex-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  background-color: #fff;
  font-size: 0.32rem;
  color: #5E5E5E;
  line-height: normal;
}

.merchan-index-view .details .i-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  -o-flex-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-flex-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3.68427rem;
          flex: 0 0 3.68427rem;
}

.merchan-index-view .details .i-left img {
  width: 1.20576rem;
  height: 1.20576rem;
  -ms-border-radius: 1.20576rem;
  -moz-border-radius: 1.20576rem;
  -o-flex-border-radius: 1.20576rem;
  border-radius: 1.20576rem;
  display: block;
  margin-bottom: 0.26795rem;
}

.merchan-index-view .details .i-left .name {
  font-weight: bold;
  font-size: 0.37333rem;
}

.merchan-index-view .details .i-left .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-border-radius: 0.06699rem;
  -moz-border-radius: 0.06699rem;
  -o-flex-border-radius: 0.06699rem;
  border-radius: 0.06699rem;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-flex-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 3.0144rem;
  height: 0.60288rem;
  color: #fffefe;
  font-size: 0.29333rem;
  background-color: #ff4e56;
  margin-top: 0.16747rem;
}

.merchan-index-view .details .i-left .btn a {
  color: #fffefe;
  font-size: 0.29333rem;
}

.merchan-index-view .details .i-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  -o-flex-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  padding: 0.45216rem 0.13333rem 0.45216rem 0.45216rem;
  border-left: 1px solid #E6E6E6;
}

.merchan-index-view .details .i-right dl {
  width: 100%;
}

.merchan-index-view .details .i-right dl dt {
  border-left: 0.06699rem solid #E6232B;
  padding-left: 0.11723rem;
  margin-bottom: 0.23445rem;
}

.merchan-index-view .details .i-right dl dd {
  margin-bottom: 0.30144rem;
  max-width: 5.19147rem;
  word-wrap: break-word;
  word-break: break-all;
}

.merchan-index-view .details .i-right .vip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -moz-flex-direction: row;
  -o-flex-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-flex-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.merchan-index-view .details .i-right .vip img {
  display: block;
  width: 0.65312rem;
  height: 0.77035rem;
  -ms-flex-preferred-size: 0.65312rem;
      flex-basis: 0.65312rem;
  margin-right: 0.06667rem;
}

.merchan-index-view .details .i-right .vip .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  -o-flex-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  font-size: 0.29333rem;
  color: #909090;
  line-height: normal;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.merchan-index-view .details .i-right .vip .date .gray {
  color: #d8d8d8;
}

.merchan-index-view .body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  -o-flex-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

.merchan-index-view .body h2 {
  width: 100%;
  height: 0.73685rem;
  padding-left: 0.5024rem;
  font-size: 0.32rem;
  color: #fff;
  line-height: 0.73685rem;
}

.merchan-index-view .body h2 a {
  font-size: 0.24rem;
  color: #fff;
  line-height: normal;
}

.merchan-index-view .body h2.bg_yellow {
  background: #ffb32c;
}

.merchan-index-view .body h2.bg_pink {
  background: #ac67c0;
}

.merchan-index-view .body .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  -o-flex-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  padding: 0.23445rem;
}

.merchan-index-view .body .content .help-text {
  padding: 0.11723rem 0.46891rem;
  font-size: 0.24rem;
  color: #909090;
  line-height: normal;
}

.merchan-index-view .body .content h6 {
  font-size: 0.32rem;
  color: #909090;
  line-height: normal;
}

.merchan-index-view .body .content .skim {
  padding: 0.21771rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -moz-flex-direction: row;
  -o-flex-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -o-flex-flex-wrap: wrap;
  flex-wrap: wrap;
}

.merchan-index-view .body .content .skim li {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  -o-flex-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-flex-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 0.10048rem;
}

.merchan-index-view .body .content .skim li h1 {
  font-size: 0.53333rem;
  color: #ff4e56;
  line-height: 1.03829rem;
}

.merchan-index-view .body .content .skim li h5 {
  font-weight: bold;
  font-size: 0.32rem;
}

.merchan-index-view .body .content .form-list {
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  -o-flex-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

.merchan-index-view .body .content .form-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -moz-flex-direction: row;
  -o-flex-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.merchan-index-view .body .content .form-list dd li {
  padding: 0.20096rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.merchan-index-view .body .content .form-list dd li.long {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -o-flex-justify-content: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-flex: 2;
      -ms-flex: 2 0 auto;
          flex: 2 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.merchan-index-view .body .content .form-list dd li.long h6 {
  color: #E6232B;
}

.merchan-index-view .body .content .form-list dd li.row1, .merchan-index-view .body .content .form-list dd li.row2, .merchan-index-view .body .content .form-list dd li.row3, .merchan-index-view .body .content .form-list dd li.row4 {
  width: 100%;
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;
}

.merchan-index-view .body .content .form-list dd li.row1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 10%;
          flex: 0 0 10%;
}

.merchan-index-view .body .content .form-list dd li.row2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
}

.merchan-index-view .body .content .form-list dd li.row3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
}

.merchan-index-view .body .content .form-list dd li.row4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
}

.merchan-index-view .body .content .form-list dd li.row5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}

.merchan-index-view .body .content .form-list dd li.r-center {
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-flex-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.merchan-index-view .body .content .form-list dd li.r-left {
  -ms-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -o-flex-justify-content: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.merchan-index-view .body .content .form-list dd li.r-right {
  -ms-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -o-flex-justify-content: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.product-taxon-view .taxons-list {
  background: #FEFEFE;
  height: 26.66667rem;
  overflow: hidden;
}

.product-taxon-view .taxons-list::before, .product-taxon-view .taxons-list::after {
  display: table;
  content: ' ';
}

.product-taxon-view .taxons-list::after {
  clear: both;
}

.product-taxon-view .taxons-list .nav-bar {
  position: fixed;
  left: 0;
  top: 1.3rem;
  z-index: 1;
  height: 26.66667rem;
  width: 2.5rem;
}

.product-taxon-view .taxons-list .nav-bar ul li {
  text-align: center;
  height: 1.6rem;
  overflow: hidden;
  padding: 0.05rem 0;
  background: #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
  display: block !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-flex-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.37333rem;
}

.product-taxon-view .taxons-list .nav-bar ul li.current {
  background: #FEFEFE;
  border-left: 2px solid #FF4E56;
}

.product-taxon-view .taxons-list .taxons {
  float: right;
  height: 16rem;
  overflow: hidden;
  overflow-y: auto;
  padding-bottom: 1rem;
  width: 7.5rem;
  padding-top: 0.3rem;
}

.product-taxon-view .taxons-list .taxons .taxons-small {
  padding: 0 0.2rem;
  margin-bottom: 0.2rem;
}

.product-taxon-view .taxons-list .taxons .taxons-small h3 {
  padding-bottom: 0.1rem;
}

.product-taxon-view .taxons-list .taxons .taxons-small ul::before, .product-taxon-view .taxons-list .taxons .taxons-small ul::after {
  display: table;
  content: ' ';
}

.product-taxon-view .taxons-list .taxons .taxons-small ul::after {
  clear: both;
}

.product-taxon-view .taxons-list .taxons .taxons-small ul li {
  float: left;
  width: 30%;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
}

.product-taxon-view .taxons-list .taxons .taxons-small ul li img {
  width: 2.24rem;
  height: 3.06667rem;
}

.product-taxon-view .taxons-list .taxons .taxons-small ul li p {
  width: 2.24rem;
  text-align: center;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
}

.m-craft-view {
  background: #F3F3F3;
}

.m-craft-view .m-craft-header {
  margin-bottom: 0.4rem;
}

.m-craft-view .m-craft-header img {
  width: 100%;
  height: 3.46667rem;
}

.m-craft-view .craft-brand {
  background: #FEFEFE;
  margin-bottom: 0.2rem;
}

.m-craft-view .craft-brand .pad, .m-craft-view .craft-brand h1, .m-craft-view .craft-brand .craft-select .simple_form .form-item, .m-craft-view .craft-brand .light-primary-text {
  padding: 0 0.2rem;
}

.m-craft-view .craft-brand h1 {
  font-size: 0.36rem;
}

.m-craft-view .craft-brand .craft-select {
  background: #F3F3F3;
  margin-bottom: 0.3rem;
}

.m-craft-view .craft-brand .craft-select select {
  font-size: 0.28rem;
  height: 1.06667rem;
  background: url(/assets/images/mobile/icons/user-arrow1.png) no-repeat scroll right center transparent;
  background-size: 0.46667rem 0.46667rem;
  background-position: 95% center;
  background-color: #D8D8D8;
}

.m-craft-view .craft-brand .craft-select .simple_form .form-item {
  padding: 0.3rem 0.4rem;
}

.m-craft-view .craft-brand .craft-select .simple_form .form-bottom {
  margin-bottom: 0.3rem;
}

.m-craft-view .craft-brand .craft-select .simple_form .form-actions {
  display: block;
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
  background: #E6232B;
  height: 1.28rem;
  line-height: 1.28rem;
  z-index: 9999;
}

.m-craft-view .craft-brand .craft-select .simple_form .form-actions input {
  background: #E6232B;
  color: #FEFEFE;
  font-size: 0.4rem;
}

.m-craft-view .craft-brand .light-primary-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.1rem;
  padding-bottom: 0.3rem;
}

.m-craft-view .craft-brand .light-primary-text img {
  width: 0.46667rem;
  height: 0.46667rem;
}

.m-craft-view .craft-brand .tips-text-con {
  padding-left: 0.3rem;
}

.m-craft-view .craft-con {
  z-index: 100;
  background: #FEFEFE;
  padding-top: 0.4rem;
}

.m-craft-view .craft-con h1 {
  margin-bottom: 0.2rem;
  color: #E6232B;
  text-align: center;
  font-size: 0.4rem;
  line-height: 1;
}

.m-craft-view .craft-con .icon-down {
  text-align: center;
  color: #E6232B;
}

.m-craft-view .craft-con .craft-video {
  position: relative;
}

.m-craft-view .craft-con .craft-video .img img {
  width: 100%;
  height: 5.66667rem;
}

.m-craft-view .craft-con .craft-video .play {
  display: block;
  position: absolute;
  top: 30%;
  width: 100%;
  text-align: center;
}

.m-craft-view .craft-con .craft-video .play img {
  width: 1.33333rem;
  height: 1.33333rem;
}

.m-craft-view .craft-con .craft-video .bottom-bg {
  position: absolute;
  bottom: 0;
  background: #0A0A0A;
  opacity: 0.7;
  width: 100%;
  height: 1rem;
}

.m-craft-view .craft-con .craft-video .bottom-text {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  height: 1rem;
  line-height: 1rem;
  font-size: 0.36rem;
  color: #FEFEFE;
}

.m-craft-view .craft-con .des {
  padding: 0.3rem 0.4rem 1.33333rem 0.4rem;
}

.input-clear, .m-craft-view .craft-brand .craft-select select, .m-craft-view .craft-brand .craft-select .simple_form .form-actions input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.carts-view .carts-list ul li {
  margin-bottom: 0.2rem;
}

.carts-view .carts-list ul li .cart-shop {
  background: #FEFEFE;
  padding: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.carts-view .carts-list ul li .cart-shop .shop-check {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 0.66667rem;
          flex: 0 0 0.66667rem;
  vertical-align: middle;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.carts-view .carts-list ul li .cart-shop .shop-title {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 9.33333rem;
          flex: 0 0 9.33333rem;
  font-size: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.carts-view .carts-list ul li .cart-products {
  margin-top: 0.02667rem;
  background: #fff;
  padding: 0.2rem;
}

.carts-view .carts-list ul li .cart-products .products-list {
  margin: 0.1rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.carts-view .carts-list ul li .cart-products .products-list .product-check {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 0.66667rem;
          flex: 0 0 0.66667rem;
  padding-top: 0.66667rem;
}

.carts-view .carts-list ul li .cart-products .products-list .product-img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2.66667rem;
          flex: 0 0 2.66667rem;
  padding: 0.1rem;
}

.carts-view .carts-list ul li .cart-products .products-list .product-info {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 6.4rem;
          flex: 0 0 6.4rem;
  margin-left: 0.13333rem;
  padding-top: 0.1rem;
}

.carts-view .carts-list ul li .cart-products .products-list .product-info .product-title {
  margin-bottom: 0.2rem;
  height: 1.06667rem;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.carts-view .carts-list ul li .cart-products .products-list .product-info .product-title .title-left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 4.93333rem;
          flex: 0 0 4.93333rem;
}

.carts-view .carts-list ul li .cart-products .products-list .product-info .product-title .title-left a {
  font-size: 0.36rem;
}

.carts-view .carts-list ul li .cart-products .products-list .product-info .product-title .title-right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1.06667rem;
          flex: 0 0 1.06667rem;
  text-align: center;
}

.carts-view .carts-list ul li .cart-products .products-list .product-info .product-title .title-right a {
  font-size: 0.24rem;
}

.carts-view .carts-list ul li .cart-products .products-list .product-info .product-title .title-right .fa-close {
  font-size: 0.37333rem;
  color: #ccc;
}

.carts-view .carts-list ul li .cart-products .products-list .product-info .product-price {
  margin-bottom: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.carts-view .carts-list ul li .cart-products .products-list .product-info .product-price .price-left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3.30667rem;
          flex: 0 0 3.30667rem;
  color: #ff6700;
  font-size: 0.4rem;
}

.carts-view .carts-list ul li .cart-products .products-list .product-info .product-price .product-total {
  display: none;
}

.carts-view .carts-list ul li .cart-products .products-list .product-info .product-price .price-right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2.69333rem;
          flex: 0 0 2.69333rem;
  text-align: center;
}

.carts-view .carts-list ul li .cart-products .products-list .product-info .product-price .price-right .product-num::before, .carts-view .carts-list ul li .cart-products .products-list .product-info .product-price .price-right .product-num::after {
  display: table;
  content: ' ';
}

.carts-view .carts-list ul li .cart-products .products-list .product-info .product-price .price-right .product-num::after {
  clear: both;
}

.carts-view .carts-list ul li .cart-products .products-list .product-info .product-price .price-right .product-num .select-num {
  width: 2.69333rem;
  margin: 0 auto;
  font-size: 0.32rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.carts-view .carts-list ul li .cart-products .products-list .product-info .product-price .price-right .product-num .select-num .num-row {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 0.4rem;
          flex: 0 0 0.4rem;
}

.carts-view .carts-list ul li .cart-products .products-list .product-info .product-price .price-right .product-num .select-num .num-row button {
  width: 0.53333rem;
  height: 0.53333rem;
  line-height: 0.53333rem;
  text-align: center;
  cursor: pointer;
  outline: none;
  background: #f4f4f4;
  color: #666;
  border-radius: 0;
  font-size: 0.4rem;
}

.carts-view .carts-list ul li .cart-products .products-list .product-info .product-price .price-right .product-num .select-num .num-row button.plus {
  border-right: none;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.carts-view .carts-list ul li .cart-products .products-list .product-info .product-price .price-right .product-num .select-num .num-row button.reduce {
  border-left: none;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.carts-view .carts-list ul li .cart-products .products-list .product-info .product-price .price-right .product-num .select-num .num-input input {
  width: 1.6rem;
  height: 0.53333rem;
  line-height: 0.53333rem;
  border-radius: 0;
  border: 1px solid #eee;
  border-left: 0 none;
  border-right: 0 none;
  text-align: center;
  font-size: 0.4rem;
}

.carts-view .carts-list ul li .cart-products .products-list .product-info .property {
  margin-bottom: 0.2rem;
}

.carts-view .carts-action {
  background: #FEFEFE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.carts-view .carts-action .check-all {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 0.66667rem;
          flex: 0 0 0.66667rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0.2rem;
  color: #757575;
}

.carts-view .carts-action .check-text {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 0.93333rem;
          flex: 0 0 0.93333rem;
  padding-left: 0.2rem;
  color: #757575;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.34667rem;
}

.carts-view .carts-action .price-all {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 6.4rem;
          flex: 0 0 6.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 0.66667rem;
  color: #757575;
  font-size: 0.34667rem;
}

.carts-view .carts-action .pay {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2rem;
          flex: 0 0 2rem;
}

.carts-view .carts-action .pay input {
  width: 2rem;
  height: 1.06667rem;
  cursor: pointer;
  background: #ff6700;
}

.carts-view .carts-action .total_price {
  font-size: 0.48rem;
  color: #ff6700;
}

.add-carts {
  margin-left: 0.05rem;
}

.m-user-account-wrap {
  background: #E6232B;
  padding: 0.5rem 0;
  height: 20rem;
}

.m-user-account-wrap .logo-wrap {
  padding: 0.4rem 0;
}

.m-user-account-wrap .logo-wrap img {
  width: 5.33333rem;
  height: auto;
  display: block;
  margin: 0 auto;
}

.m-user-account-wrap .form-wrap {
  width: 90%;
  margin: 0 auto;
  background-color: white;
  border-radius: 0.26667rem;
  padding: 0.5rem;
}

.m-user-account-wrap .form-wrap .m-form-title {
  font-size: 0.7rem;
  margin: 0.3125rem 0;
  text-align: center;
}

.m-user-account-wrap .form-wrap .form-error {
  margin-bottom: 0.4rem;
  font-size: 0.5rem;
  margin-top: 0;
}

.m-user-account-wrap .form-wrap .form-title {
  font-size: 1.5rem;
  margin: 0.75rem 0;
  text-align: center;
}

.m-user-account-wrap .form-wrap .pin-code-input-group .input-group-button {
  width: 0.5rem;
  padding-bottom: 0.2rem;
}

.m-user-account-wrap .form-wrap .pin-code-input-group .input-group-button a {
  font-size: 0.5rem;
  height: 0.8rem;
}

.m-user-account-wrap .form-wrap .pin-code-input-group .input-group-button .button {
  padding: 0 0.2rem;
}

.m-user-account-wrap .form-wrap .m-password-form {
  margin-bottom: 0;
}

.m-user-account-wrap .form-wrap .simple_form {
  width: 80%;
  margin: 0 auto;
}

.m-user-account-wrap .form-wrap .simple_form .form-item .icon-label {
  top: 0.5rem;
  left: 0.5rem;
  font-size: 0.5rem;
  line-height: 0.5rem;
}

.m-user-account-wrap .form-wrap .simple_form .form-item input {
  padding-left: 1.2rem;
  margin-bottom: 0.2rem;
  height: 1rem;
  font-size: 0.5rem;
}

.m-user-account-wrap .form-wrap .simple_form .form-item .form-error {
  font-size: 0.5rem;
  margin-bottom: 0.3rem;
  margin-top: 0;
}

.m-user-account-wrap .form-wrap .simple_form .pin-code .pin-code-input-group {
  margin-bottom: 0.5rem;
}

.m-user-account-wrap .form-wrap .simple_form .wechat-tip {
  position: relative;
  top: -0.125rem;
  text-align: center;
  margin-bottom: 1.875rem;
  font-size: 0.28rem;
}

.m-user-account-wrap .form-wrap .simple_form [type='checkbox'] + label {
  margin: 0;
}

.m-user-account-wrap .form-wrap .simple_form .form-action input {
  height: auto;
}

.m-user-account-wrap .form-wrap .simple_form .form-action .button {
  margin-bottom: 0.5rem;
}

.m-user-account-wrap .form-wrap .simple_form .forget-password {
  font-size: 0.4rem;
}

.m-user-account-wrap .form-wrap .pin-button {
  padding-top: 0;
  font-size: 0.24rem;
  line-height: 1.35rem;
}

.m-user-account-wrap .register-form-wrap .register-tab .toggle-switch, .m-user-account-wrap .login-form-wrap .login-tab .toggle-switch {
  color: #E6232B;
}

.m-user-account-wrap .register-form-wrap .register-tab:after, .m-user-account-wrap .login-form-wrap .login-tab:after {
  width: 100%;
}

.m-user-account-wrap .account-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.5rem;
}

.m-user-account-wrap .account-tabs .account-tab, .m-user-account-wrap .account-tabs .menu-text {
  position: relative;
  font-size: 0.5rem;
  text-align: center;
  padding: 0;
  height: 0.8rem;
}

.m-user-account-wrap .account-tabs .account-tab a, .m-user-account-wrap .account-tabs .menu-text a {
  padding: 0;
}

.m-user-account-wrap .account-tabs .account-tab:after {
  -webkit-transition: 120ms width ease-in-out;
  transition: 120ms width ease-in-out;
  content: "";
  display: block;
  position: absolute;
  height: 2px;
  width: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #E6232B;
}

.m-user-account-wrap .account-tabs .account-tab:hover:after {
  width: 100%;
}

.m-user-account-wrap .account-tabs .menu-text {
  width: 16%;
}

.m-user-account-wrap .account-tabs .active {
  color: #E6232B;
  border-bottom: 2px solid #E6232B;
}

.m-user-account-wrap .account-tabs .active a {
  background: #FEFEFE;
  color: #E6232B;
}

.m-user-account-wrap .account-lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.5rem;
}

.m-user-account-wrap .account-lists .m-account-tab {
  position: relative;
  font-size: 0.5rem;
  text-align: center;
  padding: 0;
  height: 0.8rem;
}

.m-user-account-wrap .account-lists .m-account-tab a {
  padding: 0;
}

.m-user-account-wrap .account-lists .account-list, .m-user-account-wrap .account-lists .menu-text {
  position: relative;
  font-size: 0.5rem;
  text-align: center;
  padding: 0;
  height: 0.8rem;
}

.m-user-account-wrap .account-lists .account-list a, .m-user-account-wrap .account-lists .menu-text a {
  padding: 0;
}

.m-user-account-wrap .account-lists .account-list:after {
  -webkit-transition: 120ms width ease-in-out;
  transition: 120ms width ease-in-out;
  content: "";
  display: block;
  position: absolute;
  height: 2px;
  width: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #E6232B;
}

.m-user-account-wrap .account-lists .account-list:hover:after {
  width: 100%;
}

.m-user-account-wrap .account-lists .menu-text {
  width: 16%;
}

.m-user-account-wrap .account-lists .active {
  color: #E6232B;
  border-bottom: 2px solid #E6232B;
}

.m-user-account-wrap .account-lists .active a {
  background: #FEFEFE;
  color: #E6232B;
}

.register-form-wrap > .login-form, .login-form-wrap > .register-form {
  display: none;
}

.oauth-login-section {
  position: relative;
  margin-top: 1.5rem;
  padding-top: 2.5rem;
  border-top: 1px solid #D8D8D8;
}

.oauth-login-section .oauth-login-header {
  position: absolute;
  z-index: 1;
  top: -0.75rem;
  left: 33%;
  width: 33%;
  background: #FFF;
  text-align: center;
}

.oauth-login-section .oauth-login-entries {
  margin: 0;
  list-style-type: none;
  display: table;
  width: 100%;
  table-layout: fixed;
}

.oauth-login-section .oauth-login-entries > li {
  display: table-cell;
  vertical-align: middle;
}

[data-whatinput='mouse'] .oauth-login-section .oauth-login-entries > li {
  outline: 0;
}

.oauth-login-section .oauth-login-entries > li > a {
  display: block;
  padding: 0.7rem 1rem;
  line-height: 1;
}

.oauth-login-section .oauth-login-entries input, .oauth-login-section .oauth-login-entries select, .oauth-login-section .oauth-login-entries a, .oauth-login-section .oauth-login-entries button {
  margin-bottom: 0;
}

.oauth-login-section .oauth-login-entries > li:first-child:last-child {
  width: 100%;
}

.news-list-view .m-news-user {
  background: url("https://assets.jxcat.com/theme_images/news_user_bg.jpg") no-repeat;
  background-size: 100%;
}

.news-list-view .m-news-user .back-message::before, .news-list-view .m-news-user .back-message::after {
  display: table;
  content: ' ';
}

.news-list-view .m-news-user .back-message::after {
  clear: both;
}

.news-list-view .m-news-user .back-message a {
  color: #FEFEFE;
}

.news-list-view .m-news-user .back-message .back {
  width: 20px;
  float: left;
  font-size: 36px;
  padding-left: 0.4rem;
}

.news-list-view .m-news-user .back-message .message {
  width: 20px;
  float: right;
  font-size: 28px;
  padding-right: 1.3rem;
  padding-top: 5px;
}

.news-list-view .m-news-user .user-avatar {
  width: 90%;
  text-align: center;
  margin: 0 auto;
  font-size: 50px;
  color: #FEFEFE;
}

.news-list-view .m-news-user .user-avatar p {
  font-size: 14px;
  font-weight: bold;
}

.news-list-view .m-news-user .user-avatar img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.news-list-view .m-news-user .counts {
  margin-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #FEFEFE;
}

.news-list-view .m-news-user .counts::before, .news-list-view .m-news-user .counts::after {
  display: table;
  content: ' ';
}

.news-list-view .m-news-user .counts::after {
  clear: both;
}

.news-list-view .m-news-user .counts .articles-count {
  float: left;
  width: 50%;
  padding-left: 0.5rem;
}

.news-list-view .m-news-user .counts .articles-count span {
  background: #E6232B;
  border-radius: 5px;
  margin-right: 0.1rem;
  padding: 2px 5px;
}

.news-list-view .m-news-user .counts .follows-count {
  float: right;
  width: 40%;
  padding-right: 0.5rem;
  font-weight: bold;
  font-size: 0.28rem;
}

.news-list-view .m-news-user .counts .follows-count span {
  margin-right: 0.1rem;
}

.news-list-view .m-news-user .user-follow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 0.2rem;
}

.news-list-view .m-news-user .user-follow .follow {
  display: inline-block;
  width: 2rem;
  line-height: 0.6rem;
  font-size: 0.2rem;
  text-align: center;
  background: #FF4E56;
  color: #FEFEFE;
}

.news-list-view .m-news-user .user-follow .hover {
  color: #D8D8D8;
}

.seeking-quotes-form-view {
  position: fixed;
  display: block;
  z-index: 10;
  width: 10rem;
  height: 100%;
  top: 0;
  left: 50%;
  margin-left: -5rem;
  overflow-y: scroll;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 99999;
}

.seeking-quotes-form-view .close {
  position: absolute;
  display: block;
  z-index: 1;
  top: 0.97333rem;
  right: 1.08rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 0.8rem;
          flex: 0 0 0.8rem;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -o-flex-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  -o-flex-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.seeking-quotes-form-view .close img {
  width: 0.8rem;
  height: 0.8rem;
}

.seeking-quotes-form-view .close span {
  width: 0.02667rem;
  border-left: 0.01333rem solid #fff;
  height: 0.93333rem;
  position: relative;
  display: block;
  z-index: 1;
  top: -0.04rem;
}

.seeking-quotes-form-view .seeking-quotes-form-content {
  position: absolute;
  display: block;
  z-index: 1;
  top: 2.66667rem;
  right: 0.66667rem;
  width: 8.66667rem;
  background: none;
  padding-bottom: 0.98667rem;
}

.seeking-quotes-form-view .seeking-quotes-form-content input {
  border-radius: 0px;
}

.seeking-quotes-form-view .seeking-quotes-form-content .s-top img {
  display: block;
  width: 100%;
}

.seeking-quotes-form-view .seeking-quotes-form-content .s-main {
  font-size: 0.37333rem;
  color: #666666;
  line-height: normal;
  -ms-border-bottom-left-radius: 0.09333rem;
  -moz-border-bottom-left-radius: 0.09333rem;
  -o-flex-border-bottom-left-radius: 0.09333rem;
  border-bottom-left-radius: 0.09333rem;
  -ms-border-bottom-right-radius: 0.09333rem;
  -moz-border-bottom-right-radius: 0.09333rem;
  -o-flex-border-bottom-right-radius: 0.09333rem;
  border-bottom-right-radius: 0.09333rem;
  padding-left: 0.38667rem;
  background-color: #fff;
}

.seeking-quotes-form-view .seeking-quotes-form-content .s-main .dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -moz-flex-direction: row;
  -o-flex-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 1.18667rem;
}

.seeking-quotes-form-view .seeking-quotes-form-content .s-main .dd > span {
  padding-right: 0.13333rem;
}

.seeking-quotes-form-view .seeking-quotes-form-content .s-main .dd input[type=number], .seeking-quotes-form-view .seeking-quotes-form-content .s-main .dd input[type=tel], .seeking-quotes-form-view .seeking-quotes-form-content .s-main .dd input[type=text], .seeking-quotes-form-view .seeking-quotes-form-content .s-main .dd .items {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  margin-right: 0.13333rem;
  margin-left: 0.76rem;
}

.seeking-quotes-form-view .seeking-quotes-form-content .s-main .dd input[type=number], .seeking-quotes-form-view .seeking-quotes-form-content .s-main .dd input[type=tel], .seeking-quotes-form-view .seeking-quotes-form-content .s-main .dd input[type=text] {
  border: 0 none;
  height: 100%;
  line-height: 100%;
  text-indent: 0.13333rem;
  border-bottom: 0.02667rem solid #d9d9d9;
  font-size: 0.4rem;
}

.seeking-quotes-form-view .seeking-quotes-form-content .s-main .dd .items input[type=radio] {
  margin-right: 0.13333rem;
  margin-left: 0.73333rem;
}

.seeking-quotes-form-view .seeking-quotes-form-content .s-main .dd .items input[type=radio]:nth-child(1) {
  margin-left: 0;
}

.seeking-quotes-form-view .seeking-quotes-form-content .s-main .dd textarea {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  margin-right: 0.13333rem;
  margin-left: 0.76rem;
}

.seeking-quotes-form-view .seeking-quotes-form-content .s-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-flex-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.46667rem 0 1.5rem 0;
}

.seeking-quotes-form-view .seeking-quotes-form-content .s-bottom input[type=submit] {
  -webkit-appearance: none;
  -ms-border-radius: 0.42667rem;
  -moz-border-radius: 0.42667rem;
  -o-flex-border-radius: 0.42667rem;
  border-radius: 0.42667rem;
  font-size: 0.34667rem;
  color: #fff;
  line-height: 0.86667rem;
  width: 4.6rem;
  height: 0.86667rem;
  text-align: center;
  background-color: #e6212a;
  border: 0 none;
}

.seeking-quotes-form-view .errors {
  width: 8rem;
  padding: 0.2rem;
  background: #fff;
  position: absolute;
  z-index: 200;
  top: 1rem;
  left: 50%;
  margin-left: -4rem;
  border-radius: 0.2rem;
  font-size: 0.32rem;
  border: 1px solid #666;
}

.seeking-quotes-form-view .errors .hiding {
  position: absolute;
  right: 0.2rem;
  top: 0.1rem;
  z-index: 202;
  font-size: 0.37333rem;
}

.seeking-quotes-form-view .errors h2 {
  font-size: 0.37333rem;
  color: #2d78f4;
}

/* 顶部返回样式 */

#top-nav {
  display: block;
  margin: 0 auto;
  width: 10rem;
  height: 1.24rem;
  border-bottom: 1px solid #f2f2f2;
  background: #fff;
  position: fixed;
  z-index: 2;
  top: 0;
  left: 50%;
  margin-left: -5rem;
}

#top-nav .return i {
  position: absolute;
  left: 0.32rem;
  top: 0.32rem;
  font-size: 0.53333rem;
}

#top-nav .nav_list {
  width: 4.26667rem;
  margin: 0 auto;
}

#top-nav .nav_list span {
  display: block;
  float: left;
  width: 0.93333rem;
  height: 1.22667rem;
  margin-left: 0.72rem;
  color: #666;
  font-size: 0.4rem;
  line-height: 1.22667rem;
  text-align: center;
}

#top-nav .nav_list span .current {
  border-bottom: 1px solid #ff0000;
}

#top-nav .nav_list span .current a {
  color: #ff0000;
}

#top-nav .nav_list span:nth-child(1) {
  margin-left: 0;
}

#top-nav .title {
  width: 100%;
  font-size: 0.42667rem;
  line-height: 1.24rem;
  text-align: center;
}

.order-info-view {
  max-width: 10rem;
  margin: 0 auto;
  background-color: #ececec;
  /* 我的订单页面 */
  /*订单详情*/
  /*底部按钮*/
}

.order-info-view #order-info, .order-info-view #my-order, .order-info-view #bottom-btn {
  width: 10rem;
  overflow: hidden;
  margin: 0 auto;
}

.order-info-view #my-order {
  margin-top: 1.24rem;
  padding-bottom: 1.33333rem;
}

.order-info-view #my-order .list {
  padding: 0.22667rem 0.4rem 0.36rem 0.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 0.26667rem;
  background: #fff;
}

.order-info-view #my-order .top {
  padding: 0.33333rem 0;
}

.order-info-view #my-order .top .time {
  font-size: 0.42667rem;
  color: #666666;
  margin-bottom: 0.13333rem;
}

.order-info-view #my-order .right {
  font-size: 0.45333rem;
  color: #ff0000;
}

.order-info-view #my-order .top, .order-info-view #my-order .mid {
  border-bottom: 1px solid #ececec;
}

.order-info-view #my-order .mid {
  padding: 0.29333rem 0;
  line-height: 1.33333rem;
  font-size: 0.37333rem;
  color: #666;
}

.order-info-view #my-order .mid img {
  display: block;
  width: 1.33333rem;
  height: 1.33333rem;
}

.order-info-view #my-order .mid .goods_name {
  width: 4.26667rem;
  padding-left: 0.13333rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.order-info-view #my-order .mid .attr {
  width: 3.33333rem;
  font-size: 0.32rem;
  color: #9999b2;
  text-align: left;
}

.order-info-view #my-order .price {
  padding: 0.4rem 0 0.26667rem 0;
  font-size: 0.34667rem;
  color: #999;
}

.order-info-view #my-order .price .bold {
  font-size: 0.37333rem;
  color: #666;
}

.order-info-view #my-order .btn a {
  display: inline-block;
  padding: 0.13333rem 0.2rem;
  color: #000;
  font-size: 0.4rem;
  border: 1px solid #999999;
  border-radius: 0.06667rem;
  margin-right: 0.26667rem;
  float: right;
}

.order-info-view #my-order a:nth-child(1) {
  margin-right: 0;
}

.order-info-view #my-order a.go_pay {
  border-color: #ff0000;
  color: #ff0000;
}

.order-info-view #my-order a.confirm {
  border-color: #66b6ff;
  color: #66b6ff;
}

.order-info-view #order-info {
  padding-bottom: 1.34667rem;
  padding-top: 1.24rem;
  font-size: 0.4rem;
}

.order-info-view #order-info .list {
  padding: 0.29333rem 0.50667rem;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 0.22667rem;
}

.order-info-view #order-info .order_sn_info {
  padding: 0.44rem 0.50667rem;
}

.order-info-view #order-info .list > div {
  margin-top: 0.18667rem;
}

.order-info-view #order-info .list > div:nth-child(1) {
  margin-top: 0;
}

.order-info-view #order-info .status span {
  display: inline-block;
  padding: 0.13333rem 0.33333rem;
  color: #fff;
  margin-right: 0.05333rem;
  background: #cccccc;
}

.order-info-view #order-info .status span.current {
  background: #00cc66;
}

.order-info-view #order-info .goods_list dd {
  border-top: 1px solid #f3f3f3;
  padding: 0.4rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.order-info-view #order-info .goods_list dd img {
  width: 1.06667rem;
  height: 1.06667rem;
  margin-right: 0.2rem;
}

.order-info-view #order-info .goods_list dd:nth-child(1) {
  border-top: 0 none;
}

.order-info-view #order-info .goods_list .goods_name .text_over {
  width: 8rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.order-info-view #order-info .attr {
  color: #666;
  font-size: 0.37333rem;
}

.order-info-view #bottom-btn {
  height: 1.33333rem;
  font-size: 0.4rem;
  color: #666;
  position: fixed;
  bottom: 0;
  z-index: 100;
  background: #fff;
  -webkit-box-shadow: 0px 0px 0.66667rem 0px #c9c8c8;
          box-shadow: 0px 0px 0.66667rem 0px #c9c8c8;
}

.order-info-view #bottom-btn li {
  float: left;
  width: 4.66667rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.order-info-view #bottom-btn .pay_msg {
  font-size: 0.34667rem;
  line-height: 0.46667rem;
  color: #000;
  padding: 0.22667rem 0 0 0.33333rem;
}

.order-info-view #bottom-btn .pay_msg .price {
  font-size: 0.45333rem;
  color: #ff0000;
}

.order-info-view #bottom-btn li.btn {
  width: 2.66667rem;
  line-height: 1.33333rem;
  text-align: center;
}

.order-info-view #bottom-btn li.btn.cancle {
  background: #f7f7f7;
}

.order-info-view #bottom-btn li.btn.pay {
  background: #ff0000;
  color: #fff;
}

.order-info-view #bottom-btn li.btn.confirm {
  width: 5.33333rem;
  background: #50a5f2;
  color: #fff;
}

.order-info-index-view {
  background-color: #ececec;
  margin-top: 1.24rem;
  /* 底部按钮 */
}

.order-info-index-view #order-info, .order-info-index-view #my-order, .order-info-index-view #bottom-btn {
  width: 10rem;
  overflow: hidden;
  display: block;
  margin: 0 auto;
}

.order-info-index-view #my-order {
  padding-bottom: 2rem;
}

.order-info-index-view #my-order .list {
  padding: 0.22667rem 0.4rem 0.36rem 0.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 0.26667rem;
  background: #fff;
}

.order-info-index-view #my-order .top {
  padding: 0.33333rem 0;
  font-size: 0.37333rem;
  color: #999;
}

.order-info-index-view #my-order .top .time {
  font-size: 0.4rem;
  color: #333;
}

.order-info-index-view #my-order .top .right {
  font-size: 0.42667rem;
  color: #ff0000;
}

.order-info-index-view #my-order .top, .order-info-index-view #my-order .mid {
  border-bottom: 1px solid #ececec;
}

.order-info-index-view #my-order .mid {
  padding: 0.29333rem 0;
  font-size: 0.34667rem;
  color: #666;
}

.order-info-index-view #my-order .mid dd:nth-child(2) {
  margin-top: 0.06667rem;
}

.order-info-index-view #my-order .mid img {
  display: block;
  width: 1.33333rem;
  height: 1.33333rem;
  float: left;
}

.order-info-index-view #my-order .mid .goods_name {
  width: 4rem;
  height: 0.8rem;
  padding-left: 0.13333rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 0.4rem;
  margin-top: 0.26667rem;
}

.order-info-index-view #my-order .mid .attr {
  width: 3.33333rem;
  font-size: 0.32rem;
  color: #9999b2;
  text-align: left;
  line-height: 1.33333rem;
}

.order-info-index-view #my-order .price {
  padding: 0.4rem 0 0.26667rem 0;
  font-size: 0.34667rem;
  color: #999;
}

.order-info-index-view #my-order .price .bold {
  font-size: 0.37333rem;
  color: #666;
}

.order-info-index-view #my-order .btn a {
  display: inline-block;
  padding: 0.13333rem 0.2rem;
  color: #000;
  font-size: 0.37333rem;
  border: 1px solid #999999;
  border-radius: 0.06667rem;
  margin-right: 0.26667rem;
  float: right;
}

.order-info-index-view #my-order .btn a:nth-child(1) {
  margin-right: 0;
}

.order-info-index-view #my-order .btn a.go_pay {
  border-color: #ff0000;
  color: #ff0000;
}

.order-info-index-view #my-order .btn a.confirm {
  border-color: #66b6ff;
  color: #66b6ff;
}

.order-info-index-view #order-info {
  padding-bottom: 1.34667rem;
  font-size: 0.4rem;
  margin-top: 1.22667rem;
}

.order-info-index-view #order-info .list {
  padding: 0.29333rem 0.50667rem;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 0.22667rem;
}

.order-info-index-view #order-info .list > div {
  margin-top: 0.18667rem;
}

.order-info-index-view #order-info .list > div:nth-child(1) {
  margin-top: 0;
}

.order-info-index-view #order-info .order_sn_info {
  padding: 0.44rem 0.50667rem;
}

.order-info-index-view #order-info .status span {
  display: inline-block;
  padding: 0.13333rem 0.33333rem;
  color: #fff;
  margin-right: 0.05333rem;
  background: #cccccc;
}

.order-info-index-view #order-info .status span.current {
  background: #00cc66;
}

.order-info-index-view #order-info .goods_list dd {
  border-top: 1px solid #f3f3f3;
  padding: 0.4rem 0;
}

.order-info-index-view #order-info .goods_list dd:nth-child(1) {
  border-top: 0 none;
}

.order-info-index-view #order-info .goods_list dd img {
  width: 1.06667rem;
  height: 1.06667rem;
  margin-right: 0.2rem;
}

.order-info-index-view #order-info .goods_list dd .goods_name {
  line-height: 0.50667rem;
}

.order-info-index-view #order-info .goods_list dd .attr {
  color: #666;
  font-size: 0.37333rem;
}

.order-info-index-view #bottom-btn {
  height: 1.33333rem;
  font-size: 0.4rem;
  color: #666;
  position: fixed;
  bottom: 0;
  z-index: 100;
  background: #fff;
  -webkit-box-shadow: 0px 0px 0.66667rem 0px #c9c8c8;
          box-shadow: 0px 0px 0.66667rem 0px #c9c8c8;
}

.order-info-index-view #bottom-btn li {
  float: left;
  width: 4.66667rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.order-info-index-view #bottom-btn li.btn {
  width: 2.66667rem;
  line-height: 1.33333rem;
  text-align: center;
}

.order-info-index-view #bottom-btn li.btn.cancle {
  background: #f7f7f7;
}

.order-info-index-view #bottom-btn li.btn.pay {
  background: #ff0000;
  color: #fff;
}

.order-info-index-view #bottom-btn li.btn.confirm {
  width: 5.33333rem;
  background: #66b6ff;
  color: #fff;
}

.order-info-index-view #bottom-btn .pay_msg {
  font-size: 0.34667rem;
  line-height: 0.46667rem;
  color: #000;
  padding: 0.22667rem 0 0 0.33333rem;
}

.order-info-index-view #bottom-btn .pay_msg .price {
  font-size: 0.45333rem;
  color: #ff0000;
}

.order-info-view {
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-bottom: 1.33333rem;
  /*底部去结算*/
}

.order-info-view .order-info-body {
  padding: 0.1rem 0.3rem;
}

.order-info-view .clearfix {
  clear: both;
}

.order-info-view .order-sub-title {
  font-size: 0.45333rem;
  padding-top: 0.13333rem;
  border-top: 1px solid #eee;
  color: #777;
}

.order-info-view .order-sub-title.no-border {
  border-top: 0 none;
}

.order-info-view .order-address {
  padding: 0.26667rem;
}

.order-info-view .order-address li {
  width: 100%;
  margin-bottom: 0.13333rem;
  font-size: 0.4rem;
  line-height: 0.46667rem;
  color: #777;
}

.order-info-view .order-address li input {
  width: 0.46667rem;
  height: 0.46667rem;
  display: block;
  float: left;
}

.order-info-view .order-address li span {
  display: block;
  float: left;
  margin-left: 0.13333rem;
}

.order-info-view .order-shop {
  font-size: 0.37333rem;
  color: #aaa;
  line-height: 0.9rem;
  padding-left: 0.33333rem;
}

.order-info-view .product-list-ul {
  padding-bottom: 0.2rem;
}

.order-info-view .product-list-ul li:nth-last-child(1) .msg {
  border-bottom: 0 none;
}

.order-info-view .products-list .product-img img {
  display: block;
  float: left;
  width: 2.26667rem;
  height: 2.26667rem;
}

.order-info-view .products-list .msg {
  padding-left: 0.2rem;
  width: 6rem;
  display: block;
  float: left;
  border-bottom: 1px solid #eee;
}

.order-info-view .products-list .msg .product-title {
  font-size: 0.42667rem;
  margin-bottom: 0.06667rem;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.order-info-view .products-list .msg .product-property {
  color: #999;
  font-size: 0.34667rem;
}

.order-info-view .products-list .msg .product-price {
  font-size: 0.34667rem;
  line-height: 0.4rem;
  color: #777;
}

.order-info-view .products-list .msg .product-total {
  font-size: 0.4rem;
}

.order-info-view .order-remark input {
  border: 1px solid #eee;
  border-radius: 0.06667rem;
  width: 100%;
  height: 1.33333rem;
  font-size: 0.4rem;
  line-height: 0.44rem;
  margin-top: 0.06667rem;
}

.order-info-view #cart-pay {
  position: fixed;
  z-index: 100;
  bottom: 0;
  height: 1.33333rem;
  line-height: 1.33333rem;
  text-align: center;
  background: #fff;
  font-size: 0.4rem;
  -webkit-box-shadow: 0px 0px 0.66667rem 0px #c9c8c8;
          box-shadow: 0px 0px 0.66667rem 0px #c9c8c8;
}

.order-info-view #cart-pay li {
  display: block;
  float: left;
}

.order-info-view #cart-pay li:nth-child(1) {
  width: 6rem;
}

.order-info-view #cart-pay li.count_btn {
  width: 4rem;
  background: #ff0000;
  color: #fff;
}

.order-info-view #cart-pay li span {
  display: block;
  height: 0.66667rem;
  font-size: 0.34667rem;
  color: #757575;
}

.order-info-view #cart-pay li span:nth-child(1) {
  line-height: 0.8rem;
}

.order-info-view #cart-pay li span:nth-child(2) {
  line-height: 0.53333rem;
}

.order-info-view #cart-pay li #total-price {
  font-size: 0.53333rem;
  color: #ff0000;
}

.mobile-index {
  padding-bottom: 2rem;
}

.mobile-index .index-nav {
  padding-bottom: 0.34667rem;
  padding-top: 0.22rem;
}

.mobile-index .products-index-nav {
  background: #FEFEFE;
}

.mobile-index .index-shopping-guide {
  background: #FEFEFE;
  position: relative;
  height: 2.13333rem;
}

.mobile-index .index-shopping-guide .guide-bg {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-flex-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mobile-index .index-shopping-guide .guide-bg img {
  width: 9.6rem;
  height: 2.53333rem;
  position: relative;
  top: -0.38667rem;
}

.mobile-index .index-shopping-guide .guide-icon {
  position: absolute;
  right: 0.8rem;
  top: 0.4rem;
}

.mobile-index .index-shopping-guide .guide-icon a {
  display: inline-block;
}

.mobile-index .index-shopping-guide .guide-icon a img {
  width: 2.66667rem;
}

.mobile-index .index-shopping-guide .nav-style {
  position: absolute;
  left: -0.1rem;
  top: -0.4rem;
}

.mobile-index .index-shopping-guide .nav-style img {
  height: 0.8rem;
}

.mobile-index .index-shopping-guide .shopping-guide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 85%;
  margin: 0 auto;
  margin-bottom: 0.2rem;
  border-radius: 0.3rem;
  border: 1px solid #D8D8D8;
  -webkit-box-shadow: 2px 2px 20px #5D5D5D;
          box-shadow: 2px 2px 20px #5D5D5D;
}

.mobile-index .index-shopping-guide .shopping-guide .icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2.13333rem;
          flex: 0 0 2.13333rem;
  text-align: center;
  padding-top: 0.65rem;
}

.mobile-index .index-shopping-guide .shopping-guide .icon img {
  width: 85%;
}

.mobile-index .index-shopping-guide .shopping-guide .line {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 0.33333rem;
          flex: 0 0 0.33333rem;
}

.mobile-index .index-shopping-guide .shopping-guide .entrance-search-radio-wrap {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 6.66667rem;
          flex: 0 0 6.66667rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mobile-index .index-shopping-guide .shopping-guide .entrance-search-radio-wrap .choose {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1.93333rem;
          flex: 0 0 1.93333rem;
  padding: 0.2rem 0.1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mobile-index .index-shopping-guide .shopping-guide .entrance-search-radio-wrap .choose .choose-style {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 0.46667rem;
          flex: 0 0 0.46667rem;
}

.mobile-index .index-shopping-guide .shopping-guide .entrance-search-radio-wrap .choose .choose-style .radio-style span {
  display: block;
  width: 0.3rem;
  height: 0.3rem;
  border: 1px solid #D8D8D8;
  border-radius: 50%;
  background: #FEFEFE;
  cursor: pointer;
}

.mobile-index .index-shopping-guide .shopping-guide .entrance-search-radio-wrap .choose .choose-style .radio-style span.active {
  background: #FF4E56;
}

.mobile-index .index-shopping-guide .shopping-guide .entrance-search-radio-wrap .choose .choose-text {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1.06667rem;
          flex: 0 0 1.06667rem;
}

.mobile-index .index-news {
  background: #FEFEFE;
  border-top: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mobile-index .index-news .news {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8.66667rem;
          flex: 0 0 8.66667rem;
  height: 1.22rem;
  overflow: hidden;
}

.mobile-index .index-news .news ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mobile-index .index-news .news ul li .image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1.73333rem;
          flex: 0 0 1.73333rem;
  width: 1.73333rem;
  height: 1.22rem;
  background: #FEFEFE;
}

.mobile-index .index-news .news ul li .image a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.mobile-index .index-news .news ul li .info {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 6.66667rem;
          flex: 0 0 6.66667rem;
  padding-left: 0.2rem;
  padding-top: 0.2rem;
}

.mobile-index .index-news .news ul li .info h3 {
  height: 0.48rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 6rem;
}

.mobile-index .index-news .news ul li .info h3 a {
  color: #E6232B;
}

.mobile-index .index-news .news ul li .info p {
  height: 0.37333rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 6rem;
}

.mobile-index .index-news .news-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1.26667rem;
          flex: 0 0 1.26667rem;
  padding-top: 0.1rem;
  padding-right: 0.1rem;
}

.mobile-index .index-news .news-icon img {
  width: 95%;
}

.mobile-index .floor-bar {
  width: 80%;
  margin: 0 auto;
  padding: 0.2rem 0;
}

.mobile-index .floor-bar .floor-title {
  width: 3.73333rem;
  margin: 0 auto;
  padding-left: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mobile-index .floor-bar .floor-title .icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 0.8rem;
          flex: 0 0 0.8rem;
}

.mobile-index .floor-bar .floor-title .title {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3.73333rem;
          flex: 0 0 3.73333rem;
  font-size: 0.36rem;
  padding-top: 0.2rem;
}

.mobile-index .floor-bar .floor-title .title .big {
  font-size: 0.24rem;
}

.mobile-index .floor-bar .floor-title .title .small {
  font-size: 0.2rem;
}

.mobile-index .floor {
  background: #FEFEFE;
  padding: 0 0.2rem;
  padding-bottom: 0.2rem;
  margin-bottom: 0.3rem;
}

.mobile-index .floor .floor-store {
  overflow: hidden;
  margin-bottom: 0.2rem;
}

.mobile-index .floor .floor-store ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mobile-index .floor .floor-store ul li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1.46667rem;
          flex: 0 0 1.46667rem;
  margin-right: 0.1rem;
}

.mobile-index .floor .floor-category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mobile-index .floor .floor-category .big-category {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1.6rem;
          flex: 0 0 1.6rem;
  padding-top: 0.66667rem;
}

.mobile-index .floor .floor-category .small-category {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8.4rem;
          flex: 0 0 8.4rem;
}

.mobile-index .floor .floor-category .small-category ul::before, .mobile-index .floor .floor-category .small-category ul::after {
  display: table;
  content: ' ';
}

.mobile-index .floor .floor-category .small-category ul::after {
  clear: both;
}

.mobile-index .floor .floor-category .small-category ul li {
  float: left;
  width: 1.33333rem;
  height: 1.33333rem;
  background: #FF4E56;
  border-radius: 50%;
  margin: 0.2rem 0.36rem;
}

.mobile-index .floor .floor-category .small-category ul li a {
  color: #FEFEFE;
  display: inline-block;
  width: 1.06667rem;
  height: 1.33333rem;
  font-size: 0.36rem;
  margin-top: 0.2rem;
  margin-left: 0.3rem;
}

.mobile-index .floor-two-left .floor-product {
  margin-bottom: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mobile-index .floor-two-left .floor-product .left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3.86667rem;
          flex: 0 0 3.86667rem;
}

.mobile-index .floor-two-left .floor-product .right {
  margin-left: 0.2rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 5.6rem;
          flex: 0 0 5.6rem;
}

.mobile-index .floor-two-left .floor-product .right ul li {
  margin-bottom: 0.13333rem;
}

.mobile-index .floor-two-right .floor-product {
  margin-bottom: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mobile-index .floor-two-right .floor-product .left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 5.6rem;
          flex: 0 0 5.6rem;
}

.mobile-index .floor-two-right .floor-product .left ul li {
  margin-bottom: 0.13333rem;
}

.mobile-index .floor-two-right .floor-product .right {
  margin-left: 0.2rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3.86667rem;
          flex: 0 0 3.86667rem;
}

.mobile-index .floor-three-left .floor-product {
  margin-bottom: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mobile-index .floor-three-left .floor-product .left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3.86667rem;
          flex: 0 0 3.86667rem;
}

.mobile-index .floor-three-left .floor-product .right {
  margin-left: 0.2rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 5.6rem;
          flex: 0 0 5.6rem;
}

.mobile-index .floor-three-left .floor-product .right ul::before, .mobile-index .floor-three-left .floor-product .right ul::after {
  display: table;
  content: ' ';
}

.mobile-index .floor-three-left .floor-product .right ul::after {
  clear: both;
}

.mobile-index .floor-three-left .floor-product .right ul li {
  width: 2.73333rem;
  float: left;
}

.mobile-index .floor-three-left .floor-product .right ul li:nth-child(2) {
  margin-right: 0.13333rem;
}

.mobile-index .floor-three-left .floor-product .right ul li.full-line {
  width: 5.6rem;
  margin-bottom: 0.13333rem;
}

.mobile-index .floor-three-right .floor-product {
  margin-bottom: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mobile-index .floor-three-right .floor-product .left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 5.6rem;
          flex: 0 0 5.6rem;
}

.mobile-index .floor-three-right .floor-product .left ul::before, .mobile-index .floor-three-right .floor-product .left ul::after {
  display: table;
  content: ' ';
}

.mobile-index .floor-three-right .floor-product .left ul::after {
  clear: both;
}

.mobile-index .floor-three-right .floor-product .left ul li {
  width: 2.73333rem;
  float: left;
}

.mobile-index .floor-three-right .floor-product .left ul li:nth-child(2) {
  margin-right: 0.13333rem;
}

.mobile-index .floor-three-right .floor-product .left ul li.full-line {
  width: 5.6rem;
  margin-bottom: 0.13333rem;
}

.mobile-index .floor-three-right .floor-product .right {
  margin-left: 0.2rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3.86667rem;
          flex: 0 0 3.86667rem;
}

.mobile-index .floor-four-left .floor-product {
  margin-bottom: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mobile-index .floor-four-left .floor-product .left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3.86667rem;
          flex: 0 0 3.86667rem;
}

.mobile-index .floor-four-left .floor-product .right {
  margin-left: 0.2rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 5.6rem;
          flex: 0 0 5.6rem;
}

.mobile-index .floor-four-left .floor-product .right ul::before, .mobile-index .floor-four-left .floor-product .right ul::after {
  display: table;
  content: ' ';
}

.mobile-index .floor-four-left .floor-product .right ul::after {
  clear: both;
}

.mobile-index .floor-four-left .floor-product .right ul li {
  width: 2.73333rem;
  float: left;
  margin-bottom: 0.13333rem;
}

.mobile-index .floor-four-left .floor-product .right ul li:first-child, .mobile-index .floor-four-left .floor-product .right ul li:nth-child(3) {
  margin-right: 0.13333rem;
}

.mobile-index .floor-four-right .floor-product {
  margin-bottom: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mobile-index .floor-four-right .floor-product .left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 5.6rem;
          flex: 0 0 5.6rem;
}

.mobile-index .floor-four-right .floor-product .left ul {
  margin-bottom: 0.13333rem;
}

.mobile-index .floor-four-right .floor-product .left ul::before, .mobile-index .floor-four-right .floor-product .left ul::after {
  display: table;
  content: ' ';
}

.mobile-index .floor-four-right .floor-product .left ul::after {
  clear: both;
}

.mobile-index .floor-four-right .floor-product .left ul li {
  width: 2.73333rem;
  float: left;
  margin-bottom: 0.13333rem;
}

.mobile-index .floor-four-right .floor-product .left ul li:first-child, .mobile-index .floor-four-right .floor-product .left ul li:nth-child(3) {
  margin-right: 0.13333rem;
}

.mobile-index .floor-four-right .floor-product .right {
  margin-left: 0.2rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3.86667rem;
          flex: 0 0 3.86667rem;
}

.mobile-nav {
  -webkit-box-shadow: 0px -0.04rem 0.1rem #EEEEEE;
          box-shadow: 0px -0.04rem 0.1rem #EEEEEE;
}

.mobile-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mobile-nav ul li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  text-align: center;
  z-index: 10;
}

.mobile-nav ul li img {
  margin-bottom: 0.1rem;
  padding: 0 0.7rem;
}

.mobile-nav-new {
  -webkit-box-shadow: 0px -0.04rem 0.1rem #EEEEEE;
          box-shadow: 0px -0.04rem 0.1rem #EEEEEE;
}

.mobile-nav-new ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mobile-nav-new ul li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  text-align: center;
  z-index: 10;
}

.mobile-nav-new ul li img {
  padding: 0 0.6rem;
}

.mobile-nav-new ul li .red {
  color: #E6232B;
}

.mobile-nav-icon ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mobile-nav-icon ul li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  text-align: center;
  position: relative;
}

.mobile-nav-icon ul li img {
  margin-bottom: 0.1rem;
  padding: 0 0.4rem;
  width: 1.7rem;
}

.mobile-nav-icon ul li .top-new {
  position: absolute;
  top: -0.3rem;
  left: 1rem;
  width: 1.6rem;
}

.mobile-nav-icon ul li .top-new img {
  width: 1.6rem;
  padding: 0 0.3rem;
}

.mobile-nav-icon ul li p {
  margin-top: 0.09rem;
  font-size: 0.29333rem;
  color: #333;
  line-height: normal;
}

.mobile-nav-icon-new ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mobile-nav-icon-new ul li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  text-align: center;
  position: relative;
}

.mobile-nav-icon-new ul li img {
  margin-bottom: 0.1rem;
  padding: 0 0.4rem;
  width: 1.9rem;
}

.mobile-nav-icon-new ul li .top-new {
  position: absolute;
  top: -0.1rem;
  left: 1rem;
  width: 1.3rem;
}

.mobile-nav-icon-new ul li .top-new img {
  width: 1.3rem;
  padding: 0 0.3rem;
}

.mobile-nav-icon-new ul li p {
  margin-top: 0.05rem;
  font-size: 0.29333rem;
  color: #333;
  line-height: normal;
}

.footer-nav {
  position: fixed;
  left: 0;
  z-index: 10;
  bottom: -1px;
  width: 100%;
  background: #FEFEFE;
  padding: 0.1rem 0;
  border-top: 1px solid #e6e6e6;
}

.footer-nav ul {
  position: relative;
  z-index: 10;
}

.footer-nav ul .special {
  position: relative;
  padding: 0.02rem;
}

.footer-nav ul .special a {
  display: block;
  position: absolute;
  z-index: 12;
  top: -0.7rem;
  left: -0.1rem;
  width: 1.92rem;
}

.footer-nav ul .special a .img-contain {
  padding: 0.02rem;
  width: 1.36rem;
  height: 1.36rem;
  background: #fff;
  border-radius: 1.36rem;
  margin: 0 auto;
  -webkit-box-shadow: 0px -0.05rem 0.1rem #EEEEEE;
          box-shadow: 0px -0.05rem 0.1rem #EEEEEE;
}

.footer-nav ul .special a img {
  padding: 0;
  width: 1.1rem;
  height: 1.1rem;
  margin: 0.1rem;
}

.footer-nav ul .special a p {
  margin-top: 0.03rem;
}

.footer-nav ul .rotate .img-contain {
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -moz-transform: rotate(45deg);
  /* Firefox */
  -webkit-transform: rotate(45deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(45deg);
  /* Opera */
}

.footer-nav .more-contact {
  position: absolute;
  top: 6rem;
  width: 100%;
  z-index: 8;
  background: #FEFEFE;
  padding-bottom: 0.2rem;
}

.footer-nav .more-contact .more-contact-div {
  margin: 0 auto;
  width: 100%;
}

.footer-nav .more-contact .more-contact-div .more-contact-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #FEFEFE;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0.5rem;
  border-bottom: 1px solid #e6e6e6;
}

.footer-nav .more-contact .more-contact-div .more-contact-list .list-content {
  position: relative;
}

.footer-nav .more-contact .more-contact-div .more-contact-list .list-content img {
  width: 1.36rem;
  height: 1.36rem;
  margin: 0.4rem 0.4rem 0.2rem 0.4rem;
}

.footer-nav .more-contact .more-contact-div .more-contact-list .list-content p {
  text-align: center;
}

.footer-nav .more-contact .more-contact-div .more-contact-list .list-content .top-new {
  position: absolute;
  top: 0;
  right: -0.3rem;
}

.footer-nav .more-contact .more-contact-div .more-contact-list .list-content .top-new img {
  width: 0.6rem;
  height: 0.37333rem;
}

.footer-nav .more-contact .more-contact-div .more-close {
  width: 100%;
  text-align: center;
}

.mobile-footer-bg {
  background: #0A0A0A;
  opacity: 0.7;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;
  z-index: 8;
}

.shopping-guide-modal {
  background: #FEFEFE;
  display: none;
  position: absolute;
  width: 100%;
  padding: 0.2rem 0;
  border: 1px solid #D8D8D8;
  border-radius: 0.1rem;
  -webkit-box-shadow: 2px 2px 20px #5D5D5D;
          box-shadow: 2px 2px 20px #5D5D5D;
  text-align: center;
}

.shopping-guide-modal .modal-title {
  text-align: left;
  height: 1rem;
  padding-left: 0.2rem;
  line-height: 1rem;
  font-size: 0.6rem;
  border-bottom: 1px solid #D8D8D8;
  margin-bottom: 0.2rem;
}

.shopping-guide-modal .modal-title::before, .shopping-guide-modal .modal-title::after {
  display: table;
  content: ' ';
}

.shopping-guide-modal .modal-title::after {
  clear: both;
}

.shopping-guide-modal .modal-title .close-button {
  float: right;
  padding-right: 0.3rem;
  padding-top: 0.1rem;
}

.shopping-guide-modal .modal-submit {
  text-align: center;
  margin-bottom: 0.2rem;
}

.shopping-guide-modal .modal-submit input {
  background: #FF4E56;
  border-radius: 2px;
  color: #FEFEFE;
}

.shopping-guide-modal select {
  width: 90%;
  margin-bottom: 0.3rem;
  border: 1px solid #D8D8D8;
}

.mobile-banner {
  margin-bottom: 0.3rem;
  overflow: hidden;
}

.mobile-banner .entrance-carousel {
  position: relative;
}

.mobile-banner .entrance-carousel img {
  width: 8.93333rem;
}

.mobile-banner .entrance-carousel .slick-prev, .mobile-banner .entrance-carousel .slick-next {
  z-index: 1;
}

.mobile-banner .entrance-carousel .slick-prev:before, .mobile-banner .entrance-carousel .slick-next:before {
  color: #FEFEFE;
  font-size: 42px;
}

.mobile-banner .entrance-carousel .slick-slide {
  margin: 0 0.15rem;
  padding: 0.1rem;
  position: relative;
}

.mobile-banner .entrance-carousel .slick-center {
  -webkit-transform: scale(1.09);
  opacity: 1;
  transform: scale(1.09);
}

.mobile-banner .entrance-carousel .slick-prev {
  display: none !important;
}

.mobile-banner .entrance-carousel .slick-next {
  display: none !important;
}

.mobile-banner .entrance-carousel .entrance-banners {
  margin-bottom: 0;
}

.mobile-banner .entrance-carousel .mobile-entrance-banner {
  width: 10rem;
  /* 当前显示的图片的上一张，位置发生变化 */
  /* 不是当前显示的图片，高度为最小 */
  /* 当前显示的图片，高度为正常 */
}

.mobile-banner .entrance-carousel .mobile-entrance-banner .slick-cloned img {
  position: relative;
  right: -1.2rem;
}

.mobile-banner .entrance-carousel .mobile-entrance-banner .slick-slide img {
  height: 4.08rem;
  position: relative;
  top: 0.36rem;
}

.mobile-banner .entrance-carousel .mobile-entrance-banner .slick-active img {
  height: 4.8rem !important;
}

#shoppingGuideModal {
  top: 40% !important;
}

.button.light-primary {
  background: #FF4E56;
  color: #FEFEFE;
}

.mobile-index-entrance-banners .slick-list .slick-slide {
  padding: 0;
  margin: 0;
}

.mobile-index-entrance-banners .slick-list .slick-slide img {
  width: 100%;
}

.mg-no {
  margin: 0;
}

#kf-btn {
  position: fixed;
  bottom: 2.5rem;
  right: 0.3rem;
  z-index: 1;
}

#kf-btn i {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  font-size: 0.37333rem;
}

#kf-btn img {
  width: 1.6rem;
}

video::-webkit-media-controls-enclosure {
  overflow: hidden;
}

video::-webkit-media-controls-panel {
  width: calc(100% + 30px);
}

.index-floor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-flex-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff;
  -webkit-box-shadow: 1px 0px 3px 0px #e7e7e7;
          box-shadow: 1px 0px 3px 0px #e7e7e7;
}

.index-floor:nth-last-child {
  padding-bottom: 0.4rem;
}

.index-floor .floor-midle {
  width: 9.2rem;
  margin-left: auto;
  margin-right: auto;
}

.index-floor.index-activity {
  margin-top: 0.2rem;
  margin-bottom: 0.3rem;
  padding-top: 0.2rem;
}

.index-floor.index-activity .index-activity-banner {
  margin: 0.2rem;
  width: 10rem;
  overflow: hidden;
}

.index-floor.index-activity .index-activity-banner .slick-list {
  margin-bottom: 0.5rem;
}

.index-floor.index-activity .index-activity-banner .slick-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-flex-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 0.2rem;
}

.index-floor.index-activity .index-activity-banner .slick-arrow {
  position: absolute;
  top: 0.8rem;
}

.index-floor.index-activity .index-activity-banner .slick-prev {
  left: 0.2rem;
}

.index-floor.index-activity .index-activity-banner .slick-next {
  right: 0.2rem;
}

.index-floor.index-activity .index-activity-banner .slick-dots {
  left: 0;
  bottom: 0.1rem;
  height: 0.5rem;
}

.index-floor.index-activity .index-activity-banner .slick-dots button {
  background: #909090;
  width: 0.1rem;
  height: 0.1rem;
}

.index-floor.index-activity .index-activity-banner .slick-dots button:before {
  width: 0.1rem;
  height: 0.1rem;
}

.index-floor.index-activity .index-activity-banner .slick-dots .slick-active button {
  background: #202020;
}

.index-floor.index-activity .index-activity-banner img {
  width: 4.66667rem;
  height: 1.86667rem;
}
.index-floor .floor-box .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-flex-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 0.4rem;
  text-align: center;
  font-size: 0.32rem;
}

.index-floor .floor-box .title h2 {
  font-weight: bold;
  padding: 0.4rem;
  padding-left: 66px;
}

.index-floor .floor-box .title h2.banshi {
  background: url("/assets/images/mobile/home/plate.png") left center no-repeat;
}

.index-floor .floor-box .title h2.shimu {
  background: url("/assets/images/mobile/home/solid.png") left center no-repeat;
}

.index-floor .floor-box .title h2.gongyi {
  background: url("/assets/images/mobile/home/artwork.png") left center no-repeat;
}

.index-floor .floor-box .title h2.bancai {
  background: url("/assets/images/mobile/home/board.png") left center no-repeat;
}

.index-floor .floor-box .title h2.feibiao {
  background: url("/assets/images/mobile/home/nonstandard.png") left center no-repeat;
}

.index-floor .floor-box .new-title {
  font-size: 0.32rem;
}

.index-floor .floor-box .new-title h3 {
  padding-top: 0.4rem;
  text-align: left;
  font-size: 0.42667rem;
}

.index-floor .floor-box .main {
  width: 9.46667rem;
  padding: 0.4rem 0 0.26667rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -o-flex-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.index-floor .floor-box .main .left {
  width: 4.69333rem;
  height: 5.73333rem;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.index-floor .floor-box .main .left img {
  width: 4.69333rem;
  height: 5.73333rem;
}

.index-floor .floor-box .main .left .big {
  border: 1px solid #e6e6e6;
  border-radius: 0.1rem;
}

.index-floor .floor-box .main .right {
  width: 4.61333rem;
  height: 5.73333rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  -o-flex-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -o-flex-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.index-floor .floor-box .main .verge ul::before, .index-floor .floor-box .main .verge ul::after {
  display: table;
  content: ' ';
}

.index-floor .floor-box .main .verge ul::after {
  clear: both;
}

.index-floor .floor-box .main .verge ul.ad-count2 li {
  border: 1px solid #e6e6e6;
  border-radius: 0.1rem;
}

.index-floor .floor-box .main .verge ul.ad-count2 li img {
  width: 4.61333rem;
  height: 2.82667rem;
}

.index-floor .floor-box .main .verge ul.ad-count2 li.ad-index1 {
  margin-top: 5px;
}

.index-floor .floor-box .main .verge ul.ad-count4 li {
  float: left;
}

.index-floor .floor-box .main .verge ul.ad-count4 li img {
  width: 4.61333rem;
  height: 2.82667rem;
}

.index-floor .floor-box .main .verge ul.ad-count4 li.ad-index2, .index-floor .floor-box .main .verge ul.ad-count4 li.ad-index3 {
  margin-top: 0.06667rem;
}

.index-floor .floor-box .main .verge ul.ad-count4 li.ad-index1, .index-floor .floor-box .main .verge ul.ad-count4 li.ad-index3 {
  margin-left: 0.13333rem;
}

.index-floor .floor-box .main .normal-big {
  width: 3.86667rem;
}

.index-floor .floor-box .main .normal-big img {
  width: 3.86667rem;
  height: 5.86667rem;
}

.index-floor .floor-box .main .normal-verge {
  width: 5.33333rem;
}

.index-floor .floor-box .main .normal-verge ul::before, .index-floor .floor-box .main .normal-verge ul::after {
  display: table;
  content: ' ';
}

.index-floor .floor-box .main .normal-verge ul::after {
  clear: both;
}

.index-floor .floor-box .main .normal-verge ul li {
  float: left;
}

.index-floor .floor-box .main .normal-verge ul.ad-count2 li img {
  width: 5.33333rem;
  height: 2.66667rem;
}

.index-floor .floor-box .main .normal-verge ul.ad-count2 li.ad-index1 {
  margin-top: 5px;
}

.index-floor .floor-box .main .normal-verge ul.ad-count3 li.ad-index0 {
  margin-bottom: 14px;
}

.index-floor .floor-box .main .normal-verge ul.ad-count3 li.ad-index0 img {
  width: 5.33333rem;
  height: 2.66667rem;
}

.index-floor .floor-box .main .normal-verge ul.ad-count3 li.ad-index1 img, .index-floor .floor-box .main .normal-verge ul.ad-count3 li.ad-index2 img {
  width: 2.53333rem;
  height: 2.93333rem;
}

.index-floor .floor-box .main .normal-verge ul.ad-count3 li.ad-index1 {
  margin-right: 0.24rem;
}

.index-floor .floor-box .main .normal-verge ul.ad-count4 li img {
  width: 2.4rem;
  height: 2.66667rem;
}

.index-floor .floor-box .main-new {
  width: 98%;
  margin: 0 auto;
  padding: 0.4rem 0 0.06667rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -o-flex-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.index-floor .floor-box .main-new .left {
  flex: 0 0 48.5%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.index-floor .floor-box .main-new .left img {
  width: 100%;
  height: auto;
}

.index-floor .floor-box .main-new .left .big {
  border: 1px solid #e6e6e6;
  border-radius: 0.1rem;
}

.index-floor .floor-box .main-new .right {
  flex: 0 0 51.2%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  -o-flex-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -o-flex-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.index-floor .floor-box .main-new .verge ul::before, .index-floor .floor-box .main-new .verge ul::after {
  display: table;
  content: ' ';
}

.index-floor .floor-box .main-new .verge ul::after {
  clear: both;
}

.index-floor .floor-box .main-new .verge ul.ad-count2 li {
  border: 1px solid #e6e6e6;
  border-radius: 0.1rem;
}

.index-floor .floor-box .main-new .verge ul.ad-count2 li img {
  width: 100%;
  height: auto;
}

.index-floor .floor-box .main-new .verge ul.ad-count2 li.ad-index1 {
  margin-top: 0.26rem;
}

.index-floor .floor-box .main-new .verge ul.ad-count4 li {
  float: left;
}

.index-floor .floor-box .main-new .verge ul.ad-count4 li img {
  width: 4.61333rem;
  height: 2.82667rem;
}

.index-floor .floor-box .main-new .verge ul.ad-count4 li.ad-index2, .index-floor .floor-box .main-new .verge ul.ad-count4 li.ad-index3 {
  margin-top: 0.06667rem;
}

.index-floor .floor-box .main-new .verge ul.ad-count4 li.ad-index1, .index-floor .floor-box .main-new .verge ul.ad-count4 li.ad-index3 {
  margin-left: 0.13333rem;
}

.index-floor .floor-box .main-new .normal-big {
  width: 3.86667rem;
}

.index-floor .floor-box .main-new .normal-big img {
  width: 3.86667rem;
  height: 5.86667rem;
}

.index-floor .floor-box .main-new .normal-verge {
  width: 5.33333rem;
}

.index-floor .floor-box .main-new .normal-verge ul::before, .index-floor .floor-box .main-new .normal-verge ul::after {
  display: table;
  content: ' ';
}

.index-floor .floor-box .main-new .normal-verge ul::after {
  clear: both;
}

.index-floor .floor-box .main-new .normal-verge ul li {
  float: left;
}

.index-floor .floor-box .main-new .normal-verge ul.ad-count2 li {
  padding: 0.01rem 0;
}

.index-floor .floor-box .main-new .normal-verge ul.ad-count2 li img {
  width: 5.33333rem;
  height: 2.66667rem;
}

.index-floor .floor-box .main-new .normal-verge ul.ad-count2 li.ad-index1 {
  margin-top: 5px;
}

.index-floor .floor-box .main-new .normal-verge ul.ad-count3 li.ad-index0 {
  margin-bottom: 14px;
}

.index-floor .floor-box .main-new .normal-verge ul.ad-count3 li.ad-index0 img {
  width: 5.33333rem;
  height: 2.66667rem;
}

.index-floor .floor-box .main-new .normal-verge ul.ad-count3 li.ad-index1 img, .index-floor .floor-box .main-new .normal-verge ul.ad-count3 li.ad-index2 img {
  width: 2.53333rem;
  height: 2.93333rem;
}

.index-floor .floor-box .main-new .normal-verge ul.ad-count3 li.ad-index1 {
  margin-right: 0.24rem;
}

.index-floor .floor-box .main-new .normal-verge ul.ad-count4 li img {
  width: 2.4rem;
  height: 2.66667rem;
}

.index-floor .floor-box .cate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -o-flex-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 0 0.4rem 0;
}

.index-floor .floor-box .cate .cateName {
  width: 2.4rem;
  height: 1.2rem;
  margin-right: 0.53333rem;
}

.index-floor .floor-box .cate ul {
  width: 6.26667rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -o-flex-flex-wrap: wrap;
  flex-wrap: wrap;
}

.index-floor .floor-box .cate ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-flex-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 1.06667rem;
  height: 1.06667rem;
  -ms-border-radius: 1.06667rem;
  -moz-border-radius: 1.06667rem;
  -o-flex-border-radius: 1.06667rem;
  border-radius: 1.06667rem;
  text-align: center;
  background: #fef5ee;
  margin-right: 0.66667rem;
  overflow: hidden;
}

.index-floor .floor-box .cate ul li:nth-child(-n+4) {
  margin-bottom: 0.26667rem;
}

.index-floor .floor-box .cate ul li:nth-child(4n) {
  margin-right: 0;
}

.index-floor .floor-box .cate ul li a {
  width: 0.86667rem;
  height: 0.86667rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-flex-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.32rem;
  color: #fa955b;
  line-height: 0.34667rem;
}

.index-floor .floor-box .cate-new {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.index-floor .floor-box .cate-new ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -o-flex-flex-wrap: wrap;
  flex-wrap: wrap;
}

.index-floor .floor-box .cate-new ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-flex-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 2.22667rem;
  height: 0.77333rem;
  -ms-border-radius: 1.06667rem;
  -moz-border-radius: 1.06667rem;
  -o-flex-border-radius: 1.06667rem;
  border-radius: 1.06667rem;
  text-align: center;
  margin-right: 0.08rem;
  overflow: hidden;
  border: 1px solid #e6e6e6;
  border-radius: 0.1rem;
}

.index-floor .floor-box .cate-new ul li:nth-child(-n+4) {
  margin-bottom: 0.26667rem;
}

.index-floor .floor-box .cate-new ul li:nth-child(4n) {
  margin-right: 0;
}

.index-floor .floor-box .cate-new ul li a {
  height: 0.77333rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-flex-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.32rem;
  color: #fa955b;
  line-height: 0.34667rem;
  color: #888888;
}

.index-floor .floor-box .slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.index-floor .floor-box .slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.index-floor .floor-box .slick-list:focus {
  outline: none;
}

.index-floor .floor-box .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.index-floor .floor-box .slick-slider .slick-track, .index-floor .floor-box .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.index-floor .floor-box .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.index-floor .floor-box .slick-track:before, .index-floor .floor-box .slick-track:after {
  display: table;
  content: '';
}

.index-floor .floor-box .slick-track:after {
  clear: both;
}

.index-floor .floor-box .slick-loading .slick-track {
  visibility: hidden;
}

.index-floor .floor-box .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

.index-floor .floor-box [dir='rtl'] .slick-slide {
  float: right;
}

.index-floor .floor-box .slick-slide img {
  display: block;
}

.index-floor .floor-box .slick-slide.slick-loading img {
  display: none;
}

.index-floor .floor-box .slick-slide.dragging img {
  pointer-events: none;
}

.index-floor .floor-box .slick-initialized .slick-slide {
  display: block;
}

.index-floor .floor-box .slick-loading .slick-slide {
  visibility: hidden;
}

.index-floor .floor-box .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.index-floor .floor-box .slick-arrow.slick-hidden {
  display: none;
}

.index-floor .floor-box .floor_banner {
  margin: 0 0 0.13333rem 0.6rem;
  width: 100%;
}

.index-floor .floor-box .floor_banner .slick-slide {
  width: 3rem !important;
  height: 2.93333rem !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-flex-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.index-floor .floor-box .floor_banner img {
  width: 2.73333rem;
  height: 2.93333rem;
}

.index-floor .floor-box .floor_banner_new {
  margin: 0 auto;
  width: 100%;
  display: flex;
}
.index-floor .floor-box .floor_banner_new .swiper-slide {
  flex: 0 0 33%;
  margin: 0 0.1%;
}

.index-floor .floor-box .floor_banner_new img {
  width: 100%;
  height: auto;
}

.index-floor .floor-box .floor_big_banner {
  position: relative;
  margin: 0.4rem 0 0.26667rem 0;
}

.index-floor .floor-box .floor_big_banner img {
  width: 10rem;
  height: 4.93333rem;
}

.index-floor .floor-box .floor_big_banner .slick-dots {
  position: absolute;
  z-index: 1;
  left: 50%;
  margin-left: -0.76rem;
  bottom: 0.22667rem;
  width: auto !important;
  min-width: 1.52rem;
  height: 0.26667rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-flex-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-border-radius: 0.21333rem;
  -moz-border-radius: 0.21333rem;
  -o-flex-border-radius: 0.21333rem;
  border-radius: 0.21333rem;
  background: rgba(0, 0, 0, 0.1);
}

.index-floor .floor-box .floor_big_banner .slick-dots li {
  -ms-border-radius: 0.10667rem;
  -moz-border-radius: 0.10667rem;
  -o-flex-border-radius: 0.10667rem;
  border-radius: 0.10667rem;
  margin: 0;
  padding: 0;
  width: 0.10667rem;
  height: 0.10667rem;
  background: #414141;
  color: #414141;
  margin-left: 0.06667rem;
  overflow: hidden;
}

.index-floor .floor-box .floor_big_banner .slick-dots li button {
  display: none;
}

.index-floor .floor-box .floor_big_banner .slick-dots li.slick-active {
  width: 0.30667rem !important;
  background: #e6212a;
  color: #e6212a;
}

.end_floor {
  padding-bottom: 0.4rem;
}

.index-footer .mobile-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-flex-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff;
}

.index-footer .logo {
  padding-top: 0.13333rem;
}

.index-footer .logo img {
  width: 1.86667rem;
  height: 0.89333rem;
}

.index-footer .call {
  padding-top: 0.26667rem;
  font-size: 0.29333rem;
  color: #909090;
  line-height: normal;
}

.index-footer .end {
  height: 0.29333rem;
  background: #f3c176;
}

.index-end {
  padding: 0.8rem 0 0.06667rem 0;
  background: none;
}

.index-end .mobile-main {
  background: none;
}

.no-padding-top {
  padding-top: 0;
}

.product-index-view .view-title {
  font-size: 0.32rem;
  padding-left: 0.1rem;
  position: relative;
  border-left: 5px solid #FF4E56;
}

.product-index-view .view-title a {
  display: block;
  width: 40px;
  height: 24px;
  line-height: 24px;
  position: absolute;
  top: 0.05rem;
  right: 0;
  font-size: 0.24rem;
}

.product-index-view .brand-list {
  padding: 0.3rem;
  background: #FEFEFE;
}

.product-index-view .brand-list .brands {
  border-bottom: 1px solid #D8D8D8;
  padding: 0.4rem 0;
}

.product-index-view .brand-list .brands ul::before, .product-index-view .brand-list .brands ul::after {
  display: table;
  content: ' ';
}

.product-index-view .brand-list .brands ul::after {
  clear: both;
}

.product-index-view .brand-list .brands ul li {
  float: left;
  width: 25%;
  height: 0.7rem;
  line-height: 0.7rem;
  overflow: hidden;
  font-size: 0.28rem;
  text-align: center;
}

.product-index-view .categories-list {
  padding: 0.3rem;
  background: #FEFEFE;
}

.product-index-view .categories-list .categories {
  padding: 0.4rem 0;
}

.product-index-view .categories-list .categories ul::before, .product-index-view .categories-list .categories ul::after {
  display: table;
  content: ' ';
}

.product-index-view .categories-list .categories ul::after {
  clear: both;
}

.product-index-view .categories-list .categories ul li {
  float: left;
  width: 25%;
  font-size: 0.28rem;
  text-align: center;
  margin-bottom: 0.1rem;
}

.product-index-view .categories-list .categories ul li .category {
  padding: 0 0.1rem;
}

.product-index-view .categories-list .categories ul li .category p {
  height: 28px;
  line-height: 28px;
  overflow: hidden;
}

.product-index-view .products-list {
  padding: 0.3rem;
  background: #FEFEFE;
  margin-top: 0.5rem;
}

.product-index-view .products-list .products {
  padding: 0.4rem 0;
  background: #FEFEFE !important;
}

.product-index-view .products-list .products ul li {
  border-top: 1px solid #D8D8D8;
  margin-bottom: 0 !important;
}

.product-index-view .products-list .products ul li:first-child {
  border-top: none;
}

.product-index-view .seeking-list {
  padding: 0.3rem;
}

.product-index-view .seeking-list .index-tax {
  background: url(/assets/images/mobile/home/seekingbg.png) no-repeat;
  background-size: 100%;
}

.product-index-view .seeking-list .index-tax .seeking-title {
  font-size: 0.32rem;
  position: relative;
  color: #FEFEFE;
  padding: 0.2rem;
}

.product-index-view .seeking-list .index-tax .seeking-title a {
  display: block;
  width: 40px;
  height: 24px;
  line-height: 24px;
  position: absolute;
  top: 0.05rem;
  right: 0;
  font-size: 0.24rem;
  color: #FEFEFE;
}

.product-index-view .seeking-list .index-tax .tax-list {
  padding: 0.3rem;
  padding-top: 0.15rem;
  height: 2.1rem;
  overflow: hidden;
}

.product-index-view .seeking-list .index-tax .tax-list ul li {
  color: #FEFEFE;
}

.product-index-view .seeking-list .index-tax .tax-list ul li::before, .product-index-view .seeking-list .index-tax .tax-list ul li::after {
  display: table;
  content: ' ';
}

.product-index-view .seeking-list .index-tax .tax-list ul li::after {
  clear: both;
}

.product-index-view .seeking-list .index-tax .tax-list ul li a {
  color: #FEFEFE;
}

.product-index-view .seeking-list .index-tax .tax-list ul li .title {
  width: 7.2rem;
  float: left;
  background: url("https://assets.jxcat.com/theme_images/icon_hurry.png") no-repeat;
  padding-left: 55px;
}

.product-index-view .seeking-list .index-tax .tax-list ul li .user {
  width: 1.33333rem;
  float: right;
}

.stage-view img {
  width: 100%;
}

.stage-view .floor-title {
  text-align: center;
}

.stage-view .floor-title img {
  width: auto;
  height: 0.8rem;
}

.stage-view .stage-header {
  position: relative;
  z-index: 90;
}

.stage-view .stage-floor1 {
  width: 9.33333rem;
  margin: 0 auto;
  border-radius: 0.3rem;
  -webkit-box-shadow: 0px 0px 20px #dddddd;
          box-shadow: 0px 0px 20px #dddddd;
  padding: 0.6rem 0.4rem;
  position: relative;
  background: #FEFEFE;
  text-align: center;
  z-index: 99;
  margin-top: -0.5rem;
  padding-bottom: 0.2rem;
}

.stage-view .stage-floor1 ul {
  display: block;
  margin: 0;
  padding: 0;
  margin-top: 0.3rem;
}

.stage-view .stage-floor1 ul li {
  width: 48%;
  margin: 5px 0.8%;
  float: left;
}

.stage-view .stage-floor1 ul li p {
  height: 35px;
  line-height: 35px;
  overflow: hidden;
}

.stage-view .stage-floor2 {
  padding: 0.6rem 0.4rem;
  position: relative;
  background: #FEFEFE;
  margin-top: 0.4rem;
}

.stage-view .stage-floor2 .floor2-title {
  height: 38px;
  line-height: 38px;
  color: #FEFEFE;
  padding-left: 1rem;
  margin: 0.3rem 0;
}

.stage-view .stage-floor2 .title1 {
  background: url(/assets/images/mobile/static/frist.png) left center no-repeat;
  background-size: auto 100%;
}

.stage-view .stage-floor2 .title2 {
  background: url(/assets/images/mobile/static/second.png) left center no-repeat;
  background-size: auto 100%;
}

.stage-view .stage-floor2 .apply-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.stage-view .stage-floor2 .apply-step .step-num {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1.33333rem;
          flex: 0 0 1.33333rem;
  padding-top: 0.2rem;
}

.stage-view .stage-floor2 .apply-step .step-num .down {
  width: 58%;
  padding-left: 25%;
}

.stage-view .stage-floor2 .apply-step .step-info {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 7.73333rem;
          flex: 0 0 7.73333rem;
}

.stage-view .stage-floor2 .apply-step .step-info ul li {
  background: url(/assets/images/mobile/static/step.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
  padding: 0.8rem;
  margin-bottom: 0.1rem;
}

.stage-view .stage-floor2 .apply-step .step-info ul li .info-title1, .stage-view .stage-floor2 .apply-step .step-info ul li .info-title2, .stage-view .stage-floor2 .apply-step .step-info ul li .info-title3, .stage-view .stage-floor2 .apply-step .step-info ul li .info-title4 {
  font-size: 0.4rem;
  margin-bottom: 0.2rem;
}

.stage-view .stage-floor2 .apply-step .step-info ul li .the-step1, .stage-view .stage-floor2 .apply-step .step-info ul li .the-step2, .stage-view .stage-floor2 .apply-step .step-info ul li .the-step3, .stage-view .stage-floor2 .apply-step .step-info ul li .the-step4 {
  position: absolute;
  right: 0.6rem;
  bottom: 0rem;
  font-size: 1rem;
  font-weight: bold;
  opacity: 0.2;
  /* Firefox、Chorme、Opera等主流浏览器识别 */
  filter: alpha(opacity=20);
  /* IE6及以上IE浏览器识别 */
}

.stage-view .stage-floor2 .apply-step .step-info ul li .info-title1, .stage-view .stage-floor2 .apply-step .step-info ul li .the-step1 {
  color: #a42d09;
}

.stage-view .stage-floor2 .apply-step .step-info ul li .info-title2, .stage-view .stage-floor2 .apply-step .step-info ul li .the-step2 {
  color: #c3550e;
}

.stage-view .stage-floor2 .apply-step .step-info ul li .info-title3, .stage-view .stage-floor2 .apply-step .step-info ul li .the-step3 {
  color: #e6b829;
}

.stage-view .stage-floor2 .apply-step .step-info ul li .info-title4, .stage-view .stage-floor2 .apply-step .step-info ul li .the-step4 {
  color: #839520;
}

.stage-view .stage-floor2 .apply-data {
  background: #FEFEFE;
  -webkit-box-shadow: 0px 0px 20px #dddddd;
          box-shadow: 0px 0px 20px #dddddd;
  padding: 0.2rem;
  border-radius: 0.2rem;
}

.stage-view .stage-floor2 .apply-data span {
  padding-right: 0.4rem;
  line-height: 28px;
}

.stage-view .stage-floor2 .apply-data b {
  font-size: 0.28rem;
  color: #B61D1D;
  padding-right: 0.2rem;
}

.stage-view .stage-floor3 {
  background: #ffb905;
  padding: 0.6rem;
  position: relative;
  margin-top: 0.4rem;
  padding-bottom: 3rem;
}

.stage-view .stage-floor3 .floor3-title {
  font-size: 0.32rem;
  font-weight: bold;
  text-align: center;
  margin-top: 0.3rem;
  margin-bottom: 0.2rem;
}

.stage-view .stage-floor3 .floor3-phone {
  font-size: 1rem;
  text-align: center;
}

.stage-view .stage-floor3 .floor3-qrcode {
  width: 60%;
  margin: 0 auto;
}

.stage-view .stage-floor3 .floor3-from .ask_sub_box input {
  width: 100%;
  height: 39px;
  line-height: 38px;
  margin-bottom: 0.2rem;
}

.stage-view .stage-floor3 .floor3-from .ask_sub_box input[type=submit] {
  background: #0A0A0A;
  color: #FEFEFE;
  font-size: 0.36rem;
}

.mobile_action .msg-action-notice-view {
  width: 100%;
  min-height: 1000px;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
}

.mobile_action .action_class {
  width: 90%;
  position: fixed;
  z-index: 100;
  top: 50%;
  left: 5%;
  margin-left: 0;
  margin-top: -3.33333rem;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 0.06667rem;
  padding: 0.26667rem;
  -webkit-box-shadow: 0px 0px 0.5rem 0px #c9c8c8;
          box-shadow: 0px 0px 0.5rem 0px #c9c8c8;
}

.mobile_action .action_class div {
  width: auto;
  text-align: center;
}

.mobile_action .action_class .title {
  font-size: 0.5rem;
}

.mobile_action .action_class .name {
  font-size: 0.4rem;
  color: #777;
}

.mobile_action .action_class .msg-mid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mobile_action .action_class .msg-mid .tips-text {
  font-size: 0.4rem;
  width: 4.46667rem;
}

.mobile_action .action_class .tel-con {
  text-align: center;
  margin-top: 0.36rem;
  margin-bottom: 0.26667rem;
}

.mobile_action .action_class .tel-con .tel {
  display: inline-block;
  background: #FF4E56;
  width: 5.06667rem;
  height: 1.10667rem;
  line-height: 1.10667rem;
  font-size: 0.32rem;
  color: #FEFEFE;
}

.mobile_action .action_class .time-tips {
  text-align: center;
  font-size: 0.32rem;
}

.mobile_action .action_class i.fa-close {
  font-size: 0.29333rem;
  position: absolute;
  right: 0.06667rem;
  top: 0.06667rem;
  cursor: pointer;
}

.mobile_action .action_class i.m-close {
  font-size: 0.48rem;
}

.mobile_action .action_class i.tips {
  display: inline-block;
  margin-right: 0.13333rem;
  margin-right: 0.42667rem;
}

.mobile_action .action_class i.m-tips {
  font-size: 1.46667rem;
  margin-right: 0.42667rem;
}

.mobile_action .action_class i.fa-check {
  color: #0aba07;
}

.mobile_action .action_class i.fa-exclamation-circle {
  color: #fea500;
}

.mobile_action .action_class a {
  font-size: 0.24rem;
  line-height: 0.24rem;
}

.mobile_action .action_class img {
  width: 3.5rem;
  margin: 0.15rem auto;
}

.error-messages-view {
  width: 100%;
  background: #FEFEFE;
  padding: 2rem 0;
  text-align: center;
}

.error-messages-view .error-title {
  font-size: 24px;
  color: #E6232B;
  padding: 1rem 0;
}

.error-messages-view .error-messages {
  margin-top: 30px;
}

.error-messages-view .error-messages a {
  display: inline-block;
  background: #E6232B;
  padding: 0.5rem 1rem;
  margin: 0 0.8rem;
  border-radius: 5px;
  color: #FEFEFE;
}

.jxcat-play-container {
  position: fixed;
  top: 0;
  left: 50%;
  height: 100%;
  margin-left: -5rem;
  width: 10rem;
  background: rgba(0, 0, 0, 0.8);
  z-index: 999;
}

.jxcat-play-container .fa-close {
  font-size: 0.8rem;
  position: absolute;
  right: 0.33333rem;
  top: 0.33333rem;
  color: #fff;
  z-index: 3;
}

.jxcat-play-container object, .jxcat-play-container video {
  position: absolute;
  width: 9rem;
  height: 7rem;
  top: 50%;
  margin-top: -3.5rem;
  left: 50%;
  margin-left: -4.5rem;
  z-index: 2;
}

.jxcat-play-container embed {
  width: 100%;
  height: 100%;
}

#go-top {
  display: none;
  width: 1.06667rem;
  height: 1.06667rem;
  position: fixed;
  z-index: 2;
  right: 0.4rem;
  bottom: 1.6rem;
  border-radius: 100%;
  background: rgba(35, 35, 35, 0.6);
  color: #ffffff;
  text-align: center;
}

#go-top i {
  margin-top: 0.26667rem;
  font-size: 0.5rem;
}

.pay-log-view {
  background: #fff;
}

.pay-log-view h1 {
  width: 100%;
  padding-bottom: 0.13333rem;
  padding-top: 0.26667rem;
  text-align: center;
  font-size: 0.53333rem;
  color: #91b953;
  line-height: 0.66667rem;
}

.pay-log-view .pay-desc {
  font-size: 0.4rem;
  color: #333;
  line-height: 0.53333rem;
  padding-bottom: 0.53333rem;
  text-align: center;
}

.pay-log-view .order-info {
  background: #f8f8f8;
  border: 1px solid #eee;
  padding: 0.1rem 0.2rem;
}

.pay-log-view .order-info dl dd {
  font-size: 0.32rem;
  color: #666;
  line-height: normal;
  padding: 0.1rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 24px;
  padding: 0.1rem 0.3rem;
}

.pay-log-view .order-info dl dd .title {
  display: inline-block;
  padding-right: 0.13333rem;
  min-width: 1.6rem;
}

.pay-log-view .order-info dl dd .title:nth-child(2) {
  padding-left: 0.13333rem;
}

.pay-log-view .pay-btn {
  padding: 0.2rem 0.4rem;
}

.pay-log-view .pay-btn .title {
  font-size: 0.4rem;
  color: #666;
  line-height: 0.66667rem;
}

.pay-log-view .pay-btn .list {
  height: 1.06667rem;
  border-bottom: 1px solid #eee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.pay-log-view .pay-btn .list img {
  width: 0.66667rem;
  margin-right: 0.2rem;
}

.pay-log-view .pay-btn .list .name, .pay-log-view .pay-btn .list .desc {
  display: inline-block;
  padding-left: 0.13333rem;
}

.pay-log-view .pay-btn .list .name {
  font-size: 0.34667rem;
  color: #333;
  line-height: normal;
}

.pay-log-view .pay-btn .list .desc {
  font-size: 0.34667rem;
  color: #999;
  line-height: normal;
}

.pay-log-view .pay-btn .list .select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.pay-log-view .pay-btn .list .select .box {
  width: 0.53333rem;
  height: 0.53333rem;
  border-radius: 0.53333rem;
  background: #ff0000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-flex-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.pay-log-view .pay-btn .list .select .box i {
  font-size: 0.29333rem;
  color: #fff;
  line-height: normal;
}

.pay-log-view .gotopay-btn {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 1.6rem;
  background: #ff0000;
  font-size: 0.48rem;
  color: #fff;
  line-height: 1.6rem;
  text-align: center;
}

.notice-view, .seeking-view {
  background: #f3f4f6;
  padding-bottom: 1.8rem;
}

.notice-view .notice-bar, .seeking-view .notice-bar {
  border-bottom: 1px solid #d3d3d3;
  background: #fff;
}

.notice-view .notice-bar .notice-bar-contain, .seeking-view .notice-bar .notice-bar-contain {
  position: relative;
  top: 0.05333rem;
  width: 10rem;
}

.notice-view .notice-bar .notice-bar-contain::before, .notice-view .notice-bar .notice-bar-contain::after, .seeking-view .notice-bar .notice-bar-contain::before, .seeking-view .notice-bar .notice-bar-contain::after {
  display: table;
  content: ' ';
}

.notice-view .notice-bar .notice-bar-contain::after, .seeking-view .notice-bar .notice-bar-contain::after {
  clear: both;
}

.notice-view .notice-bar .notice-bar-contain .notice-bar-list, .seeking-view .notice-bar .notice-bar-contain .notice-bar-list {
  margin: 0 0.3rem;
  padding: 0.1rem 0.2rem;
  float: left;
  position: relative;
}

.notice-view .notice-bar .notice-bar-contain .notice-bar-list a, .seeking-view .notice-bar .notice-bar-contain .notice-bar-list a {
  font-size: 0.4rem;
  color: #343434;
  font-weight: bold;
}

.notice-view .notice-bar .notice-bar-contain .notice-bar-list .count, .seeking-view .notice-bar .notice-bar-contain .notice-bar-list .count {
  width: 0.4rem;
  height: 0.4rem;
  display: inline-block;
  border-radius: 0.4rem;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-flex-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  background: #e4312d;
  top: -0.01rem;
  right: -0.01rem;
  background: rgba(228, 49, 45, 0.8);
}

.notice-view .notice-bar .notice-bar-contain .current, .seeking-view .notice-bar .notice-bar-contain .current {
  border-bottom: 0.10667rem solid #e4312d;
}

.notice-view .notice-bar .notice-bar-contain .current a, .seeking-view .notice-bar .notice-bar-contain .current a {
  color: #e4312d;
}

.notice-view .notice-content li.list:nth-child(1), .seeking-view .notice-content li.list:nth-child(1) {
  padding-top: 0.26667rem;
}

.notice-view .notice-content li.list, .seeking-view .notice-content li.list {
  margin-top: 0.26667rem;
  padding: 0 0.26667rem 0.26667rem 0.26667rem;
  width: 10rem;
}

.notice-view .notice-content li.list .time, .seeking-view .notice-content li.list .time {
  height: 0.54667rem;
  text-align: center;
  font-size: 0.34667rem;
  color: #68696b;
}

.notice-view .notice-content li.list .box, .seeking-view .notice-content li.list .box {
  border: 1px solid #d5d6d8;
  background: #fff;
  border-radius: 0.13333rem;
  padding: 0.4rem;
  position: relative;
}

.notice-view .notice-content li.list .box .title, .seeking-view .notice-content li.list .box .title {
  color: #333;
  padding-bottom: 0.10667rem;
  font-size: 0.37333rem;
  font-weight: bold;
}

.notice-view .notice-content li.list .box .content, .seeking-view .notice-content li.list .box .content {
  color: #696969;
  font-size: 0.4rem;
}

.notice-view .notice-content li.list .box .title, .notice-view .notice-content li.list .box .content, .seeking-view .notice-content li.list .box .title, .seeking-view .notice-content li.list .box .content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.notice-view .notice-content li.list .box i, .seeking-view .notice-content li.list .box i {
  position: absolute;
  font-size: 0.4rem;
  bottom: 0.4rem;
  right: 0.15rem;
  color: #696969;
}

.notice-show-view {
  background: #fff;
  padding: 0.53333rem;
}

.notice-show-view .title {
  font-size: 0.4rem;
  font-weight: bold;
  line-height: 0.45333rem;
  padding-bottom: 0.4rem;
}

.notice-show-view .time {
  font-size: 0.34667rem;
  color: #888;
}

.notice-show-view .content {
  padding-top: 0.13333rem;
  font-size: 0.42667rem;
}

.notice-show-view .content a {
  color: #e4312d;
  font-size: 0.37333rem;
}

.notice-show-view .content .url {
  padding-top: 0.33333rem;
  text-align: right;
}

.seeking-view .notice-bar .notice-bar-contain .slick-slide {
  width: 2rem;
}

.new-huodong-tips {
  position: fixed;
  right: 0.2rem;
  width: 2.58667rem;
  height: auto;
  bottom: 15%;
}

.new-huodong-tips .relative {
  position: relative;
}

.new-huodong-tips .relative .close {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
}

.new-huodong-tips .relative .close img {
  width: 0.18667rem;
  height: 0.18667rem;
}

.join-new-view {
  background: #fff001;
  width: 10rem;
  margin: 0 auto;
}

.join-new-view .banner-title {
  width: 60%;
  text-align: center;
  margin: 0 auto;
}

.join-new-view .banner-title2 {
  width: 85%;
  text-align: center;
  margin: 0 auto;
}

.join-new-view .big-desc {
  text-align: center;
  font-weight: bold;
  font-size: 0.36rem;
}

.join-new-view .small-desc {
  text-align: center;
}

.join-new-view .small-desc::before, .join-new-view .small-desc::after {
  display: table;
  content: ' ';
}

.join-new-view .small-desc::after {
  clear: both;
}

.join-new-view .small-desc ul {
  width: 78%;
  display: block;
  margin: 0 auto;
}

.join-new-view .small-desc ul li {
  float: left;
  padding: 0.1rem;
}

.join-new-view .small-desc ul li span {
  color: #E6232B;
}

.join-new-view .title {
  margin-top: 30px;
  font-size: 0.4rem;
  text-align: center;
}

.join-new-view .title span {
  color: #E6232B;
}

.join-new-view .line {
  width: 60%;
  margin: 0 auto;
}

.join-new-view .form-body {
  margin-top: 30px;
  padding: 0 0.4rem;
}

.join-new-view .form-body .form-item {
  margin-top: 0.3rem;
}

.join-new-view .form-body .form-item .label {
  font-size: 0.4rem;
}

.join-new-view .form-body .form-item .label img {
  width: 20px;
}

.join-new-view .form-body .form-item .label span {
  display: inline-block;
  vertical-align: bottom;
}

.join-new-view .form-body .form-item .box {
  margin-top: 0.1rem;
}

.join-new-view .form-body .form-item .box input[type="text"], .join-new-view .form-body .form-item .box input[type="tel"] {
  width: 100%;
  height: 38px;
  line-height: 38px;
  border: 1px solid #D8D8D8;
}

.join-new-view .form-body .form-item .box .pin-code-input-group {
  position: relative;
}

.join-new-view .form-body .form-item .box .pin-code-input-group .input-group-button {
  position: absolute;
  top: 0;
  right: -90px;
  width: 80px;
  text-align: center;
}

.join-new-view .form-body .form-item .box .pin-code-input-group .input-group-button .button {
  background: #874ab1;
  display: block;
  width: 100%;
  height: 36px;
  line-height: 34px;
  color: #FEFEFE;
  border-radius: 5px;
}

.join-new-view .form-body .form-item .box .pin-code {
  width: 60% !important;
}

.join-new-view .form-body .form-item .box .pin-button {
  background: #E6232B;
  color: #FEFEFE;
  padding: 5px 10px;
}

.join-new-view .form-body .form-item .box ul {
  display: block;
  border: 1px solid #D8D8D8;
}

.join-new-view .form-body .form-item .box ul li {
  padding: 0.3rem 0.2rem;
  border-top: 1px solid #D8D8D8;
  font-size: 0.4rem;
  position: relative;
}

.join-new-view .form-body .form-item .box ul li input[type='radio'] {
  vertical-align: middle;
  padding-top: -2px;
}

.join-new-view .form-body .form-item .box ul li:first-child {
  border-top: none;
}

.join-new-view .form-body .form-item .box ul li .radio-box-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0.1rem;
}

.join-new-view .form-body .form-item .box ul li .radio-box-select .box-right {
  margin-right: 1rem;
}

.join-new-view .form-body .form-item .box ul li .hidden {
  opacity: 0;
}

.join-new-view .form-body .form-item .box ul li .current {
  display: none;
  position: absolute;
  top: 0.1rem;
}

.join-new-view .form-body .form-item .box ul li .on {
  display: block;
}

.join-new-view .form-body .form-item .submit-button {
  width: 150px;
  margin: 0 auto;
  color: #FEFEFE;
  background: #874ab1;
  height: 38px;
  line-height: 36px;
  font-weight: bold;
  font-size: 0.4rem;
}

.join-new-view .form-body .form-action {
  text-align: center;
  padding-bottom: 30px;
  margin-top: 0.8rem !important;
}

.join-new-view .banner-bottom {
  padding-bottom: 3rem;
}

.join-new-view .mt1 {
  margin-top: 0.4rem;
}

.join-new-view .mt2 {
  margin-top: 0.2rem;
}

.join-new-view .mt_other {
  margin-top: 0.6rem;
}

.company-join-wrap {
  margin-bottom: 2rem;
  background-color: #FEFEFE;
}

.company-join-wrap .company-join-step {
  width: 10rem;
  margin: 0 auto;
}

.company-join-wrap .company-join-step .mg20 {
  margin-top: 0.2rem;
}

.company-join-wrap .company-join-step .yes {
  width: 1.82667rem;
  height: 1.73333rem;
}

.company-join-wrap .company-join-step .big {
  font-size: 0.50667rem;
}

.company-join-wrap .company-join-step .m-gray {
  color: #909090;
}

.company-join-wrap .company-join-step .center {
  text-align: center;
  margin-top: 1.13333rem;
}

.company-join-wrap .company-join-step .m-click {
  display: block;
  margin-top: 0.2rem;
  font-size: 0.4rem;
  font-weight: 600;
}

.company-join-wrap .company-join-step .next-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.company-join-wrap .company-join-step .next-btn .btn {
  display: inline-block;
  text-align: center;
  border-radius: 4px;
  background: #FF4E56;
  width: 230px;
  height: 46px;
  line-height: 46px;
  font-size: 14px;
  color: #FEFEFE;
  padding: 0;
}

.company-join-wrap .middle-gray {
  height: 15px;
  width: 100%;
  background: #F3F3F3;
}

.company-join-wrap .join-steps-nav {
  background: #F8F8F8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.company-join-wrap .join-steps-nav .step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 33.3%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 2.5;
}

.company-join-wrap .join-steps-nav .step .step-number {
  width: 0.37333rem;
  height: 0.37333rem;
  margin-right: 0.1rem;
}

.company-join-wrap .join-steps-nav .step .step-name {
  font-size: 0.37333rem;
}

.company-join-wrap .join-steps-nav .active {
  border-bottom: 0.05333rem solid #FF4E56;
}

.company-join-wrap .join-steps-nav .active .step-name {
  color: #FF4E56;
}

.company-join-wrap .join-form-title {
  border-bottom: 1px solid #D8D8D8;
  padding: 5px 0 15px 0;
  margin-bottom: 10px;
  color: #1779ba;
}

.company-join-wrap .join-form-wrap {
  padding: 0.2rem 0.15rem 0.2rem 0.4rem;
  margin-top: 0.2rem;
}

.company-join-wrap .join-form-wrap .form-item-hr {
  margin-bottom: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.company-join-wrap .join-form-wrap .form-item-hr .form-label-hr {
  text-align: center;
  display: inline-block;
  margin-top: 0.3rem;
  width: 20%;
}

.company-join-wrap .join-form-wrap .form-item-hr .form-input-hr {
  display: inline-block;
  width: 75%;
}

.company-join-wrap .join-form-wrap .form-item-hr .form-input-hr input[type='text'], .company-join-wrap .join-form-wrap .form-item-hr .form-input-hr input[type='tel'] {
  background: #F3F3F3;
  width: 100%;
  height: 38px;
  line-height: 38px;
  border-radius: 5px;
}

.company-join-wrap .join-form-wrap .form-item-hr .form-input-hr select {
  width: 40%;
  border: 1px solid #D8D8D8;
  height: 38px;
  line-height: 38px;
}

.company-join-wrap .join-form-wrap .form-item-hr .form-input-hr .mg10 {
  margin-top: 0.1rem;
}

.company-join-wrap .join-form-wrap .form-item-hr .form-input-hr .image-picker {
  padding-top: 0.3rem;
}

.company-join-wrap .join-form-wrap .form-item-hr .form-input-hr .image-picker .image-picker-squire {
  display: inline-block;
  border-radius: 5px;
  background: #F8F8F8;
  width: 3.28rem;
  height: 3.28rem;
  border: none !important;
}

.company-join-wrap .join-form-wrap .form-item-hr .form-input-hr .image-picker .image-picker-squire .image-text {
  margin-top: 0.8rem;
  text-align: center;
}

.company-join-wrap .join-form-wrap .form-item-hr .form-input-hr .image-picker .image-picker-squire .image-text .icon {
  width: 0.53333rem;
  height: 0.53333rem;
}

.company-join-wrap .join-form-wrap .form-item-hr .form-input-hr .image-picker .image-picker-squire .image-text img {
  display: inline-block;
}

.company-join-wrap .join-form-wrap .form-item-hr .form-input-hr .image-picker .image-picker-squire .image-text p {
  margin-top: 0.21333rem;
}

.company-join-wrap .join-form-wrap .form-item-hr .form-input-hr .image-picker .company-image-tips {
  display: inline-block;
  position: relative;
  margin-left: 0.3rem;
  vertical-align: top;
}

.company-join-wrap .join-form-wrap .form-item-hr .form-input-hr .image-picker .company-image-tips .squire {
  width: 3.28rem;
  height: 3.28rem;
}

.company-join-wrap .join-form-wrap .form-item-hr .form-input-hr .image-picker .company-image-tips h1 {
  position: absolute;
  top: 1rem;
  width: 80%;
  left: 10%;
  text-align: center;
  font-size: 0.4rem;
  color: #FEFEFE;
  font-weight: bold;
}

.company-join-wrap .join-form-wrap .form-item-hr .form-input-hr .image-picker .company-image-tips p {
  position: absolute;
  top: 1.6rem;
  width: 80%;
  left: 10%;
  text-align: center;
  font-size: 0.3rem;
  color: #FEFEFE;
  background: #5D5D5D;
  border-radius: 0.2rem;
  font-weight: bold;
}

.company-join-wrap .join-form-wrap .form-item-hr .form-input-hr .image-picker .company-hover-image {
  display: none;
  position: absolute;
}

.company-join-wrap .join-form-wrap .form-item-hr .form-input-hr .image-picker .image-picker-button {
  padding: 0.2rem 1rem;
  border: 1px solid #D8D8D8;
  border-radius: 5px;
}

.company-join-wrap .join-form-wrap .form-item-hr .form-input-hr .image-picker .image-item {
  margin-top: 0.3rem;
  position: relative;
  display: inline-block;
  width: 40%;
  margin-right: 0.5rem;
}

.company-join-wrap .join-form-wrap .form-item-hr .form-input-hr .image-picker .image-item .remove-action {
  font-size: 0.36rem;
  color: #E6232B;
  font-weight: bold;
  position: absolute;
  top: 0.2rem;
  right: -0.4rem;
}

.company-join-wrap .join-form-wrap .form-item-hr .form-input-hr .image-picker .image-item .thumbnail {
  width: 100%;
}

.company-join-wrap .join-form-wrap .form-item-hr .form-input-hr .help-text {
  margin-top: 0.3rem;
}

.company-join-wrap .join-form-wrap .form-item-hr .form-action-hr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.company-join-wrap .join-form-wrap .form-item-hr .form-action-hr .btn {
  display: inline-block;
  text-align: center;
  border-radius: 4px;
  background: #FF4E56;
  width: 230px;
  height: 46px;
  line-height: 46px;
  font-size: 14px;
  color: #FEFEFE;
  margin: 0 0 0 20px;
  padding: 0;
}

.company-join-wrap .join-form-wrap .form-item-hr .form-action-hr .btn:hover {
  background: #E6232B;
}

.company-join-wrap .join-form-wrap .form-item-hr .form-action-hr .btn-gray {
  display: inline-block;
  text-align: center;
  border-radius: 4px;
  width: 230px;
  height: 46px;
  line-height: 46px;
  font-size: 14px;
  margin: 0;
  padding: 0;
  background: #FEFEFE;
  border: 1px solid #D8D8D8;
  color: #5D5D5D;
}

.company-join-wrap .join-form-wrap .form-item-hr .form-action-hr .btn-gray:hover {
  color: #FF4E56;
  border: 1px solid #FF4E56;
}

.company-join-wrap .join-form-wrap .justify-c-c {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.company-join-wrap .shop-form-warp {
  width: 10rem;
  padding: 0.2rem 0.15rem 0.2rem 0.4rem;
  margin: 0 auto;
  margin-top: 0.2rem;
}

.company-join-wrap .shop-form-warp .form-item-hr .form-label-hr {
  width: 20%;
}

.company-join-wrap .shop-form-warp .form-item-hr .form-label-hr .text-right abbr {
  color: #FF4E56;
  text-decoration: none;
}

.company-join-wrap .shop-form-warp .form-item-hr .form-input-hr {
  width: 100%;
}

.company-join-wrap .shop-form-warp .form-item-hr .form-input-hr textarea {
  width: 100%;
  height: 200px;
}

.company-join-wrap .shop-form-warp .form-item-hr .form-input-hr input[type='text'], .company-join-wrap .shop-form-warp .form-item-hr .form-input-hr input[type='tel'] {
  border: 1px solid #D8D8D8;
  width: 100%;
  height: 38px;
  line-height: 38px;
  border-radius: 5px;
}

.company-join-wrap .shop-form-warp .form-item-hr .form-input-hr select {
  width: 40%;
  border: 1px solid #D8D8D8;
  height: 38px;
  line-height: 38px;
}

.company-join-wrap .shop-form-warp .form-item-hr .form-input-hr .image-picker {
  padding-top: 0.3rem;
}

.company-join-wrap .shop-form-warp .form-item-hr .form-input-hr .image-picker .image-picker-button {
  padding: 0.2rem 1rem;
  border: 1px solid #D8D8D8;
  border-radius: 5px;
}

.company-join-wrap .shop-form-warp .form-item-hr .form-input-hr .image-picker .image-item {
  margin-top: 0.3rem;
  position: relative;
}

.company-join-wrap .shop-form-warp .form-item-hr .form-input-hr .image-picker .image-item .remove-action {
  font-size: 0.36rem;
  color: #E6232B;
  font-weight: bold;
  position: absolute;
  top: 0.2rem;
  right: 0.2rem;
}

.company-join-wrap .shop-form-warp .form-item-hr .input-name {
  width: 356px;
}

.company-join-wrap .reminders {
  padding: 10px 20px;
  background: #F3F3F3;
  margin-top: 15px;
  border-radius: 8px;
}

.company-join-wrap .reminders .fa {
  color: #FF4E56;
}

.company-join-wrap .agreement {
  border: 1px solid #D8D8D8;
  margin-bottom: 20px;
  margin-top: 20px;
}

.company-join-wrap .agreement .agreement-header {
  background: #D8D8D8;
  height: 40px;
  line-height: 30px;
  vertical-align: middle;
  padding: 10px;
}

.company-join-wrap .agreement .agreement-content {
  padding: 10px;
  overflow-y: auto;
  max-height: 31.25rem;
}

.company-join-wrap .company-join-step.finished {
  margin-top: 20px;
}

.company-join-wrap .company-join-step.finished .fa-check-circle {
  font-size: 36px;
  color: #FF4E56;
}

.company-join-wrap .company-join-step.finished p {
  margin: 0.8rem 0;
}

.company-join-wrap .company-join-step.finished .button {
  border: 1px solid #D8D8D8;
  padding: 0.3rem 1rem;
  border-radius: 5px;
}

.company-join-wrap .company-join-step.finished h3 {
  font-size: 0.32rem;
  font-weight: bold;
}

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

.img-contain {
  width: 100%;
  position: relative;
}

.img-contain img {
  display: block;
  width: 100%;
}

.mujitong-mobile-view {
  width: 10rem;
}

.mujitong-mobile-view .cofirm-btn {
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0;
  bottom: 10%;
}

.mujitong-mobile-view .cofirm-btn img {
  width: 4.58667rem;
  height: 1.17333rem;
}

.mujitong-mobile-view .form-contant {
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0;
  top: 50%;
}

.mujitong-mobile-view .form-contant .form-center input[type=text] {
  width: 6.69333rem;
  height: 1.17333rem;
  margin-bottom: 0.66667rem;
  padding-left: 1rem;
}

.mujitong-mobile-view .form-contant .form-center .submit-btn {
  width: 4.58667rem;
  height: 1.17333rem;
  color: #1456d7;
  border-radius: 0.26667rem;
  font-size: 0.42667rem;
}

.mujitong-mobile-view .form-contant .form-center .name-icon {
  background: url("https://jxcat-page-image.oss-cn-shenzhen.aliyuncs.com/mujitong-mobile1/yh.png") no-repeat;
  background-position: 0.21333rem 0.29333rem;
  background-color: #fff;
  background-size: 0.53333rem;
}

.mujitong-mobile-view .form-contant .form-center .phone-icon {
  background: url("https://jxcat-page-image.oss-cn-shenzhen.aliyuncs.com/mujitong-mobile1/sj.png") no-repeat;
  background-position: 0.24rem 0.26667rem;
  background-color: #fff;
  background-size: 0.50667rem;
}

.mujitong-mobile-view .form-contant .form-center .company-icon {
  background: url("https://jxcat-page-image.oss-cn-shenzhen.aliyuncs.com/mujitong-mobile1/dz.png") no-repeat;
  background-position: 0.21333rem 0.2rem;
  background-color: #fff;
  background-size: 0.6rem;
}

.mujitong-mobile-view .purple-bg {
  background: #c578e1;
}

.mujitong-mobile-view .white-bg {
  background: #fff;
}

.mujitong-mobile-view .gray-bg {
  background: #f5f5f5;
}

.mujitong-mobile-view .gray-bg.deep {
  background: #454545;
}

.mujitong-mobile-view img {
  display: block;
  margin: 0 auto;
}

.mujitong-mobile-view .banner {
  position: relative;
}

.mujitong-mobile-view .banner img {
  width: 10rem;
}

.mujitong-mobile-view .banner .slick-dots {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-flex-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  z-index: 1;
  bottom: 0.26667rem;
}

.mujitong-mobile-view .banner .slick-dots li {
  width: 0.18667rem;
  height: 0.18667rem;
  border-radius: 0.18667rem;
  float: left;
  overflow: hidden;
  background: #fffbcc;
  margin-left: 0.13333rem;
}

.mujitong-mobile-view .banner .slick-dots li:nth-child(1) {
  margin-left: 0;
}

.mujitong-mobile-view .banner .slick-dots li button {
  opacity: 0;
}

.mujitong-mobile-view .banner .slick-dots li.slick-active {
  width: 0.33333rem;
  background: #666666;
}

.mujitong-mobile-view .what-mujitong {
  padding: 0.6rem 0;
}

.mujitong-mobile-view .what-mujitong img {
  width: 7.65333rem;
}

.mujitong-mobile-view .service-team {
  padding: 0.53333rem 0 0.66667rem 0;
}

.mujitong-mobile-view .service-team img {
  width: 7.85333rem;
}

.mujitong-mobile-view .jxcat-bbs {
  padding-bottom: 0.90667rem;
}

.mujitong-mobile-view .mujitong-liucheng {
  padding: 0.70667rem 0 0.84rem 0;
}

.mujitong-mobile-view .mujitong-liucheng img {
  width: 8.88rem;
}

.mujitong-mobile-view .fint-style {
  margin-top: 0.93333rem;
  width: 7.49333rem;
}

.mujitong-mobile-view .keyword-find1 {
  padding: 0.66667rem 0 1.06667rem 0;
}

.mujitong-mobile-view .keyword-find1 img {
  width: 7.58667rem;
}

.mujitong-mobile-view .orm-service {
  padding: 0.93333rem 0 0.8rem 0;
}

.mujitong-mobile-view .orm-service .company-visit {
  margin-top: 1.12rem;
  width: 8.09333rem;
}

.mujitong-mobile-view .orm-service img:nth-child(1) {
  width: 7.78667rem;
}

.mujitong-mobile-view .six-help {
  padding-bottom: 0.17333rem;
}

.mujitong-mobile-view .nabor-xcx {
  margin-top: 0.93333rem;
}

.mujitong-mobile-view .what-is-xcx {
  width: 5.97333rem;
  margin-top: 0.8rem;
  margin-bottom: 0.66667rem;
}

.mujitong-mobile-view .search-xcx {
  padding: 0.93333rem 0 0.53333rem 0;
}

.mujitong-mobile-view .search-xcx img {
  width: 8.98667rem;
}

.mujitong-mobile-view .create-ewm {
  padding: 0.46667rem 0 0.4rem 0;
}

.mujitong-mobile-view .create-ewm img {
  width: 8.8rem;
}

.mujitong-mobile-view .jxcat-wx {
  padding: 0.93333rem 0 0.73333rem 0;
}

.mujitong-mobile-view .jxcat-wx img {
  width: 8.94667rem;
}

.mujitong-mobile-view .attendtion-awake {
  padding: 0.46667rem 0 0.4rem 0;
}

.mujitong-mobile-view .attendtion-awake img:nth-child(1) {
  width: 8.65333rem;
}

.mujitong-mobile-view .attendtion-awake img:nth-child(2) {
  margin-top: 0.93333rem;
  width: 8.30667rem;
}

.mujitong-mobile-view .attend-jxcat {
  padding: 0.93333rem 0 1.26667rem 0;
}

.mujitong-mobile-view .attend-jxcat img {
  width: 6.90667rem;
}

.mujitong-mobile-view .cat-brand {
  margin-top: 0.93333rem;
  width: 5.76rem;
}

.mujitong-mobile-view .product {
  padding: 0.26667rem;
}

.mujitong-mobile-view .product img {
  display: block;
  width: 9.46667rem;
}

.mujitong-mobile-view .product a:nth-child(n+2) img {
  margin-top: 0.26667rem;
}

.mujitong-mobile-view .form {
  width: 10rem;
  height: 11.06667rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #333333;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  -o-flex-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 0.46667rem;
}

.mujitong-mobile-view .form .title {
  font-size: 0.53333rem;
  color: #ae4fd2;
  padding-top: 0.46667rem;
  letter-spacing: 0.06667rem;
}

.mujitong-mobile-view .form .title h5 {
  display: block;
  font-size: 0.29333rem;
  line-height: 0.53333rem;
  letter-spacing: 0;
}

.mujitong-mobile-view .form .title h5 span {
  display: inline-block;
  padding-left: 0.09333rem;
}

.mujitong-mobile-view .form .title h5 span:nth-child(1) {
  padding-left: 0;
}

.mujitong-mobile-view .form .desc {
  padding-top: 0.26667rem;
  font-size: 0.29333rem;
  line-height: 0.45333rem;
}

.mujitong-mobile-view .form form {
  padding-top: 0.4rem;
}

.mujitong-mobile-view .form form input[type="button"], .mujitong-mobile-view .form form input[type="submit"], .mujitong-mobile-view .form form input[type="reset"] {
  -webkit-appearance: none;
}

.mujitong-mobile-view .form form textarea {
  -webkit-appearance: none;
}

.mujitong-mobile-view .form form input {
  padding: 0.26667rem 0.2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 6.66667rem;
  height: 0.93333rem;
  font-size: 0.32rem;
  color: #999999;
  line-height: 0.32rem;
  margin-top: 0.26667rem;
  border: 0.02667rem solid #d2d2d2;
}

.mujitong-mobile-view .form form input[type=submit] {
  background: #ff4d4d;
  color: #fff;
  font-size: 0.34667rem;
  text-align: center;
  border-radius: 0.06667rem;
  border: 0 none;
}

.mujitong-mobile-view .three-service {
  height: 8.13333rem;
}

.mujitong-mobile-view .three-service .title {
  color: #222221;
  text-align: center;
  font-size: 0.50667rem;
  padding-top: 0.50667rem;
}

.mujitong-mobile-view .three-service .desc {
  font-size: 0.32rem;
  color: #222221;
  line-height: 0.53333rem;
  text-align: center;
}

.mujitong-mobile-view .three-service .desc span {
  display: inline-block;
  padding-right: 0.18667rem;
}

.mujitong-mobile-view .three-service .desc span:last-child {
  padding-right: 0;
}

.mujitong-mobile-view .three-service .brand {
  margin-left: 0.02667rem;
  margin-top: 0.86667rem;
}

.mujitong-mobile-view .three-service .brand img {
  display: block;
  width: 4.58667rem;
  height: 4.96rem;
  margin: 0;
}

.mujitong-mobile-view .three-service .brand .slick-slide {
  width: 4.58667rem !important;
  height: 4.96rem !important;
  margin-right: 0.13333rem;
}

.promotions-view .list {
  background: url("https://assets.jxcat.com/mujitong-mobile/listbg.jpg") repeat-y;
  background-size: 100% auto;
  padding-bottom: 3rem;
}

.promotions-view .list ul {
  background: #f9f7c6;
  border: 2px solid #e8ae0e;
  border-radius: 5px;
  display: block;
  width: 9.6rem;
  margin: 0 auto;
  padding: 0.2rem 0;
}

.promotions-view .list ul::before, .promotions-view .list ul::after {
  display: table;
  content: ' ';
}

.promotions-view .list ul::after {
  clear: both;
}

.promotions-view .list ul li {
  padding-bottom: 0.3rem;
  float: left;
  width: 4.69333rem;
}

.promotions-view .list ul li .img {
  padding: 0 0.2rem;
}

.promotions-view .list ul li .img img {
  width: 100%;
}

.promotions-view .list ul li .info {
  width: 80%;
  margin: 0 auto;
  margin-top: 0.2rem;
}

.promotions-view .list ul li .info h3 {
  height: 78px;
  overflow: hidden;
  padding-top: 0.1rem;
}

.promotions-view .list ul li .info h3 a {
  font-weight: bold;
}

.promotions-view .list ul li .user {
  margin-top: 0.15rem;
}

.promotions-view .list ul li:nth-child(even) {
  margin-left: 0;
  float: right;
}

.mobile-main .m-video-display {
  position: relative;
}

.mobile-main .m-video-display .m-video {
  position: absolute;
  bottom: 0.37333rem;
  left: 0%;
  text-align: center;
  width: 100%;
}

.mobile-main .m-video-display .m-video .m-video-size {
  width: 8.53333rem;
  height: 4.32rem;
}

.mobile-main .m-video-display .m-video .m-video-size h1 {
  color: #FEFEFE;
  font-size: 0.48rem;
}

.mobile-main .m-video-display .m-video .m-video-size .reflash {
  color: #FF4E56;
  font-size: 0.48rem;
}

.mobile-yanxuan {
  overflow: hidden;
  padding-bottom: 2rem;
}

.mobile-yanxuan .cat-list {
  background: #fff;
  height: 2.26667rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mobile-yanxuan .cat-list ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-justify-content: space-around;
  -moz-justify-content: space-around;
  -o-flex-justify-content: space-around;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.mobile-yanxuan .cat-list ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mobile-yanxuan .cat-list ul li a {
  display: block;
  height: 1.6rem;
}

.mobile-yanxuan .cat-list ul li img {
  display: block;
  width: 1.06667rem;
  height: 1.06667rem;
  margin: 0 auto;
}

.mobile-yanxuan .cat-list ul li span {
  display: block;
  text-align: center;
  padding-top: 0.13333rem;
  font-size: 0.34667rem;
  color: #333333;
}

.mobile-yanxuan .yanxuan-floor-banner {
  margin-bottom: 0.26667rem;
}

.mobile-yanxuan .yanxuan-floor-banner .slick-slide {
  margin: 0 0.15rem;
  position: relative;
  height: 2.4rem;
}

.mobile-yanxuan .yanxuan-floor-banner img {
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}

.mobile-yanxuan .yanxuan-enter-banner {
  margin-top: 1.30667rem;
  position: relative;
  height: 3.66667rem;
  background: #fdd000;
  padding: 0.06667rem 0;
}

.mobile-yanxuan .yanxuan-enter-banner .slick-dots {
  width: 100% 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-flex-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  left: 0;
  bottom: 0.09333rem;
}

.mobile-yanxuan .yanxuan-enter-banner .slick-dots li {
  width: 1.46667rem;
  height: 0.08rem;
  background: #fff;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

.mobile-yanxuan .yanxuan-enter-banner .slick-dots li.slick-active {
  background: #666;
}

.mobile-yanxuan .yanxuan-enter-banner .slick-dots li button {
  display: none;
}

.mobile-yanxuan .yanxuan-enter-banner .slick-dots li:nth-child(1) {
  border-top-left-radius: 0.08rem;
  border-bottom-left-radius: 0.08rem;
}

.mobile-yanxuan .yanxuan-enter-banner .slick-dots li:nth-last-child(1) {
  border-top-right-radius: 0.08rem;
  border-bottom-right-radius: 0.08rem;
}

.mobile-yanxuan .yanxuan-enter-banner .slick-slide {
  margin: 0 0.15rem;
  position: relative;
  height: 3.2rem;
}

.mobile-yanxuan .yanxuan-enter-banner img {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.mobile-yanxuan .hot-view {
  position: relative;
  margin-top: 0.50667rem;
}

.mobile-yanxuan .hot-view .hot-mark {
  display: inline-block;
  font-size: 0.29333rem;
  color: #fff;
  width: 0.8rem;
  height: 0.37333rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-flex-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ff3232;
  border-radius: 0.37333rem;
}

.mobile-yanxuan .hot-view .price {
  color: #d6a279;
}

.mobile-yanxuan .hot-view .title_img {
  width: 2.52rem;
  height: 0.74667rem;
  position: absolute;
  top: -0.37333rem;
  left: 0;
  z-index: 1;
}

.mobile-yanxuan .hot-view.guess .title_img {
  margin-bottom: 0.37333rem;
}

.mobile-yanxuan .hot-view .bar {
  height: 0.8rem;
  line-height: 0.8rem;
  font-size: 0.34667rem;
  background: #fff;
  margin-bottom: 1px;
}

.mobile-yanxuan .hot-view .bar ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-flex-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mobile-yanxuan .hot-view .bar ul li {
  padding: 0 0.33333rem;
}

.mobile-yanxuan .hot-view .bar ul li.current {
  border-bottom: 1px solid #fdd100;
}

.mobile-yanxuan .hot-view .list-goods {
  background: none;
}

.mobile-yanxuan .hot-view .list-goods .hot {
  display: inline-block;
  background: #ff3232;
  font-size: 0.29333rem;
  color: #fff;
  padding: 0.06667rem 0.13333rem;
  border-radius: 0.13333rem;
}

.mobile-yanxuan .hot-view .list-goods.five-style li {
  background: #fff;
  width: 3.30667rem;
  position: relative;
  overflow: hidden;
  float: left;
}

.mobile-yanxuan .hot-view .list-goods.five-style li img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.mobile-yanxuan .hot-view .list-goods.five-style li:nth-child(4), .mobile-yanxuan .hot-view .list-goods.five-style li:nth-child(5) {
  margin-left: 0.04rem;
}

.mobile-yanxuan .hot-view .list-goods.five-style li:nth-child(1) {
  width: 6rem;
}

.mobile-yanxuan .hot-view .list-goods.five-style li:nth-child(2) {
  width: 4rem;
}

.mobile-yanxuan .hot-view .list-goods.five-style li:nth-child(-n+2) {
  height: 2.4rem;
}

.mobile-yanxuan .hot-view .list-goods.five-style li:nth-child(n+3) {
  height: 3.33333rem;
  margin-top: 0.02667rem;
}

.mobile-yanxuan .hot-view .list-goods.avg-style li:nth-child(3) {
  margin-left: 0 !important;
}

.mobile-yanxuan .hot-view .list-goods.avg-style li:nth-child(4) {
  margin-left: 0.02667rem !important;
}

.mobile-yanxuan .hot-view .list-goods.seven-style li {
  background: #fff;
  width: 4.98667rem;
  height: 2.34667rem;
  margin-left: 0.02667rem;
  margin-top: 0.02667rem;
  display: block;
  float: left;
  position: relative;
  /* 第1,4个 */
}

.mobile-yanxuan .hot-view .list-goods.seven-style li img {
  display: block;
  left: 0;
  height: 0;
  width: 100%;
  height: 100%;
}

.mobile-yanxuan .hot-view .list-goods.seven-style li:nth-child(1), .mobile-yanxuan .hot-view .list-goods.seven-style li:nth-child(4) {
  margin-left: 0;
}

.mobile-yanxuan .hot-view .list-goods.seven-style li.big {
  height: 4.70667rem;
}

.mobile-yanxuan .hot-view .goods-view li {
  padding: 0 0.26667rem;
  width: 4.98667rem;
  height: 5.4rem;
  over-flow: hidden;
  margin-top: 0.02667rem;
  margin-right: 0.02667rem;
  background: #fff;
  float: left;
  font-size: 0.4rem;
}

.mobile-yanxuan .hot-view .goods-view li:nth-child(2n) {
  margin-right: 0;
}

.mobile-yanxuan .hot-view .goods-view li a {
  display: block;
  width: 100%;
  font-size: 0.4rem;
}

.mobile-yanxuan .hot-view .goods-view li img {
  display: block;
  margin: 0 auto;
  width: 3.6rem;
  height: 3.6rem;
  margin-top: 0.02667rem;
}

.mobile-yanxuan .hot-view .goods-view li .name {
  width: 100%;
  min-height: 0.96rem;
  line-height: 0.48rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-bottom: 0.2rem;
  padding-top: 0.05333rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-flex-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mobile-yanxuan .hot-view .goods-view li .bottom {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -o-flex-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mobile-yanxuan .hot-view .goods-view li .bottom .collect {
  color: #999999;
}

.mobile-yanxuan .hot-view .small-goods li {
  width: 2.48rem;
  padding: 0 0.2rem 0.13333rem 0.2rem;
  background: #fff;
  margin-top: 0.02667rem;
  margin-right: 0.02667rem;
  float: left;
}

.mobile-yanxuan .hot-view .small-goods li:nth-child(4n) {
  margin-right: 0;
}

.mobile-yanxuan .hot-view .small-goods li a {
  display: block;
  width: 100%;
  font-size: 0.37333rem;
}

.mobile-yanxuan .hot-view .small-goods li img {
  display: block;
  margin: 0 auto;
  width: 2.13333rem;
  height: 2.13333rem;
  line-height: 0.53333rem;
}

.mobile-yanxuan .hot-view .small-goods li .price {
  font-size: 0.34667rem;
}

.mobile-yanxuan .hot-view .small-goods li .name {
  height: 0.42667rem;
  line-height: 0.42667rem;
  overflow: hidden;
  margin-bottom: 0.13333rem;
  text-align: center;
  padding-top: 0.05333rem;
}

.mobile-yanxuan .hot-view .small-goods li .bottom {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-flex-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mobile-yanxuan-header {
  background: #ddcc65;
}

.mobile-yanxuan-header .search-box {
  width: 10rem;
  position: relative;
  z-index: 101;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.2rem 0 0.26667rem 0.24rem;
  background: #fdd000;
}

.mobile-yanxuan-header .search {
  position: fixed;
  top: 0;
  width: 10rem;
  z-index: 101;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mobile-yanxuan-header .search .logo {
  width: 0.74667rem;
  height: 0.77333rem;
  margin-right: 0.13333rem;
}

.mobile-yanxuan-header .search .search_contain {
  width: 8.4rem;
  height: 0.85333rem;
  -ms-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -o-flex-border-radius: 0.4rem;
  border-radius: 0.4rem;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mobile-yanxuan-header .search .search_contain .select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-align-items: center;
  -moz-align-items: center;
  -o-flex-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-justify-content: space-around;
  -moz-justify-content: space-around;
  -o-flex-justify-content: space-around;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  font-size: 0.37333rem;
  color: #666666;
  padding: 0 0.30667rem;
  width: 2.56rem;
}

.mobile-yanxuan-header .search .search_contain .select select, .mobile-yanxuan-header .search .search_contain .select input {
  display: none;
}

.mobile-yanxuan-header .search .search_contain .select .text {
  width: 1.6rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-align: center;
}

.mobile-yanxuan-header .search .search_contain input {
  width: 5.2rem;
  height: 0.66667rem;
  font-size: 0.37333rem;
  color: #aaaaaa;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-flex-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-align-items: cetner;
  -moz-align-items: cetner;
  -o-flex-align-items: cetner;
  -webkit-box-align: cetner;
      -ms-flex-align: cetner;
          align-items: cetner;
  text-indent: 0.22667rem;
  border: 0 none;
  border-left: 0.02667rem solid #aaaaaa;
  border-radius: 0;
}

.mobile-yanxuan-header .search .search_contain i.fa-search {
  font-size: 0.42667rem;
  color: #aaaaaa;
}

.mobile-yanxuan-header .search .taxon-list {
  display: none;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -5rem;
  width: 10rem;
  z-index: 100;
  background: #fff;
  padding: 0.3rem 0 0.3rem 0.3rem;
  -webkit-box-shadow: 0px 0.08rem 0.10667rem rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0.08rem 0.10667rem rgba(0, 0, 0, 0.2);
}

.mobile-yanxuan-header .search .taxon-list ul li {
  float: left;
  padding: .1rem .25rem;
  font-size: 0.4rem;
  margin: 0.2rem;
}

.mobile-yanxuan-header .search .taxon-list ul li:nth-child(1), .mobile-yanxuan-header .search .taxon-list ul li:nth-child(4n+1) {
  color: #484848;
  border: 1px solid #fac288;
  background: #f8f2ec;
}

.mobile-yanxuan-header .search .taxon-list ul li:nth-child(2), .mobile-yanxuan-header .search .taxon-list ul li:nth-child(4n+2) {
  color: #484848;
  border: 1px solid #8cdade;
  background: #e8f6f6;
}

.mobile-yanxuan-header .search .taxon-list ul li:nth-child(3), .mobile-yanxuan-header .search .taxon-list ul li:nth-child(4n+3) {
  color: #484848;
  border: 1px solid #bbd090;
  background: #f2f6e9;
}

.mobile-yanxuan-header .search .taxon-list ul li:nth-child(4), .mobile-yanxuan-header .search .taxon-list ul li:nth-child(4n+4) {
  color: #484848;
  border: 1px solid #fca0a7;
  background: #f9eaea;
}

.mobile-yanxuan-view-contain .product-search-view .product-main .product-list li .info .price span, .mobile-yanxuan-view-contain .button.light-primary {
  background: #fdd000 !important;
}
.w-100 {
  width: 100% !important;
  flex: 0 0 100% !important;
}

/*# sourceMappingURL=mobile-b7fa804922d3c1875bb3.css.map*/