.footer {}

.footer .footer_area {
	position: relative;
	z-index: 1;
	background: #1D2228;
}

.footer .footer_area .footer_bj {
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.footer .footer_area .foot_contain {
	margin: 0 -20px;
	padding: 40px 0;
}

.footer .footer_area .foot_menu {
	padding: 20px;
	flex: auto;
	width: 200px;
}

.footer .footer_area .foot_menu:first-child {
	width: 350px;
}

.footer .footer_area .foot_menu:last-child {
	width: 250px;
}

.footer .footer_area .foot_menu .logo {
	height: 46px;
}

.footer .footer_area .foot_menu .logo img {
	height: 100%;
}

.footer .footer_area .foot_menu .text_ts {
	margin-top: 30px;
	font-weight: 400;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.64);
}

.footer .footer_area .foot_menu .share_box {
	margin-top: 23px;
}

.footer .footer_area .foot_menu .share_box .share {
	margin-right: 12px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	cursor: pointer;
	transition: all 0.3s ease;
}

.footer .footer_area .foot_menu .share_box .share:hover {
	background-color: rgba(255, 135, 38, 1);
}

.footer .footer_area .foot_menu .share_box .share img {
	width: 100%;
	height: 100%;
}

.footer .footer_area .foot_menu .menu_first {
	position: relative;
	font-weight: 400;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 20px;
}

.footer .footer_area .foot_menu .menu_child {
	margin-top: 16px;
}

.footer .footer_area .foot_menu .menu_child .menu_item {
	display: block;
	padding: 5px 0;
	font-weight: 400;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.64);
	line-height: 24px;
	transition: all 0.3s ease;
}

.footer .footer_area .foot_menu .menu_child .menu_item span {
	font-weight: bold;
	color: #FF8726;
}

.footer .footer_area .foot_menu .menu_child .menu_item:hover {
	color: #FF8726;
}

.footer .footer_area .foot_menu:last-child .menu_child .menu_item:hover {
	color: rgba(255, 255, 255, 0.64);
}

.footer .copyright {
	padding: 15px 10px;
	border-top: 1px solid #29313A;
	background: #1D2228;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: rgba(255, 255, 255, 0.8);
	text-align: center;
}

.footer .copyright a {
	margin-left: 20px;
	color: rgba(255, 255, 255, 0.8);
}

.footer .copyright a:hover {
	color: #FF8726;
}

.footer .copyright a img {
	margin-right: 5px;
	width: 20px;
	height: 20px;
	object-fit: contain;
	vertical-align: middle;
}

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

@media screen and (max-width: 1440px) {
	.footer .footer_area .foot_contain {
		margin: 0;
	}
}

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

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

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

@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 .footer_area .foot_contain {
		margin: 0;
		padding: 15px 0 10px;
	}

	.footer .footer_area .foot_menu {
		padding: 15px;
		flex: auto;
		width: 160px;
	}
}

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