li{list-style: none;}
.register:hover{opacity: 0.8;}
.clear{clear: both;}

#huidaotop{
	display: none;
	width: 40px;
	height: 40px;
	background: url(../images/top_bg.png) no-repeat;
	position: fixed;
	right: 200px;
	bottom: 30px;
	z-index: 1000;
}
#huidaotop:hover{
	background: url(../images/top_bg.png) no-repeat left -40px;
}

@media screen and (max-width: 420px) {
	#huidaotop{right: 20px;bottom: 100px;}
}

@media screen and (max-width: 420px) {
	body{overflow-x: hidden;}
	#type2{display: block;}
	#type2 .left{position: fixed;top: 20px;right: 20px;z-index: 100;}
	#type2 .sub_nav{width: 30%;position: fixed;right: 0px;top: 61px;z-index: 6;overflow: hidden;background: white;}
	#type2 .sub_nav li{text-align: center;height: 40px;line-height: 40px;float: none;width: 100%;margin-left: 0 !important;}
	#type2 .sub_nav li a{color: #4d4d4d;font-size: .875rem;border-bottom: 1px solid #CCCCCC;}
	#type2 .left span{display: block;width: 20px;height: 3px;margin-bottom: 5px;border-radius: 3px;background: #4d4d4d;transition: .5s;opacity: 1;transform-origin: 100% 50%;margin-left: 5px;}


	#huidaotop{right: 20px;bottom: 100px;}
}
@media screen and (max-width: 320px) {
	#type2 .sub_nav li a{font-size: .625rem;}
	#footer{font-size: .625rem;}
}