.tem99-header {

	width: 100%;

	color: #666;

	position: relative;

	z-index: 40

}



.tem99-header .header {

	background-color: #fff

}



.tem99-header .head_bottom {

	background-color: inherit

}



.tem99-header a {

	color: inherit

}



.tem99-header.show-full .container {

	padding: 0;

	width: 100%

}



.tem99-header .container {

	padding: 0

}



.tem99-header .head_top {

	width: 100%;

	position: relative;

	z-index: 22

}



.tem99-header .head_top .con {

	width: 98%;

	margin: auto;

	height: 36px

}



.tem99-header .head_bottom .con {

	width: 98%;

	margin: auto;

	height: 74px;

	position: relative

}



.tem99-header .head_top .con .head_editor {

	height: 100%;

	line-height: 36px;

	float: left

}



.tem99-header .head_top .con .icon {

	float: right;

	height: 100%;

	user-select: none

}



.tem99-header .head_top .con .icon .icons {

	float: left;

	position: relative

}



.tem99-header .head_top .con .icon .icons .txt {

	line-height: 36px;

	display: block;

	cursor: pointer;

	padding: 0 8px;

	transition: .3s;

	height: 36px

}



.tem99-header .head_top .con .icon .icons .txt .user_icons {

	margin-right: 6px

}



.tem99-header .head_top .con .icon .icons:last-child .txt {

	padding-right: 0

}



.tem99-header .head_top .con .icon .icons.language .txt img {

	width: 30px;

	height: 30px

}



.tem99-header .head_top .con .icon .icons.language .txt span {

	vertical-align: middle

}



.tem99-header .head_top .con .icon .icons.language .txt {

	padding-right: 30px;

	position: relative

}



.tem99-header .head_top .con .icon .icons.language .txt .after_span {

	display: block;

	position: absolute;

	right: 8px;

	top: 50%;

	margin-top: -8px;

	font-size: 16px

}



.tem99-header .head_top .icon ul {

	position: absolute;

	top: 100%;

	right: 0;

	white-space: nowrap;

	color: #666;

	background-color: #fff;

	box-shadow: 0 2px 12px rgba(0,0,0,.1);

	border-radius: 4px

}



.tem99-header .head_top .icon .language ul {

	z-index: 4;

	transform: translateY(6px);

	opacity: 0;

	visibility: hidden;

	transition: .3s

}



.tem99-header .head_top .icon .language ul.active {

	transform: translateY(0);

	opacity: 1;

	visibility: visible

}



.tem99-header .head_top .icon ul li a {

	padding: 10px 16px;

	display: block

}



.tem99-header .head_top .icon ul li a:hover {

	background-color: rgba(0,0,0,.05)

}



.tem99-header .head_top .icon img {

	width: 20px;

	height: 20px;

	vertical-align: middle;

	margin-right: 8px;

	max-width: none

}



.tem99-header .head_top .icon .lan {

	vertical-align: middle

}



.tem99-header .head_bottom .logo {

	float: left;

	height: 74px;

	line-height: 54px;

	width: 250px;

	padding: 10px 0

}



.tem99-header .head_bottom .logo a {

	display: block;

	height: 100%

}



.tem99-header .head_bottom .logo img {

	vertical-align: middle;

	max-width: 100%;

	max-height: 100%

}



.tem99-header .head_bottom .navigation {

	float: right;

	width: calc(100% - 300px);

	height: 74px

}



.tem99-header .head_bottom .navigation .search {

	float: right;

	height: 74px;

	padding-left: 10px;

	padding-top: 17px;

	position: relative;

	z-index: 4

}



.tem99-header .head_bottom .navigation .search .icon_bx {

	float: right;

	height: 40px;

	line-height: 40px;

	width: 40px;

	text-align: center;

	cursor: pointer;

	position: relative;

	margin-left: 10px

}



.tem99-header .head_bottom .navigation .search .icon_bx>span {

	display: block;

	width: 100%;

	height: 100%;

	line-height: 40px;

	font-weight: 700;

	font-size: 20px

}



.tem99-header .head_bottom .navigation .search .icon_bx>.txt {

	display: block;

	width: 100%;

	height: 100%;

	line-height: 42px;

	position: relative

}



.tem99-header .head_bottom .navigation .search .icon_bx>.txt>span {

	font-weight: 700;

	font-size: 20px

}



.tem99-header .head_bottom .navigation .search .icon_bx>.txt i {

	position: absolute;

	top: 0;

	right: 0;

	display: block;

	width: 16px;

	height: 16px;

	line-height: 16px;

	text-align: center;

	border-radius: 50%;

	font-size: 8px;

	color: #fff;

	font-style: normal

}



.tem99-header .head_bottom .navigation .search .icon_bx>span:hover,.tem99-header .head_bottom .navigation .search .icon_bx>.txt:hover {

	opacity: .6

}



.tem99-header .head_bottom .navigation .search .icon_bx.active>span {

	opacity: .6

}



.tem99-header .head_bottom .navigation .search .icon_bx.active .search_box {

	opacity: 1;

	visibility: visible

}



.tem99-header .head_bottom .navigation .search .icons.language {

	float: right;

	width: 40px;

	height: 40px;

	line-height: 40px;

	position: relative

}



.tem99-header .head_bottom .icons.language .img_txt {

	display: block;

	width: 100%;

	position: relative;

	text-align: center;

	line-height: 40px;

	font-size: 0

}



.tem99-header .head_bottom .icons.language .img_txt img {

	width: 30px;

	height: 30px;

	margin: 0

}



.tem99-header .head_bottom .icons.language .img_txt span {

	vertical-align: middle

}



.tem99-header .head_bottom .icon ul {

	position: absolute;

	top: 100%;

	right: 0;

	white-space: nowrap;

	color: #666;

	background-color: #fff;

	box-shadow: 0 2px 12px rgba(0,0,0,.1);

	border-radius: 4px

}



.tem99-header .head_bottom .icons.language ul {

	z-index: 4;

	transform: translateY(6px);

	opacity: 0;

	visibility: hidden;

	transition: .3s;

	position: absolute;

	top: 100%;

	right: 0;

	white-space: nowrap;

	color: #666;

	background-color: #fff;

	box-shadow: 0 2px 12px rgba(0,0,0,.1);

	border-radius: 4px;

	line-height: 20px

}



.tem99-header .head_bottom .icons.language ul.active {

	transform: translateY(0);

	opacity: 1;

	visibility: visible

}



.tem99-header .head_bottom .icons.language ul li a {

	padding: 10px 16px;

	display: block

}



.tem99-header .head_bottom .icons.language ul li a:hover {

	background-color: rgba(0,0,0,.05)

}



.tem99-header .head_bottom .icons.language img {

	width: 20px;

	height: 20px;

	vertical-align: middle;

	margin-right: 8px;

	max-width: none

}



.tem99-header .head_bottom .icons.language .lan {

	vertical-align: middle

}



.tem99-header .head_bottom .navigation nav {

	float: right;

	position: relative

}



.tem99-header .head_bottom .search_box {

	position: absolute;

	top: 100%;

	width: 300px;

	height: 70px;

	z-index: 20;

	right: 0;

	opacity: 0;

	visibility: hidden;

	transition: .3s;

	margin-top: 10px;

	border-radius: 8px;

	box-shadow: 0 2px 12px rgba(122,122,122,.1)

}



.tem99-header .head_bottom .search_box form {

	width: 100%;

	height: 100%;

	position: relative;

	padding: 15px;

	background-color: #fff;

	border-radius: 8px

}



.tem99-header .head_bottom .search_box form .header_search_select {

	text-align: left;

	line-height: 24px

}



.tem99-header .head_bottom .search_box form input {

	width: 100%;

	height: 100%;

	border: none;

	background: none;

	outline: none;

	padding: 0 40px;

	border-bottom: 1px solid;

	border-color: rgba(255,255,255,.1)

}



.tem99-header .head_bottom .search_box form button {

	position: absolute;

	left: 15px;

	top: 15px;

	height: 40px;

	width: 40px;

	border: none;

	background: 0;

	outline: none;

	font-size: 18px

}



.tem99-header .head_bottom .search_box form i {

	position: absolute;

	right: 15px;

	top: 15px;

	width: 40px;

	height: 40px;

	display: block;

	text-align: center;

	line-height: 40px;

	font-size: 24px;

	cursor: pointer;

	opacity: .6;

	transition: .3s

}



.tem99-header .head_bottom .search_box form i:hover {

	opacity: 1

}



.tem99-header .head_bottom .navigation nav .lr {

	display: none

}



.tem99-header .head_bottom .navigation .search_btn_ {

	display: none

}



