.footer {
	width: 100%;
	height: auto;
  background: #fff;
	overflow: hidden;
}
.footer-img{
	width: 147px;
	height: 100px;
	object-fit: unset;
}
.footer-1 {
  height: 370px;
}
.footer-1 .footer-left div{
	width: 90px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	/* margin-top: 90px; */
	margin-top: 20px;
	margin-bottom: 24px;
}
.footer-1 .footer-left div a{
	color: #FFFFFF;
	font-size: 18px;
}
.footer-1 .footer-left div img{
	/*width: 21px;*/
	width: auto;
	height: 21px;
	margin: 3px 14px 0 14px;
}
.footer-1 .footer-right{
	display: flex;
	justify-content: space-between;
}
.footer-1 .footer-right ul{
	width: auto;
	text-align: center;
    margin-right: 90px;
}
.footer-1 .footer-right ul a{
	display: block;
	color: #888888;
	line-height: 35px;
	font-size: 16px;
}
.footer-1 .footer-right ul a:nth-child(1){
	font-size: 17px;
	line-height: 60px;
	color: #fff;
}
/*.footer-1 .footer-right ul:nth-child(4){*/
/*	margin-right: 0;*/
/*}*/
.footer-1 .footer-right ul:nth-child(5){
	margin-right: 0;
}
.footer-2{
	width: 100%;
	height: 50px;
	background: #191919;
	text-align: center;
	display: flex;
	justify-content: space-around;
}
.footer-2 div {
	display: flex;
	align-items: center;
	color: #888888;
}
.footer-2 div p{
	font-size: 13px;
	color: #888888;
}
.footer-2 div a{
	font-size: 13px;
	color: #888888;
	margin-right: 15px;
	transition: 0.3s;
}
.footer-2 div a:hover{
	color: #fff;
}
.footer-left{
	display: flex;
	flex-direction: column;
}
.code{
	width: 70px;
}


.footer-1 .footer-left div:last-child{
width: auto;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.footer-1 .footer-left div:last-child h3{
	font-size: 17px;
    line-height: 60px;
    color: #fff;
	font-weight: 400;
}
.footer-1 .footer-left div:last-child a{
	display: block;
    color: #888888;
    line-height: 35px;
    font-size: 16px;
}
.footer-1 .footer-left div{
	margin-bottom: 0;
}

.footer-follow-title {
  font-size: 20px;
  font-weight: bold;
  margin-left: 0;
  margin-bottom: 12px;
}
.footer-qrcode-space {
  display: flex;
  gap: 32px;
  justify-content: center;
  align-items: flex-start;
  margin-top: 16px;
}
.footer-qrcode-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footer-qrcode-item img {
  width: 90px;
  height: 90px;
  object-fit: contain;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #e5e5e5;
}
.footer-qrcode-label {
  margin-top: 8px;
  font-size: 14px;
  color: #666;
  text-align: center;
}

.footer-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 80%;
  margin: 0 auto;
  height: 100%;
}
.footer-main-left {
  width: 65%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 18px;
}
.footer-main-right {
  width: 35%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.footer-logo-space {
  margin-bottom: 10px;
}

@media screen and (max-width: 768px){
	.footer-1 {
		width: 90%;
	}
	.footer-1 .footer-left{
		width: 20%;
	}
	.footer-1 .footer-left img{
		width: 100%;
	}
	.footer-1 .footer-left div {
		width: 100%;
		flex-wrap: wrap;
	}
	.footer-1 .footer-right {
		width: 66%;
	}
	.footer-1 .footer-right ul {
		 margin-right: 0;
	}
	.footer-1 .footer-right ul a:nth-child(1) {
		line-height: 36px;
	}
	.footer-1 .footer-left div {
		margin-top: 44px;
	}
	.footer-1 .footer-left div img {
		margin: 3px 14px 20px 14px;
	}
	.footer-2{
		height: auto;
	}
	.footer-2 .warp .beifen{
		flex-direction: column;
		margin: 10px auto;
	}
}

@media screen and (max-width: 520px){
	.footer-2 .warp{
		flex-direction: column;
	}
	.footer-2 .last{
		display: inline !important;
	}
}

@media screen and (max-width: 414px){
	.footer-1 {
		flex-direction: column;
	}
	.footer-1 .footer-left {
		width: 100%;
		display: flex;
	}
	.footer-1 .footer-left img {
		width: 30%;
		height: 20%;
	}
	.footer-1 .footer-right {
		width: 100%;
	}
}