* {
	margin: 0px; padding: 0px;
}
.banner {
	top: 50px; overflow: hidden; position: relative;
}
.banner-view {
	height: 100%; position: relative; z-index: 99; background-repeat: no-repeat; background-color: rgb(10, 11, 16);
}
.banner-view i {
	float: left; display: block; position: relative; background-repeat: no-repeat;
}
.banner-btn {
	top: 45%; width: 100%; height: 0px; font-family: "ËÎÌå"; font-size: 20px; position: absolute; z-index: 1000;
}
.banner-btn span {
	width: 50px; text-align: center; color: rgb(204, 204, 204); line-height: 50px; font-weight: 800; float: left; display: block; cursor: pointer; background-color: rgba(0, 0, 0, 0.7);
}
.banner-btn span:hover {
	background-color: rgba(0, 0, 0, 0.6);
}
.banner-btn span + span {
	float: right;
}
.banner-number {
	width: 100%; height: 0px; text-align: center; bottom: 35px; font-size: 0px; position: absolute; z-index: 1000;
}
.banner-number > * {
	margin: 0px 8px; border-radius: 50%; border: 2px solid rgb(255, 255, 255); border-image: none; width: 10px; height: 10px; display: inline-block; cursor: pointer; background-color: rgb(0, 61, 79);
}
.banner-number > *:hover {
	background-color: rgb(102, 102, 102);
}
.banner-number > *.on {
	background-color: rgb(102, 102, 102);
}
.banner-progres {
	width: 100%; height: 3px; bottom: 0px; position: absolute; z-index: 1000;
}
.banner-progres i {
	border-radius: 3px; left: 0px; top: 0px; width: 0px; height: 100%; display: block; position: absolute;
}