@media (min-width:993px) {

	.tem99-header {

		height: 110px

	}



	.tem99-header .head_bottom .logo {

		position: absolute;

		left: 0;

		height: 80px;


		font-size: 0;

		z-index: 100;

		width: 300px

	}



	.tem99-header .head_bottom .navigation .search .icons.language {

		display: none

	}



	.tem99-header .head_top .con .icon .icons .txt {

		opacity: .8

	}



	.tem99-header .head_top .con .icon .icons .txt:hover {

		opacity: 1

	}



	.tem99-header .head_bottom .navigation nav .nav {

		overflow: visible;

		white-space: nowrap;

		position: relative

	}



	.tem99-header .head_bottom .navigation nav .nav>ul {

		display: flex;

		line-height: 74px;

		margin-left: 0;

		transition: .3s;

		position: absolute;

		left: 0;

		top: 0

	}



	.tem99-header .head_bottom .navigation nav .nav>ul>li>.text {

		position: relative;

		font-size: 16px

	}



	.tem99-header .head_bottom .navigation nav .nav>ul>li>.text.active {

		font-weight: 700

	}



	.tem99-header .head_bottom .navigation nav .nav>ul>li>.text .bor_xia_color {

		padding-bottom: 2px

	}



	.tem99-header .head_bottom .navigation nav .nav>ul>li>.text.active .bor_xia_color {

		border-bottom: 3px solid;

		text-shadow: 0 30px 20px rgba(119,119,119,.5)

	}



	.tem99-header .head_bottom .navigation nav .nav>ul li:hover>.text {

		opacity: .6

	}



	.tem99-header .head_bottom .navigation nav .nav>ul>li .text a {

		padding: 0 15px;

		display: block;

		position: relative;

		transition: 0s

	}



	.tem99-header .head_bottom .navigation nav .nav>ul>li:last-child>.text:after {

		border: none

	}



	.tem99-header .head_bottom .navigation nav .nav>ul>li .text.xia:before {

		content: "";

		width: 0;

		height: 0;

		position: absolute;

		display: block;

		top: 50%;

		right: 14px;

		border: 6px solid transparent;

		border-top-color: inherit;

		margin-top: -3px;

		transition: .3s;

		border-right-width: 5px;

		border-left-width: 5px

	}



	.tem99-header .head_bottom .navigation nav .nav>ul>li .text.xia a {

		padding-right: 34px

	}



	.tem99-header .head_bottom .navigation nav .nav>ul li {

		position: relative

	}



	.tem99-header .head_bottom .navigation nav .nav>ul ul {

		background-color: #fff;

		position: absolute;

		top: 100%;

		left: 0;

		line-height: initial;

		box-shadow: 0 4px 12px rgba(0,0,0,.1);

		opacity: 0;

		visibility: hidden;

		transition: all .3s;

		pointer-events: none;

		padding: 10px 6px;

		border-radius: 6px

	}



	.tem99-header .head_bottom .navigation nav .nav>ul ul>li {

		background-color: inherit

	}



	.tem99-header .head_bottom .navigation nav .nav>ul ul ul {

		left: 100%;

		top: 0;

		background-color: inherit

	}



	.tem99-header .head_bottom .navigation nav .nav>ul>li:last-child ul,.tem99-header .head_bottom .navigation nav .nav>ul>li:nth-last-child(2) ul {

		left: auto;

		right: 0

	}



	.tem99-header .head_bottom .navigation nav .nav>ul>li:last-child ul ul,.tem99-header .head_bottom .navigation nav .nav>ul>li:nth-last-child(2) ul ul {

		right: 100%

	}



	.tem99-header .head_bottom .navigation nav .nav>ul li:hover>ul {

		opacity: 1;

		visibility: visible;

		pointer-events: auto;

		margin-top: -10px

	}



	.tem99-header .head_bottom .navigation nav .nav>ul ul li .text a {

		padding-top: 12px;

		padding-bottom: 12px

	}



	.tem99-header .head_bottom .navigation nav.add {

		padding: 0 20px;

		height: 100%

	}



	.tem99-header .head_bottom .navigation nav {

		background: none!important

	}



	.tem99-header .head_bottom .navigation nav.add .lr {

		position: absolute;

		left: 0;

		top: 0;

		width: 100%;

		height: 0;

		z-index: 8;

		display: block

	}



	.tem99-header .head_bottom .navigation nav.add .lr .left,.tem99-header .head_bottom .navigation nav.add .lr .right {

		position: absolute;

		top: 22px;

		height: 30px;

		width: 20px;

		cursor: pointer;

		line-height: 30px;

		text-align: center;

		font-size: 20px;

		border-radius: 2px;

		opacity: .6;

		transition: .3s;

		background: none

	}



	.tem99-header .head_bottom .navigation nav.add .lr .left:hover,.tem99-header .head_bottom .navigation nav.add .lr .right:hover {

		opacity: 1

	}



	.tem99-header .head_bottom .navigation nav.add .lr .left {

		left: 0

	}



	.tem99-header .head_bottom .navigation nav.add .lr .right {

		right: 0

	}



	.tem99-header .head_bottom .navigation nav.add .nav {

		overflow: hidden;

		height: 100%

	}



	.tem99-header .head_bottom .navigation nav.add .nav.hig {

		height: 650px

	}



	.tem99-header .head_bottom {

		top: -90px;

		left: 0;

		width: 100%

	}



	.tem99-header .head_bottom.fixeds {

		position: fixed;

		transition: .3s;

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

		z-index: 99

	}



	.tem99-header .head_bottom.fixeds .logo {

		top: 0;

		height: 74px;

		line-height: 54px

	}



	.tem99-header .head_bottom.fixeds.top_show {

		top: 0

	}



	body.cms_product .tem99-header .head_bottom.fixeds {

		position: relative;

		top: 0

	}

}



.tem99-header .nav_button {

	display: none

}



@media (max-width:992px) {

	.tem99-header {

		height: 60px

	}



	.tem99-header .header {

		position: fixed;

		left: 0;

		top: 0;

		width: 100%;

		z-index: 1000

	}



	.tem99-header .head_top {

		display: none

	}



	.tem99-header .head_top .con .head_editor span {

		font-size: 12px!important

	}



	.tem99-header .head_top .con {

		width: 94%

	}



	.tem99-header .head_bottom .con {

		height: 60px;

		width: 94%

	}



	.tem99-header .head_bottom .search_box form i {

		opacity: .9

	}



	.tem99-header .head_bottom .logo {

		width: auto;

		height: 60px;

		padding: 10px 0;

		line-height: 40px

	}



	.tem99-header .head_bottom .navigation {

		width: auto;

		height: 60px;

		position: relative

	}



	.tem99-header .head_bottom .navigation .search {

		height: 60px;

		padding: 0;

		padding-top: 10px

	}



	.tem99-header .head_bottom .navigation .search .icon_bx {

		margin: 0

	}



	.tem99-header .head_bottom .navigation nav {

		position: fixed;

		width: 100%!important;

		max-width: 400px!important;

		top: 60px;

		left: 0;

		box-shadow: 0 4px 12px rgba(0,0,0,.1);

		transform: translateX(50px);

		opacity: 0;

		visibility: hidden;

		transition: .3s;

		max-height: 400px;

		overflow-x: hidden;

		overflow-y: auto;

		z-index: 999

	}



	.tem99-header .head_bottom .con.active .navigation nav {

		transform: translateX(0);

		opacity: 1;

		visibility: visible

	}



	.tem99-header .head_bottom .navigation nav .nav>ul>li>.text {

		position: relative;

		border-bottom: 1px solid rgba(122,122,122,.1)

	}



	.tem99-header .head_bottom .navigation nav .nav>ul>li:last-child>.text {

		border-bottom: none

	}



	.tem99-header .head_bottom .navigation nav .nav>ul>li>.text:after {

		content: "";

		display: block;

		position: absolute;

		right: 0;

		top: 20px;

		bottom: 20px;

		border-right: 1px solid;

		border-color: rgba(122,122,122,.1)

	}



	.tem99-header .head_bottom .navigation nav .nav>ul>li .text a {

		padding: 10px 20px;

		display: block;

		position: relative;

		transition: 0s

	}



	.tem99-header .head_bottom .navigation nav .nav>ul>li:last-child>.text:after {

		border: none

	}



	.tem99-header .head_bottom .navigation nav .nav>ul>li .text.xia:before {

		content: "";

		width: 0;

		height: 0;

		position: absolute;

		display: block;

		top: 50%;

		right: 18px;

		border: 4px solid transparent;

		border-top-color: inherit;

		margin-top: -2px;

		transition: .3s

	}



	.tem99-header .head_bottom .navigation nav .nav>ul>li .text.xia {

		padding: 10px 20px;

		padding-right: 30px;

		position: relative

	}



	.tem99-header .head_bottom .navigation nav .nav>ul>li .text.xia a {

		padding: 0;

		display: inline

	}



	.tem99-header .head_bottom .navigation nav .nav>ul li {

		position: relative

	}



	.tem99-header .head_bottom .navigation nav .nav>ul ul {

		display: none;

		padding: 10px 0;

		background: none!important

	}



	.tem99-header .head_bottom .navigation nav .nav>ul ul .text.xia,.tem99-header .head_bottom .navigation nav .nav>ul ul .text a {

		padding-left: 30px

	}



	.tem99-header .head_bottom .navigation nav .nav>ul ul ul .text.xia,.tem99-header .head_bottom .navigation nav .nav>ul ul ul .text a {

		padding-left: 40px

	}



	.tem99-header .nav_button {

		outline: none;

		border: 0;

		width: 40px;

		height: 40px;

		padding: 10px;

		transition: all .45s;

		z-index: 99;

		display: block;

		background: 0;

		float: left;

		margin-top: 10px;

		margin-right: 6px

	}



	.tem99-header .nav_button .nav_button_icon {

		position: relative;

		width: 16px;

		height: 16px;

		margin: auto

	}



	.tem99-header .nav_button .nav_button_icon span {

		display: block;

		position: absolute;

		right: 0;

		left: 0;

		height: 0;

		transition: all .15s;

		border-bottom: 2px solid

	}



	.tem99-header .nav_button .nav_button_icon span:after {

		content: "";

		display: block;

		width: 2px;

		height: 0;

		border-bottom: 2px solid;

		position: absolute;

		left: -4px

	}



	.tem99-header .nav_button .nav_button_icon span:nth-child(1) {

		top: 50%;

		transform: translate3d(0,-50%,0)

	}



	.tem99-header .nav_button .nav_button_icon span:nth-child(2) {

		top: 0;

		transform: translateZ(0) rotate(0) scaleX(1)

	}



	.tem99-header .nav_button .nav_button_icon span:nth-child(3) {

		bottom: 0;

		transform: translateZ(0) rotate(0) scaleX(1)

	}



	.tem99-header .head_bottom .con.active .nav_button .nav_button_icon span:nth-child(1) {

		opacity: 0

	}



	.tem99-header .head_bottom .con.active .nav_button .nav_button_icon span:nth-child(2) {

		transform: rotate(45deg) translate3d(5px,5px,0)

	}



	.tem99-header .head_bottom .con.active .nav_button .nav_button_icon span:nth-child(3) {

		transform: rotate(-45deg) translate3d(5px,-5px,0)

	}



	.tem99-header .head_bottom .con.active .nav_button .nav_button_icon span:after {

		display: none

	}

}



