* {

	box-sizing: border-box

}



body {

	overflow: visible;

	font-size: 18px;

	color: #333

}



body.no-scroll,

html.no-scroll {

	overflow: hidden;

	height: 100%

}



a {

	text-decoration: none

}



h1,

h2,

h3,

h4,

h5 {

	font-family: FZLTXH, Arial

}



h1 {

	font-size: 3em

}



h2,

h3 {

	font-size: 2.77em

}



li,

ul {

	list-style-type: none;

	padding: 0;

	margin: 0

}



sup {

	top: -.3em

}



br {

	font-family: none

}



.clearfix:after {

	display: block;

	content: "";

	clear: both

}



.container {

	max-width: 1200px;

	margin: 0 auto

}



#loading {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: #fff;

	z-index: 20

}



#loading .double-bounce1,

#loading .double-bounce2 {

	width: 100px;

	height: 100px;

	border-radius: 50%;

	background-color: #333;

	opacity: .6;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-bottom: -50px;

	margin-left: -50px;

	animation: sk-bounce 2s infinite ease-in-out

}



#loading .double-bounce2 {

	animation-delay: -1s

}



@font-face {

	font-family: FZLTXH;

	src: url(../fonts/fzltxhk.woff) format("woff"), url(../fonts/fzltxhk.woff2) format("woff2"), url(../fonts/fzltxhk.ttf) format("truetype");

	font-weight: 400;

	font-style: normal

}



@font-face {

	font-family: FZLTCH;

	src: url(../fonts/fzltch.woff) format("woff"), url(../fonts/fzltch.woff2) format("woff2"), url(../fonts/fzltch.ttf) format("truetype");

	font-weight: 400;

	font-style: normal

}



@font-face {

	font-family: MIUI-EX-LIGHT;

	src: url(../fonts/miui-ex-light.ttf) format("truetype");

	font-weight: 400;

	font-style: normal

}



@font-face {

	font-family: HUAMI8CSPORT;

	src: url(../fonts/huami8csport.ttf)

}



@font-face {

	font-family: Lato-Bold;

	src: url(../fonts/lato-bold.ttf)

}



@font-face {

	font-family: HYLLHJ;

	src: url(../fonts/hyllhj.woff) format("woff"), url(../fonts/hyllhj.woff2) format("woff2"), url(../fonts/hyllhj.ttf) format("truetype")

}



.FZLTCH {

	font-family: FZLTCH

}



.FZLTXH {

	font-family: FZLTXH

}



.HUAMI8CSPORT {

	font-family: HUAMI8CSPORT

}



.Lato-Bold {

	font-family: Lato-Bold

}



.fl {

	float: left

}



.fr {

	float: right

}



.quick-nav {

	height: 50px;

	width: 100%;

	position: fixed;

	top: 0;

	background-color: #fff;

	z-index: 100;

	display: none;

	border-bottom: 1px solid #ddd;

	opacity: .98;

	overflow: hidden

}



.quick-nav .container {

	max-width: 1200px;

	width: 100%;

	margin: 0 auto

}



.quick-nav ul {

	float: left;

	font-size: .8em;

	line-height: 50px;

	list-style: none;

	margin: 0;

	display: inline-block

}



.quick-nav ul li {

	float: left;

	margin-right: 40px

}



.quick-nav ul li a {

	color: #666

}



.quick-nav .buy {

	float: right;

	margin-top: 10px;

	margin-right: 10px;

	background-color: #fbcb2e;

	color: #fff;

	border-radius: 5px;

	line-height: 20px;

	padding: 5px 15px;

	font-size: .7em

}



.browserupgrade {

	display: block;

	position: absolute;

	margin: 0;

	width: 100%;

	height: 60px;

	line-height: 60px;

	z-index: 1000;

	background-color: #666;

	color: #fff;

	text-align: center

}



.browserupgrade a {

	color: #eee;

	text-decoration: underline

}



.browserupgrade a:hover {

	color: #eee

}



