@media screen and (min-width: 320px) {
	a.to-top{ display: block; line-height: 60px; text-align: center; width: 80px; margin: 0 auto;}
	a.to-top i{ font-size: 42px; color: #3d3d3d; display: block;}
	a.to-top:hover i{ -webkit-transform: translateY(-5px); transform: translateY(-5px); color: #b14f22;}
	
	.footer-bg{ background: #212121; padding: 20px 0; display: none;}
	.footer-b{ background: #0d0d0d; text-align: center; padding: 12px;}
	.footer-b *,.footer-b a{ color: #6d6d6d; font-size: 12px;}
	
}

@media screen and (min-width: 992px) {	
	a.to-top{ line-height: 95px;}
	a.to-top i{ font-size: 48px;}
	
	.footer-bg{ display: block; padding: 45px 0; }
	.footer-bg .footer-bd{border-right: solid 1px #2c2c2c; overflow: hidden; position: relative; display: flex;  flex-wrap: nowrap;}
	.footer-b{overflow: hidden;}
	.footer-bl{ float: left;}
	.footer-br{ float: right;}
	
	.footer-bg dl{ float: left; padding: 0 19px; position: relative; flex-grow: 1;}
	.footer-bg dl:before{ content: ' '; top: 0; bottom: -1000px; position: absolute; border-left: solid 1px #2c2c2c; left: 0;}
	.footer-bg dt a{ color: #fefefe;  line-height: 30px; font-size: 16px;}
	.footer-bg dt { padding-bottom: 15px;}
	.footer-bg dd span{ display: block;}
	.footer-bg dd a{ color: #8f8f8f; line-height: 20px; padding: 5px 0; display: inline-block; font-size: 12px;}
	.footer-bg dd span{ }
}

@media screen and (min-width: 1240px) {
	.footer-bg dl{padding: 0 28px\9; padding: 0;}
	.footer-bg dd a{ font-size: 14px;}
}