@font-face {
  font-family: "PangMenZhengDao-Regular";
  src: url("../assets/font/CangErYuYangTiW05-2.ttf")
}
@font-face {
  font-family: "Source Han Sans CN-Regular";
  src: url("../assets/font/CangErYuYangTiW05-2.ttf")
}
.container{
	display: flex;
	flex-direction: column;
	background: #F7F8FC;
	min-height: 51.6vh;
	padding: 17px 0 157px 0;
	/* background: #F2F3F8!important; */
	background: #F7F8FC!important;
}
.container-content{
	position: absolute;
	margin-left: 50%;
	transform: translateX(-50%);
	/* margin: 0 auto; */
}
.container-top{
	width: 1200px;
	margin: 0 auto;
}
.container-bottom{
	box-sizing: border-box;
	width: 1200px;
	min-height: 51.6vh;
	margin: 0 auto;
}
.container-content{
	padding-left: 0!important;
}
.header{
	display: flex;
	flex-direction: column;
	align-items: center;
	min-height: 16vh;
	background: #FCFCFC;
}
.header-top{
	position: relative;
	box-sizing: border-box;
	/* width: 1120px; */
	/* padding: 0 20%; */
	display: flex;
	width: 100vw;
	/* margin: 0 auto;
	justify-content: center; */
	align-items: center;
	height: 36px;
	background: #F7F8FC;
}
.header-top-left{
	font-size: 13px;
	color: #000;
}
.header-top-warp{
	position: absolute;
	margin-left: 50%;
	transform: translateX(-50%);
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 36px;
	width: 1120px;
}
.header-top-warp ul{
	display: flex;
	justify-content: space-between;
	font-size: 12px;
}
.header-top-warp ul li:hover{
	color: #007BE5!important;
}
.header-top-warp ul li{
	color: #000!important;
	font-size: 13px;
}
.header-top-warp ul li + li{
	margin-left: 65px;
	color: #666666;
}
.header-bottom{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	padding: 15px 0 15px 0;
	height: 138px;
	background: #FCFCFC;
}

