/* 示范店详情页轮播图 */


.icon {
	position: relative;
	display: inline-block;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	text-rendering: auto;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon.pull-left {
	margin-right: .3em;
}
.icon.pull-right {
	margin-left: .3em;
}
.icon.icon-circle {
	position: relative;
	margin: .5em;
}
.icon.icon-circle:before {
	position: relative;
	z-index: 1;
}
.icon.icon-circle:after {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 0;
	width: 2em;
	height: 2em;
	content: "";
	background-color: inherit;
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.icon.icon-lg {
	font-size: 1.33333333em;
	vertical-align: -15%;
}
.icon.icon-2x {
	font-size: 2em;
}
.icon.icon-3x {
	font-size: 3em;
}
.icon.icon-4x {
	font-size: 4em;
}
.icon.icon-5x {
	font-size: 5em;
}
.icon.icon-fw {
	width: 1.28571429em;
	text-align: center;
}
.icon.icon-ul {
	padding-left: 0;
	margin-left: 2.14285714em;
	list-style-type: none;
}
.cover {
	overflow: hidden;
}
.cover-background {
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
}
.cover-image {
	width: 100%;
}
.cover-quote {
	position: relative;
	padding-left: 35px;
	margin-bottom: 0;
	border-left: none;
}
.cover-quote:before, .cover-quote:after {
	position: absolute;
	top: -20px;
	font-size: 4em;
}
.cover-quote:before {
	left: 0;
	content: open-quote;
}
.cover-quote:after {
	right: 0;
	visibility: hidden;
	content: close-quote;
}
.cover-quote.blockquote-reverse {
	padding-right: 35px;
	padding-left: 20px;
	border-right: none;
}
.cover-quote.blockquote-reverse:before {
	right: 0;
	left: auto;
	content: close-quote;
}
.cover-gallery .carousel-inner img {
	width: 100%;
}
.cover-iframe {
	width: 100%;
	border: 0 none;
}
/* ========================================================================
   Component: Overlay
 ========================================================================== */
.overlay {
	position: relative;
	display: inline-block;
	width: 100%;
	max-width: 100%;
	margin: 0;
	overflow: hidden;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}
.overlay > :first-child, .overlay .overlay-figure {
	width: 100%;
	max-width: 100%;
	margin-bottom: 0;
}
/* Sub-object `overlay-panel`
 ========================================================================== */
.overlay-panel {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 20px;
	color: #fff;
}
.overlay-panel a:not([class]) {
	color: inherit;
	text-decoration: underline;
}
.overlay-panel > :last-child {
	margin-bottom: 0;
}
.overlay-panel h1, .overlay-panel h2, .overlay-panel h3, .overlay-panel h4, .overlay-panel h5, .overlay-panel h6 {
	color: inherit;
}
/* Sub-object `overlay-hover`
 ========================================================================== */
.overlay-hover:not(:hover) .overlay-panel:not(.overlay-background-fixed) {
	opacity: 0;
}
/* Modifier `overlay-background`
 ========================================================================== */
.overlay-background {
	background: rgba(0, 0, 0, .5);
}
/* Modifier `overlay-image`
 ========================================================================== */
.overlay-image {
	width: 100%;
	max-width: 100%;
	padding: 0;
}
/* Modifier `overlay-shade`
 ========================================================================== */
.overlay-shade {
	background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(90%, rgba(255, 255, 255, .87)), to(#fff)) repeat scroll 0 0;
	background: rgba(0, 0, 0, 0) -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .87) 90%, #fff 100%) repeat scroll 0 0;
	background: rgba(0, 0, 0, 0) -o-linear-gradient(top, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .87) 90%, #fff 100%) repeat scroll 0 0;
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .87) 90%, #fff 100%) repeat scroll 0 0;
}
/* Position modifiers
 ========================================================================== */
.overlay-top {
	bottom: auto;
}
.overlay-bottom {
	top: auto;
}
.overlay-left {
	right: auto;
}
.overlay-right {
	left: auto;
}
/* Sub-object `overlay-icon`
 ========================================================================== */
.overlay-icon {
	font-size: 0;
	text-align: center;
}
.overlay-icon:before {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	content: "";
}
.overlay-icon .icon {
	display: inline-block;
	width: 32px;
	height: 32px;
	margin-right: 10px;
	margin-left: 10px;
	font-size: 32px;
	line-height: 1;
	color: #fff;
	text-decoration: none;
}
/* Sub-object `overlay-anchor`
 ========================================================================== */
.overlay-anchor {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
/* Transitions
 ========================================================================== */
.overlay-fade, .overlay-scale, .overlay-spin, .overlay-grayscale, .overlay-blur, [class*='overlay-slide'] {
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	-webkit-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: opacity -webkit-transform -webkit-filter, opacity -webkit-transform filter;
	-o-transition-property: opacity -o-transform filter;
	transition-property: opacity transform filter;
}
.overlay-fade {
	opacity: .7;
}
.overlay-hover:hover .overlay-fade {
	opacity: 1;
}
.overlay-scale {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.overlay-hover:hover .overlay-scale {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.overlay-spin {
	-webkit-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	-o-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
}
.overlay-hover:hover .overlay-spin {
	-webkit-transform: scale(1.1) rotate(3deg);
	-ms-transform: scale(1.1) rotate(3deg);
	-o-transform: scale(1.1) rotate(3deg);
	transform: scale(1.1) rotate(3deg);
}
.overlay-grayscale {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
}
.overlay-hover:hover .overlay-grayscale {
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
}
[class*='overlay-slide'] {
	opacity: 0;
}
/* Top */
.overlay-slide-top {
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
}
/* Bottom */
.overlay-slide-bottom {
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
}
/* Left */
.overlay-slide-left {
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
}
/* Right */
.overlay-slide-right {
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
}
/* Hover */
.overlay-hover:hover [class*='overlay-slide'] {
	opacity: 1;
	-webkit-transform: translateX(0) translateY(0);
	-ms-transform: translateX(0) translateY(0);
	-o-transform: translateX(0) translateY(0);
	transform: translateX(0) translateY(0);
}
.comments {
	padding: 0;
	margin: 0;
}
.comments .comment {
	border: none;
	border-bottom: 1px solid #e4eaec;
}
.comments .comment .comment:first-child {
	border-top: 1px solid #e4eaec;
}
.comments .comment .comment:last-child {
	border-bottom: none;
}
.comment {
	padding: 20px 0;
	margin: 0;
}
.comment .comment {
	padding-bottom: 20px;
	margin-top: 20px;
}
.comment .comment:last-child {
	padding-bottom: 0;
}
.comment-author, .comment-author:hover, .comment-author:focus {
	color: #37474f;
}
.comment-meta {
	display: inline-block;
	margin-left: 5px;
	font-size: 12px;
	color: #a3afb7;
}
.comment-content {
	margin-top: 5px;
}
.comment-content p {
	margin-bottom: 10px;
}
.comment-actions {
	margin-top: 10px;
	text-align: right;
}
.comment-actions a {
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}
.comment-actions a.icon {
	text-decoration: none;
}
.comment-actions a:last-child {
	margin-right: 0;
}
.comment-reply {
	margin: 22px 0 10px;
}
.comment-reply .form-group:last-child {
	margin-bottom: 0;
}
.chat-box {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #fff;
}
.chats {
	padding: 30px 15px;
}
.chat-avatar {
	float: right;
}
.chat-avatar .avatar {
	width: 30px;
}
.chat-body {
	display: block;
	margin: 10px 30px 0 0;
	overflow: hidden;
}
.steps {
	margin-bottom: 22px;
}
.steps.row {
	display: block;
	margin-right: 0;
	margin-left: 0;
}
.step {
	position: relative;
	padding: 12px 20px;
	margin: 0;
	font-size: inherit;
	color: #a3afb7;
	vertical-align: top;
	background-color: #f3f7f9;
	border-radius: 0;
}
.step-icon {
	float: left;
	margin-right: .5em;
	font-size: 20px;
}
.step-number {
	position: absolute;
	top: 50%;
	left: 20px;
	width: 40px;
	height: 40px;
	font-size: 24px;
	line-height: 40px;
	color: #fff;
	text-align: center;
	background: #e4eaec;
	border-radius: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.step-number ~ .step-desc {
	min-height: 40px;
	margin-left: 50px;
}
.step-title {
	margin-bottom: 0;
	font-size: 20px;
	color: #526069;
}
.step-desc {
	text-align: left;
}
.step-desc p {
	margin-bottom: 0;
}
.steps-vertical .step {
	display: block;
	padding: 18px 20px;
}
.steps-vertical .step[class*="col-"] {
	float: none;
	width: 100%;
}
.step.current {
	color: #fff;
	background-color: #62a8ea;
}
.step.current .step-title {
	color: #fff;
}
.step.current .step-number {
	color: #62a8ea;
	background-color: #fff;
}
.step.disabled {
	color: #ccd5db;
	pointer-events: none;
	cursor: auto;
}
.step.disabled .step-title {
	color: #ccd5db;
}
.step.disabled .step-number {
	background-color: #ccd5db;
}
.step.error {
	color: #fff;
	background-color: #f96868;
}
.step.error .step-title {
	color: #fff;
}
.step.error .step-number {
	color: #f96868;
	background-color: #fff;
}
.step.done {
	color: #fff;
	background-color: #46be8a;
}
.step.done .step-title {
	color: #fff;
}
.step.done .step-number {
	color: #46be8a;
	background-color: #fff;
}
.steps-lg .step {
	padding: 20px 20px;
	font-size: 16px;
}
.steps-lg .step-icon {
	font-size: 22px;
}
.steps-lg .step-title {
	font-size: 22px;
}
.steps-lg .step-number {
	width: 46px;
	height: 46px;
	font-size: 28px;
	line-height: 46px;
}
.steps-lg .step-number ~ .step-desc {
	min-height: 46px;
	margin-left: 56px;
}
.steps-sm .step {
	font-size: 12px;
}
/*slick.css*/
/* Slider */
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list {
	position: relative;
	display: block;
	 overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}
.slick-track:before, .slick-track:after {
	display: table;
	content: '';
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide {
	float: right;
}
.slick-slide img {
	display: block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}

/*slick-theme.css*/
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list {
	background: #fff url(../img/ajax-loader.gif) center center no-repeat;
}
/* Icons */
@font-face {
	font-family: 'slick';
	font-weight: normal;
	font-style: normal;
	src: url(../../../templates/res017/min/widget/slick/./fonts/slick.eot);
	src: url(../fonts/slick.eot) format('embedded-opentype'), url(../fonts/slick.woff) format('woff'), url(../fonts/slick.ttf) format('truetype'), url(../fonts/slick.svg#slick) format('svg');
}
/* Arrows */
.slick-prev, .slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
	color: transparent;
	outline: none;
	background: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
	opacity: 1;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
	opacity: .25;
}
.slick-prev:before, .slick-next:before {
	font-family: 'slick';
	font-size: 20px;
	line-height: 1;
	opacity: .75;
	color: white;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
	left: -25px;
}
[dir='rtl'] .slick-prev {
	right: -25px;
	left: auto;
}
.slick-prev:before {
	content: '←';
}
[dir='rtl'] .slick-prev:before {
	content: '→';
}
.slick-next {
	right: -25px;
}
[dir='rtl'] .slick-next {
	right: auto;
	left: -25px;
}
.slick-next:before {
	content: '→';
}
[dir='rtl'] .slick-next:before {
	content: '←';
}
/* Dots */
.slick-dotted.slick-slider {
	margin-bottom: 30px;
}
.slick-dots {
	position: absolute;
	bottom: -25px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}
.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 20px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}
.slick-dots li button:hover, .slick-dots li button:focus {
	outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
	opacity: 1;
}
.slick-dots li button:before {
	font-family: 'slick';
	font-size: 6px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	content: '•';
	text-align: center;
	opacity: .25;
	color: black;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
	opacity: .75;
	color: black;
}

/*animate.css*/
@charset "UTF-8";
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */

.animated {
	animation-duration: 1s;
	animation-fill-mode: both;
}
.animated.infinite {
	animation-iteration-count: infinite;
}
.animated.hinge {
	animation-duration: 2s;
}
.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut {
	animation-duration: .75s;
}
 @keyframes bounce {
 from, 20%, 53%, 80%, to {
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 transform: translate3d(0, 0, 0);
}
 40%, 43% {
 animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 transform: translate3d(0, -30px, 0);
}
 70% {
 animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 transform: translate3d(0, -15px, 0);
}
 90% {
 transform: translate3d(0, -4px, 0);
}
}
.bounce {
	animation-name: bounce;
	transform-origin: center bottom;
}
 @keyframes flash {
 from, 50%, to {
 opacity: 1;
}
 25%, 75% {
 opacity: 0;
}
}
.flash {
	animation-name: flash;
}

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

@keyframes pulse {
 from {
 transform: scale3d(1, 1, 1);
}
 50% {
 transform: scale3d(1.05, 1.05, 1.05);
}
to {
 transform: scale3d(1, 1, 1);
}
}
.pulse {
	animation-name: pulse;
}
 @keyframes rubberBand {
 from {
 transform: scale3d(1, 1, 1);
}
 30% {
 transform: scale3d(1.25, 0.75, 1);
}
 40% {
 transform: scale3d(0.75, 1.25, 1);
}
 50% {
 transform: scale3d(1.15, 0.85, 1);
}
 65% {
 transform: scale3d(.95, 1.05, 1);
}
 75% {
 transform: scale3d(1.05, .95, 1);
}
to {
 transform: scale3d(1, 1, 1);
}
}
.rubberBand {
	animation-name: rubberBand;
}
 @keyframes shake {
 from, to {
 transform: translate3d(0, 0, 0);
}
 10%, 30%, 50%, 70%, 90% {
 transform: translate3d(-10px, 0, 0);
}
 20%, 40%, 60%, 80% {
 transform: translate3d(10px, 0, 0);
}
}
.shake {
	animation-name: shake;
}
 @keyframes headShake {
 0% {
 transform: translateX(0);
}
 6.5% {
 transform: translateX(-6px) rotateY(-9deg);
}
 18.5% {
 transform: translateX(5px) rotateY(7deg);
}
 31.5% {
 transform: translateX(-3px) rotateY(-5deg);
}
 43.5% {
 transform: translateX(2px) rotateY(3deg);
}
 50% {
 transform: translateX(0);
}
}
.headShake {
	animation-timing-function: ease-in-out;
	animation-name: headShake;
}
 @keyframes swing {
 20% {
 transform: rotate3d(0, 0, 1, 15deg);
}
 40% {
 transform: rotate3d(0, 0, 1, -10deg);
}
 60% {
 transform: rotate3d(0, 0, 1, 5deg);
}
 80% {
 transform: rotate3d(0, 0, 1, -5deg);
}
to {
 transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
	transform-origin: top center;
	animation-name: swing;
}
 @keyframes tada {
 from {
 transform: scale3d(1, 1, 1);
}
 10%, 20% {
 transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
 30%, 50%, 70%, 90% {
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
 40%, 60%, 80% {
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
 transform: scale3d(1, 1, 1);
}
}
.tada {
	animation-name: tada;
}

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

@keyframes wobble {
 from {
 transform: none;
}
 15% {
 transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
 30% {
 transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
 45% {
 transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
 60% {
 transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
 75% {
 transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
 transform: none;
}
}
.wobble {
	animation-name: wobble;
}
 @keyframes jello {
 from, 11.1%, to {
 transform: none;
}
 22.2% {
 transform: skewX(-12.5deg) skewY(-12.5deg);
}
 33.3% {
 transform: skewX(6.25deg) skewY(6.25deg);
}
 44.4% {
 transform: skewX(-3.125deg) skewY(-3.125deg);
}
 55.5% {
 transform: skewX(1.5625deg) skewY(1.5625deg);
}
 66.6% {
 transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
 77.7% {
 transform: skewX(0.390625deg) skewY(0.390625deg);
}
 88.8% {
 transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
	animation-name: jello;
	transform-origin: center;
}
 @keyframes bounceIn {
 from, 20%, 40%, 60%, 80%, to {
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
 0% {
 opacity: 0;
 transform: scale3d(.3, .3, .3);
}
 20% {
 transform: scale3d(1.1, 1.1, 1.1);
}
 40% {
 transform: scale3d(.9, .9, .9);
}
 60% {
 opacity: 1;
 transform: scale3d(1.03, 1.03, 1.03);
}
 80% {
 transform: scale3d(.97, .97, .97);
}
to {
 opacity: 1;
 transform: scale3d(1, 1, 1);
}
}
.bounceIn {
	animation-name: bounceIn;
}
 @keyframes bounceInDown {
 from, 60%, 75%, 90%, to {
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
 0% {
 opacity: 0;
 transform: translate3d(0, -3000px, 0);
}
 60% {
 opacity: 1;
 transform: translate3d(0, 25px, 0);
}
 75% {
 transform: translate3d(0, -10px, 0);
}
 90% {
 transform: translate3d(0, 5px, 0);
}
to {
 transform: none;
}
}
.bounceInDown {
	animation-name: bounceInDown;
}
 @keyframes bounceInLeft {
 from, 60%, 75%, 90%, to {
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
 0% {
 opacity: 0;
 transform: translate3d(-3000px, 0, 0);
}
 60% {
 opacity: 1;
 transform: translate3d(25px, 0, 0);
}
 75% {
 transform: translate3d(-10px, 0, 0);
}
 90% {
 transform: translate3d(5px, 0, 0);
}
to {
 transform: none;
}
}
.bounceInLeft {
	animation-name: bounceInLeft;
}
.slideInUp {
	animation-name: slideInUp;
}
 @keyframes slideOutDown {
 from {
 transform: translate3d(0, 0, 0);
}
to {
 visibility: hidden;
 transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
	animation-name: slideOutDown;
}
 @keyframes slideOutLeft {
 from {
 transform: translate3d(0, 0, 0);
}
to {
 visibility: hidden;
 transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
	animation-name: slideOutLeft;
}
 @keyframes slideOutRight {
 from {
 transform: translate3d(0, 0, 0);
}
to {
 visibility: hidden;
 transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
	animation-name: slideOutRight;
}
 @keyframes slideOutUp {
 from {
 transform: translate3d(0, 0, 0);
}
to {
 visibility: hidden;
 transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
	animation-name: slideOutUp;
}
/*metinfo.css*/
.less-link {
	color: #464646
}
.less-link:hover {
	color: #696969
}
.less-decorationnone {
	text-decoration: none
}
.less-decorationnone:active, .less-decorationnone:focus, .less-decorationnone:hover {
	text-decoration: none
}
.height-20 {
	height: 20px
}
.less-page-content {
	padding: 30px;
	background: #fff
}
.swiper-navtab .swiper-slide {
	width: auto
}
.swiper-navtab .swiper-container {
	z-index: 3
}
.slh, .pager li a {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
.slick-loading .slick-list {
	background: none
}
.slick-arrow {
	width: auto;
	height: auto;
	z-index: 1;
	color: #a1a1a1 !important
}
.slick-arrow:before, .slick-arrow:after {
	font-family: inherit;
	display: none
}
.slick-arrow:hover {
	color: #696969 !important
}
.slick-arrow.slick-next {
	right: 0
}
.slick-arrow.slick-prev {
	left: 0
}
.slick-arrow i {
	font-size: 30px
}
.slick-slide {
	outline: none
}
img.imgload:not([src*=base64]), img.slick-loading:not([src*=base64]) {
	-o-object-fit: none;
	object-fit: none
}
.hidden-pc {
	display: none
}
.btn-outline.btn-primary {
	color: #292929;
	border-color: #292929
}
.btn-primary {
	color: #fff;
	border-color: #292929;
	background-color: #292929
}
.btn-outline.btn-primary:focus, .btn-outline.btn-primary:hover, .btn-outline.btn-primary:active {
	color: #fff;
	background-color: #292929;
	border-color: #292929
}
.btn-primary.focus, .btn-primary:focus, .btn-primary:hover, .btn-primary:active {
	color: #292929;
	background-color: #fff;
	border-color: #292929
}
.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
	color: #292929;
	background-color: #fff;
	border-color: #292929
}
.pager li>a:focus, .pager li>a:hover {
	border-color: #444;
	color: #444
}
.modal-primary .modal-header {
	background-color: #444
}
.radio-primary input[type="radio"]:checked+label::before {
	border-color: #444
}
[class*=animation-] {
	-webkit-animation-duration: .6s;
	animation-duration: .6s
}
.blocks-2>li:nth-child(2n+3), .blocks-3>li:nth-child(3n+4), .blocks-4>li:nth-child(4n+5), .blocks-5>li:nth-child(5n+6), .blocks-6>li:nth-child(6n+7), .block-first {
	clear: none
}
body.met-navfixed {
/* padding-top: 60px */
}
.met-nav {
	min-height: 60px;
	margin-bottom: 0;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none
}
.met-nav [class*=animation-] {
	-webkit-animation-duration: .6s;
	animation-duration: .6s
}

/*
.met-nav .dropdown-menu>li>a:hover {
	background: #f2f2f2 none repeat scroll 0 0;
	text-indent: 5px;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out
}*/ 导航条文字选中动画效果  @media (min-width:768px) {
.met-nav .nav>li>a {
 padding: 0;
 height: 60px;
 line-height: 60px
}
.met-nav .dropdown-menu {
 top: 65px
}
.met-nav .dropdown-menu .dropdown-submenu>a:after {
 display: none
}
.met-nav .dropdown-menu .dropdown-submenu>a i {
 position: absolute;
 right: 10px
}
.met-nav .dropdown-menu.bullet {
 top: 60px
}
.met-nav .met-nav-login {
 height: 60px;
 padding-top: 0;
 margin-left: 10px
}
}

@-webkit-keyframes moveUp {
100% {
-webkit-transform:translateY(0);
transform:translateY(0);
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100)
}
}
@keyframes moveUp {
100% {
-webkit-transform:translateY(0);
transform:translateY(0);
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100)
}
}
.met-showproduct .met-showproduct-list {
/* min-height: 300px; */
	overflow: hidden;
	margin: 0
}
.met-showproduct .met-showproduct-list.slick-dotted {
	padding-bottom: 74px
}
.met-showproduct .met-showproduct-list .slick-track {
	/*  display: -webkit-box;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center  轮播多图修复 */
}
.met-showproduct .met-showproduct-list .slick-slide {
	width: 100%;
	cursor: -webkit-grab;
	cursor: grab
}
.met-showproduct .met-showproduct-list .slick-slide:first-child {
	display: block
}
.met-showproduct .met-showproduct-list .slick-slide span {
	display: inline-block
}
.met-showproduct .met-showproduct-list .slick-slide img {
	display: inline
}
.met-showproduct .met-showproduct-list .slick-dots {
	bottom: 0;
	overflow: hidden;
	z-index: 2
}
.met-showproduct .met-showproduct-list .slick-dots div {
	margin: auto;
	display: -webkit-box;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	position: relative
}
.met-showproduct .met-showproduct-list .slick-dots li {
	width: 64px;
	height: 54px;
	margin: 0 0 0 10px;
	opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);
	border: 2px solid #ddd
}
.met-showproduct .met-showproduct-list .slick-dots li:first-child {
	margin: 0
}
.met-showproduct .met-showproduct-list .slick-dots li.slick-active {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	border-color: #696969
}
.met-showproduct .met-showproduct-list .slick-dots li img {
	width: 60px;
	height: 50px;
	-o-object-fit: fill;
	object-fit: fill
}
.met-showproduct .met-showproduct-list .slick-arrow {
	width: 15%;
	height: 100%;
	top: 50%
}
.met-showproduct .met-showproduct-list .slick-arrow:hover i {
	color: #999
}
.met-showproduct .met-showproduct-list .slick-arrow.slick-prev {
	text-align: left
}
.met-showproduct .met-showproduct-list .slick-arrow.slick-next {
	text-align: right
}
.met-showproduct .met-showproduct-list .slick-arrow i {
	font-size: 70px;
	color: #ccc
}

@media (max-width:767px) {
.met-showproduct .met-showproduct-list .slick-arrow i {
	font-size: 50px
}
}
@media (min-width:768px) {
.met-showproduct.pagetype2 #shop-fashion-option .purchase-btn {
	margin-bottom: 20px
}
}
/*7-stroke.min.css*/
@font-face {
	font-family: Pe-icon-7-stroke;
	font-style: normal;
	font-weight: 400;
	src: url(../../../templates/res017/min/static/vendor/7-stroke/Pe-icon-7-stroke.eot?d7yf1v);
	src: url(../fonts/pe-icon-7-stroke.eot) format('embedded-opentype'), url(../fonts/pe-icon-7-stroke.woff) format('woff'), url(../fonts/pe-icon-7-stroke.ttf) format('truetype'), url(../fonts/pe-icon-7-stroke.svg) format('svg')
}
[class*=" pe-"], [class^=pe-] {
	position: relative;
	display: inline-block;
	font-family: Pe-icon-7-stroke;
	font-style: normal;
	font-weight: 400;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	text-rendering: auto;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.pe-world:before {
	content: "\e691"
}
.pe-angle-right:before {
	content: "\e684"
}
.pe-volume:before {
	content: "\e692"
}
.pe-angle-right-circle:before {
	content: "\e685"
}
.pe-users:before {
	content: "\e693"
}
.pe-angle-left:before {
	content: "\e686"
}
.pe-user-female:before {
	content: "\e694"
}
.pe-angle-left-circle:before {
	content: "\e687"
}
.pe-up-arrow:before {
	content: "\e695"
}
.pe-angle-down:before {
	content: "\e688"
}
.pe-switch:before {
	content: "\e696"
}
.pe-angle-down-circle:before {
	content: "\e689"
}
.pe-scissors:before {
	content: "\e697"
}
.pe-wallet:before {
	content: "\e600"
}
.pe-safe:before {
	content: "\e698"
}
.pe-volume2:before {
	content: "\e601"
}
.pe-volume1:before {
	content: "\e602"
}
.pe-voicemail:before {
	content: "\e603"
}
.pe-video:before {
	content: "\e604"
}
.pe-user:before {
	content: "\e605"
}
.pe-upload:before {
	content: "\e606"
}
.pe-unlock:before {
	content: "\e607"
}
.pe-umbrella:before {
	content: "\e608"
}
.pe-trash:before {
	content: "\e609"
}
.pe-tools:before {
	content: "\e60a"
}