.mslider *{margin:0;padding:0}
.mslider ul,.mslider ul li{list-style:none;}
.mslider{position:relative;overflow:hidden;}
.mslider ul{float:left;position:relative;width:5000px;}
.mslider ul li{float:left;}
.mslider .nav{float:left;text-align:center;line-height:5px;width:300px;height:10px;width:100%;margin:5px 0 3px 0;position: absolute;top: 0;}
.mslider .nav span{-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:9px;display:inline-block;width:9px;height:9px;background:rgba(0,0,0,0.7);margin-left:2px;color:#fff;opacity:0.5;}
.mslider .nav span.active{opacity:1;}
.mslider .nav-left{position: absolute;
top: 50%;
left: 0%;
transform: translate(0%,-50%);}
.mslider .nav-right{position: absolute;
top: 50%;
right: 0%;
transform: translate(0%,-50%);}

.mslider .nav-left,.mslider .nav-right{
	border: none;
	display: inline-block;
	padding: 8px 16px;
	vertical-align: middle;
	overflow: hidden;
	text-decoration: none;
	color: inherit;
	background-color: inherit;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
	font-size:24px;
}