.nav,
.course-container,
.course-banner,
.course-content,
.course-content-img,
.create-intro,
.create-period,
.period-item {
	width: 100%;
}

.nav,
.course-content,
.create-intro,
.create-period {
	background: #fff;
}

.create-intro,
.period-item,
.perios-total {
	display: flex;
}

.nav {
	position: fixed;
	left: 0;
	top: 14.4001vw;
	/* top: 0; */
	z-index: 2;
	height: 12vw;
	box-shadow: 0px 1px 5px 0px rgba(11, 11, 11, 0.08);
}

#nav li {
	line-height: 12vw;
	text-align: center;
}

#nav .swiper-wrapper,#nav .swiper-wrapper .swiper-slide{
	height: 12vw !important;
}

#nav .swiper-wrapper .swiper-slide{
	width: auto !important;
	padding: 0 2vw;
	box-sizing: border-box;
}

#nav .swiper-wrapper .swiper-slide:first-child{
	padding-left: 4vw !important;
}

#nav .swiper-wrapper .swiper-slide:last-child{
	padding-right: 4vw !important;
}

.active-nav {
	color: #c1191f;
	position: relative;
	font-size: 4.53vw;
}

.active-nav:after {
	position: absolute;
	left: 50%;
	bottom: 0;
	content: "";
	width: 3.46vw;
	height: 0.8vw;
	margin-left: -1.73vw;
	border-radius: 0.4vw;
	background: #c1191f;
}

.nav,
.course-content,
.create-title,
.period-name {
	font-size: 4vw;
}

.create-title,
.period-count,
.studied {
	color: #717784;
}

.create-name {
	font-weight: bold;
}

/* 课程介绍 */
#page {
	margin-top: 26.4001vw;
	/* margin-top: 12vw; */
	margin-bottom: 13.06vw;
}

.course-container,
.course-content,
.create-container,
.create-intro,
.create-period,
.period-item {
	box-sizing: border-box;
}

.course-container,
.create-period {
    padding: 4vw 4vw 5.33vw;
    text-align: justify;
}
.swiper-slide .course-container:first-child {
    padding: 0
}
.content-active,
.course-banner {
	display: block;
}

.course-banner,
.course-content,
.course-content-img,
.create-intro,
.create-banner,
.create-period,
.period-item {
	border-radius: 1.33vw;
}

.course-banner {
	/*height: 42.67vw;*/
	margin-bottom: 2.67vw;
}

.create-period,
.create-period>a:not(:first-child) .period-item {
	margin-top: 2.67vw;
}

.course-content {
	padding: 5.27vw 4vw 4.08vw;
	line-height: 6.4vw;
}

.course-content img{
	width: 100% !important;
	border-radius: 1.33vw !important;
	margin: 5.2vw 0 5.33vw !important;
}

.course-content-img {
	height: auto;
	margin: 5.2vw 0 5.33vw;
}

/* 认知创新 */
.create-container,
.create-intro {
	padding: 4vw;
}

.create-intro,
.period-item,
.perios-total {
	align-items: center;
}

.create-banner {
	width: 21.33vw;
	height: 21.33vw;
	margin-right: 4vw;
}

.create-infos {
	width: calc(100% - 25.3vw);
}

.create-name {
	font-size: 5.07vw;
	line-height: 6vw;
}

.create-title {
	line-height: 5vw;
	margin-top: 4vw;
}

.period-item {
	background: #f7f8fa;
	padding: 3.33vw 4vw 3.2vw;
	justify-content: space-between;
}

.period-infos {
	width: calc(100% - 7.26vw);
}

.period-img {
	width: 1.6vw;
	height: 3.23vw;
}

.period-name {
	line-height: 5.34vw;
	margin-bottom: 3.33vw;
}

.period-count,
.period-statu {
	line-height: 5.33vw;
}

.period-count {
	margin-right: 4.13vw;
}

.period-statu {
	height: 5.33vw;
	font-size: 2.93vw;
	padding: 0 3.73vw;
	border-radius: 2.67vw;
}

.studing{
	background: #ffd9da;
	color: #e36a6e;
}

.studied {
	background: #e8e8e8;
}

.studyno {
	background: #ffe5ba;
	color: #b67d1e;
}

.renewno {
	background: #d3e3f4;
	color: #3e7ab9;
}
/* 关注 */
.follow{
	position: fixed;
	width: 100vw;
	height: 100vh;
	left: 0;
	top:0;
	z-index: 100000;
background-color:#000;
	background: rgba(0, 0, 0, 0.5);
	display: none;

 
	}
.follow img{
position: absolute;
	
	width: 53.3vw;
	height: 56.5vw;
	top:50vw;
	left: 23.5vw;

}
.follow_Close{
	position: absolute;
	width: 29.3vw;
	height: 9vw;
	left: 35.3vw;
	top: 93.4vw;
}

/* 关注 */