@media (max-width:360px) {

	.tem99-header .head_bottom .navigation .search {

		display: none;

		position: absolute;

		top: 100%;

		right: 0;

		width: 100px;

		background-color: #fff;

		color: #333;

		box-shadow: 0 4px 12px rgba(0,0,0,.2);

		padding-right: 10px;

		border-radius: 4px

	}



	.tem99-header .head_bottom .navigation .search.active {

		display: block

	}



	.tem99-header .head_bottom .navigation .search_btn_ {

		display: block;

		width: 20px;

		height: 40px;

		margin-top: 10px

	}



	.tem99-header .head_bottom .navigation .search_btn_>span {

		display: block;

		border: 2px solid;

		height: 0;

		width: 0;

		border-radius: 50%;

		position: absolute;

		left: 50%;

		margin-left: -2px;

		top: 50%

	}



	.tem99-header .head_bottom .navigation .search_btn_>span:nth-child(1) {

		margin-top: -8px

	}



	.tem99-header .head_bottom .navigation .search_btn_>span:nth-child(2) {

		margin-top: -2px

	}



	.tem99-header .head_bottom .navigation .search_btn_>span:nth-child(3) {

		margin-top: 4px

	}

}



.tem13-bread {

	margin-bottom: 15px

}



.tem13-bread .full-screen {

	padding: 0 15px

}



.tem13-bread .bread-box {

	width: 100%

}



.tem13-bread .bread-box .tem01-location {

	text-align: left;

	font-size: 13px

}



.tem13-bread.content-middle .bread-box .tem01-location {

	text-align: center

}



.tem13-bread.content-right .bread-box .tem01-location {

	text-align: right

}



.tem13-bread .tem01-location {

	color: #fff

}



.tem13-bread .tem01-location span,.tem13-bread .tem01-location a,.tem13-bread .tem01-location a:hover,.tem13-bread .tem01-location a:focus {

	color: inherit

}



@media (max-width:768px) {

	.tem13-bread .bread-box {

		padding: 0 2%

	}



	.tem01-location span {

		padding: 0

	}

}



.tem0-product_show .mainpic {

	flex-grow: 0;

	flex-shrink: 0

}



.tem0-product_show .mainpic>.add-module:after {

	display: inline-block

}



.tem0-product_show .mainpic>.add-module,.tem0-product_show .detail>.add-module {

	width: 150px

}



.tem0-product_show .detail>.add-module:after {

	display: inline-block

}



.tem0-product_show .detail {

	flex-grow: 1;

	max-width: 100%;

	flex-basis: 0%

}



.tem0-product_show.content-right>.flexBoxStem {

	-webkit-flex-direction: row-reverse;

	-moz-flex-direction: row-reverse;

	-ms-flex-direction: row-reverse;

	flex-direction: row-reverse

}



.tem0-product_show>.flexBoxStem.top {

	-webkit-align-items: flex-start;

	-moz-align-items: flex-start;

	-ms-align-items: flex-start;

	align-items: flex-start

}



.tem0-product_show>.flexBoxStem.bottom {

	-webkit-align-items: flex-end;

	-moz-align-items: flex-end;

	-ms-align-items: flex-end;

	align-items: flex-end

}



.designer-body .tem0-product_show .flexBoxPosi {

	width: 100%;

	height: 40px

}



.modal-open .tem0-product_show>.flexBoxStem>.item.detail {

	position: initial!important

}



@media (min-width:992px) {

	.tem0-product_show .flexBoxStem .item.mainpic {

		z-index: 2;

		overflow: inherit

	}



	.tem0-product_show>.flexBoxStem>.item {

		position: sticky;

		position: -webkit-sticky;

		top: 0;

		z-index: 2

	}

}



@media (max-width:768px) {

	.tem0-product_show .container.flexBoxStem,.tem0-product_show .mainpic {

		padding: 0!important

	}



	.tem0-product_show .detail {

		padding: 0 2%

	}

}



.swiper-container {

	margin-left: auto;

	margin-right: auto;

	position: relative;

	overflow: hidden;

	z-index: 1

}



.swiper-container-no-flexbox .swiper-slide {

	float: left

}



.swiper-container-vertical>.swiper-wrapper {

	-webkit-box-orient: vertical;

	-moz-box-orient: vertical;

	-ms-flex-direction: column;

	-webkit-flex-direction: column;

	flex-direction: column

}



.swiper-wrapper {

	position: relative;

	width: 100%;

	height: 100%;

	z-index: 1;

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-transition-property: -webkit-transform;

	-moz-transition-property: -moz-transform;

	-o-transition-property: -o-transform;

	-ms-transition-property: -ms-transform;

	transition-property: transform;

	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box

}



.swiper-container-android .swiper-slide,.swiper-wrapper {

	-webkit-transform: translate3d(0,0,0);

	-moz-transform: translate3d(0,0,0);

	-o-transform: translate(0,0);

	-ms-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0)

}



.swiper-container-multirow>.swiper-wrapper {

	-webkit-box-lines: multiple;

	-moz-box-lines: multiple;

	-ms-flex-wrap: wrap;

	-webkit-flex-wrap: wrap;

	flex-wrap: wrap

}



.swiper-container-free-mode>.swiper-wrapper {

	-webkit-transition-timing-function: ease-out;

	-moz-transition-timing-function: ease-out;

	-ms-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: 0 0 auto;

	flex-shrink: 0;

	width: 100%;

	height: 100%;

	position: relative

}



.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {

	height: auto

}



.swiper-container-autoheight .swiper-wrapper {

	-webkit-box-align: start;

	-ms-flex-align: start;

	-webkit-align-items: flex-start;

	align-items: flex-start;

	-webkit-transition-property: -webkit-transform,height;

	-moz-transition-property: -moz-transform;

	-o-transition-property: -o-transform;

	-ms-transition-property: -ms-transform;

	transition-property: transform,height

}



.swiper-container .swiper-notification {

	position: absolute;

	left: 0;

	top: 0;

	pointer-events: none;

	opacity: 0;

	z-index: -1000

}



.swiper-wp8-horizontal {

	-ms-touch-action: pan-y;

	touch-action: pan-y

}



.swiper-wp8-vertical {

	-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;

	-moz-background-size: 27px 44px;

	-webkit-background-size: 27px 44px;

	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-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-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-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-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-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-pagination {

	position: absolute;

	text-align: center;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	-o-transition: .3s;

	transition: .3s;

	-webkit-transform: translate3d(0,0,0);

	-ms-transform: translate3d(0,0,0);

	-o-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-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;

	box-shadow: none;

	-moz-appearance: none;

	-ms-appearance: none;

	-webkit-appearance: none;

	appearance: none

}



.swiper-pagination-clickable .swiper-pagination-bullet {

	cursor: pointer

}



.swiper-pagination-white .swiper-pagination-bullet {

	background: #fff

}



.swiper-pagination-bullet-active {

	opacity: 1;

	background: #D62020

}



.swiper-pagination-white .swiper-pagination-bullet-active {

	background: #fff

}



.swiper-pagination-black .swiper-pagination-bullet-active {

	background: #000

}



.swiper-container-vertical>.swiper-pagination-bullets {

	right: 10px;

	top: 50%;

	-webkit-transform: translate3d(0,-50%,0);

	-moz-transform: translate3d(0,-50%,0);

	-o-transform: translate(0,-50%);

	-ms-transform: translate3d(0,-50%,0);

	transform: translate3d(0,-50%,0)

}



.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {

	margin: 5px 0;

	display: block

}



.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {

	margin: 0 5px

}



.swiper-pagination-progress {

	background: rgba(0,0,0,.25);

	position: absolute

}



.swiper-pagination-progress .swiper-pagination-progressbar {

	background: #D62020;

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	-webkit-transform: scale(0);

	-ms-transform: scale(0);

	-o-transform: scale(0);

	transform: scale(0);

	-webkit-transform-origin: left top;

	-moz-transform-origin: left top;

	-ms-transform-origin: left top;

	-o-transform-origin: left top;

	transform-origin: left top

}



.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {

	-webkit-transform-origin: right top;

	-moz-transform-origin: right top;

	-ms-transform-origin: right top;

	-o-transform-origin: right top;

	transform-origin: right top

}



.swiper-container-horizontal>.swiper-pagination-progress {

	width: 100%;

	height: 4px;

	left: 0;

	top: 0

}



.swiper-container-vertical>.swiper-pagination-progress {

	width: 4px;

	height: 100%;

	left: 0;

	top: 0

}



.swiper-pagination-progress.swiper-pagination-white {

	background: rgba(255,255,255,.5)

}



.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {

	background: #fff

}



.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {

	background: #000

}



.swiper-container-3d {

	-webkit-perspective: 1200px;

	-moz-perspective: 1200px;

	-o-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;

	-moz-transform-style: preserve-3d;

	-ms-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,left top,right 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: -moz-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,right top,left 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: -moz-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 top,left bottom,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: -moz-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 bottom,left top,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: -moz-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-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper {

	-ms-perspective: 1200px

}



.swiper-container-cube,.swiper-container-flip {

	overflow: visible

}



.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide {

	pointer-events: none;

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility: hidden;

	-ms-backface-visibility: hidden;

	backface-visibility: hidden;

	z-index: 1

}



.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide {

	pointer-events: none

}



.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {

	pointer-events: auto

}



.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,.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;

	-moz-backface-visibility: hidden;

	-ms-backface-visibility: hidden;

	backface-visibility: hidden

}



.swiper-container-cube .swiper-slide {

	visibility: hidden;

	-webkit-transform-origin: 0 0;

	-moz-transform-origin: 0 0;

	-ms-transform-origin: 0 0;

	transform-origin: 0 0;

	width: 100%;

	height: 100%

}



.swiper-container-cube.swiper-container-rtl .swiper-slide {

	-webkit-transform-origin: 100% 0;

	-moz-transform-origin: 100% 0;

	-ms-transform-origin: 100% 0;

	transform-origin: 100% 0

}



.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-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-fade.swiper-container-free-mode .swiper-slide {

	-webkit-transition-timing-function: ease-out;

	-moz-transition-timing-function: ease-out;

	-ms-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;

	-moz-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-zoom-container {

	width: 100%;

	height: 100%;

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-pack: center;

	-moz-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	-webkit-box-align: center;

	-moz-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: 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%;

	object-fit: contain

}



.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-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%;

	-moz-transform-origin: 50%;

	transform-origin: 50%;

	-webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;

	-moz-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%;

	-webkit-background-size: 100%;

	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)

	}

}



