.design-zen-container .face-box,
.design-zen-container .case-box {
	margin-bottom: 1.56vw;
}

.design-zen-container {
	display: flex;
	justify-content: space-between;
	padding-right: 3.12vw;
	color: #231F20;
}

.design-zen-container .center {
	width: 16.732vw;
	height: 46.8vw;
	position: relative;
	margin-left: 1.6vw;
	/* background-image: url(../image/watch-11.png); */
}

.design-zen-container .center img {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.design-zen-container .center .bg-img {
	background: #fff;
	width: 12.22vw;
	height: 14.95vw;
}

.design-zen-container .center .case-img {
	top: 50%;
	transform: translateY(-50%);
}

.design-zen-container .center .case-img,
.design-zen-container .center .case-img-next {
	width: 16.932vw;
	height: 17.832vw;
	z-index: 13;
	left: 0.276vw;
}

.design-zen-container .center .case-img {
	z-index: 40;
}

.design-zen-container .center .case-img-bg {
	position: absolute;
	width: 17.732vw;
	height: 16.032vw;
	background: #fff;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9;
}

.design-zen-container .center .face-img,
.design-zen-container .center .face-img-next {
	width: 14.524vw;
	height: 14.624vw;
	left: 1vw;
	margin-top: 0.052vw;
	z-index: 40;
}

.design-zen-container .center .face-img {
	z-index: 50;
}

.design-zen-container .strap-line,
.design-zen-container .strap-line-next {
	width: 7.1vw;
	height: 100%;
	background-repeat: repeat-y;
	background-size: 100% !important;
	margin-left: 4.7vw;
	z-index: 8;
	position: relative;
}

.design-zen-container .strap-line-next {
	position: absolute !important;
	top: 0;
	z-index: 1 !important;
}

.design-zen-container .tab-item {
	cursor: pointer;
}

.design-zen-container .left,
.design-zen-container .right {
	flex: 1;
}

.design-zen-container .tabs {
	display: flex;
	justify-content: space-between;
	font-size: 3.255vw;
	font-family: AvenirNext-Regular;
	position: relative;
	transition: 1.5s all ease;
	margin: 0px 9.3vw 6.975vw 9.3vw;
}

.design-zen-container .tabs .active-border {
	height: 1px;
	background: #00B4A1;
	position: absolute;
	left: 0px;
	width: 23.35vw;
	bottom: 0px;
}

.design-zen-container .tabs .tab-item {
	transition: 1.5s all ease
}

.design-zen-container .tabs .active {
	font-family: AvenirNext-Bold;
	transition: 1.5s all ease
}

.design-zen-container .right {
	padding-top: 9.552vw;
	padding-left: 3.26vw;

}

.design-zen-container .right .title {
	font-size: 1.04vw;
	font-family: AvenirNext-Bold;
}

.design-zen-container .face-box .rows,
.design-zen-container .case-box .rows {
	display: flex;
	position: relative;
}

.design-zen-container .case-box .title {
	margin-bottom: 1.2vw;
}

.design-zen-container .face-box .rows img {
	width: 5.2vw;
	height: 5.2vw;
}

.design-zen-container .face-box .r-col {
	margin-right: 1.872vw;
	text-align: center;
	flex-shrink: 0;
	font-size: 0.728vw;
}

.design-zen-container .face-box:first-child .r-col-tips {
	width: 10.556vw;
	font-size: 0.936vw;
	text-align: left;
	margin-right: 0;
}

.design-zen-container .face-box:first-child .r-col-tips a {
	font-size: 0.624vw;
	color: #00B4A1;
	text-decoration: underline;
}

.design-zen-container .face-box .outer-border,
.design-zen-container .case-box .outer-border {
	height: 5.72vw;
	width: 5.72vw;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0.26vw;
}

.design-zen-container .case-box .outer-border {
	height: 8vw;
	margin-bottom: 1.5vw;
	width: 8vw;
	display: flex;
	justify-content: center;
	align-items: center;
}

.design-zen-container .face-box .active-border {
	border: 1px solid #00B4A1;
	width: 5.72vw;
	height: 5.72vw;
	border-radius: 50%;
	position: absolute;
	top: 0;
}

.design-zen-container .case-box .r-col {
	margin-right: 1.872vw;
	text-align: center;
	flex-shrink: 0;
	font-size: 0.728vw;
}

.design-zen-container .case-box .rows img {
	width: 6.344vw;
	height: 6.67vw;
}

.design-zen-container .case-box .active-border {
	border: 1px solid #00B4A1;
	width: 8.0vw;
	height: 8.0vw;
	border-radius: 50%;
	position: absolute;
	left: 0vw;
	top: 0vw;
}

.design-zen-container .left .title {
	font-size: 3.12vw;
	color: #294798;
	font-family: AvenirNext-Regular;
}

.design-zen-container .left {
	padding-top: 20.8vw;
	text-align: left;
}

.design-zen-container .left .more-btn {
	font-size: 1.248vw;
	color: #fff;
	background: #00B4A1;
	border-radius: 1.3vw;
	display: inline-block;
	height: 2.6vw;
	line-height: 2.6vw;
	min-width: 7.8vw;
	text-align: center;
}

.design-zen-container .strap-box {
	position: relative;
}

.design-zen-container .strap-box .rows {
	display: flex;
}

.design-zen-container .strap-box .rows img {
	width: 1.56vw;
	height: 1.56vw;
}

.design-zen-container .strap-box .r-col {
	/* margin-right: 1.872vw; */
	text-align: center;
	flex-shrink: 0;
	font-size: 0.728vw;
	width: 4.58vw;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.design-zen-container .strap-box .r-col:nth-child(1) {
	/* margin-right: 0.9vw; */
}

.design-zen-container .strap-box .r-col.big-width {
	width: 4.58vw;
	/* margin-right: 0.9vw; */
}

.design-zen-container .strap-box .r-col.small-grap {
	/* margin-right: 0.9vw; */
}

.design-zen-container .strap-box .active-border {
	border: 1px solid #00B4A1;
	width: 2.08vw;
	height: 2.08vw;
	border-radius: 0vw;
	position: absolute;
	left: 1.25vw;
}

.design-zen-container .strap-box .outer-border {
	width: 2.08vw;
	height: 2.08vw;
	display: flex;
	align-items: center;
	justify-content: center;
}


.design-zen-container .mt-box .rows img {
	width: 1.56vw;
	height: 1.56vw;
}

.design-zen-container .mt-box .r-col {
	margin-right: 1.872vw;
	text-align: center;
	flex-shrink: 0;
	font-size: 0.728vw;
	width: 2.08vw;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.design-zen-container .mt-box .r-col.small-grap {
	margin-right: 0.9vw;
}

.design-zen-container .mt-box .r-col.big-width {
	width: 4.58vw;
	margin-right: 0.9vw;
}

.design-zen-container .mt-box .active-border {
	border: 1px solid #00B4A1;
	width: 2.08vw;
	height: 2.08vw;
	border-radius: 0vw;
	position: absolute;
	left: 0;
}

.design-zen-container .mt-box .outer-border {
	width: 2.08vw;
	height: 2.08vw;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media only screen and (max-width:991px) {
	.design-zen-container .left .title {
		font-size: 6.51vw;
		margin-bottom: 6vw;
		padding: 0px 9.3vw;
	}

	.design-zen-container {
		/* padding: 0px 9.3vw; */
		padding: 0px 0vw;
	}

	.design-zen-container .right-box {
		width: 100%;
		padding-left: 9.3vw;
	}

	.design-zen-container .center {
		width: 31.83vw;
		height: 112.2975vw;
		margin-left: 0px;
	}

	.design-zen-container .strap-line,
	.design-zen-container .strap-line-next {
		width: 13.3vw;
		height: 100%;
		background-repeat: repeat-y;
		background-size: 100% !important;
		margin-left: 8.8vw;
		z-index: 8;
		position: relative;
	}

	.design-zen-container .center .case-img,
	.design-zen-container .center .case-img-next {
		width: 100%;
		height: 33.832vw;
		top: 43%;
	}

	.design-zen-container .right {
		padding: 0px;
	}

	.design-zen-container .face-box {
		padding-left: 14.6475vw;
		padding-right: 9.3vw;
	}

	.design-zen-container .face-box .rows,
	.design-zen-container .case-box .rows {
		display: block;
	}

	.design-zen-container .face-box .outer-border {
		width: 21.72vw;
		height: 21.72vw;
	}

	.design-zen-container .case-box .outer-border {
		height: 23vw;
		width: 23vw;
	}

	.design-zen-container .face-box .rows img {
		width: 18.6vw;
		height: 18.6vw;
	}

	.design-zen-container .face-box .r-col,
	.design-zen-container .case-box .r-col {
		font-size: 2.79vw;
		margin-right: 0px;
		margin-bottom: 2.23vw;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
	}

	.design-zen-container .face-box:first-child .r-col-tips {
		font-size: 2.0925vw;
		width: 100%;
		text-align: center;
		padding: 0px 2.23vw;
	}

	.design-zen-container .face-box:first-child .r-col-tips a {
		font-size: 2.0925vw;
	}

	.design-zen-container .face-box .active-border {
		border: 1px solid #00B4A1;
		width: 21.72vw;
		height: 21.72vw;
		border-radius: 50%;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}

	.design-zen-container .case-box .rows img {
		width: 18.6vw;
		height: 19.8vw;
	}

	.design-zen-container .case-box .active-border {
		width: 23vw;
		height: 23vw;
		left: 17.5vw;
	}

	.design-zen-container .strap-box .outer-border {
		width: 8.975vw;
		height: 8.975vw;
	}

	.design-zen-container .strap-box .outer-border img {
		width: 6.975vw;
		height: 6.975vw;
	}

	.design-zen-container .strap-box .rows {
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.design-zen-container .strap-box .r-col {
		width: auto;
		margin: 0px;
		flex: 0 0 30%;
		font-size: 3.255vw;
		white-space: nowrap;
		margin-bottom: 5.8vw;
	}

	.design-zen-container .strap-box .r-col.big-width {
		width: 4.58vw;
		margin-right: 0.9vw;
	}

	.design-zen-container .strap-box {
		margin-left: 5vw;
		margin-right: 2vw;
	}

	.design-zen-container .strap-box .r-col:nth-child(1) {
		margin: 0px;
	}

	.design-zen-container .strap-box .active-border {
		width: 8.975vw;
		height: 8.975vw;
		left: 3.3vw;
	}

	.design-zen-container .center .face-img,
	.design-zen-container .center .face-img-next {
		width: 27.8vw;
		height: 27.8vw;
		left: 1.6vw;
		top: 43.1%;
	}

	.design-zen-container .center .case-img-bg {
		position: absolute;
		width: 100%;
		height: 31.032vw;
		background: #fff;
		top: 43%;
	}
}