.no-scroll {

	overflow: hidden

}



.m-show {

	display: none

}



.pc-show {

	display: unset

}



.hide {

	display: none

}



span.pc-show {

	display: inline

}



.pc {

	min-width: 1200px

}



.mobile-version {

	display: none

}



.margin-header {

	margin-top: 60px

}



.section .buy {

	margin-top: 4em;

	text-align: center;

	background-color: #fbcb2e;

	color: #333

}



.go-up {

	position: fixed;

	margin-left: calc(50% + 620px);

	bottom: 18%;

	width: 80px;

	height: 80px;

	background: #fff url(../images/go-up.png) 50% no-repeat;

	border: 1px solid rgba(0, 0, 0, .07);

	border-radius: 8px;

	-ms-transform: translateY(300px);

	transform: translateY(300px);

	transition: all .3s, transform .5s

}



.go-up:hover {

	background-image: url(../images/go-up-hover.png)

}



.go-up.show {

	-ms-transform: translateY(0);

	transform: translateY(0)

}



@media screen and (min-width:768px) {

	.section article .buy.pc-show {

		display: block;

		width: 8em;

		height: 2.6666666667em;

		line-height: 2.7777777778em;

		font-size: .18em

	}



	.section article .buy.pc-show.auto {

		margin: 4em auto

	}



	.section article .buy.m-show {

		display: none

	}

}



@media screen and (max-width:768px) {

	.section .buy.pc-show {

		display: none

	}



	.section .buy.m-show {

		display: block !important;

		margin-top: 2em;

		background-color: #fbcb2e;

		color: #333;

		border-radius: 5px;

		font-size: .8rem;

		width: 80px;

		height: 30px;

		line-height: 30px

	}



	.section .buy.m-show.auto {

		margin: 2em auto

	}

}



@media (max-width:19200px) {

	body {

		font-size: 16px

	}



	h1,

	h2,

	h3 {

		margin-top: .3em

	}

}



@media (max-width:1400px) {

	body {

		font-size: 14px

	}



	h1,

	h2,

	h3 {

		margin-top: .3em

	}

}



@media (max-width:768px) {

	body.mobile {

		font-size: 12px

	}



	.margin-header {

		margin-top: 60px

	}



	.mobile .mobile-version {

		display: block;

		padding-top: 20px

	}



	.mobile .mobile-version img {

		display: block;

		width: 100%

	}



	.mobile h1,

	.mobile h2,

	.mobile h3,

	.mobile h4,

	.mobile h5 {

		font-family: FZLTCH

	}



	.mobile h1 {

		font-size: 2em

	}



	.mobile h2,

	.mobile h3 {

		font-size: 1.5em

	}



	.mobile .m-show {

		display: unset

	}



	.mobile .pc-show {

		display: none

	}



	.mobile .quick-nav ul {

		margin-left: 10px;

		font-size: .8rem

	}



	.mobile .quick-nav ul li {

		margin-right: 15px

	}



	.mobile .quick-nav ul li:last-child {

		margin-right: 0

	}



	.mobile .quick-nav .buy {

		font-size: .8rem

	}

}



@keyframes sk-bounce {



	0%,

	to {

		transform: scale(0)

	}



	50% {

		transform: scale(1)

	}

}



#header {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 60px;

	background: #212121;

	z-index: 10;

	overflow: visible

}



#header .container {

	position: relative;

	overflow: visible

}



#header .logo {

	position: relative;

	z-index: 1;

	float: left;

	width: 250px;

	height: 60px;

	margin-left: 10px;

	transition: .8s

}



#header .logo a {

	display: block;

	height: 100%

}



#header .logo img {

	margin-top: 16px;

	height: 28px

}



#header .language {

	float: right;

	line-height: 60px;

	min-width: 124px;

	text-align: center;

	font-size: 14px;

	box-shadow: 0 15px 30px rgba(0, 0, 0, .1);

	cursor: pointer

}



#header .language a {

	color: #fff

}