@keyframes swiper-preloader-spin {

	100% {

		transform: rotate(360deg)

	}

}



.tem13-pro-showPic .swiper {

	overflow: hidden

}



.tem13-pro-showPic .swiper-wrapper {

	align-items: center

}



.tem13-pro-showPic .swiper-slide {

	padding: 5px 10px;

	width: auto;

	position: relative;

	z-index: 1;

	overflow: hidden

}



.tem13-pro-showPic .swiper-slide::after {

	position: absolute;

	content: "";

	width: 80%;

	left: 10%;

	bottom: 0;

	z-index: 2;

	border-bottom: 2px solid;

	border-color: #b7b7b7;

	border-radius: 4px;

	opacity: 0

}



.tem13-pro-showPic .swiper-slide.active::after {

	opacity: 1

}



.tem13-pro-showPic .swiper-slide img {

	cursor: pointer;

	height: 60px!important;

	opacity: .6

}



.tem13-pro-showPic .swiper-slide.active img {

	opacity: 1

}



.tem13-pro-showPic .bigImg {

	position: relative

}



.tem13-pro-showPic .bigImg img {

	width: 100%

}



.tem13-pro-showPic .bigImg_box {

	width: 50%;

	height: 50%;

	position: absolute;

	top: 0;

	left: 0;

	background-color: rgba(0,0,0,.4);

	z-index: 100

}



.tem13-pro-showPic .bigImg_show {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	box-shadow: 0 0 20px rgba(0,0,0,.2);

	background-color: #fff;

	overflow: hidden;

	pointer-events: none;

	z-index: 99

}



.tem13-pro-showPic .bigImg_show img {

	position: absolute;

	width: 200%;

	height: 200%!important;

	;max-width: 200%

}



.tem13-pro-showPic .bigImg.left .bigImg_show {

	left: -100%

}



.tem13-pro-showPic .bigImg.center {

	overflow: hidden

}



.tem13-pro-showPic .bigImg.center .bigImg_show {

	left: 0;

	box-shadow: none

}



.tem13-pro-showPic .bigImg.right {

	padding-right: 0

}



.tem13-pro-showPic .bigImg.right .bigImg_show {

	left: 100%

}



.tem13-pro-showPic .video.show .icon-play3,.tem13-pro-showPic .video {

	display: none

}



.tem13-pro-showPic .video,.tem13-pro-showPic .video video,.tem13-pro-showPic .video iframe {

	display: none;

	position: absolute;

	z-index: 101;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%

}



.tem13-pro-showPic .video i {

	position: absolute;

	cursor: pointer;

	color: #FFF;

	font-size: 16px;

	z-index: 102

}



.tem13-pro-showPic .video .icon-play3 {

	font-size: 16px;

	bottom: 20px;

	left: 50%;

	transform: translateX(-50%);

	border: 2px solid #FFF;

	background-color: rgba(0,0,0,.1);

	width: 40px;

	height: 40px;

	line-height: 36px;

	text-indent: 2px;

	border-radius: 50%;

	text-align: center

}



.tem13-pro-showPic .video .icon-close {

	display: none;

	z-index: 103;

	top: 20px;

	right: 20px;

	font-size: 24px;

	text-shadow: 0 0 5px rgba(0,0,0,.5)

}



.tem13-pro-showPic .video {

	display: block

}



.tem13-pro-showPic .video.show {

	background-color: #000

}



.tem13-pro-showPic .video.show video,.tem13-pro-showPic .video.show iframe,.tem13-pro-showPic .video.show .icon-close {

	display: block

}



.tem13-pro-showPic .video.show+.bigImg_box,.tem13-pro-showPic .video.show+.bigImg_box+.bigImg_show {

	display: none

}



body.designer-body .tem13-pro-showPic .bigImg_box,body.designer-body .tem13-pro-showPic .bigImg_show {

	display: none

}



body.designer-body .tem13-pro-showPic .bigImg_box,body.designer-body .tem13-pro-showPic .video iframe {

	z-index: 1

}



body.designer-body .tem13-pro-showPic .video,body.designer-body .tem13-pro-showPic .video video,body.designer-body .tem13-pro-showPic .video iframe {

	z-index: 1

}



@media (min-width:992px) {

	.tem13-pro-showPic .wrap.right .bigImg,.tem13-pro-showPic .wrap.left .bigImg {

		padding-right: 0;

		flex-grow: 1;

		max-width: 100%;

		flex-basis: 0%

	}



	.tem13-pro-showPic .wrap.right .swiper,.tem13-pro-showPic .wrap.left .swiper {

		flex-grow: 0;

		flex-shrink: 0

	}



	.tem13-pro-showPic .wrap.left,.tem13-pro-showPic .wrap.right {

		display: -webkit-flex;

		display: flex;

		flex-wrap: wrap

	}



	.tem13-pro-showPic .wrap.left .swiper,.tem13-pro-showPic .wrap.right .swiper {

		padding: 0;

		padding-right: 0;

		width: 80px

	}



	.tem13-pro-showPic .wrap.left .bigImg,.tem13-pro-showPic .wrap.right .bigImg {

		flex-grow: 1;

		max-width: 100%;

		flex-basis: 0%

	}



	.tem13-pro-showPic .wrap.left .mainpic,.tem13-pro-showPic .wrap.right .mainpic {

		flex-grow: 0;

		flex-shrink: 0

	}



	.tem13-pro-showPic .wrap.left .swiper-wrapper,.tem13-pro-showPic .wrap.right .swiper-wrapper {

		height: auto!important;

		flex-wrap: wrap

	}



	.tem13-pro-showPic .wrap.left .swiper-slide img,.tem13-pro-showPic .wrap.right .swiper-slide img {

		height: auto!important;

		width: 60px

	}



	.tem13-pro-showPic .wrap.left {

		flex-direction: row-reverse

	}



	.tem13-pro-showPic .wrap.left .swiper-slide::after,.tem13-pro-showPic .wrap.right .swiper-slide::after {

		opacity: 0

	}



	.tem13-pro-showPic .wrap {

		padding-right: 40px

	}



	.tem0-product_show.content-right .tem13-pro-showPic .wrap {

		padding-left: 40px;

		padding-right: 0

	}



	.tem13-pro-showPic .swiper-wrapper {

		margin: 0 -5px

	}

}



@media (max-width:991px) {

	.tem0-product_show .mainpic,.tem0-product_show .detail {

		position: static!important

	}

}



@media (max-width:768px) {

	.tem13-pro-showPic .swiper-container-autoheight .swiper-wrapper {

		height: auto!important

	}



	.tem13-pro-showPic .wrap {

		position: relative

	}



	.tem13-pro-showPic .bigImg {

		position: static

	}



	.tem13-pro-showPic .bigImg img {

		display: none

	}



	.tem13-pro-showPic .swiper-slide img {

		height: auto!important;

		display: block;

		margin: 0 auto

	}



	.tem13-pro-showPic .swiper-wrapper {

		align-items: normal

	}



	.tem13-pro-showPic .video {

		top: auto;

		height: auto;

		bottom: 0

	}



	.tem13-pro-showPic .video video,.tem13-pro-showPic .video iframe {

		height: auto

	}



	.tem13-pro-showPic .swiper-slide img {

		opacity: 1

	}



	.tem13-pro-showPic .swiper-slide::after {

		display: none

	}



	.tem13-pro-showPic .video.show {

		position: fixed;

		width: 100%;

		height: 100%;

		background: #000;

		top: 0;

		z-index: 9999

	}



	.tem13-pro-showPic .video video {

		top: 50%;

		transform: translateY(-50%)

	}



	.tem13-pro-showPic .swiper-slide {

		padding: 0

	}

}



.tem01-pro-showTitle {

	color: #212121;

	border-color: #e0e0e0;
	

}



.tem01-pro-showTitle .title {
    margin-top: 43px;
	font-size: 24px

}



.tem01-pro-showTitle .description {

	padding-top: 8px;

	opacity: .6;

	padding-bottom: 20px;

	border-bottom: 1px solid;

	border-color: inherit;

	margin-bottom: 30px

}



@media (max-width:991px) {

	.tem01-pro-showTitle .title {

		margin-top: 20px

	}

}



@media (max-width:768px) {

	.tem01-pro-showTitle .title {

		font-size: 16px!important

	}



	.tem01-pro-showTitle .description {

		margin: 0

	}

}



.tem01-pro-parameter .amount {

	width: 100%;

	margin-bottom: 20px

}



.tem01-pro-parameter .amount.proPrice {

	margin-bottom: 0

}



.tem01-pro-parameter .amount.proPrice .origin_price {

	margin-bottom: 20px

}



.tem01-pro-parameter .stockTit {

	width: 100%;

	font-weight: 500;

	font-size: 18px

}



