.swiper-container {
   margin-left: auto;
   margin-right: auto;
   position: relative;
   overflow: hidden;
   list-style: none;
   padding: 0;
   z-index: 1
 }

 .swiper-container-no-flexbox .swiper-slide {
   float: left
 }

 .swiper-container-vertical>.swiper-wrapper {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column
 }

 .swiper-wrapper {
   position: relative;
   width: 100%;
   height: 100%;
   z-index: 1;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-transition-property: -webkit-transform;
   transition-property: -webkit-transform;
   -o-transition-property: transform;
   transition-property: transform;
   transition-property: transform, -webkit-transform;
   -webkit-box-sizing: content-box;
   box-sizing: content-box
 }

 .swiper-container-android .swiper-slide,
 .swiper-wrapper {
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0)
 }

 .swiper-container-multirow>.swiper-wrapper {
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap
 }

 .swiper-container-free-mode>.swiper-wrapper {
   -webkit-transition-timing-function: ease-out;
   -o-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
   margin: 0 auto
 }

 .swiper-slide {
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;
   width: 100%;
   height: 100%;
   position: relative;
   -webkit-transition-property: -webkit-transform;
   transition-property: -webkit-transform;
   -o-transition-property: transform;
   transition-property: transform;
   transition-property: transform, -webkit-transform
 }

 .swiper-slide-invisible-blank {
   visibility: hidden
 }

 .swiper-container-autoheight,
 .swiper-container-autoheight .swiper-slide {
   height: auto
 }

 .swiper-container-autoheight .swiper-wrapper {
   -webkit-box-align: start;
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
   align-items: flex-start;
   -webkit-transition-property: height, -webkit-transform;
   transition-property: height, -webkit-transform;
   -o-transition-property: transform, height;
   transition-property: transform, height;
   transition-property: transform, height, -webkit-transform
 }

 .swiper-container-3d {
   -webkit-perspective: 1200px;
   perspective: 1200px
 }

 .swiper-container-3d .swiper-cube-shadow,
 .swiper-container-3d .swiper-slide,
 .swiper-container-3d .swiper-slide-shadow-bottom,
 .swiper-container-3d .swiper-slide-shadow-left,
 .swiper-container-3d .swiper-slide-shadow-right,
 .swiper-container-3d .swiper-slide-shadow-top,
 .swiper-container-3d .swiper-wrapper {
   -webkit-transform-style: preserve-3d;
   transform-style: preserve-3d
 }

 .swiper-container-3d .swiper-slide-shadow-bottom,
 .swiper-container-3d .swiper-slide-shadow-left,
 .swiper-container-3d .swiper-slide-shadow-right,
 .swiper-container-3d .swiper-slide-shadow-top {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   pointer-events: none;
   z-index: 10
 }

 .swiper-container-3d .swiper-slide-shadow-left {
   background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
   background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
 }

 .swiper-container-3d .swiper-slide-shadow-right {
   background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
   background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
 }

 .swiper-container-3d .swiper-slide-shadow-top {
   background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
   background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
 }

 .swiper-container-3d .swiper-slide-shadow-bottom {
   background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
   background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
 }

 .swiper-container-wp8-horizontal,
 .swiper-container-wp8-horizontal>.swiper-wrapper {
   -ms-touch-action: pan-y;
   touch-action: pan-y
 }

 .swiper-container-wp8-vertical,
 .swiper-container-wp8-vertical>.swiper-wrapper {
   -ms-touch-action: pan-x;
   touch-action: pan-x
 }

 .swiper-button-next,
 .swiper-button-prev {
   position: absolute;
   top: 50%;
   width: 27px;
   height: 44px;
   margin-top: -22px;
   z-index: 10;
   cursor: pointer;
   background-size: 27px 44px;
   background-position: center;
   background-repeat: no-repeat
 }

 .swiper-button-next.swiper-button-disabled,
 .swiper-button-prev.swiper-button-disabled {
   opacity: .35;
   cursor: auto;
   pointer-events: none
 }

 .swiper-button-prev,
 .swiper-container-rtl .swiper-button-next {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
   left: 10px;
   right: auto
 }

 .swiper-button-next,
 .swiper-container-rtl .swiper-button-prev {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
   right: 10px;
   left: auto
 }

 .swiper-button-prev.swiper-button-white,
 .swiper-container-rtl .swiper-button-next.swiper-button-white {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
 }

 .swiper-button-next.swiper-button-white,
 .swiper-container-rtl .swiper-button-prev.swiper-button-white {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
 }

 .swiper-button-prev.swiper-button-black,
 .swiper-container-rtl .swiper-button-next.swiper-button-black {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
 }

 .swiper-button-next.swiper-button-black,
 .swiper-container-rtl .swiper-button-prev.swiper-button-black {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
 }

 .swiper-button-lock {
   display: none
 }

 .swiper-pagination {
   position: absolute;
   text-align: center;
   -webkit-transition: .3s opacity;
   -o-transition: .3s opacity;
   transition: .3s opacity;
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
   z-index: 10
 }

 .swiper-pagination.swiper-pagination-hidden {
   opacity: 0
 }

 .swiper-container-horizontal>.swiper-pagination-bullets,
 .swiper-pagination-custom,
 .swiper-pagination-fraction {
   bottom: 10px;
   left: 0;
   width: 100%
 }

 .swiper-pagination-bullets-dynamic {
   overflow: hidden;
   font-size: 0
 }

 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
   -webkit-transform: scale(.33);
   -ms-transform: scale(.33);
   transform: scale(.33);
   position: relative
 }

 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1)
 }

 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1)
 }

 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
   -webkit-transform: scale(.66);
   -ms-transform: scale(.66);
   transform: scale(.66)
 }

 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
   -webkit-transform: scale(.33);
   -ms-transform: scale(.33);
   transform: scale(.33)
 }

 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
   -webkit-transform: scale(.66);
   -ms-transform: scale(.66);
   transform: scale(.66)
 }

 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
   -webkit-transform: scale(.33);
   -ms-transform: scale(.33);
   transform: scale(.33)
 }

 .swiper-pagination-bullet {
   width: 8px;
   height: 8px;
   display: inline-block;
   border-radius: 100%;
   background: #000;
   opacity: .2
 }

 button.swiper-pagination-bullet {
   border: none;
   margin: 0;
   padding: 0;
   -webkit-box-shadow: none;
   box-shadow: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none
 }

 .swiper-pagination-clickable .swiper-pagination-bullet {
   cursor: pointer
 }

 .swiper-pagination-bullet-active {
   opacity: 1;
   background: #007aff
 }

 .swiper-container-vertical>.swiper-pagination-bullets {
   right: 10px;
   top: 50%;
   -webkit-transform: translate3d(0, -50%, 0);
   transform: translate3d(0, -50%, 0)
 }

 .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
   margin: 6px 0;
   display: block
 }

 .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   width: 8px
 }

 .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
   display: inline-block;
   -webkit-transition: .2s top, .2s -webkit-transform;
   transition: .2s top, .2s -webkit-transform;
   -o-transition: .2s transform, .2s top;
   transition: .2s transform, .2s top;
   transition: .2s transform, .2s top, .2s -webkit-transform
 }

 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
   margin: 0 4px
 }

 .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
   left: 50%;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   white-space: nowrap
 }

 .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
   -webkit-transition: .2s left, .2s -webkit-transform;
   transition: .2s left, .2s -webkit-transform;
   -o-transition: .2s transform, .2s left;
   transition: .2s transform, .2s left;
   transition: .2s transform, .2s left, .2s -webkit-transform
 }

 .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
   -webkit-transition: .2s right, .2s -webkit-transform;
   transition: .2s right, .2s -webkit-transform;
   -o-transition: .2s transform, .2s right;
   transition: .2s transform, .2s right;
   transition: .2s transform, .2s right, .2s -webkit-transform
 }

 .swiper-pagination-progressbar {
   background: rgba(0, 0, 0, .25);
   position: absolute
 }

 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
   background: #007aff;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   -webkit-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transform-origin: left top;
   -ms-transform-origin: left top;
   transform-origin: left top
 }

 .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
   -webkit-transform-origin: right top;
   -ms-transform-origin: right top;
   transform-origin: right top
 }

 .swiper-container-horizontal>.swiper-pagination-progressbar,
 .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
   width: 100%;
   height: 4px;
   left: 0;
   top: 0
 }

 .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
 .swiper-container-vertical>.swiper-pagination-progressbar {
   width: 4px;
   height: 100%;
   left: 0;
   top: 0
 }

 .swiper-pagination-white .swiper-pagination-bullet-active {
   background: #fff
 }

 .swiper-pagination-progressbar.swiper-pagination-white {
   background: rgba(255, 255, 255, .25)
 }

 .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
   background: #fff
 }

 .swiper-pagination-black .swiper-pagination-bullet-active {
   background: #000
 }

 .swiper-pagination-progressbar.swiper-pagination-black {
   background: rgba(0, 0, 0, .25)
 }

 .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
   background: #000
 }

 .swiper-pagination-lock {
   display: none
 }

 .swiper-scrollbar {
   border-radius: 10px;
   position: relative;
   -ms-touch-action: none;
   background: rgba(0, 0, 0, .1)
 }

 .swiper-container-horizontal>.swiper-scrollbar {
   position: absolute;
   left: 1%;
   bottom: 3px;
   z-index: 50;
   height: 5px;
   width: 98%
 }

 .swiper-container-vertical>.swiper-scrollbar {
   position: absolute;
   right: 3px;
   top: 1%;
   z-index: 50;
   width: 5px;
   height: 98%
 }

 .swiper-scrollbar-drag {
   height: 100%;
   width: 100%;
   position: relative;
   background: rgba(0, 0, 0, .5);
   border-radius: 10px;
   left: 0;
   top: 0
 }

 .swiper-scrollbar-cursor-drag {
   cursor: move
 }

 .swiper-scrollbar-lock {
   display: none
 }

 .swiper-zoom-container {
   width: 100%;
   height: 100%;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   text-align: center
 }

 .swiper-zoom-container>canvas,
 .swiper-zoom-container>img,
 .swiper-zoom-container>svg {
   max-width: 100%;
   max-height: 100%;
   -o-object-fit: contain;
   object-fit: contain
 }

 .swiper-slide-zoomed {
   cursor: move
 }

 .swiper-lazy-preloader {
   width: 42px;
   height: 42px;
   position: absolute;
   left: 50%;
   top: 50%;
   margin-left: -21px;
   margin-top: -21px;
   z-index: 10;
   -webkit-transform-origin: 50%;
   -ms-transform-origin: 50%;
   transform-origin: 50%;
   -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
   animation: swiper-preloader-spin 1s steps(12, end) infinite
 }

 .swiper-lazy-preloader:after {
   display: block;
   content: '';
   width: 100%;
   height: 100%;
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
   background-position: 50%;
   background-size: 100%;
   background-repeat: no-repeat
 }

 .swiper-lazy-preloader-white:after {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
 }

 @-webkit-keyframes swiper-preloader-spin {
   100% {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg)
   }
 }

 @keyframes swiper-preloader-spin {
   100% {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg)
   }
 }

 .swiper-container .swiper-notification {
   position: absolute;
   left: 0;
   top: 0;
   pointer-events: none;
   opacity: 0;
   z-index: -1000
 }

 .swiper-container-fade.swiper-container-free-mode .swiper-slide {
   -webkit-transition-timing-function: ease-out;
   -o-transition-timing-function: ease-out;
   transition-timing-function: ease-out
 }

 .swiper-container-fade .swiper-slide {
   pointer-events: none;
   -webkit-transition-property: opacity;
   -o-transition-property: opacity;
   transition-property: opacity
 }

 .swiper-container-fade .swiper-slide .swiper-slide {
   pointer-events: none
 }

 .swiper-container-fade .swiper-slide-active,
 .swiper-container-fade .swiper-slide-active .swiper-slide-active {
   pointer-events: auto
 }

 .swiper-container-cube {
   overflow: visible
 }

 .swiper-container-cube .swiper-slide {
   pointer-events: none;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   z-index: 1;
   visibility: hidden;
   -webkit-transform-origin: 0 0;
   -ms-transform-origin: 0 0;
   transform-origin: 0 0;
   width: 100%;
   height: 100%
 }

 .swiper-container-cube .swiper-slide .swiper-slide {
   pointer-events: none
 }

 .swiper-container-cube.swiper-container-rtl .swiper-slide {
   -webkit-transform-origin: 100% 0;
   -ms-transform-origin: 100% 0;
   transform-origin: 100% 0
 }

 .swiper-container-cube .swiper-slide-active,
 .swiper-container-cube .swiper-slide-active .swiper-slide-active {
   pointer-events: auto
 }

 .swiper-container-cube .swiper-slide-active,
 .swiper-container-cube .swiper-slide-next,
 .swiper-container-cube .swiper-slide-next+.swiper-slide,
 .swiper-container-cube .swiper-slide-prev {
   pointer-events: auto;
   visibility: visible
 }

 .swiper-container-cube .swiper-slide-shadow-bottom,
 .swiper-container-cube .swiper-slide-shadow-left,
 .swiper-container-cube .swiper-slide-shadow-right,
 .swiper-container-cube .swiper-slide-shadow-top {
   z-index: 0;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden
 }

 .swiper-container-cube .swiper-cube-shadow {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   background: #000;
   opacity: .6;
   -webkit-filter: blur(50px);
   filter: blur(50px);
   z-index: 0
 }

 .swiper-container-flip {
   overflow: visible
 }

 .swiper-container-flip .swiper-slide {
   pointer-events: none;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   z-index: 1
 }

 .swiper-container-flip .swiper-slide .swiper-slide {
   pointer-events: none
 }

 .swiper-container-flip .swiper-slide-active,
 .swiper-container-flip .swiper-slide-active .swiper-slide-active {
   pointer-events: auto
 }

 .swiper-container-flip .swiper-slide-shadow-bottom,
 .swiper-container-flip .swiper-slide-shadow-left,
 .swiper-container-flip .swiper-slide-shadow-right,
 .swiper-container-flip .swiper-slide-shadow-top {
   z-index: 0;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden
 }

 .swiper-container-coverflow .swiper-wrapper {
   -ms-perspective: 1200px
 }

 .animated {
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: none;
   animation-fill-mode: none
 }

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

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

 @-webkit-keyframes bounce {

   0%,
   100%,
   20%,
   50%,
   80% {
     -webkit-transform: translateY(0);
     transform: translateY(0)
   }

   40% {
     -webkit-transform: translateY(-10px);
     transform: translateY(-10px)
   }

   60% {
     -webkit-transform: translateY(-5px);
     transform: translateY(-5px)
   }
 }

 @keyframes bounce {

   0%,
   100%,
   20%,
   50%,
   80% {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }

   40% {
     -webkit-transform: translateY(-10px);
     -ms-transform: translateY(-10px);
     transform: translateY(-10px)
   }

   60% {
     -webkit-transform: translateY(-5px);
     -ms-transform: translateY(-5px);
     transform: translateY(-5px)
   }
 }

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

 @-webkit-keyframes flash {

   0%,
   100%,
   50% {
     opacity: 1
   }

   25%,
   75% {
     opacity: 0
   }
 }

 @keyframes flash {

   0%,
   100%,
   50% {
     opacity: 1
   }

   25%,
   75% {
     opacity: 0
   }
 }

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

 @-webkit-keyframes pulse {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1)
   }

   50% {
     -webkit-transform: scale(1.1);
     transform: scale(1.1)
   }

   100% {
     -webkit-transform: scale(1);
     transform: scale(1)
   }
 }

 @keyframes pulse {
   0% {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1)
   }

   50% {
     -webkit-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1)
   }

   100% {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1)
   }
 }

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

 @-webkit-keyframes rubberBand {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1)
   }

   30% {
     -webkit-transform: scaleX(1.1) scaleY(0.85);
     transform: scaleX(1.1) scaleY(0.85)
   }

   40% {
     -webkit-transform: scaleX(0.85) scaleY(1.1);
     transform: scaleX(0.85) scaleY(1.1)
   }

   60% {
     -webkit-transform: scaleX(1.06) scaleY(0.95);
     transform: scaleX(1.06) scaleY(0.95)
   }

   100% {
     -webkit-transform: scale(1);
     transform: scale(1)
   }
 }

 @keyframes rubberBand {
   0% {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1)
   }

   30% {
     -webkit-transform: scaleX(1.1) scaleY(0.85);
     -ms-transform: scaleX(1.1) scaleY(0.8);
     transform: scaleX(1.1) scaleY(0.85)
   }

   40% {
     -webkit-transform: scaleX(0.85) scaleY(1.1);
     -ms-transform: scaleX(0.85) scaleY(1.1);
     transform: scaleX(0.85) scaleY(1.1)
   }

   60% {
     -webkit-transform: scaleX(1.06) scaleY(0.95);
     -ms-transform: scaleX(1.06) scaleY(0.95);
     transform: scaleX(1.06) scaleY(0.95)
   }

   100% {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1)
   }
 }

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

 @-webkit-keyframes shake {

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

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

   20%,
   40%,
   60%,
   80% {
     -webkit-transform: translateX(2px);
     transform: translateX(2px)
   }
 }

 @keyframes shake {

   0%,
   100% {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0)
   }

   10%,
   30%,
   50%,
   70%,
   90% {
     -webkit-transform: translateX(-2px);
     -ms-transform: translateX(-2px);
     transform: translateX(-2px)
   }

   20%,
   40%,
   60%,
   80% {
     -webkit-transform: translateX(2px);
     -ms-transform: translateX(2px);
     transform: translateX(2px)
   }
 }

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

 @-webkit-keyframes swing {
   20% {
     -webkit-transform: rotate(6deg);
     transform: rotate(6deg)
   }

   40% {
     -webkit-transform: rotate(-4deg);
     transform: rotate(-4deg)
   }

   60% {
     -webkit-transform: rotate(2deg);
     transform: rotate(2deg)
   }

   80% {
     -webkit-transform: rotate(-2deg);
     transform: rotate(-2deg)
   }

   100% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg)
   }
 }

 @keyframes swing {
   20% {
     -webkit-transform: rotate(6deg);
     -ms-transform: rotate(6deg);
     transform: rotate(6deg)
   }

   40% {
     -webkit-transform: rotate(-4deg);
     -ms-transform: rotate(-4deg);
     transform: rotate(-4deg)
   }

   60% {
     -webkit-transform: rotate(2deg);
     -ms-transform: rotate(2deg);
     transform: rotate(2deg)
   }

   80% {
     -webkit-transform: rotate(-2deg);
     -ms-transform: rotate(-2deg);
     transform: rotate(-2deg)
   }

   100% {
     -webkit-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     transform: rotate(0deg)
   }
 }

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

 @-webkit-keyframes tada {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1)
   }

   10%,
   20% {
     -webkit-transform: scale(0.9) rotate(-3deg);
     transform: scale(0.9) rotate(-3deg)
   }

   30%,
   50%,
   70%,
   90% {
     -webkit-transform: scale(1.1) rotate(3deg);
     transform: scale(1.1) rotate(3deg)
   }

   40%,
   60%,
   80% {
     -webkit-transform: scale(1.1) rotate(-3deg);
     transform: scale(1.1) rotate(-3deg)
   }

   100% {
     -webkit-transform: scale(1) rotate(0);
     transform: scale(1) rotate(0)
   }
 }

 @keyframes tada {
   0% {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1)
   }

   10%,
   20% {
     -webkit-transform: scale(0.9) rotate(-3deg);
     -ms-transform: scale(0.9) rotate(-3deg);
     transform: scale(0.9) rotate(-3deg)
   }

   30%,
   50%,
   70%,
   90% {
     -webkit-transform: scale(1.1) rotate(3deg);
     -ms-transform: scale(1.1) rotate(3deg);
     transform: scale(1.1) rotate(3deg)
   }

   40%,
   60%,
   80% {
     -webkit-transform: scale(1.1) rotate(-3deg);
     -ms-transform: scale(1.1) rotate(-3deg);
     transform: scale(1.1) rotate(-3deg)
   }

   100% {
     -webkit-transform: scale(1) rotate(0);
     -ms-transform: scale(1) rotate(0);
     transform: scale(1) rotate(0)
   }
 }

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

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

   15% {
     -webkit-transform: translateX(-15%) rotate(-5deg);
     transform: translateX(-15%) rotate(-5deg)
   }

   30% {
     -webkit-transform: translateX(13%) rotate(3deg);
     transform: translateX(13%) rotate(3deg)
   }

   45% {
     -webkit-transform: translateX(-10%) rotate(-3deg);
     transform: translateX(-15%) rotate(-3deg)
   }

   60% {
     -webkit-transform: translateX(10%) rotate(2deg);
     transform: translateX(10%) rotate(2deg)
   }

   75% {
     -webkit-transform: translateX(-5%) rotate(-1deg);
     transform: translateX(-5%) rotate(-1deg)
   }

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

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

   15% {
     -webkit-transform: translateX(-15%) rotate(-5deg);
     -ms-transform: translateX(-15%) rotate(-5deg);
     transform: translateX(-15%) rotate(-5deg)
   }

   30% {
     -webkit-transform: translateX(13%) rotate(3deg);
     -ms-transform: translateX(13%) rotate(3deg);
     transform: translateX(13%) rotate(3deg)
   }

   45% {
     -webkit-transform: translateX(-10%) rotate(-3deg);
     -ms-transform: translateX(-10%) rotate(-3deg);
     transform: translateX(-7%) rotate(-3deg)
   }

   60% {
     -webkit-transform: translateX(6%) rotate(2deg);
     -ms-transform: translateX(6%) rotate(2deg);
     transform: translateX(6%) rotate(2deg)
   }

   75% {
     -webkit-transform: translateX(-5%) rotate(-1deg);
     -ms-transform: translateX(-5%) rotate(-1deg);
     transform: translateX(-5%) rotate(-1deg)
   }

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

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

 @-webkit-keyframes bounceIn {
   0% {
     opacity: 0;
     -webkit-transform: scale(.3);
     transform: scale(.3)
   }

   50% {
     opacity: 1;
     -webkit-transform: scale(1.05);
     transform: scale(1.05)
   }

   70% {
     -webkit-transform: scale(.9);
     transform: scale(.9)
   }

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

 @keyframes bounceIn {
   0% {
     opacity: 0;
     -webkit-transform: scale(.3);
     -ms-transform: scale(.3);
     transform: scale(.3)
   }

   50% {
     opacity: 1;
     -webkit-transform: scale(1.05);
     -ms-transform: scale(1.05);
     transform: scale(1.05)
   }

   70% {
     -webkit-transform: scale(.9);
     -ms-transform: scale(.9);
     transform: scale(.9)
   }

   100% {
     opacity: 1;
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1)
   }
 }

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

 @-webkit-keyframes bounceInDown {
   0% {
     opacity: 0;
     -webkit-transform: translateY(-2000px);
     transform: translateY(-2000px)
   }

   60% {
     opacity: 1;
     -webkit-transform: translateY(30px);
     transform: translateY(30px)
   }

   80% {
     -webkit-transform: translateY(-10px);
     transform: translateY(-10px)
   }

   100% {
     -webkit-transform: translateY(0);
     transform: translateY(0)
   }
 }

 @keyframes bounceInDown {
   0% {
     opacity: 0;
     -webkit-transform: translateY(-2000px);
     -ms-transform: translateY(-2000px);
     transform: translateY(-2000px)
   }

   60% {
     opacity: 1;
     -webkit-transform: translateY(30px);
     -ms-transform: translateY(30px);
     transform: translateY(30px)
   }

   80% {
     -webkit-transform: translateY(-10px);
     -ms-transform: translateY(-10px);
     transform: translateY(-10px)
   }

   100% {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }
 }

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

 @-webkit-keyframes bounceInLeft {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-2000px);
     transform: translateX(-2000px)
   }

   60% {
     opacity: 1;
     -webkit-transform: translateX(30px);
     transform: translateX(30px)
   }

   80% {
     -webkit-transform: translateX(-10px);
     transform: translateX(-10px)
   }

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

 @keyframes bounceInLeft {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-2000px);
     -ms-transform: translateX(-2000px);
     transform: translateX(-2000px)
   }

   60% {
     opacity: 1;
     -webkit-transform: translateX(30px);
     -ms-transform: translateX(30px);
     transform: translateX(30px)
   }

   80% {
     -webkit-transform: translateX(-10px);
     -ms-transform: translateX(-10px);
     transform: translateX(-10px)
   }

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

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

 @-webkit-keyframes bounceInRight {
   0% {
     opacity: 0;
     -webkit-transform: translateX(2000px);
     transform: translateX(2000px)
   }

   60% {
     opacity: 1;
     -webkit-transform: translateX(-30px);
     transform: translateX(-30px)
   }

   80% {
     -webkit-transform: translateX(10px);
     transform: translateX(10px)
   }

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

 @keyframes bounceInRight {
   0% {
     opacity: 0;
     -webkit-transform: translateX(2000px);
     -ms-transform: translateX(2000px);
     transform: translateX(2000px)
   }

   60% {
     opacity: 1;
     -webkit-transform: translateX(-30px);
     -ms-transform: translateX(-30px);
     transform: translateX(-30px)
   }

   80% {
     -webkit-transform: translateX(10px);
     -ms-transform: translateX(10px);
     transform: translateX(10px)
   }

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

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

 @-webkit-keyframes bounceInUp {
   0% {
     opacity: 0;
     -webkit-transform: translateY(2000px);
     transform: translateY(2000px)
   }

   60% {
     opacity: 1;
     -webkit-transform: translateY(-30px);
     transform: translateY(-30px)
   }

   80% {
     -webkit-transform: translateY(10px);
     transform: translateY(10px)
   }

   100% {
     -webkit-transform: translateY(0);
     transform: translateY(0)
   }
 }

 @keyframes bounceInUp {
   0% {
     opacity: 0;
     -webkit-transform: translateY(2000px);
     -ms-transform: translateY(2000px);
     transform: translateY(2000px)
   }

   60% {
     opacity: 1;
     -webkit-transform: translateY(-30px);
     -ms-transform: translateY(-30px);
     transform: translateY(-30px)
   }

   80% {
     -webkit-transform: translateY(10px);
     -ms-transform: translateY(10px);
     transform: translateY(10px)
   }

   100% {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }
 }

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

 @-webkit-keyframes bounceOut {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1)
   }

   25% {
     -webkit-transform: scale(.95);
     transform: scale(.95)
   }

   50% {
     opacity: 1;
     -webkit-transform: scale(1.1);
     transform: scale(1.1)
   }

   100% {
     opacity: 0;
     -webkit-transform: scale(.3);
     transform: scale(.3)
   }
 }

 @keyframes bounceOut {
   0% {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1)
   }

   25% {
     -webkit-transform: scale(.95);
     -ms-transform: scale(.95);
     transform: scale(.95)
   }

   50% {
     opacity: 1;
     -webkit-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1)
   }

   100% {
     opacity: 0;
     -webkit-transform: scale(.3);
     -ms-transform: scale(.3);
     transform: scale(.3)
   }
 }

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

 @-webkit-keyframes bounceOutDown {
   0% {
     -webkit-transform: translateY(0);
     transform: translateY(0)
   }

   20% {
     opacity: 1;
     -webkit-transform: translateY(-20px);
     transform: translateY(-20px)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(2000px);
     transform: translateY(2000px)
   }
 }

 @keyframes bounceOutDown {
   0% {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }

   20% {
     opacity: 1;
     -webkit-transform: translateY(-20px);
     -ms-transform: translateY(-20px);
     transform: translateY(-20px)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(2000px);
     -ms-transform: translateY(2000px);
     transform: translateY(2000px)
   }
 }

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

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

   20% {
     opacity: 1;
     -webkit-transform: translateX(20px);
     transform: translateX(20px)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(-2000px);
     transform: translateX(-2000px)
   }
 }

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

   20% {
     opacity: 1;
     -webkit-transform: translateX(20px);
     -ms-transform: translateX(20px);
     transform: translateX(20px)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(-2000px);
     -ms-transform: translateX(-2000px);
     transform: translateX(-2000px)
   }
 }

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

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

   20% {
     opacity: 1;
     -webkit-transform: translateX(-20px);
     transform: translateX(-20px)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(2000px);
     transform: translateX(2000px)
   }
 }

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

   20% {
     opacity: 1;
     -webkit-transform: translateX(-20px);
     -ms-transform: translateX(-20px);
     transform: translateX(-20px)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(2000px);
     -ms-transform: translateX(2000px);
     transform: translateX(2000px)
   }
 }

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

 @-webkit-keyframes bounceOutUp {
   0% {
     -webkit-transform: translateY(0);
     transform: translateY(0)
   }

   20% {
     opacity: 1;
     -webkit-transform: translateY(20px);
     transform: translateY(20px)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(-2000px);
     transform: translateY(-2000px)
   }
 }

 @keyframes bounceOutUp {
   0% {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }

   20% {
     opacity: 1;
     -webkit-transform: translateY(20px);
     -ms-transform: translateY(20px);
     transform: translateY(20px)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(-2000px);
     -ms-transform: translateY(-2000px);
     transform: translateY(-2000px)
   }
 }

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

 @-webkit-keyframes fadeIn {
   0% {
     opacity: 0
   }

   100% {
     opacity: 1
   }
 }

 @keyframes fadeIn {
   0% {
     opacity: 0
   }

   100% {
     opacity: 1
   }
 }

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

 @-webkit-keyframes fadeInDown {
   0% {
     opacity: 0;
     -webkit-transform: translateY(-20px);
     transform: translateY(-20px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0)
   }
 }

 @keyframes fadeInDown {
   0% {
     opacity: 0;
     -webkit-transform: translateY(-20px);
     -ms-transform: translateY(-20px);
     transform: translateY(-20px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }
 }

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

 @-webkit-keyframes fadeInDownBig {
   0% {
     opacity: 0;
     -webkit-transform: translateY(-2000px);
     transform: translateY(-2000px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0)
   }
 }

 @keyframes fadeInDownBig {
   0% {
     opacity: 0;
     -webkit-transform: translateY(-2000px);
     -ms-transform: translateY(-2000px);
     transform: translateY(-2000px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }
 }

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

 @-webkit-keyframes fadeInLeft {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-20px);
     transform: translateX(-20px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateX(0);
     transform: translateX(0)
   }
 }

 @keyframes fadeInLeft {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-20px);
     -ms-transform: translateX(-20px);
     transform: translateX(-20px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0)
   }
 }

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

 @-webkit-keyframes fadeInLeftBig {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-2000px);
     transform: translateX(-2000px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateX(0);
     transform: translateX(0)
   }
 }

 @keyframes fadeInLeftBig {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-2000px);
     -ms-transform: translateX(-2000px);
     transform: translateX(-2000px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0)
   }
 }

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

 @-webkit-keyframes fadeInRight {
   0% {
     opacity: 0;
     -webkit-transform: translateX(20px);
     transform: translateX(20px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateX(0);
     transform: translateX(0)
   }
 }

 @keyframes fadeInRight {
   0% {
     opacity: 0;
     -webkit-transform: translateX(20px);
     -ms-transform: translateX(20px);
     transform: translateX(20px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0)
   }
 }

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

 @-webkit-keyframes fadeInRightBig {
   0% {
     opacity: 0;
     -webkit-transform: translateX(2000px);
     transform: translateX(2000px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateX(0);
     transform: translateX(0)
   }
 }

 @keyframes fadeInRightBig {
   0% {
     opacity: 0;
     -webkit-transform: translateX(2000px);
     -ms-transform: translateX(2000px);
     transform: translateX(2000px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0)
   }
 }

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

 @-webkit-keyframes fadeInUp {
   0% {
     opacity: 0;
     -webkit-transform: translateY(20px);
     transform: translateY(20px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0)
   }
 }

 @keyframes fadeInUp {
   0% {
     opacity: 0;
     -webkit-transform: translateY(20px);
     -ms-transform: translateY(20px);
     transform: translateY(20px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }
 }

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

 @-webkit-keyframes fadeInUpBig {
   0% {
     opacity: 0;
     -webkit-transform: translateY(2000px);
     transform: translateY(2000px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0)
   }
 }

 @keyframes fadeInUpBig {
   0% {
     opacity: 0;
     -webkit-transform: translateY(2000px);
     -ms-transform: translateY(2000px);
     transform: translateY(2000px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }
 }

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

 @-webkit-keyframes fadeOut {
   0% {
     opacity: 1
   }

   100% {
     opacity: 0
   }
 }

 @keyframes fadeOut {
   0% {
     opacity: 1
   }

   100% {
     opacity: 0
   }
 }

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

 @-webkit-keyframes fadeOutDown {
   0% {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(20px);
     transform: translateY(20px)
   }
 }

 @keyframes fadeOutDown {
   0% {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(20px);
     -ms-transform: translateY(20px);
     transform: translateY(20px)
   }
 }

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

 @-webkit-keyframes fadeOutDownBig {
   0% {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(2000px);
     transform: translateY(2000px)
   }
 }

 @keyframes fadeOutDownBig {
   0% {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(2000px);
     -ms-transform: translateY(2000px);
     transform: translateY(2000px)
   }
 }

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

 @-webkit-keyframes fadeOutLeft {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0);
     transform: translateX(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(-20px);
     transform: translateX(-20px)
   }
 }

 @keyframes fadeOutLeft {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(-20px);
     -ms-transform: translateX(-20px);
     transform: translateX(-20px)
   }
 }

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

 @-webkit-keyframes fadeOutLeftBig {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0);
     transform: translateX(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(-2000px);
     transform: translateX(-2000px)
   }
 }

 @keyframes fadeOutLeftBig {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(-2000px);
     -ms-transform: translateX(-2000px);
     transform: translateX(-2000px)
   }
 }

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

 @-webkit-keyframes fadeOutRight {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0);
     transform: translateX(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(20px);
     transform: translateX(20px)
   }
 }

 @keyframes fadeOutRight {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(20px);
     -ms-transform: translateX(20px);
     transform: translateX(20px)
   }
 }

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

 @-webkit-keyframes fadeOutRightBig {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0);
     transform: translateX(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(2000px);
     transform: translateX(2000px)
   }
 }

 @keyframes fadeOutRightBig {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(2000px);
     -ms-transform: translateX(2000px);
     transform: translateX(2000px)
   }
 }

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

 @-webkit-keyframes fadeOutUp {
   0% {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(-20px);
     transform: translateY(-20px)
   }
 }

 @keyframes fadeOutUp {
   0% {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(-20px);
     -ms-transform: translateY(-20px);
     transform: translateY(-20px)
   }
 }

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

 @-webkit-keyframes fadeOutUpBig {
   0% {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(-2000px);
     transform: translateY(-2000px)
   }
 }

 @keyframes fadeOutUpBig {
   0% {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(-2000px);
     -ms-transform: translateY(-2000px);
     transform: translateY(-2000px)
   }
 }

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

 @-webkit-keyframes flip {
   0% {
     -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
     transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out
   }

   40% {
     -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
     transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out
   }

   50% {
     -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
     transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in
   }

   80% {
     -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
     transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in
   }

   100% {
     -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
     transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in
   }
 }

 @keyframes flip {
   0% {
     -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
     -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
     transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out
   }

   40% {
     -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
     -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
     transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out
   }

   50% {
     -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
     -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
     transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in
   }

   80% {
     -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
     -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
     transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in
   }

   100% {
     -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
     -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
     transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in
   }
 }

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

 @-webkit-keyframes flipInX {
   0% {
     -webkit-transform: perspective(400px) rotateX(90deg);
     transform: perspective(400px) rotateX(90deg);
     opacity: 0
   }

   40% {
     -webkit-transform: perspective(400px) rotateX(-10deg);
     transform: perspective(400px) rotateX(-10deg)
   }

   70% {
     -webkit-transform: perspective(400px) rotateX(10deg);
     transform: perspective(400px) rotateX(10deg)
   }

   100% {
     -webkit-transform: perspective(400px) rotateX(0deg);
     transform: perspective(400px) rotateX(0deg);
     opacity: 1
   }
 }

 @keyframes flipInX {
   0% {
     -webkit-transform: perspective(400px) rotateX(90deg);
     -ms-transform: perspective(400px) rotateX(90deg);
     transform: perspective(400px) rotateX(90deg);
     opacity: 0
   }

   40% {
     -webkit-transform: perspective(400px) rotateX(-10deg);
     -ms-transform: perspective(400px) rotateX(-10deg);
     transform: perspective(400px) rotateX(-10deg)
   }

   70% {
     -webkit-transform: perspective(400px) rotateX(10deg);
     -ms-transform: perspective(400px) rotateX(10deg);
     transform: perspective(400px) rotateX(10deg)
   }

   100% {
     -webkit-transform: perspective(400px) rotateX(0deg);
     -ms-transform: perspective(400px) rotateX(0deg);
     transform: perspective(400px) rotateX(0deg);
     opacity: 1
   }
 }

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

 @-webkit-keyframes flipInY {
   0% {
     -webkit-transform: perspective(400px) rotateY(90deg);
     transform: perspective(400px) rotateY(90deg);
     opacity: 0
   }

   40% {
     -webkit-transform: perspective(400px) rotateY(-10deg);
     transform: perspective(400px) rotateY(-10deg)
   }

   70% {
     -webkit-transform: perspective(400px) rotateY(10deg);
     transform: perspective(400px) rotateY(10deg)
   }

   100% {
     -webkit-transform: perspective(400px) rotateY(0deg);
     transform: perspective(400px) rotateY(0deg);
     opacity: 1
   }
 }

 @keyframes flipInY {
   0% {
     -webkit-transform: perspective(400px) rotateY(90deg);
     -ms-transform: perspective(400px) rotateY(90deg);
     transform: perspective(400px) rotateY(90deg);
     opacity: 0
   }

   40% {
     -webkit-transform: perspective(400px) rotateY(-10deg);
     -ms-transform: perspective(400px) rotateY(-10deg);
     transform: perspective(400px) rotateY(-10deg)
   }

   70% {
     -webkit-transform: perspective(400px) rotateY(10deg);
     -ms-transform: perspective(400px) rotateY(10deg);
     transform: perspective(400px) rotateY(10deg)
   }

   100% {
     -webkit-transform: perspective(400px) rotateY(0deg);
     -ms-transform: perspective(400px) rotateY(0deg);
     transform: perspective(400px) rotateY(0deg);
     opacity: 1
   }
 }

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

 @-webkit-keyframes flipOutX {
   0% {
     -webkit-transform: perspective(400px) rotateX(0deg);
     transform: perspective(400px) rotateX(0deg);
     opacity: 1
   }

   100% {
     -webkit-transform: perspective(400px) rotateX(90deg);
     transform: perspective(400px) rotateX(90deg);
     opacity: 0
   }
 }

 @keyframes flipOutX {
   0% {
     -webkit-transform: perspective(400px) rotateX(0deg);
     -ms-transform: perspective(400px) rotateX(0deg);
     transform: perspective(400px) rotateX(0deg);
     opacity: 1
   }

   100% {
     -webkit-transform: perspective(400px) rotateX(90deg);
     -ms-transform: perspective(400px) rotateX(90deg);
     transform: perspective(400px) rotateX(90deg);
     opacity: 0
   }
 }

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

 @-webkit-keyframes flipOutY {
   0% {
     -webkit-transform: perspective(400px) rotateY(0deg);
     transform: perspective(400px) rotateY(0deg);
     opacity: 1
   }

   100% {
     -webkit-transform: perspective(400px) rotateY(90deg);
     transform: perspective(400px) rotateY(90deg);
     opacity: 0
   }
 }

 @keyframes flipOutY {
   0% {
     -webkit-transform: perspective(400px) rotateY(0deg);
     -ms-transform: perspective(400px) rotateY(0deg);
     transform: perspective(400px) rotateY(0deg);
     opacity: 1
   }

   100% {
     -webkit-transform: perspective(400px) rotateY(90deg);
     -ms-transform: perspective(400px) rotateY(90deg);
     transform: perspective(400px) rotateY(90deg);
     opacity: 0
   }
 }

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

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

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

   80% {
     -webkit-transform: translateX(0%) skewX(-15deg);
     transform: translateX(0%) skewX(-15deg);
     opacity: 1
   }

   100% {
     -webkit-transform: translateX(0%) skewX(0deg);
     transform: translateX(0%) skewX(0deg);
     opacity: 1
   }
 }

 @keyframes lightSpeedIn {
   0% {
     -webkit-transform: translateX(100%) skewX(-30deg);
     -ms-transform: translateX(100%) skewX(-30deg);
     transform: translateX(100%) skewX(-30deg);
     opacity: 0
   }

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

   80% {
     -webkit-transform: translateX(0%) skewX(-15deg);
     -ms-transform: translateX(0%) skewX(-15deg);
     transform: translateX(0%) skewX(-15deg);
     opacity: 1
   }

   100% {
     -webkit-transform: translateX(0%) skewX(0deg);
     -ms-transform: translateX(0%) skewX(0deg);
     transform: translateX(0%) skewX(0deg);
     opacity: 1
   }
 }

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

 @-webkit-keyframes lightSpeedOut {
   0% {
     -webkit-transform: translateX(0%) skewX(0deg);
     transform: translateX(0%) skewX(0deg);
     opacity: 1
   }

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

 @keyframes lightSpeedOut {
   0% {
     -webkit-transform: translateX(0%) skewX(0deg);
     -ms-transform: translateX(0%) skewX(0deg);
     transform: translateX(0%) skewX(0deg);
     opacity: 1
   }

   100% {
     -webkit-transform: translateX(100%) skewX(-30deg);
     -ms-transform: translateX(100%) skewX(-30deg);
     transform: translateX(100%) skewX(-30deg);
     opacity: 0
   }
 }

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

 @-webkit-keyframes rotateIn {
   0% {
     -webkit-transform-origin: center center;
     transform-origin: center center;
     -webkit-transform: rotate(-200deg);
     transform: rotate(-200deg);
     opacity: 0
   }

   100% {
     -webkit-transform-origin: center center;
     transform-origin: center center;
     -webkit-transform: rotate(0);
     transform: rotate(0);
     opacity: 1
   }
 }

 @keyframes rotateIn {
   0% {
     -webkit-transform-origin: center center;
     -ms-transform-origin: center center;
     transform-origin: center center;
     -webkit-transform: rotate(-200deg);
     -ms-transform: rotate(-200deg);
     transform: rotate(-200deg);
     opacity: 0
   }

   100% {
     -webkit-transform-origin: center center;
     -ms-transform-origin: center center;
     transform-origin: center center;
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     opacity: 1
   }
 }

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

 @-webkit-keyframes rotateInDownLeft {
   0% {
     -webkit-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(-90deg);
     transform: rotate(-90deg);
     opacity: 0
   }

   100% {
     -webkit-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(0);
     transform: rotate(0);
     opacity: 1
   }
 }

 @keyframes rotateInDownLeft {
   0% {
     -webkit-transform-origin: left bottom;
     -ms-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     transform: rotate(-90deg);
     opacity: 0
   }

   100% {
     -webkit-transform-origin: left bottom;
     -ms-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     opacity: 1
   }
 }

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

 @-webkit-keyframes rotateInDownRight {
   0% {
     -webkit-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(90deg);
     transform: rotate(90deg);
     opacity: 0
   }

   100% {
     -webkit-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(0);
     transform: rotate(0);
     opacity: 1
   }
 }

 @keyframes rotateInDownRight {
   0% {
     -webkit-transform-origin: right bottom;
     -ms-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg);
     opacity: 0
   }

   100% {
     -webkit-transform-origin: right bottom;
     -ms-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     opacity: 1
   }
 }

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

 @-webkit-keyframes rotateInUpLeft {
   0% {
     -webkit-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(90deg);
     transform: rotate(90deg);
     opacity: 0
   }

   100% {
     -webkit-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(0);
     transform: rotate(0);
     opacity: 1
   }
 }

 @keyframes rotateInUpLeft {
   0% {
     -webkit-transform-origin: left bottom;
     -ms-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg);
     opacity: 0
   }

   100% {
     -webkit-transform-origin: left bottom;
     -ms-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     opacity: 1
   }
 }

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

 @-webkit-keyframes rotateInUpRight {
   0% {
     -webkit-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(-90deg);
     transform: rotate(-90deg);
     opacity: 0
   }

   100% {
     -webkit-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(0);
     transform: rotate(0);
     opacity: 1
   }
 }

 @keyframes rotateInUpRight {
   0% {
     -webkit-transform-origin: right bottom;
     -ms-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     transform: rotate(-90deg);
     opacity: 0
   }

   100% {
     -webkit-transform-origin: right bottom;
     -ms-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     opacity: 1
   }
 }

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

 @-webkit-keyframes rotateOut {
   0% {
     -webkit-transform-origin: center center;
     transform-origin: center center;
     -webkit-transform: rotate(0);
     transform: rotate(0);
     opacity: 1
   }

   100% {
     -webkit-transform-origin: center center;
     transform-origin: center center;
     -webkit-transform: rotate(200deg);
     transform: rotate(200deg);
     opacity: 0
   }
 }

 @keyframes rotateOut {
   0% {
     -webkit-transform-origin: center center;
     -ms-transform-origin: center center;
     transform-origin: center center;
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     opacity: 1
   }

   100% {
     -webkit-transform-origin: center center;
     -ms-transform-origin: center center;
     transform-origin: center center;
     -webkit-transform: rotate(200deg);
     -ms-transform: rotate(200deg);
     transform: rotate(200deg);
     opacity: 0
   }
 }

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

 @-webkit-keyframes rotateOutDownLeft {
   0% {
     -webkit-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(0);
     transform: rotate(0);
     opacity: 1
   }

   100% {
     -webkit-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(90deg);
     transform: rotate(90deg);
     opacity: 0
   }
 }

 @keyframes rotateOutDownLeft {
   0% {
     -webkit-transform-origin: left bottom;
     -ms-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     opacity: 1
   }

   100% {
     -webkit-transform-origin: left bottom;
     -ms-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg);
     opacity: 0
   }
 }

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

 @-webkit-keyframes rotateOutDownRight {
   0% {
     -webkit-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(0);
     transform: rotate(0);
     opacity: 1
   }

   100% {
     -webkit-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(-90deg);
     transform: rotate(-90deg);
     opacity: 0
   }
 }

 @keyframes rotateOutDownRight {
   0% {
     -webkit-transform-origin: right bottom;
     -ms-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     opacity: 1
   }

   100% {
     -webkit-transform-origin: right bottom;
     -ms-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     transform: rotate(-90deg);
     opacity: 0
   }
 }

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

 @-webkit-keyframes rotateOutUpLeft {
   0% {
     -webkit-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(0);
     transform: rotate(0);
     opacity: 1
   }

   100% {
     -webkit-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(-90deg);
     transform: rotate(-90deg);
     opacity: 0
   }
 }

 @keyframes rotateOutUpLeft {
   0% {
     -webkit-transform-origin: left bottom;
     -ms-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     opacity: 1
   }

   100% {
     -webkit-transform-origin: left bottom;
     -ms-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     transform: rotate(-90deg);
     opacity: 0
   }
 }

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

 @-webkit-keyframes rotateOutUpRight {
   0% {
     -webkit-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(0);
     transform: rotate(0);
     opacity: 1
   }

   100% {
     -webkit-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(90deg);
     transform: rotate(90deg);
     opacity: 0
   }
 }

 @keyframes rotateOutUpRight {
   0% {
     -webkit-transform-origin: right bottom;
     -ms-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     opacity: 1
   }

   100% {
     -webkit-transform-origin: right bottom;
     -ms-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg);
     opacity: 0
   }
 }

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

 @-webkit-keyframes slideInDown {
   0% {
     opacity: 0;
     -webkit-transform: translateY(-2000px);
     transform: translateY(-2000px)
   }

   100% {
     -webkit-transform: translateY(0);
     transform: translateY(0)
   }
 }

 @keyframes slideInDown {
   0% {
     opacity: 0;
     -webkit-transform: translateY(-2000px);
     -ms-transform: translateY(-2000px);
     transform: translateY(-2000px)
   }

   100% {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }
 }

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

 @-webkit-keyframes slideInLeft {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-2000px);
     transform: translateX(-2000px)
   }

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

 @keyframes slideInLeft {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-2000px);
     -ms-transform: translateX(-2000px);
     transform: translateX(-2000px)
   }

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

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

 @-webkit-keyframes slideInRight {
   0% {
     opacity: 0;
     -webkit-transform: translateX(2000px);
     transform: translateX(2000px)
   }

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

 @keyframes slideInRight {
   0% {
     opacity: 0;
     -webkit-transform: translateX(2000px);
     -ms-transform: translateX(2000px);
     transform: translateX(2000px)
   }

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

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

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

   100% {
     opacity: 0;
     -webkit-transform: translateX(-2000px);
     transform: translateX(-2000px)
   }
 }

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

   100% {
     opacity: 0;
     -webkit-transform: translateX(-2000px);
     -ms-transform: translateX(-2000px);
     transform: translateX(-2000px)
   }
 }

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

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

   100% {
     opacity: 0;
     -webkit-transform: translateX(2000px);
     transform: translateX(2000px)
   }
 }

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

   100% {
     opacity: 0;
     -webkit-transform: translateX(2000px);
     -ms-transform: translateX(2000px);
     transform: translateX(2000px)
   }
 }

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

 @-webkit-keyframes slideOutUp {
   0% {
     -webkit-transform: translateY(0);
     transform: translateY(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(-2000px);
     transform: translateY(-2000px)
   }
 }

 @keyframes slideOutUp {
   0% {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(-2000px);
     -ms-transform: translateY(-2000px);
     transform: translateY(-2000px)
   }
 }

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

 @-webkit-keyframes slideInUp {
   0% {
     opacity: 0;
     -webkit-transform: translateY(2000px);
     transform: translateY(2000px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0)
   }
 }

 @keyframes slideInUp {
   0% {
     opacity: 0;
     -webkit-transform: translateY(2000px);
     -ms-transform: translateY(2000px);
     transform: translateY(2000px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }
 }

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

 @-webkit-keyframes slideOutDown {
   0% {
     -webkit-transform: translateY(0);
     transform: translateY(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(2000px);
     transform: translateY(2000px)
   }
 }

 @keyframes slideOutDown {
   0% {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(2000px);
     -ms-transform: translateY(2000px);
     transform: translateY(2000px)
   }
 }

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

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

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

   40% {
     -webkit-transform: rotate(60deg);
     transform: rotate(60deg);
     -webkit-transform-origin: top left;
     transform-origin: top left;
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out
   }

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

   100% {
     -webkit-transform: translateY(700px);
     transform: translateY(700px);
     opacity: 0
   }
 }

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

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

   40% {
     -webkit-transform: rotate(60deg);
     -ms-transform: rotate(60deg);
     transform: rotate(60deg);
     -webkit-transform-origin: top left;
     -ms-transform-origin: top left;
     transform-origin: top left;
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out
   }

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

   100% {
     -webkit-transform: translateY(700px);
     -ms-transform: translateY(700px);
     transform: translateY(700px);
     opacity: 0
   }
 }

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

 @-webkit-keyframes rollIn {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-100%) rotate(-120deg);
     transform: translateX(-100%) rotate(-120deg)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateX(0px) rotate(0deg);
     transform: translateX(0px) rotate(0deg)
   }
 }

 @keyframes rollIn {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-100%) rotate(-120deg);
     -ms-transform: translateX(-100%) rotate(-120deg);
     transform: translateX(-100%) rotate(-120deg)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateX(0px) rotate(0deg);
     -ms-transform: translateX(0px) rotate(0deg);
     transform: translateX(0px) rotate(0deg)
   }
 }

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

 @-webkit-keyframes rollOut {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0px) rotate(0deg);
     transform: translateX(0px) rotate(0deg)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(100%) rotate(120deg);
     transform: translateX(100%) rotate(120deg)
   }
 }

 @keyframes rollOut {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0px) rotate(0deg);
     -ms-transform: translateX(0px) rotate(0deg);
     transform: translateX(0px) rotate(0deg)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(100%) rotate(120deg);
     -ms-transform: translateX(100%) rotate(120deg);
     transform: translateX(100%) rotate(120deg)
   }
 }

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

 @-webkit-keyframes zoomIn {
   0% {
     opacity: 0;
     -webkit-transform: scale(.3);
     transform: scale(.3)
   }

   50% {
     opacity: 1
   }
 }

 @keyframes zoomIn {
   0% {
     opacity: 0;
     -webkit-transform: scale(.3);
     -ms-transform: scale(.3);
     transform: scale(.3)
   }

   50% {
     opacity: 1
   }
 }

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

 @-webkit-keyframes zoomInDown {
   0% {
     opacity: 0;
     -webkit-transform: scale(.1) translateY(-2000px);
     transform: scale(.1) translateY(-2000px);
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out
   }

   60% {
     opacity: 1;
     -webkit-transform: scale(.475) translateY(60px);
     transform: scale(.475) translateY(60px);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out
   }
 }

 @keyframes zoomInDown {
   0% {
     opacity: 0;
     -webkit-transform: scale(.1) translateY(-2000px);
     -ms-transform: scale(.1) translateY(-2000px);
     transform: scale(.1) translateY(-2000px);
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out
   }

   60% {
     opacity: 1;
     -webkit-transform: scale(.475) translateY(60px);
     -ms-transform: scale(.475) translateY(60px);
     transform: scale(.475) translateY(60px);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out
   }
 }

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

 @-webkit-keyframes zoomInLeft {
   0% {
     opacity: 0;
     -webkit-transform: scale(.1) translateX(-2000px);
     transform: scale(.1) translateX(-2000px);
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out
   }

   60% {
     opacity: 1;
     -webkit-transform: scale(.475) translateX(48px);
     transform: scale(.475) translateX(48px);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out
   }
 }

 @keyframes zoomInLeft {
   0% {
     opacity: 0;
     -webkit-transform: scale(.1) translateX(-2000px);
     -ms-transform: scale(.1) translateX(-2000px);
     transform: scale(.1) translateX(-2000px);
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out
   }

   60% {
     opacity: 1;
     -webkit-transform: scale(.475) translateX(48px);
     -ms-transform: scale(.475) translateX(48px);
     transform: scale(.475) translateX(48px);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out
   }
 }

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

 @-webkit-keyframes zoomInRight {
   0% {
     opacity: 0;
     -webkit-transform: scale(.1) translateX(2000px);
     transform: scale(.1) translateX(2000px);
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out
   }

   60% {
     opacity: 1;
     -webkit-transform: scale(.475) translateX(-48px);
     transform: scale(.475) translateX(-48px);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out
   }
 }

 @keyframes zoomInRight {
   0% {
     opacity: 0;
     -webkit-transform: scale(.1) translateX(2000px);
     -ms-transform: scale(.1) translateX(2000px);
     transform: scale(.1) translateX(2000px);
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out
   }

   60% {
     opacity: 1;
     -webkit-transform: scale(.475) translateX(-48px);
     -ms-transform: scale(.475) translateX(-48px);
     transform: scale(.475) translateX(-48px);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out
   }
 }

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

 @-webkit-keyframes zoomInUp {
   0% {
     opacity: 0;
     -webkit-transform: scale(.1) translateY(2000px);
     transform: scale(.1) translateY(2000px);
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out
   }

   60% {
     opacity: 1;
     -webkit-transform: scale(.475) translateY(-60px);
     transform: scale(.475) translateY(-60px);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out
   }
 }

 @keyframes zoomInUp {
   0% {
     opacity: 0;
     -webkit-transform: scale(.1) translateY(2000px);
     -ms-transform: scale(.1) translateY(2000px);
     transform: scale(.1) translateY(2000px);
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out
   }

   60% {
     opacity: 1;
     -webkit-transform: scale(.475) translateY(-60px);
     -ms-transform: scale(.475) translateY(-60px);
     transform: scale(.475) translateY(-60px);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out
   }
 }

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

 @-webkit-keyframes zoomOut {
   0% {
     opacity: 1;
     -webkit-transform: scale(1);
     transform: scale(1)
   }

   50% {
     opacity: 0;
     -webkit-transform: scale(.3);
     transform: scale(.3)
   }

   100% {
     opacity: 0
   }
 }

 @keyframes zoomOut {
   0% {
     opacity: 1;
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1)
   }

   50% {
     opacity: 0;
     -webkit-transform: scale(.3);
     -ms-transform: scale(.3);
     transform: scale(.3)
   }

   100% {
     opacity: 0
   }
 }

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

 @-webkit-keyframes zoomOutDown {
   40% {
     opacity: 1;
     -webkit-transform: scale(.475) translateY(-60px);
     transform: scale(.475) translateY(-60px);
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear
   }

   100% {
     opacity: 0;
     -webkit-transform: scale(.1) translateY(2000px);
     transform: scale(.1) translateY(2000px);
     -webkit-transform-origin: center bottom;
     transform-origin: center bottom
   }
 }

 @keyframes zoomOutDown {
   40% {
     opacity: 1;
     -webkit-transform: scale(.475) translateY(-60px);
     -ms-transform: scale(.475) translateY(-60px);
     transform: scale(.475) translateY(-60px);
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear
   }

   100% {
     opacity: 0;
     -webkit-transform: scale(.1) translateY(2000px);
     -ms-transform: scale(.1) translateY(2000px);
     transform: scale(.1) translateY(2000px);
     -webkit-transform-origin: center bottom;
     -ms-transform-origin: center bottom;
     transform-origin: center bottom
   }
 }

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

 @-webkit-keyframes zoomOutLeft {
   40% {
     opacity: 1;
     -webkit-transform: scale(.475) translateX(42px);
     transform: scale(.475) translateX(42px);
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear
   }

   100% {
     opacity: 0;
     -webkit-transform: scale(.1) translateX(-2000px);
     transform: scale(.1) translateX(-2000px);
     -webkit-transform-origin: left center;
     transform-origin: left center
   }
 }

 @keyframes zoomOutLeft {
   40% {
     opacity: 1;
     -webkit-transform: scale(.475) translateX(42px);
     -ms-transform: scale(.475) translateX(42px);
     transform: scale(.475) translateX(42px);
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear
   }

   100% {
     opacity: 0;
     -webkit-transform: scale(.1) translateX(-2000px);
     -ms-transform: scale(.1) translateX(-2000px);
     transform: scale(.1) translateX(-2000px);
     -webkit-transform-origin: left center;
     -ms-transform-origin: left center;
     transform-origin: left center
   }
 }

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

 @-webkit-keyframes zoomOutRight {
   40% {
     opacity: 1;
     -webkit-transform: scale(.475) translateX(-42px);
     transform: scale(.475) translateX(-42px);
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear
   }

   100% {
     opacity: 0;
     -webkit-transform: scale(.1) translateX(2000px);
     transform: scale(.1) translateX(2000px);
     -webkit-transform-origin: right center;
     transform-origin: right center
   }
 }

 @keyframes zoomOutRight {
   40% {
     opacity: 1;
     -webkit-transform: scale(.475) translateX(-42px);
     -ms-transform: scale(.475) translateX(-42px);
     transform: scale(.475) translateX(-42px);
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear
   }

   100% {
     opacity: 0;
     -webkit-transform: scale(.1) translateX(2000px);
     -ms-transform: scale(.1) translateX(2000px);
     transform: scale(.1) translateX(2000px);
     -webkit-transform-origin: right center;
     -ms-transform-origin: right center;
     transform-origin: right center
   }
 }

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

 @-webkit-keyframes zoomOutUp {
   40% {
     opacity: 1;
     -webkit-transform: scale(.475) translateY(60px);
     transform: scale(.475) translateY(60px);
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear
   }

   100% {
     opacity: 0;
     -webkit-transform: scale(.1) translateY(-2000px);
     transform: scale(.1) translateY(-2000px);
     -webkit-transform-origin: center top;
     transform-origin: center top
   }
 }

 @keyframes zoomOutUp {
   40% {
     opacity: 1;
     -webkit-transform: scale(.475) translateY(60px);
     -ms-transform: scale(.475) translateY(60px);
     transform: scale(.475) translateY(60px);
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear
   }

   100% {
     opacity: 0;
     -webkit-transform: scale(.1) translateY(-2000px);
     -ms-transform: scale(.1) translateY(-2000px);
     transform: scale(.1) translateY(-2000px);
     -webkit-transform-origin: center top;
     -ms-transform-origin: center top;
     transform-origin: center top
   }
 }

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

 *,
 ::before,
 ::after {
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
   --tw-translate-x: 0;
   --tw-translate-y: 0;
   --tw-rotate: 0;
   --tw-skew-x: 0;
   --tw-skew-y: 0;
   --tw-scale-x: 1;
   --tw-scale-y: 1;
   --tw-pan-x: ;
   --tw-pan-y: ;
   --tw-pinch-zoom: ;
   --tw-scroll-snap-strictness: proximity;
   --tw-ordinal: ;
   --tw-slashed-zero: ;
   --tw-numeric-figure: ;
   --tw-numeric-spacing: ;
   --tw-numeric-fraction: ;
   --tw-ring-inset: ;
   --tw-ring-offset-width: 0px;
   --tw-ring-offset-color: #fff;
   --tw-ring-color: rgb(59 130 246 / 0.5);
   --tw-ring-offset-shadow: 0 0 #0000;
   --tw-ring-shadow: 0 0 #0000;
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
   --tw-blur: ;
   --tw-brightness: ;
   --tw-contrast: ;
   --tw-grayscale: ;
   --tw-hue-rotate: ;
   --tw-invert: ;
   --tw-saturate: ;
   --tw-sepia: ;
   --tw-drop-shadow: ;
   --tw-backdrop-blur: ;
   --tw-backdrop-brightness: ;
   --tw-backdrop-contrast: ;
   --tw-backdrop-grayscale: ;
   --tw-backdrop-hue-rotate: ;
   --tw-backdrop-invert: ;
   --tw-backdrop-opacity: ;
   --tw-backdrop-saturate: ;
   --tw-backdrop-sepia: ;
 }

 ::backdrop {
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
   --tw-translate-x: 0;
   --tw-translate-y: 0;
   --tw-rotate: 0;
   --tw-skew-x: 0;
   --tw-skew-y: 0;
   --tw-scale-x: 1;
   --tw-scale-y: 1;
   --tw-pan-x: ;
   --tw-pan-y: ;
   --tw-pinch-zoom: ;
   --tw-scroll-snap-strictness: proximity;
   --tw-ordinal: ;
   --tw-slashed-zero: ;
   --tw-numeric-figure: ;
   --tw-numeric-spacing: ;
   --tw-numeric-fraction: ;
   --tw-ring-inset: ;
   --tw-ring-offset-width: 0px;
   --tw-ring-offset-color: #fff;
   --tw-ring-color: rgb(59 130 246 / 0.5);
   --tw-ring-offset-shadow: 0 0 #0000;
   --tw-ring-shadow: 0 0 #0000;
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
   --tw-blur: ;
   --tw-brightness: ;
   --tw-contrast: ;
   --tw-grayscale: ;
   --tw-hue-rotate: ;
   --tw-invert: ;
   --tw-saturate: ;
   --tw-sepia: ;
   --tw-drop-shadow: ;
   --tw-backdrop-blur: ;
   --tw-backdrop-brightness: ;
   --tw-backdrop-contrast: ;
   --tw-backdrop-grayscale: ;
   --tw-backdrop-hue-rotate: ;
   --tw-backdrop-invert: ;
   --tw-backdrop-opacity: ;
   --tw-backdrop-saturate: ;
   --tw-backdrop-sepia: ;
 }

 .df-invisible {
   visibility: hidden;
 }

 .df-absolute {
   position: absolute;
 }

 .df-relative {
   position: relative;
 }

 .df-top-0 {
   top: 0px;
 }

 .df-left-0 {
   left: 0px;
 }

 .df-right-0 {
   right: 0px;
 }

 .df-top-32 {
   top: 8rem;
 }

 .df-mx-5 {
   margin-left: 1.25rem;
   margin-right: 1.25rem;
 }

 .df-mb-2 {
   margin-bottom: 0.5rem;
 }

 .df-mb-10 {
   margin-bottom: 2.5rem;
 }

 .df-ml-5 {
   margin-left: 1.25rem;
 }

 .df-mt-2 {
   margin-top: 0.5rem;
 }

 .df-ml-3 {
   margin-left: 0.75rem;
 }

 .df-box-border {
   box-sizing: border-box;
 }

 .df-block {
   display: block;
 }

 .df-flex {
   display: flex;
 }

 .df-hidden {
   display: none;
 }

 .df-h-full {
   height: 100%;
 }

 .df-h-12 {
   height: 3rem;
 }

 .df-h-20 {
   height: 5rem;
 }

 .df-h-5 {
   height: 1.25rem;
 }

 .df-w-full {
   width: 100%;
 }

 .df-w-screen {
   width: 100vw;
 }

 .df-w-20 {
   width: 5rem;
 }

 .df-w-4 {
   width: 1rem;
 }

 .df-w-10\/12 {
   width: 83.333333%;
 }

 .df-w-1\/5 {
   width: 20%;
 }

 .df-flex-1 {
   flex: 1 1 0%;
 }

 .df-flex-shrink-0 {
   flex-shrink: 0;
 }

 .df-cursor-pointer {
   cursor: pointer;
 }

 .df-flex-col {
   flex-direction: column;
 }

 .df-flex-wrap {
   flex-wrap: wrap;
 }

 .df-items-center {
   align-items: center;
 }

 .df-justify-center {
   justify-content: center;
 }

 .df-gap-4 {
   gap: 1rem;
 }

 .df-gap-2 {
   gap: 0.5rem
 }

 .df-overflow-hidden {
   overflow: hidden;
 }

 .df-bg-white {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255/var(--tw-bg-opacity));
 }

 .df-object-cover {
   -o-object-fit: cover;
   object-fit: cover;
 }

 .df-p-6 {
   padding: 1.5rem;
 }

 .df-p-2 {
   padding: 0.5rem;
 }

 .df-p-5 {
   padding: 1.25rem;
 }

 .df-px-3 {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
 }

 .df-px-8 {
   padding-left: 2rem;
   padding-right: 2rem;
 }

 .df-py-5 {
   padding-top: 1.25rem;
   padding-bottom: 1.25rem;
 }

 .df-px-5 {
   padding-left: 1.25rem;
   padding-right: 1.25rem;
 }

 .df-py-3 {
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
 }

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

 .df-text-lg {
   font-size: 1.125rem;
   line-height: 1.75rem;
 }

 .df-font-bold {
   font-weight: 700;
 }

 .df-text-white {
   --tw-text-opacity: 1;
   color: rgb(255 255 255/var(--tw-text-opacity));
 }

 .df-opacity-0 {
   opacity: 0;
 }

 .currency_txt .mx-2 {
   margin-left: 0.5rem;
   margin-right: 0.5rem;
   display: inline-flex;
 }

 .df-flex-text-wrap {
   min-width: 0;
   overflow-wrap: break-word;
 }

 .block_high_search {
   user-select: none;
 }

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

 .block_high_search .btn-high_search {
   background: var(--main_button_bg);
   color: var(--main_button_color);
   border-radius: var(--button_border_radius);
 }

 .block_high_search .block_high_search-absolute {
   background: #ffffff;
   border-radius: 0px 0px 0px 0px;
   border: 1px solid #cccccc;
   z-index: 60000;
 }

 .block_high_search .tab-item {
   height: 36px;
   line-height: 36px;
   border-radius: 19px 19px 19px 19px;
   opacity: 1;
   padding: 0 15px;
   font-size: 14px;
   border: 1px solid var(--main_button_bg);
   box-sizing: border-box;
   cursor: pointer;
   display: inline-block;
   width: initial;
 }

 .block_high_search .tab-item:hover {
   background: var(--main_button_bg);
   color: var(--main_button_color);
   border: 1px solid var(--main_button_bg);
 }

 .block_high_search .tab-item+.tab-item {
   margin-left: 12px;
 }

 .block_high_search .tab-item-active {
   background: var(--main_button_bg);
   color: var(--main_button_color);
   border: 1px solid var(--main_button_bg);
 }

 .block_high_search .block_high_search-body {
   max-height: 400px;
   overflow-y: auto;
 }

 .block_high_search .block_high_search-body .line-clamp2 {
   width: auto;
   word-break: break-word;
 }

 .block_high_search .block_high_search-body .product-item {
   position: relative;
   cursor: pointer;
 }

 .block_high_search .block_high_search-body .product-item:hover {
   background: #f6f6f6;
 }

 .block_high_search .block_high_search-body .product-item+.product-item::before {
   position: absolute;
   left: 0;
   right: 0;
   height: 1px;
   background-color: #eeeeee;
   top: 0;
   content: "";
 }

 .block_high_search .swiper-button-disabled path {
   fill: #999;
 }

 @media screen and (max-width: 768px) {
   .block_high_search .block_high_search-body {
     max-height: 300px;
   }
 }

 .block_high_search_wrapper {
   width: 100%;
   max-width: var(--general_layout_width);
   margin: 0 auto;
 }

 .block_high_search .code_box .code {
   display: inline-flex;
   justify-content: center;
   align-items: center;
   background-color: #000;
   color: #ffffff;
   padding: 3px 15px;
   margin-left: 3px;
   border-radius: 26px;
 }

 .block_high_search .code_box .code .copy_svg {
   display: inline-flex;
   margin-left: 8px;
 }

 .block_high_search .code_box .code .code_text {
   overflow: hidden;
   text-overflow: ellipsis;
   word-wrap: break-word;
   word-break: break-all;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   max-width: 100px;
 }

 @media screen and (max-width: 767px) {
   .block_high_search .code_box .code .code_text {
     max-width: 50px;
   }
 }

 .block_high_search .coupon_time,
 .block_high_search .promotion_time {
   display: inline-flex;
 }

 .block_high_search .coupon_time svg,
 .block_high_search .promotion_time svg {
   margin-right: 5px;
 }

 * {
   margin: 0;
 }

 html,
 body {
   font-family: var(--general_font_family);
   font-style: var(--general_font_style);
   font-weight: var(--general_font_weigth);
   font-size: var(--general_font_size);
   width: 100%;
   color: var(--main_color);
   line-height: var(--general_line_height);
   -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
   background-color: var(--page_background_color);
   word-wrap: break-word;
 }

 td {
   font-size: 14px;
 }

 iframe {
   border: 0;
 }

 input,
 button,
 textarea {
   font-size: 14px;
   outline: none;
   border: none;
   -webkit-appearance: none;
   color: var(--color-main);
 }

 button:focus {
   outline: none;
 }

 input:disabled {
   color: var(--disable-color);
 }

 input::-moz-placeholder {
   color: var(--color-input-placeholder);
 }

 input:-ms-input-placeholder {
   color: var(--color-input-placeholder);
 }

 input::placeholder {
   color: var(--color-input-placeholder);
 }

 input[type=text],
 input[type=password] {
   line-height: 1;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
 }

 textarea {
   overflow: auto;
   font-size: 1rem;
   font-family: Arial, Helvetica, sans-serif;
 }

 textarea::placeholder {
   color: var(--color-input-placeholder);
 }

 input[type=button],
 button {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
 }

 select {
   font-size: 1rem;
   font-size: 1rem;
   height: 40px;
   border: 1px solid #d4d4d4;
   cursor: pointer;
   min-width: 80px;
   padding: 0 5px;
 }

 img {
   border: 0px;
   vertical-align: top;
 }

 ul,
 li {
   list-style-type: none;
 }

 ul,
 li,
 p,
 div,
 input,
 ol {
   padding: 0px;
   margin: 0px;
 }

 a {
   color: var(--color-main);
   text-decoration: none;
   outline-style: none;
 }

 /*全局变量*/
 .--link-font-color {
   color: var(--link-font-color);
 }

 /*头部变量*/
 .--header-style {
   background: var(--header-bg-color);
 }

 /*底部变量*/
 .--footer-style {
   background: var(--footer-bg-color);
   color: var(--footer-font-color);
 }

 /*标题变量*/
 .--title {
   color: var(--title-font-color);
   font-size: var(--title-font-size);
   font-family: var(--title-font-family);
 }

 /*导航变量*/
 .--nav-bg-color {
   background: var(--nav-bg-color);
   color: var(--nav-font-color);
   font-size: var(--nav-font-size);
   font-family: var(--nav-font-family);
 }

 /*按钮变量*/
 .--main-button {
   background: var(--main-button-bg-color);
   color: var(--main-button-font-color);
   font-size: var(--main-button-font-size);
 }

 .--secondary-button {
   background: var(--secondary-button-bg-color);
   background: var(--secondary-button-font-color);
   font-size: var(--secondary-button-font-size);
   border-color: var(--secondary-button-border-color);
 }

 /*折扣标签变量*/
 .--discount-style {
   background: var(--discount-bg-color);
   color: var(--discount-bg-color);
 }

 /*价格变量*/
 .--price-color {
   color: var(--price-color);
 }

 .--sale-price-color {
   color: var(--sale-price-color);
 }

 #MainContent>div {
   margin-bottom: var(--general_layout_spacing);
 }

 #MainContent>div#block-add-btn {
   margin-bottom: 0;
 }

 .block-add {
   width: 100%;
   height: 83px;
   border: 2px dashed #7070da;
   box-sizing: border-box;
   font-size: 16px;
   font-weight: 600;
   color: #7070da;
   display: flex;
   justify-content: center;
   align-items: center;
   overflow: hidden;
   animation: addCard 0.3s ease-out;
 }

 #MainContent>div#oemsaas-add-btn {
   margin-bottom: 0;
 }

 .hide_line {
   overflow: hidden;
   text-overflow: ellipsis;
   /* word-break: break-all; */
   word-wrap: break-word;
   word-break: normal;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   width: 100%;
   text-align: center;
   -webkit-line-clamp: 1 !important;
 }

 .title {
   text-align: center;
   margin-top: calc(var(--general_layout_spacing) * var(--title_margin_bottom_scale));
   margin-bottom: calc(var(--general_layout_spacing) * var(--title_margin_bottom_scale));
   position: relative;
   color: var(--title_color);
   font-size: var(--title_font_size);
   font-family: var(--title_font_family);
   font-style: var(--title_font_style);
   font-weight: var(--title_font_weigth);
   letter-spacing: var(--title_letter_spacing);
 }

 .container_wrapper {
   width: 100%;
   max-width: var(--general_layout_width);
   margin: 0 auto;
 }

 .full_container_wrapper {
   max-width: 100%;
   box-sizing: border-box;
   padding-left: var(--full_container_padding);
   padding-right: var(--full_container_padding);
 }

 @media (max-width: 1200px) {

   .full_container_wrapper,
   .container_wrapper {
     padding-left: 50px;
     padding-right: 50px;
     box-sizing: border-box;
   }
 }

 @media (max-width: 767px) {

   .full_container_wrapper,
   .container_wrapper {
     padding-left: 15px;
     padding-right: 15px;
     box-sizing: border-box;
   }
 }

 .customer_trackingorder_default .tracking_order_form {
   display: flex;
   display: -webkit-flex;
   align-items: center;
   flex-wrap: wrap;
   flex-direction: column;
   min-height: calc(100vh - 481px);
   padding-bottom: 100px;
 }

 .customer_trackingorder_default .tracking_order_form form {
   max-width: 600px;
   width: 100%;
   margin: 0 auto;
   display: flex;
   justify-content: space-between;
 }

 .customer_trackingorder_default .tracking_order_form .tracking_order_txt {
   height: 44px;
   width: calc(100% - 155px);
   text-indent: 10px;
   border: 1px solid #707070;
   box-sizing: border-box;
   border-radius: var(--button_border_radius);
 }

 .customer_trackingorder_default .tracking_order_form .tracking_order_btn {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 140px;
   height: 44px;
   cursor: pointer;
   font-size: 16px;
   text-transform: uppercase;
   border-radius: var(--button_border_radius);
   background-color: var(--main_button_bg);
   color: var(--main_button_color);
 }

 @media (max-width: 767px) {
   .customer_trackingorder_default .tracking_order_form {
     padding-top: 0;
     padding-bottom: 0;
   }

   .customer_trackingorder_default .tracking_order_form form {
     flex-wrap: wrap;
     width: 100%;
   }

   .customer_trackingorder_default .tracking_order_form .tracking_order_txt {
     width: 100%;
   }

   .customer_trackingorder_default .tracking_order_form .tracking_order_btn {
     margin-top: 15px;
     width: 100%;
   }
 }

 /* .cart_list_default .cart_product_list {
    margin: 3rem 0 0;
} */
 /*购物车列表*/
 .cart_list_default .cart_form-header {
   padding: 10px 0;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }

 .cart_list_default .cart_list_title {
   display: grid;
   grid-template-columns: 100px 2fr 1fr 1fr 50px;
   height: 50px;
   line-height: 50px;
   border-top: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   box-sizing: border-box;
 }

 .cart_list_default .cart_list_content {
   display: grid;
   grid-template-columns: 100px 2fr 1fr 1fr 50px;
   padding: 30px 0;
   border-bottom: 1px dashed #ddd;
 }

 .cart_list_default .product_info {
   display: flex;
   width: 100%;
 }

 .cart_list_default .product_info_pic a {
   width: 100px;
   height: 100px;
   display: flex;
   justify-content: center;
   align-items: center;
   box-sizing: border-box;
 }

 .cart_list_default .product_info_pic img {
   max-width: 100%;
   max-height: 100%;
 }

 .cart_list_default .product_info_info {
   padding-left: 1.5rem;
   box-sizing: border-box;
   overflow: hidden;
 }

 .cart_list_default .product_info_name {
   color: #333;
   line-height: 24px;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
 }

 .cart_list_default .product_info_sku {
   color: #888;
   line-height: 24px;
   font-size: 14px;
   overflow: hidden;
 }

 .cart_list_default .product_custom_option {
   line-height: 24px;
   color: #888;
   font-size: 14px;
   word-break: break-all;
 }

 .cart_list_default .cart_list_delete {
   fill: #888;
 }

 .cart_list_default .cart_qty {
   width: 10rem;
   height: 3rem;
   border: 1px solid #ddd;
   box-sizing: border-box;
   display: flex;
   margin: 0 auto;
 }

 .cart_list_default .cart_qty a {
   height: 100%;
   width: 3rem;
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .cart_list_default .cart_qty input[name=cart_qty] {
   width: calc(100% - 6rem);
   height: 100%;
   border: 0;
   text-align: center;
   background: none;
 }

 .cart_list_default .cart_qty_content .stock_quantity {
   text-align: center;
   color: #ff526c;
 }

 .cart_list_default .cart_qty_content .wap_stock_quantity {
   display: none;
 }

 .cart_list_default .cart_qty_content .tip {
   text-align: center;
   color: #ff526c;
   margin-top: 10px;
 }

 .cart_list_default .product_total {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: start !important;
   flex-wrap: wrap;
 }

 .cart_list_default .cart_order_summary {
   display: flex;
   justify-content: space-between;
 }

 .cart_list_default .order_discount {
   padding: 20px 0;
 }

 .cart_list_default .order_discount .order_discount_form {
   display: flex;
 }

 .cart_list_default .order_discount .order_discount_coupon_code {
   display: inline-flex;
   align-items: center;
   height: 38px;
   background: rgba(113, 113, 113, 0.11);
   margin-top: 15px;
   border-radius: 5px;
   padding: 0 10px;
   font-weight: bold;
 }

 .cart_list_default .order_discount .order_discount_coupon_code>svg {
   margin-right: 5px;
   fill: #717171;
 }

 .cart_list_default .order_discount .order_discount_coupon_code .close_coupon_code {
   display: block;
   width: 16px;
   height: 16px;
   margin-left: 10px;
   cursor: pointer;
 }

 .cart_list_default .order_discount .order_discount_code_btn {
   margin-left: 10px;
   width: 90px;
   height: 46px;
   line-height: 46px;
   text-align: center;
   background: #c8c8c8;
   color: #fff;
   border: 0;
   border-radius: 5px;
 }

 .cart_list_default .order_discount .order_discount_code_btn_on {
   background: #333;
   cursor: pointer;
 }

 .cart_list_default .order_discount .order_text_box {
   width: calc(100% - 100px);
 }

 .cart_list_default .order_text_box {
   position: relative;
 }

 .cart_list_default .text_label {
   position: absolute;
   left: 0;
   top: 0;
   line-height: 44px;
   padding-left: 10px;
   color: #737373;
   font-size: 12px;
   cursor: pointer;
   -webkit-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
 }

 .cart_list_default .top-border {
   border-color: #e32c2b;
   -webkit-box-shadow: 0 0 0 1px #e32c2b;
   box-shadow: 0 0 0 1px #e32c2b;
 }

 .cart_list_default .tip {
   color: #e32c2b;
   margin-top: 5px;
 }

 .cart_list_default .order_discount_form .order_text_box .text_label {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   width: 100%;
   box-sizing: border-box;
   padding: 0 10px;
 }

 .cart_list_default .order_text {
   height: 46px;
   box-sizing: border-box;
   width: 100%;
   background: #fff;
   border: 1px solid #d9d9d9;
   text-indent: 10px;
   border-radius: 5px;
   -webkit-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
 }

 .cart_list_default .order_text:focus {
   outline: none;
   border-color: #767676;
   -webkit-box-shadow: 0 0 0 1px #767676;
   box-shadow: 0 0 0 1px #767676;
 }

 .cart_list_default .order_text_on .text_label {
   line-height: 28px;
 }

 .cart_list_default .order_text_on .order_text {
   padding-top: 18px;
   line-height: 20px;
 }

 .cart_list_default .cart_order_summary_wrapper {
   max-width: 37%;
   width: 100%;
 }

 .cart_list_default .cart_list_coupon {
   display: flex;
   align-items: center;
 }

 .cart_list_default .cart_list_coupon input[name=coupon_code] {
   width: calc(100% - 130px);
   height: 3.5rem;
   border: 0;
   background: #f6f6f6;
   text-indent: 10px;
   box-sizing: border-box;
 }

 .cart_list_default .cart_list_coupon input[name=coupon_btn] {
   height: 3.5rem;
   line-height: 3.5rem;
   border: 0;
   background: #333;
   color: #fff;
   width: 120px;
   margin-left: 10px;
   font-size: 1.2rem;
 }

 .cart_list_default .cart_order_price {
   margin: 3rem 0 0;
 }

 .cart_list_default .cart_order_price li {
   display: flex;
   justify-content: space-between;
   line-height: 3rem;
 }

 .cart_list_default .cart_order_btn {
   margin: 3rem 0 0;
 }

 .cart_list_default .cart_order_btn .checkout {
   display: block;
   border: 0;
   width: 100%;
   text-align: center;
   text-transform: uppercase;
   box-sizing: border-box;
 }

 .cart_list_default .cart_order_btn .checkout_out_of_stock {
   background: #888;
   cursor: not-allowed;
   pointer-events: none;
 }

 .cart_list_default .shopcart-or {
   padding: 20px 0;
   line-height: 1;
   position: relative;
   text-align: center;
 }

 .cart_list_default .shopcart-or:before {
   content: "";
   position: absolute;
   top: 50%;
   left: 0;
   width: 100%;
   height: 1px;
   background: #888;
 }

 .cart_list_default .shopcart-or span {
   position: relative;
   background-color: var(--page_background_color);
   padding: 0 15px;
   z-index: 9;
 }

 .cart_list_default .cart_order_link {
   text-align: center;
   margin: 2rem 0 0;
 }

 .cart_list_default .cart_list_title_items,
 .cart_list_default .cart_list_content_items {
   display: flex;
   justify-content: center;
 }

 .cart_list_default .cart_list_content_items:nth-child(2),
 .cart_list_default .cart_list_title_items:first-child,
 .cart_list_default .cart_list_content_items:first-child {
   justify-content: flex-start;
 }

 .cart_list_default .cart_list_content_items:nth-child(2),
 .cart_list_default .cart_list_content_items:nth-child(3),
 .cart_list_default .cart_list_content_items:nth-child(4) {
   margin-left: 15px;
 }

 .cart_empty_default {
   display: flex;
   justify-content: center;
   text-align: center;
   align-items: center;
   padding: 100px 0;
 }

 .cart_empty_default .cart_empty_content h3 {
   font-size: 28px;
   font-weight: normal;
   margin-bottom: 60px;
 }

 .cart_empty_default .cart_empty_content p {
   font-size: 16px;
   color: #888;
 }

 .cart_empty_default .cart_empty_svg {
   margin-bottom: 20px;
 }

 .cart_empty_default .continue_shopping_btn {
   display: inline-block;
   padding: 0 20px;
   height: 44px;
   line-height: 44px;
   background: #333;
   color: #fff;
   margin-top: 60px;
 }

 @media (max-width: 767px) {
   .cart_list_default .cart_order_summary {
     flex-direction: column-reverse;
   }

   .cart_list_default .cart_order_summary_wrapper {
     max-width: 100% !important;
   }

   .cart_list_default .product_info_sku {
     line-height: 28px;
     font-size: 14px;
   }

   .cart_list_default .product_custom_option {
     line-height: 28px;
   }

   .cart_list_default .product_total {
     flex-direction: row;
   }

   .cart_list_default .product_total .final_line_price {
     margin-right: 5px;
   }

   .cart_list_default .cart_qty_content .tip {
     text-align: left;
     padding: 0 0 0 5px;
   }

   .cart_list_default .cart_list_title {
     display: none;
   }

   .cart_list_default .cart_list_content {
     display: grid;
     grid-template-columns: 100px auto;
     position: relative;
   }

   .cart_list_default .cart_list_content_items {
     justify-content: flex-start;
     margin-top: 10px;
     position: relative;
   }

   .cart_list_default .cart_list_content_items:first-child {
     grid-row-start: 1;
     grid-row-end: 4;
   }

   .cart_list_default .cart_list_content_items:last-child {
     position: absolute;
     right: 0;
     bottom: 30px;
   }

   .cart_list_default .product_info_info {
     width: 100%;
     padding-left: 5px;
   }

   .cart_list_default .cart_qty_content .stock_quantity {
     display: none;
   }

   .cart_list_default .cart_qty_content .wap_stock_quantity {
     display: block;
     color: #ff526c;
     padding: 0 0 0 5px;
   }

   .cart_list_default .product_info_name {
     -webkit-line-clamp: 1;
   }

   .cart_list_default .product_total {
     padding: 0 0 0 5px;
     grid-row-start: 2;
     grid-row-end: 2;
   }

   .cart_list_default .cart_list_coupon {
     flex-wrap: wrap;
   }

   .cart_list_default .cart_list_coupon input[name=coupon_code] {
     width: 100%;
   }

   .cart_list_default .cart_list_coupon input[name=coupon_btn] {
     width: 100%;
     margin: 1rem 0 0;
   }

   .cart_list_default .cart_qty {
     margin: 0 !important;
   }
 }

 @media (max-width: 320px) {

   .cart_list_default .cart_qty,
   .cart_list_default .product_total {
     left: 9rem;
   }

   .cart_list_default .cart_qty {
     width: 9rem;
   }

   .cart_list_default .product_info_sku {
     margin-top: 0;
   }

   .cart_list_default .product_total {
     bottom: 5.5rem;
   }

   .cart_list_default .product_info_info {
     padding: 0 0 5rem 1rem;
   }
 }

 .minicart {
   position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.3);
   opacity: 0;
   visibility: hidden;
   z-index: 9999999;
   transition: all 0.3s;
 }

 .minicart .minicart_wrapper {
   position: absolute;
   right: 0;
   top: 0;
   bottom: 0;
   height: 100%;
   width: calc(100% - 30px);
   max-width: 400px;
   background: #fff;
   /* height: 100vh; */
   overflow-y: auto;
   transform: translate(100%, 0);
   transition: all 0.5s;
 }

 .minicart .minicart_top {
   display: flex;
   justify-content: space-between;
   height: 80px;
   align-items: center;
   padding: 0 30px;
   border-bottom: 1px solid #ddd;
   font-size: 24px;
   color: #1d1f21;
   color: var(--title_color);
   font-family: var(--title_font_family);
   font-style: var(--title_font_style);
   font-weight: var(--title_font_weigth);
   box-sizing: border-box;
   position: sticky;
   top: 0;
   z-index: 1000;
   background-color: #fff;
 }

 .minicart .minicart_empty_content {
   padding: 30px;
   box-sizing: border-box;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   height: calc(100vh - 80px);
 }

 .minicart .minicart_empty_content p {
   margin-top: 30px;
 }

 .minicart .minicart_list {
   padding: 0 30px;
   overflow: auto;
 }

 .minicart .minicart_list li {
   list-style-type: none;
   padding: 30px 0;
   border-bottom: 1px dashed #ddd;
 }

 .minicart .minicart_list li .product_info {
   display: flex;
   justify-content: space-between;
 }

 .minicart .minicart_list li .product_info_pic {
   width: 80px;
   height: 80px;
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .minicart .minicart_list li .product_info_pic img {
   max-width: 100%;
   max-height: 100%;
 }

 .minicart .minicart_list li .product_info_info {
   position: relative;
   width: calc(100% - 90px);
 }

 .minicart .minicart_list .product_custom_option {
   line-height: 24px;
   color: #888;
   font-size: 14px;
   word-break: break-all;
 }

 .minicart .product_info_name {
   margin-bottom: 10px;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   color: var(--title_color);
   font-size: var(--product_font_size);
 }

 .minicart .cart_list_content_items {
   margin-top: 15px;
   display: flex;
   justify-content: space-between;
   position: relative;
 }

 .minicart .product_info_sku {
   color: #888;
   line-height: 24px;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }

 .minicart .minicart_qty {
   width: 120px;
   height: 34px;
   border: 1px solid #ddd;
   box-sizing: border-box;
   display: flex;
 }

 .minicart .minicart_qty a {
   height: 100%;
   width: 34px;
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .minicart .minicart_qty input[name=minicart_qty] {
   width: calc(100% - 68px);
   height: 100%;
   border: 0;
   text-align: center;
 }

 .minicart .cart_qty_content {
   position: relative;
 }

 .minicart .cart_qty_content .tip {
   text-align: left;
   color: #ff526c;
   margin-top: 10px;
 }

 .minicart .product_total {
   display: flex;
   flex-wrap: wrap;
   margin-top: 10px;
 }

 .minicart .cart_list_delete {
   fill: #888;
 }

 .minicart .minicart_bom {
   width: 100%;
   padding: 30px;
   background: #fff;
   z-index: 9;
   box-sizing: border-box;
 }

 .minicart .minicart_price li {
   list-style-type: none;
   display: flex;
   justify-content: space-between;
   height: 40px;
   line-height: 40px;
 }

 .minicart .minicart_order_btn .minicart_checkout {
   display: flex;
   border: 0;
   width: 100%;
   text-align: center;
   text-transform: uppercase;
   box-sizing: border-box;
   margin: 0;
 }

 .minicart .minicart_order_btn .checkout_out_of_stock {
   background: #888;
 }

 .minicart .minicart_order_link {
   margin-top: 20px;
   display: flex;
   justify-content: space-between;
   align-items: center;
 }

 .minicart .minicart_order_link .links {
   text-decoration: underline;
   font-size: 16px;
   text-transform: uppercase;
 }

 .minicart_on {
   opacity: 1;
   visibility: visible;
 }

 .minicart_on .minicart_wrapper {
   transform: none;
 }

 @media (max-width: 767px) {
   .minicart .minicart_wrapper {
     width: calc(100% - 30px);
   }

   .minicart .minicart_top {
     height: 60px;
     padding: 0 14px;
   }

   .minicart .minicart_list {
     padding: 0 14px;
   }

   .minicart .minicart_bom {
     padding: 14px;
   }

   .minicart .minicart_list {
     max-height: none !important;
   }

   .minicart .minicart_bom {
     position: relative;
   }
 }

 /*加载动画*/
 .ajaxloading {
   position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 99999999;
 }

 .minicart_ajaxloading {
   width: 100%;
   height: calc(100vh - 100px);
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .minicart_ajaxloading svg,
 .ajaxloading svg {
   width: 60px;
   height: 60px;
   fill: #000;
   -webkit-animation: rotate 0.7s linear infinite;
   animation: rotate 0.7s linear infinite;
 }

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

   100% {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }

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

   100% {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }

 @media (max-width: 768px) {
   .collection_detail_default .collection_content ul {
     grid-row-gap: 3.6rem;
     grid-column-gap: 1.8rem;
     grid-template-columns: repeat(3, calc(33.33% - 1.2rem));
   }
 }

 /*积木块样式*/
 .block_title {
   margin-bottom: calc(var(--general_layout_spacing) * var(--title_margin_bottom_scale));
   text-align: center;
 }

 .block_title h2 {
   font-size: var(--title_font_size);
   color: var(--title_color);
   font-family: var(--title_font_family);
   font-style: var(--title_font_style);
   font-weight: var(--title_font_weigth);
   letter-spacing: var(--title_letter_spacing);
 }

 .block_title .block_detail {
   color: var(--detail_color);
   max-width: var(--general_layout_width);
   margin: 0 auto;
   margin-top: calc(var(--general_layout_spacing) * 0.25);
 }

 .zuui-share-link {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
 }

 .zuui-share-link .zuui-share-icon {
   display: inline-flex;
   align-items: center;
   margin-right: 12px;
 }

 .zuui-share-link .zuui-share-icon span {
   font-size: 14px;
   margin-left: 6px;
   color: var(--font-color);
 }

 /* 视频列表积木块样式 */
 .zuui-video-item {
   width: 100%;
   overflow: hidden;
   background: #f6f6f6;
   cursor: pointer;
 }

 .zuui-video-item .youtube_pic {
   height: 155px;
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: #eef0f5;
 }

 .zuui-video-item .youtube_pic img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 .zuui-video-item .youtube_pic .youtube_pic-item {
   position: absolute;
   bottom: 5px;
   right: 5px;
   background: rgba(0, 0, 0, 0.7);
   color: #fff;
   font-size: 10px;
   height: 18px;
   line-height: 18px;
   padding: 0 5px;
 }

 .zuui-video-item .youtube_pic:hover .youtube-icon-hover path {
   opacity: 1;
   fill: red;
 }

 .zuui-video-item .youtube_pic .youtube-icon-hover {
   position: absolute;
   top: 0%;
   left: 0;
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 100;
   opacity: 1;
   transition: all 0.4s ease-in-out;
 }

 .zuui-video-item .youtube_info {
   padding: 18px 20px;
   border-bottom: 1px solid #dddddd;
 }

 .zuui-video-item .youtube_info .youtube_name {
   color: #333333;
   font-size: 16px;
 }

 .zuui-video-item .youtube_info .youtube_detail {
   color: #999999;
   margin-top: 10px;
   height: 42px;
   text-align: left;
   font-size: 14px;
 }

 .zuui-video-item .youtube_bom {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 14px;
 }

 .zuui-video-item .youtube_bom svg {
   width: 20px;
   height: 20px;
 }

 .zuui-video-item .youtube_bom svg path {
   fill: #999999;
 }

 .zuui-video-item .youtube_bom .youtube_bom-item {
   max-width: 33%;
   display: flex;
   align-items: center;
 }

 .zuui-video-item .youtube_bom .youtube_bom-item .num {
   color: #999999;
   margin-left: 4px;
 }

 .mo-form {
   width: 100%;
 }

 .mo-form-title {
   height: 24px;
   font-size: 18px;
   font-weight: 400;
   color: var(--color-block);
   margin-bottom: 28px;
 }

 .mo-form-item {
   display: flex;
   flex-direction: column;
   margin-bottom: 15px;
 }

 .mo-form-item .view-icon {
   position: absolute;
   display: flex;
   justify-content: center;
   right: 12px;
   top: 50%;
   transform: translateY(-50%);
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }

 .mo-form-item .view-icon .icon-hide {
   display: flex;
 }

 .mo-form-item .view-icon .icon-show {
   display: none;
 }

 .mo-form-item .view-icon.show .icon-show {
   display: flex;
 }

 .mo-form-item .view-icon.show .icon-hide {
   display: none;
 }

 .mo-form-item .mo-form-item-label {
   line-height: 19px;
   height: 19px;
   font-size: 14px;
   font-weight: 400;
   color: var(--color-block);
   margin-bottom: 14px;
 }

 .mo-form-item .mo-form-item-error {
   display: none;
   padding: 10px 0 0;
   color: #DC4845;
   font-size: 14px;
 }

 .mo-form-item .mo-form-item-value {
   width: 100%;
   font-size: 0;
 }

 .form-show-error .mo-form-item-error {
   display: block;
 }

 .mo-details-form dt {
   font-size: 16px;
   font-weight: 700;
   color: var(--color-block);
   line-height: 36px;
   margin-bottom: 16px;
 }

 .mo-details-form dd {
   font-size: 14px;
   text-align: left;
   color: var(--color-block);
   line-height: 18px;
 }

 .mo-details-form dd+dd {
   margin-top: 8px;
 }

 .mo-input-warp {
   display: flex;
   align-items: center;
 }

 .mo-input-warp .mo-form-select {
   flex: 1;
 }

 .mo-input-warp .input-interval {
   width: 10px;
 }

 @media screen and (min-width: 768px) {
   .mo-form {
     width: 360px;
     margin: 0 auto;
   }
 }

 .mo-btn {
   display: block;
   min-width: 68px;
   padding: 0 16px;
   height: 36px;
   text-align: center;
   line-height: 36px;
   box-sizing: border-box;
   font-size: 14px;
   cursor: pointer;
   color: var(--color-main);
   overflow: hidden;
 }

 .mo-btn:hover {
   opacity: 0.9;
 }

 .mo-btn-block {
   width: 100%;
   font-size: 14px;
 }

 .mo-btn-max {
   height: 48px;
   line-height: 48px;
 }

 .mo-btn-default {
   color: var(--main_button_color);
   background: var(--main_button_bg);
   border: 1px solid var(--main_button_bg);
 }

 .mo-btn-disable {
   color: #fff !important;
   background: #bbbbbb !important;
   border: 1px solid #bbbbbb !important;
   cursor: not-allowed !important;
   border-radius: var(--button_border_radius);
 }

 .mo-all-disable * {
   cursor: not-allowed !important;
 }

 .mo-btn-white {
   color: var(--color-main);
   background: #ffffff;
 }

 .mo-btn-plan {
   background: var(--secondary_button_bg);
   border: 1px solid var(--secondary_button_color);
   color: var(--secondary_button_color);
 }

 .mo-form-input {
   width: 100%;
   height: 54px;
   padding: 0 12px;
   font-size: 14px;
   background-color: var(--color-input-background);
   box-sizing: border-box;
   border: 2px solid var(--color-input-background);
   transition: all 0.5s;
   border-radius: var(--button_border_radius);
 }

 .mo-form-input:focus {
   border: 2px solid var(--color-main);
 }

 .mo-form-textarea {
   width: 100%;
   padding: 12px;
   font-size: 14px;
   height: 80px;
   background-color: var(--color-input-background);
   box-sizing: border-box;
   border: 2px solid var(--color-input-background);
   transition: all 0.5s;
   border-radius: var(--button_border_radius);
 }

 .mo-form-textarea:focus {
   border: 2px solid var(--color-main);
 }

 .mo-form-select {
   display: inline-block;
   width: 100%;
   height: 50px;
   box-sizing: border-box;
   position: relative;
   overflow: hidden;
   background-color: var(--color-input-background);
   border-radius: var(--button_border_radius);
 }

 #account_profilechange .mo-form-select {
   display: block;
 }

 .mo-form-select .mo-form-unselect {
   position: relative;
   z-index: 5;
   width: 100%;
   height: 46px;
   box-sizing: border-box;
   border: none;
   outline: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   font-size: 14px;
   padding: 0 12px;
   background-color: transparent;
   /* background-color: var(--color-input-background); */
 }

 .mo-form-select .mo-edge {
   position: absolute;
   right: 10px;
   top: 50%;
   margin-top: -3px;
   cursor: pointer;
   border-style: dashed;
   border-color: transparent;
   border-width: 6px;
   border-top-color: var(--color-main);
   border-top-style: solid;
   transition: all 0.3s;
   -webkit-transition: all 0.3s;
 }

 .mo-row {
   display: flex;
   flex-wrap: wrap;
   width: 100%;
 }

 .mo-row .mo-col-1 {
   width: 8.3333333333%;
   box-sizing: border-box;
 }

 .mo-row .mo-col-2 {
   width: 16.6666666667%;
   box-sizing: border-box;
 }

 .mo-row .mo-col-3 {
   width: 25%;
   box-sizing: border-box;
 }

 .mo-row .mo-col-4 {
   width: 33.3333333333%;
   box-sizing: border-box;
 }

 .mo-row .mo-col-5 {
   width: 41.6666666667%;
   box-sizing: border-box;
 }

 .mo-row .mo-col-6 {
   width: 50%;
   box-sizing: border-box;
 }

 .mo-row .mo-col-7 {
   width: 58.3333333333%;
   box-sizing: border-box;
 }

 .mo-row .mo-col-8 {
   width: 66.6666666667%;
   box-sizing: border-box;
 }

 .mo-row .mo-col-9 {
   width: 75%;
   box-sizing: border-box;
 }

 .mo-row .mo-col-10 {
   width: 83.3333333333%;
   box-sizing: border-box;
 }

 .mo-row .mo-col-11 {
   width: 91.6666666667%;
   box-sizing: border-box;
 }

 .mo-row .mo-col-12 {
   width: 100%;
   box-sizing: border-box;
 }

 .mo-header {
   display: flex;
   flex-direction: column;
   align-items: center;
 }

 .mo-header .header-title {
   width: 100%;
   overflow: hidden;
   display: flex;
   flex-direction: column;
   align-items: center;
   /* line-height: 40px; */
   font-size: var(--title_font_size);
   color: var(--title_color);
   font-family: var(--title_font_family);
   font-style: var(--title_font_style);
   font-weight: var(--title_font_weigth);
   letter-spacing: var(--title_letter_spacing);
 }

 .mo-header .header-title span {
   width: 100%;
   text-align: center;
 }

 .mo-header .header-divider {
   height: 1px;
   width: 50px;
   margin: 30px 0;
 }

 .mo-subtitle {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }

 .mo-subtitle .mo-subtitle-title {
   font-size: 16px;
   font-weight: 300;
   text-align: left;
   color: var(--color-main);
 }

 .mo-subtitle .mo-subtitle-label {
   display: flex;
   margin-top: 10px;
 }

 .mo-subtitle .mo-subtitle-label .icon {
   margin: 0 4px;
 }

 .mo-subtitle .mo-subtitle-label .mo-subtitle-score {
   font-size: 20px;
   font-weight: 400;
   text-align: left;
   color: var(--color-main);
   margin-left: 16px;
 }

 .mo-tag {
   display: inline-block;
   height: 20px;
   line-height: 20px;
   padding: 0 10px;
   color: #ffffff;
   font-size: 12px;
   background: var(--assist-color);
 }

 .mo-flex {
   display: flex;
   align-items: center;
 }

 .mo-j-space-between {
   justify-content: space-between;
 }

 .mo-empty {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
 }

 .mo-empty .mo-empty-body {
   padding: 40px 0;
   display: flex;
   align-items: center;
   flex-direction: column;
 }

 .mo-empty .mo-empty-des {
   margin-top: 20px;
   font-size: 16px;
   font-weight: 400;
   color: var(--color-text-low);
 }

 .mo-empty .mo-empty-btn {
   width: 340px;
 }

 :root {
   --color-main: var(--main_color, #1d1f21);
   --color-text-high: #333333;
   --color-text-medium: var(--main_color, #666666);
   --color-text-low: #888888;
   --assist-color: #ab6a00;
   --disable-color: #999999;
   --color-input-background: #f6f6f6;
   --color-input-placeholder: #bbbbbb;
   --color-divider: #dddddd;
   --color-header: #eeeeee;
   --color-table-header: #dddddd;
   --color-table-border: #eeeeee;
   --color-table-background: #f6f6f6;
 }

 .account-container {
   max-width: 1200px;
   padding: 80px 0;
   margin: 0 auto;
 }

 @media screen and (max-width: 576px) {
   .account-container {
     padding: 0;
   }
 }

 @media screen and (min-width: 576px) and (max-width: 768px) {
   .mo-card-content {
     padding: 0 28px;
   }
 }

 @media screen and (max-width: 576px) {
   .mo-card-content {
     padding: 0 14px;
   }
 }

 @media screen and (min-width: 768px) and (max-width: 1200px) {
   .mo-card-content {
     padding: 0 42px;
   }
 }

 /*询问框*/
 .mo-confirm {
   position: fixed;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
   background-color: rgba(0, 0, 0, 0.6);
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 10000000;
 }

 .mo-confirm .mo-confirm-body {
   width: 360px;
   background-color: #fff;
   padding-bottom: 10px;
   -webkit-animation-duration: 0.5s;
   animation-duration: 0.5s;
 }

 .mo-confirm .mo-confirm-body .mo-title {
   padding: 40px 20px 20px 20px;
   text-align: center;
 }

 .mo-confirm .mo-handle {
   height: 80px;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0 75px;
 }

 .mo-confirm .mo-handle .mo-handle-btn {
   flex: 1;
   text-align: center;
   cursor: pointer;
 }

 /*加载*/
 .mo-loading-warp {
   position: relative;
   pointer-events: none;
 }

 .mo-loading-black .mo-loading {
   border-color: #000;
   border-bottom-color: transparent;
 }

 .mo-loading-black::after {
   content: none !important;
 }

 .mo-loading-black::before {
   content: none !important;
 }

 .mo-loading {
   position: absolute;
   top: 50%;
   left: 50%;
   margin-left: -8px;
   margin-top: -8px;
   display: inline-block;
   height: 16px;
   width: 16px;
   border-radius: 50%;
   border: 2px solid #fff;
   border-bottom-color: transparent;
   -webkit-animation: loadingRotate 0.75s linear infinite;
   animation: loadingRotate 0.75s linear infinite;
 }

 @-webkit-keyframes loadingRotate {
   0% {
     -webkit-transform: rotate(0deg);
   }

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

   100% {
     -webkit-transform: rotate(360deg);
   }
 }

 @keyframes loadingRotate {
   0% {
     transform: rotate(0deg);
   }

   50% {
     transform: rotate(180deg);
   }

   100% {
     transform: rotate(360deg);
   }
 }

 /*消息提示框*/
 .mo-modal {
   position: fixed;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
   z-index: 510000;
 }

 .mo-modal .mo-modal-mask {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1000;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.6);
 }

 .mo-modal .mo-modal-body {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1000;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   -webkit-animation-duration: 0.5s;
   animation-duration: 0.5s;
 }

 .mo-modal .mo-modal-warp {
   width: 360px;
   background-color: #fff;
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 40px 0;
 }

 .mo-modal .mo-modal-warp .icon {
   width: 88px;
   height: 88px;
 }

 .mo-modal .mo-modal-warp .message-text {
   font-size: 14px;
   margin-top: 28px;
   padding: 0 40px;
   box-sizing: border-box;
 }

 /* 轻消息提醒 */
 .mo-alret-model {
   position: fixed;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 510000;
 }

 .mo-alret-model .mo-alret-body {
   padding: 16px 38px;
   background-color: #fff;
   box-shadow: 0 0 10px #ccc;
   border-radius: 6px;
   font-size: 14px;
 }

 /*底部返回样式*/
 .back-box {
   padding: 30px 0;
 }

 .back-box a {
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .back-box span {
   margin-left: 10px;
   color: var(--color-main);
   font-weight: 500;
   font-size: 16px;
 }

 .comment_warp {
   background-color: var(--color-table-background);
   padding: 20px 20px 0 20px;
   box-sizing: border-box;
 }

 .comment_warp .comment_warp-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }

 .comment_warp .comment_warp-header-nation {
   width: 20px;
   height: 20px;
   margin-right: 10px;
 }

 .comment_warp .comment_warp-score {
   padding: 8px 0 8px 0;
   display: flex;
   align-items: center;
 }

 .comment_warp .comment_warp-score svg {
   margin-right: 4px;
 }

 .comment_warp .comment_warp-content .comment_warp-content-lable {
   font-size: 14px;
   line-height: 18px;
   font-weight: 300;
   text-align: left;
   color: #888888;
   margin-bottom: 20px;
 }

 .comment_warp .comment_warp-content .comment_warp-content-review {
   font-size: 14px;
   font-weight: 300;
   text-decoration: underline;
   text-align: left;
   color: var(--color-main);
   margin-top: 10px;
   margin-bottom: 20px;
 }

 .comment_warp .comment_warp-content .comment_warp-images {
   display: flex;
   flex-wrap: wrap;
 }

 .comment_warp .comment_warp-content .comment_warp-images img {
   width: 80px;
   height: 80px;
   margin-right: 20px;
   margin-bottom: 20px;
   object-fit: cover;
   cursor: pointer;
 }

 .comment_warp .comment_warp-product {
   border-top: 1px solid var(--color-divider);
   padding: 20px 0;
 }

 .comment_warp .comment_warp-product .comment_warp-content-item-images {
   width: 80px;
   height: 80px;
   margin-right: 16px;
   flex-shrink: 0;
 }

 .comment_warp-content-item-images img {
   width: 80px;
   height: 80px;
   object-fit: contain;
 }

 .comment_warp .comment_warp-product .comment_warp-content-item-cell {
   font-size: 14px;
   color: var(--color-main);
 }

 .comment_warp .comment_warp-product .comment_warp-content-item-cell .comment_warp-content-item-cell-text {
   margin-bottom: 8px;
 }

 .comment_warp .comment_warp-product .comment_warp-content-item-cell .comment_warp-content-item-cell-reviews {
   font-size: 14px;
   font-weight: 300;
   text-decoration: underline;
   text-align: left;
   color: var(--color-text-low);
 }

 @media screen and (max-width: 767px) {
   .comment_warp {
     padding: 15px 15px 0 15px !important;
   }

   .comment_warp-score {
     padding: 8px 0 11px 0 !important;
   }

   .comment-reply-warp {
     padding: 15px 0 !important;
   }

   .comment_warp .comment_warp-product {
     padding: 15px 0 !important;
   }

   .comment_warp .comment_warp-content .comment_warp-images img {
     margin-right: 15px !important;
     margin-bottom: 15px !important;
     cursor: pointer;
     float: left;
   }
 }

 .moi-write-comment {
   width: 420px;
   background-color: #fff;
   box-sizing: border-box;
   overflow-y: auto;
   padding: 20px;
   max-height: 90vh;
 }

 @media screen and (max-width: 420px) {
   .moi-write-comment {
     width: calc(100vw - 20px);
     height: 100%;
     max-height: calc(100vh - 20px);
     /* calc(100vw - 20px) */
   }
 }

 .moi-write-comment .close {
   position: absolute;
   right: 20px;
   top: 25px;
   cursor: pointer;
 }

 .moi-write-comment .header {
   padding: 30px 0;
   display: flex;
   flex-direction: column;
   align-items: center;
   border-bottom: 1px solid #dddddd;
 }

 .moi-write-comment .header .header-img {
   width: 80px;
   height: auto;
 }

 .moi-write-comment .header .header-score {
   margin-top: 20px;
   display: flex;
   align-items: center;
   cursor: pointer;
 }

 .moi-write-comment .header .header-score svg {
   margin: 0 2px;
 }

 .moi-write-comment .mo-form {
   width: 100%;
   padding: 20px 0;
 }

 .moi-write-comment .code-img {
   height: 100%;
   flex-shrink: 0;
   width: 100%;
   cursor: pointer;
 }

 .moi-write-comment .upload {
   display: flex;
   flex-wrap: wrap;
 }

 .moi-write-comment .upload .upload-picture-card,
 .moi-write-comment .upload .upload-select-card {
   flex: 0 0 68px;
   width: 68px;
   height: 68px;
   cursor: pointer;
   margin-right: 10px;
   margin-bottom: 10px;
 }

 .moi-write-comment .upload .upload-picture-card {
   position: relative;
 }

 .moi-write-comment .upload .upload-picture-card .vedio-icon {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   pointer-events: none;
 }

 .moi-write-comment .upload .upload-picture-card .vedio-icon svg {
   padding: 5px;
   box-sizing: border-box;
   border-radius: 5px;
   background-color: #fff;
 }

 .moi-write-comment .upload .upload-picture-card:hover .upload-picture-close {
   visibility: visible;
 }

 .moi-write-comment .upload .upload-picture-card .upload-picture-close {
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   background: rgba(0, 0, 0, 0.5);
   height: 20px;
   display: flex;
   align-items: center;
   justify-content: center;
   visibility: hidden;
 }

 @media screen and (max-width: 767px) {
   .moi-write-comment .upload .upload-picture-card .upload-picture-close {
     visibility: visible;
   }
 }

 .moi-write-comment .upload .upload-picture-card img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 .moi-write-comment .upload .upload-select-card {
   background: #f6f6f6;
   position: relative;
   overflow: hidden;
 }

 .moi-write-comment .upload .upload-select-card::before {
   position: absolute;
   top: 34px;
   left: 24px;
   width: 20px;
   height: 1px;
   background: #1d1f21;
   content: "";
 }

 .moi-write-comment .upload .upload-select-card::after {
   position: absolute;
   top: 24px;
   left: 34px;
   width: 1px;
   height: 20px;
   background: #1d1f21;
   content: "";
 }

 .moi-write-comment .upload .upload-select-card input {
   width: 100%;
   height: 100%;
   opacity: 0;
 }

 .layer-add-cart-success {
   width: 520px;
   background-color: #fff;
 }

 @media screen and (max-width: 520px) {
   .layer-add-cart-success {
     width: calc(100vw - 20px);
   }
 }

 .layer-add-cart-success .cart-header {
   height: 80px;
   background: #ecfbf4;
   padding: 0 30px;
   box-sizing: border-box;
   display: flex;
   align-items: center;
 }

 .layer-add-cart-success .cart-header span {
   font-size: 24px;
   font-weight: 400;
   text-align: left;
   color: #1d1f21;
   margin-left: 16px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }

 .layer-add-cart-success .cart-header .cart-header-claer {
   margin-left: auto;
   cursor: pointer;
 }

 .layer-add-cart-success .cart-product-warp {
   max-height: 50vh;
   overflow-y: auto;
 }

 .layer-add-cart-success .cart-product {
   padding: 30px;
   border-bottom: 1px solid #ddd;
   display: flex;
 }

 .layer-add-cart-success .cart-product .cart-product-img {
   flex-shrink: 0;
   width: 120px;
   height: 120px;
   object-fit: contain;
 }

 .cart-product-info {
   flex: 1;
   margin-left: 16px;
   overflow: hidden;
 }

 .layer-add-cart-success .cart-product .cart-product-name {
   font-size: 18px;
   font-weight: 400;
   text-align: left;
   color: #1d1f21;
 }

 .layer-add-cart-success .cart-product-skuId,
 .layer-add-cart-success .cart-product-skuName {
   font-size: 14px;
   font-weight: 300;
   text-align: left;
   color: #888888;
   margin-top: 4px;
   word-break: break-all;
 }

 .layer-add-cart-success .cart-price {
   font-size: 20px;
   padding: 40px 0;
   text-align: center;
 }

 .layer-add-cart-success .layer-add-cart-success-label {
   font-weight: 300;
   color: #888888;
 }

 .layer-add-cart-success .layer-add-cart-success-value {
   font-weight: bold;
   color: #333;
 }

 .layer-add-cart-success .cart-operate {
   padding: 0 30px 30px 30px;
 }

 .layer-add-cart-success .cart-operate .cart-button {
   text-align: center;
   height: 48px;
   background: #1d1f21;
   color: #ffffff;
   margin-top: 0px;
 }

 .layer-add-cart-success .cart-operate .cart-button-plan {
   display: block;
   line-height: 48px;
   background: #fff;
   text-decoration: underline;
   color: #1d1f21;
   margin-top: 10px;
   font-size: 16px;
 }

 .hide {
   display: none;
 }

 .show {
   display: block;
 }

 .oemsaas-add {
   width: 100%;
   height: 83px;
   border: 2px dashed #7070da;
   box-sizing: border-box;
   font-size: 16px;
   font-weight: 600;
   color: #7070da;
   display: flex;
   justify-content: center;
   align-items: center;
   overflow: hidden;
   animation: addCard 0.3s ease-out;
 }

 /* * 瀑布流样式 */
 .mo-waterfall-warp {
   display: grid;
   grid-template-columns: repeat(var(--columns), 1fr);
   grid-column-gap: var(--column-gutter);
   align-items: start;
 }

 .mo-waterfall-warp .mo-waterfall-column {
   display: grid;
   grid-template-columns: minmax(0, 1fr);
   grid-row-gap: var(--row-gutter);
   overflow: hidden;
 }

 .mo-waterfall-status-box {
   width: 100%;
   padding: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: calc(var(--general_layout_spacing) * 0.5) 0;
 }

 .mo-waterfall-status-box .secondary_btn {
   margin-top: 0;
 }

 .mo-waterfall-status-box span {
   color: #000;
 }

 .mo-waterfall-status-box .more-btn {
   display: inline-block;
   font-size: 16px;
   padding: 13px 20px;
   background-color: var(--main_button_bg);
   color: var(--main_button_color);
 }

 .mo-waterfall-status-box .loading-box {
   display: inline-block;
   height: 16px;
   width: 16px;
   border-radius: 50%;
   border: 2px solid #000;
   border-bottom-color: transparent;
   -webkit-animation: loadingRotate 0.75s linear infinite;
   animation: loadingRotate 0.75s linear infinite;
 }

 @-webkit-keyframes loadingRotate {
   0% {
     transform: rotate(0deg);
   }

   50% {
     transform: rotate(180deg);
   }

   100% {
     transform: rotate(360deg);
   }
 }

 @keyframes loadingRotate {
   0% {
     transform: rotate(0deg);
   }

   50% {
     transform: rotate(180deg);
   }

   100% {
     transform: rotate(360deg);
   }
 }

 /*提示框样式*/
 .mo-tooltip {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   color: rgba(0, 0, 0, 0.8509803922);
   font-size: 14px;
   font-variant: tabular-nums;
   line-height: 1.5715;
   list-style: none;
   position: absolute;
   z-index: 1060;
   max-width: 250px;
   visibility: hidden;
   z-index: 999999;
   transition: all 0.2s;
   transform: scale(0);
 }

 .mo-tooltip .mo-tooltip-arrow {
   position: absolute;
   display: block;
   width: 13px;
   height: 13px;
   overflow: hidden;
   background: transparent;
   pointer-events: none;
 }

 .mo-tooltip .mo-tooltip-arrow-content {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   display: block;
   width: 6px;
   height: 6px;
   margin: auto;
   background-color: #fff;
   border-color: rgba(0, 0, 0, 0.1490196078);
   border-width: 1px 1px 0 0;
   border-style: solid;
   content: "";
   pointer-events: auto;
   box-shadow: 0 0 4px #c8c8c8;
 }

 .mo-tooltip .mo-tooltip-inner {
   min-width: 30px;
   min-height: 32px;
   padding: 6px 8px;
   color: #333;
   text-align: left;
   text-decoration: none;
   word-wrap: break-word;
   border: 1px solid rgba(0, 0, 0, 0.1490196078);
   border-radius: 2px;
   background-color: #fff;
   box-sizing: border-box;
   box-shadow: 0 0 4px #c8c8c8;
 }

 .mo-tooltip-placement-left {
   padding-right: 12px;
 }

 .mo-tooltip-placement-left .mo-tooltip-arrow {
   top: 10px;
   right: 0;
 }

 .mo-tooltip-placement-left .mo-tooltip-arrow .mo-tooltip-arrow-content {
   border-width: 1px 1px 0 0;
   transform: translate(-6px) rotate(45deg);
 }

 .mo-tooltip-placement-right {
   padding-left: 12px;
 }

 .mo-tooltip-placement-right .mo-tooltip-arrow {
   top: 10px;
   left: 0;
 }

 .mo-tooltip-placement-right .mo-tooltip-arrow .mo-tooltip-arrow-content {
   border-width: 1px 0 0 1px;
   transform: translate(6px) rotate(-45deg);
 }

 .mo-tooltip-placement-top {
   padding-bottom: 12px;
 }

 .mo-tooltip-placement-top .mo-tooltip-arrow {
   bottom: 0px;
   left: 12px;
 }

 .mo-tooltip-placement-top .mo-tooltip-arrow .mo-tooltip-arrow-content {
   border-width: 0 0 1px 1px;
   transform: translate(0, -6px) rotate(-45deg);
 }

 .mo-tooltip-placement-top-center {
   padding-bottom: 12px;
 }

 .mo-tooltip-placement-top-center .mo-tooltip-arrow {
   bottom: 0px;
   left: 50%;
 }

 .mo-tooltip-placement-top-center .mo-tooltip-arrow .mo-tooltip-arrow-content {
   border-width: 0 0 1px 1px;
   transform: translate(-50%, -6px) rotate(-45deg);
 }

 .mo-tooltip-placement-bottom {
   padding-top: 12px;
 }

 .mo-tooltip-placement-bottom .mo-tooltip-arrow {
   top: 0;
   left: 12px;
 }

 .mo-tooltip-placement-bottom .mo-tooltip-arrow .mo-tooltip-arrow-content {
   border-width: 1px 0 0 1px !important;
   transform: translate(0, 6px) rotate(45deg);
 }

 /*商品详情页面*/
 .product_detail_default .module-cell .comment_warp-header {
   justify-content: start;
 }

 .product_detail_default .module-cell .comment_warp-header .mo-tag {
   margin-left: 20px;
 }

 .product_detail_default #swiperBox {
   display: flex;
   flex-direction: column;
 }

 .product_detail_default .product-swiper-small {
   display: flex;
   align-items: center;
   padding: 15px 0;
 }

 .product_detail_default .product-swiper-small .navigation {
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
 }

 .product_detail_default .product-swiper-small .swiper-container-small {
   overflow: hidden;
 }

 .product_detail_default .product-swiper-small .swiper-small-item {
   width: 76px;
   height: 76px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   /*border: 2px solid #fff;*/
   overflow: hidden;
   cursor: pointer;
   box-sizing: border-box;
 }

 .product_detail_default .product-swiper-small .swiper-small-item-active {
   border: 2px solid var(--color-main);
 }

 .product_detail_default .product-swiper-small .swiper-small-item img {
   width: 76px;
   height: auto;
 }

 .product_detail_default .product-tabs {
   display: flex;
   border-bottom: 1px solid var(--color-divider);
 }

 .product_detail_default .product-tabs .product-tabs-item {
   max-width: 375px;
   padding: 18px 0;
   font-size: var(--product_font_size);
   ;
   color: var(--color-text-low);
   font-weight: 600;
   margin-right: 40px;
   cursor: pointer;
 }

 .product_detail_default .product-tabs .product-tabs-item-active {
   color: var(--color-main);
   border-bottom: 4px solid var(--color-main);
 }

 .product_detail_default .product-tabs-content {
   padding: 40px 0;
 }

 .product-tabs-content .video-icon {
   position: absolute;
   z-index: 100;
   top: 40px;
   left: 40px;
   cursor: pointer;
   transform: translate(-50%, -50%);
   pointer-events: none;
 }

 .product_detail_default .product-tabs-content-item {
   display: none;
 }

 .product_detail_default .product-tabs-content-item img {
   max-width: 100%;
   height: auto;
 }

 .product_detail_default .product-tabs-content-item-active {
   display: block;
 }

 .product_detail_default .add-icon {
   position: relative;
   width: 16px;
   height: 16px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
 }

 .product_detail_default .reduce-icon {
   position: relative;
   width: 16px;
   height: 16px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
 }

 .product_detail_default .product-warp {
   max-width: 1200px;
   margin: 0 auto;
   box-sizing: border-box;
   display: flex;
   justify-content: space-between;
 }

 .product_detail_default .product-warp .product-left {
   width: 52%;
   box-sizing: border-box;
 }

 .product_detail_default .product-warp .product-right {
   width: 48%;
   padding: 0 30px;
   box-sizing: border-box;
 }

 .product_detail_default .product-warp .product-right .product-name {
   font-size: var(--big_product_font_size);
   text-align: center;
   color: var(--title_color);
   font-family: var(--title_font_family);
   font-style: var(--title_font_style);
   font-weight: var(--title_font_weigth);
   margin-bottom: 20px;
 }

 .product_detail_default .product-warp .product-right .cell-item {
   margin-top: 30px;
   display: flex;
   justify-content: center;
 }

 .product_detail_default .product-big-box {
   width: 100%;
 }

 .product_detail_default .product-big-box img {
   width: 100%;
   height: auto;
 }

 .product_detail_default .product-price {
   font-size: 1.4285714286rem;
   line-height: 1.7142857143rem;
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   justify-content: center;
 }

 .product_detail_default .product-price .product-price-number {
   color: var(--buying_parice_color);
   margin-bottom: 6px;
 }

 .product_detail_default .product-price-discount {
   color: var(--buying_parice_color);
   background-color: var(--discount_tag_bg);
   color: var(--discount_tag_color);
   border-radius: 4px;
   font-size: 13px;
   padding: 1px 8px;
   margin-left: 10px;
   margin-bottom: 6px;
 }

 .product_detail_default .product-price .product-price-market {
   color: var(--original_price_color);
   text-decoration: line-through;
   margin-left: 10px;
   margin-bottom: 6px;
 }

 .moi-product-sku-label .product-sku-name {
   font-size: 16px;
   color: var(--detail_color, #666666);
   line-height: 1.2857142857rem;
 }

 .moi-product-sku-value .product-sku-values {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;
 }

 .popup-product-warp .product-sku-values .product-sku-select,
 .moi-product-sku-value .product-sku-values .product-sku-select,
 .block_product_single .product-sku-values .product-sku-select {
   box-sizing: border-box;
   border: 1px solid #d4d4d4;
   cursor: pointer;
   position: relative;
   max-width: 100%;
   border-radius: var(--button_border_radius);
   /** -radius: var(--button_border_radius); **/
 }

 .popup-product-warp .product-sku-values .product-sku-select .product-sku-unselect,
 .moi-product-sku-value .product-sku-values .product-sku-select .product-sku-unselect,
 .block_product_single .product-sku-unselect {
   color: #1D1F21;
   font-size: 14px;
   line-height: 18px;
   padding: 6px 34px 6px 6px;
   position: relative;
   outline: none;
   z-index: 5;
   border: none;
   cursor: pointer;
   text-align: center;
   background-color: transparent;
   appearance: none;
   -moz-appearance: none;
   -webkit-appearance: none;
   border: 0;
   max-width: 100%;
   min-width: 120px;
 }

 .popup-product-warp .product-sku-select .mo-edge,
 .block_product_single .product-sku-select .mo-edge,
 .moi-product-sku-value .product-sku-values .product-sku-select .mo-edge {
   position: absolute;
   right: 10px;
   top: 50%;
   margin-top: -3px;
   cursor: pointer;
   border-style: dashed;
   border-color: transparent;
   border-width: 4px;
   border-top-color: var(--color-main);
   border-top-style: solid;
   transition: all 0.3s;
   -webkit-transition: all 0.3s;
 }

 .moi-product-sku-value .product-sku-values .product-sku-values-item {
   color: var(--color-main);
   font-size: 14px;
   line-height: 18px;
   padding: 8px 15px;
   box-sizing: border-box;
   border: 1px solid transparent;
   cursor: pointer;
   text-align: center;
   display: flex;
   align-items: center;
 }

 .moi-product-sku-value .product-sku-values .product-sku-values-item-image {
   padding: 5px !important;
 }

 .moi-product-sku-value .product-sku-values .product-sku-values-item img {
   width: 45px !important;
   vertical-align: middle;
   height: 45px !important;
   object-fit: contain;
   margin-right: 0 !important;
 }

 .moi-product-sku-value .product-sku-values .product-sku-values-item span {
   margin-left: 6px;
 }

 .moi-product-sku-value .product-sku-values .product-sku-values-item:hover {
   border: 1px solid #1D1F21;
 }

 .moi-product-sku-value .product-sku-values .product-sku-values-item-active {
   border: 1px solid #1D1F21 !important;
 }

 .moi-product-sku-value .product-sku-select-delete {
   position: absolute;
   right: 6px;
   top: 50%;
   margin-top: -10px;
   z-index: 100;
 }

 .product_detail_default .product-calculator {
   height: 44px;
   box-sizing: border-box;
   display: flex;
   justify-content: center;
   border-radius: var(--button_border_radius);
 }

 .product_detail_default .product-calculator .product-calculator-handle,
 .product_detail_default .product-calculator .product-calculator-value {
   width: 44px;
   text-align: center;
   line-height: 44px;
   box-sizing: border-box;
   position: relative;
   cursor: pointer;
 }

 .product_detail_default .product-calculator .product-calculator-value {
   font-size: 1rem;
   color: var(--main_color, #1D1F21);
   width: 80px;
   background-color: transparent;
 }

 .product_detail_default .product-calculator .product-calculator-handle {
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .product_detail_default .product-btns {
   display: flex;
   width: 100%;
 }

 .product_detail_default .product-btns .mo-btn {
   flex: 1;
 }

 .product_detail_default .product-btns .divider {
   width: 20px;
 }

 .product_detail_default .product-btns .product-cart,
 .product_detail_default .product-btns .product-now {
   flex: 1;
 }

 .product_detail_default .product-right .main_btn {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }

 @media screen and (max-width: 420px) {
   .product_detail_default .product-btns {
     flex-direction: column;
   }

   .product_detail_default .product-btns .divider {
     height: 15px;
   }

   .product_detail_default .product-btns .product-cart,
   .product_detail_default .product-btns .product-now {
     flex: none;
     width: 100%;
   }
 }

 .product_detail_default .module-box {
   margin-top: 60px;
   border-top: 1px solid #dddddd;
 }

 .product_detail_default .module-box .module-cell {
   border-bottom: 1px solid #dddddd;
   cursor: pointer;
 }

 .module-cell-active .reduce-icon {
   display: block !important;
 }

 .module-cell-active .add-icon {
   display: none !important;
 }

 .module-cell-active .detail-box {
   display: block !important;
 }

 .product_detail_default .module-box .module-cell-header {
   padding: 24px 0;
   display: flex;
   justify-content: space-between;
   overflow: hidden;
 }

 .product_detail_default .module-box .module-cell-header .module-cell-tile {
   font-size: var(--product_font_size);
   color: #1d1f21;
   font-weight: 400;
   flex: 1;
   overflow: hidden;
 }

 .module-cell-header .add-icon {
   display: block;
 }

 .module-cell-header .reduce-icon {
   display: none;
 }

 .product_detail_default .detail-box {
   padding: 0 0 24px 0;
   display: none;
 }

 /* .product_detail_default .active {
    display: block;
  } */
 .product_detail_default .detail-box .detail-header,
 .product_detail_default .detail-box .detail-footer {
   font-size: 1rem;
   line-height: 1.8571428571rem;
   color: var(--color-text-low);
 }

 .product_detail_default .detail-box .detail-list {
   padding: 24px 0;
 }

 .product_detail_default .detail-box .detail-list li {
   font-size: 1rem;
   line-height: 1.2857142857rem;
   color: var(--color-main);
 }

 .product_detail_default .detail-box .detail-list li+li {
   margin-top: 10px;
 }

 .product_detail_default .carousel-panel {
   width: 100%;
   overflow: hidden;
 }

 .product_detail_default .carousel-panel .carousel-panel-container {
   display: flex;
   height: 100%;
 }

 .product_detail_default .carousel-panel .carousel-panel-container .carousel-panel-container-item {
   flex-shrink: 0;
   width: 100%;
   height: 100%;
 }

 .product_detail_default .share-warp {
   display: flex;
   justify-content: center;
   padding: 28px 0;
   flex-wrap: wrap;
 }

 .product_detail_default .share-warp .share-item {
   display: flex;
   align-items: center;
   font-size: 1rem;
   color: var(--color-main);
   margin: 5px 10px;
 }

 .product_detail_default .share-warp .share-item span {
   margin-left: 10px;
 }

 .product_detail_default .back-box {
   padding: 30px 0;
 }

 .product_detail_default .back-box a {
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .product_detail_default .back-box span {
   margin-left: 10px;
   color: var(--color-main);
   font-weight: 500;
 }

 @media screen and (max-width: 845px) {
   .product_detail_default {
     margin: 0 auto !important;
   }

   .product_detail_default .product-warp {
     padding: 0 !important;
     display: flex;
     flex-direction: column;
     margin: 0 auto !important;
   }

   .product_detail_default .product-warp .product-right .product-name {
     margin-bottom: 15px;
   }

   .product_detail_default .product-warp .product-right {
     padding: 0 10px;
   }

   .product_detail_default .product-warp .product-right .cell-item {
     margin-top: 15px;
   }

   .product_detail_default .module-box {
     margin-top: 20px;
   }

   .product_detail-card-bottom .product-card-bottom {
     display: none !important;
   }

   .product_detail-card-bottom .product-card-right {
     display: block !important;
   }

   .product_detail_default .product-warp .product-left,
   .product_detail_default .product-warp .product-right {
     flex: 1;
     width: 100%;
     box-sizing: border-box;
   }
 }

 @media screen and (min-width: 846px) and (max-width: 1200px) {
   .product_detail_default .product-warp {
     padding: 0 30px;
   }

   .product_detail_default .product-card-bottom {
     padding: 0 30px;
   }

   .product_detail_default .product-btns {
     flex-wrap: wrap;
   }

   .product_detail_default .product-btns .secondary_btn,
   .product_detail_default .product-btns .main_btn {
     width: 100%;
   }

   .product_detail_default .product-btns .divider {
     height: 20px;
   }
 }

 /* .product_detail-card-right .product-card-bottom {
    display: none !important;
}

.product_detail-card-right .product-card-right {
    display: block !important;
} */
 /* .product_detail-card-bottom .product-card-bottom {
    display: block !important;
} */
 /* .product_detail-card-bottom .product-card-right {
    display: none !important;
} */
 .all_comment {
   display: block;
   color: var(--color-main);
   font-size: 1rem;
   text-align: center;
   font-weight: bold;
   padding: 40px 0;
 }

 .product_detail_default .comment-btn {
   width: 250px;
 }


 /*全局配置*/
 /*版心*/
 .general_layout-width {
   max-width: var(--general_layout_width);
   box-sizing: border-box;
   padding: 0 var(--general_layout_spacing);
 }

 /*背景颜色*/
 .general_background-color {
   background-color: var(--page_background_color);
 }

 /*标题颜色字体*/
 .general_title-color {
   color: var(--title_color);
   font-size: var(--title_font_size);
   font-family: var(--title_font_family);
   font-style: var(--title_font_style);
   font-weight: var(--title_font_weigth);
   letter-spacing: var(--title_letter_spacing);
 }

 .general_main-color {
   color: var(--main_color);
 }

 .general_buying-color {
   color: var(--buying_parice_color) !important;
 }

 .general_original-color {
   text-decoration: line-through;
   color: var(--original_price_color) !important;
 }

 .general_button-background-color {
   background-color: var(--botton_background_color);
 }

 .general_button-font-color {
   color: var(--botton_font_color);
 }

 .general_button-border-color {
   border-color: var(--botton_border_color);
 }

 .general_assist_button-border-color {
   color: var(--assist_botton_font_color);
 }

 .general_assist_button-background-color {
   background-color: var(--assist_botton_background_color);
 }

 .general_assist_button-border-color {
   border-color: var(--assist_botton_border_color);
 }

 .product_pic {
   position: relative;
 }

 .product_save_price {
   margin-left: 5px;
 }

 .discount_tag.label_style_1 {
   position: absolute;
   right: 0;
   top: 0;
   width: 80px;
   height: 80px;
   line-height: 80px;
   color: #fff;
 }

 .discount_tag.label_style_1 .discount_tag_graphics {
   position: absolute;
   right: 0;
   top: 0;
   content: "";
   width: 0;
   height: 0;
   border-top: 80px solid var(--discount_tag_bg);
   border-left: 80px solid transparent;
 }

 .discount_tag.label_style_1 .discount_tag_name {
   position: relative;
   top: 6px;
   left: 15px;
   z-index: 9;
   line-height: 18px;
   transform: rotate(45deg);
   width: 80px;
   height: 40px;
   font-size: 14px;
   text-align: center;
   color: var(--discount_tag_color);
 }

 .discount_tag.label_style_1 .discount_tag_name span {
   display: block;
 }

 .discount_tag.label_style_2 {
   position: absolute;
   right: 0;
   top: 0;
   color: var(--discount_tag_color) !important;
   padding: 0 0 10px;
 }

 .discount_tag.label_style_2 .discount_tag_graphics {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 40px;
   height: 10px;
 }

 .discount_tag.label_style_2 .discount_tag_name {
   width: 40px;
   text-align: center;
   background: var(--discount_tag_bg);
   padding: 10px 0;
 }

 .discount_tag.label_style_2 .discount_tag_graphics:before {
   position: absolute;
   right: 0;
   top: 0;
   content: "";
   width: 0;
   height: 0;
   border-top: 10px solid var(--discount_tag_bg);
   border-left: 20px solid transparent;
 }

 .discount_tag.label_style_2 .discount_tag_graphics:after {
   position: absolute;
   left: 0;
   top: 0;
   content: "";
   width: 0;
   height: 0;
   border-top: 10px solid var(--discount_tag_bg);
   border-right: 20px solid transparent;
 }

 .discount_tag.label_style_3 {
   position: absolute;
   right: 0;
   top: 0;
   height: 80px;
   width: 80px;
   color: #fff;
   overflow: hidden;
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .discount_tag.label_style_3 .discount_tag_name {
   position: relative;
   top: -10px;
   left: 10px;
   z-index: 9;
   line-height: 24px;
   transform: rotate(45deg);
   height: 24px;
   white-space: nowrap;
   background: var(--discount_tag_bg);
   color: var(--discount_tag_color);
   padding: 0px 30px;
 }

 .discount_tag.label_style_4 {
   position: absolute;
   right: 10px;
   top: 10px;
   width: 48px;
   height: 48px;
   border-radius: 50%;
   background: var(--discount_tag_bg);
   color: var(--discount_tag_color);
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .discount_tag.label_style_5 {
   position: absolute;
   right: 10px;
   top: 10px;
   border-radius: 15px;
   padding: 3px 8px;
   background: var(--discount_tag_bg);
   color: var(--discount_tag_color);
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .discount_tag.label_style_6 {
   position: absolute;
   right: 10px;
   top: 10px;
   border-top-left-radius: 15px;
   border-bottom-right-radius: 15px;
   padding: 3px 8px;
   background: var(--discount_tag_bg);
   color: var(--discount_tag_color);
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .discount_tag.label_style_7 {
   position: absolute;
   right: 10px;
   top: 10px;
   padding: 4px 6px;
   background: var(--discount_tag_bg);
   color: var(--discount_tag_color);
   display: flex;
   align-items: center;
   justify-content: center;
   height: 24px;
   box-sizing: border-box;
 }

 .discount_tag.label_style_7 .discount_tag_graphics {
   position: absolute;
   left: -10px;
   width: 10px;
   height: 100%;
 }

 .discount_tag.label_style_7 .discount_tag_graphics::after {
   position: absolute;
   right: 0;
   top: 0;
   content: "";
   width: 0;
   height: 0;
   border-top: 15px solid var(--discount_tag_bg);
   border-left: 7px solid transparent;
 }

 .discount_tag.label_style_7 .discount_tag_graphics::before {
   position: absolute;
   right: 0;
   bottom: 0;
   content: "";
   width: 0;
   height: 0;
   border-bottom: 15px solid var(--discount_tag_bg);
   border-left: 7px solid transparent;
 }

 .discount_tag.label_style_8 {
   position: absolute;
   right: 10px;
   top: 10px;
   padding: 0px 8px;
   padding-left: 0px;
   background: var(--discount_tag_bg);
   color: var(--discount_tag_color);
   display: flex;
   align-items: center;
   justify-content: center;
   height: 24px;
   box-sizing: border-box;
 }

 .discount_tag.label_style_8 .discount_tag_graphics {
   position: absolute;
   transform: rotate(45deg);
   left: -8px;
   border-bottom: 17px solid var(--discount_tag_bg);
   border-right: 17px solid transparent;

 }

 .discount_tag.label_style_4 .discount_tag_graphics {
   display: none;
 }

 .discount_tag.label_style_4 .discount_tag_name {
   line-height: 18px;
   color: var(--discount_tag_color);
 }

 .discount_tag.label_style_4 .discount_tag_name span {
   display: block;
 }

 .product_tag_list {
   position: absolute;
   left: 10px;
   top: 10px;
   opacity: 0;
   visibility: hidden;
   transition: all 0.3s;
 }

 .fall-item:hover .product_tag_list,
 li:hover .product_tag_list {
   opacity: 1;
   visibility: visible;
 }

 .product_tag_list a {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 36px;
   height: 36px;
   background-color: var(--main_button_bg);
   border-radius: 50%;
   margin-bottom: 10px;
   transition: all 0.3s;
 }

 .product_tag_list a svg {
   fill: var(--main_button_color);
 }

 .product_tag_list a:hover {
   transform: scale(1.1);
 }

 .product_img {
   overflow: hidden;
 }

 @media (any-hover: hover) {
   .product_img_hover:hover .default_img {
     opacity: 0;
     display: none;
   }

   .product_img_hover:hover .hover_img {
     opacity: 1;
     display: block;
   }
 }

 .product_img .hover_img {
   opacity: 0;
   display: none;
 }

 @media (any-hover: hover) {
   .default_product_img_hover:hover .default_img {
     display: none;
   }

   .default_product_img_hover:hover .hover_img {
     display: block;
     opacity: 1;
   }
 }

 .default_product_pic .hover_img {
   display: none;
 }

 @media screen and (max-width: 767px) {
   .wap_hide {
     display: none;
   }

   .product_tag_list a {
     width: 34px;
     height: 34px;
   }

   .product_tag_list a svg {
     width: 14px;
     height: 14px;
   }

   #MainContent>div {
     margin-bottom: calc(var(--general_layout_spacing) * 0.75);
   }
 }

 @media (max-width: 768px) {
   .solgan-warp .solgan-flex .solgan-flex-item {
     padding: 0;
   }

   .discount_tag.label_style_1 {
     transform: scale(0.8);
     top: -8px;
     right: -8px;
   }
 }

 /*全局按钮*/
 .main_btn {
   display: flex;
   align-items: center;
   justify-content: center;
   box-sizing: border-box;
   font-size: 16px;
   margin-top: 30px;
   padding: 10px 20px;
   min-height: 48px;
   text-align: center;
   background: var(--main_button_bg);
   color: var(--main_button_color);
   cursor: pointer;
   border-radius: var(--button_border_radius);
   transition: all 0.3s;
 }

 .main_btn:hover {
   opacity: 0.9;
 }

 .secondary_btn {
   display: inline-block;
   font-size: 16px;
   margin-top: 30px;
   padding: 0 20px;
   height: 48px;
   line-height: 48px;
   text-align: center;
   box-sizing: border-box;
   background: var(--secondary_button_bg);
   border: 1px solid var(--secondary_button_color);
   color: var(--secondary_button_color);
   border-radius: var(--button_border_radius);
   cursor: pointer;
   transition: all 0.3s;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }

 @media (any-hover: hover) {
   .secondary_btn:hover {
     background: var(--main_button_bg);
     color: var(--main_button_color);
   }
 }

 .form_btn {
   width: 100%;
   box-sizing: border-box;
   margin: 0;
 }

 .block_product_name a {
   color: var(--title_color);
   font-size: var(--product_font_size);
 }

 .paypal_checkout_button {
   background: #ffc439;
   position: relative;
   width: 100%;
   display: block;
   text-align: center;
   line-height: 45px;
   height: 45px;
   border-radius: var(--button_border_radius);
 }

 .paypal_checkout_button img {
   position: relative;
   top: 50%;
 }

 .paypal_checkout_button .paypal-button-logo {
   vertical-align: top;
   position: relative;
   top: 50%;
   transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   text-align: left;
 }

 .paypal_checkout_button .paypal-button-logo {
   height: 24px;
   max-height: 33px;
   min-height: 22px;
 }

 @media (max-width: 768px) {
   .block_title {
     margin-bottom: calc(var(--general_layout_spacing) * 0.5);
   }

   .block_title .block_detail {
     margin-top: calc(var(--general_layout_spacing) * 0.1);
     padding: 0 15px;
   }

   .title,
   .mo-header .header-title,
   .general_title-color,
   .block_image .content-title,
   .block_title h2 {
     font-size: calc(var(--title_font_size) * var(--wap_title_scale));
   }

   .block_product_single .product-info .product-info-title {
     font-size: calc(var(--big_product_font_size) * var(--wap_title_scale));
   }
 }

 @media (max-width: 767px) {
   .title {
     margin-top: calc(var(--general_layout_spacing) * 0.75);
     margin-bottom: calc(var(--general_layout_spacing) * 0.5);
   }
 }

 /* chrome */
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
   -webkit-appearance: none;
 }

 /* 弹出框样式 */
 .mo-popup {
   position: fixed;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
   z-index: 510000;
 }

 .mo-popup .mo-popup-mask {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1000;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.2);
 }

 .mo-popup .mo-popup-body {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 1000;
   /* height: 100%; */
   display: flex;
   align-items: center;
   justify-content: center;
   -webkit-animation-duration: 0.5s;
   animation-duration: 0.5s;
   border-radius: var(--button_border_radius);
   overflow: hidden;
 }

 /* 弹出sku选择框带图片 */
 .popup-product-warp {
   /* width: 1000px; */
   /* max-height: 90vh; */
   overflow-y: auto;
   box-sizing: border-box;
   display: flex;
   justify-content: space-between;
   background-color: #fff;
   padding: 40px 30px;
   box-sizing: border-box;
   position: relative;
 }

 .popup-product-warp .icon-claer {
   position: fixed;
   right: 20px;
   top: 20px;
   cursor: pointer;
   z-index: 10;
 }

 .popup-product-warp .product-swiper {
   /* width: flex; */
   flex-shrink: 0;
   flex: 1;
   margin-right: 20px;
   box-sizing: border-box;
   overflow: hidden;
 }

 @media (max-width: 768px) {
   .popup-product-warp .product-swiper {
     display: none;
   }
 }

 .popup-product-warp .product-swiper .swiper-container {
   width: 100%;
 }

 .popup-product-warp .product-details {
   width: 50%;
   flex: 1;
   flex-shrink: 0;
   /* flex: 1; */
   /* padding: 0 30px; */
   box-sizing: border-box;
 }

 .popup-product-warp .product-details .product-title {
   font-size: 20px;
   font-weight: 400;
   color: #1d1f21;
   text-align: center;
   position: relative;
   padding-bottom: 30px;
 }

 .popup-product-warp .product-details .product-title::after {
   position: absolute;
   left: 50%;
   bottom: 0;
   border: 1px solid #1d1f21;
   width: 50px;
   margin-left: -25px;
   content: "";
 }

 .popup-product-warp .product-details .cell-item {
   margin-top: 30px;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
   justify-content: center;
 }

 .popup-product-warp .product-details .cell-item {
   margin-bottom: 6px;
 }

 .popup-product-warp .product-price-discount {
   color: var(--buying_parice_color);
   background-color: var(--discount_tag_bg);
   color: var(--discount_tag_color);
   border-radius: 4px;
   font-size: 13px;
   padding: 1px 8px;
   margin-left: 10px;
   margin-bottom: 6px;
 }

 .popup-product-warp .product-details .product-price-number {
   font-size: 20px;
   font-weight: 400;
 }

 .popup-product-warp .product-details .product-price-market {
   font-size: 20px;
   font-weight: 300;
   text-decoration: line-through;
 }

 .popup-product-warp .product-details .product-sku-name {
   font-size: 14px;
   font-weight: 400;
   color: #666666;
 }

 .popup-product-warp .product-sku-values {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;
 }

 .popup-product-warp .product-details .product-sku-values-item {
   color: #1d1f21;
   line-height: 18px;
   font-size: 14px;
   background: #ffffff;
   border: 1px solid transparent;
   cursor: pointer;
   padding: 6px 16px;
   text-align: center;
   display: flex;
   align-items: center;
   border-radius: var(--popup_border_radius);
 }

 .popup-product-warp .product-details .product-sku-values-item img {
   width: 30px;
   vertical-align: middle;
   height: 30px;
   margin-right: 6px;
 }

 .popup-product-warp .product-details .product-sku-values-item-active {
   border: 1px solid #1d1f21;
 }

 .popup-product-warp .product-details .product-sku-values-item-active:hover {
   border: 1px solid #1d1f21;
 }

 .popup-product-warp .product-details .product-calculator {
   height: 44px;
   box-sizing: border-box;
   display: flex;
   justify-content: center;
 }

 .popup-product-warp .product-details .product-calculator .product-calculator-handle,
 .popup-product-warp .product-details .product-calculator .product-calculator-value {
   width: 44px;
   text-align: center;
   line-height: 44px;
   box-sizing: border-box;
   position: relative;
   cursor: pointer;
 }

 .popup-product-warp .product-details .product-calculator .product-calculator-value {
   margin: 0 30px;
   font-size: 1rem;
   color: #1d1f21;
 }

 .popup-product-warp .product-details .product-calculator .product-calculator-handle {
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .popup-product-warp .product-details .product-calculator .add-icon {
   display: inline-block;
   position: relative;
   width: 15px;
   height: 15px;
 }

 .popup-product-warp .product-details .product-calculator .add-icon::before {
   position: absolute;
   left: 0;
   top: 7px;
   width: 15px;
   height: 1px;
   opacity: 0.9;
   background: #1d1f21;
   border-radius: 1px;
   content: "";
 }

 .popup-product-warp .product-details .product-calculator .add-icon::after {
   position: absolute;
   left: 7px;
   width: 1px;
   height: 15px;
   opacity: 0.9;
   background: #1d1f21;
   border-radius: 1px;
   content: "";
 }

 .popup-product-warp .product-details .product-calculator .reduce-icon {
   display: inline-block;
   position: relative;
   width: 15px;
   height: 15px;
 }

 .popup-product-warp .product-details .product-calculator .reduce-icon::before {
   position: absolute;
   left: 0;
   top: 7px;
   width: 15px;
   height: 1px;
   opacity: 0.9;
   background: #1d1f21;
   border-radius: 1px;
   content: "";
 }

 .popup-product-warp .product-details .product-btns {
   display: flex;
   width: 100%;
 }

 .popup-product-warp .product-details .product-btns .mo-btn {
   flex: 1;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }

 .popup-product-warp .product-details .product-btns .divider {
   width: 20px;
 }

 .product-swiper-small {
   display: flex;
   align-items: center;
   padding: 20px 0;
 }

 .product-swiper-small .navigation {
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
 }

 .product-swiper-small .swiper-container-small {
   overflow: hidden;
 }

 .product-swiper-small .swiper-container-small .swiper-small-item {
   width: 76px;
   height: 76px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   overflow: hidden;
   cursor: pointer;
   box-sizing: border-box;
 }

 .product-swiper-small .swiper-container-small .swiper-small-item img {
   width: 76px;
   height: auto;
 }

 .product-swiper-small .swiper-container-small .active {
   border: 2px solid var(--title_color) !important;
 }

 .popup-product-warp-attr {
   width: 480px;
 }

 .product-sku-values-item-disable {
   color: #999 !important;
   text-decoration: line-through;
   position: relative;
 }

 .product-sku-values-item-disable.skyStyle-image.sku-image-item-mall .product-sku-values-item-disable-mask::after {
   position: absolute;
   content: '';
   height: 18px;
   width: 18px;
   box-sizing: border-box;
   border: 2px solid #fff;
   border-radius: 50%;
 }

 .product-sku-values-item-disable.skyStyle-image.sku-image-item-mall .product-sku-values-item-disable-mask::before {
   position: absolute;
   content: '';
   width: 2px;
   height: 18px;
   background-color: #ffffff;
   transform: rotate(45deg);
 }

 .product-sku-values-item-disable.skyStyle-image.sku-image-item-mall .product-sku-values-item-disable-mask {
   position: absolute;
   display: flex;
   justify-content: center;
   align-items: center;
   height: calc(100% + 2px);
   width: calc(100% + 2px);
   left: -1px;
   top: -1px;
   background-color: rgba(0, 0, 0, .2);
 }

 .product-sku-values-item-disable.skyStyle-color.colorRender .product-sku-values-item-disable-mask {
   position: absolute;
   height: calc(100% - 2px);
   width: calc(100% - 2px);
   display: flex;
   justify-content: center;
   align-items: center;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   border-radius: 50%;
   overflow: hidden;
   background-color: rgba(0, 0, 0, .2);
 }

 .product-sku-values-item-disable.skyStyle-color.colorRender .product-sku-values-item-disable-mask::after {
   position: absolute;
   content: '';
   height: 83%;
   width: 2px;
   background-color: #ffffff;
   transform: rotate(45deg);
 }

 .product-sku-values-item-disable:hover {
   border: 1px solid transparent !important;
 }

 @media (max-width: 844px) {
   .product-swiper-small {
     padding: 14px 15px !important;
   }

   .product-swiper-small .swiper-container-small .swiper-small-item {
     width: 150px;
     height: 150px;
   }
 }

 @media (max-width: 480px) {
   .popup-product-warp-attr {
     width: calc(100vw - 20px) !important;
   }
 }

 @media (max-width: 767px) {
   .product_tag_list {
     opacity: 1;
     visibility: visible;
   }
 }

 .popup-product-warp-attr .product-details {
   width: 100%;
   height: 100%;
 }

 .popup-product-warp-attr .product-btns {
   display: block !important;
 }

 .popup-product-warp-attr .product-btns .divider {
   width: 100%;
   height: 20px;
 }

 .line-clamp2 {
   overflow: hidden;
   text-overflow: ellipsis;
   /* word-break:break-all;*/
   word-wrap: break-word;
   word-break: normal;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   width: 100%;
   text-align: center;
 }

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

 @media (max-width: 800px) {
   .cart-layer .cart-content {
     width: 90%;
   }
 }

 /* 评论 */
 .comment-reply-warp {
   border-top: 1px dashed #dddddd;
   padding: 20px 0;
 }

 .comment-reply-warp .comment-reply-warp-title {
   display: flex;
   justify-content: space-between;
 }

 .comment-reply-warp-name {
   color: #1d1f21;
   font-size: 14px;
 }

 .comment-reply-warp-date {
   color: #888888;
   font-size: 14px;
 }

 .comment-reply-warp .comment-reply-warp-content {
   margin-top: 10px;
   color: #888888;
   font-size: 14px;
 }

 .comment_warp-content-lable-show {
   overflow: visible !important;
   -webkit-line-clamp: initial !important;
 }

 .comment_warp-content-lable-hide {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 5;
   -webkit-box-orient: vertical;
   width: 100%;
   text-align: center;
 }

 .comment_warp-content-review {
   cursor: pointer;
   display: none;
 }

 .comment-warp {
   min-height: 60px;
 }

 .product-swiper-small .navigation {
   outline: none !important;
 }

 .account-nav-warp {
   display: none;
   position: relative;
   margin-bottom: 0 !important;
 }

 .account-nav-warp .account-nav-title {
   height: 64px;
   align-items: center;
   justify-content: space-between;
   padding: 0 30px;
   font-size: 1.1428571429rem;
   position: relative;
   cursor: pointer;
   display: flex;
   background: #f6f6f6;
   color: var(--main_color);
 }

 .account-nav-warp .account-nav-title .account-edge {
   position: absolute;
   right: 30px;
   top: 50%;
   margin-top: -3px;
   cursor: pointer;
   border-style: dashed;
   border-color: transparent;
   border-width: 6px;
   border-top-color: var(--main_color);
   border-top-style: solid;
   transition: all 0.3s;
   -webkit-transition: all 0.3s;
 }

 .account-nav-warp .account-nav-title-active .account-edge {
   margin-top: -6px;
   transform: rotate(180deg);
 }

 .account-nav-list {
   display: none;
   position: absolute;
   top: 64px;
   left: 0;
   right: 0;
   flex-direction: column;
   background-color: #ffffff;
   box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
   padding: 10px 0;
   z-index: 100;
 }

 .account-nav-list .account-nav-item {
   width: 100%;
   box-sizing: border-box;
   padding: 0 30px;
 }

 .account-nav-list .account-nav-item a {
   display: block;
   height: 64px;
   line-height: 64px;
   font-size: 14px;
   color: var(--main_color);
 }

 @media screen and (max-width: 768px) {
   .account-nav-warp {
     display: block;
   }
 }

 .grid-warp {
   display: grid;
   grid-template-columns: repeat(var(--template-columns), 1fr);
   grid-column-gap: var(--grid-column);
   grid-row-gap: var(--grid-row);
 }

 .collection_detail_default {
   margin-top: 20px;
 }

 .mo-header-account {
   padding: 60px 0;
 }

 @media screen and (max-width: 767px) {
   .mo-header-account {
     padding: 15px 0;
   }
 }

 @media screen and (min-width: 768px) and (max-width: 1024px) {
   .mo-header-account {
     padding: 30px 0;
   }
 }

 .default_block_warp {
   background-color: #EEF0F5;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 /* @media screen and (max-width: 768px) {
    .default_block_warp {
        height: calc(100vw / 2 - 20px) !important;
    }

} */
 .mo-editor-reset {
   overflow: hidden;
 }

 .mo-editor-reset img,
 .mo-editor-reset table,
 .mo-editor-reset video {
   max-width: 100% !important;
   height: auto;
 }

 @media screen and (max-width: 767px) {

   .mo-editor-reset img,
   .mo-editor-reset table,
   .mo-editor-reset iframe,
   .mo-editor-reset video {
     height: auto !important;
   }
 }

 /* 重置编辑器样式 */
 .mo-editor-reset p {
   display: block;
   margin-block-start: 1em;
   margin-block-end: 1em;
   margin-inline-start: 0;
   margin-inline-end: 0;
 }

 .mo-editor-reset strong {
   font-weight: bold;
 }

 .mo-editor-reset ol {
   display: block;
   list-style-type: decimal;
   margin-block-start: 1em;
   margin-block-end: 1em;
   margin-inline-start: 0;
   margin-inline-end: 0;
   padding-inline-start: 40px;
 }

 .mo-editor-reset ul {
   display: block;
   list-style-type: disc;
   margin-block-start: 1em;
   margin-block-end: 1em;
   margin-inline-start: 0;
   margin-inline-end: 0;
   padding-inline-start: 40px;
 }

 .mo-editor-reset ol li {
   display: list-item;
   list-style-type: decimal;
   text-align: -webkit-match-parent;
 }

 .mo-editor-reset ul li {
   display: list-item;
   list-style-type: disc;
   text-align: -webkit-match-parent;
 }

 .mo-editor-reset table {
   box-sizing: border-box;
   display: table;
   text-indent: initial;
   word-wrap: break-word;
   border-collapse: collapse;

 }

 .mo-editor-reset table img {
   width: 100%;
 }

 .mo-editor-reset tbody {
   display: table-row-group;
   vertical-align: middle;
   border-color: inherit;
 }

 .mo-editor-reset tr {
   display: table-row;
   vertical-align: inherit;
   border-color: inherit;
 }

 .mo-editor-reset table[border]:not([border="0"]):not([style*=border-color]) td,
 .mo-editor-reset table[border]:not([border="0"]):not([style*=border-color]) th {
   border-color: #ccc;
 }

 .mo-editor-reset table[border]:not([border="0"]):not([style*=border-style]) td,
 .mo-editor-reset table[border]:not([border="0"]):not([style*=border-style]) th {
   border-style: solid;
 }

 .mo-editor-reset table[border]:not([border="0"]):not([style*=border-width]) td,
 .mo-editor-reset table[border]:not([border="0"]):not([style*=border-width]) th {
   border-width: 1px;
 }

 .mo-editor-reset table:not([cellpadding]) td,
 .mo-editor-reset table:not([cellpadding]) th {
   padding: 0.4rem;
 }

 .mo-editor-reset td {
   display: table-cell;
   vertical-align: inherit;
   border: 1px dashed #bbb;
 }

 .mo-editor-reset th {
   border: 1px dashed #bbb;
 }

 .quick-iframe-wrap {
   min-width: 60px;
   min-height: 60px;
   background-color: transparent;
 }

 .quick-iframe-wrap-loading {
   position: absolute;
   top: 50%;
   left: 50%;
   margin-left: -8px;
   margin-top: -8px;
   display: inline-block;
   height: 16px;
   width: 16px;
   border-radius: 50%;
   border: 2px solid #fff;
   border-bottom-color: transparent;
   -webkit-animation: loadingRotate 0.75s linear infinite;
   animation: loadingRotate 0.75s linear infinite;
 }

 @-webkit-keyframes loadingRotate {
   0% {
     -webkit-transform: rotate(0deg);
   }

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

   100% {
     -webkit-transform: rotate(360deg);
   }
 }

 @keyframes loadingRotate {
   0% {
     transform: rotate(0deg);
   }

   50% {
     transform: rotate(180deg);
   }

   100% {
     transform: rotate(360deg);
   }
 }

 .quick-iframe {
   height: 0;
   max-height: 90vh;
   background-color: #fff;
   border: none;
   transition: all 0.35s;
   vertical-align: top;
 }

 .normal-quick-iframe {
   width: 1000px;
 }

 .simple-quick-iframe {
   width: 500px;
 }

 /* /手机端767以下，ipad端768-1024，小屏笔记本1024-1200，台式电脑1200以上 */
 @media screen and (max-width: 500px) {
   .simple-quick-iframe {
     width: 100vw;
   }

   .normal-quick-iframe {
     width: 100vw !important;
   }

   .popup-quick-body {
     bottom: 0;
     top: 0 !important;
     left: 0 !important;
     right: 0 !important;
     transform: translate(0, 0) !important;
     overflow: inherit !important;
     align-items: flex-end !important;
   }
 }

 @media screen and (max-width: 1000px) {
   .normal-quick-iframe {
     width: calc(100vw - 20px);
   }
 }

 /* 图片预览 */
 .view-picture {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   /* background-color: rgba(0, 0, 0, 0.6); */
   background-color: transparent;
   z-index: 9999999999;
   /* display: none; */
   transition: all 0.7s;
   overflow: hidden;
 }

 .view-picture .video-icon {
   position: absolute;
   z-index: 100;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   cursor: pointer;
   visibility: hidden;

 }

 .view-picture .view-picture-swiper {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
 }

 .view-picture .view-picture-operate {
   position: absolute;
   left: 0;
   right: 0;
   bottom: -80px;
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 100;
   transition: all 0.4s;
 }

 .view-picture .view-picture-operate .operate-arrow-right,
 .view-picture .view-picture-operate .operate-arrow-left {
   position: relative;
   width: 45px;
   height: 45px;
   border: none;
   border-radius: 50%;
   background: #fff;
   box-shadow: 0 2px 10px rgba(54, 54, 54, 0.15);
   text-align: center;
   overflow: hidden;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .view-picture .view-picture-operate .operate-arrow-close {
   position: relative;
   width: 55px;
   height: 55px;
   border: none;
   border-radius: 50%;
   background: #fff;
   cursor: pointer;
   text-align: center;
   z-index: 1;
   box-shadow: 0 2px 10px rgba(54, 54, 54, 0.15);
   vertical-align: middle;
   overflow: hidden;
   margin: 0 18px;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .view-picture .swiper-button-disabled {
   visibility: hidden;
 }

 .view-picture .view-picture-swiper li {
   width: 100%;
   height: 100%;
   display: flex;
   padding: 20px 20px;
   box-sizing: border-box;
   align-items: center;
   justify-content: center;
 }

 @media screen and (max-width: 767px) {
   .view-picture .video-icon {
     display: none;
   }

   .view-picture .view-picture-swiper li {
     padding: 20px 0px;
   }
 }

 .view-picture .view-picture-swiper img {
   max-width: 100%;
   max-height: calc(100% - 50px);
   object-fit: contain;
   /* cursor: pointer; */
 }

 .view-picture-operate-show .view-picture-operate {
   bottom: 80px;
 }

 .view-picture-operate-hide .view-picture-operate {
   bottom: -80px;
 }

 /** comment_star style start **/
 .cell-star.no-margin {
   margin-top: 0px;
 }

 .moi-start-warp {
   display: flex;
   align-items: center;
   font-size: 14px;
   justify-content: center;
 }

 .moi-start-warp svg {
   flex-shrink: 0;
 }

 @media screen and (max-width: 767px) {
   .moi-start-warp svg {
     width: 14px;
     height: 14px;
   }
 }

 .moi-start-warp svg+.moi-start-warp svg {
   margin-left: 4px;
 }

 .moi-start-warp>span {
   font-weight: 500;
   color: var(--title_color);
   line-height: 1;
   margin-left: 6px;
 }

 div[data-section-type="product_detail"] .control-product_detail-comment_star .moi-start-warp.moi-start-warp-underline>span:last-child {
   cursor: pointer;
 }

 div[data-section-type="product_detail"] .control-product_detail-comment_star .moi-start-warp.moi-start-warp-underline>span:last-child>span {
   text-decoration: underline;
   text-underline-offset: 3px;
 }

 .moi-start-warp>span:last-child>span {
   display: inline-block;
   margin: 0 2px;
 }

 .moi-start-warp .comment-star-warp {
   position: relative;
 }

 .moi-start-warp .comment-star-base {
   position: relative;
   display: flex;
   align-items: center;
   flex-wrap: nowrap !important;
 }

 .moi-start-warp .comment-star-warp .cell-star {
   display: flex;
   justify-content: center;
   margin-top: 12px;
 }

 .moi-start-warp .comment-star-warp .comment-star-warp-choose {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   overflow: hidden;
 }

 /** comment_star style end **/
 .mo-alert-info-model {
   position: fixed;
   display: flex;
   align-items: center;
   justify-content: center;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   pointer-events: none;
   z-index: 99999999999999;
 }

 .mo-alert-info-model .mo-alert-info-body {
   display: inline-flex;
   align-items: center;
   padding: 10px 16px;
   background: #fff;
   border-radius: 2px;
   box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.1215686275), 0 6px 16px rgba(0, 0, 0, 0.0784313725), 0 9px 28px 8px rgba(0, 0, 0, 0.0509803922);
   pointer-events: all;
   font-size: 14px;
   animation-name: bounceIn;
 }

 .mo-alert-info-model .mo-alert-info-body svg {
   width: 14px;
   height: 14px;
   margin-right: 8px;
 }

 .mo-alert-info-model.mo-alert-info-model_top {
   align-items: flex-start;
 }

 .mo-alert-info-model.mo-alert-info-model_top .mo-alert-info-body {
   margin-top: 64px;
   animation-name: bounceInDown;
 }

 .mo-alert-info-model .mo-alert-info-body.mo-alert-info_close-top-animation {
   animation-name: bounceOutUp;
 }

 .mo-alert-info-model .mo-alert-info-body.mo-alert-info_close-center-animation {
   animation-name: bounceOut;
 }

 /** comment_star style end **/
 /*****登录注册页输入框css********/
 .pub-mo-form-item-value {
   position: relative;
 }

 .pub-mo-form-item-value .mo-form-input:focus {
   padding-top: 23px;
 }

 .pub-mo-form-item-value .mo-form-input:focus~.field_label {
   top: 16px;
   letter-spacing: 0.04rem;
   font-size: 12px;
 }

 .pub-mo-form-item-value .mo-form-input:not(:placeholder-shown)~.field_label {
   top: 16px;
   letter-spacing: 0.04rem;
   font-size: 12px;
 }

 .pub-mo-form-item-value .mo-form-input:not(:placeholder-shown) {
   padding-top: 23px;
 }

 .pub-mo-form-item-value .mo-form-input::placeholder {
   color: transparent;
 }

 .pub-mo-form-item-value .field_label {
   position: absolute;
   left: 12px;
   font-size: 14px;
   top: 50%;
   transform: translateY(-50%);
   transition: top 0.1s ease, font-size 0.1s ease;
   color: #AAAAAA;
   cursor: pointer;
 }

 /* product_preview start */
 .product_preview-video-container,
 .product_preview-youtube-container {
   width: 100%;
   position: relative;
 }

 .product_preview-youtube-container {
   height: 380px;
 }

 .product_preview-video-container video {
   position: absolute;
   top: 0;
   left: 0;
 }

 .product_preview-video-container video,
 .product_preview-video-container iframe,
 .product_preview-youtube-container video,
 .product_preview-youtube-container iframe {
   width: 100%;
   height: 100%;
 }

 .swiper-slide-video {
   position: relative;
 }

 .swiper-slide-video .video-icon {
   position: absolute;
   z-index: 100;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   cursor: pointer;
 }

 .product-swiper-small {
   display: flex;
   align-items: center;
   padding: 15px 0;
 }

 .product-swiper-small .navigation {
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
 }

 .product-swiper-small .swiper-container-small {
   overflow: hidden;
 }

 .product-swiper-small .swiper-small-item {
   width: 76px;
   height: 76px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   overflow: hidden;
   cursor: pointer;
   box-sizing: border-box;
 }

 .product-swiper-small .swiper-small-item img {
   width: 76px;
   height: auto;
 }

 .product-swiper-small .swiper-small-item-active {
   border: 2px solid var(--color-main);
 }

 .product-swiper-small .arrow {
   padding: 0 12px;
   display: none;
   font-size: 0;
 }

 @media (max-width: 767px) {
   .product-swiper-small .arrow {
     display: inline-block;
   }

   .product-swiper-small {
     display: flex;
     justify-content: space-between;
     padding: 15px 0;
   }

   .product-swiper-small.show_mobile_thumbnail .arrow {
     display: none;
   }

   .product-swiper-small.show_mobile_thumbnail .swiper-container-small .swiper-small-item {
     width: 64px;
     height: 64px;
     border: 2px solid transparent;
     border-radius: 0;
     box-sizing: border-box;
   }

   .product-swiper-small.show_mobile_thumbnail .swiper-container-small .swiper-small-item img {
     display: block;
     width: 100%;
     height: 100%;
     object-fit: cover;
   }

   .product-swiper-small .swiper-container-small .swiper-small-item {
     width: 10px;
     height: 10px;
     border: 2px solid var(--title_color);
     border-radius: 50%;
     box-sizing: border-box;
   }

   .product-swiper-small .swiper-container-small .swiper-small-item:last-child {
     margin-right: 0 !important;
   }

   .product-swiper-small .swiper-container-small .active {
     border: 2px solid var(--title_color) !important;
     background-color: var(--title_color) !important;
   }

   .product-swiper-small .swiper-container-small .swiper-small-item img {
     display: none;
   }
 }

 /* product_preview end */
 .cart-label-warp {
   color: #EC4330;
   font-size: 14px;
   padding: 5px 10px;
   line-height: 1;
   background: #FFF0EF;
   border-radius: 4px;
   margin-top: 5px;
   display: inline-block;
 }

 .cart-label-timer {
   display: inline-flex;
   align-items: center;
   margin-top: 5px;
 }

 .minicart_qty-disable {
   pointer-events: none;
   opacity: 0.6;
   cursor: not-allowed;
 }

 /* 详情页固定 */
 .product-right-sticky {
   position: sticky;
   top: 15px;
 }

 /* 详情图片展示样式 平铺向下 */
 .product_preview_temp1 .swiper-slide {
   margin-bottom: 20px;
 }

 .product_preview_temp1 .swiper-prev {
   left: 15px;
 }

 .product_preview_temp1 .swiper-next {
   right: 15px;
 }

 .product_preview_temp1 .swiper-navigation {
   position: absolute;
   top: 50%;
   width: 44px;
   height: 44px;
   border-radius: 50%;
   z-index: 9;
   right: 15px;
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: #fff;
   display: none;
 }

 @media (max-width: 767px) {
   .product_preview_temp1 {
     margin-bottom: 20px;
   }

   .product_preview_temp1 .swiper-navigation {
     display: flex;
   }
 }

 /* 详情图片展示样式 2列平铺向下 */
 #product_detail .product-left .product-right-sticky .swiper-container .swiper-slide img {
   border-radius: var(--img-radius) !important;
 }

 #product_detail .product-left .product-right-sticky .swiper-container .swiper-slide .product_preview-youtube-container {
   border-radius: var(--img-radius);
   overflow: hidden;
 }

 @media screen and (min-width: 768px) {
   #product_detail .product-left .product-right-sticky .swiper-container-small .swiper-slide {
     border-radius: var(--img-radius);
   }
 }

 .product_preview_temp2 .swiper-prev {
   left: 15px;
 }

 .product_preview_temp2 .swiper-next {
   right: 15px;
 }

 .product_preview_temp2 .swiper-navigation {
   position: absolute;
   top: 50%;
   width: 44px;
   height: 44px;
   border-radius: 50%;
   z-index: 9;
   right: 15px;
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: #fff;
   display: none;
 }

 @media screen and (min-width: 768px) {
   .product_preview_temp2>ul {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 20px;
   }
 }

 @media screen and (max-width: 767px) {
   .product_preview_temp2 .swiper-navigation {
     display: flex;
   }
 }

 /* 向下大小平铺 */
 .product_preview_bigtiledown .bigtiledown-pagination {
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 15px 0;
 }

 .product_preview_bigtiledown .bigtiledown-pagination .swiper-pagination {
   position: static;
   width: 120px;
 }

 @media (min-width: 767px) {
   .product_preview_bigtiledown-wrapper {
     display: flex;
     flex-wrap: wrap;
     column-gap: 20px;
     row-gap: 20px;
   }

   .product_preview_bigtiledown-wrapper .swiper-slide {
     width: calc(50% - 10px);
   }

   .product_preview_bigtiledown-wrapper .swiper-slide:first-child {
     width: 100%;
   }

   .product_preview_bigtiledown .bigtiledown-pagination {
     display: none;
   }
 }

 /* 向右 */
 .product_preview_right {
   display: flex;
 }

 .product_preview_right .product-swiper-small {
   display: flex;
   flex-direction: column;
   padding: 0;
   padding-left: 15px;
 }

 .product_preview_right .swiper-container-small {
   max-height: 500px;
 }

 .product_preview_right .navigation {
   transform: rotate(90deg);
 }

 @media (max-width: 767px) {

   .product_preview_right,
   .product_preview_left {
     display: block;
   }

   .product_preview_right .product-swiper-small {
     display: flex;
     flex-direction: row;
   }

   .product_preview_right .swiper-container-small {
     height: auto;
   }
 }

 /* 向左 */
 .product_preview_left {
   display: flex;
   flex-direction: row-reverse;
 }

 .product_preview_left .product-swiper-small {
   display: flex;
   flex-direction: column;
   padding: 0;
   padding-right: 15px;
 }

 .product_preview_left .swiper-container-small {
   max-height: 500px;
 }

 .product_preview_left .navigation {
   transform: rotate(90deg);
 }

 @media (max-width: 767px) {
   .product_preview_left {
     display: block;
   }

   .product_preview_left .product-swiper-small {
     display: flex;
     flex-direction: row;
   }

   .product_preview_left .swiper-container-small {
     height: auto;
   }
 }

 @media (min-width: 767px) {
   .preview_bigtiledown_wrapper {
     display: flex;
     flex-wrap: wrap;
     column-gap: 20px;
     row-gap: 20px;
   }

   .product_preview_bigtiledown .swiper-slide {
     width: calc(50% - 10px);
   }

   .product_preview_bigtiledown .swiper-slide:first-child {
     width: 100%;
   }

   .product_preview_bigtiledown .bigtiledown-pagination {
     display: none;
   }
 }

 /* 商品右侧布局 */
 select {
   font-family: var(--general_font_family);
 }

 .product_flex_left .moi-product-sku-value .product-sku-values,
 .product_flex_left .cell-item,
 .product_flex_left .cell-star,
 .product_flex_left .mobile_product_preview {
   justify-content: start !important;
 }

 .product-info-describe {
   text-align: center;
 }

 .virtual_sale {
   font-size: var(--general_font_size) !important;
   color: var(--main_color) !important;
 }

 .product_flex_left .product-name,
 .product_flex_left .product-info-title,
 .product_flex_left .product-title,
 .product_flex_left .product-info-subtitle,
 .product_flex_left .product-info-describe {
   text-align: left !important;
 }


 .product_flex_left .product-calculator {
   border: 1px solid #999;
 }

 .product_flex_left .product-calculator .product-calculator-value {
   margin: 0;
 }

 .product_flex_left .product-sku-values .product-sku-values-item {
   margin-left: 0 !important;
   margin-right: 15px;
   margin-top: 15px;
 }

 .moi-product-option .moi-product-sku-value {
   margin-top: 15px !important;
 }

 .product_flex_left .product-price {
   justify-content: start !important;
 }

 .product_flex_left .product-price .product-price-number {
   margin-right: 10px;
 }

 .product_flex_left .product-price .product-price-market {
   margin-left: 0;
   margin-right: 10px;
 }

 .product_flex_left .product-price-discount {
   margin-left: 0;
 }

 /*产品缩略图*/
 .block_product_img_list {
   margin-top: 10px;
 }

 .block_product_img_list .img_list {
   gap: 3px;
 }

 .block_product_img_list .img_list .img_list_item {
   width: 28px;
   height: 28px;
   box-sizing: border-box;
   padding: 2px;
 }

 .block_product_img_list .img_list .img_list_item.active {
   border: 1px solid;
 }

 .block_product_img_list .img_list .morNumber {
   display: flex;
   align-items: center;
 }

 .block_product_img_list .img_list .morNumber:empty {
   display: none;
 }

 .block_product_img_list .img_list .img_list_item img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 .moi-product-sku-value .product-sku-values .product-sku-value-color {
   border-radius: 50%;
   padding: 2px !important;
 }

 .moi-product-sku-value .product-sku-values .product-sku-value-color .product-sku-value-color-item {
   width: 30px;
   height: 30px;
   border-radius: 50%;
   background-color: #fff;
   border: 2px solid #e2e2e2;
   box-sizing: border-box;
 }

 .moi-product-sku-value .product-sku-values .product-sku-values-item-active .product-sku-value-color-item {
   border: transparent;
 }

 .moi-product-sku-value .product-sku-values .sku-image-item-big {
   width: 150px;
   height: 180px;
   display: flex;
   flex-direction: column;
   padding: 0 !important;
   border: 1px solid #f2f2f2;
   box-sizing: border-box;
   overflow: hidden;
 }

 .moi-product-sku-value .product-sku-values .sku-image-item-big img {
   width: 150px !important;
   flex: 1;
 }

 .moi-product-sku-value .product-sku-values .sku-image-item-big span {
   display: block;
   width: 100%;
   margin: 0;
   border-top: 1px solid #f2f2f2;
   padding: 8px 5px;
   box-sizing: border-box;
 }

 /***header logo ****/
 .def_header_logo a {
   color: var(--title_color);
   font-family: var(--title_font_family);
   font-style: var(--title_font_style);
   font-weight: var(--title_font_weigth);
   letter-spacing: var(--title_letter_spacing);
   display: flex;
   align-items: center;
   margin: 15px 0;
 }

 .def_header_logo a span {
   display: none;
 }

 @media screen and (min-width: 768px) {
   .def_header_logo a span.pc {
     display: flex;
     align-items: center;
   }
 }

 @media screen and (max-width: 767px) {
   .def_header_logo a span.yd {
     display: flex;
     align-items: center;
   }
 }

 @media (min-width: 768px) {
   .md\:df-visible {
     visibility: visible;
   }

   .md\:df-top-20 {
     top: 5rem;
   }

   .md\:df-mx-8 {
     margin-left: 2rem;
     margin-right: 2rem;
   }

   .md\:df-flex {
     display: flex;
   }

   .md\:df-hidden {
     display: none;
   }

   .md\:df-w-5\/12 {
     width: 41.666667%;
   }

   .md\:df-w-auto {
     width: auto;
   }

   .md\:df-flex-1 {
     flex: 1 1 0%;
   }

   .md\:df-flex-row {
     flex-direction: row;
   }

   .md\:df-px-12 {
     padding-left: 3rem;
     padding-right: 3rem;
   }

   .md\:df-py-8 {
     padding-top: 2rem;
     padding-bottom: 2rem;
   }

   .md\:df-px-3 {
     padding-left: 0.75rem;
     padding-right: 0.75rem;
   }
 }

 .line-clamp1 {
   overflow: hidden;
   text-overflow: ellipsis;
   word-wrap: break-word;
   word-break: normal;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   width: 100%;
   text-align: center;
 }

 /****商品不可选中按钮大写****/
 .product-btns.product-out-of-stock {
   text-transform: uppercase;
 }

 .product-out-of-delete {
   text-transform: uppercase;
 }

 /* 去掉input[type="number"]的默认样式 */
 /* chrome */
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
   -webkit-appearance: none !important;
 }

 /* firefox */
 input[type="number"] {
   -moz-appearance: textfield;

 }



 /*******邮箱后缀填充*******/
 .mo-form-item[name="email"] {
   position: relative;
 }

 .mo-form-item[name="email"] .email_auto_fill_box {
   background: #FFFFFF;
   box-shadow: 0px 6px 12px 2px rgba(0, 0, 0, 0.1600);
   border-radius: var(--button_border_radius);
   box-sizing: border-box;
   padding: 10px 0;
   margin-top: 10px;
   max-height: 400px;
   overflow-y: scroll;
   font-size: 12px;
 }

 .mo-form-item[name="email"] .email_auto_fill_box:empty {
   padding: 0;
   margin: 0;
   box-shadow: none;
 }

 .mo-form-item[name="email"] .email_auto_fill_box .divide {
   height: 1px;
   background-color: var(--color-divider);
 }

 .mo-form-item[name="email"] .email_auto_fill_box li {
   line-height: 2;
   cursor: pointer;
 }

 /* 导航图片 */
 header-nav-img {
   display: inline-flex;
   align-items: center;
 }

 header-nav-img img {
   max-width: 40px;
   max-height: 40px;
   object-fit: cover;
   margin: 4px 8px 4px 0;
 }


 /* 超出隐藏 */
 .text-ellipsis {
   overflow: hidden;
   text-overflow: ellipsis;
   word-wrap: break-word;
   word-break: normal;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   width: 100%;
 }

 .text-ellipsis2 {
   text-overflow: ellipsis;
   overflow-wrap: break-word;
   word-break: normal;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   width: 100%;
   overflow: hidden;
 }

 /*****商品列表图片填充规则*****/
 .plugin-product_item-img_box img {
   width: 100% !important;
   height: 100% !important;
   object-fit: var(--product_img_cut) !important;
 }


 /*** 商品快速按钮颜色 **/
 .product_view {
   background-color: var(--main_button_bg) !important;
   color: var(--main_button_color) !important;
   border-color: var(--main_button_bg) !important;
 }

 .product_view svg path {
   fill: var(--main_button_color) !important;
   stroke: var(--main_button_color) !important;
 }

 /*** 自定义属性 **/
 .custom-option-download {
   position: relative;
   padding-bottom: 4px;
   display: inline-block;
   word-break: break-word;
 }

 .custom-option-download::after {
   content: "";
   position: absolute;
   width: 100%;
   height: 1px;
   background-color: currentColor;
   left: 50%;
   bottom: 0;
   transform: translateX(-50%);
   transition: width 500ms ease-in-out;
 }

 .custom-option-download:hover::after {
   width: 35%;
 }

 /* 兼容开启网页保护swiper fade模式跳转链接不正确问题   */
 .swiper-container-fade a img {
   pointer-events: none !important;
 }

 .swiper-fade a img {
   pointer-events: none !important;
 }

 .swiper-container-fade .swiper-slide-active a img {
   pointer-events: all !important;
 }

 .swiper-fade .swiper-slide-active a img {
   pointer-events: all !important;
 }

 /******详情页评论按钮******/
 div[data-section-type="product_detail"] .detail-box .comment-btn-wrap a.comment-btn {
   flex: 1;
 }

 div[data-section-type="product_detail"] .product-tabs-content-item .comment-btn-wrap,
 div[data-section-type="product_detail"] .product-tabs-content .comment-btn-wrap,
 div[data-section-type="product_detail"] .module-cell .comment-btn-wrap {
   justify-content: center;
   display: flex;
   gap: 20px;
   margin-top: 24px;
 }

 div[data-section-type="product_detail"] .product-tabs-content-item .comment-btn-wrap:empty,
 div[data-section-type="product_detail"] .product-tabs-content .comment-btn-wrap:empty,
 div[data-section-type="product_detail"] .module-cell .comment-btn-wrap:empty {
   margin-top: 0;
 }

 .testuploadcdss {
   display: block;
 }

 .comment-img-preview .big_img_swiper .swiper .swiper-slide {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   height: auto;
 }

 .comment-img-preview .big_img_swiper .swiper a {
   display: inline-block;
   width: 100%;
 }

 .comment-img-preview .big_img_swiper .swiper img {
   height: 376px;
   object-fit: cover;
 }

 .comment-img-preview .small_img_swiper {
   display: flex;
   align-items: center;
   margin: 10px 10px 11px 10px;
   gap: 8px;
 }

 .comment-img-preview .small_img_swiper .swiper {
   flex: 1;
   overflow: hidden;
 }

 .comment-img-preview .small_img_swiper .swiper-slide {
   height: 52px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   border: 2px solid transparent;
   box-sizing: border-box;
 }

 .comment-img-preview .small_img_swiper .swiper-slide.active {
   border-color: #1D1F21;
 }

 .comment-img-preview .small_img_swiper .swiper-slide img {
   height: 100%;
 }

 .comment-img-preview .small_img_swiper .navigation_prev,
 .comment-img-preview .small_img_swiper .navigation_next {
   display: none;
   cursor: pointer;
 }


 /* 商品详情页显示所有变体 */
 .sku_option-template_all {
   /* --sku_option-color:var(--template-color,51,51,51); */
 }

 .sku_option-template_all-item:hover {
   box-shadow: inset 0 0 0 2px var(--main_button_bg);
 }

 .--template-all-disable {
   opacity: 0.6;
   background-color: var(--sku-bg);
   cursor: not-allowed;
 }

 .--template-all-disable:hover .sku_option-template_all-item {
   box-shadow: inset 0 0 0 1px var(--sku-border) !important;
 }

 .sku_option-template_all-item {
   padding: 12px 22px;
   cursor: pointer;
   border-radius: 5px;
   /* background: rgba(var(--sku_option-color), .02); */
   box-shadow: inset 0 0 0 1px var(--sku-border);
   position: relative;
   display: flex;
   box-sizing: border-box;
   align-items: center;
 }

 .sku_option-template_all-item:hover {
   background-color: var(--sku-bg);
 }

 .sku_option-template_all-item-icon {
   display: inline-block;
   width: 18px;
   height: 18px;
   flex-shrink: 0;
   border-radius: 50%;
   border: 1px solid var(--sku-border);
   box-sizing: border-box;
   margin-right: 20px;
 }

 .sku_option-template_all input:checked+.sku_option-template_all-item .sku_option-template_all-item-icon {
   border: 6px solid var(--main_button_bg);
 }

 .sku_option-template_all input:checked+.sku_option-template_all-item {
   box-shadow: inset 0 0 0 2px var(--main_button_bg);
   background-color: var(--sku-bg);
   font-weight: bold;
 }

 .sku_option-template_all-cell+.sku_option-template_all-cell {
   margin-top: 14px;
 }

 .--template-all-left {
   display: flex;
   flex: 1;
   align-items: center;
   min-height: 48px;
   overflow: hidden;
   margin-right: 20px;
 }

 .--template-all-left_text {
   font-size: 16px;
   overflow: hidden;
 }

 .--template_all-right {
   display: flex;
   flex-direction: column;
   align-items: end;
 }

 .--template_all-price {
   color: var(--buying_parice_color);
   font-size: 16px;
   line-height: 1.2;
 }

 .--template_all-compare_at_price {
   font-size: 14px;
   line-height: 1.2;
   font-weight: 300;
   margin-top: 2px;
   text-decoration-line: line-through;
   color: var(--original_price_color);
 }

 .--template_all-tag {
   position: absolute;
   background: var(--main_button_bg);
   color: var(--main_button_color);
   font-weight: 300;
   font-size: 14px;
   top: 0;
   right: 0;
   margin: 0;
   transform: translateY(-50%);
   padding: 1px 10px;
   border-radius: 5px 5px 5px 5px;
   overflow: hidden;
   text-overflow: ellipsis;
   word-wrap: break-word;
   word-break: normal;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   max-width: 100%;
   box-sizing: border-box;
 }

 .--template-all-color {
   display: inline-block;
   height: 24px;
   width: 24px;
   margin: 0 20px 0 0;
 }

 .--template-all-img {
   height: 48px;
   width: 48px;
   margin-right: 10px;
 }

 .product_detail_default .product-warp .product-right .product-name h1 {
   font-size: inherit;
 }


 .test_092_00 {
   display: block;
 }

 .moi-product-sku-multiple,
 .moi-product-sku-multiple-table {
   width: 100%;
   border-collapse: collapse;
   border-spacing: 0;
   font-size: 14px;
 }

 .moi-product-sku-multiple-table thead {
   background: #F6F6F6;
 }

 .moi-product-sku-multiple-table thead td {
   padding: 8px;
   min-height: 40px;
   box-sizing: border-box;
 }

 .moi-product-sku-multiple-table tbody td {
   min-height: 72px;
   padding: 8px;
   box-sizing: border-box;
 }

 .moi-product-sku-multiple .font-bold {
   font-weight: bold;
   color: #1D1F21 !important;
   display: inline-block;
   line-height: 1.25;
 }

 .step-warp {
   border: 1px solid #dddddd;
   height: 40px;
   display: inline-flex;
   overflow: hidden;
 }

 .step-warp .step-warp-handle {
   height: 40px;
   width: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   position: relative;
   --handle-color: #1D1F21;
 }

 .step-warp .step-warp-handle[disabled] {
   --handle-color: #DDDDDD;
   cursor: not-allowed;
   pointer-events: none;

 }

 .step-warp .step-warp-handle[data-type='plus']::before {
   content: '';
   display: inline-block;
   width: 12px;
   height: 2px;
   background-color: var(--handle-color);
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
 }

 .step-warp .step-warp-handle[data-type='plus']::after {
   content: '';
   display: inline-block;
   width: 2px;
   height: 12px;
   background-color: var(--handle-color);
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
 }


 .step-warp .step-warp-handle[data-type='minus']::before {
   content: '';
   display: inline-block;
   width: 12px;
   height: 2px;
   background-color: var(--handle-color);
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
 }

 .step-warp .step-warp-value {
   height: 40px;
   width: 44px;
   text-align: center;
 }

 .step-items-center {
   width: 126px;
   display: flex;
   align-items: center;
   vertical-align: middle;
   justify-content: space-between;
 }

 .step-items-end {
   display: flex;
   align-items: center;
   vertical-align: middle;
   justify-content: flex-end;
 }

 .multiple-reset {
   color: #888888;
   cursor: pointer;
   display: inline-flex;
   align-items: center;
   margin-left: 6px;

 }

 .multiple-reset-text {
   text-decoration-line: underline;
   margin-left: 2px;
 }

 .multiple-total {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 16px 0;
   border-top: 1px solid #DDDDDD;
   margin-top: 10px;
 }

 .multiple-total-value {
   font-weight: bold;
   font-size: 20px;
   color: var(--buying_parice_color);
 }

 .multiple-angle {
   background: #1D1F21;
   border-radius: 8px 8px 8px 8px;
   font-size: 12px;
   line-height: 16px;
   padding: 0 6px;
   color: #fff;
   position: absolute;
   top: -8px;
   left: 100%;
   transform: translateX(-50%);
   display: none;
   z-index: 100;
 }

 .multiple-md-hidden {
   display: none;
 }

 .multiple-md-block {
   display: block;
 }

 .multiple-md-inline-block {
   display: inline-block;
 }

 .moi-product-option .stock-sotes {
   text-decoration-line: underline;
   cursor: pointer;
 }

 .multiple-md-width40 {
   width: 60%;
 }

 @media screen and (min-width: 768px) {
   .multiple-md-width40 {
     width: 40%;
   }

   .multiple-md-hidden {
     display: table-cell;
   }

   .multiple-md-block {
     display: none;
   }

   .multiple-md-inline-block {
     display: none;
   }

   .step-items-center {
     width: 100px;
   }

   .step-warp {
     height: 26px;
   }

   .step-warp .step-warp-handle {
     height: 26px;
     width: 26px;
   }

   .step-warp .step-warp-value {
     height: 26px;
     width: 44px;
     text-align: center;
   }

   .moi-product-sku-multiple-table tbody td {
     min-height: 44px;
     box-sizing: border-box;
   }

   .moi-product-sku-multiple-table thead td {
     padding: 8px 10px;
   }

   .moi-product-sku-multiple-table tbody td {
     padding: 8px 10px;
   }

 }

 .product-detail-skuspu {
   word-break: break-all;
 }

 .test {
   display: block;
 }



 .page-router-nav {
   color: #737373;
   font-size: 14px;
   line-height: 22px;
   padding: 16px 0;
   background: #F6F6F6;
 }

 .page-router-nav-warp {
   margin: 0 auto;
   max-width: var(--general_layout_width);
 }

 .page-router-nav a {
   color: #999999;
   font-size: 14px;
   line-height: 17px;
 }

 .page-router-nav .on {
   color: #666666;
   overflow: hidden;
 }

 .page-router-nav span {
   padding: 0 4px;
 }

 .item-caption .product_price,
 .product_price_tag {
   display: inline-flex;
   padding: 1px 8px;
   border-radius: calc(max(4px, var(--button_border_radius)));
 }

 /* 商品详情页强制图片比例 */

 #product_detail .control-product_detail-picture_item img {
   object-fit: var(--producr_details_fit, cover) !important;
 }

 #product_detail .product_cardimg-picture-crop-11 {
   aspect-ratio: 1 / 1 !important;
 }

 #product_detail .product_cardimg-picture-crop-11 img {
   position: static;
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 #product_detail .product_cardimg-picture-crop-34 {
   aspect-ratio: 3 / 4 !important;
 }

 #product_detail .product_cardimg-picture-crop-34 img {
   position: static;
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 #product_detail .product_cardimg-picture-crop-23 {
   aspect-ratio: 2 / 3 !important;
 }

 #product_detail .product_cardimg-picture-crop-23 img {
   position: static;
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 #product_detail .product_cardimg-picture-crop-12 {
   aspect-ratio: 1 / 2 !important;
 }

 #product_detail .product_cardimg-picture-crop-12 img {
   position: static;
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 /* 供应商名称样式 */
 .supplier_name {
   font-size: 14px;
   color: #999999;
 }

 .supplier_name.product_flex_center {
   text-align: center;
 }

 /* 批量加购表格样式 */
 @media screen and (max-width: 767px) {
   .sp_table_content.step-items-end {
     display: table-cell;
   }

   .sp_table_content.step-items-end .step-items-center {
     width: 100%;
     justify-content: flex-end;
   }
 }

 /*  */
 .inline_center {
   display: inline-flex;
   align-items: center;

 }

 .justify-self-start {
   justify-self: start;
 }

 .justify-self-center {
   justify-self: center;
 }

 .justify-self-end {
   justify-self: end;
 }

 @media screen and (min-width: 767px) {
   .plugin-container-tabbar_fix {
     display: grid !important;
     grid-template-columns: 1fr auto 1fr;
   }
 }

 @media screen and (max-width: 768px) {
   .plugin-container-tabbar_fix .plugin-container-tabbar {
     display: none;
   }

 }

 /*========== addresses ===========*/
 .address-box {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   flex-direction: column;
 }

 .address-box .address-item {
   width: 100%;
   max-width: 450px;
   margin-bottom: 20px;
   box-sizing: border-box;
 }

 .address-box .address-item-warp {
   background: #f5f5f5;
   padding: 20px 20px 0 20px;
   height: 100%;
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   position: relative;
 }

 .address-box .address-item-warp .address-item-cell {
   color: var(--color-text-high);
   font-size: 14px;
   line-height: 26px;
   /* margin-bottom: 8px; */
   font-weight: 300;
 }

 .address-box .address-item-warp .address-item-name {
   color: var(--color-main);
   font-size: 14px;
   line-height: 26px;
   margin-top: 15px;
   font-weight: bold;
 }

 .address-box .address-item-warp .address-handle {
   padding: 23px 0;
   display: flex;
   justify-content: flex-end;
   align-items: center;
   margin-top: auto;
 }

 .address-box .address-item-warp .address-handle .address-handle-item {
   display: flex;
   align-items: center;
   color: var(--color-main);
   font-size: 14px;
   text-decoration: underline;
   line-height: 18px;
   margin-left: 40px;
   cursor: pointer;
 }

 .address-box .address-item-warp .address-handle .address-handle-item span {
   margin-right: 8px;
 }

 .address-box .address-item-warp .address-item-tag {
   position: absolute;
   right: 0;
   top: 0;
   width: 48px;
   height: 48px;
 }

 .address-box .address-item-warp .address-item-tag:after {
   content: "";
   position: absolute;
   right: 0;
   top: 0;
   border-top: 48px solid #1d1f21;
   border-left: 48px solid transparent;
 }

 .address-box .address-item-warp .address-item-tag svg {
   fill: #fff;
   position: absolute;
   z-index: 9;
   right: 6px;
   top: 6px;
 }

 .account_addresses_default .back-box {
   padding: 30px 0;
 }

 .account_addresses_default .back-box a {
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .account_addresses_default .back-box span {
   margin-left: 10px;
   color: var(--color-main);
   font-weight: 500;
 }

 .addaddress_btn {
   display: flex;
   justify-content: center;
   width: 100%;
 }

 .addaddress_btn a {
   margin: 0;
   width: 100%;
   max-width: 450px;
   box-sizing: border-box;
 }

 @media screen and (max-width: 767px) {
   .address-box {
     margin-top: 0;
   }
 }

 /*========== changepassword ===========*/
 .account_changepassword_default .back-box {
   padding: 30px 0;
 }

 .account_changepassword_default .back-box a {
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .account_changepassword_default .back-box span {
   margin-left: 10px;
   color: var(--color-main);
   font-weight: 500;
 }

 /*========== account_default ===========*/

 .account_default_default .describe-box {
   text-align: center;
 }

 .account_default_default .describe-box .describe-box-title {
   font-size: 1.2857142857rem;
   color: var(--color-main);
 }

 .account_default_default .describe-box .describe-box-label {
   font-size: 1rem;
   color: var(--color-text-medium);
   margin-top: 10px;
 }

 .account_default_default .account_default_link {
   display: flex;
   justify-content: center;
   margin-top: 20px;
 }

 .order_linked_servie {
   display: flex;
   justify-content: center;
   margin-top: 40px;
 }

 .order_linked_servie.order_detail_service .order_linked_servie_wrapper {
   max-width: 450px;
 }

 @media screen and (max-width: 767px) {
   .order_linked_servie.order_detail_service .order_linked_servie_wrapper {
     max-width: 100%;
   }
 }

 .order_linked_servie .order_linked_servie_wrapper {
   display: flex;
   border-top: 1px solid #dddddd;
   border-bottom: 1px solid #dddddd;
   padding: 24px 20px;
   box-sizing: border-box;
   justify-content: center;
   align-items: center;
   max-width: 360px;
   width: 100%;
 }

 .order_linked_servie .order_linked_servie_wrapper .service_left span {
   border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
   margin-right: 15px;
   overflow: hidden;
 }

 .order_linked_servie .order_linked_servie_wrapper .service_left span img {
   width: 40px;
   height: 40px;
   object-fit: cover;
 }

 .order_linked_servie .order_linked_servie_wrapper .service_left span svg {
   width: 36px;
   height: 36px;
 }

 .order_linked_servie .order_linked_servie_wrapper .service_left span svg path {
   fill: var(--color-main);
 }

 .order_linked_servie .order_linked_servie_wrapper .service_right .service_name {
   font-weight: 500;
   color: var(--color-main);
   max-width: 100%;
   font-size: 14px;
   word-break: break-all;
 }

 .order_linked_servie .order_linked_servie_wrapper .service_right .service_remark {
   color: var(--color-text-low);
   word-break: break-all;
   font-size: 14px;
 }

 .account_default_default .account_default_link_wapper {
   display: flex;
   flex-direction: column;
   max-width: 360px;
   width: 100%;
 }

 .account_default_default .account_default_link_wapper a {
   margin-top: 20px;
 }

 /*========== account_orders ===========*/
 .order-card-info {
   display: flex;
 }

 .order-card-info .order-card-info-picture {
   width: 80px;
   height: 80px;
   overflow: hidden;
   background-color: #f5f5f5;
   flex-shrink: 0;
 }

 .order-card-info .order-card-info-picture .order-card-info-picture-image {
   width: 80px;
   height: 80px;
   object-fit: contain;
 }

 .order-card-info .order-card-info-detail .order-card-info-title {
   color: var(--color-main);
   line-height: 20px;
   font-size: 14px;
 }

 .order-card-info .order-card-info-detail .order-card-info-sku {
   font-size: 14px;
   line-height: 20px;
   color: var(--color-text-medium);
   margin-top: 10px;
 }

 .order-card-info .order-card-info-detail .order-card-info-price {
   margin-top: 10px;
   color: var(--color-text-medium);
   height: 20px;
   font-size: 14px;
   line-height: 20px;
 }

 .order-card-info .order-card-info-detail .product_custom_option {
   margin-top: 10px;
   color: var(--color-text-medium);
   font-size: 14px;
   line-height: 20px;
   word-break: break-all;
 }

 .order-card {
   background: var(--color-table-background);
   margin-bottom: 30px;
 }

 .order-card .order-card-header dl {
   margin-top: 16px;
 }

 .order-card .order-card-header dt {
   font-weight: bold;
   font-size: 14px;
 }

 .order-card .order-card-header dd {
   font-size: 14px;
   margin-top: 10px;
 }

 .order-card .order-card-header .order-card-header-text {
   font-size: 14px;
   font-weight: 400;
   text-align: left;
   color: var(--color-text-medium);
   margin-right: 14px;
 }

 .order-card .order-card-number {
   display: flex;
   flex-direction: column;
   font-size: 14px;
 }

 .order-card .order-card-number .order-card-number-label {
   color: var(--color-text-medium);
 }

 .order-card .order-card-number .order-card-number-value {
   margin-top: 8px;
   color: var(--color-main);
 }

 .account_orders .order-card-info {
   flex: 1;
   display: flex;
   overflow: hidden;
 }

 .account_orders .order-card-info .order-card-info-picture {
   width: 80px;
   height: 80px;
   overflow: hidden;
   background-color: #f5f5f5;
   flex-shrink: 0;
   margin-right: 20px;
 }

 .account_orders .order-card-info .order-card-info-picture .order-card-info-picture-image {
   width: 80px;
   height: 80px;
   object-fit: contain;
 }

 .account_orders .order-card-info .order-card-info-detail {
   flex: 1;
   box-sizing: border-box;
   overflow: hidden;
 }

 .account_orders .order-card-info .order-card-info-detail .order-card-info-title {
   font-size: 14px;
   font-weight: 700;
   color: var(--color-main);
   overflow: hidden;
   word-break: break-all;
 }

 .account_orders .order-card-info .order-card-info-detail .order-card-info-sku {
   margin-top: 10px;
   font-size: 14px;
   font-weight: 300;
   color: var(--color-text-medium);
   overflow: hidden;
   word-break: break-all;
 }

 /* .account_orders .order-card-info .order-card-info-detail .order-card-info-price {
  font-weight: 300;
  margin-top: 10px;
  display: flex;
  color: var(--color-text-medium);
  align-items: center;
  height: 20px;
  font-size: 14px;
  line-height: 20px;
} */

 .account_orders .order-card {
   background: var(--color-table-background);
   margin-bottom: 30px;
 }

 .account_orders .order-card .order-card-header {
   padding: 0 20px 20px 20px;
   display: flex;
   justify-content: space-between;
   background: var(--color-table-header);
   flex-wrap: wrap;
 }

 .account_orders .order-card .order-card-header .order-card-header-text {
   font-size: 14px;
   font-weight: 500;
   text-align: left;
   color: var(--color-main);
   margin-right: 14px;
 }

 .account_orders .order-card .order-text-medium {
   font-size: 14px;
   color: var(--color-text-medium);
 }

 .account_orders .product-box {
   padding: 30px 0;
 }

 .account_orders .order-card .order-card-content {
   padding: 0 20px;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }

 .account_orders .order-card .order-card-content+.order-card-content {
   margin-top: 30px;
 }

 .account_orders .order-card .order-card-number {
   display: flex;
   flex-direction: column;
   font-size: 14px;
 }

 .account_orders .order-card .order-card-number .order-card-number-label {
   color: var(--color-text-medium);
 }

 .account_orders .order-card .order-card-number .order-card-number-value {
   margin-top: 8px;
   color: var(--color-main);
   font-weight: bold;
 }

 .account_orders .order-card .order-card-footer {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 14px 20px;
   border-top: 1px solid var(--color-divider);
   color: var(--color-text-medium);
 }

 .account_orders .order-card .order-card-footer .order-card-footer-full {
   font-size: 14px;
   color: #1d1f21;
   text-decoration: underline;
   cursor: pointer;
 }

 .account_orders .order-card .mobile-footer {
   display: none;
 }

 .order-card .order-card-handle {
   display: flex;
 }

 .order-card .order-card-handle .mo-btn+.mo-btn {
   margin-left: 10px;
 }

 .account_orders .order-card .mo-btn {
   min-width: 100px;
   margin-top: 0;
 }

 .account_orders .order-card .order-card-date {
   display: none;
 }

 @media screen and (max-width: 986px) {
   .order-card .order-card-header dl {
     width: calc(50% - 10px);
   }

   .account_orders .order-card .order-card-content {
     flex-direction: column;
     align-items: flex-start !important;
     padding: 0;
   }

   .account_orders .order-card .order-card-content+.account_orders .order-card .order-card-content {
     margin-bottom: 20px;
   }

   .account_orders .order-card .order-card-info,
   .account_orders .order-card .order-card-number,
   .account_orders .order-card .order-card-handle {
     width: 100% !important;
     max-width: 100% !important;
     box-sizing: border-box;
     padding: 0 20px;
   }

   .account_orders .order-card .order-card-number {
     margin-top: 6px;
     padding: 0 0 20px 120px;
     position: relative;
   }

   .account_orders .order-card .order-card-handle {
     display: flex;
     padding: 10px;
     justify-content: space-between;
   }

   .account_orders .order-card .order-card-footer {
     display: flex;
     flex-direction: column;
     padding: 0;
   }

   .account_orders .order-card .order-card-footer .order-card-footer-full {
     padding: 14px 0;
     width: 100%;
     text-align: center;
     border-bottom: 1px solid var(--color-divider);
   }

   .account_orders .order-card .order-card-footer .order-card-handle {
     padding: 20px;
   }

   .account_orders .order-card .order-card-footer .mo-btn {
     flex: 1;
     margin-left: 0 !important;
   }
 }

 @media screen and (max-width: 767px) {
   .account_orders .order-card .order-card-footer .order-card-handle {
     padding: 20px;
     flex-direction: column;
   }

   .order-card .order-card-handle .mo-btn+.mo-btn {
     margin-top: 10px;
     margin-left: 0;
   }
 }

 .account_orders .back-box {
   padding: 30px 0;
 }

 .account_orders .back-box a {
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .account_orders .back-box span {
   margin-left: 10px;
   color: var(--color-main);
   font-weight: 500;
 }

 /* ====== account_orders_default ====== */

 .order-header {
   display: flex;
   flex-direction: column;
   align-items: center;
 }

 .order-header .order-header-ID {
   margin-top: 22px;
   color: var(--color-main);
   font-size: 20px;
   line-height: 24px;
   font-weight: bold;
 }

 .order-header .order-header-date {
   margin-top: 10px;
   color: var(--color-text-low);
   font-size: 14px;
   line-height: 18px;
 }

 .order-header .order-header-cancel {
   margin-top: 10px;
   color: var(--color-main);
   font-size: 14px;
   line-height: 18px;
   text-decoration: underline;
   cursor: pointer;
 }

 .account_orderDetail_default .order-card-info-detail {
   padding: 0 20px;
   overflow: hidden;
 }

 .order-table {
   margin-top: 40px;
 }

 .order-table .order-table-header {
   height: 64px;
   padding: 0 24px;
   display: flex;
   align-items: center;
   /* justify-content: space-between;
  */

   background: var(--color-table-header);
 }

 .order-table .order-table-header .order-table-header-btns {
   display: flex;
   align-items: center;
 }

 .order-table .order-table-header .order-table-header-btns a+a {
   margin-left: 10px;
 }

 .order-table .order-table-header .order-table-title {
   height: 24px;
   font-size: 20px;
   font-weight: 700;
   color: var(--color-main);
   margin-right: auto;
 }

 .order-table .order-table-header .main_btn {
   margin-top: 0;
   height: 40px;
   line-height: 40px;
 }

 .order-table .order-table-body-info {
   padding: 30px 20px;
   display: flex;
   flex-wrap: wrap;
   background: var(--color-table-background);
 }

 .order-table .order-table-body-info dl {
   width: 33%;
   margin-bottom: 12px;
   padding-right: 12px;
   box-sizing: border-box;
 }

 .order-table .order-table-body-info dt {
   min-height: 18px;
   font-size: 14px;
   color: var(--color-main);
   margin-bottom: 12px;
   font-weight: bold;
 }

 .order-table .order-table-body-info dd {
   line-height: 22px;
   font-size: 14px;
   color: var(--color-text-medium);
 }

 .order-table .order-table-body-product {
   border-bottom: 1px solid var(--color-divider);
   background: var(--color-table-background);
 }

 .account_orderDetail_default .order-table .order-table-body-product .order-product-item {
   padding: 30px 22px;
   box-sizing: border-box;
   font-size: 14px;
 }

 .order-table .order-table-body-product .order-product-item .order-card-info-price {
   color: var(--color-main) !important;
 }

 .order-table .order-table-body-product .order-product-item+.order-product-item {
   border-top: 1px dashed var(--color-divider);
 }

 .order-table .mo-table-footer {
   padding: 30px 20px;
   display: flex;
   flex-direction: column;
   align-items: flex-end;
   background: var(--color-table-background);
 }

 .order-table .mo-table-footer .pay-cell {
   display: flex;
   font-size: 14px;
 }

 .order-table .mo-table-footer .pay-cell .pay-cell-labe {
   color: var(--color-text-medium);
   text-align: right;
 }

 .order-table .mo-table-footer .pay-cell .pay-cell-value {
   color: var(--color-main);
   width: 120px;
   text-align: right;
 }

 .order-table .mo-table-footer .pay-cell+.pay-cell {
   margin-top: 10px;
 }

 .order-table .mo-table-footer .pay-cell-total {
   font-size: 16px;
   font-weight: bold;
 }

 .order-table .mo-table-footer .pay-cell-total .pay-cell-labe {
   color: var(--color-main);
 }

 .order-table .mo-table-footer .pay-cell-total .pay-cell-value {
   color: var(--assist-color);
 }

 .account_orderDetail_default .order-product-header {
   padding: 0 20px;
   height: 70px;
   display: flex;
   align-items: center;
   color: var(--color-text-medium);
   box-sizing: border-box;
   background: var(--color-table-background);
   margin-top: 30px;
   font-size: 14px;
   border-bottom: 1px solid var(--color-divider);
 }

 @media screen and (max-width: 768px) {
   .order-product-header {
     display: none !important;
   }

   .order-card-info-price {
     display: flex !important;
     align-items: center;
     flex-wrap: wrap;
     margin-top: 10px;
   }

   .order-product-item .mo-col-6 {
     width: 100% !important;
   }

   .order-product-item .mo-col-2 {
     display: none !important;
   }

   .account_orderDetail_default .order-card-info-detail {
     padding: 0 0 0 20px;
     box-sizing: border-box;
     flex: 1;
     overflow: hidden;
   }

   .order-table .order-table-body-info dl {
     width: 50%;
     margin-bottom: 12px;
     padding-right: 12px;
     box-sizing: border-box;
   }
 }

 @media screen and (max-width: 767px) {
   .order-table {
     margin-top: 30px;
   }
 }

 .tracking-warp {
   margin-top: 30px;
   background-color: var(--color-table-background);
 }

 .tracking-warp .tracking-header {
   height: 64px;
   padding: 0 20px;
   /* font-size: 16px; */
   font-weight: 700;
   display: flex;
   align-items: center;
   border-bottom: 1px solid #dddddd;
 }

 .tracking-warp .tracking-item {
   display: flex;
   flex-direction: column;
   padding: 24px 20px;
   position: relative;
 }

 .tracking-warp .tracking-item .tracking-edge {
   position: absolute;
   right: 20px;
   top: 50%;
   margin-top: -3px;
   cursor: pointer;
   border-style: dashed;
   border-color: transparent;
   border-width: 6px;
   border-top-color: var(--color-main);
   border-top-style: solid;
   transition: all 0.3s;
   -webkit-transition: all 0.3s;
 }

 .tracking-warp .tracking-item .tracking-item-title {
   font-size: 16px;
   font-weight: bold;
   color: var(--color-main);
 }

 .tracking-warp .tracking-item .tracking-item-des {
   font-weight: 300;
   margin-top: 10px;
   font-size: 14px;
   color: var(--color-text-medium);
 }

 .tracking-warp .tracking-item+.tracking-item {
   border-top: 1px dashed var(--color-divider);
 }

 /* ==== account_profile ==== */
 .account_profile .profile-info {
   display: flex;
   flex-direction: column;
   align-items: center;
 }

 .account_profile .profile-info .profile-item {
   text-align: center;
   color: #888888;
   font-size: 14px;
   margin-bottom: 10px;
 }

 .account_profile .profile-info .profile-edit {
   color: var(--assist-color) !important;
   margin-top: 1.4285714286rem;
   text-decoration: underline;
 }

 /* ==== account_profilechange === */
 .order_checkbox {
   position: absolute;
   left: 0;
   top: 0;
   opacity: 0;
 }

 .checkbox_label {
   cursor: pointer;
   display: inline-block;
   position: relative;
   font-size: 14px;
   text-align: center;
   padding: 20px 0;
 }

 .checkbox_label .check_icon {
   display: inline-block;
   vertical-align: middle;
   height: 18px;
   width: 18px;
   border: 1px solid #1d1f21;
   background: #fff;
   box-sizing: border-box;
   text-align: center;
   margin-right: 10px;
   -webkit-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
   font-size: 0;
 }

 .checkbox_label .check_icon svg {
   height: 16px;
   width: 10px;
   opacity: 0;
   fill: #fff;
 }

 .order_checkbox:checked+span.check_icon {
   -webkit-box-shadow: 0 0 0 10px #1d1f21 inset;
   box-shadow: 0 0 0 10px #1d1f21 inset;
   border-color: #1d1f21;
 }

 .order_checkbox:checked+span.check_icon svg {
   opacity: 1;
 }

 .birthday-warp {
   display: flex;
   height: 46px;
   align-items: center;
   background-color: var(--color-input-background);
   padding: 0 14px;
   border: 2px solid var(--color-input-background);
   transition: all 0.5s;
   box-sizing: border-box;
   overflow: hidden;
   border-radius: var(--button_border_radius);
 }

 .birthday-warp span {
   font-size: 14px;
 }

 .birthday-warp .birthday-warp-label {
   color: var(--color-input-placeholder);
 }

 .birthday-warp:hover {
   border: 2px solid var(--color-main);
 }

 .birthday-warp .mo-form-input-none:focus {
   border: 2px solid var(--color-input-background);
 }

 /* ==== customer_login ==== */
 .customer_login #login-form {
   padding-bottom: 80px;
 }

 #login-form .mo-btn-reset {
   text-decoration: underline;
   color: var(--color-main);
   font-weight: 300;
   display: inline-block;
   text-align: center;
 }

 .customer_login_default {
   padding: 0 0 80px;
 }

 /* ==== customer_register ===== */
 .mo-checkbox {
   padding: 20px 0;
   text-align: left;
   display: flex;
   justify-content: center;
   font-size: 14px;
 }

 .mo-checkbox .mo-checkbox_input {
   width: 16px;
   height: 16px;
   border: 1px solid #1d1f21;
   margin-right: 10px;
   cursor: pointer;
   -webkit-appearance: none;
   box-shadow: 0 0 0 1px #1d1f21 inset;
   transition: box-shadow 1s;
 }

 .order_checkbox {
   position: absolute;
   left: 0;
   top: 0;
   opacity: 0;
 }

 .checkbox_label {
   font-size: 14px;
   cursor: pointer;
   display: inline-block;
   position: relative;
   text-align: center;
 }

 .checkbox_label .check_icon {
   display: inline-block;
   vertical-align: middle;
   height: 18px;
   width: 18px;
   border: 1px solid #1d1f21;
   background: #fff;
   box-sizing: border-box;
   text-align: center;
   margin-right: 10px;
   -webkit-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
   font-size: 0;
 }

 .checkbox_label .check_icon svg {
   height: 16px;
   width: 10px;
   opacity: 0;
   fill: #fff;
 }

 .order_checkbox:checked+span.check_icon {
   -webkit-box-shadow: 0 0 0 10px #1d1f21 inset;
   box-shadow: 0 0 0 10px #1d1f21 inset;
   border-color: #1d1f21;
 }

 .order_checkbox:checked+span.check_icon svg {
   opacity: 1;
 }

 .text-tip {
   padding: 20px 0 0 0;
   text-align: center;
   color: var(--color-main);
   font-weight: 300;
   font-size: 1rem;
 }

 .text-tip a {
   text-decoration: underline;
   margin-left: 2px;
 }

 .customer_register_default {
   padding: 0 0 80px;
   display: block;
 }

 /* ===== customer_order_linked_service =====  */
 .customer_register_default .mo-card-content .register-service {
   width: 100%;
   margin-bottom: 15px;
 }

 .customer_register_default .mo-card-content .register-service:empty {
   margin-bottom: 0;
 }

 .customer_register_default .mo-card-content .register-service .service-list {
   display: flex;
   align-items: center;
   justify-content: space-between;
   box-sizing: border-box;
   width: 100%;
   height: 54px;
   padding: 0 12px;
   font-size: 14px;
   border-radius: var(--button_border_radius);
   cursor: pointer;
 }

 .customer_register_default .mo-card-content .register-service #service-select {
   background-color: var(--color-input-background);
   position: relative;
 }

 #service_eror {
   color: #dc4845;
   display: none;
   font-size: 14px;
 }

 .customer_register_default .mo-card-content .register-service #service-select .service-left {
   padding-top: 18px;
 }

 .customer_register_default .mo-card-content .register-service #service-select.manual .service-left .service-img {
   display: none;
 }

 .customer_register_default .mo-card-content .register-service #service-select.manual .service-left .name {
   display: none;
 }

 .customer_register_default .mo-card-content .register-service #service-select.manual .service_label {
   top: 50%;
   transform: translateY(-50%);
   font-size: 14px;
 }

 .customer_register_default .mo-card-content .register-service #service-select .service_label {
   position: absolute;
   left: 12px;
   top: 5px;
   font-size: 12px;
   color: #aaaaaa;
   transition: top 0.1s ease, font-size 0.1s ease;
 }

 .customer_register_default .mo-card-content .register-service .service-list .service-left {
   display: flex;
   align-items: center;
 }

 .customer_register_default .mo-card-content .register-service .service-list .service-left .name {
   overflow: hidden;
   text-overflow: ellipsis;
   word-wrap: break-word;
   word-break: normal;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   flex: 1;
   font-size: 14px;
 }

 .customer_register_default .mo-card-content .register-service .service-list span {
   display: flex;
   align-items: center;
   border-radius: 50%;
   margin-right: 10px;
   overflow: hidden;
 }

 .customer_register_default .mo-card-content .register-service .service-list .service-left span img {
   width: 26px;
   height: 26px;
   object-fit: cover;
   display: none;
 }

 .customer_register_default .mo-card-content .register-service .service-list .service-left span.show_img img {
   display: block;
 }

 .customer_register_default .mo-card-content .register-service .service-list .service-left span.show_svg svg {
   display: block;
 }

 .customer_register_default .mo-card-content .register-service .service-list .service-left span svg {
   width: 18px;
   height: 18px;
   display: none;
   margin-left: 4px;
 }

 .customer_register_default .mo-card-content .register-service .service-list .service-left span svg path {
   fill: var(--main_color);
 }

 .customer_register_default .mo-card-content .register-service .service-list .service-right svg {
   width: 19px;
   height: 11px;
   transition: all 0.3s;
 }

 .customer_register_default .mo-card-content .register-service .service-list .service-right svg path {
   fill: #707070;
 }

 .customer_register_default .mo-card-content .register-service .service-list .service-right.show-options svg {
   transform: rotate(180deg);
 }

 .customer_register_default .mo-card-content .register-service .service_option {
   background: #ffffff;
   box-shadow: 0px 6px 12px 2px rgba(0, 0, 0, 0.16);
   border-radius: var(--button_border_radius);
   box-sizing: border-box;
   padding: 10px 0;
   margin-top: 10px;
   display: none;
   max-height: 400px;
   overflow-y: scroll;
 }

 .customer_register_default .mo-card-content .register-service .service_option::-webkit-scrollbar {
   display: none;
 }

 /* ===== customer_resetpassword =====  */
 .customer_resetpassword_default .reset-code,
 .customer_register_default .reset-code {
   height: 50px;
   line-height: 50px;
   font-size: 1rem;
   cursor: pointer;
   color: #fff;
   text-align: center;
   border-radius: var(--button_border_radius);
   background-color: var(--color-main);
 }

 .customer_resetpassword_default .reset-code-prohibit,
 .customer_register_default .reset-code-prohibit {
   background-color: var(--disable-color);
 }

 .customer_resetpassword_default .text-tip {
   padding: 20px 0 0 0;
   text-align: center;
   color: var(--color-main);
   font-weight: 300;
   font-size: 1rem;
 }

 .customer_resetpassword_default .text-tip a {
   text-decoration: underline;
   margin-left: 2px;
 }

 .order-card-info .order-card-info-detail .order-card-info-title,
 .account_orders .order-card-info .order-card-info-detail .order-card-info-title {
   line-height: 24px;
 }

 .order-card-info .order-card-info-detail .order-card-info-sku,
 .account_orders .order-card-info .order-card-info-detail .order-card-info-sku,
 .order-card-info .order-card-info-detail .product_custom_option,
 .order-card-info .order-card-info-detail .product_custom_option {
   margin-top: 0 !important;
   line-height: 24px;
 }

 @media screen and (max-width: 767px) {

   .order-card-info .order-card-info-detail .order-card-info-sku,
   .account_orders .order-card-info .order-card-info-detail .order-card-info-sku,
   .order-card-info .order-card-info-detail .product_custom_option,
   .order-card-info .order-card-info-detail .product_custom_option {
     line-height: 28px;
   }
 }

 .account_orderDetail_default .buy_again {
   margin-top: 0;
 }

 @media screen and (max-width: 767px) {
   .account_orderDetail_default .buy_again_warp {
     display: flex;
     flex-direction: column;
     height: auto;
     padding: 20px;
     justify-content: center;
   }

   .account_orderDetail_default .buy_again_warp .order-table-title {
     margin: auto;
   }

   .account_orderDetail_default .buy_again_warp .order-table-header-btns {
     margin-top: 20px;
     width: 100%;
   }

   .account_orderDetail_default .buy_again_warp .order-table-header-btns a {
     flex: 1;
   }
 }

 .tracking-item-header {
   display: flex;
   justify-content: space-between;
 }

 .tracking-item-delivery {
   cursor: pointer;
   text-decoration: underline;
 }

 /* 关联商品数据 */
 .delivery-product-popup {
   width: 528px;
   border-radius: 6px;
   background-color: #fff;
 }

 @media screen and (max-width: 767px) {
   .delivery-product-popup {
     width: 98vw;
   }
 }

 .delivery-product-popup .delivery-product-header {
   display: flex;
   padding: 0 32px;
   height: 70px;
   justify-content: space-between;
   align-items: center;
   font-size: 16px;
   color: #000;
   border-bottom: 1px solid #eee;
 }

 .delivery-product-popup .delivery-product-header .cart-header-claer {
   cursor: pointer;
 }

 .delivery-product-popup .delivery-product-box {
   padding: 32px;
 }

 .delivery-product-item {
   display: flex;
 }

 .delivery-product-item+.delivery-product-item {
   margin-top: 20px;
 }

 .delivery-product-item .delivery-product-item-img {
   width: 100px;
   height: 100px;
   display: inline-block;
 }

 .delivery-product-item .delivery-product-item-img img {
   width: 100%;
   height: 100%;
   object-fit: contain;
 }

 .delivery-product-item-content {
   flex: 1;
   flex-shrink: 0;
   margin-left: 20px;
 }

 .delivery-product-item-content .delivery-product-title {
   cursor: pointer;
   display: -webkit-box;
   overflow: hidden;
   font-size: var(--product_font_size);
   color: var(--title_color);
   word-break: break-all;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
 }

 .delivery-product-item-content .delivery-product-sku {
   color: #666666;
 }

 .delivery-product-item-content .delivery-product-number {
   color: #666666;
 }

 .delivery-product-item-content .delivery-product-price {
   color: var(--buying_parice_color);
 }

 .tracking-warp .refund-item {
   display: flex;
   flex-direction: column;
   padding: 24px 20px;
   position: relative;
 }

 .tracking-warp .refund-item .refund-edge {
   position: absolute;
   right: 20px;
   top: 50%;
   margin-top: -3px;
   cursor: pointer;
   border-style: dashed;
   border-color: transparent;
   border-width: 6px;
   border-top-color: var(--color-main);
   border-top-style: solid;
   transition: all 0.3s;
   -webkit-transition: all 0.3s;
 }

 .tracking-warp .refund-item+.refund-item {
   border-top: 1px dashed #dddddd;
 }

 .tracking-warp .refund-item .refund-item-title {
   font-size: 16px;
   font-weight: bold;
   color: var(--color-main);
 }

 .tracking-warp .refund-item .refund-item-des {
   font-weight: 300;
   margin-top: 10px;
   font-size: 14px;
   color: var(--color-text-medium);
 }

 .refund-item-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }

 .refund-item-delivery {
   flex: 1;
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-left: 40px;
 }

 .refund-item-delivery-btn {
   font-size: 16px;
   cursor: pointer;
   text-decoration: underline;
   font-weight: 300;
   color: var(--color-text-medium);
 }

 @media screen and (max-width: 767px) {
   .refund-item-delivery {
     margin-left: 0;
   }

   .refund-item-header {
     flex-direction: column;
     align-items: start;
   }

   .refund-item-delivery {
     width: 100%;
     margin: 10px 0;
   }
 }


 /* Transaction terms style */
 .register_trms .checkbox_label {
   text-align: left;
   padding: 0px;
   margin: 5px 0;
   position: relative;
   display: flex;
   justify-content: flex-start;
 }

 .register_trms .checkbox_label .check_icon {
   flex-shrink: 0;
 }

 .register_trms #transaction_terms {
   display: flex;
   flex-direction: column;
 }

 .register_trms .checkbox_label.error_label::after {
   content: '';
   position: absolute;
   height: calc(100% + 4px);
   width: calc(100% + 20px);
   box-shadow: 0 0 0 2px #e32c2b;
   left: -10px;
   top: -2px;
 }

 #terms_detail_popup {
   width: 90vw;
   max-width: 560px;
   background-color: #ffffff;
   padding: 0 20px;
   box-sizing: border-box;
 }

 #terms_detail_popup .terms_title {
   font-size: 18px;
   color: #1d1f21;
   justify-content: space-between;
   align-items: center;
   display: flex;
   position: relative;
 }

 #terms_detail_popup .terms_title::after {
   position: absolute;
   width: 100%;
   bottom: -1px;
   border-bottom: 1px solid #dddddd;
   content: "";
 }

 #terms_detail_popup .terms_title::before {
   position: absolute;
   top: 0;
   bottom: 0;
   right: 30px;
   width: 120px;
   background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.04) 0%, #FFFFFF 100%);
   content: "";
   z-index: 100;
   pointer-events: none;
 }

 #terms_detail_popup .terms_title .terms_close_btn {
   align-items: center;
   display: flex;
   cursor: pointer;
 }

 #terms_detail_popup .terms_title ul {
   display: flex;
   overflow-x: auto;
   gap: 16px;
   flex: 1;
   position: relative;
   margin-right: 10px;
   scrollbar-width: none;
 }

 #terms_detail_popup .terms_title ul li {
   padding: 15px 0;
   cursor: pointer;
   color: #999;
   max-width: 255px;
   flex-shrink: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }

 #terms_detail_popup .terms_title ul li.active {
   color: #1d1f21;
   border-bottom: 2px solid #1d1f21;
 }

 #terms_detail_popup .terms_content_box {
   padding: 20px 0;
   max-height: 50vh;
   min-height: 266px;
   font-size: 14px;
   line-height: 18px;
   color: #333333;
   font-family: Montserrat-Light, Montserrat;
   overflow-y: auto;
   overflow-x: hidden;
   white-space: pre-wrap;
   border-bottom: 1px solid #dddddd;
 }

 #terms_detail_popup .terms_footer {
   padding: 20px 0;
   gap: 20px;
   display: flex;
   align-items: center;
   justify-content: flex-end;
 }

 #terms_detail_popup .terms_footer .main_btn {
   margin-top: 0;
 }

 .testuploadcdss {
   display: block;
 }