#header .language:hover {

	background-color: #fff;

	color: #333

}



#header .language:hover a {

	color: #333

}



#header .language:hover ul {

	display: block

}



#header .language ul {

	display: none

}



#header .language ul li {

	line-height: 20px;

	padding: 10px;

	background-color: #fff;

	border-top: 1px solid #b5b5b5;

	text-align: center

}



#header .language ul li a {

	font-size: 12px;

	color: #333

}



#nav {

	float: right;

	text-align: center

}



#nav ul {

	float: right;

	margin: 0 35px 0 0;

	font-size: .9em

}



#nav ul li {

	display: inline-block;

	*display: inline;

	*zoom: 1

}



#nav ul li a {

	display: block;

	padding: 0 18px;

	line-height: 60px;

	color: #ddd;

	cursor: pointer

}



#nav ul li a:hover {

	color: #fff

}



#nav ul li:hover .nav-children {

	height: 245px

}



#nav .nav-children {

	display: block;

	position: fixed;

	overflow: hidden;

	height: 0;

	left: 0;

	top: 60px;

	width: 100%;

	background-color: #fff;

	box-shadow: 0 15px 30px rgba(0, 0, 0, .1);

	transition: height .3s ease;

	z-index: 100

}



#nav .nav-children .container {

	margin: 38px auto;

	height: auto

}



#nav .nav-children .container img {

	vertical-align: top

}



#nav .nav-children .container ul {

	display: -ms-flexbox;

	display: flex;

	-ms-flex-align: center;

	align-items: center;

	float: none;

	height: 100%

}



#nav .nav-children .container ul li {

	display: block;

	float: none

}



#nav .nav-children .container ul li.product-item {

	width: 20%

}



#nav .nav-children .container ul li a {

	display: -ms-flexbox;

	display: flex;

	-ms-flex-pack: center;

	justify-content: center;

	-ms-flex-align: center;

	align-items: center;

	-ms-flex-direction: column;

	flex-direction: column;

	padding: 0;

	color: #8b8b8b;

	font-size: 14px

}



#nav .nav-children .container ul li a span {

	position: relative;

	margin-top: 19px;

	line-height: 1

}



#nav .nav-children .container ul li a span:after {

	content: "";

	position: absolute;

	left: 50%;

	bottom: -5px;

	height: 2px;

	width: 0;

	background-color: transparent;

	-ms-transform: translateX(-50%);

	transform: translateX(-50%);

	transition: all .3s ease-in-out

}



#nav .nav-children .container ul li a:hover span:after {

	width: 100%;

	background-color: #fbc72e

}



#nav .product-icon {

	display: -ms-flexbox;

	display: flex;

	-ms-flex-align: center;

	align-items: center;

	position: relative;

	height: 136px

}



#nav .product-icon img {

	vertical-align: middle;

	height: 100%

}



#nav .product-icon img.health-card {

	vertical-align: middle;

	height: 80%

}



#nav .product-icon img.clothes-icon {

	height: 80%

}



#nav .product-icon img.shoes-icon {

	height: 70%

}



#nav .product-bip-s-icon img,

#nav .product-gtr2-icon img,

#nav .product-gtr-icon img,

#nav .product-gts-icon img,

#nav .product-health-watch img,

#nav .product-nexo-icon img,

#nav .product-stratos-icon img {

	position: absolute;

	left: 50%;

	bottom: 0;

	-ms-transform: translateX(-50%);

	transform: translateX(-50%);

	transition: all .3s ease

}



#nav .product-bip-s-icon,

#nav .product-gtr2-icon,

#nav .product-gtr-icon,

#nav .product-gts-icon,

#nav .product-health-watch,

#nav .product-nexo-icon,

#nav .product-stratos-icon {

	width: 70px

}



#nav .product-bip-s-icon img:first-child {

	height: 92.5925925926%

}



#nav .product-bip-s-icon img:nth-child(2) {

	height: 95.0617283951%

}



