body {
	--aside-nav-width: 230px;
	--aside-right-width: 250px;
	--theme-color: #004b91;
	--theme-color-bg: rgb(230, 237, 244);
	--swiper-theme-color: var(--theme-color);
	--theme-color-d: rgb(0, 68, 131);
	--theme-color-l: rgb(179, 201, 222);
	--theme-color-l-30: rgb(77, 129, 178);
	color: #666
	/* padding-right: 40px!important; */
}
@media (max-width: 768px) {
body {
		--aside-nav-width: 100%
}
	}
.text-theme {
	color: var(--theme-color)!important;
}
.bg-theme {
	background-color: var(--theme-color)!important;
}
 .modal-body {
	 padding: 15px;
 }
.no-scroll {
	height: 100%;
	overflow: hidden;
}
[class^="bi-"]::before,
[class*=" bi-"]::before {
	vertical-align: middle;
}
.btn-primary {
	background-color: var(--theme-color);
	border-color: var(--theme-color);
	color: #fff;
}
.btn-primary:hover {
	background-color: var(--theme-color-d);
	border-color: var(--theme-color-d);
}
.btn-light {
	background-color: var(--theme-color-bg);
	border-color: var(--theme-color-bg);
}
.modal-dialog {
	margin-bottom: 40px;
}
.main-container {
	width: 1000px;
	margin: 30px auto;
}
.swiper-container .swiper-pagination-bullet {
		width: 15px;
		height: 2px;
		border-radius: 2px;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
.swiper-container .swiper-pagination-bullet-active {
		width: 30px;
	}
.theme-color {
	background-color: var(--theme-color);
}
.theme-bg-color {
	background-color: var(--theme-color);
}
.logo {
	/* border-radius: 5px; */
}
.home-w {
	width: 1200px;
	margin: 0 auto;
	position: relative
}
@media (max-width: 1200px) {
.home-w {
		width: 100%;
		padding: 0
}
	}

.section .section-title {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		padding: 0 10px;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		height: 35px;
		border-bottom: 1px solid #e7e7e7
	}

.section .section-title.deep-bg {
			background-color: var(--theme-color);
			color: #fff;
			border-radius: 3px 3px 0 0
		}

.section .section-title.deep-bg .title-left,
			.section .section-title.deep-bg .title-right {
				color: #fff
			}

.section .section-title.deep-bg .title-left a:hover, .section .section-title.deep-bg .title-right a:hover {
					color: #fff;
				}

.section .section-title.xgsj {
			border-bottom: 0
		}

.section .section-title.xgsj .title-left {
				font-size: 16px;
				font-weight: bold;
				color: #333;
			}

.section .section-title .title-left {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			color: var(--theme-color)
		}

.section .section-title .title-left > .bi {
				font-size: 17px;
				margin-right: 5px;
			}

.section .section-title .title-right {
			font-size: 12px;
			color: #999
		}

.section .section-title .title-right a {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
			}

.section .section-title .title-right span {
			}

.section .section-title .select-box {
			position: relative;
			font-size: 14px;
			cursor: pointer;
			margin-left: 20px;
			font-weight: normal
		}

.section .section-title .select-box p.select-label {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				height: 100%;
				width: 100%;
				padding: 0 25px;
				background-color: #fff;
				height: 30px;
				border: 1px solid #e7e7e7;
				min-width: 140px;
				border-radius: 15px;
			}

.section .section-title .select-box:hover .select-box-ul {
				display: block;
			}

.section .section-title .select-box .select-box-ul {
				display: none;
				position: absolute;
				top: 100%;
				left: 0;
				min-width: 120px;
				width: 100%;
				background-color: #fff;
				-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
				        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
				border: 1px solid #f8f8f8;
				z-index: 20;
				border-radius: 10px;
				overflow: hidden
			}

.section .section-title .select-box .select-box-ul .item {
					line-height: 25px;
					text-align: center;
					cursor: pointer;
					-webkit-transition: all .3s;
					-o-transition: all .3s;
					transition: all .3s
				}

.section .section-title .select-box .select-box-ul .item:hover {
						background-color: rgba(0,0,0,.1)
					}

.section .section-content {
		padding: 10px;
		min-height: 200px;
		overflow: hidden
	}

.section .section-content.xgsj {
			padding: 10px 0;
		}

.section .section-content .content-prod-list .list-item {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				border-bottom: 1px solid #f8f8f8;
				padding: 10px 0
			}

.section .section-content .content-prod-list .list-item:last-child {
					border-bottom: 0;
				}

.section .section-content .content-prod-list .list-item .prod-left {
					-webkit-box-flex: 0;
					    -ms-flex: 0 0 60px;
					        flex: 0 0 60px;
					height: 60px;
					overflow: hidden;
					border-radius: 5px;
					margin-right: 15px;
					position: relative
				}

.section .section-content .content-prod-list .list-item .prod-left .mask {
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						background-color: rgba(87, 112, 189, 0.08);
						z-index: 2;
					}

.section .section-content .content-prod-list .list-item .prod-left img {
						width: 100%;
						height: 100%;
						padding: 5px;
					}

.section .section-content .content-prod-list .list-item .prod-right {
					-webkit-box-flex: 1;
					    -ms-flex: 1;
					        flex: 1;
					padding-top: 10px
				}

.section .section-content .content-prod-list .list-item .prod-right .prod-name {
						color: #333;
						margin-bottom: 10px;
					}

.section .section-content .content-prod-list .list-item .prod-right .prod-sub {
						font-size: 12px;
						color: #999;
					}

.section .section-content .content-list .list-item {
				padding-bottom: 10px;
				margin-bottom: 10px;
				border-bottom: 1px solid #f8f8f8
			}

.section .section-content .content-list .list-item .item-title {
					overflow: hidden;
					-o-text-overflow: ellipsis;
					   text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 2;
					-webkit-box-orient: vertical;
					line-height: 20px;
					margin-bottom: 5px;
					color: #333
				}

.section .section-content .content-list .list-item .item-title:hover a {
						color: var(--theme-color);
					}

.section .section-content .content-list .list-item .item-sub {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-pack: justify;
					    -ms-flex-pack: justify;
					        justify-content: space-between;
					color: #bbb;
					font-size: 12px;
				}

.section .section-content.c {
			background-color: #fff;
		}

.section .section-content .c-title {
			font-weight: bold;
			line-height: 20px;
			padding: 10px 0;
		}

.section .section-content .c-content {
			line-height: 20px;
		}

.d-line-1 {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	white-space: nowrap;
}
.d-line-2,
.d-line-3,
.d-line-4,
.d-line-5 {
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: 1em;
}
.d-line-2 {
	-webkit-line-clamp: 2;
}
.d-line-3 {
	-webkit-line-clamp: 3;
}
.d-line-4 {
	-webkit-line-clamp: 4;
}
.d-line-5 {
	-webkit-line-clamp: 5;
}

.dx-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.dx-col {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
/* 换行 */
.dx-flex-wrap {
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.d-col-top {
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}
/* 垂直居中 */
.d-col-center {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

/* 顶部对齐 */
.d-col-top {
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}

/* 底部对齐 */
.d-col-bottom {
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
}

/* 左边对齐 */
.d-row-left {
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}

/* 水平居中 */
.d-row-center {
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

/* 右边对齐 */
.d-row-right {
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}

/* 水平两端对齐，项目之间的间隔都相等 */
.d-row-between {
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

/* 水平每个项目两侧的间隔相等，所以项目之间的间隔比项目与父元素两边的间隔大一倍 */
.d-row-around {
	-ms-flex-pack: distribute;
	    justify-content: space-around;
}

/* 不换行 */
.dx-flex-nowrap {
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
}

.dx-flex-1 {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}

.dx-flex-2 {
	-webkit-box-flex: 2;
	    -ms-flex: 2;
	        flex: 2;
}

.dx-flex-3 {
	-webkit-box-flex: 3;
	    -ms-flex: 3;
	        flex: 3;
}
.dx-flex-4 {
	-webkit-box-flex: 4;
	    -ms-flex: 4;
	        flex: 4;
}
.dx-flex-5 {
	-webkit-box-flex: 5;
	    -ms-flex: 5;
	        flex: 5;
}
.dx-flex-6 {
	-webkit-box-flex: 6;
	    -ms-flex: 6;
	        flex: 6;
}
.dx-flex-7 {
	-webkit-box-flex: 7;
	    -ms-flex: 7;
	        flex: 7;
}
.dx-flex-8 {
	-webkit-box-flex: 8;
	    -ms-flex: 8;
	        flex: 8;
}
.dx-flex-9 {
	-webkit-box-flex: 9;
	    -ms-flex: 9;
	        flex: 9;
}
.dx-flex-10 {
	-webkit-box-flex: 10;
	    -ms-flex: 10;
	        flex: 10;
}
.dx-flex-11 {
	-webkit-box-flex: 11;
	    -ms-flex: 11;
	        flex: 11;
}

.dx-flex-12 {
	-webkit-box-flex: 12;
	    -ms-flex: 12;
	        flex: 12;
}
.dx-number-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	border-radius: 8px;
	height: 40px
}
.dx-number-box .number-box-btn {
		height: 100%;
		width: 45px;
		background-color: #eee;
		color: #666;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		cursor: pointer;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s
	}
.dx-number-box .number-box-btn:not(.inactive-btn):hover {
			background-color: #ccc;
		}
.dx-number-box .number-box-btn.left-btn {
			
		}
.dx-number-box .number-box-btn.right-btn {
			
		}
.dx-number-box .number-box-btn.inactive-btn {
			opacity: .5;
			cursor: default;
		}
.dx-number-box .number-box-input {
		padding: 0 5px
	}
.dx-number-box .number-box-input > input {
			border: 0;
			outline: none;
			height: 100%;
			width: 100px;
			text-align: center;
			padding: 0 10px;
			background-color: #eee;
		}
#qiehuan {
	position: absolute;
	right: calc(100% + 10px);
	bottom: 5px;
	white-space: nowrap;
}
header.header .header-top {
		font-size: 12px;
		border-bottom: 1px solid #e7e7e7
		/* @media (max-width: 768px) {
			display: none;
		} */
	}
header.header .header-top .home-w {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: justify;
			    -ms-flex-pack: justify;
			        justify-content: space-between;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			height: 40px
		}
header.header .header-top .home-w .top-left {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex
			}
header.header .header-top .home-w .top-left>p, header.header .header-top .home-w .top-left>a {
					padding: 0 6px;
					display: block
				}
header.header .header-top .home-w .top-left .login {
					color: var(--theme-color);
					cursor: pointer;
				}
header.header .header-top .home-w .top-left .reg {
					border-left: 1px solid #ddd;
					cursor: pointer;
				}
header.header .header-top .home-w .top-right {
				height: 100%
			}
header.header .header-top .home-w .top-right>p, header.header .header-top .home-w .top-right>a {
					padding: 0 6px;
					display: block
				}
header.header .header-top .home-w .top-right .top-right-ul {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					height: 100%;
					-webkit-box-align: center;
					    -ms-flex-align: center;
					        align-items: center
				}
header.header .header-top .home-w .top-right .top-right-ul .right-item {
						padding: 0 8px;
						height: 100%;
						position: relative
					}
header.header .header-top .home-w .top-right .top-right-ul .right-item .li-label {
							cursor: pointer;
							display: -webkit-box;
							display: -ms-flexbox;
							display: flex;
							-webkit-box-align: center;
							    -ms-flex-align: center;
							        align-items: center;
							height: 100%
						}
header.header .header-top .home-w .top-right .top-right-ul .right-item .li-label span {
								margin-right: 3px;
							}
header.header .header-top .home-w .top-right .top-right-ul .right-item:hover .box {
							display: block;
						}
header.header .header-top .home-w .top-right .top-right-ul .right-item .box {
							display: none;
							position: absolute;
							top: 100%;
							left: 50%;
							-webkit-transform: translateX(-50%);
							    -ms-transform: translateX(-50%);
							        transform: translateX(-50%);
							width: 140px;
							z-index: 100;
							padding-top: 5px
						}
header.header .header-top .home-w .top-right .top-right-ul .right-item .box .down-more-ul {
								position: relative;
								background-color: #fff;
								-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
								        box-shadow: 0 0 15px rgba(0, 0, 0, 0.2)
							}
header.header .header-top .home-w .top-right .top-right-ul .right-item .box .down-more-ul .item a {
									display: block;
									line-height: 35px;
									padding: 0 10px;
									text-align: center;
									-webkit-transition: all 0.3s;
									-o-transition: all 0.3s;
									transition: all 0.3s
								}
header.header .header-top .home-w .top-right .top-right-ul .right-item .box .down-more-ul .item a:hover {
										background-color: #f8f8f8;
									}
header.header .header-top .home-w .top-right .top-right-ul .right-item .box .down-more-ul:after {
									content: "";
									position: absolute;
									top: -5px;
									left: 50%;
									-webkit-transform: translateX(-50%);
									    -ms-transform: translateX(-50%);
									        transform: translateX(-50%);
									width: 0;
									height: 0;
									border-top: 0;
									border-left: 8px solid transparent;
									border-right: 8px solid transparent;
									border-bottom: 8px solid #fff;
								}
header.header .header-main {
		background-color: #fff
		/* @media (max-width: 768px) {
			display: none;
		} */
	}
header.header .header-main .home-w {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			height: 130px
		}
header.header .header-main .home-w .main-logo {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 300px;
				        flex: 0 0 300px;
				width: 300px
			}
header.header .header-main .home-w .main-logo .logo {
					height: 55px;
				}
header.header .header-main .home-w .main-search {
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between
			}
header.header .header-main .home-w .main-search .search-w {
					position: relative;
					-webkit-box-flex: 0;
					    -ms-flex: 0 0 650px;
					        flex: 0 0 650px;
					width: 650px;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-align: center;
					    -ms-flex-align: center;
					        align-items: center;
					padding-top: 10px
				}
header.header .header-main .home-w .main-search .search-w .search-hot {
						height: 25px;
						position: absolute;
						bottom: -25px;
						left: 0;
						width: 100%;
						font-size: 12px;
						padding-left: 5px
					}
header.header .header-main .home-w .main-search .search-w .search-hot .item {
							margin-right: 15px;
							color: #999
						}
header.header .header-main .home-w .main-search .search-w .search-hot .item:last-child {
								margin-right: 0;
							}
header.header .header-main .home-w .main-search .search-w .search-tabs {
						position: absolute;
						top: -18px;
						left: 0
					}
header.header .header-main .home-w .main-search .search-w .search-tabs .item {
							height: 30px;
							color: var(--theme-color);
							padding: 0 15px;
							cursor: pointer
						}
header.header .header-main .home-w .main-search .search-w .search-tabs .item.active {
								background-color: var(--theme-color);
								color: #fff;
								border-radius: 5px 5px 0 0;
							}
header.header .header-main .home-w .main-search .search-w .search {
						-webkit-box-flex: 1;
						    -ms-flex: 1;
						        flex: 1;
						line-height: 44px;
						height: 44px;
						border: 2px solid var(--theme-color);
						padding: 0 10px;
						outline: none;
						font-size: 16px;
						border-radius: 4px 0 0 4px;
					}
header.header .header-main .home-w .main-search .search-w .search-btn {
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-align: center;
						    -ms-flex-align: center;
						        align-items: center;
						-webkit-box-pack: center;
						    -ms-flex-pack: center;
						        justify-content: center;
						width: 70px;
						-webkit-box-flex: 0;
						    -ms-flex: 0 0 70px;
						        flex: 0 0 70px;
						height: 44px;
						border: 2px solid var(--theme-color);
						border-radius: 0 5px 5px 0;
						background-color: var(--theme-color);
						color: #fff;
						cursor: pointer;
						-webkit-transition: all 0.3s;
						-o-transition: all 0.3s;
						transition: all 0.3s
					}
header.header .header-main .home-w .main-search .search-w .search-btn:hover {
							background-color: var(--theme-color-d);
						}
header.header .header-main .home-w .main-search .search-w .search-btn span {
							margin-left: 6px;
						}
header.header .header-main .home-w .main-search .search-w .search-keys-wrap {
						position: absolute;
						left: 0;
						top: 100%;
						width: 100%;
						max-height: 300px;
						overflow-y: auto;
						border: 2px solid #ccc;
						background-color: #fff;
						z-index: 100;
						border-radius: 4px;
						display: none
					}
header.header .header-main .home-w .main-search .search-w .search-keys-wrap.active {
							display: block;
							-webkit-animation: showKeys .5s;
							        animation: showKeys .5s;
						}
header.header .header-main .home-w .main-search .search-w .search-keys-wrap .key-list .key-item a {
									display: block;
									line-height: 30px;
									padding: 0 10px;
									color: #666;
									-webkit-transition: all .3s;
									-o-transition: all .3s;
									transition: all .3s
								}
header.header .header-main .home-w .main-search .search-w .search-keys-wrap .key-list .key-item a:hover {
										background-color: #f8f8f8;
										color: var(--theme-color);
									}
header.header .header-main .home-w .main-search .main-btn-func {
					padding: 0 20px
				}
header.header .header-main .home-w .main-search .main-btn-func .btn {
						height: 40px;
						font-size: 1em;
					}
header.header .header-main .home-w .main-search .main-user {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-flex: 1;
					    -ms-flex: 1;
					        flex: 1;
					-webkit-box-align: center;
					    -ms-flex-align: center;
					        align-items: center;
					-webkit-box-pack: center;
					    -ms-flex-pack: center;
					        justify-content: center;
					margin-left: 30px
				}
header.header .header-main .home-w .main-search .main-user .item {
						cursor: pointer;
						margin-right: 20px;
						height: 40px
					}
header.header .header-main .home-w .main-search .main-user .item:last-child {
							margin-right: 0
						}
header.header .header-main .home-w .main-search .main-user .item.item-ewm {
							display: felx;
							-webkit-box-align: center;
							    -ms-flex-align: center;
							        align-items: center;
							height: 70px;
							margin-right: 30px
							/* border: 1px solid #ccc; */
						}
header.header .header-main .home-w .main-search .main-user .item.item-ewm img {
								height: 100%;
								-webkit-transition: all .3s;
								-o-transition: all .3s;
								transition: all .3s
							}
header.header .header-main .home-w .main-search .main-user .item.item-ewm img:hover {
									-webkit-transform: scale(1.3);
									    -ms-transform: scale(1.3);
									        transform: scale(1.3)
								}
header.header .header-main .home-w .main-search .main-user .item .item-label {
							height: 100%;
							padding: 0 6px;
							display: -webkit-box;
							display: -ms-flexbox;
							display: flex;
							width: 40px;
							-webkit-box-pack: center;
							    -ms-flex-pack: center;
							        justify-content: center;
							-webkit-box-align: center;
							    -ms-flex-align: center;
							        align-items: center;
							background-color: #f8f8f8;
							border-radius: 5px;
							-webkit-transition: all 0.3s;
							-o-transition: all 0.3s;
							transition: all 0.3s
						}
header.header .header-main .home-w .main-search .main-user .item .item-label:hover {
								background-color: #f2f2f2;
							}
header.header .header-main .home-w .main-search .main-user .item .item-label .bi {
								color: var(--theme-color-d);
								font-size: 18px;
							}
header.header .header-nav {
		background-color: #fff;
		border-bottom: 2px solid var(--theme-color)

		/* @media (max-width: 768px) {
			display: none;
		} */
	}
header.header .header-nav .home-w {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			height: 40px;
			position: relative
		}
header.header .header-nav .home-w .item-nav-left {
				width: var(--aside-nav-width);
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 var(--aside-nav-width);
				        flex: 0 0 var(--aside-nav-width);
				height: 100%;
				position: relative
			}
header.header .header-nav .home-w .item-nav-left .menu-btn {
					width: 100%;
					height: 100%;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-align: center;
					    -ms-flex-align: center;
					        align-items: center;
					background-color: var(--theme-color);
					color: #fff;
					padding: 0 15px;
					font-size: 16px;
					cursor: pointer;
					-webkit-transition: all 0.3s;
					-o-transition: all 0.3s;
					transition: all 0.3s;
					border-radius: 5px 5px 0 0 
				}
header.header .header-nav .home-w .item-nav-left .menu-btn:hover {
						background-color: var(--theme-color-d);
					}
header.header .header-nav .home-w .item-nav-left .menu-btn span {
						margin-left: 10px;
						letter-spacing: 2px;
					}
header.header .header-nav .home-w .item-nav-left:hover .menu-ul {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					    -ms-flex-direction: column;
					        flex-direction: column;
					-webkit-box-pack: justify;
					    -ms-flex-pack: justify;
					        justify-content: space-between;
				}
header.header .header-nav .home-w .item-nav-left .menu-ul {
					display: none;
					position: absolute;
					top: 100%;
					left: 0;
					width: 100%;
					background-color: #fff;
					border-radius: 0 0 5px 5px;
					padding: 5px;
					z-index: 200;
					-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
					        box-shadow: 0 0 15px rgba(0, 0, 0, 0.2)
				}
header.header .header-nav .home-w .item-nav-left .menu-ul.hide {
						display: none!important;
					}
header.header .header-nav .home-w .item-nav-left .menu-ul {
					/* &.hasBg {
						& .menu-item {
							&:nth-of-type(3n+1) {
								& .title-box {
									& .item-title {
										background-image: url("/market/img/menubg5.jpg");
									}
									&:nth-of-type(2) .item-title  {
										background-image: url("/market/img/menubg4.jpg");
									}
								}
							}
							&:nth-of-type(3n+2) {
								& .title-box {
									& .item-title {
										background-image: url("/market/img/menubg6.jpg");
									}
									&:nth-of-type(2) .item-title  {
										background-image: url("/market/img/menubg1.jpg");
									}
								}
							}
						}
						& .title-box {
							&:nth-of-type(2) {
								& .item-title {
									background-image: url("/market/img/menubg3.jpg");
								}
							}
							& .item-title {
								background-image: url("/market/img/menubg2.jpg");
								background-size: cover;
								background-position: center;
								background-repeat: no-repeat;
								overflow: hidden;
								& span {
									color: #fff;
									font-weight: normal;
								}
							}
						}
					} */
				}
header.header .header-nav .home-w .item-nav-left .menu-ul.style2 .style2-item {
							padding-bottom: 5px;
							border-bottom: 1px solid #f8f8f8
						}
header.header .header-nav .home-w .item-nav-left .menu-ul.style2 .style2-item:last-child {
								border-bottom: 0;
							}
header.header .header-nav .home-w .item-nav-left .menu-ul.style2 .style2-item .s-i-title {
								height: 40px;
								padding: 0 5px;
								font-size: 15px;
								font-weight: bold;
								color: #000
							}
header.header .header-nav .home-w .item-nav-left .menu-ul.style2 .style2-item .s-i-title:hover {
									background-color: var(--theme-color-bg);
									color: var(--theme-color);
								}
header.header .header-nav .home-w .item-nav-left .menu-ul.style2 .style2-item .s-i-title i {

								}
header.header .header-nav .home-w .item-nav-left .menu-ul.style2 .style2-item .s-i-content {
								padding: 0 5px
							}
header.header .header-nav .home-w .item-nav-left .menu-ul.style2 .style2-item .s-i-content a {
									-ms-flex-preferred-size: 33%;
									    flex-basis: 33%;
									-ms-flex-negative: 1;
									    flex-shrink: 1;
									-webkit-box-flex: 1;
									    -ms-flex-positive: 1;
									        flex-grow: 1;
									white-space: nowrap;
									height: 25px;
									line-height: 25px
								}
header.header .header-nav .home-w .item-nav-left .menu-ul.style2 .style2-item .s-i-content a:hover {
										text-decoration: underline;
										color: var(--theme-color);
									}
header.header .header-nav .home-w .item-nav-left .menu-ul .title-box {
						-webkit-box-flex: 1;
						    -ms-flex: 1;
						        flex: 1;
						height: 100%;
						padding: 2px
					}
header.header .header-nav .home-w .item-nav-left .menu-ul .title-box .item-title {
							display: -webkit-box;
							display: -ms-flexbox;
							display: flex;
							font-weight: bold;
							padding-left: 6px; 
							-webkit-box-align: center; 
							    -ms-flex-align: center; 
							        align-items: center;
							height: 100%;
							border-radius: 2px;
							/* font-size: 15px; */
							/* font-weight: bold; */
							color: #000;
							font-size: 15px;
							position: relative
						}
header.header .header-nav .home-w .item-nav-left .menu-ul .title-box .item-title:hover:after{
									width: 100%;
									height: 120px;
								}
header.header .header-nav .home-w .item-nav-left .menu-ul .title-box .item-title:after {
								display: none;
								content: "";
								position: absolute;
								left: 0px;
								top: 50%;
								-webkit-transform: translateY(-50%);
								    -ms-transform: translateY(-50%);
								        transform: translateY(-50%);
								width: 100%;
								height: 100%;
								background-color: rgba(0,0,0,.1);
								/* background: linear-gradient(217deg, rgba(142, 245, 255, 0.1), rgba(255,0,0,0) 70.71%),
										linear-gradient(127deg, rgba(146, 160, 255, 0.1), rgba(0,255,0,0) 70.71%), 
										linear-gradient(336deg, rgba(231, 155, 255, 0.1), rgba(0,0,255,0) 70.71%); */
								/* border-radius: 5px; */
								/* border-radius: 50%; */
								overflow: hidden;
								-webkit-transition: all .3s;
								-o-transition: all .3s;
								transition: all .3s;
							}
header.header .header-nav .home-w .item-nav-left .menu-ul .title-box .item-title span {
								/* position: absolute;
								transition: all .3s;
								z-index: 20;
								left: 0;
								top: 50%;
								transform: translateY(-50%);
								width: 100%;
								height: 30px;
								line-height: 30px;
								white-space: nowrap;
								text-overflow: ellipsis;
								overflow: hidden;
								padding-left: 10px;
								font-weight: bold;
								color: #000; */
								/* color: var(--theme-color); */
							}
header.header .header-nav .home-w .item-nav-left .menu-ul .menu-item {
						position: relative;
						-webkit-transition: all 0.3s;
						-o-transition: all 0.3s;
						transition: all 0.3s;
						height: 40px;
					}
header.header .header-nav .home-w .item-nav-left .menu-ul .menu-item a:hover {
						background-color: var(--theme-color-bg)
					}
header.header .header-nav .home-w .item-nav-left .menu-ul .menu-item a:hover span {
							color: var(--theme-color);
						}
header.header .header-nav .home-w .item-nav-right {
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				height: 100%
			}
header.header .header-nav .home-w .item-nav-right .nav-ul {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					/* justify-content: space-between; */
					height: 100%
				}
header.header .header-nav .home-w .item-nav-right .nav-ul .item-nav {
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						height: 100%;
						-webkit-box-align: center;
						    -ms-flex-align: center;
						        align-items: center;
						-webkit-box-pack: center;
						    -ms-flex-pack: center;
						        justify-content: center
					}
header.header .header-nav .home-w .item-nav-right .nav-ul .item-nav a {
							display: -webkit-box;
							display: -ms-flexbox;
							display: flex;
							padding: 0 15px;
							width: 100%;
							height: 100%;
							border-radius: 5px 5px 0 0;
							-webkit-box-align: center;
							    -ms-flex-align: center;
							        align-items: center;
							-webkit-box-pack: center;
							    -ms-flex-pack: center;
							        justify-content: center;
							-webkit-transition: all 0.3s;
							-o-transition: all 0.3s;
							transition: all 0.3s;
							font-size: 16px;
							color: #000
						}
header.header .header-nav .home-w .item-nav-right .nav-ul .item-nav a:hover {
								background-color: var(--theme-color-bg);
							}
header.header .header-nav .home-w .item-nav-right .nav-ul .item-nav.active {
							font-weight: bold
						}
header.header .header-nav .home-w .item-nav-right .nav-ul .item-nav.active a {
								color: var(--theme-color);
							}
header.header .header-nav .home-w .item-nav-right .nav-ul .item-nav.active a:hover {
								background-color: #fff;
								color: var(--theme-color);
							}


.fixed-tools {
	position: fixed;
	right: 0px;
	bottom: 0;
	height: 100%;
	width: 40px;
	background-color: #fff;
	background-color: #464646;
	z-index: 20;
	-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08);
	        box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08)
	/* @media (max-width: 768px) {
		display: none;
	} */
}


.fixed-tools .tools-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		position: absolute;
		left: 0;
		width: 100%
		/* background-color: red; */
		/* border: 1px solid var(--theme-color-l); */
		/* background-color: #fff; */
		/* border-radius: 5px; */
		/* box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); */
	}


.fixed-tools .tools-list.list2 {
			bottom: 10%;
		}


.fixed-tools .tools-list.list1 {
			top: 30%;
		}


.fixed-tools .tools-list .item {
			width: 40px;
			height: 40px;
			/* border-bottom: 1px solid #555; */
			cursor: pointer;
			position: relative
		}


.fixed-tools .tools-list .item:nth-of-type(:last-child) {
				border-bottom: 0;
			}


.fixed-tools .tools-list .item .tools {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				width: 100%;
				height: 100%;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				color: #333;
				color: #fff;
				-webkit-transition: all 0.3s;
				-o-transition: all 0.3s;
				transition: all 0.3s
			}


.fixed-tools .tools-list .item .tools .bi {
					font-size: 18px;
				}


.fixed-tools .tools-list .item:hover .tools-w {
				display: block;
			}


.fixed-tools .tools-list .item:hover .tools {
				background-color: #6c6c6c;
				color: #fff;
			}


.fixed-tools .tools-list .item .tools-w {
				padding-right: 10px;
				display: none;
				position: absolute;
				top: 0;
				right: 100%;
				z-index: 20;
			}


.fixed-tools .tools-list .item .tools-box {
				padding: 10px;
				border-radius: 8px;
				-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
				        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
				border: 1px solid #e7e7e7;
				background-color: #fff;
				width: 140px;
				font-size: 12px
			}


.fixed-tools .tools-list .item .tools-box .tel {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-align: center;
					    -ms-flex-align: center;
					        align-items: center;
					white-space: nowrap
				}


.fixed-tools .tools-list .item .tools-box .tel .bi {
						margin-right: 8px;
					}


.fixed-tools .tools-list .item .tools-box .download {
					width: 100%;
				}


.fixed-tools .tools-list .item .tools-box .zx {
					background-color: var(--theme-color);
					color: #fff;
					display: block;
					line-height: 30px;
					border-radius: 15px;
					padding: 0 15px;
					white-space: nowrap;
				}

.login-form {
	/* padding: 20px; */
}

.login-form .form-check-input {
		margin-top: 0;
	}

.login-form .xy {
		padding-top: 15px;
	}
.reg-form .form-group {
		margin-bottom: 5px;
	}
.modal-footer {
	position: relative;
}
.forget-pw {
	position: absolute;
	left: 10px;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
	line-height: 30px;
	height: 30px;
	display: block;
}
/* 
@keyframes bottom {
	0% {
		bottom: -30px;
		opacity: .2;
	}
	100% {
		bottom: 0;
		opacity: 1;
	}
} */
@-webkit-keyframes moremenu {
	0% {
		-webkit-transform: translateX(-10px);
		        transform: translateX(-10px);
		opacity: 0.6
	}
	100% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
		opacity: 1
	}
}
@keyframes moremenu {
	0% {
		-webkit-transform: translateX(-10px);
		        transform: translateX(-10px);
		opacity: 0.6
	}
	100% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
		opacity: 1
	}
}
@-webkit-keyframes showKeys {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes showKeys {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.footer {
	min-height: 120px;
	background-color: #fff;
	border-top: 1px solid #f8f8f8
}

@media (max-width: 768px) {

.footer {
		display: none
}
	}

.footer .footer-main {
		padding: 40px 20px
	}

.footer .footer-main .item-left {
			-webkit-box-flex: 0;
			    -ms-flex: 0 0 260px;
			        flex: 0 0 260px;
			width: 260px;
		}

.footer .footer-main .item-center {
			-webkit-box-flex: 1;
			    -ms-flex: 1 1 auto;
			        flex: 1 1 auto
		}

.footer .footer-main .item-center p {
				font-size: 15px;
			}

.footer .footer-main .item-right {
			-webkit-box-flex: 0;
			    -ms-flex: 0 1 auto;
			        flex: 0 1 auto;
		}

.footer .footer-a {
		background-color: #fff;
		border-top: 1px solid #e7e7e7
	}

.footer .footer-a .home-w {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: center;
			    -ms-flex-pack: center;
			        justify-content: center;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
		}

.footer .footer-a .a-list {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: center;
			    -ms-flex-pack: center;
			        justify-content: center;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			height: 40px
		}

.footer .footer-a .a-list .item {
				padding: 10px;
                color: #000;
			}

.footer .footer-c {
        /* display: flex; */
        /* justify-content: center; */
        /* align-items: center; */
        padding: 10px 0 20px;
        /* border-top: 1px solid #e7e7e7; */
        font-size: 12px
    }

.footer .footer-c .item {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: center;
			    -ms-flex-pack: center;
			        justify-content: center;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			height: 25px;
		}

.footer .footer-c p {
            margin-right: 8px;
        }

.footer .footer-c p,
        .footer .footer-c a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center
        }

.m-footer {
	display: none
}

@media (max-width: 768px) {

.m-footer {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		padding: 20px 0;
		font-size: 12px
}
	}
/**
 * Swiper 6.4.15
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 18, 2021
 */

@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');
  font-weight: 400;
  font-style: normal;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
       -o-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-container-pointer-events {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
  -ms-touch-action: pan-x;
      touch-action: pan-x;
}
.swiper-slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}
/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.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-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.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-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}
:root {
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(44px / 44 * 27);
  height: 44px;
  margin-top: calc(-1 * 44px / 2);
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--swiper-theme-color);
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: 44px;
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  -webkit-font-feature-settings: normal, ;
          font-feature-settings: normal, ;
  font-variant: normal;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}