.tem01-pro-parameter .stockVal {

	padding-top: 12px

}



.tem01-pro-parameter .proAttr .stockVal {

	padding-top: 5px;

	opacity: .8

}



.tem01-pro-parameter .proAttr ul {

	display: flex;

	display: -webkit-flex;

	flex-wrap: wrap

}



.tem01-pro-parameter .proAttr ul li {

	width: 50%;

	padding: 12px 12px 0 0

}



.tem01-pro-parameter .proAttr ul li span {

	display: block;

	border: 1px solid;

	border-color: #e0e0e0;

	text-align: center;

	padding: 10px;

	cursor: pointer

}



.tem01-pro-parameter .proAttr ul li.active span {

	border-color: inherit;

	color: inherit

}



.tem01-pro-parameter .proAttr ul li span p {

	width: 30px;

	height: 15px;

	margin: auto;

	vertical-align: middle

}



.tem01-pro-parameter .proPrice span {

	font-size: 24px

}



.tem01-pro-parameter .description dt,.tem01-pro-parameter .description dd {

	display: table-cell

}



.tem01-pro-parameter .description dd {

	padding-left: 10px

}



@media (max-width:991px) {

	.tem01-pro-parameter {

		margin-top: 20px

	}

}



@media (max-width:768px) {

	.tem01-pro-parameter .stockTit {

		font-size: 14px

	}



	.tem01-pro-parameter .amount {

		display: flex;

		display: -webkit-flex

	}



	.tem01-pro-parameter .stockTit {

		width: auto;

		flex-shrink: 0

	}



	.tem01-pro-parameter .proAttr .stockVal {

		padding-left: 10px;

		padding-top: 2px;

		position: relative

	}



	.tem01-pro-parameter .proAttr .stockVal::before {

		content: ":";

		position: absolute;

		left: 2px

	}



	.tem01-pro-parameter .amount {

		margin-bottom: 10px

	}

}



.tem01-pro-attrMore ul {

	width: 100%;

	margin-bottom: 30px

}



.tem01-pro-attrMore .title {

	width: 100%;

	font-weight: 500;

	font-size: 18px

}



.tem01-pro-attrMore ol {

	display: flex;

	display: -webkit-flex;

	flex-wrap: wrap

}



.tem01-pro-attrMore li {

	width: 50%;

	padding: 12px 12px 0 0

}



.tem01-pro-attrMore a {

	display: block;

	border: 1px solid;

	border-color: #e0e0e0;

	text-align: center;

	padding: 10px;

	cursor: pointer;

	color: inherit

}



.tem01-pro-attrMore li.active a {

	border-color: inherit;

	color: inherit

}



.tem01-pro-attrMore li span {

	display: block

}



@media (max-width:991px) {

	.tem01-pro-attrMore {

		margin-top: 20px

	}

}



@media (max-width:768px) {

	.tem01-pro-attrMore a {

		padding: 5px 10px

	}



	.tem01-pro-attrMore ul {

		margin-bottom: 20px

	}

}



@media (max-width:360px) {

	.tem01-pro-attrMore li {

		width: 100%;

		padding: 5px 0

	}

}



.tem01-pro-showBtn {

	color: #212121;

	border-color: #e0e0e0;

	margin: 10px 0 20px 0

}



.tem01-pro-showBtn ul {

	width: 100%;

	clear: both;

	font-size: 0

}



.tem01-pro-showBtn ul li {

	display: inline-block;

	margin-right: 15px

}



.tem01-pro-showBtn ul li.edit_download {

	margin-right: 0

}



.tem01-pro-showBtn ul li a {

	border-radius: 0;

	padding: 10px 30px;

	font-size: 16px

}



.tem01-pro-showBtn ul li .collection {

	padding: 8px 15px;

	background-color: #b0b0b0;

	box-shadow: none;

	color: #fff

}



.tem01-pro-showBtn ul li .collection.active .collection1,.tem01-pro-showBtn ul li .collection2 {

	display: none

}



.tem01-pro-showBtn ul li .collection.active .collection2 {

	display: inline-block

}



.tem01-pro-showBtn ul li .collection.active .icon-favorite {

	color: #e53935

}



.tem01-pro-showBtn .download-box .btn {

	padding: 10px 40px;

	font-size: 16px;

	color: #fff;

	background-color: #b0b0b0;

	border-color: #b0b0b0;

	border-radius: 0

}



.tem01-pro-showBtn .download-box .downloadicon {

	margin-right: 5px;

	font-size: 12px;

	color: rgba(0,0,0,.65)

}



.tem01-pro-showBtn .downloaddesc {

	padding: 10px;

	position: relative

}



.tem01-pro-showBtn .downloaddesc .icon-help {

	font-size: 16px;

	color: rgba(0,0,0,.5)

}



.tem01-pro-showBtn .downloaddesc .downloaddesc_text {

	width: 14vw;

	border-radius: 4px;

	padding: 6px;

	border: 1px solid #E4E7ED;

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

	position: absolute;

	left: 100%;

	top: -2vh;

	background-color: #fff;

	display: none;

	word-break: break-word;

	font-size: 12px;

	opacity: .8;

	line-height: 160%;

	z-index: 2

}



.tem01-pro-showBtn .downloaddesc .downloaddesc_text.active {

	display: block

}



.tem01-pro-showBtn .Downmodal {

	width: 100%;

	height: 100%;

	position: fixed;

	top: 0;

	left: 0;

	z-index: 99;

	background-color: rgba(0,0,0,.45);

	display: none;

	opacity: 0

}



.tem01-pro-showBtn .Downmodal.open {

	display: block

}



.tem01-pro-showBtn .Downmodal.opentwo {

	opacity: 1;

	transition: .3s

}



.tem01-pro-showBtn .Downmodalbox {

	width: 500px;

	background-color: #fff;

	border: 1px solid #E4E7ED;

	box-shadow: 0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04);

	border-radius: 2px;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-left: -250px;

	transform: translateY(-50%)

}



.tem01-pro-showBtn .Downmodal .Downmodal-top {

	height: 48px;

	line-height: 48px;

	border-bottom: 1px solid #E4E7ED;

	border-radius: 2px 2px 0 0;

	padding: 0 14px;

	text-align: right;

	color: #DFE3E9;

	font-size: 22px

}



.tem01-pro-showBtn .Downmodal .Downmodal-top .icon-cancel4 {

	cursor: pointer

}



.tem01-pro-showBtn .Downmodal .Downmodal-bottom {

	background-color: #F0F3F8;

	padding: 8px 20px;

	justify-content: flex-end

}



.tem01-pro-showBtn .Downmodal .Downmodal-cancel {

	width: 60px;

	height: 32px;

	background-color: #fff;

	border: 1px solid #E8ECEF;

	font-size: 14px;

	color: rgba(0,0,0,.65);

	text-align: center;

	line-height: 32px;

	cursor: pointer

}



.tem01-pro-showBtn .Downmodal .Downmodal-body {

	padding: 8px

}



.tem01-pro-showBtn .Downmodal .downitems {

	counter-reset: number

}



.tem01-pro-showBtn .Downmodal .downitem {

	padding-left: 32px;

	padding-right: 8px;

	position: relative;

	line-height: 32px

}



.tem01-pro-showBtn .Downmodal .downitem:after {

	content: '';

	counter-increment: number;

	content: counter(number);

	position: absolute;

	top: 0;

	left: 8px;

	font-size: 14px

}



.tem01-pro-showBtn .Downmodal .downitem:nth-of-type(2n+1) {

	background-color: #EFF2F7

}



.tem01-pro-showBtn .Downmodal .downitem:nth-of-type(2n+2) {

	background-color: #fff

}



.tem01-pro-showBtn .Downmodal .downitem a {

	display: block;

	margin-left: 18px

}



.tem01-pro-showBtn .Downmodal .downitems {

	max-height: 320px;

	overflow-y: auto

}



.tem01-pro-showBtn .Downmodal .downitem>div {

	flex: 1;

	-webkit-flex: 1;

	transition: .4s;

	word-break: break-word;

	font-size: 14px

}



.tem01-pro-showBtn .Downmodal .downitem>a .icon-download5 {

	color: #595959;

	font-size: 14px;

	transition: .4s

}



.tem01-pro-showBtn .Downmodal .downitem:hover>div {

	color: #3A78E7

}



.tem01-pro-showBtn .Downmodal .downitem:hover>a .icon-download5 {

	color: #3A78E7

}



.bugNowModal {

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,.6);

	position: fixed;

	left: 0;

	top: 0;

	z-index: 9999;

	display: none

}



.bugNowModal .gray_to_cart {

	width: 300px;

	height: auto;

	background: #fff;

	position: relative;

	top: 50%;

	left: 50%;

	margin-left: -150px;

	padding: 20px 10px;

	border: 1px solid #ccc;

	text-align: center

}



.bugNowModal .gray_to_cart p {

	font-size: 12px;

	color: #666

}



.bugNowModal .gray_to_cart .gray_to_cart_btn a {

	display: inline-block;

	width: 100px;

	height: 34px;

	margin: 15px 15px 0 15px

}



@media (max-width:768px) {

	.tem01-pro-showBtn ul li a,.tem01-pro-showBtn .download-box .btn {

		font-size: 14px;

		padding: 8px 15px

	}



	.tem01-pro-showBtn ul li {

		margin-right: 10px

	}



	.tem01-pro-showBtn .downloaddesc .downloaddesc_text {

		width: 400px

	}

}



@media (max-width:480px) {

	.tem01-pro-showBtn {

		margin-bottom: 10px

	}



	.tem01-pro-showPledge {

		font-size: 12px;

		margin: 0 0 15px

	}



	.tem01-pro-showPledge .icon {

		font-size: 14px

	}



	.tem01-pro-showBtn .downloaddesc .downloaddesc_text {

		width: 150px

	}



	.tem01-pro-showBtn ul li a,.tem01-pro-showBtn .download-box .btn {

		padding: 6px 12px

	}

}