#nav .product-bip-s-icon img:nth-child(3) {

	height: 97.5308641975%

}



#nav .product-bip-s-icon img:nth-child(4) {

	height: 100%

}



#nav .product-stratos-icon img:first-child {

	height: 91.9117647059%

}



#nav .product-stratos-icon img:nth-child(2) {

	height: 95.5882352941%

}



#nav .product-stratos-icon img:nth-child(3) {

	height: 100%

}



#nav .product-gts-icon img:first-child {

	height: 89.2857142857%

}



#nav .product-gts-icon img:nth-child(2) {

	height: 91.6666666667%

}



#nav .product-gts-icon img:nth-child(3) {

	height: 94.0476190476%

}



#nav .product-gts-icon img:nth-child(4) {

	height: 96.4285714286%

}



#nav .product-gts-icon img:nth-child(5) {

	height: 98.8095238095%

}



#nav .product-gts-icon img:nth-child(6) {

	height: 100%

}



#nav .product-gtr-icon img:first-child,

#nav .product-health-watch img:first-child {

	height: 91.9117647059%

}



#nav .product-gtr-icon img:nth-child(2),

#nav .product-health-watch img:nth-child(2) {

	height: 95.5882352941%

}



#nav .product-gtr2-icon img:first-child,

#nav .product-gtr-icon img:nth-child(3),

#nav .product-health-watch img:nth-child(3) {

	height: 100%

}



#nav .product-nexo-icon img:first-child {

	height: 91.9117647059%

}



#nav .product-nexo-icon img:nth-child(2) {

	height: 100%

}



#nav .stratos-3-href:hover .product-stratos-icon img:first-child {

	left: 100%

}



#nav .stratos-3-href:hover .product-stratos-icon img:nth-child(2) {

	left: 50%

}



#nav .stratos-3-href:hover .product-stratos-icon img:nth-child(3) {

	left: 0

}



#nav .gtr2-href:hover .product-gtr2-icon img:first-child {

	left: 80%

}



#nav .gtr2-href:hover .product-gtr2-icon img:nth-child(2) {

	left: 20%

}



#nav .gts-href:hover .product-gts-icon img:first-child {

	left: 100%

}



#nav .gts-href:hover .product-gts-icon img:nth-child(2) {

	left: 80%

}



#nav .gts-href:hover .product-gts-icon img:nth-child(3) {

	left: 60%

}



#nav .gts-href:hover .product-gts-icon img:nth-child(4) {

	left: 40%

}



#nav .gts-href:hover .product-gts-icon img:nth-child(5) {

	left: 20%

}



#nav .gts-href:hover .product-gts-icon img:nth-child(6) {

	left: 0

}



#nav .gtr-href:hover .product-gtr-icon img:first-child {

	left: 100%

}



#nav .gtr-href:hover .product-gtr-icon img:nth-child(2) {

	left: 50%

}



#nav .gtr-href:hover .product-gtr-icon img:nth-child(3) {

	left: 0

}



#nav .health-watch-href:hover .product-icon img:first-child {

	left: 100%

}



#nav .health-watch-href:hover .product-icon img:nth-child(2) {

	left: 50%

}



#nav .health-watch-href:hover .product-icon img:nth-child(3) {

	left: 0

}



#nav .bip-s-href:hover .product-bip-s-icon img:first-child {

	left: 100%

}



#nav .bip-s-href:hover .product-bip-s-icon img:nth-child(2) {

	left: 66.6666666667%

}



#nav .bip-s-href:hover .product-bip-s-icon img:nth-child(3) {

	left: 33.3333333333%

}



#nav .bip-s-href:hover .product-bip-s-icon img:nth-child(4) {

	left: 0

}



#nav .vertical-line {

	display: block;

	margin: 0 30px;

	width: 1px;

	height: 160px;

	background-color: rgba(51, 51, 51, .2)

}



#nav-btn {

	display: none

}