.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}
.swiper-button-lock {
  display: none;
}
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
      -ms-transform: scale(0.33);
          transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
      -ms-transform: scale(0.66);
          transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
      -ms-transform: scale(0.33);
          transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
      -ms-transform: scale(0.66);
          transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
      -ms-transform: scale(0.33);
          transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-theme-color);
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
          transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-theme-color);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
      -ms-transform-origin: right top;
          transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 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, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
      -ms-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 4px solid var(--swiper-theme-color);
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
       -o-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
          transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-container-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-filter: blur(50px);
  filter: blur(50px);
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

body {
	--first-screen-h: 400px;
}
#menu, #menu2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	top: calc(100% + 17px);
	height: var(--first-screen-h);
	z-index: 20;
	-webkit-box-shadow: none;
	        box-shadow: none;
	border-radius: 5px
}
#menu .menu-item, #menu2 .menu-item {
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
	}
#menu2 {
}

.main {
	/* padding: 15px 0px; */
}

@media (max-width: 768px) {

.main {
		padding: 5px 0
}
	}

.main .main-first-screen {
		height: calc(var(--first-screen-h) + 30px);
		padding: 15px 0;
		position: relative
	}

.main .main-first-screen .swiper-button-prev {
			left: 0;
		}