@media (max-width:360px) {

	.tem01-pro-showBtn ul li a,.tem01-pro-showBtn .download-box .btn {

		padding: 8px 20px;

		font-size: 12px;

		width: 100%

	}



	.tem01-pro-showBtn ul li {

		width: 100%;

		margin-bottom: 5px

	}



	.tem01-pro-showBtn ul li .download,.tem01-pro-showBtn ul li .download-box {

		width: 100%

	}



	.tem01-pro-showBtn .downloaddesc {

		display: none

	}

}



.tem01-pro-showShare {

	margin-bottom: 15px

}



.tem01-pro-showShare .detail-share {

	display: flex;

	display: -webkit-flex;

	align-items: center;

	margin-bottom: 10px

}



.tem01-pro-showShare .basic-share a {

	margin: 0 10px 0 0;

	display: inline-block;

	width: 30px;

	height: 30px;

	line-height: 26px;

	text-align: center;

	border-radius: 50%;

	border-style: solid;

	border-width: 1px;

	font-size: 16px

}



.tem01-pro-showShare .basic-share a span {

	vertical-align: middle;

	line-height: 28px;

	display: block

}



@media (max-width:991px) {

	.tem01-pro-showTitle .title {

		margin-top: 20px

	}

}



@media (max-width:768px) {

	.tem01-pro-showTitle .title {

		font-size: 16px!important

	}



	.tem01-pro-showTitle .description {

		margin: 0

	}

}



.tem0-product_detail.content-left>.flexBoxWrap {

	flex-direction: row-reverse

}



.tem0-product_detail .aside {

	flex-grow: 0;

	flex-shrink: 0

}



.tem0-product_detail .aside>.add-module:after {

	content: "\4fa7\8fb9\680f\6a21\5757";

	display: inline-block

}



.tem0-product_detail .aside>.add-module,.tem0-product_detail .detail>.add-module {

	width: 150px

}



.tem0-product_detail .detail>.add-module:after {

	content: "\8be6\60c5\6a21\5757";

	display: inline-block

}



.tem0-product_detail .detail {

	flex-grow: 1;

	max-width: 100%;

	flex-basis: 0%

}



.tem02-detail-comment {

	padding: 10px 0

}



.tem02-detail-comment h3,.tem02-detail-comment .h3 {

	font-size: 18px

}



.tem02-detail-comment .comment-list {

	border-bottom: 1px solid #eaeaea;

	padding: 15px;

	margin: 0

}



.tem02-detail-comment .reply.comment-list {

	padding: 10px 40px

}



.tem02-detail-comment .reply.comment-list .title {

	font-size: 14px;

	color: #ff4949

}



.tem02-detail-comment .media.comment-list:hover {

	background: #f9f9f9

}



.tem02-detail-comment .media-heading {

	font-size: 15px;

	color: #222

}



.tem02-detail-comment .media-text {

	margin-bottom: 5px;

	color: #666;

	font-size: 14px;

	line-height: 22px

}



.tem02-detail-comment .media-bottom .media-time {

	font-style: normal;

	font-family: arial;

	color: #aaa

}



.tem02-detail-comment .comment-pages {

	margin: 15px 0 30px

}



.tem02-detail-comment .comment-pages a {

	margin: 0 0 5px 0;

	border: none;

	border-right: 1px solid #ccc;

	color: #333;

	border-radius: 0;

	padding: 0;

	height: 15px;

	line-height: 15px;

	width: 45px;

	text-align: center;

	display: inline-block

}



.tem02-detail-comment .comment-pages a:last-child {

	border-right: none

}



.tem02-detail-comment .description {

	width: 80%;

	display: block;

	margin: 15px auto 0

}



.tem02-detail-comment .comment-title {

	color: #444;

	font-size: 20px;

	margin-bottom: 10px

}



.tem02-detail-comment .form-group {

	border-color: #ddd;

	color: #666

}



.tem02-detail-comment .form-group .form-control {

	box-shadow: none;

	border: none;

	border-bottom: 1px solid transparent;

	border-color: inherit;

	border-radius: 0;

	font-size: 14px;

	height: 40px;

	padding: 10px 0;

	background: none;

	color: inherit

}



.tem02-detail-comment .form-group textarea {

	height: auto!important

}



.tem02-detail-comment .form-group .form-control:focus {

	border-color: #333

}



.tem02-detail-comment .form-group .form-control::-moz-placeholder {

	color: inherit;

	opacity: .7

}



.tem02-detail-comment .form-group .form-control:-ms-input-placeholder {

	color: inherit;

	opacity: .7

}



.tem02-detail-comment .form-group .form-control::-webkit-input-placeholder {

	color: inherit;

	opacity: .7

}



.tem02-detail-comment .form-group .btn {

	border-radius: 0;

	border: none;

	background: #333;

	color: #fff;

	padding: 6px 20px;

	margin-top: 10px

}



.tem02-detail-comment .yzmbox {

	position: relative

}



.tem02-detail-comment .yzmbox a {

	position: absolute;

	top: 5px;

	right: 0

}



@media (max-width:480px) {

	.tem02-detail-comment .comment-title,.tem02-detail-comment h3,.tem02-detail-comment .h3 {

		font-size: 18px!important

	}



	.tem02-detail-comment .comment-title {

		margin-bottom: 15px

	}



	.tem02-detail-comment .form-group .btn {

		margin-top: 0

	}



	.tem02-detail-comment .form-group {

		margin-left: 0;

		margin-right: 0

	}



	.tem02-detail-comment .comment-title {

		margin-bottom: 10px

	}



	.tem02-detail-comment .description {

		width: 100%;

		padding: 0 15px

	}



	.tem02-detail-comment .form-group .form-control,.tem02-detail-comment .form-group .btn {

		font-size: 12px

	}

}



@media (max-width:360px) {

	.tem02-detail-comment .comment-title {

		margin-bottom: 10px

	}

}



.tem06-detail-comment .description {

	width: 100%

}



.tem06-detail-comment .form-horizontal {

	border-color: #ddd

}



.tem06-detail-comment .form-horizontal .form-group {

	margin-left: 0;

	margin-right: 0

}



.tem06-detail-comment .form-group {

	border-color: inherit;

	color: inherit

}



.tem06-detail-comment .form-group .btn {

	background-color: transparent;

	border: 1px solid var(--main-color);

	color: var(--main-color);

	padding: 12px 30px;

	transition: .5s

}



.tem06-detail-comment .form-group .btn:hover {

	background-color: var(--main-color);

	color: #FFF

}



.tem01-list-menu {

	margin-bottom: 15px;

	border: 0

}



.tem01-list-menu h3,.tem01-list-menu .h3 {

	margin: 0;

	padding: 10px 15px;

	background: rgb(67, 159, 227);

	border-bottom: 1px solid rgba(0,0,0,.08);

	color: rgb(248, 248, 248);

	font-size: 16px

}



.tem01-list-menu .menu_tg {

	float: left;

	font-size: 22px;

	display: none;

	height: 40px;

	line-height: 42px;

	width: 40px;

	text-align: center

}



.tem01-list-menu .list-group {

	margin-top: -1px

}



.tem01-list-menu .list-group a {

	display: block

}



.tem01-list-menu .list-group-item {

	padding: 0;

	margin: 0;

	border: 0;

	border-top: 1px solid rgba(0,0,0,.08);

	border-radius: 0

}



.tem01-list-menu .list-group-item a {

	display: block;

	padding: 10px;

	color: #777

}



.tem01-list-menu .list-group-item a span.active::before {

	display: inline-block;

	transform: rotate(90deg)

}



.tem01-list-menu .bg-color-h .list-group-item a:hover {

	color: #fff

}



.tem01-list-menu .list-group .bg-color {

	color: #fff

}



.tem01-list-menu .list-group2 .list-group2_item a {

	padding: 8px 10px 8px 20px;

	font-size: 12px;

	opacity: .8

}



.tem01-list-menu .list-menu {

	display: none;

	color: #333;

	font-size: 20px

}



.tem01-list-menu .list-menu:hover {

	opacity: .7

}



.tem01-list-menu .list-group-item>.list-group2 {

	

}



@media (max-width:768px) {

	.tem01-list-menu {

		display: none

	}



	.tem01-list-menu .title {

		display: inline-block;

		float: left;

		max-width: 70%;

		padding: 10px 0;

		white-space: nowrap;

		overflow: hidden;

		text-overflow: ellipsis

	}



	.tem01-list-menu .list-menu {

		display: inline-block;

		float: right;

		max-width: 30%

	}



	.tem01-list-menu .list-group {

		display: none

	}



	.tem01-pro-detail .leftlist .tem01-list-menu h3,.tem01-pro-detail .leftlist .tem01-list-menu .h3 {

		padding: 10px 15px 10px 0

	}



	.tem01-list-menu .menu_tg {

		display: block

	}

}



.tem08-side-related-products .main {


	

}



.tem08-side-related-products .main .headline {

	font-size: 16px;

	color: #fcf8f8;

	height: 50px;

	line-height: 50px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	border-bottom: 1px solid #e6e6e6;

	margin: 0 0 15px 0;

	padding: 0 15px;

	background-color: rgb(67, 159, 227);

}



.tem08-side-related-products .main .thumbnail {

	border-radius: 0;

	border: 0;

	border-bottom: 1px solid #eee;

	padding: 10px 0;

	margin: 0;

	background: none

}



.tem08-side-related-products .main .item:first-child .thumbnail {

	padding: 0 0 10px 0

}



.tem08-side-related-products .main .item:last-child .thumbnail {

	border: 0

}



.tem08-side-related-products .main .thumbnail .image {

	width: 80px;

	height: 80px;

	float: left;

	overflow: hidden

}



