.footer {
	width: 100%;
	background: #285BC1;
	background-image: url('../foot_bj.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding-top: 150px;
	font-weight: 400;
	color: #EEEEEE;
}

.footer a {
	color: #EEEEEE;
}

.footer .foot_title {
	padding: 20px 0;
	border-bottom: 1px solid #CECECE;
	font-size: 24px;
	color: #D8D8D8;
	line-height: 24px;
}

.footer .foot_yqlj {
	margin-right: 40px;
	min-width: 350px;
}

.footer .yqlj_ul {
	padding: 25px 0;
}

.footer .yqlj_li {
	display: block;
	padding: 10px 0;
	font-size: 18px;
	line-height: 28px;
}

.footer .foot_lxwm {
	flex: 1;
	width: 0;
}

.qrcode_box {
	padding-top: 25px;
}

.qrcode_box+.qrcode_box {
	margin-left: 40px;
}

.qrcode_box .img_box {
	margin: auto;
	width: 142px;
	height: 142px;
}

.qrcode_box .img_box img {
	width: 100%;
	height: 100%;
}

.qrcode_box .img_name {
	padding: 20px 0;
	font-size: 18px;
	text-align: center;
	line-height: 20px;
}

.footer .footer_bottom {
	border-top: 1px solid #CECECE;
	padding: 30px 0;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
}


@media screen and (min-width: 1441px) {}

@media screen and (max-width: 1440px) {}

@media screen and (max-width: 1440px) and (min-width: 1150px) {}

@media screen and (max-width: 1300px) {}

@media screen and (max-width: 1250px) {
	.footer .foot_lxwm>.flex {
		flex-wrap: wrap;
	}

	.qrcode {
		width: 100%;
	}

	.qrcode_box {
		padding-top: 0px;
	}
}

@media screen and (max-width: 1200px) and (min-width: 1151px) {}

@media screen and (max-width: 1200px) and (min-width: 993px) {}

@media screen and (max-width: 1150px) {}

@media screen and (min-width: 992px) {}

/* @media screen and (max-width: 900px) and (min-width: 770px) */
@media screen and (max-width: 992px) {}

/* 超小设备 (手机, 600px 以下屏幕设备) */
/* @media only screen and (max-width: 600px) {
  
} */

/* 小设备 (平板电脑和大型手机，600 像素及以上) */
/* @media only screen and (min-width: 600px) {
    
} */

/* 中型设备（平板电脑，768 像素及以上） */
/* @media only screen and (min-width: 768px) {
   
} */

/* 大型设备（笔记本电脑/台式机，992 像素及以上） */
/* @media only screen and (min-width: 992px) {
    
} */

/* 超大型设备（大型笔记本电脑和台式机，1200 像素及以上） */
/* @media only screen and (min-width: 1200px) {
   
} */
/**
 * 
 * @author wenxin <1171390035@qq.com>
 * 
 * @createTime: 2021-3-19 14:21:05
 * ┌───┐   ┌───┬───┬───┬───┐ ┌───┬───┬───┬───┐ ┌───┬───┬───┬───┐ ┌───┬───┬───┐
 * │Esc│   │ F1│ F2│ F3│ F4│ │ F5│ F6│ F7│ F8│ │ F9│F10│F11│F12│ │P/S│S L│P/B│  ┌┐    ┌┐    ┌┐
 * └───┘   └───┴───┴───┴───┘ └───┴───┴───┴───┘ └───┴───┴───┴───┘ └───┴───┴───┘  └┘    └┘    └┘
 * ┌───┬───┬───┬───┬───┬───┬───┬───┬───┬───┬───┬───┬───┬───────┐ ┌───┬───┬───┐ ┌───┬───┬───┬───┐
 * │~ `│! 1│@ 2│# 3│$ 4│% 5│^ 6│& 7│* 8│( 9│) 0│_ -│+ =│ BacSp │ │Ins│Hom│PUp│ │N L│ / │ * │ - │
 * ├───┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─────┤ ├───┼───┼───┤ ├───┼───┼───┼───┤
 * │ Tab │ Q │ W │ E │ R │ T │ Y │ U │ I │ O │ P │{ [│} ]│ │ | │ │Del│End│PDn│ │ 7 │ 8 │ 9 │   │
 * ├─────┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴─────┤ └───┴───┴───┘ ├───┼───┼───┤ + │
 * │ Caps │ A │ S │ D │ F │ G │ H │ J │ K │ L │: ;│  '│ Enter  │               │ 4 │ 5 │ 6 │   │
 * ├──────┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴────────┤     ┌───┐     ├───┼───┼───┼───┤
 * │ Shift  │ Z │ X │ C │ V │ B │ N │ M │< ,│> .│? /│  Shift   │     │ ↑ │     │ 1 │ 2 │ 3 │   │
 * ├─────┬──┴─┬─┴──┬┴───┴───┴───┴───┴───┴──┬┴───┼───┴┬────┬────┤ ┌───┼───┼───┐ ├───┴───┼───┤ E││
 * │ Ctrl│    │Alt │         Space         │ Alt│    │    │Ctrl│ │ ← │ ↓ │ → │ │   0   │ . │←─┘│
 * └─────┴────┴────┴───────────────────────┴────┴────┴────┴────┘ └───┴───┴───┘ └───────┴───┴───┘
  */
@media screen and (max-width: 768px) {
	.footer {
		padding-top: 20px;
	}

	.footer .footer_main>.flex,
	.footer .foot_lxwm>.flex {
		flex-wrap: wrap;
	}

	.footer .foot_title {
		padding: 20px 0;
		font-size: 20px;
		line-height: 20px;
	}

	.footer .foot_yqlj {
		margin-right: 0;
		min-width: 350px;
		width: 100%;
	}

	.footer .yqlj_ul {
		padding: 15px 0;
	}

	.footer .yqlj_li {
		padding: 5px 0;
		font-size: 16px;
		line-height: 26px;
	}

	.footer .foot_lxwm {
		flex: none;
		width: 100%;
	}

	.qrcode {
		width: 100%;
	}

	.qrcode_box {
		flex: 1;
		padding-top: 15px;
	}

	.qrcode_box+.qrcode_box {
		margin-left: 0;
	}

	.qrcode_box .img_name {
		padding: 20px 0;
		font-size: 16px;
	}

	.footer .footer_bottom {
		border-top: 1px solid #CECECE;
		padding: 10px 0;
		font-size: 14px;
		line-height: 24px;
	}
}

@media screen and (max-width: 600px) {}