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
}
	}
main {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 600px;
    background-color: #fff
}

main .login-bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

main .home-w {
        height: 100%;
    }

main .login-wrap {
        height: 100%;
    }

main .login-box {
        width: 360px;
        height: 400px;
        background-color: #fff;
        border-radius: 3px;
        -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);
                box-shadow: 0 0 5px rgba(0,0,0,.1)
    }

main .login-box .login-tabs {
            height: 60px;
            border-bottom: 1px solid #e7e7e7;
            padding: 0 40px
        }

main .login-box .login-tabs .item-tab {
                font-size: 18px;
                cursor: pointer;
                height: 100%;
                position: relative;
                line-height: 60px
            }

main .login-box .login-tabs .item-tab:after {
                    display: none;
                    content: '';
                    bottom: 0;
                    position: absolute;
                    width: 100%;
                    left: 0;
                    height: 2px;
                    background-color: var(--theme-color);

                }

main .login-box .login-tabs .item-tab.active {
                    color: var(--theme-color);
                    font-weight: bold
                }

main .login-box .login-tabs .item-tab.active:after {
                        display: block
                    }

main .login-box .login-content {
            padding: 50px 30px 0
        }

main .login-box .login-content .item-content {
                display: none
            }

main .login-box .login-content .item-content.active {
                    display: block;
                }

main .login-box .login-content .item-content .reg-text {
                    margin-top: 30px;
                }

main .login-box .login-content .form-row {
                margin-bottom: 10px
            }

main .login-box .login-content .form-row:last-of-type {
                    margin-bottom: 0
                }

.error .sub {
        display: block;
    }
.sub {
    display: none;
    color: red;
}
#box {
    position: relative;
    width: 100%;
    height: 40px;
    margin: 0 auto;
    background-color: #e8e8e8;
    border-radius: 5px
    /* box-shadow: 1px 1px 5px rgb(0 0 0 / 20%); */
}
#box .bgColor {
        position: absolute;
        left: 0;
        top: 0;
        width: 40px;
        height: 40px;
        background-color: lightblue;
        border-radius: 5px 0 0 5px;
    }
#box .txt {
        position: absolute;
        width: 100%;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        color: #000;
        text-align: center;
    }
#box .slider {
        -ms-touch-action: none;
            touch-action: none;
        position: absolute;
        left: 0;
        top: 0;
        width: 50px;
        height: 40px;
        border: 1px solid #ccc;
        background: #fff;
        text-align: center;
        cursor: move;
        /* border-radius: 3px; */
    }
#box .slider>i {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
    }