@media (max-width:768px) {

	.scroll-lock {

		position: fixed;

		width: 100%

	}



	#header {

		height: 60px

	}



	#header .container {

		width: 100%

	}



	#header .logo {

		width: 220px;

		height: 60px

	}



	#header .second-nav-bg,

	#header .second-nav-bg.show {

		display: none

	}



	#nav {

		position: fixed;

		top: 0;

		right: auto;

		bottom: 0;

		left: 100%;

		width: 300px;

		height: 100%;

		overflow-y: auto;

		background: #fff;

		transition: transform .3s;

		z-index: 2

	}



	#nav.show {

		-ms-transform: translate(-300px);

		transform: translate(-300px)

	}



	#nav ul {

		margin: 0 20px 0 0;

		padding: 60px 0;

		width: 260px

	}



	#nav ul li {

		display: block;

		border-bottom: 1px solid #eee

	}



	#nav ul li:hover ul {

		transition: none;

		height: 0

	}



	#nav ul li ul {

		position: static;

		padding: 0;

		margin: 0;

		height: 0 !important

	}



	#nav ul li ul.show {

		height: auto !important

	}



	#nav ul li ul li {

		width: 100%;

		margin: 0;

		padding: 15px 0 15px 20px

	}



	#nav ul li ul li a {

		-ms-flex-pack: left;

		justify-content: left;

		display: -ms-flexbox;

		display: flex;

		width: 230px

	}



	#nav ul li ul li a img {

		margin: 0 10px 0 0;

		height: 30px

	}



	#nav ul li a {

		height: auto;

		line-height: 50px;

		color: #666

	}



	#nav ul li a:hover {

		color: #666

	}



	#nav-btn {

		display: block;

		position: relative;

		float: right;

		width: 30px;

		height: 40px;

		margin: 10px 15px;

		cursor: pointer;

		-webkit-user-select: none;

		-moz-user-select: none;

		-ms-user-select: none;

		user-select: none;

		z-index: 3

	}



	#nav-btn span {

		top: 50%;

		margin: auto;

		transition: .3s

	}



	#nav-btn span,

	#nav-btn span:after,

	#nav-btn span:before {

		position: absolute;

		left: 0;

		width: 100%;

		height: 2px;

		background: #666;

		border-radius: 1px

	}



	#nav-btn span:after,

	#nav-btn span:before {

		content: "";

		display: block;

		transition: top .3s .3s, transform .3s 0

	}



	#nav-btn span:before {

		top: -8px

	}



	#nav-btn span:after {

		top: 8px

	}



	#nav-btn.act span {

		background: transparent

	}



	#nav-btn.act span:before {

		-ms-transform: rotate(45deg);

		transform: rotate(45deg);

		top: 0

	}



	#nav-btn.act span:after {

		-ms-transform: rotate(-45deg);

		transform: rotate(-45deg);

		top: 0

	}



	#nav-btn.act span:after,

	#nav-btn.act span:before {

		transition-delay: 0, .3s

	}



	.mobile #nav {

		overflow: scroll

	}



	.language {

		display: none

	}

}





#wechat_act {

	position: absolute;

	left: 50%;

	bottom: 40px;

	margin-left: -60px;

	width: 120px;

	height: 120px;

	display: none

}



@media (max-width:768px) {

	.mobile #wechat {

		display: none

	}

}



.app-slide {

	position: relative

}



.app-slide .content {

	position: relative;

	height: 100%;

	overflow: hidden

}



.app-slide .content:hover .left,

.app-slide .content:hover .right {

	opacity: 1

}



.app-slide .content .slides {

	width: 100000px;

	position: absolute;

	left: 0;

	top: 0;

	height: 100%

}



.app-slide .content .slides .bg {

	display: block;

	height: 100%;

	float: left

}



.app-slide .content .slides .item {

	height: 100%;

	float: left

}



.app-slide .content .slides .item img {

	width: 100%

}



.app-slide .content .slides .item-content {

	position: relative;

	height: 100%;

	width: 100%

}