.main .main-first-screen .swiper-button-next {
			right: 0;
		}

.main .main-first-screen .swiper-button-prev, 
		.main .main-first-screen .swiper-button-next {
			height: 80px;
			margin-top: 0;
			width: 80px;
			border-radius: 50%;
			text-align: center;
			-webkit-transform: translateY(-50%) scale(.5);
			    -ms-transform: translateY(-50%) scale(.5);
			        transform: translateY(-50%) scale(.5);
			color: #eee;
			background-color: rgba(0,0,0,.4);
		}

.main .main-first-screen .bg {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			overflow: hidden;
			background-color: #fff
		}

.main .main-first-screen .bg:after {
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				opacity: .5;
				-webkit-filter: blur(20px);
				filter: blur(20px);
				background: #a8c0ff;
				background: -o-linear-gradient(233deg, rgba(142, 245, 255, 0.8), rgba(255,0,0,0) 70.71%), -o-linear-gradient(323deg, rgba(146, 160, 255, 0.8), rgba(0,255,0,0) 70.71%), -o-linear-gradient(114deg, rgba(231, 155, 255, 0.8), rgba(0,0,255,0) 70.71%);
				background: -o-linear-gradient(
					233deg, rgba(142, 245, 255, 0.8), rgba(255,0,0,0) 70.71%), -o-linear-gradient(
					323deg, rgba(146, 160, 255, 0.8), rgba(0,255,0,0) 70.71%), -o-linear-gradient(
					114deg, rgba(231, 155, 255, 0.8), rgba(0,0,255,0) 70.71%);
				background: linear-gradient(
					217deg, rgba(142, 245, 255, 0.8), rgba(255,0,0,0) 70.71%), linear-gradient(
					127deg, rgba(146, 160, 255, 0.8), rgba(0,255,0,0) 70.71%), linear-gradient(
					336deg, rgba(231, 155, 255, 0.8), rgba(0,0,255,0) 70.71%);
				-webkit-transform: scale(1.1);
				-ms-transform: scale(1.1);
				transform: scale(1.1);
			}

