.hd-ml{
	background-image: url('/tutorials/dest/images/index/mb_ico.png');
	background-repeat: no-repeat;
	display: inline-block;
	width: 18px;
	height: 18px;
	vertical-align: middle;
	background-size:auto 18px;
}
.hd-cl-ml{ background-position: -19px 0;}
.hd-drop-ico{ background-position: -58px 0;}
.hd-back-ico{ background-position: -38px 0;}
/* head-nav */
.head-nav{
	background: rgba(0,0,0,.68);
	display: none;
	width: 100%;
	left: 0;
	top: 60px;
	position: fixed;
	z-index: 99;
}
.head-nav,.head-nav .swiper-container{ height: 48px;}
.head-nav .swiper-slide{
	color: #fff;
	display: block;
	float: left;
	height: 48px;
	line-height: 48px;
	padding: 0 12px;
}
.head-nav .swiper-slide:hover{ color: #ff9000;}
.head-nav .swiper-slide:link{ color: #fff;}.head-nav .swiper-slide:visited{ color: #f1f1f1;}
@media screen and (max-width: 800px){
	.head-nav{ top: 46px;}
}