.sub-banner {
	width: 100%;
	height: 188px;
	margin-top: 76px;
}

.sub-banner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* .sub-banner .sub-banner-title {
	font-size: 0.36rem;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	text-align: center;
}

.sub-banner .sub-banner-title div {
	width: 100%;
	margin-top: 0.3rem;
	text-align: center;
	font-size: 0.2rem;
} */

/* 课程预告详情 */

.class {
	width: 90%;
	margin: 30px auto;
}

.class .title {
	margin-top: 30px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

.class hr {
	border: 1px solid;
	border-color: #EEEEEE;
	margin: 15px 0;
}

.class .fbtime {
	font-size: 14px;
	margin: 8px 0;
	color: #999;
	text-align: center;
}

.class .class-content {
	font-size: 16px;
	line-height: 20px;
	text-indent: 2em;
}
.class .class-content img{
	max-width: 100%;
	height: auto;
}
.class .label{
	font-size: 14px;
	margin: 8px 0;
	text-align: justify;
	width: 100%;
}
.class .label span{
	display: inline-block;
	width: 75px;
}
.togeneric{
    margin-top: 30px;
    margin-bottom: 80px;
}
.togeneric a{
    display: block;
    position: relative;
    width: 200px;
    height:40px;
    background-color: #4195c3;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    margin: 0 auto;
    color: #ffffff;
}

.togeneric a::before{
    content: "";
    display: block;
    position: absolute;
    left: -85px;
    width: 75px;
    height: 1px;
    background: #ccc;
    top: 50%;
}
.togeneric a::after{
    content: "";
    display: block;
    position: absolute;
	right: -85px;
	width: 75px;
    height: 1px;
    background: #ccc;
    top: 50%;
}