.main .main-first-screen .home-w {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			margin-bottom: 10px;
			height: 100%
		}

.main .main-first-screen .home-w .item-left {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 var(--aside-nav-width);
				        flex: 0 0 var(--aside-nav-width);
				width: var(--aside-nav-width);
				margin-right: 10px
			}

@media (max-width: 768px) {

.main .main-first-screen .home-w .item-left {
					display: none
			}
				}

.main .main-first-screen .home-w .item-center {
				width: calc(100% - var(--aside-nav-width) - var(--aside-right-width) - 20px);
				height: 100%
			}

.main .main-first-screen .home-w .item-center .fist-center-item {
					padding-bottom: 10px;
					
					height: calc(100% - 100px);
					
				}

.main .main-first-screen .home-w .item-center .item-center-box {
					height: 100px
				}

.main .main-first-screen .home-w .item-center .item-center-box .item {
						height: 100%;
						-webkit-box-flex: 0;
						    -ms-flex: 0 0 32%;
						        flex: 0 0 32%
					}

.main .main-first-screen .home-w .item-center .item-center-box .item:nth-of-type(2) {
							margin: 0 2%;
						}

.main .main-first-screen .home-w .item-center .item-center-box .item img {
							width: 100%;
							height: 100%;
							border-radius: 5px;
						}

.main .main-first-screen .home-w .item-center .swiper-container {
					--swiper-theme-color: #eee;
					width: 100%;
					height: 100%
				}

@media (max-width: 768px) {

.main .main-first-screen .home-w .item-center .swiper-container {
						height: 200px
				}
					}

.main .main-first-screen .home-w .item-center .swiper-container img {
						width: 100%;
						height: 100%;
						border-radius: 5px;
					}

.main .main-first-screen .home-w .item-right {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 var(--aside-right-width);
				        flex: 0 0 var(--aside-right-width);
				width: var(--aside-right-width);
				margin-left: 10px;
				height: 100%;
				background-color: #fff;
				border-radius: 5px;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column
				
			}

.main .main-first-screen .home-w .item-right .user-login {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					    -ms-flex-direction: column;
					        flex-direction: column;
					-webkit-box-align: center;
					    -ms-flex-align: center;
					        align-items: center;
					padding-top: 15px;
					height: 120px;
					width: 100%
					/* background-color: #e8eff5; */
				}

.main .main-first-screen .home-w .item-right .user-login .user-info {
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-align: center;
						    -ms-flex-align: center;
						        align-items: center;
						margin-bottom: 15px;
					}

.main .main-first-screen .home-w .item-right .user-login .user-avatar {
						font-size: 45px;
						color: #a9cbec;
					}

.main .main-first-screen .home-w .item-right .user-login .user-sub {
						font-size: 12px;
						color: var(--theme-color);
						margin-left: 10px;
						color: #333
					}

.main .main-first-screen .home-w .item-right .user-login .user-sub .sub {
							background-color: #f8f8f8;
							padding: 4px 6px;
							margin-top: 5px;
							font-size: 12px;
							color: #003b75;
						}

.main .main-first-screen .home-w .item-right .user-login .user-btn {
						width: 100%;
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						padding: 0 15px;
						-ms-flex-pack: distribute;
						    justify-content: space-around
					}

.main .main-first-screen .home-w .item-right .user-login .user-btn .btn {
							width: 95px;
							line-height: 25px;
							padding: 0;
							font-size: 12px
						}

.main .main-first-screen .home-w .item-right .user-login .user-btn .btn.btn-light {
								background: #fff;
								border: 1px solid var(--theme-color);
								color: var(--theme-color);
							}

.main .main-first-screen .home-w .item-right .func-icon {
					padding: 0px 20px;
					/* height: 150px; */
					-webkit-box-flex: 1;
					    -ms-flex: 1;
					        flex: 1;
					width: 100%
				}

.main .main-first-screen .home-w .item-right .func-icon .item {
						-webkit-box-flex: 0;
						    -ms-flex: 0 0 50%;
						        flex: 0 0 50%;
						width: 50%;
						margin-top: 10px
					}

.main .main-first-screen .home-w .item-right .func-icon .item:nth-of-type(1),
						.main .main-first-screen .home-w .item-right .func-icon .item:nth-of-type(2) {
							/* margin-top: 0; */
						}

.main .main-first-screen .home-w .item-right .func-icon .item .item-w {
							width: 100%;
							text-align: center;
							display: block
						}

.main .main-first-screen .home-w .item-right .func-icon .item .item-w>.custom-icon {
								height: 35px;
								font-size: 26px;
								color: var(--theme-color);
							}

.main .main-first-screen .home-w .item-right .func-icon .item .item-w>p {
								padding: 10px;
							}

.main .main-first-screen .home-w .item-right .gg {
					height: 160px;
					width: 100%
				}

.main .main-first-screen .home-w .item-right .gg .gg-title {
						border-top: 1px solid #f8f8f8;
						line-height: 40px;
						color: var(--theme-color);
						padding: 0 20px;
						position: relative
					}

.main .main-first-screen .home-w .item-right .gg .gg-title:after {
							content: "";
							position: absolute;
							left: 0;
							top: 50%;
							-webkit-transform: translateY(-50%);
							    -ms-transform: translateY(-50%);
							        transform: translateY(-50%);
							width: 4px;
							height: 50%;
							background-color: var(--theme-color);
						}

.main .main-first-screen .home-w .item-right .gg .gg-content {
						padding: 0 10px
					}

.main .main-first-screen .home-w .item-right .gg .gg-content .item {
							padding: 0 10px;
							height: 25px
						}

.main .main-first-screen .home-w .item-right .gg .gg-content .item a {
								display: block;
								line-height: 25px;
							}

.main .main-ad-screen .home-w {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			height: 120px;
			margin-bottom: 20px
		}

.main .main-ad-screen .home-w .ad-left {
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				height: 100%;
				background-color: var(--theme-color-l)
			}

.main .main-ad-screen .home-w .ad-left img {
					width: 100%;
					height: 100%;
				}

@media (max-width: 768px) {

.main .main-screen {
			/* padding: 0 5px; */
	}
		}

.main .main-screen.box1 .swiper {
				height: 260px
			}

.main .main-screen.box1 .swiper .swiper-container {
					height: 100%;
					padding-bottom: 30px
				}

.main .main-screen.box1 .swiper .swiper-container .swiper-slide {
						background-color: #fff;
						height: 100%;
						padding: 8px
					}

.main .main-screen.box1 .swiper .swiper-container .swiper-slide .zs-title {
						}

.main .main-screen.box1 .swiper .swiper-container .swiper-slide img {
							width: 100%;
							height: calc(100% - 25px)
						}

.main .main-screen.box3 .swiper {
				height: 300px
			}

.main .main-screen.box3 .swiper .swiper-container {
					height: 100%;
					padding-bottom: 30px
				}

.main .main-screen.box3 .swiper .swiper-container .swiper-slide {
						width: 22%;
						height: 100%
					}

.main .main-screen.box3 .swiper .swiper-container .swiper-slide .shop-card {
							border-radius: 5px;
							overflow: hidden
						}

.main .main-screen.box3 .swiper .swiper-container .swiper-slide .shop-card .s-c-header {
								position: relative;
								height: 80px;
								display: block;
								padding-top: 10px;
								padding-left: 15px
							}

.main .main-screen.box3 .swiper .swiper-container .swiper-slide .shop-card .s-c-header .bg {
									position: absolute;
									left: 0;
									top: 0;
									width: 100%;
									height: 100%;
									overflow: hidden

								}

.main .main-screen.box3 .swiper .swiper-container .swiper-slide .shop-card .s-c-header .bg:after {
										content: "";
										position: absolute;
										top: 0;
										left: 0;
										width: 100%;
										height: 100%;
										background-color: var(--theme-color);
										opacity: .3
									}

.main .main-screen.box3 .swiper .swiper-container .swiper-slide .shop-card .s-c-header .bg>img {
										position: absolute;
										top: 50%;
										left: 50%;
										-webkit-transform: translate(-50%, -50%);
										    -ms-transform: translate(-50%, -50%);
										        transform: translate(-50%, -50%);
										width: 160%;
										height: 160%;
										-webkit-filter: blur(10px);
										        filter: blur(10px);
									}

.main .main-screen.box3 .swiper .swiper-container .swiper-slide .shop-card .s-c-header .shop-info-row {
									position: relative;
									z-index: 30
								}

