
.slide-out{
	position: fixed;
	width: 70px;
	right: 0;
	top: 50%;
	z-index: 100;
}
.slide-out li{
	padding:16px 0px;
	text-align: center;
	
	background: rgba(126,128,132,0.4);
}
.slide-out li a{
	color: #FFFFFF;
}
.slide-out li:hover{
	background: #1890ff;
}
.slide-out li i{
	font-size: 18px;
	
}
.slide-out li div:nth-of-type(2){
	padding-top: 4px;
}


footer{
	padding: 50px 0px 50px;
	border-bottom: 1px solid rgba(255,255,255,0.13);
	background-color: #000824;
}
footer ul{
	padding: 0;
}
footer ul li{
	text-align: left;
	margin-bottom: 3px;
	list-style: none;
	line-height: 26px;
}
footer h4 a{
	font-size: 18px;
	color: #fff;
}
footer a{
	color: #bfbfbf;
	text-decoration: none;
	font-size: 14px;
}
footer a:hover{
	color: #bfbfbf;
	text-decoration: none;
}
footer h2{
	color: #fff;
}
footer h4{
	color: #fff;
	padding-bottom: 20px;
	font-size: 18px;
	font-weight: 400;
}
footer span{
	display: block;
	color: #bfbfbf;
}

.row{
	justify-content: space-around;
}
.ma{
	padding: 20px 0;
	background-color: #000824;
}
.ma p{
	color: #BFBFBF;
	margin-bottom: 11px;
	position: relative;
}
.ma p span{
	position: absolute;
	left: 0px;
}
.ma p span a{
	color: #BFBFBF;
}
.foot-img{
	height: 42px;
	margin-bottom: 18px;
}
.foot-img-area{
	    margin-top: 20px;
}
.foot-img-area img{
	height: 40px;
	margin-right: 4px;
}
.layui-li-show{
	display: none;
}
.new-link-a {
	padding-top: 50px;
	margin-bottom: -30px;
}
.new-link-a a{
	padding:0px 10px ;
}
.new-link-a span{
	padding: 0px 10px;
	padding-left: 0px;
}
.foot-hover-img,.foot59-hover-img{
	padding: 10px;
	background-color: #fff;
	margin-top: 10px;
    border-radius: 4px;
	position: absolute;
	display: flex;
	z-index: 1000;
}
.foot59-hover-img{
	left: 54px;
}
.foot-hover-tip{
	text-align: center;
	font-size: 14px;
	color: #666666;
}
.foot-hover-img::after,.foot59-hover-img::after{
	content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-width: 0 10px 10px;
    border-style: solid;
    border-color: #0000 #0000 #fff;
    z-index: 1;
	top: -6px;
    left: 10px;
}
.wechat img{
	width: 130px;
	height: 130px;
}
.foot59 img{
	width: 140px;
	height: 140px;
}
.foot-hover-img{
	display: none;
}
.foot59-hover-img{
	display: none;
}
/* .tip-w{
	text-align: center;
	color: #666666;
	font-size: 14px;
} */

@media only screen and (max-width: 1200px) {

	.row {
		margin: 0;
		justify-content: inherit;
		flex-wrap: wrap;
	}
	.container{
		padding: 0;
	}
	.footer-li{
		padding: 0px 10px;
	}
}

/* 超小屏*/
@media screen and (max-width: 480px){
	.footer-li{
		width: 50%;
	}
	footer .footer-li:first-child{
		width: 100%;
	}
	footer .footer-li:first-child li{
		text-align: center !important;
	}
	footer .footer-li:first-child li:last-of-type{
		justify-content: center;
	}
	footer .footer-li{
		margin-bottom: 20px;
	}
	.new-link-a{
		padding: 0px 14px;
		line-height: 24px;
	}
	.ma p span{
		position: inherit;
	}
	.ma p{
		padding: 0px 10px;
	}
	.hide-li{
		display: none;
	}
	.layui-li-show{
		display: block;
		width: 100%;
	}
	.layui-li-show .layui-panel{
		border-color: transparent;
		background: transparent;
	}
	.layui-li-show .layui-menu{
		background: transparent;
		color: #BFBFBF;
	}
	.layui-li-show .layui-menu .layui-menu-item-group>.layui-menu-body-title{
		color: #fff;
		font-size: 16px;
	}
	.layui-li-show .layui-menu .layui-menu-item-checked,.layui-li-show .layui-menu .layui-menu-item-checked2{
		background-color: transparent !important;
		color: #BFBFBF;
	}
	.layui-li-show .layui-menu .layui-menu-item-divider{
		border-bottom: 1px solid #444;
	}
	.layui-li-show .layui-menu li{
		color: #BFBFBF;
	}
	.layui-menu .layui-menu-item-checked:after{
		border-right: 0px !important;
	}
	.foot59-hover-img{
		left: 50%;
	}
	.foot-hover-img::after{
		left: 45%;
	}
}