.app-slide .content .slides .item-content img {

	width: 100%

}



.app-slide .content .items {

	display: none

}



.app-slide .indicator {

	position: absolute;

	bottom: 0;

	left: 50%;

	margin-left: -200px;

	width: 400px;

	padding: 20px;

	text-align: center

}



.app-slide .indicator .item {

	display: inline-block;

	height: 4px;

	width: 50px;

	margin: 0 3px;

	cursor: pointer;

	background-color: #acb0b4

}



.app-slide .indicator .item.current {

	background-color: #2b2b2d

}



.app-slide .indicator.point .item {

	height: 8px;

	width: 8px;

	background-color: #fff;

	border: 1px solid #333;

	border-radius: 4px

}



.app-slide .indicator.point .item.current {

	background-color: #333

}



.swiper-container {

	width: 100%;

	height: 100%

}



.left-arrow,

.right-arrow {

	position: absolute;

	top: 50%;

	margin-top: -36px;

	cursor: pointer;

	z-index: 10;

	transition: opacity 1s;

	opacity: 0

}



.left-arrow {

	left: 10px

}



.right-arrow {

	right: 10px

}



.swiper-container:hover .left-arrow,

.swiper-container:hover .right-arrow {

	opacity: 1

}



.purchase-area {

	background-color: #f3f3f3

}



.purchase-area video {

	width: 100%;

	outline: none

}



.purchase-area .purchase-header {

	background-color: #fff

}



.purchase-area .purchase-body {

	padding: 60px 0 0px

}



.purchase-area .buy {

	display: block;

	margin-top: 50px;

	width: 160px;

	height: 50px;

	color: #fff;

	text-align: center;

	line-height: 50px;

	background: #e60033;

	border-radius: 25px;

	transition: background .3s ease

}



.purchase-area .buy:hover {

	background: #be002a

}



.purchase-area h3.body-title {

	position: relative;

	margin: 30px 0 20px;

	line-height: 1;

	font-size: 20px;

	font-weight: 100;

	padding-left: 12px

}



.purchase-area h3.body-title:after {

	position: absolute;

	content: "";

	left: 0;

	top: 50%;

	width: 2px;

	height: 16px;

	background-color: #333;

	-ms-transform: translateY(-50%);

	transform: translateY(-50%)

}



.purchase-area h2 {

	/* font-family: FZLTCH, serif; */

	font-weight: 100;

	font-size: 28px

}



.purchase-area .price {

	display: -ms-flexbox;

	display: flex;

	-ms-flex-align: start;

	align-items: flex-start;

	color: #e30c39;

	font-size: 30px;

	/* font-family: Lato-Bold, serif; */

	font-weight: 100

}



.purchase-area .price strong span {

	font-family: FZLTXH, Arial

}



.purchase-area .price span:first-child {

	margin-top: 1%;

	font-size: 14px

}



.purchase-header {

	z-index: 1000

}



.purchase-header.is_fixed {

	position: fixed;

	width: 100%;

	top: 0

}



.purchase-header .container {

	height: 65px;

	position: relative

}



.purchase-header h2 {

	display: inline-block;

	margin: 0;

	font-size: 20px;

	font-weight: 100;

	line-height: 65px;

	height: 100%

}



.purchase-header a {

	display: inline-block;

	margin: 0 10px;

	color: #333

}



.purchase-header a:hover {

	color: #337ab7

}



.purchase-header a:last-child {

	margin-right: 0

}



.purchase-header .other-spec {

	display: inline-block;

	font-size: 16px;

	line-height: 65px;

	height: 100%;

	margin-left: 10px

}



.purchase-header .header-right {

	position: absolute;

	right: 0;

	top: 0;

	line-height: 65px;

	height: 100%

}



.purchase-body {

	margin: 0 auto;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-direction: row;

	flex-direction: row

}



.purchase-body .body-left {

	-ms-flex: 1;

	flex: 1

}