.main .main-screen.box3 .swiper .swiper-container .swiper-slide .shop-card .s-c-header .shop-info-row .shop-avatar {
										width: 60px;
										-webkit-box-flex: 0;
										    -ms-flex: 0 0 60px;
										        flex: 0 0 60px;
										height: 60px;
										border-radius: 50%;
										background-color: #fff;
										overflow: hidden
									}

.main .main-screen.box3 .swiper .swiper-container .swiper-slide .shop-card .s-c-header .shop-info-row .shop-avatar>img {
											max-width: 70%;
											max-height: 70%;
										}

.main .main-screen.box3 .swiper .swiper-container .swiper-slide .shop-card .s-c-header .shop-info-row .shop-info {
										-webkit-box-flex: 0;
										    -ms-flex: 0 0 calc(100% - 50px);
										        flex: 0 0 calc(100% - 50px);
										width: calc(100% - 50px);
										height: 50px;
										-webkit-box-orient: vertical;
										-webkit-box-direction: normal;
										    -ms-flex-direction: column;
										        flex-direction: column;
										padding-left: 10px
									}

.main .main-screen.box3 .swiper .swiper-container .swiper-slide .shop-card .s-c-header .shop-info-row .shop-info .shop-name {
											color: #fff;
											font-weight: bold;
											font-size: 16px;
										}

.main .main-screen.box3 .swiper .swiper-container .swiper-slide .shop-card .s-c-header .shop-info-row .shop-info .shop-sub {
											margin-top: 5px
										}

.main .main-screen.box3 .swiper .swiper-container .swiper-slide .shop-card .s-c-header .shop-info-row .shop-info .shop-sub .sub-label {
												background-color: #f64400;
												color: #fff;
												border-radius: 15px;
												height: 25px;
												line-height: 25px;
												padding: 0 15px;
											}

.main .main-screen.box3 .swiper .swiper-container .swiper-slide .shop-card .s-c-content {
								background-color: #f8fcff;
								height: 190px;
								
							}

.main .main-screen .s-c-c-list {
			padding: 15px
		}

.main .main-screen .s-c-c-list>.item {
				margin-top: 10px
			}

.main .main-screen .s-c-c-list>.item:first-child {
					margin-top: 0;
				}

.main .main-screen .s-c-c-list>.item>a {

				}

.main .main-screen .s-c-c-list>.item .p-img {
					-webkit-box-flex: 0;
					    -ms-flex: 0 0 75px;
					        flex: 0 0 75px;
					width: 75px;
					height: 75px;
					position: relative;
					overflow: hidden;
					border-radius: 4px
				}

.main .main-screen .s-c-c-list>.item .p-img:after {
						content: "";
						position: absolute;
						left: 0;
						top: 0;
						width: 100%;
						height: 100%;
						background-color: rgba(0,0,0,.05);
					}

.main .main-screen .s-c-c-list>.item .p-img>img {
						width: 100%;
						height: 100%;
						position: absolute;
						top: 0;
						left: 0;

					}

.main .main-screen .s-c-c-list>.item .p-info {
					height: 70px
				}

.main .main-screen .s-c-c-list>.item .p-info .p-title {
						color: #000;
						line-height: 18px;
						margin-bottom: 15px;
						font-size: 14px;
					}

.main .main-screen .s-c-c-list>.item .p-info .p-bottom {
						/* height: 25px; */
					}

.main .main-screen .s-c-c-list>.item .p-info .p-bottom .p-price {
							color: red;
							font-size: 12px
						}

.main .main-screen .s-c-c-list>.item .p-info .p-bottom .p-price .price-num {
								font-size: 14px;
							}

.main .main-screen.box2 .main-box-content .list {
					
				}

.main .main-screen.box5 .main-box-content .item-left {
					width: 220px;
					-webkit-box-flex: 0;
					    -ms-flex: 0 0 220px;
					        flex: 0 0 220px;
					height: 480px
				}

.main .main-screen.box5 .main-box-content .item-left img {
						width: 100%;
						height: 100%;
					}

.main .main-screen.box5 .main-box-content .item-right {
					width: calc(100% - 220px);
					-webkit-box-flex: 0;
					    -ms-flex: 0 0 calc(100% - 220px);
					        flex: 0 0 calc(100% - 220px);
					padding: 0 25px;
					height: 480px;
				}

.main .main-screen.box5 .main-box-content .list {
					height: 100%
				}

.main .main-screen.box5 .main-box-content .list>.item {
						height: 50%
					}

.main .main-screen.box5 .main-box-content .list>.item>a .p-title {
								height: auto;
							}

.main .main-screen.box4 .swiper {
				height: 350px
			}

.main .main-screen.box4 .swiper .swiper-container {
					height: 100%;
					padding-bottom: 30px
				}

.main .main-screen.box4 .swiper .swiper-container .swiper-slide {
						width: 28%;
						height: 100%
					}

.main .main-screen.box4 .swiper .swiper-container .swiper-slide .shop-card2 {
							width: 100%;
							height: 100%;
							-webkit-box-orient: vertical;
							-webkit-box-direction: normal;
							    -ms-flex-direction: column;
							        flex-direction: column;
							background-color: #fff6ed;
							padding: 10px 20px;
							border-radius: 5px;
							background-size: cover;
						background-image: url("/Public/pc/img/tt_bg.png"); 
							background-repeat: no-repeat; 
							background-position: 50% center;
						}

.main .main-screen.box4 .swiper .swiper-container .swiper-slide .shop-card2 .shop-info {
								padding-top: 20px;
								-webkit-box-orient: vertical;
								-webkit-box-direction: normal;
								    -ms-flex-direction: column;
								        flex-direction: column
							}

.main .main-screen.box4 .swiper .swiper-container .swiper-slide .shop-card2 .shop-info .info-avatar {
									width: 60px;
									height: 60px;
									border-radius: 50%;
								}

.main .main-screen.box4 .swiper .swiper-container .swiper-slide .shop-card2 .shop-info .info-name {
									line-height: 50px;
									font-weight: bold;
									color: #000;
									font-size: 16px;
								}

.main .main-screen.box4 .swiper .swiper-container .swiper-slide .shop-card2 .shop-img-list {
								width: 100%
							}

.main .main-screen.box4 .swiper .swiper-container .swiper-slide .shop-card2 .shop-img-list .item-img {
									-webkit-box-flex: 0;
									    -ms-flex: 0 0 30%;
									        flex: 0 0 30%;
									width: 30%;
									padding-top: 30%;
									margin-left: 5%;
									position: relative
								}

.main .main-screen.box4 .swiper .swiper-container .swiper-slide .shop-card2 .shop-img-list .item-img:first-child {
										margin-left: 0;
									}

.main .main-screen.box4 .swiper .swiper-container .swiper-slide .shop-card2 .shop-img-list .item-img img {
										position: absolute;
										left: 0;
										top: 0;
										width: 100%;
										height: 100%;
										border-radius: 5px;
									}

.main .main-screen.box4 .swiper .swiper-container .swiper-slide .shop-card2 .shop-btn-w {
								height: 60px
							}

.main .main-screen.box4 .swiper .swiper-container .swiper-slide .shop-card2 .shop-btn-w .shop-btn {
									line-height: 28px;
									padding: 0 20px;
									border: 1px solid #ff8557;
									color: #f64400;
									border-radius: 3px;
									-webkit-transition: all .3s;
									-o-transition: all .3s;
									transition: all .3s
								}

.main .main-screen.box4 .swiper .swiper-container .swiper-slide .shop-card2 .shop-btn-w .shop-btn:hover {
										background-color: #f64400;
										color: #fff;
									}

.main .main-screen .home-w .main-box-header {
				height: 50px;
				margin-bottom: 10px
			}

.main .main-screen .home-w .main-box-header .item-t {
					-webkit-box-align: baseline;
					    -ms-flex-align: baseline;
					        align-items: baseline;
				}

.main .main-screen .home-w .main-box-header .m-b-h-title {
					font-size: 22px;
					font-weight: bold;
					color: #000;
				}

.main .main-screen .home-w .main-box-header .m-b-h-sub {
					color: #999;
					margin-left: 10px;
				}

.main .main-screen .home-w .marb {
				margin-bottom: 30px;
			}

.main .main-screen .home-w .main-goods-card {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				height: 90px;
				background-color: #fff;
				border-radius: 5px;
				margin-bottom: 30px
			}

.main .main-screen .home-w .main-goods-card .goods-item {
					-webkit-box-flex: 1;
					    -ms-flex: 1;
					        flex: 1;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					height: 100%;
					border-right: 1px solid #f5f5f5
				}

.main .main-screen .home-w .main-goods-card .goods-item:last-child {
						border-right: 0;
					}

.main .main-screen .home-w .main-goods-card .goods-item .goods-left {
						-webkit-box-flex: 0;
						    -ms-flex: 0 0 100px;
						        flex: 0 0 100px;
						width: 100px;
						height: 100%;
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-orient: vertical;
						-webkit-box-direction: normal;
						    -ms-flex-direction: column;
						        flex-direction: column;
						-webkit-box-align: center;
						    -ms-flex-align: center;
						        align-items: center;
						-webkit-box-pack: center;
						    -ms-flex-pack: center;
						        justify-content: center;
						-webkit-box-shadow: 10px 0 5px rgba(90, 90, 90, 0.05);
						        box-shadow: 10px 0 5px rgba(90, 90, 90, 0.05);
						position: relative
					}

.main .main-screen .home-w .main-goods-card .goods-item .goods-left:after {
							content: "";
							position: absolute;
							top: 50%;
							left: 100%;
							width: 0;
							height: 0;
							border-right: 0;
							-webkit-transform: translateY(-50%);
							    -ms-transform: translateY(-50%);
							        transform: translateY(-50%);
							border-left: 8px solid #fff;
							border-top: 10px solid transparent;
							border-bottom: 10px solid transparent;
						}

.main .main-screen .home-w .main-goods-card .goods-item .goods-left .goods-img img {
								width: 45px;
								height: 45px;
								margin-bottom: 10px;
							}

.main .main-screen .home-w .main-goods-card .goods-item .goods-left .goods-name {
							color: #000;
							font-weight: bold;
							font-size: 1.1rem;
						}

.main .main-screen .home-w .main-goods-card .goods-item .goods-main {
						-webkit-box-flex: 1;
						    -ms-flex: 1;
						        flex: 1;
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-orient: vertical;
						-webkit-box-direction: normal;
						    -ms-flex-direction: column;
						        flex-direction: column;
						-webkit-box-pack: center;
						    -ms-flex-pack: center;
						        justify-content: center;
						height: 100%;
						padding: 0 20px
					}

.main .main-screen .home-w .main-goods-card .goods-item .goods-main .main-title {
							font-weight: bold;
							color: #000;
							font-size: 16px;
							margin-bottom: 15px;
						}

.main .main-screen .home-w .main-goods-card .goods-item .goods-main .main-info {
							margin-bottom: 15px;
							line-height: 20px;
						}

.main .main-screen .home-w .main-goods-card .goods-item .goods-main .main-desc .item {
								display: inline-block;
								background-color: #f5f5f5;
								border-radius: 4px;
								line-height: 24px;
								padding: 0 10px;
								margin-right: 5px
							}

.main .main-screen .home-w .main-goods-card .goods-item .goods-main .main-desc .item:last-child {
									margin-right: 0;
								}

.main .main-screen .home-w .main-box {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex
			}

.main .main-screen .home-w .main-box.fx {
					min-height: 300px;
				}

.main .main-screen .home-w .main-box.ai {
					min-height: 500px;
				}