.tem08-side-related-products .main .thumbnail .image img {

	width: 100%;

	height: 100%

}



.tem08-side-related-products .main .thumbnail .caption {

	width: calc(100% - 80px);

	float: left;

	color: #333;

	padding: 10px 0 10px 10px

}



.tem08-side-related-products .main .thumbnail .caption h5,.tem08-side-related-products .main .thumbnail .caption .h5 {

	font-size: 12px;

	line-height: 20px;

	height: 60px;

	line-height: 20px;

	overflow: hidden;

	margin: 0

}



@media(max-width:640px) {

	.tem08-side-related-products .main .item {

		width: 50%

	}

}



@media(max-width:360px) {

	.tem08-side-related-products .main .item {

		width: 100%

	}

}



.tem03-related-products {

	margin-top: 15px;

	position: relative

}



.tem03-related-products .headline {

	font-size: 16px;

	padding: 15px 20px;

	border: 1px solid;

	border-color: #ddd;

	color: #333;

	font-weight: 600;

	margin-bottom: 25px;

	background-color: #f7f7f7;

	margin-top: 0

}



.tem03-related-products .item {

	display: block

}



.tem03-related-products .image {

	width: 100%;

	border: 1px solid;

	border-color: #ddd

}



.tem03-related-products .image img {

	max-width: 100%;

	width: auto;

	display: block;

	margin: auto;

	transition: .4s;

	-moz-transition: .4s;

	-webkit-transition: .4s

}



.tem03-related-products .item:hover .image img {

	transform: scale(1.1);

	-moz-transform: scale(1.1);

	-webkit-transform: scale(1.1)

}



.tem03-related-products .txt {

	padding: 10px 0;

	color: #333

}



.tem03-related-products .txt .description {

	display: none

}



.tem03-related-products .prev,.tem03-related-products .next {

	position: absolute;

	top: 50%;

	transform: translateY(calc(-50% - 15px));

	z-index: 2;

	font-size: 2.5rem;

	opacity: .5;

	cursor: pointer;

	background-color: #fff

}



.tem03-related-products .prev {

	left: 0;

	transform: translateY(calc(-50% - 15px)) scale(-1,1)

}



.tem03-related-products .next {

	right: 0

}



.tem03-related-products .swiper-container {

	padding-bottom: 40px

}



@media (max-width:768px) {

	.tem03-related-products .container {

		padding-left: 3%!important;

		padding-right: 3%!important

	}



	.tem03-related-products .tem03-related-products-sm .headline {

		margin-bottom: 15px;

		padding: 12px 15px;

		font-weight: 500

	}

}



@media (max-width:480px) {

	.tem03-related-products .tem03-related-products-sm .headline {

		font-size: 14px

	}



	.tem03-related-products .prev,.tem03-related-products .next {

		display: none!important

	}

}



.tem41-footer .top {

	padding: 30px 0 20px

}



.tem41-footer h4,.tem41-footer .h4,.tem41-footer h4 p,.tem41-footer .h4 p {

	font-weight: 400;

	text-align: left;

	font-size: 20px

}



.tem41-footer h4,.tem41-footer .h4 {

	color: #7C818E;

	font-weight: 700;

	font-size: 16px

}



.tem41-footer .links-info {

	display: block;

	font-weight: 300;

	font-size: 12px;

	line-height: 25px

}



.tem41-footer .phone {

	color: #d9d9d9;

	font-family: Georgia;

	font-size: 26px

}



.tem41-footer .phone img {

	max-width: 100%

}



.tem41-footer .tem02-footer-grids ul li {

	margin-bottom: 5px;

	font-size: 14px;

	list-style-type: none;

	line-height: 180%

}



.tem41-footer .tem02-footer-grids ul li a {

	color: #3A3A3A;

	text-decoration: none

}



.tem41-footer .tem02-footer-grids ul li a:hover {

	color: #fff

}



.tem41-footer .tem02-footer-grids h4 a,.tem41-footer .tem02-footer-grids .h4 a {

	color: #D28F3B;

	font-size: 2.3em;

	text-decoration: none

}



.tem41-footer .flogo {

	width: 100%;

	margin-bottom: 20px

}



.tem41-footer .flogo img {

	width: auto

}



.tem41-footer .right .title {

	color: #3a3a3a

}



.tem41-footer .right .description {

	color: #999

}



.tem41-footer .right .btn {

	margin: 20px 0 10px;

	background: #95999F;

	color: #fff;

	border-radius: 0;

	padding: 15px 30px;

	border: none;

	font-weight: 500

}



.tem41-footer .sitemap-link {

	color: #666

}



.tem41-footer .share {

	color: #666

}



.tem41-footer .share a {

	display: inline-block;

	color: inherit;

	font-size: 16px

}



.tem41-footer .share a span {

	padding: 10px 10px 0 0

}



.tem41-footer .share a span[class*="icon-google-plus"] {

	display: none

}



.tem41-footer .description.desc_ a {

	color: inherit

}



@media (max-width:991px) {

	.tem41-footer .col-xs-6 {

		margin: 10px 0

	}

}



@media (max-width:768px) {

	.tem41-footer {

		display: none

	}

}



.tem06-copyright {

	background-color: rgba(0,0,0,.9);

	padding: 10px 0

}



.tem06-copyright .copyright {

	color: #999;

	font-size: 12px;

	line-height: 20px;

	text-align: center;

	margin-top: 5px

}



.tem06-copyright .share-to {

	text-align: center;

	padding: 0;

	width: 100%

}



.tem06-copyright .share-to a {

	display: inline-block

}



.tem06-copyright .share-to a span {

	padding: 5px 10px 0 0;

	font-size: 16px;

	color: #888

}



.tem06-copyright .share-to a span[class*="icon-google-plus"] {

	display: none

}



@media (max-width:767px) {

	.tem06-copyright .share-to a {

		font-size: 20px;

		line-height: 30px

	}

}



#mqChat-box {

	position: fixed;

	bottom: 0;

	right: 15px;

	z-index: 1038;

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

}



#mqChat-box.show {

	bottom: 30px

}



#mqChat-box.show #mqChat-small {

	display: none

}



#mqChat-box.show #mqChat-show {

	display: block;

	bottom: 0

}



#mqChat-box i,#mqChat-box em,#mqChat-box dfn {

	font-style: normal

}



#mqChat-box .none,#mqChat-box [none] {

	display: none

}



#mqChat-small {

	display: flex;

	display: -webkit-flex;

	align-items: center;

	border-top-left-radius: 5px;

	border-top-right-radius: 5px;

	color: inherit;

	cursor: pointer;

	box-shadow: var(--box-shadow)

}



#mqChat-small dfn {

	position: relative

}



#mqChat-small i {

	font-size: 25px;

	display: inline-block

}



#mqChat-small span {

	padding: 0 10px 0 15px;

	font-size: 18px

}



#mqChat-small em {

	opacity: .5

}



#mqChat-small .icon-keyboard_control {

	position: absolute;

	top: 0;

	left: 2px;

	z-index: 1;

	font-size: 22px

}



#mqChat-show {

	border-radius: 5px;

	overflow: hidden;

	background-color: #FFF;

	width: 350px;

	box-shadow: var(--box-shadow)

}



#mqChat-head {

	font-size: 18px;

	color: #FFF;

	padding-left: 7px;

	position: relative

}



#mqChat-head i {

	cursor: pointer;

	position: absolute;

	right: 15px;

	top: 50%;

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

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

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

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

	transform: translateY(-50%);

	width: 28px;

	height: 28px

}



#mqChat-head i::after,#mqChat-head i::before {

	content: "";

	position: absolute;

	width: 20px;

	height: 2px;

	background-color: #fff;

	left: 50%;

	top: 50%;

	margin-left: -10px;

	margin-top: -1px

}



#mqChat-head i::after {

	-webkit-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	transform: rotate(45deg)

}



#mqChat-head i::before {

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

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

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

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

	transform: rotate(-45deg)

}



#mqChat-head i::after {

	transform: rotate()

}



#mqChat-head i:hover {

	background-color: rgba(0,0,0,.1)

}



#mqChat-head span {

	padding: 10px;

	display: inline-block

}



#mqChat-chat form {

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

	padding: 5px 10px

}



#mqChat-chat .flex {

	display: flex;

	display: -webkit-flex;

	justify-content: space-between;

	align-items: center;

	padding: 10px 0;

	position: relative;

	flex-shrink: 0

}



#mqChat-chat .flex i {

	font-size: 22px;

	opacity: .6

}



#mqChat-chat .flex input {

	position: absolute;

	top: 0;

	right: 0;

	opacity: 0;

	z-index: 1;

	cursor: pointer

}



#mqChat-chat .submit {

	flex-shrink: 0;

	font-size: 14px;

	border-radius: 5px;

	padding: 5px 15px;

	color: #FFF;

	border: none;

	cursor: pointer

}



#mqChat-chat .tips {

	flex-grow: 1;

	text-align: right;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	padding-right: 5px

}



#mqChat-chat .tips:before {

	content: attr(title);

	opacity: .5

}



#mqChat-chat .face {

	border: none;

	outline: none;

	background: none;

	padding: 0 10px;

	color: inherit;

	cursor: pointer

}



#mqChat-chat .face:after {

	content: "";

	background: url(/templates/public4/assets/images/tem01-float_1.png) no-repeat center;

	background-size: cover;

	width: 12px;

	height: 8px;

	position: absolute;

	top: -1px;

	left: 36px;

	z-index: 2;

	display: none

}



#mqChat-chat .face:focus:after {

	display: block

}



#mqChat-chat .face:focus .nano {

	display: block

}



#mqChat-chat .nano {

	position: absolute;

	bottom: 100%;

	left: 0;

	width: 100%;

	height: 160px;

	overflow-y: auto;

	background-color: #FFF;

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

	border-radius: 5px;

	display: none

}