.body-right {

	width: 520px;

	margin-top:55px;

}

.body-a1 {

	margin-top:55px;

}

.body-right h2 {

	margin: 0;

	white-space: nowrap;

	font-size: 28px;

}

.aaaasku h1{

	font-size: 28px;

}

.body-right .body-article {

	padding-bottom: 0px;

}



.body-right .body-article p {

	margin: 1em 0 2em;

	line-height: 22px;

	font-size: 14px

}



.body-right .body-article .sell-point span {

	position: relative;

	display: inline-block;

	margin-right: 20px

}



.body-right .body-article .sell-point span:after {

	position: absolute;

	content: "";

	top: 50%;

	right: -10px;

	height: 14px;

	width: 2px;

	background-color: #333;

	-ms-transform: translateY(-50%) scaleX(.5);

	transform: translateY(-50%) scaleX(.5)

}



.body-right .body-article .sell-point span:last-child:after {

	display: none

}



.body-sku {

	padding-bottom: 20px

}



.sku-select a {

	display: -ms-inline-flexbox;

	display: inline-flex;

	-ms-flex-align: center;

	align-items: center;

	-ms-flex-pack: center;

	justify-content: center;

	margin-right: 15px;

	margin-bottom: 15px;

	color: #333;

	font-size: 16px;

	width: 160px;

	height: 42px;

	border: 1px solid #333;

	border-radius: 21px

}



.sku-select a:nth-child(3n) {

	margin-right: 0

}



.sku-select a.active {

	border-color: #337ab7;

}



.sku-select .kind-circle {

	margin-right: 10px;

	width: 16px;

	height: 16px;

	border-radius: 50%

}



.sku-select .iron-circle {

	border: 3px solid #be4946

}



.recommend-content {

	display: -ms-flexbox;

	display: flex;

	-ms-flex-pack: justify;

	justify-content: space-between;

	padding: 35px;

	border-radius: 10px;

	border: 1px solid rgba(0, 0, 0, .07);

	font-size: 14px

}



.recommend-content .recommend-name p {

	line-height: 18px;

	text-align: center

}



.recommend-content .recommend-item {

	display: -ms-flexbox;

	display: flex;

	-ms-flex-direction: column;

	flex-direction: column;

	-ms-flex-align: center;

	align-items: center;

	color: #333

}



.recommend-content .recommend-item img {

	height: 110px;

	vertical-align: top

}



.recommend-content .price {

	font-size: 20px

}



.body-left {

	/* padding: 56px 0 0 90px */

}



.sku-img-box {

	display: -ms-flexbox;

	display: flex;

	-ms-flex-direction: column;

	flex-direction: column;

	-ms-flex-align: center;

	align-items: center;

	width: 550px

}



.sku-img-box .swiper-sku {

	width: 100%;

	/* height: 450px; */

	overflow: hidden;

	position: relative

}



.sku-img-box .swiper-sku .video {

	position: absolute;

	top: 0;

	left: 0;

	width: 450px;

	background: #000;

	height: 100%;

	z-index: 9;

	display: none;

	-ms-flex-pack: center;

	justify-content: center;

	-ms-flex-direction: column;

	flex-direction: column

}



.sku-img-box .swiper-sku .play-ico {

	position: absolute;

	width: 60px;

	height: 60px;

	bottom: 0;

	left: 0;

	cursor: pointer;

	z-index: 8

}



.sku-img-box .swiper-sku .play-ico img {

	width: 100%

}



.sku-img-box .swiper-sku .play-close {

	position: absolute;

	width: 15px;

	height: 15px;

	right: 15px;

	top: 15px;

	display: none;

	cursor: pointer;

	z-index: 9

}



.sku-img-box .swiper-sku .play-close img {

	width: 100%

}



.sku-img-box .sku-img-list .swiper-slide,

.sku-img-box .swiper-sku .swiper-slide {

	background-position: 50%;

	background-repeat: no-repeat;

	background-size: auto 98%;

	transition: all .3s ease

}