.main .main-screen .home-w .main-box .box-title {
					color: #000;
					font-size: 20px;
					font-weight: bold;
					padding: 0px 5px;
					line-height: 40px;
					height: 40px;
					-webkit-box-flex: 0;
					    -ms-flex: 0 0 40px;
					        flex: 0 0 40px;
					white-space: nowrap;
				}

.main .main-screen .home-w .main-box .box-left {
					-webkit-box-flex: 0;
					    -ms-flex: 0 0 var(--aside-nav-width);
					        flex: 0 0 var(--aside-nav-width);
					width: var(--aside-nav-width);
					height: 100%;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					    -ms-flex-direction: column;
					        flex-direction: column
				}

.main .main-screen .home-w .main-box .box-left .box-title {
						color: #000;
						font-size: 20px;
						font-weight: bold;
						padding: 0px 5px;
						line-height: 40px;
						height: 40px;
						-webkit-box-flex: 0;
						    -ms-flex: 0 0 40px;
						        flex: 0 0 40px;
						white-space: nowrap;
					}

.main .main-screen .home-w .main-box .box-left .box-pic {
						-webkit-box-flex: 1;
						    -ms-flex: 1;
						        flex: 1;
						min-height: 260px;
						height: 100%;
						background-color: var(--theme-color)
						/* background-position: 0 0 ;
						background-size: var(--aside-nav-width) 100%;
						&.box-bg1 {
							background-image: url("/market/img/box-bg.png")
						}
						&.box-bg2 {
							background-image: url("/market/img/box-bg2.png")
						} */
					}

.main .main-screen .home-w .main-box .box-left .box-pic img {
							width: 100%;
							height: 100%;
							min-height: 260px;
							display: block;
						}

.main .main-screen .home-w .main-box .box-right {
					-webkit-box-flex: 1;
					    -ms-flex: 1;
					        flex: 1;
					padding-top: 15px
				}

.main .main-screen .home-w .main-box .box-right .box-nav {
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						padding-right: 5px;
						-webkit-box-pack: justify;
						    -ms-flex-pack: justify;
						        justify-content: space-between
					}

.main .main-screen .home-w .main-box .box-right .box-nav .nav-right {
							display: -webkit-box;
							display: -ms-flexbox;
							display: flex;
							-webkit-box-align: center;
							    -ms-flex-align: center;
							        align-items: center;
							height: 40px
						}

.main .main-screen .home-w .main-box .box-right .box-nav .nav-right .nav-item {
								padding: 0 10px;
								line-height: 40px;
								font-size: 16px;
								-webkit-transition: all 0.3s;
								-o-transition: all 0.3s;
								transition: all 0.3s;
								border-radius: 6px 6px 0 0
							}

.main .main-screen .home-w .main-box .box-right .box-nav .nav-right .nav-item p {
									cursor: pointer;
									padding: 0 20px
								}

.main .main-screen .home-w .main-box .box-right .box-nav .nav-right .nav-item p:hover {
										color: var(--theme-color);
									}

.main .main-screen .home-w .main-box .box-right .box-nav .nav-right .nav-item.active {
									background-color: var(--theme-color);
									color: #fff
								}

.main .main-screen .home-w .main-box .box-right .box-nav .nav-right .nav-item.active p:hover {
										color: #fff;
									}

.main .main-screen .home-w .main-box .box-right .box-nav .nav-right .nav-item:last-child {
									padding-right: 0;
								}

.main .main-screen .home-w .main-box .box-right .box-nav .nav-right .nav-item a {
									color: #000;
									-webkit-transition: all 0.3s;
									-o-transition: all 0.3s;
									transition: all 0.3s
								}

.main .main-screen .home-w .main-box .box-right .box-nav .nav-right .nav-item a:hover {
										color: red;
										font-weight: bold;
									}

.main .main-screen .home-w .main-box .box-right .box-content {
						height: calc(100% - 40px);
						position: relative;
						background-color: #fff;
						border-top: 2px solid var(--theme-color)
					}

.main .main-screen .home-w .main-box .box-right .box-content.no-jiao::after {
							display: none
						}

.main .main-screen .home-w .main-box .box-right .box-content::after {
							content: "";
							position: absolute;
							left: 0;
							bottom: 100%;
							width: 0;
							height: 0;
							border-left: 15px solid var(--theme-color);
							border-top: 17px solid transparent;
							border-right: 0;
							border-bottom: 0;
						}

.main .main-screen .home-w .main-box .box-right .box-content .main-search {
							padding-top: 20px;
							height: 120px;
							display: -webkit-box;
							display: -ms-flexbox;
							display: flex;
							-webkit-box-align: center;
							    -ms-flex-align: center;
							        align-items: center;
							-webkit-box-pack: center;
							    -ms-flex-pack: center;
							        justify-content: center
						}

.main .main-screen .home-w .main-box .box-right .box-content .main-search .search-w {
								position: relative;
								width: 650px;
								display: -webkit-box;
								display: -ms-flexbox;
								display: flex;
								-webkit-box-align: center;
								    -ms-flex-align: center;
								        align-items: center
							}

.main .main-screen .home-w .main-box .box-right .box-content .main-search .search-w .search {
									-webkit-box-flex: 1;
									    -ms-flex: 1;
									        flex: 1;
									line-height: 45px;
									height: 45px;
									border: 2px solid #ccc;
									padding: 0 10px;
									outline: none;
									border-right: 0;
									border-radius: 5px 0 0 5px;
								}

.main .main-screen .home-w .main-box .box-right .box-content .main-search .search-w .search-btn {
									display: -webkit-box;
									display: -ms-flexbox;
									display: flex;
									-webkit-box-align: center;
									    -ms-flex-align: center;
									        align-items: center;
									-webkit-box-pack: center;
									    -ms-flex-pack: center;
									        justify-content: center;
									width: 70px;
									-webkit-box-flex: 0;
									    -ms-flex: 0 0 70px;
									        flex: 0 0 70px;
									height: 45px;
									border: 2px solid royalblue;
									border-radius: 0 5px 5px 0;
									background-color: royalblue;
									color: #fff;
									cursor: pointer;
									-webkit-transition: all 0.3s;
									-o-transition: all 0.3s;
									transition: all 0.3s;
									font-size: 15px
								}

.main .main-screen .home-w .main-box .box-right .box-content .main-search .search-w .search-btn:hover {
										background-color: var(--theme-color-d);
									}

.main .main-screen .home-w .main-box .box-right .box-content .main-search .search-w .search-btn span {
										margin-left: 6px;
									}

.main .main-screen .home-w .main-box .box-right .box-content .content {
							display: -webkit-box;
							display: -ms-flexbox;
							display: flex
						}

.main .main-screen .home-w .main-box .box-right .box-content .content.pad {
								padding: 0 60px;
							}

.main .main-screen .home-w .main-box .box-right .box-content .content .content-item {
								-webkit-box-flex: 1;
								    -ms-flex: 1;
								        flex: 1;
							}

.main .main-screen .home-w .main-box .box-right .box-content .info-label {
							display: -webkit-box;
							display: -ms-flexbox;
							display: flex;
							-webkit-box-align: center;
							    -ms-flex-align: center;
							        align-items: center;
							height: 100px
						}

.main .main-screen .home-w .main-box .box-right .box-content .info-label .left-icon {
								margin-right: 12px
							}

.main .main-screen .home-w .main-box .box-right .box-content .info-label .left-icon img {
									width: 35px;
									height: 35px;
								}

.main .main-screen .home-w .main-box .box-right .box-content .info-label .right-info .t {
									font-weight: bold;
									font-size: 1rem;
									color: var(--theme-color);
									margin-bottom: 6px;
								}

.main .main-screen .home-w .main-box .box-right .box-content .box-tabs-content {
							height: 100%
						}

.main .main-screen .home-w .main-box .box-right .box-content .box-tabs-content .tabs-content-item {
								display: none;
								height: 100%
							}

.main .main-screen .home-w .main-box .box-right .box-content .box-tabs-content .tabs-content-item .ai-mp-wrapper {
									height: 100%;
									display: -webkit-box;
									display: -ms-flexbox;
									display: flex;
									-ms-flex-wrap: wrap;
									    flex-wrap: wrap;
								}

.main .main-screen .home-w .main-box .box-right .box-content .box-tabs-content .tabs-content-item.active {
									display: block;
								}

.main .main-screen .home-w .main-box .box-right .box-content .box-tabs-content .tabs-content-item .ai-mp-card {
									-webkit-box-flex: 0;
									    -ms-flex: 0 0 25%;
									        flex: 0 0 25%;
									height: 50%;
									display: -webkit-box;
									display: -ms-flexbox;
									display: flex;
									-webkit-box-orient: vertical;
									-webkit-box-direction: normal;
									    -ms-flex-direction: column;
									        flex-direction: column;
									-webkit-box-align: center;
									    -ms-flex-align: center;
									        align-items: center;
									-webkit-box-pack: center;
									    -ms-flex-pack: center;
									        justify-content: center;
									border-bottom: 1px solid #f8f8f8;
									border-right: 1px solid #f8f8f8;
									overflow: hidden;
									-webkit-transition: all 0.3s;
									-o-transition: all 0.3s;
									transition: all 0.3s;
									position: relative
								}

.main .main-screen .home-w .main-box .box-right .box-content .box-tabs-content .tabs-content-item .ai-mp-card .ai-hover-bg {
										background: #f64400;
										position: absolute;
										width: 0;
										height: 0;
										border-radius: 50%;
										-webkit-transform: translate(-50%, -50%);
										-ms-transform: translate(-50%, -50%);
										    transform: translate(-50%, -50%);
										-webkit-transition: width 0.4s, height 0.4s;
										-o-transition: width 0.4s, height 0.4s;
										transition: width 0.4s, height 0.4s;
										z-index: 0;
									}

.main .main-screen .home-w .main-box .box-right .box-content .box-tabs-content .tabs-content-item .ai-mp-card::after {
										content: "";
										position: absolute;
										bottom: 0;
										left: 50%;
										-webkit-transform: translateX(-50%);
										    -ms-transform: translateX(-50%);
										        transform: translateX(-50%);
										width: 0;
										height: 0;
										border-top: 0;
										border-left: 12px solid transparent;
										border-right: 12px solid transparent;
										border-bottom: 8px solid #fff;
									}

.main .main-screen .home-w .main-box .box-right .box-content .box-tabs-content .tabs-content-item .ai-mp-card:hover {
										/* background-color: #f64400; */
										color: #fff
									}

.main .main-screen .home-w .main-box .box-right .box-content .box-tabs-content .tabs-content-item .ai-mp-card:hover .ai-mp-sub {
											color: #ffc9b5;
										}

.main .main-screen .home-w .main-box .box-right .box-content .box-tabs-content .tabs-content-item .ai-mp-card:hover .ai-hover-bg {
											width: 700px;
											height: 700px;
										}

.main .main-screen .home-w .main-box .box-right .box-content .box-tabs-content .tabs-content-item .ai-mp-card:nth-of-type(4n) {
										border-right: 0;
									}

.main .main-screen .home-w .main-box .box-right .box-content .box-tabs-content .tabs-content-item .ai-mp-card:nth-of-type(5),
									.main .main-screen .home-w .main-box .box-right .box-content .box-tabs-content .tabs-content-item .ai-mp-card:nth-of-type(6),
									.main .main-screen .home-w .main-box .box-right .box-content .box-tabs-content .tabs-content-item .ai-mp-card:nth-of-type(7),
									.main .main-screen .home-w .main-box .box-right .box-content .box-tabs-content .tabs-content-item .ai-mp-card:nth-of-type(8) {
										border-bottom: 0;
									}