.header-bottom-top{
	margin-bottom: 2%;
	/* min-width: 60.5vw; */
	width: 1161px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header-bottom-top-right{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.header-bottom-top-right-left-pop{
	z-index: 99999;
	box-sizing: border-box;
	padding: 5px 10px;
	position: absolute;
	top: 50px;
	font-size: 12px;
	color: #787878;
	background-color: #FFFFFF;
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.16);
	width: 134px;
	height: 208px;
	border-radius: 6px 6px 6px 6px;
	max-height: 300px;
	overflow: hidden;
	overflow-y: scroll;
}

.header-bottom-top-right-left-pop > ul > li{
	padding: 3px 5px;
	margin-top: 5px;
	
}

.header-bottom-top-right-left-pop > ul > li:hover{
	color: #007BE5!important;
}


/*定义滚动条整体的样式*/
.header-bottom-top-right-left-pop::-webkit-scrollbar{
  width: 6px;
  
}
/*滚动条的样式*/
.header-bottom-top-right-left-pop::-webkit-scrollbar-thumb{
	border-radius: 14px 14px 14px 14px;
	height:20px;
  background-image: -webkit-gradient(linear,
  left bottom,
  left top,
  color-stop(0.1, rgb(125, 126, 128)),
  color-stop(0.1, rgb(97, 98, 99)),
  color-stop(0.1, rgb(125, 126, 128)));
}



.header-bottom-top-right-left{
	display: flex;
	align-items: center;
	width: 653px;
	height: 36px;
	background: rgba(255,255,255,0.34);
	border-radius: 4px 4px 4px 4px;
	opacity: 1;
	border: 1px solid #63B7FF;
}
.header-bottom-top-right-right{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 24px;
	color: #FFF;
	font-size: 12px;
	width: 58px;
	height: 36px;
	background: #007BE5;
	border-radius: 4px 4px 4px 4px;
	opacity: 1;
	cursor: pointer;
}
.header-bottom-bottom{
	display: flex;
	justify-content: center;
	position: absolute;
	bottom: 7px;
	left: 0;
	right: 0;
	/* width: 60.5vw; */
	/* width: 100vw; */
}
.header-bottom-bottom ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 1161px;
}
.header-bottom-bottom ul li{
	font-size: 14px;
	padding: 10px 25px;
}
.header-bottom-bottom ul li:hover{
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFF;
	background: #007BE5;
}
.active{
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFF;
	background: #007BE5;
}
.footer{
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 11vh;
	background: #FCFCFC;
}
.footer-content{
	/* font-family: "Source Han Sans CN-Regular"; */
	font-size: 16px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.footer-content-top{
	
	font-weight: 400;
	color: #999999;
}
.footer-content-bottom{
	margin-top: 10px;
	
	font-weight: 400;
	color: #999999;
}
.crumbs{
	box-sizing: border-box;
	/* margin: 1vw 0 0 3vw; */
	width: 1200px;
	margin: 0 auto;
	margin-bottom: 19px;
	/* margin-left: 0!important; */
}
.crumbs-title{
	font-size: 12px;
	font-weight: 600;
	color: #666;
}
.crumbs-title1{
	font-size: 12px;
	font-weight: 400;
	color: #666;
}
.crumbs-title2{
	font-size: 12px;
	font-weight: 400;
	color: #666;
}
/* 弹窗 */
.pop{
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 10000;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .7);
}
.pop .pop-controls{
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	padding: 21px 86px;
	width: 352px;
	height: 153px;
	background: #FFFFFF;
	border-radius: 6px 6px 6px 6px;
	opacity: 1;
}
/* 弹窗 */
.pop1{
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .7);
}
.pop1 .pop1-controls{
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	padding: 21px 86px;
	width: 352px;
	height: 153px;
	background: #FFFFFF;
	border-radius: 6px 6px 6px 6px;
	opacity: 1;
}
.pop2{
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .7);
}
.pop2 .pop2-controls{
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	padding: 21px 50px;
	min-width: 352px;
	height: 153px;
	background: #FFFFFF;
	border-radius: 6px 6px 6px 6px;
	opacity: 1;
}
.controls1{
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFF;
	font-size: 12px;
	width: 78px;
	height: 27px;
	background: #CBCBCB;
	border-radius: 4px 4px 4px 4px;
	opacity: 1;
	cursor: pointer;
}
.controls2{
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFF;
	font-size: 12px;
	width: 78px;
	height: 27px;
	background: #007BE5;
	border-radius: 4px 4px 4px 4px;
	opacity: 1;
	cursor: pointer;
}
.controls3{
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFF;
	font-size: 12px;
	width: 78px;
	height: 27px;
	background: #CBCBCB;
	border-radius: 4px 4px 4px 4px;
	opacity: 1;
	cursor: pointer;
}
.controls4{
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFF;
	font-size: 12px;
	width: 78px;
	height: 27px;
	background: #007BE5;
	border-radius: 4px 4px 4px 4px;
	opacity: 1;
	cursor: pointer;
}
.quit{
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFF;
	font-size: 12px;
	width: 78px;
	height: 27px;
	background: #007BE5;
	border-radius: 4px 4px 4px 4px;
	opacity: 1;
	cursor: pointer;
}
.controls5{
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFF;
	font-size: 12px;
	width: 78px;
	height: 27px;
	background: #CBCBCB;
	border-radius: 4px 4px 4px 4px;
	opacity: 1;
	cursor: pointer;
}
.controls6{
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFF;
	font-size: 12px;
	width: 78px;
	height: 27px;
	background: #007BE5;
	border-radius: 4px 4px 4px 4px;
	opacity: 1;
	cursor: pointer;
}
.commodity-status{
	font-size: 13px;
	font-weight: 400;
	color: #666666;
	line-height: 24px;
}
.mask1{
	/* width: 1200px!important; */
	cursor: pointer;
}
.crumbs{
	margin-top: 0!important;
	position: absolute;
	margin-left: 50%;
	transform: translateX(-50%);
	/* width: 1200px; */
}
.container-content{
	width: 1200px;
	margin-top: 38px;
	margin-bottom: 300px;
}
.container-text{
	position: absolute;
	margin-left: 50%;
	transform: translateX(-50%);
	margin-top: 38px;
}
.passwordInput{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 14px;
	width: 278px;
	margin-bottom: 20px;
}
.passwordInput input{
	box-sizing: border-box;
	border: 1px solid #999;
	padding: 5px 10px;
	border-radius: 5px;
}