#mqChat-chat .nano ul {

	padding: 12px;

	display: flex;

	display: -webkit-flex;

	flex-wrap: wrap

}



#mqChat-chat .nano li {

	width: 100%;

	max-width: 10%;

	padding-top: 10%;

	cursor: pointer;

	position: relative

}



#mqChat-chat .nano li img {

	width: 75%;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%)

}



#mqChat-chat .nano li:hover {

	background-color: rgba(0,0,0,.05)

}



#mqChat-chat .upload {

	flex-shrink: 0;

	position: relative;

	overflow: hidden

}



#mqChat-chat .chat {

	height: 370px;

	overflow: hidden;

	overflow-y: auto

}



#mqChat-chat .chat ul {

	display: flex;

	display: -webkit-flex;

	flex-flow: column;

	padding-top: 20px

}



#mqChat-chat .chat li {

	padding: 0 15px 20px;

	max-width: 100%

}



#mqChat-chat .chat em {

	display: block;

	font-size: 12px;

	opacity: .5;

	text-align: center;

	padding-bottom: 10px

}



#mqChat-chat .chat span {

	text-align: left;

	padding: 9px 15px 10px;

	border-radius: 5px;

	display: inline-block;

	max-width: 100%;

	word-wrap: break-word

}



#mqChat-chat .chat .more {

	font-size: 12px;

	text-align: center;

	opacity: .5;

	margin: 0 auto 20px;

	padding: 0;

	cursor: pointer

}



#mqChat-chat .chat .b2c {

	padding-right: 75px

}



#mqChat-chat .chat .b2c em {

	margin-right: -60px

}



#mqChat-chat .chat .b2c span {

	background-color: #F1F2F5

}



#mqChat-chat .chat .c2b {

	padding-left: 75px;

	text-align: right

}



#mqChat-chat .chat .c2b em {

	margin-left: -60px

}



#mqChat-chat .chat .c2b span {

	background-color: var(--main-color);

	color: #FFF;

	position: relative

}



#mqChat-chat .chat .c2b i {

	position: absolute;

	top: 50%;

	left: -5px;

	transform: translate(-100%,-50%);

	font-size: 12px;

	color: #999

}



#mqChat-chat .chat .c2b i:before {

	width: 24px;

	height: 24px;

	line-height: 24px;

	display: inline-block;

	border-radius: 100px;

	text-align: center;

	color: #FFF;

	font-size: 18px;

	margin-right: 5px

}



#mqChat-chat .chat .c2b .loading:before {

	content: " ";

	background: url(/templates/public4/assets/images/tem01-float_1.gif) no-repeat center;

	background-size: 70%;

	vertical-align: -7px

}



#mqChat-chat .chat .c2b .error:before {

	content: "!";

	background: red;

	cursor: pointer;

	vertical-align: -1px

}



#mqChat-chat .chat img {

	border-radius: 14px;

	max-width: 100%;

	height: auto!important

}



#mqChat-chat .chat img.emoji {

	border-radius: 0;

	height: 18px!important

}



#mqChat-chat .chat img.pointer {

	cursor: pointer

}



#mqChat-textarea {

	position: relative;

	border-radius: 5px;

	background: rgba(236,237,241,.4);

	height: 60px;

	overflow-y: auto;

	padding: 10px;

	line-height: 1.5;

	cursor: text;

	outline: none

}



#mqChat-textarea:before {

	content: attr(title);

	position: absolute;

	top: 10px;

	left: 10px;

	opacity: .5

}



#mqChat-textarea:focus {

	background: rgba(236,237,241,.6)

}



#mqChat-textarea:focus:before {

	display: none

}



#mqChat-textarea.hideTips:before {

	content: ""

}



#mqChat-textarea img {

	max-height: 18px

}



#mqChat-show .body.show-form #mqChat-form {

	display: flex!important;

	display: -webkit-flex!important

}



#mqChat-show .body.show-form #mqChat-chat {

	display: none

}



#mqChat-form {

	padding: 20px 15px;

	background-color: #FFF;

	align-items: center;

	align-content: center

}



#mqChat-form .form {

	width: 100%

}



#mqChat-form .yzmbox {

	position: relative

}



#mqChat-form .yzmbox a {

	position: absolute;

	bottom: 4px;

	right: 8px

}



#mqChat-form .yzmbox label~.form-control-feedback,#mqChat-form .yzmbox .help-block {

	display: none!important

}



#mqChat-form .has-feedback label~.form-control-feedback {

	bottom: -10px;

	top: initial

}



#mqChat-form .help-block {

	bottom: 8px;

	right: 30px

}



@media(min-width:768px) {

	#mqChat-small {

		background-color: #FFF;

		padding: 15px 20px

	}



	#mqChat-small .icon-keyboard_control {

		color: #FFF

	}

}



@media(max-width:767px) {

	#mqChat-box {

		bottom: 70px;

		right: 10px

	}



	#mqChat-box.show {

		bottom: 0;

		right: 0;

		top: 0;

		left: 0

	}



	#mqChat-small .icon-bubble,#mqChat-small {

		color: #FFF

	}



	#mqChat-small {

		border-radius: 100px;

		padding: 7px 10px 7px 20px

	}



	#mqChat-small span {

		padding-left: 10px;

		font-size: 16px

	}



	#mqChat-show {

		border-radius: 0;

		width: 100%;

		height: 100%;

		position: relative;

		padding-top: 46px

	}



	#mqChat-show .body {

		height: 100%

	}



	#mqChat-head {

		position: absolute;

		top: 0;

		left: 0;

		right: 0

	}



	#mqChat-chat {

		height: 100%;

		position: relative;

		padding-bottom: 46px

	}



	#mqChat-chat form {

		padding: 7px 10px 8px;

		position: absolute;

		bottom: 0;

		left: 0;

		right: 0

	}



	#mqChat-chat .flex {

		padding: 0;

		align-items: flex-start

	}



	#mqChat-chat .flex i {

		vertical-align: -10px

	}



	#mqChat-chat .chat {

		height: 100%

	}



	#mqChat-chat .tips {

		display: none

	}



	#mqChat-chat .textarea {

		flex-grow: 1;

		padding-right: 10px

	}



	#mqChat-chat .face:after {

		top: -8px

	}



	#mqChat-chat .nano {

		bottom: 38px

	}



	#mqChat-chat .nano ul {

		padding: 10px

	}



	#mqChat-chat .nano li {

		max-width: 14.2857%;

		padding-top: 0

	}



	#mqChat-chat .nano li img {

		max-width: 33px;

		position: relative;

		top: 0;

		left: 0;

		transform: none;

		padding: 5px 0 10px;

		display: block;

		margin: auto

	}



	#mqChat-textarea {

		padding: 5px 10px;

		height: auto;

		min-height: 30px;

		max-height: 80px;

		background-color: #ECEDF1

	}



	#mqChat-textarea:before {

		top: 5px

	}

}



.tem01-beshare {

	position: fixed;

	z-index: 999;

	display: none

}



.show .tem01-beshare {

	display: block

}



.tem01-beshare li {

	margin-bottom: 1px;

	overflow: hidden;

	position: relative

}



.tem01-beshare li a {

	display: block;

	overflow: hidden;

	transition: .5s ease 0s;

	color: #fff

}



.tem01-beshare li a span {

	display: block

}



.show.right .tem01-beshare {

	right: 0!important;

	bottom: 275px

}



.show.left .tem01-beshare {

	left: 0!important;

	bottom: 275px

}



@media(max-width:767px) {

	.show.right .tem01-beshare {

		bottom: 65px;

		top: auto

	}



	#mqChat-small.add .font-color {

		color: #fff

	}

}



.tem01-beshare.addClass {

	z-index: 1059;

	display: none;

	-webkit-transform: scale(.8);

	-moz-transform: scale(.8);

	-ms-transform: scale(.8);

	-o-transform: scale(.8);

	transform: scale(.8);

	opacity: 0;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-ms-transition: all .5s;

	transition: all .5s

}



.left .tem01-beshare.addClass {

	-webkit-transform-origin: bottom left;

	-moz-transform-origin: bottom left;

	-ms-transform-origin: bottom left;

	-o-transform-origin: bottom left;

	transform-origin: bottom left

}



.right .tem01-beshare.addClass {

	-webkit-transform-origin: bottom right;

	-moz-transform-origin: bottom right;

	-ms-transform-origin: bottom right;

	-o-transform-origin: bottom right;

	transform-origin: bottom right

}



.tem01-beshare.addClass.startAnimation {

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

	opacity: 1

}



.tem01-beshare.addClass {

	background-color: var(--main-color)

}



.tem01-beshare.addClass li a {

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: flex;

	-webkit-flex-wrap: wrap;

	-moz-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	-webkit-align-items: center;

	-moz-align-items: center;

	-ms-align-items: center;

	align-items: center

}



.tem01-beshare.addClass li .text {

	width: auto;

	padding-right: 20px;

	text-transform: capitalize;

	font-size: 14px

}



.show.left .tem01-beshare.addClass {

	bottom: 65px

}



#mqChat-form .form [type="submit"].btn-block {

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	transition: all .3s

}



#mqChat-form .form [type="submit"].btn-block:hover {

	background-color: var(--main-color);

	border-color: var(--main-color);

	color: #fff

}



.add.tem05-float #mqChat-form .form .feedback-tips {

	font-weight: 400;

	padding: 15px;

	background-color: #f2f2f2

}



.tem13-bread {

	text-transform: uppercase

}



.tem02-list-picture-text img {

	border-radius: 50%

}



.tem06-list-picture-text {

	line-height: 34px

}



.tem21-main-products .list .text .desc {

	font-size: 14px

}



.tem13-bread {

	margin-bottom: 0

}



.tem01-location {

	max-height: 100%

}



.subtitle,.description {

	font-family: "Proxima Nova","Microsoft YaHei","Arial"

}