.main .main-screen .home-w .main-box .box-right .box-content .box-tabs-content .tabs-content-item .ai-mp-card .ai-mp-img {
										width: 100px;
										height: 100px;
										border-radius: 50%;
										margin-bottom: 20px;
										padding: 15px;
										background-color: #fff;
										position: relative
									}

.main .main-screen .home-w .main-box .box-right .box-content .box-tabs-content .tabs-content-item .ai-mp-card .ai-mp-img:after {
											position: absolute;
											content: "";
											width: 100%;
											height: 100%;
											top: 0;
											left: 0;
											border-radius: 50%;
											border: 2px solid #fff;
											-webkit-animation: big 1s linear infinite;
											        animation: big 1s linear infinite;
										}

.main .main-screen .home-w .main-box .box-right .box-content .box-tabs-content .tabs-content-item .ai-mp-card .ai-mp-img img {
											width: 100%;
											height: 100%;
										}

.main .main-screen .home-w .main-box .box-right .box-content .box-tabs-content .tabs-content-item .ai-mp-card .ai-mp-name {
										font-size: 18px;
										font-weight: bold;
										margin-bottom: 15px;
										letter-spacing: 1px;
										position: relative;
									}

.main .main-screen .home-w .main-box .box-right .box-content .box-tabs-content .tabs-content-item .ai-mp-card .ai-mp-sub {
										line-height: 20px;
										padding: 0 15px;
										color: #999;
										position: relative;
									}

.main .main-screen .home-w .main-box .box-right .box-content .box-tabs-content .tabs-content-item .ai-func-wrapper {
									display: -webkit-box;
									display: -ms-flexbox;
									display: flex;
									height: 100%
									/* padding: 0 10px; */
								}

.main .main-screen .home-w .main-box .box-right .box-content .box-tabs-content .tabs-content-item .ai-func-wrapper .ai-func-item {
										-webkit-box-flex: 0;
										    -ms-flex: 0 0 25%;
										        flex: 0 0 25%;
										height: 100%;
										padding: 0 10px 20px;
										-webkit-transition: all 0.3s;
										-o-transition: all 0.3s;
										transition: all 0.3s
									}

.main .main-screen .home-w .main-box .box-right .box-content .box-tabs-content .tabs-content-item .ai-func-wrapper .ai-func-item:hover {
											background-color: var(--theme-color)
										}

.main .main-screen .home-w .main-box .box-right .box-content .box-tabs-content .tabs-content-item .ai-func-wrapper .ai-func-item:hover .ai-func-title {
												color: #fff;
												margin-left: 30px;
											}

.main .main-screen .home-w .main-box .box-right .box-content .box-tabs-content .tabs-content-item .ai-func-wrapper .ai-func-item .ai-func-title {
											height: 50px;
											display: -webkit-box;
											display: -ms-flexbox;
											display: flex;
											-webkit-box-align: center;
											    -ms-flex-align: center;
											        align-items: center;
											-webkit-transition: all 0.3s;
											-o-transition: all 0.3s;
											transition: all 0.3s
										}

.main .main-screen .home-w .main-box .box-right .box-content .box-tabs-content .tabs-content-item .ai-func-wrapper .ai-func-item .ai-func-title img {
												width: 25px;
												height: 25px;
											}

.main .main-screen .home-w .main-box .box-right .box-content .box-tabs-content .tabs-content-item .ai-func-wrapper .ai-func-item .ai-func-title span {
												font-size: 16px;
												font-weight: bold;
												margin-left: 8px;
											}

.main .main-screen .home-w .main-box .box-right .box-content .box-tabs-content .tabs-content-item .ai-func-wrapper .ai-func-item .ai-func-list {
											height: calc(100% - 50px);
											display: -webkit-box;
											display: -ms-flexbox;
											display: flex;
											-webkit-box-orient: vertical;
											-webkit-box-direction: normal;
											    -ms-flex-direction: column;
											        flex-direction: column;
											-webkit-box-align: center;
											    -ms-flex-align: center;
											        align-items: center;
											-webkit-box-pack: justify;
											    -ms-flex-pack: justify;
											        justify-content: space-between
										}

.main .main-screen .home-w .main-box .box-right .box-content .box-tabs-content .tabs-content-item .ai-func-wrapper .ai-func-item .ai-func-list .ai-func {
												width: 100%;
												background-color: #f8f8f8;
												padding: 10px;
												height: 18%;
												border-radius: 5px;
												-webkit-transition: all 0.3s;
												-o-transition: all 0.3s;
												transition: all 0.3s;
												position: relative
											}

.main .main-screen .home-w .main-box .box-right .box-content .box-tabs-content .tabs-content-item .ai-func-wrapper .ai-func-item .ai-func-list .ai-func .ai-func-name {
													font-size: 16px;
													color: #000;
													margin-bottom: 5px;
													line-height: 25px;
												}

.main .main-screen .home-w .main-box .box-right .box-content .box-tabs-content .tabs-content-item .ai-func-wrapper .ai-func-item .ai-func-list .ai-func .ai-func-desc {
												}

.main .main-screen .home-w .main-box .box-right .box-accordion {
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						height: 100%
					}

