@charset "UTF-8";
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

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

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

[hidden],
template {
  display: none;
}

a {
  background: transparent;
}

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

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

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

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

small {
  font-size: 80%;
}

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

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

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

figure {
  margin: 1em 40px;
}

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

pre {
  overflow: auto;
}

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

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  color: inherit;
  font: inherit;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

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

input {
  line-height: normal;
}

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

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

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

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

fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}

legend {
  padding: 0;
  border: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  outline: none;
}

body {
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  font-size: 17px;
  line-height: 21px;
  color: #000;
  background-color: #efeff4;
  -webkit-overflow-scrolling: touch;
}

a {
  color: #007aff;
  text-decoration: none;
}
a:active {
  color: #0062cc;
}

.shopex-content {
  background-color: #efeff4;
  -webkit-overflow-scrolling: touch;
}

.shopex-bar-nav ~ .shopex-content {
  padding-top: 44px;
}
.shopex-bar-nav ~ .shopex-content.shopex-scroll-wrapper .shopex-scrollbar-vertical {
  top: 44px;
}

.shopex-bar-header-secondary ~ .shopex-content {
  padding-top: 88px;
}
.shopex-bar-header-secondary ~ .shopex-content.shopex-scroll-wrapper .shopex-scrollbar-vertical {
  top: 88px;
}

.shopex-bar-footer ~ .shopex-content {
  padding-bottom: 44px;
}
.shopex-bar-footer ~ .shopex-content.shopex-scroll-wrapper .shopex-scrollbar-vertical {
  bottom: 44px;
}

.shopex-bar-footer-secondary ~ .shopex-content {
  padding-bottom: 88px;
}
.shopex-bar-footer-secondary ~ .shopex-content.shopex-scroll-wrapper .shopex-scrollbar-vertical {
  bottom: 88px;
}

.shopex-bar-tab ~ .shopex-content {
  padding-bottom: 50px;
}
.shopex-bar-tab ~ .shopex-content.shopex-scroll-wrapper .shopex-scrollbar-vertical {
  bottom: 50px;
}

.shopex-bar-footer-secondary-tab ~ .shopex-content {
  padding-bottom: 94px;
}
.shopex-bar-footer-secondary-tab ~ .shopex-content.shopex-scroll-wrapper .shopex-scrollbar-vertical {
  bottom: 94px;
}

.shopex-content-padded {
  padding: 10px;
}

.shopex-inline {
  display: inline-block;
  vertical-align: top;
}

.shopex-block {
  display: block !important;
}

.shopex-visibility {
  visibility: visible !important;
}

.shopex-hidden {
  display: none !important;
}

.shopex-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shopex-ellipsis-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal !important;
  word-wrap: break-word;
}

.shopex-table {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.shopex-table-cell {
  display: table-cell;
  position: relative;
}

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

.shopex-text-center {
  text-align: center !important;
}

.shopex-text-justify {
  text-align: justify !important;
}

.shopex-text-right {
  text-align: right !important;
}

.shopex-pull-left {
  float: left;
}

.shopex-pull-right {
  float: right;
}

.shopex-list-unstyled {
  padding-left: 0;
  list-style: none;
}

.shopex-list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}

.shopex-list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

.shopex-clearfix:before, .shopex-clearfix:after {
  display: table;
  content: " ";
}
.shopex-clearfix:after {
  clear: both;
}

.shopex-bg-primary {
  background-color: #007aff;
}

.shopex-bg-positive {
  background-color: #4cd964;
}

.shopex-bg-negative {
  background-color: #dd524d;
}

.shopex-error {
  margin: 88px 35px;
  padding: 10px;
  border-radius: 6px;
  background-color: #bbb;
}

.shopex-subtitle {
  font-size: 15px;
}

.shopex-row:before, .shopex-row:after {
  display: table;
  content: " ";
}
.shopex-row:after {
  clear: both;
}

.shopex-col-xs-1, .shopex-col-sm-1, .shopex-col-xs-2, .shopex-col-sm-2, .shopex-col-xs-3, .shopex-col-sm-3, .shopex-col-xs-4, .shopex-col-sm-4, .shopex-col-xs-5, .shopex-col-sm-5, .shopex-col-xs-6, .shopex-col-sm-6, .shopex-col-xs-7, .shopex-col-sm-7, .shopex-col-xs-8, .shopex-col-sm-8, .shopex-col-xs-9, .shopex-col-sm-9, .shopex-col-xs-10, .shopex-col-sm-10, .shopex-col-xs-11, .shopex-col-sm-11, .shopex-col-xs-12, .shopex-col-sm-12 {
  position: relative;
  min-height: 1px;
}

.shopex-row > [class*="shopex-col-"] {
  float: left;
}

.shopex-col-xs-12 {
  width: 100%;
}

.shopex-col-xs-11 {
  width: 91.66666667%;
}

.shopex-col-xs-10 {
  width: 83.33333333%;
}

.shopex-col-xs-9 {
  width: 75%;
}

.shopex-col-xs-8 {
  width: 66.66666667%;
}

.shopex-col-xs-7 {
  width: 58.33333333%;
}

.shopex-col-xs-6 {
  width: 50%;
}

.shopex-col-xs-5 {
  width: 41.66666667%;
}

.shopex-col-xs-4 {
  width: 33.33333333%;
}

.shopex-col-xs-3 {
  width: 25%;
}

.shopex-col-xs-2 {
  width: 16.66666667%;
}

.shopex-col-xs-1 {
  width: 8.33333333%;
}

@media (min-width: 400px) {
  .shopex-col-sm-12 {
    width: 100%;
  }

  .shopex-col-sm-11 {
    width: 91.66666667%;
  }

  .shopex-col-sm-10 {
    width: 83.33333333%;
  }

  .shopex-col-sm-9 {
    width: 75%;
  }

  .shopex-col-sm-8 {
    width: 66.66666667%;
  }

  .shopex-col-sm-7 {
    width: 58.33333333%;
  }

  .shopex-col-sm-6 {
    width: 50%;
  }

  .shopex-col-sm-5 {
    width: 41.66666667%;
  }

  .shopex-col-sm-4 {
    width: 33.33333333%;
  }

  .shopex-col-sm-3 {
    width: 25%;
  }

  .shopex-col-sm-2 {
    width: 16.66666667%;
  }

  .shopex-col-sm-1 {
    width: 8.33333333%;
  }
}
.shopex-scroll-wrapper {
  position: absolute;
  z-index: 2;
  top: 0px;
  bottom: 0px;
  left: 0;
  width: 100%;
  overflow: hidden;
}