.sku-img-box .sku-img-list {

	margin-top: 20px;

	overflow: hidden;

	width: 100%

}



.sku-img-box .sku-img-list .swiper-slide {

	width: 80px;

	height: 92px;

	opacity: .5;

	background-position: top;

	background-size: auto 80px

}



.sku-img-box .sku-img-list .swiper-slide:after {

	position: absolute;

	content: "";

	width: 0;

	height: 3px;

	background: transparent;

	bottom: 0;

	left: 50%;

	-ms-transform: translateX(-50%);

	transform: translateX(-50%);

	transition: all .3s

}



.sku-img-box .sku-img-list .swiper-slide.swiper-slide-thumb-active {

	opacity: 1

}



.sku-img-box .sku-img-list .swiper-slide.swiper-slide-thumb-active:after {

	width: 60px;

	background-color: #337ab7

}



.sku-img-box .sku-img-list .swiper-slide.my-thumb-active {

	opacity: 1

}



.sku-img-box .sku-img-list .swiper-slide.my-thumb-active:after {

	width: 60px;

	background-color: #337ab7

}



.health-card .purchase-body .body-left {

	padding-top: 0

}



.health-card .purchase-body .body-left .swiper-sku {

	height: 290px

}



.health-card .purchase-body .body-left .swiper-sku .swiper-slide {

	background-size: 100% auto

}



.health-card .purchase-body .body-left .sku-img-list {

	margin-top: 10px

}



.amazfit-parts .purchase-body .body-left {

	padding-top: 0

}



.amazfit-parts .purchase-body .body-left .sku-img-list {

	margin-top: 50px

}



#amazfit-parts img {

	vertical-align: top

}



#zepp-describe .zepp-des {

	background: linear-gradient(172deg, #181b26, #090909);

	padding: .8em 0

}



#zepp-describe .zepp-des article {

	width: 11em;

	margin: 0 auto;

	position: static;

	text-align: center

}



#zepp-describe .zepp-des article img {

	width: .9em

}



#zepp-describe .zepp-des article h2 {

	font-size: .6em;

	color: #fff;

	font-family: FZLTCH;

	margin: .3em 0;

	font-weight: 400

}



#zepp-describe .zepp-des article p {

	font-size: .23em;

	opacity: .8;

	color: #fff;

	font-family: FZLTXH;

	line-height: 1.7

}



#zepp-describe .zepp-des .info {

	display: -ms-flexbox;

	display: flex;

	-ms-flex-pack: center;

	justify-content: center;

	-ms-flex-align: center;

	align-items: center

}



#zepp-describe .zepp-des .info img {

	margin: 0 .2em;

	width: 3.6em

}



#zepp-describe .zepp-des .info img:nth-child(2n) {

	margin-top: .8em

}



#zepp-describe .zepp-des.zepp-white {

	background: #fff

}



#zepp-describe .zepp-des.zepp-white article h2,

#zepp-describe .zepp-des.zepp-white article p {

	color: #000

}



.site{width:100%;overflow:hidden;margin-top:10px;height:68px; background: url(../../images/bg01.jpg) repeat-x;}
.site_type{width:1200px;margin:0 auto; color:#444; height:41px;line-height:41px;  font-family:"Microsoft YaHei"; font-size:17px; font-weight: normal;padding:0 25px; background:url(../images/home.png) no-repeat 8px 14px; }

.body-right h2{
	white-space: pre-wrap;
}
@media screen and (max-width:1280px) {
	.w1200,.container-1200, .container-1200, .w1400{
		width: 100%;
		box-sizing: border-box;
		padding: 0 15px;
	}
	.body-right{
		width: calc(100% - 600px);
		box-sizing: border-box;
	}
}

@media screen and (max-width:999px) {
	.purchase-body{display: block;}
	.body-left,.body-right{
		width: 100%;
		float: none;
		box-sizing: border-box;
	}
	.sku-img-box{
		width: 100%;
	}
}