.main .main-screen .home-w .main-box .box-right .box-accordion .accordion-item {
							-webkit-box-flex: 1;
							    -ms-flex: 1;
							        flex: 1;
							height: 100%;
							-webkit-transition: all .3s;
							-o-transition: all .3s;
							transition: all .3s;
							display: -webkit-box;
							display: -ms-flexbox;
							display: flex;
							-webkit-box-orient: vertical;
							-webkit-box-direction: normal;
							    -ms-flex-direction: column;
							        flex-direction: column;
							-webkit-box-align: center;
							    -ms-flex-align: center;
							        align-items: center;
							-webkit-box-pack: center;
							    -ms-flex-pack: center;
							        justify-content: center;
							background: -o-linear-gradient(45deg, var(--theme-color), #333);
							background: linear-gradient(45deg, var(--theme-color), #333);
							color: #fff;
							
							background-size: cover;
							background-position: center;
							background-repeat: no-repeat;
							position: relative
						}

.main .main-screen .home-w .main-box .box-right .box-accordion .accordion-item:after {
								content: '';
								position: absolute;
								left: 0;
								top: 0;
								width: 100%;
								height: 100%;
								background-color: rgba(9, 24, 78, 0.7);
								z-index: 1
							}

.main .main-screen .home-w .main-box .box-right .box-accordion .accordion-item.hg {
								background-image: url("/market/img/hg-bg.jpg");
							}

.main .main-screen .home-w .main-box .box-right .box-accordion .accordion-item.fz {
								background-image: url("/market/img/fz-bg.jpg");
							}

.main .main-screen .home-w .main-box .box-right .box-accordion .accordion-item.jc {
								background-image: url("/market/img/jc-bg.jpg");
							}

.main .main-screen .home-w .main-box .box-right .box-accordion .accordion-item.xs {
								background-image: url("/market/img/xs-bg.jpg");
							}

.main .main-screen .home-w .main-box .box-right .box-accordion .accordion-item.ys {
								background-image: url("/market/img/ys-bg.jpg");
							}

.main .main-screen .home-w .main-box .box-right .box-accordion .accordion-item.nf {
								background-image: url("/market/img/nf-bg.jpg");
							}

.main .main-screen .home-w .main-box .box-right .box-accordion .accordion-item.ny {
								background-image: url("/market/img/ny-bg.jpg");
							}

.main .main-screen .home-w .main-box .box-right .box-accordion .accordion-item.sf {
								background-image: url("/market/img/sf-bg.jpg");
							}

.main .main-screen .home-w .main-box .box-right .box-accordion .accordion-item.jx {
								background-image: url("/market/img/jx-bg.jpg");
							}

.main .main-screen .home-w .main-box .box-right .box-accordion .accordion-item:hover {
								-webkit-box-flex: 3;
								    -ms-flex-positive: 3;
								        flex-grow: 3
							}

.main .main-screen .home-w .main-box .box-right .box-accordion .accordion-item:hover .accordion-title {
									width: 100%;
									letter-spacing: 2px;
									-webkit-box-flex: 0;
									    -ms-flex: 0 0 60px;
									        flex: 0 0 60px;
									height: 60px;
								}

.main .main-screen .home-w .main-box .box-right .box-accordion .accordion-item:hover .accordion-list {
									display: -webkit-box;
									display: -ms-flexbox;
									display: flex;
									-webkit-animation: showList 1s;
									        animation: showList 1s;
								}

.main .main-screen .home-w .main-box .box-right .box-accordion .accordion-item .accordion-title {
								position: relative;
								color: #bdcff3;
								z-index: 2;
								font-weight: bold;
								font-size: 20px;
								width: 30px;
								-webkit-box-flex: 1;
								    -ms-flex: 1;
								        flex: 1;
								display: -webkit-box;
								display: -ms-flexbox;
								display: flex;
								-webkit-box-pack: center;
								    -ms-flex-pack: center;
								        justify-content: center;
								-webkit-box-align: center;
								    -ms-flex-align: center;
								        align-items: center;
								line-height: 30px;
								text-align: center;
								-webkit-transition: all .3s;
								-o-transition: all .3s;
								transition: all .3s;
							}

.main .main-screen .home-w .main-box .box-right .box-accordion .accordion-item .accordion-list {
								position: relative;
								z-index: 2;
								display: none;
								-webkit-box-flex: 0;
								    -ms-flex: 0 0 180px;
								        flex: 0 0 180px;
								height: 180px;
								width: 100%;
								-webkit-box-orient: vertical;
								-webkit-box-direction: normal;
								    -ms-flex-direction: column;
								        flex-direction: column;
								-webkit-box-align: center;
								    -ms-flex-align: center;
								        align-items: center
							}

.main .main-screen .home-w .main-box .box-right .box-accordion .accordion-item .accordion-list .item {
									line-height: 30px;
									height: 30px
								}

.main .main-screen .home-w .main-box .box-right .box-accordion .accordion-item .accordion-list .item a {
										-webkit-transition: all .3s;
										-o-transition: all .3s;
										transition: all .3s	
									}

.main .main-screen .home-w .main-box .box-right .box-accordion .accordion-item .accordion-list .item a:hover {
											color: #00ffff;
										}

.main .main-screen.box6 .box-item {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 49%;
				        flex: 0 0 49%;
				overflow: hidden
			}

.main .main-screen.box6 .box-item .box-item-header {
					background-size: 100% 100%;
					height: 220px;
					position: relative;
					padding: 25px 40px 15px
				}

.main .main-screen.box6 .box-item .box-item-header .i-h-title {
						font-size: 24px;
						font-weight: bold;
					}

.main .main-screen.box6 .box-item .box-item-header .i-h-t-sub {
						line-height: 40px;
						color: #fff;
						padding-bottom: 8px;
						position: relative
					}

.main .main-screen.box6 .box-item .box-item-header .i-h-t-sub:after {
							content: "";
							position: absolute;
							bottom: 0;
							left: 0;
							width: 40px;
							height: 3px;
							background-color: #fff;
						}

.main .main-screen.box6 .box-item .box-item-header .i-h-nav {
						width: 200px;
						margin-top: 20px
					}

.main .main-screen.box6 .box-item .box-item-header .i-h-nav .item {
							height: 30px;
							margin-top: 14px;
							-webkit-box-flex: 0;
							    -ms-flex: 0 0 45%;
							        flex: 0 0 45%;
							width: 45%;
							margin-left: 10%
						}

.main .main-screen.box6 .box-item .box-item-header .i-h-nav .item:nth-of-type(2n+1) {
								margin-left: 0;
							}

.main .main-screen.box6 .box-item .box-item-header .i-h-nav .item:nth-of-type(1),
							.main .main-screen.box6 .box-item .box-item-header .i-h-nav .item:nth-of-type(2) {
								margin-top: 0;
							}

.main .main-screen.box6 .box-item .box-item-header .i-h-nav .item>a {
								display: block;
								line-height: 30px;
								color: #fff;
								text-align: center;
								border: 1px solid #fff;
								border-radius: 5px;
								font-size: 12px;
							}

.main .main-screen.box6 .box-item .box-item-content {
					padding: 15px 25px;
				}

.main .main-screen.box7 .main-box-content {
				height: 400px
			}

.main .main-screen.box7 .main-box-content .item-left {
					-webkit-box-flex: 0;
					    -ms-flex: 0 0 280px;
					        flex: 0 0 280px;
					width: 280px;
					height: 100%
				}

.main .main-screen.box7 .main-box-content .item-left .t {
						height: 40px;
					}

.main .main-screen.box7 .main-box-content .item-right {
					height: 100%;
					margin-left: 15px;
					-webkit-box-flex: 0;
					    -ms-flex: 0 0 calc(100% - 295px);
					        flex: 0 0 calc(100% - 295px);
					width: calc(100% - 295px)
				}

.main .main-screen.box7 .main-box-content .item-right .tablebox tr {
							display: -webkit-box;
							display: -ms-flexbox;
							display: flex;
							width: 100%;
							height: 50px;
							-webkit-box-align: center;
							    -ms-flex-align: center;
							        align-items: center;
						}

.main .main-screen.box7 .main-box-content .item-right .tablebox td,
						.main .main-screen.box7 .main-box-content .item-right .tablebox th {
							height: 100%;
							-webkit-box-flex: 1;
							    -ms-flex: 1;
							        flex: 1;
							padding: 0 5px;
							display: -webkit-box;
							display: -ms-flexbox;
							display: flex;
							-webkit-box-align: center;
							    -ms-flex-align: center;
							        align-items: center;
							line-height: 1rem;
							white-space: nowrap;
							overflow: hidden;
							-o-text-overflow: ellipsis;
							   text-overflow: ellipsis;
						}

.main .main-screen.box7 .main-box-content .item-right .tablebox td:nth-of-type(2),
						.main .main-screen.box7 .main-box-content .item-right .tablebox th:nth-of-type(2),
						.main .main-screen.box7 .main-box-content .item-right .tablebox td:nth-of-type(3),
						.main .main-screen.box7 .main-box-content .item-right .tablebox th:nth-of-type(3) {
							-webkit-box-flex: 0;
							    -ms-flex: 0 0 28%;
							        flex: 0 0 28%;
							width: 28%;

						}

.main .main-screen.box7 .main-box-content .item-right .tablebox td:nth-of-type(5),
						.main .main-screen.box7 .main-box-content .item-right .tablebox th:nth-of-type(5) {
							-webkit-box-flex: 0;
							    -ms-flex: 0 0 18%;
							        flex: 0 0 18%;
							width: 18%;
						}

.main .main-screen.box8 .main-box-content {
				min-height: 550px
			}

.main .main-screen.box8 .main-box-content .table th, 
				.main .main-screen.box8 .main-box-content .table td {
					padding: .9rem .5rem 
				}

.main .main-screen.box8 .main-box-content .table tr {
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						width: 100%;
					}

.main .main-screen.box8 .main-box-content .table td,
					.main .main-screen.box8 .main-box-content .table th {
						-webkit-box-flex: 1;
						    -ms-flex: 1;
						        flex: 1;
						line-height: 18px;
					}

.main .main-screen.box8 .main-box-content .table td:nth-of-type(2),
					.main .main-screen.box8 .main-box-content .table th:nth-of-type(2) {
						-webkit-box-flex: 0;
						    -ms-flex: 0 0 60%;
						        flex: 0 0 60%;
						width: 60%;

					}

.main .main-screen.box9 .main-box-content .item-l-content {
					-webkit-box-flex: 0;
					    -ms-flex: 0 0 55%;
					        flex: 0 0 55%;
					width: 55%;
					height: 200px
				}

.main .main-screen.box9 .main-box-content .item-l-content .b-card {
						margin-top: 20px
					}

.main .main-screen.box9 .main-box-content .item-l-content .b-card:first-child {
							margin-top: 0;
						}

.main .main-screen.box9 .main-box-content .item-l-content .b-card .b-card-l {
							width: calc(100% - 100px);
							-webkit-box-flex: 0;
							    -ms-flex: 0 0 calc(100% - 100px);
							        flex: 0 0 calc(100% - 100px)
						}

.main .main-screen.box9 .main-box-content .item-l-content .b-card .b-card-l .b-card-title {
								
							}

.main .main-screen.box9 .main-box-content .item-l-content .b-card .b-card-l .b-card-desc {
								line-height: 20px;
							}

.main .main-screen.box9 .main-box-content .item-l-content .b-card .b-card-r {
							-webkit-box-flex: 0;
							    -ms-flex: 0 0 100px;
							        flex: 0 0 100px;
							width: 100px;
							text-align: right
						}

.main .main-screen.box9 .main-box-content .item-l-content .b-card .b-card-r .b-card-date {
								padding-top: 10px;
								color: #999;
							}

.main .main-screen.box9 .main-box-content .item-r-content {
					-webkit-box-flex: 0;
					    -ms-flex: 0 0 45%;
					        flex: 0 0 45%;
					height: 200px;
					width: 45%
				}

.main .main-screen.box9 .main-box-content .item-r-content .b-card-list>a .l-r-left {
								-webkit-box-flex: 0;
								    -ms-flex: 0 0 calc(100% - 100px);
								        flex: 0 0 calc(100% - 100px);
								width: calc(100% - 100px);
								
							}

.main .main-screen.box9 .main-box-content .item-r-content .b-card-list>a .l-r-right {
								-webkit-box-flex: 0;
								    -ms-flex: 0 0 100px;
								        flex: 0 0 100px;
								width: 100px;
								text-align: right;
							}

.main .list2>.item {
			-webkit-box-flex: 0;
			    -ms-flex: 0 0 18%;
			        flex: 0 0 18%;
			width: 18%;
			margin-right: 2.5%
		}

.main .list2>.item:nth-of-type(5n) {
				margin-right: 0;
			}

.main .list2>.item>a {
				display: block;
				border: 1px solid #eee;
				-webkit-transition: all .3s;
				-o-transition: all .3s;
				transition: all .3s
			}

.main .list2>.item>a:hover {
					border-color: var(--theme-color)
				}

.main .list2>.item>a:hover .p-img .p-i-label {
							opacity: .85
						}

.main .list2>.item>a .p-img {
					width: 100%;
					padding-top: 100%;
					position: relative;
					overflow: hidden
				}

.main .list2>.item>a .p-img .p-i-label {
						position: absolute;
						bottom: 0;
						left: 0;
						width: 100%;
						height: 35px;
						line-height: 35px;
						text-align: center;
						background-color: var(--theme-color);
						color: #fff;
						opacity: 0;
						z-index: 20;
						-webkit-transition: all .3s;
						-o-transition: all .3s;
						transition: all .3s;
					}

.main .list2>.item>a .p-img:after {
						content: "";
						position: absolute;
						left: 0;
						top: 0;
						width: 100%;
						height: 100%;
						background-color: rgba(0,0,0,0.05);
					}

.main .list2>.item>a .p-img img {
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						-webkit-transition: all .3s;
						-o-transition: all .3s;
						transition: all .3s;
					}

.main .list2>.item>a .p-title {
					color: #000;
					line-height: 20px;
					height: 20px;
					/* margin: 10px auto 5px; */
					font-size: 14px;
					color: #000;
				}

.main .list2>.item>a .p-addr,
				.main .list2>.item>a .p-key,
				.main .list2>.item>a .p-cpy {
					color: #999;
					font-size: 13px;
				}

.main .list2>.item>a .p-key .key-item {
						margin-right: 5px
					}

.main .list2>.item>a .p-key .key-item:last-child {
							margin-right: 0;
						}

.main .list2>.item>a .p-price {
					color: red;
					-webkit-box-align: baseline;
					    -ms-flex-align: baseline;
					        align-items: baseline
				}

.main .list2>.item>a .p-price .price-num {
						font-size: 18px;
					}

.main .logo-list>.item {
			-webkit-box-flex: 0;
			    -ms-flex: 0 0 12.5%;
			        flex: 0 0 12.5%;
			height: 80px
		}

.main .logo-list>.item img {
				max-width: 90%;
				max-height: 90%;
			}

.main .list.list-col-4 .item {
				width: 22%;
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 22%;
				        flex: 0 0 22%;
				margin-right: 4%
			}

.main .list.list-col-4 .item:nth-of-type(4n) {
					margin-right: 0;
				}

.main .list.list-col-5 .item {
				width: 18%;
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 18%;
				        flex: 0 0 18%;
				margin-right: 2.5%
			}

.main .list.list-col-5 .item:nth-of-type(5n) {
					margin-right: 0;
				}

.main .list.list-col-6 .item {
				width: 15%;
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 15%;
				        flex: 0 0 15%;
				margin-right: 2%
			}

.main .list.list-col-6 .item:nth-of-type(6n) {
					margin-right: 0;
				}

.main .list>.item {
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1
		}

.main .list>.item>a {
				display: block
			}

.main .list>.item>a .p-img {
					width: 100%;
					padding-top: 100%;
					position: relative;
					overflow: hidden;
					border-radius: 2px
				}

.main .list>.item>a .p-img:after {
						content: "";
						position: absolute;
						left: 0;
						top: 0;
						width: 100%;
						height: 100%;
						background-color: rgba(0,0,0,0.05);
					}

.main .list>.item>a .p-img img {
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						-webkit-transition: all .3s;
						-o-transition: all .3s;
						transition: all .3s;
					}

.main .list>.item>a .p-title {
					color: #000;
					line-height: 20px;
					margin: 10px auto 5px;
					font-size: 15px;
					height: 40px;
				}

.main .list>.item>a .p-bottom {
					height: 30px
				}

.main .list>.item>a .p-bottom .p-price {
						color: red
					}

.main .list>.item>a .p-bottom .p-price .price-num {
							font-size: 18px;
						 white-space: nowrap;
						}

@-webkit-keyframes topDown {
	0% {
		top: 0;
	}
	100% {
		top: 10px;
		opacity: 0.2;
	}
}

@keyframes topDown {
	0% {
		top: 0;
	}
	100% {
		top: 10px;
		opacity: 0.2;
	}
}
@-webkit-keyframes tiao {
	0% {
		top: 0;
	}
	100% {
		top: -5px;
	}
}
@keyframes tiao {
	0% {
		top: 0;
	}
	100% {
		top: -5px;
	}
}
@-webkit-keyframes big {
	0% {
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1.2);
		        transform: scale(1.2);
	}
}
@keyframes big {
	0% {
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1.2);
		        transform: scale(1.2);
	}
}
@-webkit-keyframes showList {
	0% {
		-webkit-box-flex: 0;
		        flex: 0 0 0;
		opacity: 0;
	}
	100% {
		-webkit-box-flex: 0;
		        flex: 0 0 180px;
		height: 180px;
		opacity: 1;
	}
}
@keyframes showList {
	0% {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 0px;
		        flex: 0 0 0;
		opacity: 0;
	}
	100% {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 180px;
		        flex: 0 0 180px;
		height: 180px;
		opacity: 1;
	}
}