.shopex-scroll {
  position: absolute;
  z-index: 1;
  width: 100%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.shopex-scrollbar {
  position: absolute;
  z-index: 9998;
  overflow: hidden;
  transform: translateZ(0px);
  transition: 500ms;
  -webkit-transition: 500ms;
  opacity: 0;
  pointer-events: none;
}

.shopex-scrollbar-vertical {
  width: 4px;
  bottom: 2px;
  top: 0;
  right: 1px;
}
.shopex-scrollbar-vertical .shopex-scrollbar-indicator {
  width: 100%;
}

.shopex-scrollbar-horizontal {
  height: 4px;
  left: 2px;
  right: 2px;
  bottom: 0px;
}
.shopex-scrollbar-horizontal .shopex-scrollbar-indicator {
  height: 100%;
}

.shopex-scrollbar-indicator {
  box-sizing: border-box;
  position: absolute;
  border: 1px solid rgba(255, 255, 255, 0.80196);
  border-radius: 2px;
  transition: 0.01s cubic-bezier(0.1, 0.57, 0.1, 1);
  -webkit-transition: 0.01s cubic-bezier(0.1, 0.57, 0.1, 1);
  display: block;
  transform: translate(0px, 0px) translateZ(0px);
  background: rgba(0, 0, 0, 0.39804);
}

.shopex-plus-pullrefresh .shopex-fullscreen .shopex-scroll-wrapper .shopex-scroll-wrapper, .shopex-plus-pullrefresh .shopex-fullscreen .shopex-slider-group .shopex-scroll-wrapper {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0;
  width: 100%;
  overflow: hidden;
}
.shopex-plus-pullrefresh .shopex-fullscreen .shopex-scroll-wrapper .shopex-scroll, .shopex-plus-pullrefresh .shopex-fullscreen .shopex-slider-group .shopex-scroll {
  position: absolute;
  width: 100%;
}
.shopex-plus-pullrefresh .shopex-scroll-wrapper, .shopex-plus-pullrefresh .shopex-slider-group {
  position: static;
  top: auto;
  bottom: auto;
  left: auto;
  width: auto;
  overflow: auto;
}
.shopex-plus-pullrefresh .shopex-slider-group {
  overflow: visible;
}
.shopex-plus-pullrefresh .shopex-scroll {
  position: static;
  width: auto;
}

.shopex-off-canvas-wrap .shopex-bar {
  position: absolute !important;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.shopex-off-canvas-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
}
.shopex-off-canvas-wrap .shopex-inner-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.shopex-off-canvas-wrap .shopex-inner-wrap.shopex-transitioning {
  -webkit-transition: -webkit-transform 350ms;
  transition: transform 350ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.shopex-off-canvas-wrap .shopex-inner-wrap .shopex-off-canvas-left {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.shopex-off-canvas-wrap .shopex-inner-wrap .shopex-off-canvas-right {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.shopex-off-canvas-wrap.shopex-active {
  overflow: hidden;
  height: 100%;
}
.shopex-off-canvas-wrap.shopex-active .shopex-off-canvas-backdrop {
  transition: background 350ms cubic-bezier(0.165, 0.84, 0.44, 1);
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 998;
  -webkit-tap-highlight-color: transparent;
}
.shopex-off-canvas-wrap.shopex-slide-in .shopex-off-canvas-right {
  -webkit-transform: translate3d(100%, 0px, 0px);
  z-index: 10000 !important;
}
.shopex-off-canvas-wrap.shopex-slide-in .shopex-off-canvas-left {
  -webkit-transform: translate3d(-100%, 0px, 0px);
  z-index: 10000 !important;
}

.shopex-off-canvas-left, .shopex-off-canvas-right {
  width: 70%;
  min-height: 100%;
  top: 0;
  bottom: 0;
  position: absolute;
  background: #333;
  box-sizing: content-box;
  -webkit-overflow-scrolling: touch;
  z-index: -1;
  visibility: hidden;
}
.shopex-off-canvas-left.shopex-transitioning, .shopex-off-canvas-right.shopex-transitioning {
  -webkit-transition: -webkit-transform 350ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 350ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.shopex-off-canvas-left {
  left: 0;
}

.shopex-off-canvas-right {
  right: 0;
}

.shopex-off-canvas-wrap:not(.shopex-slide-in).shopex-scalable {
  background-color: #333;
}
.shopex-off-canvas-wrap:not(.shopex-slide-in).shopex-scalable > .shopex-off-canvas-left, .shopex-off-canvas-wrap:not(.shopex-slide-in).shopex-scalable > .shopex-off-canvas-right {
  width: 80%;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0.1;
}
.shopex-off-canvas-wrap:not(.shopex-slide-in).shopex-scalable > .shopex-off-canvas-left.shopex-transitioning, .shopex-off-canvas-wrap:not(.shopex-slide-in).shopex-scalable > .shopex-off-canvas-right.shopex-transitioning {
  -webkit-transition: -webkit-transform 350ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 350ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 350ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 350ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.shopex-off-canvas-wrap:not(.shopex-slide-in).shopex-scalable > .shopex-off-canvas-left {
  -webkit-transform-origin: -100%;
  transform-origin: -100%;
}
.shopex-off-canvas-wrap:not(.shopex-slide-in).shopex-scalable > .shopex-off-canvas-right {
  -webkit-transform-origin: 200%;
  transform-origin: 200%;
}
.shopex-off-canvas-wrap:not(.shopex-slide-in).shopex-scalable.shopex-active > .shopex-inner-wrap {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
.shopex-off-canvas-wrap:not(.shopex-slide-in).shopex-scalable.shopex-active > .shopex-off-canvas-left, .shopex-off-canvas-wrap:not(.shopex-slide-in).shopex-scalable.shopex-active > .shopex-off-canvas-right {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.shopex-loading .shopex-spinner {
  margin: 0 auto;
  display: block;
}

.shopex-spinner {
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: spinner-spin 1s step-end infinite;
  animation: spinner-spin 1s step-end infinite;
}

.shopex-spinner:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><defs><line id='l' x1='60' x2='60' y1='7' y2='27' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round'/></defs><g><use xlink:href='%23l' opacity='.27'/><use xlink:href='%23l' opacity='.27' transform='rotate(30 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(60 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(90 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(120 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(150 60,60)'/><use xlink:href='%23l' opacity='.37' transform='rotate(180 60,60)'/><use xlink:href='%23l' opacity='.46' transform='rotate(210 60,60)'/><use xlink:href='%23l' opacity='.56' transform='rotate(240 60,60)'/><use xlink:href='%23l' opacity='.66' transform='rotate(270 60,60)'/><use xlink:href='%23l' opacity='.75' transform='rotate(300 60,60)'/><use xlink:href='%23l' opacity='.85' transform='rotate(330 60,60)'/></g></svg>");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.shopex-spinner-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><defs><line id='l' x1='60' x2='60' y1='7' y2='27' stroke='%23fff' stroke-width='11' stroke-linecap='round'/></defs><g><use xlink:href='%23l' opacity='.27'/><use xlink:href='%23l' opacity='.27' transform='rotate(30 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(60 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(90 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(120 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(150 60,60)'/><use xlink:href='%23l' opacity='.37' transform='rotate(180 60,60)'/><use xlink:href='%23l' opacity='.46' transform='rotate(210 60,60)'/><use xlink:href='%23l' opacity='.56' transform='rotate(240 60,60)'/><use xlink:href='%23l' opacity='.66' transform='rotate(270 60,60)'/><use xlink:href='%23l' opacity='.75' transform='rotate(300 60,60)'/><use xlink:href='%23l' opacity='.85' transform='rotate(330 60,60)'/></g></svg>");
}

@-webkit-keyframes spinner-spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  8.33333333% {
    -webkit-transform: rotate(30deg);
  }
  16.66666667% {
    -webkit-transform: rotate(60deg);
  }
  25% {
    -webkit-transform: rotate(90deg);
  }
  33.33333333% {
    -webkit-transform: rotate(120deg);
  }
  41.66666667% {
    -webkit-transform: rotate(150deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  58.33333333% {
    -webkit-transform: rotate(210deg);
  }
  66.66666667% {
    -webkit-transform: rotate(240deg);
  }
  75% {
    -webkit-transform: rotate(270deg);
  }
  83.33333333% {
    -webkit-transform: rotate(300deg);
  }
  91.66666667% {
    -webkit-transform: rotate(330deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spinner-spin {
  0% {
    transform: rotate(0deg);
  }
  8.33333333% {
    transform: rotate(30deg);
  }
  16.66666667% {
    transform: rotate(60deg);
  }
  25% {
    transform: rotate(90deg);
  }
  33.33333333% {
    transform: rotate(120deg);
  }
  41.66666667% {
    transform: rotate(150deg);
  }
  50% {
    transform: rotate(180deg);
  }
  58.33333333% {
    transform: rotate(210deg);
  }
  66.66666667% {
    transform: rotate(240deg);
  }
  75% {
    transform: rotate(270deg);
  }
  83.33333333% {
    transform: rotate(300deg);
  }
  91.66666667% {
    transform: rotate(330deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
input[type="button"],
input[type="submit"],
input[type="reset"],
button,
.shopex-btn {
  position: relative;
  display: inline-block;
  padding: .3rem 1rem;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3rem;
  color: #333;
  text-align: center;
  white-space: nowrap;
  vertical-align: top;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all;
  transition: all;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
input[type="button"]:enabled:active, input[type="button"].shopex-active:enabled,
input[type="submit"]:enabled:active,
input[type="submit"].shopex-active:enabled,
input[type="reset"]:enabled:active,
input[type="reset"].shopex-active:enabled,
button:enabled:active,
button.shopex-active:enabled,
.shopex-btn:enabled:active,
.shopex-btn.shopex-active:enabled {
  color: #fff;
  background-color: #929292;
}
input[type="button"]:disabled, input[type="button"].shopex-disabled,
input[type="submit"]:disabled,
input[type="submit"].shopex-disabled,
input[type="reset"]:disabled,
input[type="reset"].shopex-disabled,
button:disabled,
button.shopex-disabled,
.shopex-btn:disabled,
.shopex-btn.shopex-disabled {
  opacity: .6;
}

input[type="submit"],
.shopex-btn-primary, .shopex-btn-blue {
  color: #fff;
  background-color: #007aff;
  border: 1px solid #007aff;
}
input[type="submit"]:enabled:active, input[type="submit"].shopex-active:enabled,
.shopex-btn-primary:enabled:active,
.shopex-btn-primary.shopex-active:enabled, .shopex-btn-blue:enabled:active, .shopex-btn-blue.shopex-active:enabled {
  color: #fff;
  background-color: #0062cc;
  border: 1px solid #0062cc;
}

.shopex-btn-positive, .shopex-btn-success, .shopex-btn-green {
  color: #fff;
  background-color: #4cd964;
  border: 1px solid #4cd964;
}
.shopex-btn-positive:enabled:active, .shopex-btn-positive.shopex-active:enabled, .shopex-btn-success:enabled:active, .shopex-btn-success.shopex-active:enabled, .shopex-btn-green:enabled:active, .shopex-btn-green.shopex-active:enabled {
  color: #fff;
  background-color: #2ac845;
  border: 1px solid #2ac845;
}

.shopex-btn-warning, .shopex-btn-yellow {
  color: #fff;
  background-color: #f0ad4e;
  border: 1px solid #f0ad4e;
}
.shopex-btn-warning:enabled:active, .shopex-btn-warning.shopex-active:enabled, .shopex-btn-yellow:enabled:active, .shopex-btn-yellow.shopex-active:enabled {
  color: #fff;
  background-color: #ec971f;
  border: 1px solid #ec971f;
}

.shopex-btn-negative, .shopex-btn-danger, .shopex-btn-red {
  color: #fff;
  background-color: #dd524d;
  border: 1px solid #dd524d;
}
.shopex-btn-negative:enabled:active, .shopex-btn-negative.shopex-active:enabled, .shopex-btn-danger:enabled:active, .shopex-btn-danger.shopex-active:enabled, .shopex-btn-red:enabled:active, .shopex-btn-red.shopex-active:enabled {
  color: #fff;
  background-color: #cf2d28;
  border: 1px solid #cf2d28;
}

.shopex-btn-royal, .shopex-btn-purple {
  color: #fff;
  background-color: #8a6de9;
  border: 1px solid #8a6de9;
}
.shopex-btn-royal:enabled:active, .shopex-btn-royal.shopex-active:enabled, .shopex-btn-purple:enabled:active, .shopex-btn-purple.shopex-active:enabled {
  color: #fff;
  background-color: #6641e2;
  border: 1px solid #6641e2;
}

.shopex-btn-grey {
  color: #fff;
  background-color: #c7c7cc;
  border: 1px solid #c7c7cc;
}
.shopex-btn-grey:enabled:active, .shopex-btn-grey.shopex-active:enabled {
  color: #fff;
  background-color: #acacb4;
  border: 1px solid #acacb4;
}

.shopex-btn-outlined {
  background-color: transparent;
}
.shopex-btn-outlined.shopex-btn-primary, .shopex-btn-outlined.shopex-btn-blue {
  color: #007aff;
}
.shopex-btn-outlined.shopex-btn-positive, .shopex-btn-outlined.shopex-btn-success, .shopex-btn-outlined.shopex-btn-green {
  color: #4cd964;
}
.shopex-btn-outlined.shopex-btn-warning, .shopex-btn-outlined.shopex-btn-yellow {
  color: #f0ad4e;
}
.shopex-btn-outlined.shopex-btn-negative, .shopex-btn-outlined.shopex-btn-danger, .shopex-btn-outlined.shopex-btn-red {
  color: #dd524d;
}
.shopex-btn-outlined.shopex-btn-royal, .shopex-btn-outlined.shopex-btn-purple {
  color: #8a6de9;
}
.shopex-btn-outlined.shopex-btn-primary:enabled:active, .shopex-btn-outlined.shopex-btn-blue:enabled:active, .shopex-btn-outlined.shopex-btn-positive:enabled:active, .shopex-btn-outlined.shopex-btn-success:enabled:active, .shopex-btn-outlined.shopex-btn-green:enabled:active, .shopex-btn-outlined.shopex-btn-warning:enabled:active, .shopex-btn-outlined.shopex-btn-yellow:enabled:active, .shopex-btn-outlined.shopex-btn-negative:enabled:active, .shopex-btn-outlined.shopex-btn-danger:enabled:active, .shopex-btn-outlined.shopex-btn-red:enabled:active, .shopex-btn-outlined.shopex-btn-royal:enabled:active, .shopex-btn-outlined.shopex-btn-purple:enabled:active {
  color: #fff;
}

.shopex-btn-link {
  padding-top: 6px;
  padding-bottom: 6px;
  color: #007aff;
  background-color: transparent;
  border: 0;
}
.shopex-btn-link:enabled:active, .shopex-btn-link.shopex-active:enabled {
  color: #0062cc;
  background-color: transparent;
}

.shopex-btn-block {
  display: block;
  width: 100%;
  padding: .6rem 0;
  margin-bottom: 10px;
  font-size: 1rem;
}

.shopex-btn .shopex-badge {
  margin: -2px -4px -2px 4px;
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.15);
}

.shopex-btn .shopex-badge-inverted,
.shopex-btn:enabled:active .shopex-badge-inverted {
  background-color: transparent;
}

.shopex-btn-primary:enabled:active .shopex-badge-inverted,
.shopex-btn-positive:enabled:active .shopex-badge-inverted,
.shopex-btn-negative:enabled:active .shopex-badge-inverted {
  color: #fff;
}

.shopex-btn-block .shopex-badge {
  position: absolute;
  right: 0;
  margin-right: 10px;
}

.shopex-btn .shopex-icon {
  font-size: inherit;
}

.shopex-btn.shopex-icon {
  font-size: 14px;
  line-height: 1.42;
}

.shopex-btn.shopex-fab {
  border-radius: 50%;
  width: 56px;
  height: 56px;
  padding: 16px;
  outline: none;
}
.shopex-btn.shopex-fab.shopex-btn-mini {
  width: 40px;
  height: 40px;
  padding: 8px;
}
.shopex-btn.shopex-fab .shopex-icon {
  font-size: 24px;
  line-height: 24px;
  width: 24px;
  height: 24px;
}

.shopex-bar {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 10;
  height: 44px;
  padding-right: 10px;
  padding-left: 10px;
  background-color: #f7f7f7;
  border-bottom: 0;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.shopex-bar .shopex-title {
  width: auto;
  left: 40px;
  right: 40px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.shopex-bar .shopex-backdrop {
  background: none;
}

.shopex-bar-header-secondary {
  top: 44px;
}

.shopex-bar-footer {
  bottom: 0;
}

.shopex-bar-footer-secondary {
  bottom: 44px;
}

.shopex-bar-footer-secondary-tab {
  bottom: 50px;
}

.shopex-bar-footer,
.shopex-bar-footer-secondary,
.shopex-bar-footer-secondary-tab {
  border-top: 0;
}

.shopex-bar-nav {
  top: 0;
  -webkit-box-shadow: 0px 1px 6px #CCC;
  box-shadow: 0px 1px 6px #CCC;
}
.shopex-bar-nav ~ .shopex-content .shopex-anchor {
  display: block;
  height: 45px;
  margin-top: -45px;
  visibility: hidden;
}
.shopex-bar-nav.shopex-bar .shopex-icon {
  margin-left: -10px;
  margin-right: -10px;
  padding-left: 10px;
  padding-right: 10px;
}

.shopex-title {
  position: absolute;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0 -10px;
  font-size: 17px;
  font-weight: 500;
  line-height: 44px;
  color: #000;
  text-align: center;
  white-space: nowrap;
}

.shopex-title a {
  color: inherit;
}

.shopex-bar-tab {
  display: table;
  bottom: 0;
  width: 100%;
  height: 50px;
  padding: 0;
  table-layout: fixed;
  border-top: 0;
  border-bottom: 0;
  -webkit-touch-callout: none;
}
.shopex-bar-tab .shopex-tab-item {
  display: table-cell;
  width: 1%;
  height: 50px;
  color: #929292;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shopex-bar-tab .shopex-tab-item.shopex-active {
  color: #007aff;
}
.shopex-bar-tab .shopex-tab-item .shopex-icon {
  top: 3px;
  width: 24px;
  height: 24px;
  padding-top: 0;
  padding-bottom: 0;
}
.shopex-bar-tab .shopex-tab-item .shopex-icon ~ .shopex-tab-label {
  display: block;
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.shopex-bar-tab .shopex-tab-item .shopex-icon:active {
  background: none;
}

.shopex-focusin > .shopex-bar-nav, .shopex-focusin > .shopex-bar-header-secondary {
  position: absolute;
}

.shopex-focusin > .shopex-bar ~ .shopex-content {
  padding-bottom: 0;
}

.shopex-bar .shopex-btn {
  position: relative;
  top: 7px;
  z-index: 20;
  padding: 6px 12px 7px;
  margin-top: 0;
  font-weight: 400;
}
.shopex-bar .shopex-btn.shopex-pull-right {
  margin-left: 10px;
}
.shopex-bar .shopex-btn.shopex-pull-left {
  margin-right: 10px;
}

.shopex-bar .shopex-btn-link {
  top: 0;
  padding: 0;
  font-size: 16px;
  line-height: 44px;
  color: #007aff;
  border: 0;
}
.shopex-bar .shopex-btn-link:active, .shopex-bar .shopex-btn-link.shopex-active {
  color: #0062cc;
}

.shopex-bar .shopex-btn-block {
  top: 6px;
  padding: 5px 0;
  margin-bottom: 0;
  font-size: 16px;
}

.shopex-bar .shopex-btn-nav.shopex-pull-left {
  margin-left: -5px;
}
.shopex-bar .shopex-btn-nav.shopex-pull-left .shopex-icon-left-nav {
  margin-right: -3px;
}
.shopex-bar .shopex-btn-nav.shopex-pull-right {
  margin-right: -5px;
}
.shopex-bar .shopex-btn-nav.shopex-pull-right .shopex-icon-right-nav {
  margin-left: -3px;
}
.shopex-bar .shopex-btn-nav:active {
  opacity: .3;
}

.shopex-bar .shopex-icon {
  position: relative;
  z-index: 20;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 24px;
}
.shopex-bar .shopex-icon:active {
  opacity: .3;
}
.shopex-bar .shopex-btn .shopex-icon {
  top: 1px;
  padding: 0;
  margin: 0;
}
.shopex-bar .shopex-title .shopex-icon {
  padding: 0;
  margin: 0;
}
.shopex-bar .shopex-title .shopex-icon.shopex-icon-caret {
  top: 4px;
  margin-left: -5px;
}

.shopex-bar input[type="search"] {
  height: 29px;
  margin: 6px 0;
}

.shopex-bar .shopex-input-row .shopex-btn {
  padding: 12px 10px;
}

.shopex-bar .shopex-search:before {
  margin-top: -10px;
}

.shopex-bar.shopex-bar-header-secondary .shopex-input-row .shopex-input-clear ~ .shopex-icon-clear, .shopex-bar.shopex-bar-header-secondary .shopex-input-row .shopex-input-speech ~ .shopex-icon-speech {
  top: 0;
  right: 0;
}

.shopex-bar .shopex-segmented-control {
  top: 7px;
  margin: 0 auto;
  width: auto;
}

.shopex-bar.shopex-bar-header-secondary .shopex-segmented-control {
  top: 0px;
}

.shopex-badge {
  display: inline-block;
  padding: 3px 6px;
  font-size: 12px;
  line-height: 1;
  color: #333;
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 100px;
}
.shopex-badge.shopex-badge-inverted {
  padding: 0 5px 0 0;
  color: #929292;
  background-color: transparent;
}

.shopex-badge-primary, .shopex-badge-blue {
  color: #fff;
  background-color: #007aff;
}
.shopex-badge-primary.shopex-badge-inverted, .shopex-badge-blue.shopex-badge-inverted {
  color: #007aff;
  background-color: transparent;
}

.shopex-badge-success, .shopex-badge-green {
  color: #fff;
  background-color: #4cd964;
}
.shopex-badge-success.shopex-badge-inverted, .shopex-badge-green.shopex-badge-inverted {
  color: #4cd964;
  background-color: transparent;
}

.shopex-badge-warning, .shopex-badge-yellow {
  color: #fff;
  background-color: #f0ad4e;
}
.shopex-badge-warning.shopex-badge-inverted, .shopex-badge-yellow.shopex-badge-inverted {
  color: #f0ad4e;
  background-color: transparent;
}

.shopex-badge-danger, .shopex-badge-red {
  color: #fff;
  background-color: #dd524d;
}
.shopex-badge-danger.shopex-badge-inverted, .shopex-badge-red.shopex-badge-inverted {
  color: #dd524d;
  background-color: transparent;
}

.shopex-badge-royal, .shopex-badge-purple {
  color: #fff;
  background-color: #8a6de9;
}
.shopex-badge-royal.shopex-badge-inverted, .shopex-badge-purple.shopex-badge-inverted {
  color: #8a6de9;
  background-color: transparent;
}

.shopex-icon .shopex-badge {
  position: absolute;
  left: 100%;
  margin-left: -10px;
  top: -2px;
  font-size: 10px;
  line-height: 1.4;
  padding: 1px 5px;
  background: red;
  color: white;
}

.shopex-card {
  margin: 0 15px;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #ddd;
  background-clip: padding-box;
  border-radius: 6px;
}

.shopex-content > .shopex-card:first-child {
  margin-top: 15px;
}

.shopex-card .shopex-input-group:before, .shopex-card .shopex-input-group:after {
  height: 0;
}
.shopex-card .shopex-input-group .shopex-input-row:last-child:before, .shopex-card .shopex-input-group .shopex-input-row:last-child:after {
  height: 0;
}

.shopex-card .shopex-table-view {
  margin-bottom: 0;
  border-top: 0;
  border-bottom: 0;
  border-radius: 6px;
}
.shopex-card .shopex-table-view .shopex-table-view-divider:first-child, .shopex-card .shopex-table-view .shopex-table-view-cell:first-child {
  top: 0;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.shopex-card .shopex-table-view .shopex-table-view-divider:last-child, .shopex-card .shopex-table-view .shopex-table-view-cell:last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.shopex-card .shopex-table-view:before, .shopex-card .shopex-table-view:after {
  height: 0;
}

.shopex-card > .shopex-table-view > .shopex-table-view-cell:last-child:before, .shopex-card > .shopex-table-view > .shopex-table-view-cell:last-child:after {
  height: 0;
}

.shopex-table-view {
  position: relative;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
}
.shopex-table-view:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: #e4e5e6;
  content: '';
}
.shopex-table-view:before {
  top: -1px;
}

.shopex-table-view-icon .shopex-table-view-cell .shopex-navigate-right .shopex-icon {
  font-size: 20px;
  margin-left: -5px;
  margin-right: 5px;
  margin-top: -1px;
}
.shopex-table-view-icon .shopex-table-view-cell:after {
  left: 40px;
}

.shopex-table-view-chevron .shopex-table-view-cell {
  padding-right: 65px;
}
.shopex-table-view-chevron .shopex-table-view-cell > a:not(.shopex-btn) {
  margin-right: -65px;
}

.shopex-table-view-radio .shopex-table-view-cell {
  padding-right: 65px;
}
.shopex-table-view-radio .shopex-table-view-cell > a:not(.shopex-btn) {
  margin-right: -65px;
}
.shopex-table-view-radio .shopex-table-view-cell .shopex-navigate-right:after {
  right: 9px;
  content: '';
  color: #007aff;
  font-size: 30px;
  font-weight: 600;
}
.shopex-table-view-radio .shopex-table-view-cell.shopex-selected .shopex-navigate-right:after {
  content: '\e472';
}

.shopex-table-view-inverted {
  background: #333;
  color: #fff;
}
.shopex-table-view-inverted:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: #222;
  content: '';
}
.shopex-table-view-inverted:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background-color: #222;
  content: '';
}
.shopex-table-view-inverted .shopex-table-view-cell:after {
  position: absolute;
  left: 15px;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: #222;
  content: '';
}
.shopex-table-view-inverted .shopex-table-view-cell.shopex-active {
  background-color: #242424;
}
.shopex-table-view-inverted .shopex-table-view-cell > a:not(.shopex-btn).shopex-active {
  background-color: #242424;
}

.shopex-table-view-cell {
  position: relative;
  padding: .7rem 1rem;
  overflow: hidden;
  -webkit-touch-callout: none;
}
.shopex-table-view-cell:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: #e4e5e6;
  content: '';
}
.shopex-table-view-cell.shopex-radio input[type=radio], .shopex-table-view-cell.shopex-checkbox input[type=checkbox] {
  top: 8px;
}
.shopex-table-view-cell.shopex-radio.shopex-left, .shopex-table-view-cell.shopex-checkbox.shopex-left {
  padding-left: 58px;
}
.shopex-table-view-cell.shopex-active {
  background-color: #eee;
}
.shopex-table-view-cell:last-child:before, .shopex-table-view-cell:last-child:after {
  height: 0;
}
.shopex-table-view-cell > a:not(.shopex-btn) {
  position: relative;
  display: block;
  padding: inherit;
  margin: -11px -15px;
  overflow: hidden;
  color: inherit;
  white-space: nowrap;
  text-overflow: ellipsis;
  /*&:active {
      background-color: #eee;
  }*/
}
.shopex-table-view-cell > a:not(.shopex-btn).shopex-active {
  background-color: #eee;
}
.shopex-table-view-cell p {
  margin-bottom: 0;
}

.shopex-table-view-cell.shopex-transitioning > .shopex-slider-handle, .shopex-table-view-cell.shopex-transitioning > .shopex-slider-left .shopex-btn, .shopex-table-view-cell.shopex-transitioning > .shopex-slider-right .shopex-btn {
  -webkit-transition: -webkit-transform 300ms ease;
  transition: transform 300ms ease;
}
.shopex-table-view-cell.shopex-active > .shopex-slider-handle {
  background-color: #eee;
}
.shopex-table-view-cell > .shopex-slider-handle {
  position: relative;
}
.shopex-table-view-cell > .shopex-slider-handle.shopex-navigate-right:after, .shopex-table-view-cell > .shopex-slider-handle .shopex-navigate-right:after {
  right: 0;
}
.shopex-table-view-cell > .shopex-slider-handle, .shopex-table-view-cell > .shopex-slider-left .shopex-btn, .shopex-table-view-cell > .shopex-slider-right .shopex-btn {
  -webkit-transition: -webkit-transform 0ms ease;
  transition: transform 0ms ease;
}
.shopex-table-view-cell > .shopex-slider-left, .shopex-table-view-cell > .shopex-slider-right {
  position: absolute;
  top: 0;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.shopex-table-view-cell > .shopex-slider-left > .shopex-btn, .shopex-table-view-cell > .shopex-slider-right > .shopex-btn {
  padding: 0 1rem;
  color: #fff;
  border-radius: 0;
  border: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  left: 0;
}
.shopex-table-view-cell > .shopex-slider-left > .shopex-btn:after, .shopex-table-view-cell > .shopex-slider-right > .shopex-btn:after {
  content: '';
  position: absolute;
  top: 0;
  width: 600%;
  height: 100%;
  background: inherit;
  z-index: -1;
}
.shopex-table-view-cell > .shopex-slider-left > .shopex-btn.shopex-icon, .shopex-table-view-cell > .shopex-slider-right > .shopex-btn.shopex-icon {
  font-size: 30px;
}
.shopex-table-view-cell > .shopex-slider-right {
  right: 0%;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 0ms ease;
  transition: transform 0ms ease;
}
.shopex-table-view-cell > .shopex-slider-left {
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0ms ease;
  transition: transform 0ms ease;
}
.shopex-table-view-cell > .shopex-slider-left > .shopex-btn:after {
  right: 100%;
  margin-right: -1px;
}

.shopex-table-view-divider {
  position: relative;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 15px;
  margin-top: -1px;
  margin-left: 0;
  font-weight: 500;
  color: #999;
  background-color: #fafafa;
}
.shopex-table-view-divider:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: #c8c7cc;
  content: '';
}
.shopex-table-view-divider:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background-color: #c8c7cc;
  content: '';
}

.shopex-table-view .shopex-media,
.shopex-table-view .shopex-media-body {
  overflow: hidden;
}

.shopex-table-view .shopex-media-large .shopex-media-object {
  max-width: 80px;
  height: 80px;
  line-height: 80px;
}
.shopex-table-view .shopex-media .shopex-subtitle {
  color: #000;
}
.shopex-table-view .shopex-media-object {
  max-width: 42px;
  height: 42px;
  line-height: 42px;
}
.shopex-table-view .shopex-media-object.shopex-pull-left {
  margin-right: 10px;
}
.shopex-table-view .shopex-media-object.shopex-pull-right {
  margin-left: 10px;
}
.shopex-table-view .shopex-table-view-cell.shopex-media-icon .shopex-media-object {
  max-width: 29px;
  height: 29px;
  line-height: 29px;
  margin: -4px 0;
}
.shopex-table-view .shopex-table-view-cell.shopex-media-icon .shopex-media-object img {
  max-width: 29px;
  height: 29px;
  line-height: 29px;
}
.shopex-table-view .shopex-table-view-cell.shopex-media-icon .shopex-media-object.shopex-pull-left {
  margin-right: 10px;
}
.shopex-table-view .shopex-table-view-cell.shopex-media-icon .shopex-media-object .shopex-icon {
  font-size: 29px;
}
.shopex-table-view .shopex-table-view-cell.shopex-media-icon .shopex-media-body:after {
  position: absolute;
  left: 55px;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: #c8c7cc;
  content: '';
}
.shopex-table-view .shopex-table-view-cell.shopex-media-icon:after {
  height: 0 !important;
}

.shopex-table-view.shopex-unfold .shopex-table-view-cell.shopex-collapse .shopex-table-view {
  display: block;
}
.shopex-table-view.shopex-unfold .shopex-table-view-cell.shopex-collapse .shopex-table-view:before, .shopex-table-view.shopex-unfold .shopex-table-view-cell.shopex-collapse .shopex-table-view:after {
  height: 0 !important;
}
.shopex-table-view.shopex-unfold .shopex-table-view-cell.shopex-media-icon.shopex-collapse .shopex-media-body:after {
  position: absolute;
  left: 70px;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: #c8c7cc;
  content: '';
}

.shopex-table-view-cell > .shopex-btn,
.shopex-table-view-cell > .shopex-badge,
.shopex-table-view-cell > .shopex-switch,
.shopex-table-view-cell > a > .shopex-btn,
.shopex-table-view-cell > a > .shopex-badge,
.shopex-table-view-cell > a > .shopex-switch {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.shopex-table-view-cell .shopex-navigate-right > .shopex-btn,
.shopex-table-view-cell .shopex-navigate-right > .shopex-badge,
.shopex-table-view-cell .shopex-navigate-right > .shopex-switch,
.shopex-table-view-cell .shopex-push-left > .shopex-btn,
.shopex-table-view-cell .shopex-push-left > .shopex-badge,
.shopex-table-view-cell .shopex-push-left > .shopex-switch,
.shopex-table-view-cell .shopex-push-right > .shopex-btn,
.shopex-table-view-cell .shopex-push-right > .shopex-badge,
.shopex-table-view-cell .shopex-push-right > .shopex-switch,
.shopex-table-view-cell > a .shopex-navigate-right > .shopex-btn,
.shopex-table-view-cell > a .shopex-navigate-right > .shopex-badge,
.shopex-table-view-cell > a .shopex-navigate-right > .shopex-switch,
.shopex-table-view-cell > a .shopex-push-left > .shopex-btn,
.shopex-table-view-cell > a .shopex-push-left > .shopex-badge,
.shopex-table-view-cell > a .shopex-push-left > .shopex-switch,
.shopex-table-view-cell > a .shopex-push-right > .shopex-btn,
.shopex-table-view-cell > a .shopex-push-right > .shopex-badge,
.shopex-table-view-cell > a .shopex-push-right > .shopex-switch {
  right: 35px;
}

.shopex-content > .shopex-table-view:first-child {
  margin-top: 15px;
}

.shopex-table-view-cell.shopex-collapse .shopex-table-view:before, .shopex-table-view-cell.shopex-collapse .shopex-table-view:after {
  height: 0;
}
.shopex-table-view-cell.shopex-collapse .shopex-table-view .shopex-table-view-cell:last-child:after {
  height: 0;
}
.shopex-table-view-cell.shopex-collapse > .shopex-navigate-right:after, .shopex-table-view-cell.shopex-collapse > .shopex-push-right:after {
  content: '\e581';
}
.shopex-table-view-cell.shopex-collapse.shopex-active {
  margin-top: -1px;
}
.shopex-table-view-cell.shopex-collapse.shopex-active .shopex-table-view, .shopex-table-view-cell.shopex-collapse.shopex-active .shopex-collapse-content {
  display: block;
}
.shopex-table-view-cell.shopex-collapse.shopex-active > .shopex-navigate-right:after, .shopex-table-view-cell.shopex-collapse.shopex-active > .shopex-push-right:after {
  content: '\e580';
}
.shopex-table-view-cell.shopex-collapse.shopex-active .shopex-table-view-cell > a:not(.shopex-btn).shopex-active {
  margin-left: -31px;
  padding-left: 47px;
}
.shopex-table-view-cell.shopex-collapse .shopex-collapse-content {
  display: none;
  padding: 8px 15px;
  margin: 11px -15px -11px;
  background: white;
  position: relative;
  overflow: hidden;
  -webkit-transition: height .35s ease;
  -o-transition: height .35s ease;
  transition: height .35s ease;
}
.shopex-table-view-cell.shopex-collapse .shopex-collapse-content > .shopex-input-group, .shopex-table-view-cell.shopex-collapse .shopex-collapse-content > .shopex-slider {
  margin: -8px -15px;
  width: auto;
  height: auto;
}
.shopex-table-view-cell.shopex-collapse .shopex-collapse-content > .shopex-slider {
  margin: -8px -16px;
}
.shopex-table-view-cell.shopex-collapse .shopex-table-view {
  display: none;
  margin-bottom: -11px;
  margin-top: 11px;
  margin-right: -15px;
  margin-left: -15px;
  border: 0;
}
.shopex-table-view-cell.shopex-collapse .shopex-table-view.shopex-table-view-chevron {
  margin-right: -65px;
}
.shopex-table-view-cell.shopex-collapse .shopex-table-view .shopex-table-view-cell {
  padding-left: 31px;
  background-position: 31px 100%;
}
.shopex-table-view-cell.shopex-collapse .shopex-table-view .shopex-table-view-cell:after {
  position: absolute;
  left: 30px;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: #c8c7cc;
  content: '';
}

.shopex-table-view.shopex-grid-view {
  display: block;
  padding: 0 10px 10px 0;
  width: 100%;
  white-space: normal;
  font-size: 0;
}
.shopex-table-view.shopex-grid-view .shopex-table-view-cell {
  font-size: 17px;
  display: inline-block;
  padding: 10px 0 0 14px;
  background: none;
  text-align: center;
  vertical-align: middle;
  margin-right: -4px;
}
.shopex-table-view.shopex-grid-view .shopex-table-view-cell .shopex-media-object {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.shopex-table-view.shopex-grid-view .shopex-table-view-cell > a:not(.shopex-btn) {
  margin: -10px 0 0 -14px;
}
.shopex-table-view.shopex-grid-view .shopex-table-view-cell > a:not(.shopex-btn):active, .shopex-table-view.shopex-grid-view .shopex-table-view-cell > a:not(.shopex-btn).shopex-active {
  background: none;
}
.shopex-table-view.shopex-grid-view .shopex-table-view-cell .shopex-media-body {
  display: block;
  height: 15px;
  line-height: 15px;
  color: #333;
  font-size: 15px;
  margin-top: 8px;
  width: 100%;
  text-overflow: ellipsis;
}
.shopex-table-view.shopex-grid-view .shopex-table-view-cell:before, .shopex-table-view.shopex-grid-view .shopex-table-view-cell:after {
  height: 0;
}

.shopex-grid-view.shopex-grid-9 {
  background-color: #f2f2f2;
  padding: 0;
  margin: 0;
  border-left: 1px solid #EEE;
  border-top: 1px solid #EEE;
}
.shopex-grid-view.shopex-grid-9:before, .shopex-grid-view.shopex-grid-9:after {
  display: table;
  content: " ";
}
.shopex-grid-view.shopex-grid-9:after {
  clear: both;
}
.shopex-grid-view.shopex-grid-9:after {
  position: static;
}
.shopex-grid-view.shopex-grid-9 .shopex-table-view-cell {
  vertical-align: top;
  padding: 11px 15px;
  margin: 0;
  border-right: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
}
.shopex-grid-view.shopex-grid-9 .shopex-table-view-cell.shopex-active {
  background-color: #eee;
}
.shopex-grid-view.shopex-grid-9 .shopex-table-view-cell > a:not(.shopex-btn) {
  padding: 10px 0;
  margin: 0;
}
.shopex-grid-view.shopex-grid-9:before {
  height: 0;
}
.shopex-grid-view.shopex-grid-9 .shopex-media {
  color: #797979;
}
.shopex-grid-view.shopex-grid-9 .shopex-media .shopex-icon {
  font-size: 2.4em;
  position: relative;
}

.shopex-slider-cell {
  position: relative;
}
.shopex-slider-cell > .shopex-slider-handle {
  z-index: 1;
}
.shopex-slider-cell > .shopex-slider-left, .shopex-slider-cell > .shopex-slider-right {
  z-index: 0;
  position: absolute;
  top: 0;
  bottom: 0;
}
.shopex-slider-cell > .shopex-slider-left {
  left: 0;
}
.shopex-slider-cell > .shopex-slider-right {
  right: 0;
}

input,
textarea,
select {
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  font-size: 17px;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
}
input:focus,
textarea:focus,
select:focus {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-modify: read-write-plaintext-only;
}

select,
textarea,
input[type="text"],
input[type="search"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="color"] {
  width: 100%;
  height: 3rem;
  -webkit-appearance: none;
  padding: 10px 15px;
  margin-bottom: 15px;
  line-height: 1.6;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  outline: none;
  -webkit-user-select: text;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="search"] {
  font-size: 16px;
  height: 34px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.1);
  border: 0;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

input[type="search"]:focus {
  text-align: left;
}

textarea {
  height: auto;
  resize: none;
}

select {
  margin-top: 1px;
  height: auto;
  font-size: 14px;
  background-color: #fff;
  border: 0 !important;
}
select:focus {
  -webkit-user-modify: read-only;
}

.shopex-input-group {
  position: relative;
  padding: 0;
  border: 0;
  background-color: #fff;
}
.shopex-input-group:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: #e4e5e6;
  content: '';
}
.shopex-input-group:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background-color: #e4e5e6;
  content: '';
}

.shopex-input-group input,
.shopex-input-group textarea {
  margin-bottom: 0;
  background-color: transparent;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}

.shopex-input-group input[type="search"] {
  background: none;
}

.shopex-input-group input:last-child {
  background-image: none;
}

.shopex-input-row {
  clear: left;
  display: -webkit-box;
  overflow: hidden;
}
.shopex-input-row select {
  padding: 0;
  height: 37px;
  font-size: 17px;
}

.shopex-input-row:last-child,
.shopex-input-row label + input, .shopex-input-row .shopex--btn + input {
  background: none;
}

.shopex-input-group .shopex-input-row:after {
  position: absolute;
  left: 15px;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: #e4e5e6;
  content: '';
}

.shopex-input-row label {
  display: block;
  width: 8rem;
  padding: .8rem;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
}
.shopex-input-row label img {
  max-width: 100%;
}

.shopex-input-row label ~ input, .shopex-input-row label ~ select, .shopex-input-row label ~ textarea {
  -webkit-box-flex: 1;
  padding-left: 0;
  margin-bottom: 0;
  border: 0;
  margin-top: 1px;
}
.shopex-input-row label ~ .shopex-input-info {
  -webkit-box-flex: 1;
  padding: .8rem .8rem .8rem 0;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
}

.shopex-input-row .shopex--btn {
  float: right;
  width: 15%;
  padding: 10px 15px;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  line-height: 1.1;
}

.shopex-input-row .shopex--btn ~ input, .shopex-input-row .shopex--btn ~ select, .shopex-input-row .shopex--btn ~ textarea {
  float: left;
  width: 85%;
  padding-left: 0;
  margin-bottom: 0;
  border: 0;
}

.shopex-button-row {
  position: relative;
  padding-top: 5px;
  text-align: center;
}

.shopex-input-group .shopex-button-row {
  height: 45px;
}

.shopex-input-row {
  position: relative;
}
.shopex-input-row.shopex-input-range {
  padding-right: 20px;
  overflow: visible;
}
.shopex-input-row .shopex-inline {
  padding: 8px 0;
}
.shopex-input-row .shopex-input-clear ~ .shopex-icon-clear, .shopex-input-row .shopex-input-speech ~ .shopex-icon-speech, .shopex-input-row .shopex-input-password ~ .shopex-icon-eye {
  position: absolute;
  right: .6rem;
  top: .5rem;
  font-size: 20px;
  text-align: center;
  color: #999;
  z-index: 1;
}
.shopex-input-row .shopex-input-clear ~ .shopex-icon-clear.shopex-active, .shopex-input-row .shopex-input-speech ~ .shopex-icon-speech.shopex-active, .shopex-input-row .shopex-input-password ~ .shopex-icon-eye.shopex-active {
  color: #007aff;
}
.shopex-input-row .shopex-input-speech ~ .shopex-icon-speech {
  top: 8px;
  font-size: 24px;
}
.shopex-input-row .shopex-input-clear ~ .shopex-icon-clear ~ .shopex-icon-speech {
  display: none;
}
.shopex-input-row .shopex-input-clear ~ .shopex-icon-clear.shopex-hidden ~ .shopex-icon-speech {
  display: inline-block;
}
.shopex-input-row .shopex-icon-speech ~ .shopex-placeholder {
  right: 38px;
}
.shopex-input-row.shopex-search .shopex-icon-clear {
  top: 7px;
}
.shopex-input-row.shopex-search .shopex-icon-speech {
  top: 5px;
}

.shopex-radio, .shopex-checkbox {
  position: relative;
}
.shopex-radio label, .shopex-checkbox label {
  float: none;
  display: inline-block;
  width: 100%;
  padding-right: 58px;
}

.shopex-radio.shopex-left input[type="radio"], .shopex-checkbox.shopex-left input[type="checkbox"] {
  left: 20px;
}

.shopex-radio.shopex-left label, .shopex-checkbox.shopex-left label {
  padding-left: 58px;
  padding-right: 15px;
}

.shopex-radio input[type="radio"], .shopex-checkbox input[type="checkbox"] {
  -webkit-appearance: none;
  outline: 0 !important;
  width: 28px;
  border: 0;
  display: inline-block;
  position: absolute;
  line-height: 1;
  right: 1rem;
  height: 1.8rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: transparent;
}
.shopex-radio input[type="radio"][disabled]:before, .shopex-checkbox input[type="checkbox"][disabled]:before {
  opacity: .3;
}
.shopex-radio input[type="radio"]:before, .shopex-checkbox input[type="checkbox"]:before {
  font-family: Muiicons;
  font-weight: normal;
  border-radius: 0;
  font-size: 28px;
  line-height: 1;
  height: 1.8rem;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  color: #aaaaaa;
  background: none;
}
.shopex-radio input[type="radio"]:checked:before, .shopex-checkbox input[type="checkbox"]:checked:before {
  color: #007aff;
}

.shopex-radio.shopex-disabled label, .shopex-radio label.shopex-disabled, .shopex-checkbox.shopex-disabled label, .shopex-checkbox label.shopex-disabled {
  opacity: .4;
}

.shopex-radio input[type="radio"]:before {
  content: "\e411";
}

.shopex-radio input[type="radio"]:checked:before {
  content: "\e441";
}

.shopex-checkbox input[type="checkbox"]:before {
  content: "\e411";
}

.shopex-checkbox input[type="checkbox"]:checked:before {
  content: "\e442";
}

.shopex-select {
  position: relative;
}

.shopex-select:before {
  position: absolute;
  top: 8px;
  color: rgba(170, 170, 170, 0.6);
  font-family: Muiicons;
  right: 21px;
  content: '\e581';
}

.shopex-input-row .shopex-switch {
  float: right;
  margin-top: 5px;
  margin-right: 20px;
}

.shopex-input-range {
  /*input[type="range"] {
      -webkit-appearance: none;
      background: #999;
      height: 36px;
      border-radius: 1px;
      overflow: hidden;
      margin-top: 2px;
      margin-bottom: 2px;
      outline:none;
      position:relative;
      width:100%;
  }*/
  /*input[type='range']::-webkit-slider-thumb {
      -webkit-appearance: none!important;
      opacity: 0.5;
      height:28px;
      width:28px;
      border-radius: 50%;
      background:#00b7fb;
      position: relative;
      pointer-events: none;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      &:before{
          position: absolute;
          top: 13px;
          left: -2000px;
          width: 2000px;
          height: 2px;
          background: #00b7fb;
          content:' ';
      }
  }*/
}
.shopex-input-range input[type="range"] {
  -webkit-appearance: none !important;
  cursor: pointer;
  border: 0;
  outline: none;
  padding: 0;
  margin: 17px 0;
  background-color: #999;
  height: 2px;
  border-radius: 3px;
  position: relative;
  width: 100%;
}
.shopex-input-range input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  background-color: #007aff;
  background-clip: padding-box;
  height: 28px;
  width: 28px;
  border-radius: 50%;
  border-color: #0062cc;
}
.shopex-input-range label ~ input[type="range"] {
  width: 65%;
}
.shopex-input-range .shopex-tooltip {
  width: 64px;
  height: 64px;
  font-size: 36px;
  line-height: 64px;
  opacity: .8;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  color: #333;
  text-shadow: 0 1px 0 #f3f3f3;
  position: absolute;
  top: -70px;
  text-align: center;
  z-index: 1;
}

.shopex-search {
  position: relative;
}
.shopex-search input[type="search"] {
  padding-left: 30px;
}
.shopex-search .shopex-placeholder {
  height: 34px;
  font-size: 16px;
  line-height: 34px;
  text-align: center;
  background: none;
  border: 0;
  color: #999;
  border-radius: 6px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.shopex-search .shopex-placeholder .shopex-icon {
  color: #333;
  font-size: 20px;
}
.shopex-search:before {
  position: absolute;
  font-family: Muiicons;
  font-weight: normal;
  font-size: 20px;
  right: 50%;
  margin-right: 31px;
  top: 50%;
  margin-top: -18px;
  content: '\e466';
  display: none;
}
.shopex-search.shopex-active:before {
  left: 5px;
  right: auto;
  margin-right: 0;
  font-size: 20px;
  display: block;
}
.shopex-search.shopex-active input[type="search"] {
  text-align: left;
}
.shopex-search.shopex-active .shopex-placeholder {
  display: none;
}

.shopex-segmented-control {
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
  overflow: hidden;
  font-size: 15px;
  font-weight: 400;
  background-color: transparent;
  border: 1px solid #007aff;
  border-radius: 3px;
  -webkit-touch-callout: none;
}
.shopex-segmented-control.shopex-segmented-control-vertical {
  border-radius: 0;
  border-width: 0;
  border-collapse: collapse;
}
.shopex-segmented-control.shopex-segmented-control-vertical .shopex-control-item {
  display: block;
  border-left-width: 0;
  border-bottom: 1px solid #c8c7cc;
}
.shopex-segmented-control.shopex-scroll-wrapper {
  height: 38px;
}
.shopex-segmented-control.shopex-scroll-wrapper .shopex-scroll {
  height: 40px;
  width: auto;
  white-space: nowrap;
}
.shopex-segmented-control.shopex-scroll-wrapper .shopex-control-item {
  display: inline-block;
  width: auto;
  padding: 0 20px;
  border: 0;
}
.shopex-segmented-control .shopex-control-item {
  display: table-cell;
  width: 1%;
  overflow: hidden;
  line-height: 38px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-left: 1px solid #007aff;
  color: #007aff;
  border-color: #007aff;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}
.shopex-segmented-control .shopex-control-item:first-child {
  border-left-width: 0;
}
.shopex-segmented-control .shopex-control-item.shopex-active {
  color: #fff;
  background-color: #007aff;
}
.shopex-segmented-control.shopex-segmented-control-inverted {
  width: 100%;
  border: 0;
  border-radius: 0;
}
.shopex-segmented-control.shopex-segmented-control-inverted.shopex-segmented-control-vertical .shopex-control-item {
  border-bottom: 1px solid #c8c7cc;
}
.shopex-segmented-control.shopex-segmented-control-inverted.shopex-segmented-control-vertical .shopex-control-item.shopex-active {
  border-bottom: 1px solid #c8c7cc;
}
.shopex-segmented-control.shopex-segmented-control-inverted .shopex-control-item {
  border: 0;
  color: inherit;
}
.shopex-segmented-control.shopex-segmented-control-inverted .shopex-control-item.shopex-active {
  color: #007aff;
  background: none;
  border-bottom: 2px solid #007aff;
}
.shopex-segmented-control.shopex-segmented-control-inverted ~ .shopex-slider-progress-bar {
  background-color: #007aff;
}

.shopex-segmented-control-positive {
  border: 1px solid #4cd964;
}
.shopex-segmented-control-positive .shopex-control-item {
  color: #4cd964;
  border-color: inherit;
}
.shopex-segmented-control-positive .shopex-control-item.shopex-active {
  color: #fff;
  background-color: #4cd964;
}
.shopex-segmented-control-positive.shopex-segmented-control-inverted .shopex-control-item.shopex-active {
  color: #4cd964;
  background: none;
  border-bottom: 2px solid #4cd964;
}
.shopex-segmented-control-positive.shopex-segmented-control-inverted ~ .shopex-slider-progress-bar {
  background-color: #4cd964;
}

.shopex-segmented-control-negative {
  border: 1px solid #dd524d;
}
.shopex-segmented-control-negative .shopex-control-item {
  color: #dd524d;
  border-color: inherit;
}
.shopex-segmented-control-negative .shopex-control-item.shopex-active {
  color: #fff;
  background-color: #dd524d;
}
.shopex-segmented-control-negative.shopex-segmented-control-inverted .shopex-control-item.shopex-active {
  color: #dd524d;
  background: none;
  border-bottom: 2px solid #dd524d;
}
.shopex-segmented-control-negative.shopex-segmented-control-inverted ~ .shopex-slider-progress-bar {
  background-color: #dd524d;
}

.shopex-control-content {
  position: relative;
  display: none;
}
.shopex-control-content.shopex-active {
  display: block;
}

.shopex-popover {
  position: absolute;
  z-index: 999;
  display: none;
  width: 280px;
  background-color: #f7f7f7;
  border-radius: 7px;
  opacity: 0;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  -webkit-transform: none;
  transform: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.shopex-popover .shopex-popover-arrow {
  width: 26px;
  height: 26px;
  position: absolute;
  left: 0px;
  top: -25px;
  z-index: 1000;
  overflow: hidden;
}
.shopex-popover .shopex-popover-arrow:after {
  content: ' ';
  background: #f7f7f7;
  width: 26px;
  height: 26px;
  position: absolute;
  left: 0;
  top: 19px;
  border-radius: 3px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.shopex-popover .shopex-popover-arrow.shopex-bottom {
  left: -26px;
  top: 100%;
  margin-top: -1px;
}
.shopex-popover .shopex-popover-arrow.shopex-bottom:after {
  left: 0;
  top: -19px;
}
.shopex-popover.shopex-popover-action {
  bottom: 0;
  width: 100%;
  border-radius: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform .3s, opacity .3s;
  transition: transform .3s, opacity .3s;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.shopex-popover.shopex-popover-action .shopex-popover-arrow {
  display: none;
}
.shopex-popover.shopex-popover-action.shopex-popover-bottom {
  position: fixed;
}
.shopex-popover.shopex-popover-action.shopex-active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.shopex-popover.shopex-popover-action .shopex-table-view {
  margin: 8px;
  border-radius: 4px;
  text-align: center;
  color: #007aff;
}
.shopex-popover.shopex-popover-action .shopex-table-view .shopex-table-view-cell:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: #e4e5e6;
  content: '';
}
.shopex-popover.shopex-popover-action .shopex-table-view small {
  line-height: 1.3;
  font-weight: 400;
  display: block;
}
.shopex-popover.shopex-active {
  display: block;
  opacity: 1;
}
.shopex-popover .shopex-bar ~ .shopex-table-view {
  padding-top: 44px;
}

.shopex-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 998;
  background-color: rgba(0, 0, 0, 0.3);
}

.shopex-bar-backdrop.shopex-backdrop {
  bottom: 50px;
  background: none;
}

.shopex-backdrop-action.shopex-backdrop {
  background-color: rgba(0, 0, 0, 0.3);
}

.shopex-bar-backdrop.shopex-backdrop, .shopex-backdrop-action.shopex-backdrop {
  opacity: 0;
}
.shopex-bar-backdrop.shopex-backdrop.shopex-active, .shopex-backdrop-action.shopex-backdrop.shopex-active {
  opacity: 1;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.shopex-popover .shopex-btn-block {
  margin-bottom: 5px;
}
.shopex-popover .shopex-btn-block:last-child {
  margin-bottom: 0;
}

.shopex-popover .shopex-bar {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.shopex-popover .shopex-bar-nav {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.shopex-popover .shopex-scroll-wrapper {
  background-clip: padding-box;
  border-radius: 7px;
  margin: 7px 0;
}

.shopex-popover .shopex-scroll .shopex-table-view {
  max-height: none;
}

.shopex-popover .shopex-table-view {
  max-height: 300px;
  margin-bottom: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background-color: #f7f7f7;
  background-image: none;
  border-radius: 7px;
}
.shopex-popover .shopex-table-view:before, .shopex-popover .shopex-table-view:after {
  height: 0;
}
.shopex-popover .shopex-table-view .shopex-table-view-cell:first-child,
.shopex-popover .shopex-table-view .shopex-table-view-cell:first-child > a:not(.shopex-btn) {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
}
.shopex-popover .shopex-table-view .shopex-table-view-cell:last-child,
.shopex-popover .shopex-table-view .shopex-table-view-cell:last-child > a:not(.shopex-btn) {
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}

.shopex-popover.shopex-bar-popover .shopex-table-view {
  width: 106px;
}
.shopex-popover.shopex-bar-popover .shopex-table-view .shopex-table-view-cell {
  padding: 11px 15px 11px 15px;
  background-position: 0px 100%;
}
.shopex-popover.shopex-bar-popover .shopex-table-view .shopex-table-view-cell > a:not(.shopex-btn) {
  margin: -11px -15px -11px -15px;
}

.shopex-popup-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 998;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
}
.shopex-popup-backdrop.shopex-active {
  opacity: 1;
}

.shopex-popup {
  width: 270px;
  position: fixed;
  z-index: 10000;
  left: 50%;
  top: 50%;
  text-align: center;
  border-radius: 13px;
  overflow: hidden;
  opacity: 0;
  -webkit-transform: translate3d(-50%, -50%, 0) scale(1.185);
  transform: translate3d(-50%, -50%, 0) scale(1.185);
  -webkit-transition-property: -webkit-transform,opacity;
  transition-property: transform,opacity;
  color: #000;
  display: none;
}
.shopex-popup.shopex-popup-in {
  opacity: 1;
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
  -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
  transform: translate3d(-50%, -50%, 0) scale(1);
  display: block;
}
.shopex-popup.shopex-popup-out {
  opacity: 0;
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
  -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
  transform: translate3d(-50%, -50%, 0) scale(1);
}

.shopex-popup-inner {
  padding: 15px;
  border-radius: 13px 13px 0 0;
  position: relative;
  background: rgba(255, 255, 255, 0.95);
}
.shopex-popup-inner:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}

.shopex-popup-title {
  font-weight: 500;
  font-size: 18px;
  text-align: center;
}

.shopex-popup-title + .shopex-popup-text {
  margin: 5px 0 0;
  font-family: inherit;
  font-size: 14px;
}

.shopex-popup-buttons {
  height: 44px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.shopex-popup-button {
  width: 100%;
  padding: 0 5px;
  height: 44px;
  font-size: 17px;
  line-height: 44px;
  text-align: center;
  color: #007aff;
  display: block;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  background: rgba(255, 255, 255, 0.95);
}
.shopex-popup-button:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  left: auto;
  bottom: auto;
  width: 1px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  display: block;
  z-index: 15;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transform: scaleX(0.5);
  transform: scaleX(0.5);
}
.shopex-popup-button:first-child {
  border-radius: 0 0 0 13px;
}
.shopex-popup-button:first-child:last-child {
  border-radius: 0 0 13px 13px;
}
.shopex-popup-button:last-child {
  border-radius: 0 0 13px 0;
}
.shopex-popup-button:last-child:after {
  display: none;
}
.shopex-popup-button.shopex-popup-button-bold {
  font-weight: 600;
}

.shopex-popup-input input {
  height: 26px;
  background: #fff;
  margin: 15px 0 0;
  padding: 0 5px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 0;
  width: 100%;
  font-size: 14px;
}

.shopex-plus.shopex-android .shopex-popup-backdrop {
  -webkit-transition-duration: 1ms;
  transition-duration: 1ms;
}

.shopex-plus.shopex-android .shopex-popup {
  -webkit-transition-duration: 1ms;
  transition-duration: 1ms;
  -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
  transform: translate3d(-50%, -50%, 0) scale(1);
}

/* === Progress Bar === */
.shopex-progressbar {
  height: 2px;
  width: 100%;
  overflow: hidden;
  position: relative;
  display: block;
  background: #b6b6b6;
  border-radius: 2px;
  -webkit-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  vertical-align: middle;
}
.shopex-progressbar span {
  width: 100%;
  background: #007aff;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: 150ms;
  transition: 150ms;
}
.shopex-progressbar.shopex-progressbar-infinite:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #007aff;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  -webkit-animation: shopex-progressbar-infinite 1s linear infinite;
  animation: shopex-progressbar-infinite 1s linear infinite;
}

body > .shopex-progressbar {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10000;
  border-radius: 0;
}

.shopex-progressbar-in {
  -webkit-animation: shopex-progressbar-in 300ms forwards;
  animation: shopex-progressbar-in 300ms forwards;
}

.shopex-progressbar-out {
  -webkit-animation: shopex-progressbar-out 300ms forwards;
  animation: shopex-progressbar-out 300ms forwards;
}

@-webkit-keyframes shopex-progressbar-in {
  from {
    opacity: 0;
    -webkit-transform: scaleY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
  }
}
@keyframes shopex-progressbar-in {
  from {
    opacity: 0;
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    transform: scaleY(1);
  }
}
@-webkit-keyframes shopex-progressbar-out {
  from {
    opacity: 1;
    -webkit-transform: scaleY(1);
  }
  to {
    opacity: 0;
    -webkit-transform: scaleY(0);
  }
}
@keyframes shopex-progressbar-out {
  from {
    opacity: 1;
    transform: scaleY(1);
  }
  to {
    opacity: 0;
    transform: scaleY(0);
  }
}
@-webkit-keyframes shopex-progressbar-infinite {
  0% {
    -webkit-transform: translate3d(-50%, 0, 0) scaleX(0.5);
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) scaleX(0.5);
  }
}
@keyframes shopex-progressbar-infinite {
  0% {
    transform: translate3d(-50%, 0, 0) scaleX(0.5);
  }
  100% {
    transform: translate3d(100%, 0, 0) scaleX(0.5);
  }
}
.shopex-pagination {
  display: inline-block;
  padding-left: 0;
  margin: 0 auto;
  border-radius: 6px;
}
.shopex-pagination > li {
  display: inline;
}
.shopex-pagination > li > a,
.shopex-pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.428571429;
  text-decoration: none;
  color: #007aff;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}
.shopex-pagination > li:first-child > a,
.shopex-pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  background-clip: padding-box;
}
.shopex-pagination > li:last-child > a,
.shopex-pagination > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  background-clip: padding-box;
}
.shopex-pagination > li:active > a, .shopex-pagination > li:active > a:active,
.shopex-pagination > li:active > span,
.shopex-pagination > li:active > span:active,
.shopex-pagination > li.shopex-active > a,
.shopex-pagination > li.shopex-active > a:active,
.shopex-pagination > li.shopex-active > span,
.shopex-pagination > li.shopex-active > span:active {
  z-index: 2;
  color: #fff;
  background-color: #007aff;
  border-color: #007aff;
  cursor: default;
}
.shopex-pagination > li.shopex-disabled > span,
.shopex-pagination > li.shopex-disabled > span:active,
.shopex-pagination > li.shopex-disabled > a,
.shopex-pagination > li.shopex-disabled > a:active {
  color: #777;
  opacity: .6;
  background-color: #fff;
  border: 1px solid #ddd;
}

.shopex-pagination-lg > li > a,
.shopex-pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}

.shopex-pagination-sm > li > a,
.shopex-pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}

.shopex-pager {
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.shopex-pager:before, .shopex-pager:after {
  content: " ";
  display: table;
}
.shopex-pager:after {
  clear: both;
}
.shopex-pager li {
  display: inline;
}
.shopex-pager li > a,
.shopex-pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ddd;
  border-radius: 6px;
}
.shopex-pager li:active > a, .shopex-pager li:active > span, .shopex-pager li.shopex-active > a, .shopex-pager li.shopex-active > span {
  text-decoration: none;
  color: #fff;
  background-color: #007aff;
  border-color: #007aff;
  cursor: default;
}
.shopex-pager .shopex-next > a,
.shopex-pager .shopex-next > span {
  float: right;
}
.shopex-pager .shopex-previous > a,
.shopex-pager .shopex-previous > span {
  float: left;
}
.shopex-pager .shopex-disabled > a,
.shopex-pager .shopex-disabled > a:active,
.shopex-pager .shopex-disabled > span,
.shopex-pager .shopex-disabled > span:active {
  color: #777;
  opacity: .6;
  background-color: #fff;
  border: 1px solid #ddd;
}

.shopex-modal {
  position: fixed;
  top: 0;
  z-index: 999;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  background-color: #fff;
  opacity: 0;
  -webkit-transition: -webkit-transform .25s, opacity 1ms .25s;
  transition: transform .25s, opacity 1ms .25s;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1);
  transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1);
}
.shopex-modal.shopex-active {
  height: 100%;
  opacity: 1;
  -webkit-transition: -webkit-transform .25s;
  transition: transform .25s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1);
  transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1);
}

.shopex-android .shopex-modal .shopex-bar {
  position: static;
}

.shopex-android .shopex-modal .shopex-bar-nav ~ .shopex-content {
  padding-top: 0;
}

.shopex-slider {
  overflow: hidden;
  width: 100%;
  position: relative;
  z-index: 1;
}
.shopex-slider .shopex-segmented-control.shopex-segmented-control-inverted .shopex-control-item.shopex-active {
  border-bottom: 0;
}
.shopex-slider .shopex-segmented-control.shopex-segmented-control-inverted ~ .shopex-slider-group .shopex-slider-item {
  border-top: 1px solid #c8c7cc;
  border-bottom: 1px solid #c8c7cc;
}
.shopex-slider .shopex-slider-group {
  position: relative;
  font-size: 0;
  white-space: nowrap;
  -webkit-transition: all 0s linear;
  transition: all 0s linear;
}
.shopex-slider .shopex-slider-group .shopex-slider-item {
  position: relative;
  display: inline-block;
  white-space: normal;
  width: 100%;
  height: 100%;
  font-size: 14px;
  vertical-align: middle;
}
.shopex-slider .shopex-slider-group .shopex-slider-item > a:not(.shopex-control-item) {
  position: relative;
  line-height: 0;
  display: block;
}
.shopex-slider .shopex-slider-group .shopex-slider-item img {
  width: 100%;
}
.shopex-slider .shopex-slider-group .shopex-slider-item .shopex-table-view:before, .shopex-slider .shopex-slider-group .shopex-slider-item .shopex-table-view:after {
  height: 0;
}
.shopex-slider .shopex-slider-group.shopex-slider-loop {
  -webkit-transform: translate(-100%, 0px);
  transform: translate(-100%, 0px);
}

.shopex-slider-title {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 30px;
  line-height: 30px;
  width: 100%;
  text-align: left;
  text-indent: 12px;
  background-color: #000;
  opacity: 0.8;
  margin: 0;
}

.shopex-slider-indicator {
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
  background: none;
}
.shopex-slider-indicator.shopex-segmented-control {
  position: relative;
  bottom: auto;
}
.shopex-slider-indicator .shopex-indicator {
  display: inline-block;
  cursor: pointer;
  background: #fff;
  width: .6rem;
  height: .6rem;
  border-radius: 50%;
}
.shopex-slider-indicator .shopex-active.shopex-indicator {
  background: #ea6928;
}
.shopex-slider-indicator .shopex-icon {
  width: 40px;
  height: 30px;
  margin: 3px;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  border: 1px solid #dddddd;
}
.shopex-slider-indicator .shopex-number {
  display: inline-block;
  line-height: 32px;
  width: 58px;
}
.shopex-slider-indicator .shopex-number span {
  color: #ff5053;
}

.shopex-slider-progress-bar {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  height: 2px;
  z-index: 1;
}

.shopex-switch {
  position: relative;
  display: block;
  width: 74px;
  height: 30px;
  background-color: #fff;
  background-clip: padding-box;
  border: 2px solid #ddd;
  border-radius: 20px;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-property: background-color, border;
  transition-property: background-color, border;
}
.shopex-switch.shopex-disabled {
  opacity: .3;
}
.shopex-switch .shopex-switch-handle {
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 1;
  width: 28px;
  height: 28px;
  background-color: #fff;
  background-clip: padding-box;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
  border-radius: 16px;
  -webkit-transition-property: -webkit-transform, width,left;
  transition-property: transform, width,left;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.shopex-switch:before {
  position: absolute;
  top: 3px;
  right: 11px;
  font-size: 13px;
  color: #999;
  text-transform: uppercase;
  content: "Off";
}
.shopex-switch.shopex-dragging {
  background-color: #f7f7f7;
  border-color: #f7f7f7;
}
.shopex-switch.shopex-dragging .shopex-switch-handle {
  width: 38px;
}
.shopex-switch.shopex-dragging.shopex-active .shopex-switch-handle {
  width: 38px;
  left: -11px;
}
.shopex-switch.shopex-active {
  background-color: #4cd964;
  border-color: #4cd964;
}
.shopex-switch.shopex-active .shopex-switch-handle {
  -webkit-transform: translate(43px, 0);
  transform: translate(43px, 0);
}
.shopex-switch.shopex-active:before {
  right: auto;
  left: 15px;
  color: #fff;
  content: "On";
}
.shopex-switch input[type="checkbox"] {
  display: none;
}

.shopex-switch-mini {
  width: 47px;
}
.shopex-switch-mini:before {
  display: none;
}
.shopex-switch-mini.shopex-active .shopex-switch-handle {
  -webkit-transform: translate(16px, 0);
  transform: translate(16px, 0);
}

.shopex-switch-blue.shopex-active {
  background-color: #007aff;
  border: 2px solid #007aff;
}

.shopex-content.shopex-fade {
  left: 0;
  opacity: 0;
}
.shopex-content.shopex-fade.shopex-in {
  opacity: 1;
}
.shopex-content.shopex-sliding {
  z-index: 2;
  -webkit-transition: -webkit-transform .4s;
  transition: transform .4s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.shopex-content.shopex-sliding.shopex-left {
  z-index: 1;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.shopex-content.shopex-sliding.shopex-right {
  z-index: 3;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.shopex-navigate-right:after,
.shopex-push-left:after,
.shopex-push-right:after {
  position: absolute;
  top: 50%;
  display: inline-block;
  font-family: Muiicons;
  font-size: inherit;
  line-height: 1;
  color: #bbb;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.shopex-push-left:after {
  left: 15px;
  content: '\e582';
}

.shopex-navigate-right:after,
.shopex-push-right:after {
  right: 15px;
  content: '\e583';
}

.shopex-pull-top-pocket, .shopex-pull-bottom-pocket {
  display: block;
  overflow: hidden;
  position: absolute;
  left: 0;
  width: 100%;
  height: 50px;
  visibility: hidden;
}

.shopex-plus-pullrefresh .shopex-pull-top-pocket, .shopex-plus-pullrefresh .shopex-pull-bottom-pocket {
  display: none;
  visibility: visible;
}

.shopex-pull-top-pocket {
  top: 0px;
}

.shopex-bar-nav ~ .shopex-content .shopex-pull-top-pocket {
  top: 44px;
}

.shopex-bar-nav ~ .shopex-bar-header-secondary ~ .shopex-content .shopex-pull-top-pocket {
  top: 88px;
}

.shopex-pull-bottom-pocket {
  bottom: 0;
  height: 40px;
  position: relative;
}
.shopex-pull-bottom-pocket .shopex-pull-loading {
  visibility: hidden;
}
.shopex-pull-bottom-pocket .shopex-pull-loading.shopex-in {
  display: inline-block;
}

.shopex-pull {
  position: absolute;
  left: 0;
  bottom: 10px;
  right: 0;
  color: #777;
  text-align: center;
  font-weight: bold;
}

.shopex-pull-loading {
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  vertical-align: middle;
  margin-right: 10px;
}

.shopex-pull-loading.shopex-reverse {
  -webkit-transform: rotate(180deg) translateZ(0);
  transform: rotate(180deg) translateZ(0);
}

.shopex-pull-caption {
  display: inline-block;
  line-height: 24px;
  font-size: 15px;
  margin-top: 0;
  vertical-align: middle;
  position: relative;
  overflow: visible;
}
.shopex-pull-caption span {
  display: none;
}
.shopex-pull-caption span.shopex-in {
  display: inline;
}

.shopex-toast-container {
  position: fixed;
  width: 100%;
  top: 50%;
  z-index: 9999;
  opacity: 0;
  -webkit-transition: opacity .8s;
  transition: opacity .8s;
  transform: translateY(-50%);
}
.shopex-toast-container.shopex-active {
  opacity: 1;
}

.shopex-toast-message {
  width: 10rem;
  margin: 1rem auto;
  padding: 1rem;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  color: #fff;
  border-radius: .5rem;
  font-size: .9rem;
}

.shopex-numbox {
  border: solid 1px #bbb;
  overflow: hidden;
  display: inline-block;
  height: 2.2rem;
  border-radius: .3rem;
  background-color: #efeff4;
  vertical-align: top;
  position: relative;
  padding: 0px 2.4rem 0px 2.4rem;
  width: 7.5rem;
  vertical-align: middle;
}
.shopex-numbox [class*=numbox-btn], .shopex-numbox [class*=btn-numbox] {
  width: 40px;
  height: 100%;
  position: absolute;
  top: 0px;
  border: none;
  border-radius: 0px;
  font-size: 18px;
  color: #555;
  line-height: 100%;
  font-weight: normal;
  overflow: hidden;
  padding: 0px;
  background-color: #f9f9f9;
}
.shopex-numbox [class*=numbox-btn]:active, .shopex-numbox [class*=btn-numbox]:active {
  background-color: #ccc;
}
.shopex-numbox [class*=numbox-btn][disabled], .shopex-numbox [class*=btn-numbox][disabled] {
  color: #c0c0c0;
}
.shopex-numbox .shopex-numbox-btn-plus, .shopex-numbox .shopex-btn-numbox-plus {
  right: 0px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.shopex-numbox .shopex-numbox-btn-minus, .shopex-numbox .shopex-btn-numbox-minus {
  left: 0px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.shopex-numbox .shopex-numbox-input, .shopex-numbox .shopex-input-numbox {
  width: 100% !important;
  height: 100%;
  text-align: center;
  border: none !important;
  border-left: solid 1px #ccc !important;
  border-right: solid 1px #ccc !important;
  margin: 0px;
  padding: 0px 3px !important;
  display: inline-block;
  border-radius: 0px !important;
  text-overflow: ellipsis;
  word-break: normal;
  overflow: hidden;
}

.shopex-input-row .shopex-numbox {
  margin: 2px 8px;
  float: right;
}

@font-face {
  font-family: Muiicons;
  font-weight: normal;
  font-style: normal;
  src: url("../../fonts/mui.ttf") format("truetype");
}
.shopex-icon {
  display: inline-block;
  font-family: Muiicons;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
}
.shopex-icon.shopex-active {
  color: #007aff;
}
.shopex-icon.shopex-right:before {
  float: right;
  padding-left: 0.2em;
}

.shopex-icon-contact:before {
  content: "\e100";
}

.shopex-icon-person:before {
  content: "\e101";
}

.shopex-icon-personadd:before {
  content: "\e102";
}

.shopex-icon-contact-filled:before {
  content: "\e130";
}

.shopex-icon-person-filled:before {
  content: "\e131";
}

.shopex-icon-personadd-filled:before {
  content: "\e132";
}

.shopex-icon-phone:before {
  content: "\e200";
}

.shopex-icon-email:before {
  content: "\e201";
}

.shopex-icon-chatbubble:before {
  content: "\e202";
}

.shopex-icon-chatboxes:before {
  content: "\e203";
}

.shopex-icon-phone-filled:before {
  content: "\e230";
}

.shopex-icon-email-filled:before {
  content: "\e231";
}

.shopex-icon-chatbubble-filled:before {
  content: "\e232";
}

.shopex-icon-chatboxes-filled:before {
  content: "\e233";
}

.shopex-icon-weibo:before {
  content: "\e260";
}

.shopex-icon-weixin:before {
  content: "\e261";
}

.shopex-icon-pengyouquan:before {
  content: "\e262";
}

.shopex-icon-chat:before {
  content: "\e263";
}

.shopex-icon-qq:before {
  content: "\e264";
}

.shopex-icon-videocam:before {
  content: "\e300";
}

.shopex-icon-camera:before {
  content: "\e301";
}

.shopex-icon-mic:before {
  content: "\e302";
}

.shopex-icon-location:before {
  content: "\e303";
}

.shopex-icon-mic-filled:before, .shopex-icon-speech:before {
  content: "\e332";
}

.shopex-icon-location-filled:before {
  content: "\e333";
}

.shopex-icon-micoff:before {
  content: "\e360";
}

.shopex-icon-image:before {
  content: "\e363";
}

.shopex-icon-map:before {
  content: "\e364";
}

.shopex-icon-compose:before {
  content: "\e400";
}

.shopex-icon-trash:before {
  content: "\e401";
}

.shopex-icon-upload:before {
  content: "\e402";
}

.shopex-icon-download:before {
  content: "\e403";
}

.shopex-icon-close:before {
  content: "\e404";
}

.shopex-icon-redo:before {
  content: "\e405";
}

.shopex-icon-undo:before {
  content: "\e406";
}

.shopex-icon-refresh:before {
  content: "\e407";
}

.shopex-icon-star:before {
  content: "\e408";
}

.shopex-icon-plus:before {
  content: "\e409";
}

.shopex-icon-minus:before {
  content: "\e410";
}

.shopex-icon-circle:before, .shopex-icon-checkbox:before {
  content: "\e411";
}

.shopex-icon-close-filled:before, .shopex-icon-clear:before {
  content: "\e434";
}

.shopex-icon-refresh-filled:before {
  content: "\e437";
}

.shopex-icon-star-filled:before {
  content: "\e438";
}

.shopex-icon-plus-filled:before {
  content: "\e439";
}

.shopex-icon-minus-filled:before {
  content: "\e440";
}

.shopex-icon-circle-filled:before {
  content: "\e441";
}

.shopex-icon-checkbox-filled:before {
  content: "\e442";
}

.shopex-icon-closeempty:before {
  content: "\e460";
}

.shopex-icon-refreshempty:before {
  content: "\e461";
}

.shopex-icon-reload:before {
  content: "\e462";
}

.shopex-icon-starhalf:before {
  content: "\e463";
}

.shopex-icon-spinner:before {
  content: "\e464";
}

.shopex-icon-spinner-cycle:before {
  content: "\e465";
}

.shopex-icon-search:before {
  content: "\e466";
}

.shopex-icon-plusempty:before {
  content: "\e468";
}

.shopex-icon-forward:before {
  content: "\e470";
}

.shopex-icon-back:before, .shopex-icon-left-nav:before {
  content: "\e471";
}

.shopex-icon-checkmarkempty:before {
  content: "\e472";
}

.shopex-icon-home:before {
  content: "\e500";
}

.shopex-icon-navigate:before {
  content: "\e501";
}

.shopex-icon-gear:before {
  content: "\e502";
}

.shopex-icon-paperplane:before {
  content: "\e503";
}

.shopex-icon-info:before {
  content: "\e504";
}

.shopex-icon-help:before {
  content: "\e505";
}

.shopex-icon-locked:before {
  content: "\e506";
}

.shopex-icon-more:before {
  content: "\e507";
}

.shopex-icon-flag:before {
  content: "\e508";
}

.shopex-icon-home-filled:before {
  content: "\e530";
}

.shopex-icon-gear-filled:before {
  content: "\e532";
}

.shopex-icon-info-filled:before {
  content: "\e534";
}

.shopex-icon-help-filled:before {
  content: "\e535";
}

.shopex-icon-more-filled:before {
  content: "\e537";
}

.shopex-icon-settings:before {
  content: "\e560";
}

.shopex-icon-list:before {
  content: "\e562";
}

.shopex-icon-bars:before {
  content: "\e563";
}

.shopex-icon-loop:before {
  content: "\e565";
}

.shopex-icon-paperclip:before {
  content: "\e567";
}

.shopex-icon-eye:before {
  content: "\e568";
}

.shopex-icon-arrowup:before {
  content: "\e580";
}

.shopex-icon-arrowdown:before {
  content: "\e581";
}

.shopex-icon-arrowleft:before {
  content: "\e582";
}

.shopex-icon-arrowright:before {
  content: "\e583";
}

.shopex-icon-arrowthinup:before {
  content: "\e584";
}

.shopex-icon-arrowthindown:before {
  content: "\e585";
}

.shopex-icon-arrowthinleft:before {
  content: "\e586";
}

.shopex-icon-arrowthinright:before {
  content: "\e587";
}

.shopex-icon-pulldown:before {
  content: "\e588";
}

.shopex-fullscreen {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.shopex-fullscreen.shopex-slider .shopex-slider-group {
  height: 100%;
}
.shopex-fullscreen .shopex-segmented-control ~ .shopex-slider-group {
  width: 100%;
  height: auto;
  top: 40px;
  bottom: 0;
  position: absolute;
}
.shopex-fullscreen.shopex-slider .shopex-slider-item > a {
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.shopex-fullscreen .shopex-off-canvas-wrap .shopex-slider-item > a {
  top: auto;
  transform: none;
  -webkit-transform: none;
}

.shopex-bar-nav ~ .shopex-content .shopex-slider.shopex-fullscreen {
  top: 44px;
}

.shopex-bar-tab ~ .shopex-content .shopex-slider.shopex-fullscreen .shopex-segmented-control ~ .shopex-slider-group {
  bottom: 50px;
}

.shopex-android.shopex-android-4-0 input:focus,
.shopex-android.shopex-android-4-0 textarea:focus {
  -webkit-user-modify: inherit;
}

.shopex-android.shopex-android-4-2 input,
.shopex-android.shopex-android-4-2 textarea, .shopex-android.shopex-android-4-3 input,
.shopex-android.shopex-android-4-3 textarea {
  -webkit-user-select: text;
}

.shopex-ios .shopex-table-view-cell {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.shopex-plus-visible, .shopex-wechat-visible {
  display: none !important;
}

.shopex-plus-hidden, .shopex-wechat-hidden {
  display: block !important;
}

.shopex-tab-item.shopex-plus-hidden, .shopex-tab-item.shopex-wechat-hidden {
  display: table-cell !important;
}

.shopex-plus .shopex-plus-visible, .shopex-wechat .shopex-wechat-visible {
  display: block !important;
}

.shopex-plus .shopex-tab-item.shopex-plus-visible, .shopex-wechat .shopex-tab-item.shopex-wechat-visible {
  display: table-cell !important;
}

.shopex-plus .shopex-plus-hidden, .shopex-wechat .shopex-wechat-hidden {
  display: none !important;
}

.shopex-plus.shopex-statusbar.shopex-statusbar-offset .shopex-bar-nav {
  padding-top: 20px;
  height: 64px;
}
.shopex-plus.shopex-statusbar.shopex-statusbar-offset .shopex-bar-nav ~ .shopex-content {
  padding-top: 64px;
}
.shopex-plus.shopex-statusbar.shopex-statusbar-offset .shopex-bar-nav ~ .shopex-content .shopex-pull-top-pocket {
  top: 64px;
}
.shopex-plus.shopex-statusbar.shopex-statusbar-offset .shopex-bar-header-secondary {
  top: 64px;
}
.shopex-plus.shopex-statusbar.shopex-statusbar-offset .shopex-bar-header-secondary ~ .shopex-content {
  padding-top: 94px;
}

.shopex-iframe-wrapper {
  -webkit-overflow-scrolling: touch;
  position: absolute;
  left: 0;
  right: 0;
}
.shopex-iframe-wrapper iframe {
  border: 0;
  width: 100%;
  height: 100%;
}

/* color start */
/* background */
/* font */
/* color */
/* border */
/* system */
/* color end */
/* gap start */
/* gap end */
/* font size start */
/* font size end */
/* zindex */
/* zindex end */
html {
  font-family: sans-serif;
}

* {
  margin: 0;
  padding: 0;
  border: 0;
}

ul, ol, menu {
  list-style: none;
}

body {
  font-size: 1em;
  line-height: 1.5;
  word-wrap: break-word;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-touch-callout: none;
}

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

address, em, i {
  font-style: normal;
}

input, select, button {
  vertical-align: middle;
}

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

a {
  -webkit-tap-highlight-color: transparent;
}

@font-face {
  font-family: 'iconfonts';
  src: url("../../fonts/iconfonts.eot?ventwz");
  src: url("../../fonts/iconfonts.eot?ventwz#iefix") format("embedded-opentype"), url("../../fonts/iconfonts.ttf?ventwz") format("truetype"), url("../../fonts/iconfonts.woff?ventwz") format("woff"), url("../../fonts/iconfonts.svg?ventwz#iconfonts") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="bbc-icon-"], [class*=" bbc-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'iconfonts' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
}

.bbc-icon-category:before {
  content: "\e934";
}

.bbc-icon-category-empty:before {
  content: "\e937";
}

.bbc-icon-rate-empty:before {
  content: "\e938";
}

.bbc-icon-complaints-nodata:before {
  content: "\e939";
}

.bbc-icon-trade-nodata:before {
  content: "\e93a";
}

.bbc-icon-address-nodata:before {
  content: "\e93b";
}

.bbc-icon-goods-nodata:before {
  content: "\e93c";
}

.bbc-icon-shop-nodata:before {
  content: "\e93d";
}

.bbc-icon-return-nodata:before {
  content: "\e93e";
}

.bbc-icon-coupon-nodata:before {
  content: "\e93f";
}

.bbc-icon-activity-nodata:before {
  content: "\e940";
}

.bbc-icon-integral-nodata:before {
  content: "\e941";
}

.bbc-icon-deposit-nodata:before {
  content: "\e942";
}

.bbc-icon-rate-nodata:before {
  content: "\e94a";
}

.bbc-icon-cart-nodata:before {
  content: "\e94e";
}

.bbc-icon-unipay:before {
  content: "\e931";
}

.bbc-icon-qianbao:before {
  content: "\e92d";
}

.bbc-icon-back:before {
  content: "\e900";
}

.bbc-icon-more-vertical:before {
  content: "\e930";
}

.bbc-icon-qq-member:before {
  content: "\e92c";
}

.bbc-icon-tag:before {
  content: "\e92f";
}

.bbc-icon-deposit-amount:before {
  content: "\e925";
}

.bbc-icon-integral:before {
  content: "\e936";
}

.bbc-icon-star-empty:before {
  content: "\e943";
}

.bbc-icon-remove:before {
  content: "\e944";
}

.bbc-icon-member-level:before {
  content: "\e945";
}

.bbc-icon-wapweixin-member:before {
  content: "\e946";
}

.bbc-icon-weibo-member:before {
  content: "\e947";
}

.bbc-icon-renren-member:before {
  content: "\e948";
}

.bbc-icon-assets:before {
  content: "\e949";
}

.bbc-icon-purse:before {
  content: "\e94b";
}

.bbc-icon-coupon:before {
  content: "\e94c";
}

.bbc-icon-invoice:before {
  content: "\e94d";
}

.bbc-icon-communication:before {
  content: "\e926";
}

.bbc-icon-home:before {
  content: "\e927";
}

.bbc-icon-user:before {
  content: "\e928";
}

.bbc-icon-cart:before {
  content: "\e929";
}

.bbc-icon-gallery:before {
  content: "\e92a";
}

.bbc-icon-message:before {
  content: "\e92b";
}

.bbc-icon-thumb:before {
  content: "\e92e";
}

.bbc-icon-countdown:before {
  content: "\e932";
}

.bbc-icon-rate:before {
  content: "\e933";
}

.bbc-icon-top:before {
  content: "\e935";
}

.bbc-icon-weixin:before {
  content: "\e921";
}

.bbc-icon-zhifubao:before {
  content: "\e922";
}

.bbc-icon-arrow-down:before {
  content: "\e923";
}

.bbc-icon-star-empty-s:before {
  content: "\e924";
}

.bbc-icon-cart-empty:before {
  content: "\e901";
}

.bbc-icon-checked:before {
  content: "\e903";
  color: #ea2329;
}

.bbc-icon-checked-none:before {
  content: "\e903";
}

.bbc-icon-delete:before {
  content: "\e904";
}

.bbc-icon-error:before {
  content: "\e905";
}

.bbc-icon-faverite:before {
  content: "\e906";
}

.bbc-icon-forward:before {
  content: "\e907";
}

.bbc-icon-history-gap:before {
  content: "\e908";
}

.bbc-icon-history:before {
  content: "\e909";
}

.bbc-icon-home-empty:before {
  content: "\e90a";
}

.bbc-icon-info:before {
  content: "\e90b";
}

.bbc-icon-list:before {
  content: "\e90c";
}

.bbc-icon-loading:before {
  content: "\e90d";
}

.bbc-icon-location-gap:before {
  content: "\e90e";
}

.bbc-icon-location:before {
  content: "\e90f";
}

.bbc-icon-logistics-gap:before {
  content: "\e910";
}

.bbc-icon-logistics:before {
  content: "\e911";
}

.bbc-icon-message-gap:before {
  content: "\e912";
}

.bbc-icon-more:before {
  content: "\e913";
}

.bbc-icon-package:before {
  content: "\e914";
}

.bbc-icon-password:before {
  content: "\e915";
}

.bbc-icon-pay:before {
  content: "\e916";
}

.bbc-icon-right:before {
  content: "\e917";
}

.bbc-icon-search:before {
  content: "\e918";
}

.bbc-icon-setting:before {
  content: "\e919";
}

.bbc-icon-shopping:before {
  content: "\e91a";
}

.bbc-icon-store-empty:before {
  content: "\e91b";
}

.bbc-icon-store:before {
  content: "\e91c";
}

.bbc-icon-submenu:before {
  content: "\e91d";
}

.bbc-icon-user-empty:before {
  content: "\e91e";
}

.bbc-icon-user-s:before {
  content: "\e91f";
}

.bbc-icon-view:before {
  content: "\e920";
}

.font-gray-80 {
  color: #efefef;
}

.font-gray-70 {
  color: #dadada;
}

.font-gray-60 {
  color: #CCC;
}

.font-gray-40 {
  color: #999;
}

.font-gray-20 {
  color: #666;
}

.font-gray-0 {
  color: #333;
}

.font-white {
  color: #fff;
}

.font-orange {
  color: #ea2329;
}

.font-yellow {
  color: #ff0;
}

.font-red {
  color: #ff0000;
}

.font-green {
  color: #09a15a;
}

.font-blue {
  color: #007aff;
}

.fontB {
  font-size: 2.4rem;
}

.fontb {
  font-size: 1.8rem;
}

.fontM {
  font-size: 1.6rem;
}

.fontm {
  font-size: 1.2rem;
}

.fontS {
  font-size: 0.9rem;
}

.fonts {
  font-size: 0.7rem;
}

.bg-white {
  background: #fff;
}

.section-white {
  /* border-bottom: 1px solid #e4e5e6; */
  background: #fff;
}

.box-display {
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-box-pack: center;
}
.box-display [class*="box-item-flex"] {
  display: block;
}
.box-display [class*="box-item-flex"] img {
  display: block;
  width: 100%;
  height: 100%;
}

.box-item-flex1 {
  -webkit-box-flex: 1;
}

.box-item-flex2 {
  -webkit-box-flex: 2;
}

.box-item-flex3 {
  -webkit-box-flex: 3;
}

.box-item-flex4 {
  -webkit-box-flex: 4;
}

.theme-border-top {
  border-top: solid 1px #e4e5e6;
}

.theme-border-bottom {
  border-bottom: solid 1px #e4e5e6;
}

.section-container {
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  padding: 0.75rem;
}

.section-init {
  display: block;
  -webkit-box-flex: 1;
}

.page-banner {
  position: relative;
}
.page-banner img {
  display: block;
  width: 100%;
}
.page-banner .imgcover {
  background-size: cover;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.page-banner .imgcover img {
  width: 100%;
  height: 100%;
}

.content-right {
  text-align: right;
}

.content-center {
  text-align: center;
}

.content-padded {
  padding: 0.75rem 1rem;
}

.img-adaptive {
  position: relative;
}
.img-adaptive a, .img-adaptive .img-cover {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.img-adaptive a img, .img-adaptive .img-cover img {
  width: 100%;
  height: 100%;
}

.content-horizontal-padded {
  padding-left: 1rem;
  padding-right: 1rem;
}

.content-vertical-padded {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.content-top-padded {
  margin-top: 1rem;
}

.content-bottom-padded {
  margin-bottom: 1rem;
}

.inline-overflow {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 90%;
  vertical-align: middle;
}

.theme-position-relative {
  position: relative;
}

.theme-high-lineheight {
  line-height: 2.2;
}

@font-face {
  font-family: "iconfontwap";
  src: url("../../fonts/extend/iconfont.eot?t=1510197574522");
  /* IE9*/
  src: url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAr0AAsAAAAADzwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZXAkkhY21hcAAAAYAAAACUAAACAv+CbRFnbHlmAAACFAAABqcAAAhMxeJn42hlYWQAAAi8AAAAMQAAADYQDRh4aGhlYQAACPAAAAAgAAAAJAh4BGVobXR4AAAJEAAAABcAAAAkJMT//2xvY2EAAAkoAAAAFAAAABQI3AsYbWF4cAAACTwAAAAfAAAAIAEZAJ9uYW1lAAAJXAAAAUUAAAJtPlT+fXBvc3QAAAqkAAAAUAAAAG0HMt1keJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkEWOcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBwYKp6LMTf8b2CIYW5mmAIUZgTJAQDc5gu5eJzFkcENgzAMRb+bQFFVoaoHxJ0ri7AFI/TIED11yM8Y9DtGVdsF+NaL5K/EsWwAFYAkRpEBe8Hgesq14idcip8xK78p/P7CzJY9B05rt23FSX/Ot6y8vH/CnTNOqppQo/E+rMZhsuO+/tW1nI89a8SyoxaZAk0OzIFmCLaBb5B94FviEGjC4BR4zbULUL0BJGcj8HicTVVrbBxXFb7n3pk7s495787sete7s68Zv7L2vmbtGj+UtLYTN8k6jmNCmhQ7LVLJq41QI2hSjAISQkEK7Z9I/IEoioFKBSEkVBGZCuVPBBISQsgIooLwrwoh8Rt2zZl1UrFz99x7z5xz59xzvnMOEQnZ/zt7xFLEIkOkRl4kHUKAj0JRpYNQ8JtVOgrJgph0EirzS35BKhWrbAacIk/Y9aDpOVziGqiQg0ahHvhV6kOrOUunoW4PAqQzA6tmJWuyuxBN+blv9Y7R+5DMl7La7KHe0bG5RN215Btx00yb5h2Zi6JMqaCpcMWxI2IkynsPRG0g+Sg/TPMQT/sDL59V3Iy58e3m1cGKEwHY2gIr46rbc8aAgePmgG2ZaUlX5NSAUion4MZeLGXFB71/EPwJeNfL7Jf0U+KQk+Q1chNvWvSLKthOjknczoPdDtoB9a0cODi4pIJU9Pwq4GjPQjto1MM3tH9h1HHsaZilIdt2WBVmoYFqEjqkFCoEnt8OmU4jPP05s0rpecY0h5v6/BtHU4pg6VI8pgq5n/9ogc24SgagLC7Pl455x74anBsR5EtG1o4lnGjc0QqpeUli+sTMgifKIMfNaMWVDf0nuskdTVp8WWFqTOG6xeQRb+SAOXVh3o4LSkyRdJPJ2vgR+mcw81mmLl69Na9nGYAU1X8Mmt+9T0fduJfKF6Qqc5yxG6vv/THzxqtCXLSszNGVcjTDVKl28cLpkghaIlLmUbCEbN4A/StLRkQCIatX5uWvs4xrQnx+880pPWRm9JHOYhV9z9H319hHdI8cJWfJJnmbfJO8R0glQL82bMdoeuPghV56NklWcg4Cxz54fC98Qr7nG80gjNKzYOHbHCQN7kt9kZAThkADq+khRHMQVJotDyXroZiNRxQxCpBIJjjOLS+o20mpiYgFhGuCF70WOxGNAGfoSPndWOz113Xjp4p2soNg0+6Z1pk1gzMhlpWl9XVVPX9etyFqvfJKynlgaBcvRqPrZzQFhj5NJYf83NxkZzKrq4a1PlkOKjh6S0AFiYrsYBIAfiuoSAWN/QcXOI47SYoZQAVZooNUGJ+QpWWJF1wa63EuzsqRSpnrkjSAOmWPc8/jmkHbCVWqeNHYoiRPVAWaSAiG3n0yHPl9MP75s8cva9Z0bsEbG3sMSwNoRRnKe+vrksipKIu9H4hoCfoVlGYLQxrhf5AiEf6L0VEegSj/GY9EpGd58zH9J4lh5rhkjBARcwITArNBBYZZggvcVsN0aaJLE1wKg8qlEsYroGSnK4rdnZ2uIHR3tp8KwtPthyF9aKVSlXS64skAckjeF0KpA1l25DOx7ad/TZUdp5xaAKX3uzilcWgqhNAwqdnHbI54xEcsGWgU2mLgH1dGw5caxoFh7MBWo+S0SzV2gV7qdC5Rujw1tQxfvHlrA/crX8aghAy6cevmxl/gzVNXKL1yqrczfZzS49NwYXe3d/+AB4dfOAFw4oXe3d3dvm/22W+YS0bJBvkG+S7WlGZrHKpQKhS5RnkyYTuTMAUTNbvRt6IeIGnUEfetJhaFYohblC5KYbnp77xna782Uaui1BxFxULdzlM7GVYkHiJVKhS9mfAzE7WQgbcroFSr6fmFMAZYjDEKmHDL0Uah++/CRLQDkdpYedxfSKdfOvkSkqFaeaT2NdsdrOuUC1o8EeNUr03XdCoqXkyiev1zdsblcBIUk6qRhLgMHPJMNaNy96EcBVNRTaiW6BdKVTCv9IhqmiolimVirQbxV4MFN/trIZutnUpZ4OZybmEw5yZSK7Xsu/FsGrEnK7KYzuJSUuIyT2djWitvmeyRgHdUPxJMM99821Q/xC9F5Q/Cwz/AD8F46UPV/JuZNXGE4Uf/b7HvsK0+NsfDimK2D3Bgm+w5RBEP8HwR4vb/EEtJek9n965fv8f0vS/BUhAswQGdP1QH9uCddx4wqB86dxmET7a3PxHg8nkLtm6jOCrd7m1R9pkCLPU2taFUdQZgppoa0hILo4fPUHrm8OgCEfb3998Xvs9uk0G0chr7LIF+X5G8fpvhXr/BlJ1ACFuPzSuNZKPVSEIY8QJKtsDq2+v3bccOFRarZsD+tGpVN77HhLsb4+bqxmuAQLsDHU2Dzp2JGsDF7srm403wYXL4v/8angTwH69eo/Ta6umrlF49PdJun263qVs8l/ZUrHCV9Lli7sjs8Epu0WXMXcx1hmdf7NTr9d4Pn4xMAUyNPIFXu7v0+traW5S+tbZ2HUZham1ycm2K/A8r3l36AHicY2BkYGAA4pWv7D7H89t8ZeBmYQCBa5qv3GD0////c1hmMzcDuRwMTCBRAHGoDWsAAAB4nGNgZGBgbvjfwBDDcvv/fwYGltkMQBEUwAkAlsQF5nicY2FgYGB+ycDAwoAD3/7/HwAkmQPmAAAAAAAAdgE0AhICXgKgA2ADtAQmeJxjYGRgYOBkmMzAxgACTEDMBYQMDP/BfAYAGCIBuQB4nGWPTU7DMBCFX/oHpBKqqGCH5AViASj9EatuWFRq911036ZOmyqJI8et1ANwHo7ACTgC3IA78EgnmzaWx9+8eWNPANzgBx6O3y33kT1cMjtyDRe4F65TfxBukF+Em2jjVbhF/U3YxzOmwm10YXmD17hi9oR3YQ8dfAjXcI1P4Tr1L+EG+Vu4iTv8CrfQ8erCPuZeV7iNRy/2x1YvnF6p5UHFockikzm/gple75KFrdLqnGtbxCZTg6BfSVOdaVvdU+zXQ+ciFVmTqgmrOkmMyq3Z6tAFG+fyUa8XiR6EJuVYY/62xgKOcQWFJQ6MMUIYZIjK6Og7VWb0r7FDwl57Vj3N53RbFNT/c4UBAvTPXFO6stJ5Ok+BPV8bUnV0K27LnpQ0kV7NSRKyQl7WtlRC6gE2ZVeOEXpc0Yk/KGdI/wAJWm7IAAAAeJxtiksOgCAQxeahDJ/beCQUPxgDbiZyfDG6tMu2pOjF0z8OCh16aDAMLBw8oZqYQt4k6EX2lHkMZZLCh9Sm+WmntCWv15zstw5ENz5oE24=") format("woff"), url("../../fonts/extend/iconfont.ttf?t=1510197574522") format("truetype"), url("../../fonts/extend/confont.svg?t=1510197574522#iconfont") format("svg");
  /* iOS 4.1- */
}
.bbc-wap {
  font-family: "iconfontwap" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

.icon-fujin:before {
  content: "\e618";
}

.icon-baocuo:before {
  content: "\e60e";
}

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

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

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

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

.bbc-slider:after {
  display: -webkit-box;
  content: " ";
  padding-top: 46%;
}
.bbc-slider .shopex-slider-group.shopex-slider-loop {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
}
.bbc-slider .shopex-slider-group .shopex-slider-item img {
  height: 100%;
}
.bbc-slider .shopex-slider-group .shopex-slider-item > a:not(.shopex-control-item) {
  height: 100%;
}

.bbc-slider-b:after {
  display: -webkit-box;
  content: " ";
  padding-top: 80%;
}
.bbc-slider-b .shopex-slider-group.shopex-slider-loop {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
}
.bbc-slider-b .shopex-slider-group .shopex-slider-item img {
  height: 100%;
}
.bbc-slider-b .shopex-slider-group .shopex-slider-item > a:not(.shopex-control-item) {
  height: 100%;
}

.bbc-btn-warning {
  background: #ea2329;
  border-color: #ea2329;
  margin: 0;
}
.bbc-btn-warning .bbc-icon {
  font-size: 1.2rem;
  vertical-align: sub;
}

.bbc-btn-lg {
  font-size: 0.9rem;
  padding: 0.5rem 1rem;
}

.bbc-btn-sm {
  font-size: 0.7rem;
  padding: 0.4rem;
  line-height: 0.6rem;
}

.bbc-btn-outlined {
  border-color: #ea2329;
  color: #ea2329 !important;
}

.bbc-texteara {
  background: #efefef;
  border: none;
  margin: 0;
}

.bbc-checkbox input[type="checkbox"]:checked:before {
  color: #ea2329;
}

.bbc-radio .shopex-table-view-cell .shopex-navigate-right {
  color: #666;
  font-size: 0.9rem;
  padding-left: 1.5rem;
}
.bbc-radio .shopex-table-view-cell .shopex-navigate-right:after {
  color: #ea2329;
}

.bbc-btn-disabled {
  background: #dadada !important;
  color: #fff;
}

.bbc-numbox {
  width: 6rem;
  height: 1.8rem;
  padding: 0 1.8rem;
}
.bbc-numbox [class*=numbox-btn], .bbc-numbox [class*=btn-numbox] {
  width: 1.8rem;
}
.bbc-numbox .shopex-input-numbox {
  font-size: 0.9rem;
}

.bbc-radio input[type="radio"]:checked:before {
  color: #ea2329;
}

.bbc-checkbox input[type="checkbox"] {
  left: 0;
  width: 1.6rem;
  height: 1.6rem;
}

.bbc-textarea {
  margin: 0;
  border-color: transparent;
  background: #efefef;
}

.bbc-icon-full-cricle {
  padding: 0.5rem;
  color: #fff;
  border-radius: 50%;
}

.bbc-popover-modal {
  background: #fff;
}
.bbc-popover-modal .shopex-table-view-cell {
  border-radius: 0 !important;
}

.bbc-keyword-group {
  padding: 0 0.5rem;
}
.bbc-keyword-group:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.bbc-keyword-group span {
  display: block;
  padding: 0.5rem 1rem;
  float: left;
  margin-left: 0.5rem;
  border-radius: 0.2rem;
  background: #f2f2f2;
  font-size: 0.9rem;
}
.bbc-keyword-group span.active {
  background: #ea2329;
  color: #fff;
}

.bbc-mini-menu {
  color: #ccc;
}
.bbc-mini-menu.shopex-popover {
  background: rgba(0, 0, 0, 0.5);
  width: 8rem;
}
.bbc-mini-menu.shopex-popover .shopex-table-view {
  border-radius: .2rem;
}
.bbc-mini-menu.shopex-popover .shopex-popover-arrow:after {
  width: 20px;
  height: 20px;
  border-radius: 0;
  background: rgba(0, 0, 0, 0.75);
}
.bbc-mini-menu .shopex-table-view {
  background: rgba(0, 0, 0, 0.5);
}
.bbc-mini-menu .shopex-popover-arrow {
  top: -26px;
}
.bbc-mini-menu .bbc-icon {
  font-size: 1.32rem;
  vertical-align: middle;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}
.bbc-mini-menu .shopex-table-view-cell:after {
  height: 0;
}

.bbc-no-backdrop .shopex-backdrop {
  background-color: transparent;
}

.bbc-tab-bar .shopex-scroll section:first-child {
  margin-top: 0.5rem;
}
.bbc-tab-bar .shopex-control-content .shopex-loading {
  margin-top: 50px;
}
.bbc-tab-bar .shopex-segmented-control.shopex-segmented-control-inverted ~ .shopex-slider-group .shopex-slider-item {
  border: none;
}
.bbc-tab-bar .shopex-slider-indicator.shopex-segmented-control {
  background-color: #fff;
}
.bbc-tab-bar .shopex-segmented-control.shopex-segmented-control-inverted .shopex-control-item.shopex-active {
  color: #ea2329;
}
.bbc-tab-bar .shopex-segmented-control.shopex-segmented-control-inverted ~ .shopex-slider-progress-bar {
  background-color: #ea2329;
}

.bbc-badge {
  background: #fff;
  color: #ea2329;
  border: 1px solid #ea2329;
}

.bbc-tab-nav.shopex-segmented-control {
  border-color: #ea2329;
}
.bbc-tab-nav.shopex-segmented-control .shopex-control-item {
  border-color: #ea2329;
  color: #ea2329;
}
.bbc-tab-nav.shopex-segmented-control .shopex-control-item.shopex-active {
  background: #ea2329;
  color: #fff;
}

.bbc-tab-nav-sm {
  width: 55%;
  margin: 0 auto;
}
.bbc-tab-nav-sm .shopex-control-item {
  line-height: 1.5rem;
}

.bbc-pullrefresh-top {
  top: 3rem;
}

.bbc-pullrefresh-top-b {
  top: 5.7rem;
}

.bbc-pullrefresh-bottom {
  bottom: 3.6rem;
}

.map-layer {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  transform: translateX(100%);
  transition: all 0.3s ease;
  -webkit-transform: translateX(102%);
  -webkit-transition: all 0.3s ease;
}
.map-layer.show {
  transform: translateX(0);
  -webkit-transform: translateX(0);
}

.page-header, .map-show {
  position: relative;
}

.map-cont {
  position: relative;
  bottom: 9.5rem;
  height: 100%;
}

.map-show {
  height: 100%;
  background-color: white;
}

.addr-inf {
  padding: 0 0.6rem;
  background-color: #fff;
  /* border-bottom: 6px solid #eee; */
}
.addr-inf .bbc-wap {
  font-size: 1.3rem;
  margin-right: 0;
}
.addr-inf .shop-name {
  padding: 0.3rem 0.2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.addr-inf .shop-name span {
  margin-right: 0.3rem;
}
.addr-inf .shop-name .icon-dianpu {
  color: #ccc;
  vertical-align: -2px;
}
.addr-inf .shop-addr {
  border-top: 1px dotted #eee;
  padding: 0.3rem 0;
}
.addr-inf .shop-addr .receiver-info-item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.9rem;
  color: #666;
}
.addr-inf .shop-addr .icon-dingwei {
  color: #ccc;
  margin-right: 0;
}
.addr-inf .shop-addr .icon-tel {
  color: #ccc;
  margin-right: 0;
  font-size: 1rem;
  margin-left: 0.3rem;
  margin-right: 0.2rem;
}
.addr-inf .shop-addr .icon-dianhua {
  color: #0cc10c;
  padding-left: 0.5rem;
  border-left: 1px solid #ddd;
}

.foot-btn {
  position: fixed;
  height: 6.5rem;
  background-color: #fff;
  color: #333;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
  padding: 0.5rem;
  box-shadow: 0 0 10px #ccc;
}
.foot-btn h4 {
  font-weight: normal;
  padding: 0;
  margin: 0;
  font-size: 0.8rem;
}
.foot-btn p {
  color: #666;
  margin: 0.3rem 0 0.5rem 0;
  font-size: 0.7rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.foot-btn button {
  width: 100%;
  height: 2.5rem;
  line-height: 2rem;
  background-color: #f39c12;
  text-align: center;
  color: #fff;
  border: none;
}

.receiver-info .receiver-info-item .add-detail {
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-top: 0;
}

.thumbnail .caption .price .amount {
  font-size: 0.8rem;
}

.BMap_Marker img {
  max-width: 100%;
}

.pro-list-normal li:first-child {
  border-top: none;
}

.shoplist-wrapper {
  position: absolute;
  top: 91px;
  z-index: 999;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  transition: all 0.3s ease;
  display: none;
}
.shoplist-wrapper .main {
  text-indent: 30%;
}
.shoplist-wrapper header {
  position: relative;
  z-index: 1000;
  background-color: #fff;
}

.show .shoplist-wrapper {
  display: block;
}

.list-tabs {
  position: fixed;
  z-index: 999;
  display: flex;
  text-align: center;
  width: 100%;
  padding: 0 2%;
  top: 3.3rem;
  display: none;
}
.list-tabs li {
  flex: 1;
  line-height: 2rem;
  background-color: #fff;
  border-radius: 0.3rem;
  position: relative;
  z-index: 999;
  margin: 0 0.2rem;
  transition: all 0.2s ease;
  margin: 0 1%;
}
.list-tabs li.cur {
  color: #fff;
  background: none;
}
.list-tabs:before {
  content: '';
  display: block;
  position: absolute;
  width: 46%;
  top: 0;
  height: 2rem;
  line-height: 2rem;
  border-radius: 0.3rem;
  background-color: #ea2329;
  transform: translateX(1%);
  transition: all 0.3s ease;
}
.list-tabs.translate:before {
  transform: translateX(107%);
}

.has-shop .list-tabs {
  display: flex;
}

.shopex-inner-wrap .shop-scroll {
  z-index: 999;
  height: 100%;
  background-color: #fff;
}

.show .shoplist-wrapper {
  display: block;
}

.shoplist-wrapper .shopex-table-view {
  padding: 0.2rem 0.5rem;
}
.shoplist-wrapper .shopex-table-view:after {
  background: none;
}

.caption .goods-title, .shop-scroll .detail-des p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}

.shop-scroll .caption {
  font-size: 0.8rem;
  padding-top: 0.5rem;
  width: 70%;
  padding-left: 0.5rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.shop-scroll .goods-title, .shop-scroll .thumbnail {
  font-size: 0.9rem;
}
.shop-scroll .thumbnail {
  height: 2rem;
}
.shop-scroll .detail-des a {
  color: #2460b9;
  font-size: 0.9rem;
}

.shop-scroll .detail-des a:after {
  content: '\e604';
  font-family: 'iconfontwap';
  color: #0cc10c;
  margin-left: 0.5rem;
}

.shop-scroll .detail-des {
  color: #666;
}

.shop-list {
  display: flex;
  border-bottom: 1px solid #ddd;
  height: 6rem;
}
.shop-list > div {
  padding: 0.2rem;
  font-size: 1.2rem;
}
.shop-list > div img {
  max-width: 100%;
  vertical-align: top;
}
.shop-list .thumb-img {
  width: 30%;
  display: flex;
  align-items: center;
}

@media screen and (min-width: 360px) {
  .shop-list {
    height: 7rem;
  }
}
@media screen and (min-width: 412px) {
  .shop-list {
    height: 8rem;
  }

  .shop-scroll .caption {
    font-size: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .shop-list {
    height: 15rem;
  }

  .shop-scroll .caption, .shop-scroll .goods-title, .shop-scroll .detail-des a {
    font-size: 1.5rem;
  }
}
.shopex-table-view {
  padding: 0.5rem;
}

html {
  font-size: 100%;
}

body {
  font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei", Helvetica;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
  font-size: 1rem;
}

section {
  /* margin-bottom: .6rem; */
}

h1 {
  font-size: 1.2rem;
  font-weight: normal;
}

h2 {
  font-size: 0.9rem;
  font-weight: normal;
}

a {
  text-decoration: none;
  color: #333;
}

mark {
  background: transparent;
  color: #ea2329;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.clearfix:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}

.container {
  padding-top: 2.94rem;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 0;
}
.container.no-header {
  padding-top: 0;
}

.system-container {
  text-align: center;
  margin: 0;
}
.system-container .system-info {
  font-size: 0.7rem;
  color: #CCC;
  padding-top: 0.5rem;
}

.body-padding {
  padding-bottom: 4rem;
}
.body-padding .action-bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  -webkit-box-align: center;
  z-index: 15;
  height: 4rem;
  background: #fff;
  margin-bottom: 0;
  border-top: 1px solid #e4e5e6;
}
.body-padding .action-bar button {
  margin: 0;
}

.action-bar-mini {
  display: -webkit-box;
  -webkit-box-align: center;
  z-index: 15;
  height: 3.25rem;
  background: #fff;
  margin-bottom: 0;
  border-top: 1px solid #e4e5e6;
}
.action-bar-mini:after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  background: #e4e5e6;
}
.action-bar-mini button {
  margin: 0;
}
.action-bar-mini .op-item {
  -webkit-box-flex: 1;
  padding: 0 0.5rem;
  text-align: center;
  line-height: 1.6;
  font-size: 0.84rem;
}
.action-bar-mini .op-item .bbc-icon {
  display: block;
  line-height: 1;
  font-size: 1.44rem;
}
.action-bar-mini .op-item.op-btn {
  line-height: 3.25rem;
  color: #fff;
  font-size: 0.99rem;
}
.action-bar-mini .op-item.op-btn a {
  display: block;
  line-height: 3.25rem;
  color: #fff;
}

.body-padding-mini {
  padding-bottom: 3.25rem;
}
.body-padding-mini .action-bar-mini {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
}
.body-padding-mini .container.has-footbar {
  margin-bottom: 3.3rem;
}

.body-padding-big {
  padding-bottom: 5rem;
}
.body-padding-big .container.has-footbar {
  margin-bottom: 3.3rem;
}

.has-footer {
  padding-bottom: 3.5rem;
}

.action-bar-op-item {
  -webkit-box-flex: 1;
  display: -webkit-box;
  -webkit-box-align: center;
  line-height: 1.2;
  background: #fff;
}

.action-bar-op-btn {
  display: block;
  -webkit-box-flex: 1;
  padding: 0;
  color: #fff;
  line-height: 3.2rem;
  text-align: center;
  border-radius: 0;
  border: none;
  background: #ea2329;
}
.action-bar-op-btn a {
  color: #fff;
}

.action-bar-op-info {
  -webkit-box-flex: 1;
  text-align: right;
  padding-right: 1rem;
}

.action-group {
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-box-flex: 1;
}
.action-group .action-item {
  display: -webkit-box;
  -webkit-box-flex: 1;
  padding: 0 0.25rem;
}
.action-group .bbc-icon {
  font-size: 1.2rem;
  line-height: 1;
  vertical-align: text-bottom;
}

.tag {
  display: inline-block;
  height: 1.2rem;
  line-height: 1.2rem;
  margin-right: .3rem;
  font-size: 0.7rem;
  padding: 0 0.4rem;
  border-radius: 0.2rem;
  color: #fff;
  background: #ea2329;
}
.tag.tag-outline {
  border: 1px solid #e94a64;
  background: #fff;
  color: #e94a64;
  margin-right: 0;
  line-height: 1.2rem;
}

.tags-group {
  height: 1.6rem;
  margin-top: .2rem;
  overflow: hidden;
}

.section-title {
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  padding: 0.75rem 1rem;
  font-size: 0.99rem;
}
.section-title .title-txt {
  -webkit-box-flex: 2;
  max-width: 70%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.section-title .more-link {
  display: block;
  -webkit-box-flex: 1;
  text-align: right;
  font-size: 0.9rem;
  color: #666;
}
.section-title .more-link .bbc-icon {
  font-size: 0.9rem;
  vertical-align: middle;
}
.section-title .bbc-icon {
  vertical-align: center;
}

.shopex-table-view-cell > a:not(.shopex-btn).section-list-item {
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-box-pack: center;
}

.section-list-key {
  width: 4rem;
  color: #666;
  font-size: 0.9rem;
}

.section-list-val {
  -webkit-box-flex: 1;
  font-size: 0.99rem;
  color: #333;
}

.parameter-table-view .parameter-table-view-group {
  padding-top: 0.5rem;
}
.parameter-table-view .parameter-table-view-header {
  padding: 0.5rem;
  background: #e9e9e9;
  font-size: 0.99rem;
  color: #66656b;
  text-align: center;
  border-top: 1px solid #e4e5e6;
  border-bottom: 1px solid #e4e5e6;
}
.parameter-table-view .parameter-table-view-cell {
  display: -webkit-box;
  border-bottom: 1px solid #e4e5e6;
  padding: 0.75rem;
  background: #fff;
  font-size: 0.9rem;
}
.parameter-table-view .parameter-table-view-key {
  -webkit-box-flex: 1;
  width: 35%;
  color: #666;
}
.parameter-table-view .parameter-table-view-val {
  -webkit-box-flex: 1;
  width: 65%;
}

.artical {
  margin: 0;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  border: none;
}
.artical h1 {
  color: #000;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
}
.artical h2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #333;
}
.artical p {
  padding-bottom: 0.6rem;
}

.original-price {
  text-decoration: line-through;
}

.thumb {
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  margin-right: 0.4rem;
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 0.2rem;
  border: 1px solid #e4e5e6;
  overflow: hidden;
}
.thumb img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.thumbnail .caption .goods-title {
  display: -webkit-box;
  -webkit-box-pack: center;
  font-size: 0.9rem;
  height: 2.5rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.thumbnail .caption .price {
  display: -webkit-box;
  -webkit-box-align: center;
  margin-top: 0.5rem;
}
.thumbnail .caption .price .amount {
  -webkit-box-flex: 1;
  height: 1rem;
  line-height: 1rem;
  color: #ea2329;
  font-size: 1rem;
}
.thumbnail .caption .price .purchased {
  -webkit-box-flex: 1;
  color: #999;
  text-align: right;
  font-size: 0.7rem;
  display: none;
}

.shop-goods-brand {
  display: -webkit-box;
  -webkit-box-align: center;
}
.shop-goods-brand .shop-goods-brand-logo {
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  width: 20%;
  border: 1px solid #e4e5e6;
}
.shop-goods-brand .shop-goods-brand-logo img {
  display: block;
  width: 100%;
}
.shop-goods-brand .shop-goods-brand-logo:after {
  display: block;
  content: "";
  padding-top: 100%;
}
.shop-goods-brand .shop-goods-brand-name {
  -webkit-box-flex: 1;
  padding-left: 0.5rem;
  font-size: 1.08rem;
}

.pro-list-grid {
  padding: 0.2rem;
}
.pro-list-grid:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.pro-list-grid li {
  float: left;
  width: 50%;
  padding: 0.2rem;
  border-radius: 0.3rem;
}
.pro-list-grid li .thumbnail {
  display: block;
}
.pro-list-grid li .thumbnail .thumb-img {
  display: -webkit-box;
  position: relative;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  width: auto;
  background: #f8f8f8;
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
}
.pro-list-grid li .thumbnail .thumb-img:after {
  display: block;
  padding-top: 100%;
  content: '';
}
.pro-list-grid li .thumbnail .thumb-img a, .pro-list-grid li .thumbnail .thumb-img .imgcover {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.pro-list-grid li .thumbnail .thumb-img img {
  display: block;
  height: 100%;
  width: 100%;
}
.pro-list-grid li .thumbnail .thumb-img img {
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
}
.pro-list-grid li .thumbnail .caption {
  height: 6.3rem;
  padding: 0.2rem 0.4rem;
  background: #fff;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  overflow: hidden;
}

.pro-list-normal li {
  padding-bottom: 0.2rem;
  background: #fff;
  border-top: 1px solid #e4e5e6;
}
.pro-list-normal li .thumbnail {
  display: -webkit-box;
  width: 100%;
}
.pro-list-normal li .thumbnail .thumb-img {
  display: -webkit-box;
  position: relative;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  width: 30%;
  background: #f8f8f8;
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
  margin-right: 1rem;
  border-radius: 0;
}
.pro-list-normal li .thumbnail .thumb-img:after {
  display: block;
  padding-top: 100%;
  content: '';
}
.pro-list-normal li .thumbnail .thumb-img a, .pro-list-normal li .thumbnail .thumb-img .imgcover {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.pro-list-normal li .thumbnail .thumb-img img {
  display: block;
  height: 100%;
  width: 100%;
}
.pro-list-normal li .thumbnail .thumb-img img {
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
}
.pro-list-normal li .thumbnail .thumb-img img {
  border-radius: 0;
}
.pro-list-normal li .thumbnail .caption {
  -webkit-box-flex: 1;
  padding: 0.5rem 0.5rem 0 0;
}
.pro-list-normal li .thumbnail .caption .price {
  margin-right: 0.5rem;
}
.pro-list-normal li.shopex-table-view-cell {
  padding-left: 0;
  padding-top: 0;
}
.pro-list-normal li.shopex-table-view-cell:after {
  height: 0;
}

.orders-list {
  /* 修改框架模块 */
  /* 修改框架模块 end */
}
.orders-list .shopex-segmented-control.shopex-segmented-control-inverted ~ .shopex-slider-progress-bar {
  width: 20%;
}
.orders-list .order-goods {
  border-top: 1px solid #e4e5e6;
  border-bottom: 1px solid #e4e5e6;
  background: #fff;
}
.orders-list .order-goods .btn-action-outline {
  border-color: #ea2329;
  color: #ea2329;
}

.order-goods-list {
  padding: 0 1rem;
}
.order-goods-list:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.order-goods-list li {
  position: relative;
  padding-bottom: 0.2rem;
  background: #fff;
  padding: 1rem 0;
  border-bottom: 1px dashed #e4e5e6;
}
.order-goods-list li:last-child {
  border: none;
}
.order-goods-list li .thumbnail {
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  width: 100%;
}
.order-goods-list li .thumbnail .thumb-img {
  display: -webkit-box;
  position: relative;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  width: 30%;
  background: #f8f8f8;
  border-radius: 0;
  margin-right: 0.75rem;
}
.order-goods-list li .thumbnail .thumb-img:after {
  display: block;
  padding-top: 100%;
  content: '';
}
.order-goods-list li .thumbnail .thumb-img a, .order-goods-list li .thumbnail .thumb-img .imgcover {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.order-goods-list li .thumbnail .thumb-img img {
  display: block;
  height: 100%;
  width: 100%;
}
.order-goods-list li .thumbnail .thumb-img img {
  border-radius: 0;
}
.order-goods-list li .thumbnail .caption {
  -webkit-box-flex: 1;
  display: -webkit-box;
}
.order-goods-list li .thumbnail .caption .order-goods-info {
  -webkit-box-flex: 1;
}
.order-goods-list li .thumbnail .caption .order-goods-info .order-goods-title {
  font-size: 0.85714rem;
  line-height: 1.4;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.order-goods-list li .thumbnail .caption .order-goods-info .order-goods-sku {
  font-size: 0.7rem;
  color: #666;
  padding-top: 0.2rem;
}
.order-goods-list li .thumbnail .caption .order-goods-info .order-goods-price {
  padding: 0.5rem 0;
  font-size: 0.99rem;
}
.order-goods-list li .thumbnail .caption .order-goods-num {
  width: 3rem;
  padding-left: 0.5rem;
  font-size: 0.9rem;
  color: #666;
}
.order-goods-list li .order-goods-num-control {
  position: absolute;
  left: auto;
  top: auto;
  right: 0;
  bottom: 1rem;
}

.cart-list .order-goods-list {
  padding: 0 0.5rem;
}
.cart-list .section-title {
  padding: 0.5rem;
}
.cart-list .order-goods-price {
  font-size: 0.9rem !important;
}
.cart-list .bbc-checkbox label {
  padding-right: 2rem;
  padding-left: inherit;
}
.cart-list .invalid .thumb-img {
  opacity: 0.3;
}
.cart-list .invalid .order-goods-title a {
  color: #CCC;
}
.cart-list .invalid .order-goods-price mark {
  color: #CCC;
}

.cart-list-total .cart-post-fee {
  font-size: 0.7rem;
  color: #666;
}

.receiver-add-list .default-active .active-sign {
  visibility: visible;
}
.receiver-add-list .default-active .default-sign {
  visibility: visible;
}

.form-list li {
  padding: 0.2rem;
  background: #fff;
}

.function-list .shopex-table {
  padding-right: 1.5rem;
}
.function-list .shopex-text-right {
  font-size: 0.9rem;
  color: #666;
}
.function-list .shopex-table-cell {
  vertical-align: middle;
}

.favorite-list .shop-list-item {
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-box-pack: center;
}
.favorite-list .shop-brand {
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  width: 4.2rem;
  height: 4.2rem;
  border: 1px solid #efefef;
}
.favorite-list .shop-brand img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.favorite-list .shop-name {
  -webkit-box-flex: 1;
  padding-left: 1rem;
  padding-right: 2rem;
  font-size: 1rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.rate-list > li {
  padding: 1rem;
  border-bottom: 1px solid #e4e5e6;
  background: #fff;
}

.thumbnails-list .thumb {
  float: left;
}

header {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 15;
  height: 3rem;
}
header .icon-func {
  display: block;
  position: relative;
  color: #ea2329;
  font-size: 1.5rem;
  width: 2.5rem;
  height: 3rem;
  text-align: center;
  line-height: 3rem;
  float:left;
}
header .txt-func {
  color: #ea2329;
  line-height: 3rem;
  padding: 0 1rem;
}
header .header-left {
  position: relative;
  float: left;
  height: 3rem;
  color: #ea2329;
  font-size: 1.6rem;
  z-index: 10;
}
header .header-right {
  position: relative;
  float: right;
  height: 3rem;
  color: #ea2329;
  font-size: 1.6rem;
  z-index: 10;
}
header .header-title {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0 3rem;
  line-height: 3rem;
  text-align: center;
  color: #333;
  font-size: 1.2rem;
  z-index: 5;
}
header .txt-func {
  font-size: 1.1rem;
}
header .index-header {
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  border-bottom: 1px solid #e4e5e6;
  background: #fff;
}
header .index-header .main {
  -webkit-box-flex: 1;
}
header .index-header .header-logo {
  display: block;
  position: relative;
  min-width: 3rem;
  height: 100%;
  padding: 0.5rem;
}
header .index-header .header-logo img {
  height: 100%;
}
header .index-header .header-search-form input {
  display: block;
  margin: 0;
  font-size: 0.9rem;
  border: 1px solid #e4e5e6;
}
header .index-header .shopex-input-clear ~ .shopex-icon-clear {
  top: .12rem;
  padding: 0;
}
header .index-header .header-search-form input {
  display: block;
  margin: 0;
  font-size: 0.9rem;
  border: 1px solid #e4e5e6;
}
header .index-header .shopex-input-clear ~ .shopex-icon-clear {
  top: .12rem;
  padding: 0;
}
header.page-header {
  background: #fff;
  border-bottom: 1px solid #e4e5e6;
}
header .index-header {
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  border-bottom: 1px solid #e4e5e6;
  height: 3rem;
  background: #fff;
}
header .index-header .main {
  -webkit-box-flex: 1;
}
header .index-header .header-logo {
  display: block;
  position: relative;
  min-width: 3rem;
  height: 100%;
  padding: 0.5rem;
}
header .index-header .header-logo img {
  height: 100%;
}
header .app-download-tip {
  display: -webkit-box;
  -webkit-box-align: center;
  padding: 0 0.5rem;
}
header .app-download-tip .tip-img {
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  height: 2.5rem;
  padding: 0.2rem;
}
header .app-download-tip .tip-img img {
  display: block;
  height: 100%;
}
header.icons-header {
  top: 1rem;
  left: 1rem;
  right: 1rem;
}
header.icons-header .header-left, header.icons-header .header-right {
  font-size: 1.2rem;
  width: 2.7rem;
  height: 2.7rem;
  line-height: 2.7rem;
  color: #fff;
}
header.icons-header [class*="bbc-icon"] {
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.4);
}

.navigation {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}
.navigation .nav-group {
  display: -webkit-box;
  height: 3.6rem;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  border-top: 1px solid #e4e5e6;
  background: rgba(255, 255, 255, 0.95);
}
.navigation .nav-group li {
  -webkit-box-flex: 1;
  text-align: center;
  line-height: 1.2;
  color: #666;
}
.navigation .nav-group li a {
  color: #666;
}
.navigation .nav-group li.active {
  color: #ea2329;
}
.navigation .nav-group li.active a {
  color: #ea2329;
}
.navigation .bbc-icon {
  display: block;
  font-size: 1.6rem;
}
.navigation span {
  font-size: 0.9rem;
}

.form-container {
  padding-top: 1.5rem;
}
.form-container label {
  color: #66656b;
}
.form-container.no-header-padded {
  padding-top: 0;
}
.form-container .form-inline {
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-box-pack: center;
}
.form-container .form-inline .form-inline-adaptive {
  -webkit-box-flex: 1;
}
.form-container .form-inline .form-inline-unadaptive {
  width: 30%;
  padding-right: 0.75rem;
}
.form-container .form-inline .form-inline-unadaptive .btn-action {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  font-size: 0.9rem;
}

/* .form-op-section {
  padding-top: 3rem;
} */

.btn-disabled {
  background: #ccc;
  border-color: #ccc;
  color: #333;
}

.txt-action {
  color: #ea2329;
}

input[type="checkbox"]:checked.input-action:before {
  color: #ea2329;
}

input[type="search"].header-search {
  background: #fff;
  height: 2rem;
  width: 17.5rem;
}

.switch-action.shopex-active {
  background-color: #ea2329;
  border-color: #ea2329;
}

.filters {
  width: 76%;
  background: #efeff4;
}

.filters-header {
  text-align: center;
}
.filters-header .filters-op {
  color: #999;
}

.filters-options {
  margin-top: 0.5rem;
  background: #fff;
  border: 1px solid #e4e5e6;
}
.filters-options:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.filters-options span {
  display: block;
  float: left;
  padding: 0.5rem 1.5rem;
  margin: 0.2rem 0.5rem 0.2rem 0;
  font-size: 0.9rem;
  background: #f8f8f8;
  border-radius: 0.3rem;
}
.filters-options span.checked {
  background: #ea2329;
  color: #fff;
}

.promotion-list {
  color: #333;
  font-size: 0.9rem;
}

.promotion-list .package-list {
  padding-top: 0.75rem;
  padding-left: 0.5rem;
  height: 5.4rem;
  overflow: hidden;
}
.promotion-list .package-list li {
  float: left;
  margin-left: 0.5rem;
  margin-bottom: 0.5rem;
}
.promotion-list .package-list li img {
  border: 1px solid #e4e5e6;
  border-radius: 0.2rem;
  width: 4.5rem;
  height: 4.5rem;
  vertical-align: middle;
}

.promotion-goods-group {
  border-bottom: 1px solid #e4e5e6;
}
.promotion-goods-group .group-header {
  border-bottom: 1px solid #e4e5e6;
}
.promotion-goods-group .package-goods-group {
  -webkit-box-flex: 1;
}
.promotion-goods-group .package-goods-group.package-goods-num-control {
  position: relative;
}
.promotion-goods-group .package-goods-item {
  display: -webkit-box;
  margin-bottom: 0.75rem;
}

.promotion-goods .promotion-goods-group:last-child {
  border: 0;
}

.promotion-select {
  margin: 0.2rem 0;
  position: relative;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 13.5rem;
  padding: 0.1rem 1.3rem 0.1rem 0.4rem;
  border: 1px solid #e4e5e6;
  border-radius: 0.2rem;
  background: #f8f8f8;
  font-size: 0.84rem;
  color: #666;
}
.promotion-select .bbc-icon {
  position: absolute;
  left: auto;
  top: 50%;
  right: 0.2rem;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.promotion-modal {
  background: #fff !important;
}
.promotion-modal.shopex-popover .shopex-table-view {
  margin: 0 0 1.5rem 0;
  border-radius: none;
  background: none;
}
.promotion-modal.shopex-popover .shopex-table-view .shopex-table-view-cell:last-child:after, .promotion-modal.shopex-popover .shopex-table-view .shopex-table-view-cell:last-child:before {
  height: 0;
}
.promotion-modal li {
  background: #fff;
  text-align: left;
  color: #666;
}

.promotion-header {
  height: 7.5rem;
}
.promotion-header > div {
  padding: 0.1rem 1.5rem;
}
.promotion-header .promotion-name {
  padding-top: 1.25rem;
  padding-bottom: 0.5rem;
}

.promotion-name {
  font-size: 1.2rem;
}

.promotion-exp {
  font-size: 0.9rem;
  color: #666;
}

.promotion-range {
  color: #999;
  font-size: 0.9rem;
}

.package-good {
  border-bottom: 1px solid #e4e5e6;
}

.package-goods-img {
  width: 24%;
  padding-right: 1rem;
}
.package-goods-img img {
  width: 100%;
}

.package-goods-name {
  font-size: 0.99rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.package-old-price {
  font-size: 0.9rem;
  color: #999;
  text-decoration: line-through;
  margin-bottom: 0.2rem;
}

.nodata-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.nodata-layout {
  position: absolute;
  left: 50%;
  top: 50%;
  right: auto;
  bottom: auto;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.nodata-icon {
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  width: 6rem;
  height: 6rem;
  margin: 0 auto;
  font-size: 3.6rem;
  border-radius: 50%;
  background: #dadada;
  color: #fff;
}
.nodata-icon .bbc-icon {
  vertical-align: initial;
}

.nodata-tip {
  padding-top: 0.5rem;
  font-size: 0.9rem;
  color: #999;
}

.nodata-guide {
  padding-top: 0.5rem;
}

.shop-sign {
  height: 10rem;
  overflow: hidden;
  position: relative;
}
.shop-sign .shop-sign-img {
  margin: -1rem;
}
.shop-sign .shop-sign-img img {
  /* -webkit-filter: blur(0.2rem); */
  width: 100%;
}
.shop-sign .shop-sign-cover {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  /* background: rgba(0, 0, 0, 0.3); */
  z-index: 5;
}
.shop-sign .shop-sign-info {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  /*display: -webkit-box;*/
  -webkit-box-align: end;
  padding: 0.5rem;
  z-index: 10;
  top: 5px;
}
.shop-sign .shop-sign-info .shop-logo {
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  width: 66%;
  height:100%;
  /*background: #fff;*/
  float:left;
}
.shop-sign .shop-sign-info .shop-logo:after {
  display: block;
  content: "";
  padding-top: 100%;
}
.shop-sign .shop-sign-info .shop-logo img {
  display: block;
  width: 100%;
}
.shop-sign .shop-sign-info .shop-name {
  width: 33%;
  -webkit-box-flex: 1;
  padding-left: 0.5rem;
  font-size:14px;
  line-height: 35px;
  /* margin-top:15px; */
}
.shop-sign .shop-sign-info .shop-name i {
  display: inline-block;
  font-size: 0.9rem;
  vertical-align: middle;
  color: #fff;
}
.shop-sign .shop-sign-info .shop-name a {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
  font-size: 0.9rem;
  max-width: 85%;
  color: #fff;
  margin-top: 20px;
}

.shop-nav {
  display: -webkit-box;
  -webkit-box-align: center;
  border-bottom: 1px solid #e4e5e6;
  padding: 0.75rem 0;
  background: #FFF;
}
.shop-nav .shop-nav-item {
  -webkit-box-flex: 1;
  text-align: center;
}

.shop-info-brand {
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  width: 30%;
  background: #fff;
}
.shop-info-brand:after {
  content: "";
  display: block;
  padding-top: 100%;
}
.shop-info-brand img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.shop-info-name {
  font-size: 1.08rem;
}

.shop-favorite-btn {
  color: #666;
}
.shop-favorite-btn i {
  font-size: 0.9rem;
  color: #999;
}
.shop-favorite-btn.has-favorited {
  background: #ea2329;
  border-color: #ea2329;
  color: #fff;
}
.shop-favorite-btn.has-favorited i {
  color: #fff;
}

.ceshiyixia {
  color: red;
}

.goods-list-filters {
  width: 60%;
  background: #fff;
}

.no-fix .goods-filters {
  position: relative;
  z-index: 0;
  left: auto;
  top: auto;
  right: auto;
}
.no-fix .goods-list {
  padding-top: 0;
}

.goods-filters {
  position: absolute;
  left: 0;
  top: 3rem;
  right: 0;
  bottom: auto;
  display: -webkit-box;
  -webkit-box-align: center;
  margin-bottom: 0.5rem;
  height: 2.75rem;
  z-index: 10;
}
.goods-filters .goods-filters-item {
  -webkit-box-flex: 1;
  text-align: center;
}
.goods-filters .goods-filters-item.active {
  color: #ea2329;
}
.goods-filters .goods-filters-item.active .order-desc:before {
  border-bottom-color: #ea2329;
}
.goods-filters .goods-filters-item.active .order-asc:after {
  border-top-color: #ea2329;
}
.goods-filters .goods-filters-order {
  position: relative;
  display: inline-block;
  height: 0.7rem;
}
.goods-filters .goods-filters-order:before {
  position: absolute;
  left: 0;
  top: 0;
  right: auto;
  bottom: auto;
  border-style: solid;
  border-color: transparent;
  border-width: 0.3rem;
  border-top-width: 0;
  border-bottom-color: #f8f8f8;
  content: '';
}
.goods-filters .goods-filters-order:after {
  position: absolute;
  left: 0;
  top: auto;
  right: auto;
  bottom: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 0.3rem;
  border-bottom-width: 0;
  border-top-color: #f8f8f8;
  content: '';
}
.goods-filters .goods-show-style {
  -webkit-box-flex: 1;
  border-left: 1px solid #e4e5e6;
  text-align: center;
  line-height: 0;
  color: #666;
}
.goods-filters .goods-show-style .bbc-icon {
  font-size: 1.3rem;
}

.goods-detail-brief {
  display: -webkit-box;
  -webkit-box-align: center;
}
.goods-detail-brief .goods-detail-title {
  -webkit-box-flex: 1;
}
.goods-detail-brief .goods-detail-title h1 {
  display: inline;
  font-size: 1.032rem;
  line-height: 1.2;
}
.goods-detail-brief .goods-detail-title h2 {
  padding: 0.4rem 0;
  font-size: 0.81rem;
  color: #666;
}
.goods-detail-brief .bbc-icon {
  display: block;
  color: #666;
  font-size: 0.7rem;
  padding-left: 0.5rem;
  padding-top: 0.2rem;
}

.goods-detail-purchase {
  display: -webkit-box;
  -webkit-box-align: end;
}
.goods-detail-purchase .goods-detail-purchase-price {
  -webkit-box-flex: 2;
  font-size: 1.2rem;
  color: #ea2329;
}
.goods-detail-purchase .goods-detail-purchase-num {
  -webkit-box-flex: 1;
  font-size: 0.9rem;
  color: #ccc;
  text-align: right;
}

.goods-op-faverite {
  border-right: 1px solid #e4e5e6;
}
.goods-op-faverite.goods-faverited .bbc-icon {
  color: #ea2329;
  text-align: center;
}

.action-bar-mini .goods-op-nostock {
  -webkit-box-flex: 6;
}

.goods-op-buy {
  background: #ea2329;
}

.goods-op-cart {
  background: #ffa100;
}

.goods-sku-modal {
  position: relative;
}
.goods-sku-modal .btn-modal-close {
  position: absolute;
  left: auto;
  top: 0.8rem;
  right: 0.8rem;
  bottom: auto;
  font-size: 0.9rem;
  color: #666;
}
.goods-sku-modal .goods-modal-brief {
  display: -webkit-box;
  -webkit-box-align: end;
  padding: 0 0 1rem 1rem;
  height: 6rem;
  border-bottom: 1px solid #e4e5e6;
}
.goods-sku-modal .goods-modal-brief .goods-modal-brief-thumbnail {
  position: relative;
  display: -webkit-box;
  width: 30%;
  border-radius: 0.3rem;
  background: #fff;
}
.goods-sku-modal .goods-modal-brief .goods-modal-brief-thumbnail:after {
  display: block;
  content: " ";
  padding-top: 100%;
}
.goods-sku-modal .goods-modal-brief .goods-modal-brief-thumbnail a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: 0.2rem;
}
.goods-sku-modal .goods-modal-brief .goods-modal-brief-thumbnail a img {
  display: block;
  width: 100%;
  height: 100%;
}
.goods-sku-modal .goods-modal-brief .goods-modal-brief-caption {
  -webkit-box-flex: 1;
  padding: 0 0 0.5rem 0.5rem;
}
.goods-sku-modal .goods-modal-brief .goods-modal-brief-caption .goods-modal-brief-price {
  font-size: 1.2rem;
  color: #ea2329;
}
.goods-sku-modal .goods-sku-list {
  height: 40vh;
  overflow: hidden;
}

.section-list-val img {
  width: 30px;
  height: 30px;
  vertical-align: middle;
  margin-right: 5px;
}

.goods-sku-list ul > li {
  position: relative;
  padding: .7rem .8rem;
  overflow: hidden;
}
.goods-sku-list ul > li:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: #c8c7cc;
  content: '';
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.goods-sku-list ul > li:last-child:after {
  height: 0;
}
.goods-sku-list .goods-sku-options span {
  display: block;
  float: left;
  padding: 0 1rem;
  line-height: 1.75rem;
  margin: 0.5rem 0.5rem 0 0;
  font-size: 0.9rem;
  background: #f8f8f8;
  border-radius: 0.3rem;
}
.goods-sku-list .goods-sku-options span.checked {
  background: #ea2329;
  color: #fff;
}
.goods-sku-list .goods-sku-options span.has-img {
  width: 40px;
  height: 40px;
  padding: 0;
  overflow: hidden;
  border: 1px solid #eeeeee;
}
.goods-sku-list .goods-sku-options span.has-img img {
  max-width: 100%;
}
.goods-sku-list .goods-sku-options span.has-img.checked {
  background: none;
  border: 1px solid red;
}

.goods-sku-op {
  display: -webkit-box;
  -webkit-box-align: center;
  border-top: 1px solid #e4e5e6;
  background: #fff;
}
.goods-sku-op .goods-sku-op-item {
  -webkit-box-flex: 1;
  width: 50%;
  text-align: center;
}
.goods-sku-op .goods-sku-op-item.goods-op-buy {
  line-height: 3.25rem;
  color: #fff;
  font-size: 0.99rem;
}
.goods-sku-op .goods-sku-op-item.goods-op-buy a {
  display: block;
  line-height: 3.25rem;
  color: #fff;
}

.goods-detail-info {
  /* 修改框架模块 */
}
.goods-detail-info .shopex-control-content .shopex-loading {
  margin-top: 50px;
}
.goods-detail-info .shopex-slider-indicator.shopex-segmented-control {
  background-color: #fff;
}
.goods-detail-info .shopex-segmented-control.shopex-segmented-control-inverted ~ .shopex-slider-progress-bar {
  background-color: #ea2329;
}
.goods-detail-info .shopex-segmented-control.shopex-segmented-control-inverted .shopex-control-item.shopex-active {
  color: #ea2329;
}
.goods-detail-info .shopex-segmented-control.shopex-segmented-control-inverted ~ .shopex-slider-group .shopex-slider-item {
  border: none;
}
.goods-detail-info .goods-graphic img {
  width: 100%;
  height: auto;
}

.goods-graphic img {
  max-width: 100%;
}

.cart-main .action-bar-mini {
  position: fixed;
  left: 0;
  top: auto;
  right: 0;
  bottom: 3.6rem;
}

.out-stock .action-webview {
  opacity: 0.6;
  position: relative;
}
.out-stock .action-webview:before {
  content: '缺货';
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0.7rem;
  color: #ff6600;
  border: 1px solid #ff6600;
  padding: 0 0.1rem;
  border-radius: 0.1rem;
  background-color: white;
}

.category-nav .shopex-segmented-control.shopex-segmented-control-inverted .shopex-control-item.shopex-active {
  color: #ea2329;
}
.category-nav .shopex-segmented-control.shopex-segmented-control-inverted.shopex-segmented-control-vertical .shopex-control-item {
  border-color: #e4e5e6;
  font-size: 0.9rem;
}
.category-nav .shopex-segmented-control.shopex-segmented-control-inverted.shopex-segmented-control-vertical .shopex-control-item.shopex-active {
  border-color: #e4e5e6;
}
.category-nav .shopex-segmented-control {
  display: block;
}
.category-nav .category-nav-content {
  background: #fff;
}
.category-nav .category-nav-group {
  padding: 0.5rem 0;
}
.category-nav .category-nav-group:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.category-nav .category-nav-header {
  padding-left: 1rem;
  font-size: 0.99rem;
}
.category-nav .category-nav-list {
  padding-top: 0.5rem;
}
.category-nav .category-nav-item {
  display: block;
  float: left;
  width: 30%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #666;
  padding: 0.4rem 0;
  margin-left: 2.5%;
  text-align: center;
  font-size: 0.9rem;
  border: none;
}

.pay-style .shopex-table-view:after {
  height: 0;
}
.pay-style .bbc-icon {
  font-size: 2.16rem;
  vertical-align: middle;
}
.pay-style .pay-style-zhifubao {
  color: #00aaee;
}
.pay-style .pay-style-weixin {
  color: #51c332;
}
.pay-style .pay-style-unipay {
  color: #e80330;
}
.pay-style .pay-style-qianbao {
  color: #999;
}

.pay-num {
  text-align: right;
  color: #ea2329;
}

.pay-order-info {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.pay-order-info p {
  font-size: 0.9rem;
  color: #666;
  padding-top: 0.2rem;
}
.pay-order-info .order-status {
  font-size: 1.17rem;
}
.pay-order-info i {
  font-size: 1.2rem;
  margin-right: 0.75rem;
  background: #ea2329;
}

.pay-failed i {
  font-size: 1.2rem;
  margin-right: 0.75rem;
  background: #dadada;
}

.pay-op-time {
  padding-top: 2.5rem;
  text-align: center;
  font-size: 0.9rem;
}
.pay-op-time span {
  color: #666;
}

.pay-op-price {
  padding-top: 2.5rem;
  text-align: center;
  font-size: 0.99rem;
}

.checkout-goods-list {
  margin: 0.5rem;
  height: 6rem;
  position: relative;
  overflow: hidden;
}
.checkout-goods-list .checkout-goods-warp {
  width: 99rem;
  height: 6rem;
  position: absolute;
  top: 0;
}
.checkout-goods-list .thumbnail {
  position: relative;
  width: 6rem;
  height: 6rem;
  float: left;
  margin-right: 0.5rem;
}
.checkout-goods-list .thumbnail .thumb-img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.checkout-goods-list .thumbnail img {
  display: block;
  width: 100%;
  height: 100%;
}

.checkout {
  font-size: 0.9rem;
}
.checkout .shopex-table-cell {
  vertical-align: middle;
}

.invoice-content-modal .section-title {
  margin-top: 0.5rem;
}

.invoice-tab-group {
  padding: 0 0.5rem;
}
.invoice-tab-group:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.invoice-tab-group label {
  display: block;
  padding: 0.5rem 1rem;
  float: left;
  margin-left: 0.5rem;
  border-radius: 0.2rem;
  background: #f2f2f2;
  font-size: 0.9rem;
}
.invoice-tab-group label.active {
  background: #ea2329;
  color: #fff;
}

.invoice-content texterea {
  border: none;
}

.user-message input {
  height: 100%;
  border: none;
  margin: 0;
  padding: 0;
}

.checkout-fee dt {
  float: left;
  font-size: 0.7rem;
  color: #999;
}
.checkout-fee dd {
  text-align: right;
}
.checkout-fee dd.total {
  color: #ea2329;
}

.integral-use {
  font-size: 0.9rem;
}
.integral-use span {
  color: #666;
}

.coupon-range {
  padding-top: 0.5rem;
}

.ziti-ads {
  padding-top: 0.5rem;
}

.coupons-list {
  padding: 0.5rem;
}
.coupons-list li {
  position: relative;
  background: #fff;
  border-bottom: 1px dashed #efeff4;
}
.coupons-list li:after {
  content: "";
  width: 0.75rem;
  height: 1.5rem;
  position: absolute;
  left: 0;
  top: auto;
  right: auto;
  bottom: 0;
  background: -webkit-radial-gradient(left 50%, circle, #efeff4 20%, #efeff4 50%, #fff 50%, #fff 80%);
  background: _radial-gradient_legacy(left 50%, circle, #efeff4 20%, #efeff4 50%, #fff 50%, #fff 80%);
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  z-index: 10;
}
.coupons-list li:before {
  content: "";
  width: 0.75rem;
  height: 1.5rem;
  position: absolute;
  left: auto;
  top: auto;
  right: 0;
  bottom: 0;
  background: -webkit-radial-gradient(right 50%, circle, #efeff4 20%, #efeff4 50%, #fff 50%, #fff 80%);
  background: _radial-gradient_legacy(right 50%, circle, #efeff4 20%, #efeff4 50%, #fff 50%, #fff 80%);
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  z-index: 10;
}
.coupons-list li:last-child {
  border: none;
}
.coupons-list li:last-child:after, .coupons-list li:last-child:before {
  content: none;
}
.coupons-list li .bbc-icon {
  color: #CCC;
  padding-left: 0.5rem;
}

.coupon-list {
  display: -webkit-box;
  padding-top: 0;
}
.coupon-list.coupons-grid .coupon {
  min-width: 3rem;
  float: left;
}
.coupon-list.coupons-inline .coupon {
  -webkit-box-flex: 1;
}

.coupon {
  position: relative;
  width: 30%;
  border: dashed 1px #CCC;
  text-align: center;
  margin: 0 0.3rem;
  padding-top: 0.6rem;
  padding-bottom: 0.4rem;
}
.coupon .coupon-denomination {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  margin-bottom: 0.2rem;
  color: #ea2329;
  line-height: 1;
}
.coupon .coupon-denomination em {
  font-size: 1.92rem;
  vertical-align: top;
}
.coupon .coupon-rule {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  font-size: 0.7rem;
  color: #666;
}
.coupon:after {
  position: absolute;
  left: 0.1rem;
  top: 0.1rem;
  content: "券";
  color: #fff;
  line-height: 1;
  font-size: 0.7rem;
}
.coupon:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 1.5rem;
  border-left-width: 0;
  border-top-color: #ea2329;
}

.couponlg-list li {
  margin-bottom: 0.75rem;
}

.coupon-item-init {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.coupon-item-denomination {
  position: relative;
  width: 10rem;
  font-size: 2.4rem;
  line-height: 0.7;
  color: #ea2329;
  font-family: Helvetica;
}
.coupon-item-denomination em {
  font-size: 1.08rem;
}
.coupon-item-from {
  text-align: right;
  font-size: 0.9rem;
  color: #999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.coupon-item-rule {
  text-align: right;
  font-size: 0.9rem;
}
.coupon-item-time-range {
  text-align: right;
  color: #999;
  font-size: 0.7rem;
}

.coupon-item.disabled * {
  color: #CCC;
}

.rate-type {
  font-size: 0.99rem;
  padding-bottom: 0.5rem;
}
.rate-type-good [class*="bbc-icon"] {
  color: #ea2329;
}
.rate-type-nomarl [class*="bbc-icon"] {
  color: #ffa100;
}
.rate-type-bad [class*="bbc-icon"] {
  color: #66656b;
}

.rate-comment {
  padding-bottom: 0.5rem;
  color: #666;
}

.rate-list .rate-photo:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.rate-list .rate-photo li {
  float: left;
  margin-right: 0.5rem;
}
.rate-list .rate-photo li img {
  width: 5rem !important;
  height: 5rem;
  border-radius: 0.2rem;
}

.rate-date {
  text-align: right;
  color: #999;
  font-size: 0.7rem;
}

.rate-reply {
  padding: 0.5rem;
  margin-top: 1rem;
  background: #efefef;
  border-radius: 0.3rem;
}

.rate-added {
  margin-top: 1rem;
}

.activity {
  position: relative;
}
.activity-banner {
  height: 11rem;
}
.activity-countdown {
  -webkit-box-flex: 2;
  font-size: 0.9rem;
}
.activity-countdown mark {
  font-size: 0.99rem;
}
.activity-closed {
  width: 5.4rem;
  height: 5.4rem;
  position: absolute;
  left: auto;
  top: -10%;
  right: 10%;
  bottom: auto;
  border: 1px dashed #ccc;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 0 6px #fff,  0 0 0 7px #dadadd, 0 0 0 10px #fff;
  transform: rotate(-7deg);
  z-index: 10;
  line-height: 5.4rem;
  text-align: center;
  color: #666;
  font-size: 1.2rem;
}
.activity-ads {
  background: #f8f8f8;
}
.activity-ads .ads-item {
  display: -webkit-box;
  position: relative;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  width: 100%;
  background: #f8f8f8;
  border-radius: 0;
  padding-left: 1px;
}
.activity-ads .ads-item:after {
  display: block;
  padding-top: 50%;
  content: '';
}
.activity-ads .ads-item a, .activity-ads .ads-item .imgcover {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.activity-ads .ads-item img {
  display: block;
  height: 100%;
  width: 100%;
}
.activity-ads .ads-item img {
  border-radius: 0;
}
.activity-list section {
  border-bottom: 1px dashed #e4e5e6;
  padding-bottom: 0.5rem;
}
.activity-list section:last-child {
  border: none;
}
.activity-caption {
  padding-top: 0.5rem;
}
.activity-title {
  padding-bottom: 0.2rem;
}
.activity .caption .price {
  display: block;
}
.activity-bar.action-bar {
  height: 5rem;
  color: #fff;
}
.activity-ready.action-bar {
  background-color: #e893ba;
  background-image: linear-gradient(60deg, #df8db2 12%, rgba(0, 0, 0, 0) 12%, rgba(0, 0, 0, 0) 88%, #df8db2 88%, #df8db2), linear-gradient(300deg, #df8db2 12%, rgba(0, 0, 0, 0) 12%, rgba(0, 0, 0, 0) 88%, #df8db2 88%, #df8db2), linear-gradient(60deg, #df8db2 12%, rgba(0, 0, 0, 0) 12%, rgba(0, 0, 0, 0) 88%, #df8db2 88%, #df8db2), linear-gradient(300deg, #df8db2 12%, rgba(0, 0, 0, 0) 12%, rgba(0, 0, 0, 0) 88%, #df8db2 88%, #df8db2), linear-gradient(30deg, #f097be 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, #f097be 75%, #f097be), linear-gradient(30deg, #f097be 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, #f097be 75%, #f097be);
  background-size: 80px 140px;
  background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;
}
.activity-start.action-bar {
  background-color: #e33b5f;
  background-image: linear-gradient(60deg, #da395b 12%, rgba(0, 0, 0, 0) 12%, rgba(0, 0, 0, 0) 88%, #da395b 88%, #da395b), linear-gradient(300deg, #da395b 12%, rgba(0, 0, 0, 0) 12%, rgba(0, 0, 0, 0) 88%, #da395b 88%, #da395b), linear-gradient(60deg, #da395b 12%, rgba(0, 0, 0, 0) 12%, rgba(0, 0, 0, 0) 88%, #da395b 88%, #da395b), linear-gradient(300deg, #da395b 12%, rgba(0, 0, 0, 0) 12%, rgba(0, 0, 0, 0) 88%, #da395b 88%, #da395b), linear-gradient(30deg, #ea3d61 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, #ea3d61 75%, #ea3d61), linear-gradient(30deg, #ea3d61 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, #ea3d61 75%, #ea3d61);
  background-size: 80px 140px;
  background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;
}
.activity-padding {
  padding-bottom: 5rem;
}

.sns-login {
  padding-top: 2.5rem;
}
.sns-login a {
  color: #999;
}
.sns-login .bbc-icon {
  font-size: 2.4rem;
}

.canceled-time {
  margin-left: 1rem;
  margin-right: 1rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px dashed #efefef;
}

.timeline {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding-bottom: 2rem;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.timeline:after {
  position: absolute;
  left: 0;
  right: 0;
  top: 1rem;
  z-index: 5;
  content: "";
  height: 2px;
  background: #efefef;
}
.timeline i {
  position: relative;
  display: inline-block;
  border-radius: 50%;
  z-index: 10;
  color: #fff;
  padding: 0.6rem;
  background: #efefef;
}
.timeline i.on {
  background: #ea2329;
}
.timeline i:after {
  position: absolute;
  left: -1rem;
  top: auto;
  right: -1rem;
  bottom: -1.5rem;
  color: #666;
  font-size: 0.9rem;
  text-align: center;
  text-align-last: center;
}
.timeline.cancel-line .step-01:after {
  content: "提交申请";
}
.timeline.cancel-line .step-02:after {
  content: "取消处理";
}
.timeline.cancel-line .step-02b:after {
  content: "申请驳回";
}
.timeline.cancel-line .step-03:after {
  content: "退款处理";
}
.timeline.cancel-line .step-04:after {
  content: "完成";
}
.timeline.returns-line .step-01:after {
  content: "提交申请";
}
.timeline.returns-line .step-02a:after {
  content: "等待回寄";
}
.timeline.returns-line .step-02b:after {
  content: "商家驳回";
}
.timeline.returns-line .step-03:after {
  content: "已寄回";
}
.timeline.returns-line .step-04a:after {
  content: "待换货";
}
.timeline.returns-line .step-04b:after {
  content: "退款";
}
.timeline.returns-line .step-05:after {
  content: "完成";
}

.comment {
  padding-top: 1rem;
}

.rate-good {
  color: #ea2329;
}
.rate-normal {
  color: #ffa100;
}
.rate-bad {
  color: #999;
}

.rating .rating-item {
  margin-top: 0.75rem;
}
.rating .rating-issue {
  padding-right: 1rem;
  font-size: 0.9rem;
}
.rating .rating-stars {
  line-height: 1;
}
.rating .rating-stars i {
  display: inline-block;
  color: #CCC;
  font-size: 1.35rem;
}
.rating .rating-stars i.active {
  color: #ea2329;
}

.user-header {
  position: relative;
  background: url("data:image/jpg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QONaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjUtYzAxNCA3OS4xNTE0ODEsIDIwMTMvMDMvMTMtMTI6MDk6MTUgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6YmM3NGFmYzYtNTk4Yi03NzQyLTg4YjItODViNGIxZmQ2NDMzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjREMkIyMDcwQjFFNDExRTU4QTNDQjY4MEM2N0FBODYzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjREMkIyMDZGQjFFNDExRTU4QTNDQjY4MEM2N0FBODYzIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE0IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmZhZjM0ZWRmLTFiMWItMjg0MC1hNTZlLWY2ZTY1MzM2ODVmYyIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjFlZWIyYWY1LTk5YTEtMTFlNS1iZDYzLWU1YmY0YTdmYzJmNyIvPiA8L3Jk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") no-repeat;
  background-size: cover;
  color: #fff;
}
.user-header .user-setting {
  position: absolute;
  left: auto;
  top: 1rem;
  right: 1rem;
  bottom: auto;
  display: block;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3);
  padding: 0.2rem;
  color: rgba(255, 255, 255, 0.8);
  font-size: 1.2rem;
  line-height: 1;
}
.user-header .user-login {
  height: 10rem;
  text-align: center;
}
.user-header .user-login .user-login-avatar {
  position: relative;
  display: inline-block;
  border-radius: 50%;
  border-color: transparent;
  width: 3.8rem;
  height: 3.8rem;
  margin-top: 2rem;
  margin-bottom: .5rem;
  background: #fff;
  overflow: hidden;
  font-size: 3rem;
  line-height: 1;
  color: #dedede;
  box-shadow: 0 0 0 0.3rem rgba(255, 255, 255, 0.5);
}
.user-header .user-login .user-login-avatar:before {
  display: block;
  height: 3rem;
  text-align: center;
  margin-top: 1rem;
}
.user-header .user-logined {
  height: 10rem;
  text-align: center;
  font-size: 1.08rem;
}
.user-header .user-logined a {
  color: #fff;
}
.user-header .user-logined .user-name {
  display: inline-block;
  padding-top: 2.5rem;
}
.user-header .user-logined .member-level {
  display: inline-block;
  border-radius: 0.2rem;
  font-size: 0.7rem;
  background: rgba(255, 255, 255, 0.3);
  padding: 0.2rem 0.4rem;
  margin-top: 1rem;
}
.user-header .user-register-success {
  padding: 4rem 0;
  text-align: center;
  color: #fff;
}
.user-header .user-register-logo {
  width: 14rem;
  margin: 0 auto;
  padding-bottom: .5rem;
}
.user-header .user-register-logo img {
  width: 100%;
}

.user-orders {
  margin-top: 0.5rem;
  line-height: 2;
}
.user-orders .bbc-icon {
  font-size: 180%;
  position: relative;
}
.user-orders .bbc-badge {
  position: absolute;
  left: auto;
  top: -0.6rem;
  right: -0.6rem;
  bottom: auto;
}

.user-title {
  border-bottom: 1px solid #efefef;
}

.user-icon {
  border-radius: 0.3rem;
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.25rem;
  font-size: 1.08rem;
  color: #fff;
  text-align: center;
  line-height: 1.5rem;
}
.user-icon.user-order {
  background: #f89d81;
}
.user-icon.user-assets {
  background: #fabf5f;
}
.user-icon.user-returns {
  background: #83d3f3;
}
.user-icon.user-safe {
  background: #72cd94;
}
.user-icon.user-favorite {
  background: #cf9999;
}
.user-icon.user-feedback {
  background: #f4a582;
}
.user-icon.user-rate {
  background: #e0e768;
}
.user-icon.user-complain {
  background: #b9b374;
}

.deposit-amount {
  display: inline-block;
  width: 80%;
  line-height: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.deposit-detail-amount {
  width: 12rem;
}

.integral-header {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  color: #fff;
  font-size: 1.08rem;
}
.integral-header .bbc-icon {
  font-size: 3.6rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.integral-header .overdue-integral {
  display: inline-block;
  border-radius: 0.2rem;
  font-size: 0.7rem;
  background: rgba(0, 0, 0, 0.3);
  padding: 0.2rem 0.4rem;
}

.order-goods {
  border-top: 1px solid #e4e5e6;
  border-bottom: 1px solid #e4e5e6;
  background: #fff;
}
.order-goods .order-goods-header {
  border-bottom: 1px solid #e4e5e6;
}
.order-goods .order-goods-footer {
  font-size: 0.84rem;
  border-top: 1px solid #e4e5e6;
}
.order-goods .order-goods-footer .orders-item-op {
  border-top: 1px dashed #e4e5e6;
}
.order-goods .order-goods-footer mark {
  font-size: 0.99rem;
}

.order-detail-info {
  display: -webkit-box;
  -webkit-box-align: center;
}
.order-detail-info .detail-info-txt {
  -webkit-box-flex: 1;
}
.order-detail-info .detail-info-txt p {
  font-size: 0.9rem;
  color: #666;
  padding-top: 0.2rem;
}
.order-detail-info .detail-info-txt .detail-status {
  color: #ea2329;
  font-size: 1.08rem;
}
.order-detail-info i {
  padding: 0.2rem;
  font-size: 1.6rem;
  margin-right: 1rem;
}

.receiver-info {
  display: -webkit-box;
  -webkit-box-align: center;
}
.receiver-info .receiver-info-item {
  -webkit-box-flex: 1;
}
.receiver-info .receiver-info-item .receiver-user {
  display: -webkit-box;
}
.receiver-info .receiver-info-item .receiver-user .receiver-name, .receiver-info .receiver-info-item .receiver-user .receiver-phone {
  -webkit-box-flex: 1;
  font-size: 0.9rem;
  color: #666;
}
.receiver-info .receiver-info-item .receiver-user .receiver-phone {
  text-align: right;
}
.receiver-info .receiver-info-item .add-detail {
  font-size: 0.9rem;
  color: #666;
  padding-top: 0.2rem;
  white-space: normal;
}
.receiver-info .receiver-info-item.has-arrow {
  padding-right: 2rem;
}
.receiver-info .active-sign {
  border-radius: 50%;
  border: 1px solid #ea2329;
  padding: 0.2rem;
  color: #ea2329;
  visibility: hidden;
  margin-left: 0.75rem;
}
.receiver-info .default-sign {
  padding: 0.2rem;
  color: #ea2329;
  visibility: hidden;
  margin-left: 0.75rem;
}
.receiver-info i {
  padding: 0.2rem;
  font-size: 1.6rem;
  margin-right: 0.75rem;
}

.order-logistics-view {
  padding-left: 3.5rem;
  font-size: 0.9rem;
}
.order-logistics-view:after {
  height: 0;
}
.order-logistics-view .shopex-table-view-cell {
  position: relative;
  overflow: visible;
  padding-left: 0;
}
.order-logistics-view .shopex-table-view-cell:first-child .logistics-info, .order-logistics-view .shopex-table-view-cell:first-child .logistics-time {
  color: #1dab59;
}
.order-logistics-view .shopex-table-view-cell:first-child .view-cell-dot:before {
  background: #1dab59;
}
.order-logistics-view .shopex-table-view-cell:last-child .view-cell-dot:after {
  width: 0;
}
.order-logistics-view .view-cell-dot {
  position: absolute;
  left: -2rem;
  top: 0;
  width: 1rem;
  height: 100%;
}
.order-logistics-view .view-cell-dot:before {
  position: absolute;
  display: block;
  width: .7rem;
  height: .7rem;
  left: 0;
  top: 1rem;
  content: " ";
  border-radius: 50%;
  background: #ccc;
}
.order-logistics-view .view-cell-dot:after {
  position: absolute;
  display: block;
  left: .3rem;
  top: 1.7rem;
  content: " ";
  width: 1px;
  height: 100%;
  background: #ccc;
}
.order-logistics-view .logistics-info {
  color: #666;
}
.order-logistics-view .logistics-time {
  color: #ccc;
}

.pre-deposit-header {
  padding: 4.5rem 0;
}
.pre-deposit-header .bbc-icon {
  font-size: 4.32rem;
  line-height: 1.4;
}

.trust-login-avatar img {
  width: 5rem;
  height: 5rem;
  display: inline-block;
  border-radius: 50%;
  border: 0.2rem solid #ffa100;
  margin-bottom: 0.5rem;
}
.home-header .main{
  float:left;
}
/*#slider{
  height:426px;
}*/

.pic-show2{width: 100%; height: 100%; position: relative; margin-bottom: 20px;}
.pic-show2 .video{ width: 100%; height: 100%;}
.pic-show2 .btn{ width: 64px; height: 64px; background: transparent url("img/play-btn.png") no-repeat;
    position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border: none;
}
.pic-show2 .btn.pause{ background-image: url("img/pause-btn.png");}