.nodata {
	background: url(../img/nodata.png) no-repeat center center / auto 100%;
	width: 260px;
	height: 210px;
	box-sizing: content-box;
	padding: 0.6rem 0 0.4rem;
	position: relative;
	background-origin: content-box;
	margin: 0 auto;
}

.nodata:after {
	content: attr(data-txt);
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0.4rem;
	line-height: 20px;
	font-size: 0.56rem;
	color: #999;
} 
.scroll-key{
	min-height: 56rem;
}

 .breadcrumb-right{
	display: flex;
	align-items: center;
	}
	.top-search-box {
		width: 19.2rem;
		background: #ffffff;
		height: 1.44rem;
		line-height: 1.44rem;
		border: 1px solid #999999;
		text-align: center;
		border-radius: 0.72rem;
		display: flex;
		align-items: center;
		position: relative;
	}
	.search-icon{
		cursor: pointer;
		width: 0.76rem;
		height: 0.76rem;
		line-height: 1.44rem;
		text-align: center;
		margin-top: -0.1rem;
		margin-left: 0.5rem;
	}
	.clear-icon{
		cursor: pointer;
		position: absolute;
		right: 2.2rem;
		top: 50%;
		transform:translateY(-50%);
		width: 0.8rem;
		height: 0.8rem;
	}
	.top-search,
	.top-search:focus {
		line-height: normal;
		background: transparent;
		border: none;
		outline: none;
		margin-left: 0.4rem;
		padding-right: 1.2rem;
		width: calc(100% - 2.4rem);
		font-size: 0.56rem;
		box-sizing: border-box;
		border-right: 1px solid #ccc;
	}
	.top-search::-webkit-input-placeholder {
		color: #ccc;
		font-size: 0.56rem;
	}
	.top-search:-moz-placeholder {
		color: #ccc;
		font-size: 0.56rem;
	}
	.top-search::-moz-placeholder {
		color: #ccc;
		font-size: 0.56rem;
	}
	.top-search:-ms-input-placeholder {
		color: #ccc;
		font-size: 0.56rem;
	}
	.top-search-box:focus {
		border: 1px solid #3d86f4;
	}

	.top-search-box:hover {
		border: 1px solid #3d86f4;
	}

	.breadcrumb-task{
		display: flex;
		align-items: center;

		cursor: pointer;
		margin-left: 0.8rem;
		min-width: 3.2rem;
		padding: 0 0.64rem;
		height: 1.2rem;
		font-size: 0.56rem;
		color: #333333;
		background: #FFFFFF;
		border-radius: 0.6rem;
	}
	.breadcrumb-task img{
		width: 0.6rem;
		height: 0.6rem;
		margin-right: 0.2rem;
	}

	.header-container{
		margin-bottom: 0.8rem;
	}
	.header-left{
		width: 21.5rem;
		height: 6.4rem;
		background: #FFFFFF;
		border-radius: 0.6rem;

		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.header-left-title{
		display: flex;
		align-items: center;
		justify-content: center;

		font-size: 0.64rem;
		color: #333333;
	}
	.header-left-title-jump{
		cursor: pointer;
		display: flex;
		align-items: center;

		margin-left: 0.88rem;
		font-size: 0.56rem;
		color: #1F85FC;
	}
	.header-left-title-jump img{
		width: 0.8rem;
		height: 0.8rem;
	}
	.header-left-content{
		display: flex;
		justify-content: space-around;

		margin-top: 1.2rem;
		font-size: 0.56rem;
	}
	.header-left-item{
    text-align: center;
		display: flex;
    flex-direction: column;
    justify-content: space-between;
	}
	.header-left-item-title{
		color: #666666;
		margin-bottom: 0.8rem;
	}
	.header-left-item-title span{
		color: #999999;
		font-size: 0.48rem;
	}
	.header-left-item-content{
		cursor: pointer;
		display: flex;
		align-items: baseline;
		justify-content: center;
	}
	.no-pointer{
		cursor: auto !important;
	}
	.header-left-item-content span{
		color: #1F85FC;
		font-size: 0.96rem;
	}
	.header-left-item-content img{
		width: 0.28rem;
		height: 0.40rem;
		margin-left: 0.28rem;
	}
	.study-info-start{
		width: 3.2rem;
    height: 0.88rem;
    line-height: 0.88rem;
		margin: 0 auto;
		position: relative;
		background-image: url('/student/img/btn-dianwokaiqi.png');
		background-repeat: no-repeat;
		background-size: 100% 100%;
		overflow:hidden;
	}
	.study-info-start::after{
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		width: 50%;
		background: linear-gradient(90deg, rgba(255,255,255,0) 0%, #FFFFFF 100%);
		border-radius: 0.4rem;
		animation: start 3s linear infinite;
	}
	@keyframes start{
		0%{
			left:-100%;
		}
		100%{
			left:100%;
		}
	}
	
	.header-left-target{
		margin: 0 0.4rem 0.4rem;
		height: 1.2rem;
		font-size: 0.56rem;
		color: #1F85FC;
		border-radius: 0.6rem;
		background-color: #F5F9FF;

		display: flex;
		align-items: center;
		justify-content: center;
	}
	.header-left-target img{
		width: 0.64rem;
		height: 0.64rem;
		margin-right: 0.4rem;
	}
	.header-left-target-hide{
		margin-top: 0 !important;
	}
	.header-left-no-target{
		justify-content: space-around !important;
	}
	.header-right{
		width: 27.1rem;
		height: 6.4rem;
		overflow: hidden;
		background: #FFFFFF;
		border-radius: 0.6rem;
	}
	.header-right img{
		width: 100%;
		height: 100%;
		border-radius: 0.6rem;
	}

 .recommendSwiper{
	height: 12.4rem;
 }
 .card-out-container{
	display: flex;
	flex-wrap: wrap;
 }
 .card-container{
	width: 11.2rem;
	height: 12.4rem;
	margin-right: 0.5rem !important;
	margin-bottom: 0.5rem !important;
	border-radius: 0.6rem;
	background-color: #FAFAFA;
 }
 .oralT-card-list{
	height: 9.6rem;
 }
 .video-card-list{
	width: 8.8rem;
	height: 15.8rem;
 }
 .read-card-list{
	height: 13.6rem;
 }
 .oralT-card,
 .read-card{
	width: 19.2rem;
	height: 12.8rem;
 }
 .card-img{
	width: 100%;
	height: 8.4rem;
	overflow: hidden;
	border-radius: 0.4rem;
}
.oralT-card .card-img{
	height: 10rem;
	position: relative;
}
.oralT-card-list .card-img{
	height: 5.6rem;
	position: relative;
}
.video-card-list .card-img{
	height: 11.72rem;
}

.read-card .card-img{
	height: 100%;
}
.card-img-mask{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	width: 100%;
	height: 100%;
	padding: 0.4rem;
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 0.4rem;
}
.micro-card .card-img-mask{
	cursor: pointer;
	border-radius: 0.4rem;
	color: #fff;
	font-size: 0.64rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-evenly;
}
.muted-icon{
	cursor:pointer;
	position:absolute;
	top: 0.4rem;
	right: 0.4rem;
	width: 1rem !important;
	height: 0.8rem !important;
	z-index:8;
}
.micro-card .record-play,
.record-subscribe,
.record-freecard{
	cursor: pointer;
	min-width: 6rem;
	height: 1.2rem;
	background: #F0F2F5;
	border-radius: 0.6rem;

	font-size: 0.56rem;
	color: #333333;
	display: flex;
	align-items: center;
	justify-content: center;
}
.record-freecard{
	color: #fff;
	background-color: #1F85FC;
}
.record-subscribe span,
.record-freecard span{
	color: #FF5962;
}
.record-subscribe span{
	margin-bottom: 0.08rem;
}
.record-freecard span{
	margin-left: 0.2rem;
}
.record-subscribe img{
	width: 0.8rem !important;
	height: 0.8rem !important;
	margin: 0 0.2rem 0 0.4rem;
	transform: translateY(0.08rem);
}

.start-play {
	cursor: pointer;
	width: 2rem;
	height: 2rem;
	background: linear-gradient(135deg, #1890ff 0%, #0059f4 100%);
	border-radius: 50%;
	display: block;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.start-play::after {
	content: '';
	width: 0;
	height: 0;
	border: 0.52rem solid transparent;
	border-left: 0.76rem solid white;
	position: absolute;
	top: 24%;
	left: 40%;
}
.read-card .card-img-mask{
	top: auto;
	bottom: 0;
	right: 0;
	height: 3.2rem;
	padding: 0 0.4rem;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	border-radius: 0.4rem;
}
.read-card .card-img-mask div{
	color: #fff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 0.72rem;
}
.read-card .card-img-mask div:last-child{
	color: #DDDDDD;
	font-size: 0.56rem;
}
.record-text{
	color: #fff;
	font-size: 0.64rem;
	text-align: center;
	margin-bottom: 0.6rem;

	display: -webkit-box;
	overflow: hidden;
 	-webkit-line-clamp: 2;
 	-webkit-box-orient: vertical;
}
.record-box{
	position: absolute;
	left: 0;
	bottom: 0.6rem;
	width: 100%;
	z-index: 6;
	display: flex;
	justify-content: center;

}
.TTLContent .oralT-card .record-play,
.oralT-card .record-score{
	width: 2rem;
	height: 2rem;
	color: #fff;
	font-weight: bold;
	font-size: 0.96rem;
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 50%;

	display: flex;
	align-items: center;
	justify-content: center;
}
.TTLContent .oralT-card .record-play{
	cursor: pointer;
	position: absolute;
	bottom: 0.2rem;
	left: calc(50% - 4.4rem);
	transform: translateX(-50%);
}
.oralT-card .record-score{
	position: absolute;
	bottom: 0.2rem;
	left: calc(50% + 4.4rem);
	transform: translateX(-50%);
}
/* .record-play img{
	width: 0.92rem;
	height: 0.8rem;
} */
.oralT-card .record-record{
	cursor: pointer;
	position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);

	width: 2.4em;
	height: 2.4rem;
	background: #1F85FC;
	border-radius: 50%;

	display: flex;
	align-items: center;
	justify-content: center;
}

.card-img img,
.card-img video{
	width: 100%;
	height: 100%;
	border-radius: 0.4rem;
}
.card-info{
	display: flex;
	flex-direction: column;
	justify-content: space-between;

	padding: 0.48rem;
	width: 100%;
	height: calc(100% - 8.4rem);
	border-radius: 0.4rem;
}
.oralT-card-list .card-info{
	height: calc(100% - 5.6rem);
}
.video-title{
	margin: 1.76rem 0 0.84rem;
}
.video-card-list .card-info{
	height: calc(100% - 11.72rem);
}
.card-info-title{
	font-size: 0.72rem;
	font-weight: 500;
	color: #333;
	line-height: 0.96rem;

 	display: -webkit-box;
	overflow: hidden;
 	-webkit-line-clamp: 2;
 	-webkit-box-orient: vertical;
}
.card-info-intro{
	font-size: 0.56rem;
	color: #999999;
	line-height: 1.12rem;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.card-oralT-info{
	padding: 0 0.4rem;
	height: calc(100% - 10rem);
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.oralT-card .card-info-oralT-title{
	flex: 1;
	font-size: 0.72rem;
	font-weight: 500;
	color: #333;
	line-height: 0.96rem;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.card-info-more{
	font-size: 0.56rem;
	display: flex;
	align-items: center;
	color: #1F85FC;
}
.card-info-more img{
	margin-left: 0.4rem;
	width: 0.48rem;
	height: 0.48rem;
}
.card-info-tag{
	display: flex;
	align-items: center;
	font-size: 0.56rem;
	text-align: center;
}
.oralT-card-list .card-info-tag,
.read-card-list .card-info-tag,
.micro-card-list .card-info-tag{
	justify-content: space-between;
}
.card-info-left{
	display: flex;
	align-items: center;
}
.card-info-tag-item{
	padding: 0 0.28rem;
	max-width: 3.2rem;
	font-size: 0.56rem;
	height: 0.8rem;
	line-height: 0.8rem;
	border-radius: 0.4rem;
	color: #E09104;
	background-color: #F9E9CD;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.card-info-tag-item2{
	margin-left: 0.2rem;
	color: #1F85FC;
	background-color: #D7E8FC;
}
.tag-right{
	display: flex;
	align-items: center;
}
.tag-study{
	padding: 0 0.4rem;
	height: 0.8rem;
	line-height: 0.8rem;
	color: #fff;
	margin-right: 0.4rem;
	background: #ECC93C;
	border-radius: 0.4rem;
}
.tag-play{
	display: flex;
	align-items: center;
	color: #666;
}
.tag-play img {
	width: 0.8rem;
	height: 0.8rem;
	margin-right: 0.4rem;
}
.card-info-level{
	width: 1.24rem;
	height: 0.8rem;
	margin-right: 0.48rem;
	line-height: 0.8rem;
	color: #1F85FC;
	background: #D7E8FC;
	border-radius: 0.16rem;
}
.card-info-type{
	height: 0.8rem;
	line-height: 0.8rem;
	padding: 0 0.4rem;
	color: #fff;
	border-radius: 0.16rem;
}
.type-oralT{
	background: #2041A8;
}
.type-micro{
	background: #41CC9E;
}
.type-read{
	background: #FF8112;
}

.lesson-nav-box{
	display: flex;
	align-items: center;
	margin: 0.88rem 0;
}
.lesson-nav-item{
	cursor: pointer;
	margin-right: 0.6rem;
	font-size: 0.56rem;
	padding: 0 0.68rem;
	height: 1rem;
	line-height: 1rem;
	color: #666666;
	background: #F0F2F5;
	border-radius: 0.52rem;
}
.lesson-nav-active{
	color: #fff;
	background-color: #1F85FC;
	position: relative;
}
.lesson-nav-active::after{
	content: "";
	position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%,100%);
  width: 0;
  height: 0;
  border-left: 0.2rem solid transparent;
  border-right: 0.2rem solid transparent;
  border-top: 0.2rem solid #1F85FC;
}

.oral-filter-box{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 0.2rem;
}
.oral-filter-item {
	min-width: 3.8rem;
	height: 1.2rem;
	line-height: 1.2rem;
	text-align: center;
	cursor: pointer;
	/* border: 1px solid #ccc; */
	padding: 0 0.72rem;
	border-radius: 0.16rem;
	margin-right: 0.4rem;
	margin-bottom: 0.4rem;
	color:#666;
	background-color: #f0f2f5;
	font-size: 0.56rem;
}
.oral-filter-active {
	border: 1px solid #1F85FC;
	background-color: #1F85FC;
	color:#fff;
}
.filter-item-open{
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	color: #1F85FC;
	font-size: 0.56rem;
	background-color: #fff !important;
}
.filter-item-open img{
	margin-left: 0.2rem;
	width: 0.4rem;
	height: 0.44rem;
}

.card-container:hover .card-img>img{
	transform: scale(1.1) translateZ(0);
 	transition: transform .75s cubic-bezier(0, 1, .75, 1);
 }
 .card-container:hover .mc-title,
 .card-container:hover .card-info-title,
 .card-container:hover .card-info-oralT-title,
 .card-container:hover .read-card-list .card-info-intro{
	color: #1F85FC;
 }
 .card-container:hover .micro-card .card-img img{
	transform: scale(1) !important;
	transition:none;
 }
 .recording-animation {
	position: absolute;
	bottom: 2.8rem;
	left: 50%;
	transform: translateX(-50%);

  display: flex;
  align-items: center;
	justify-content: center;
  height: 2rem;
	width: 6.4rem;
	border-radius: 0.4rem;
	background-color: rgba(0,0,0,0.7);
}

.bar {
  width: 0.08rem;
  margin: 0 1px;
  background: linear-gradient(to right, #1F85FC 50%, #84FAB0);
}
.bar2{
  width: 0.08rem;
  margin: 0 1px;
	background-image: linear-gradient(20deg, #84fab0 0%, #8fd3f4 100%);
}
.bar3{
  width: 0.08rem;
  margin: 0 1px;
  background: linear-gradient(to right, #84FAB0, #1F85FC 50%);
}
.hei1{
  animation: hei1 1s infinite alternate;
}
.hei2{
  animation: hei2 1s infinite alternate;
}
.hei3{
  animation: hei3 1s infinite alternate;
}
.hei4{
  animation: hei4 1s infinite alternate;
}
.hei5{
  animation: hei5 1s infinite alternate;
}

@keyframes hei1 {
  0% {
		height: 0.24rem;
	}
	25% {
		height: 0.56rem;
	}
  50% {
		height: 0.72rem;
	}
  75% {
		height: 0.88rem;
	}
  100% {
		height: 1.04rem;
	}
}
@keyframes hei2 {
  0% {
		height: 0.56rem;
	}
	25% {
		height: 0.72rem;
	}
  50% {
		height: 0.88rem;
	}
  75% {
		height: 1.04rem;
	}
  100% {
		height: 0.24rem;
	}
}
@keyframes hei3 {
  0% {
		height: 0.72rem;
	}
	25% {
		height: 0.88rem;
	}
  50% {
		height: 1.04rem;
	}
  75% {
		height: 0.24rem;
	}
  100% {
		height: 0.56rem;
	}
}
@keyframes hei4 {
  0% {
		height: 0.88rem;
	}
	25% {
		height: 1.04rem;
	}
  50% {
		height: 0.24rem;
	}
  75% {
		height: 0.72rem;
	}
  100% {
		height: 0.56rem;
	}
}
@keyframes hei5 {
  0% {
		height: 1.04rem;
	}
	25% {
		height: 0.24rem;
	}
  50% {
		height: 0.56rem;
	}
  75% {
		height: 0.72rem;
	}
  100% {
		height: 0.88rem;
	}
}


 /* ===========以前的样式 ===================================*/
 .picture .el-dialog {
 	border-radius: 0.4rem;
 }

 .learningPage {
 	width: 100%;
 	height: 100%;
 }

 .toplb {
 	width: 16.8rem;
 	height: 7.2rem;
 	background: #FFFFFF;
 	box-shadow: 0px 0.4rem 0.8rem 0px rgba(51, 51, 51, 0.05);
 	border-radius: 0.8rem;
 }

 .week_info_table {
 	display: flex;
 	align-items: center;
 	justify-content: space-around;
 	flex-wrap: wrap;
 }

 .week_info_table .week_i_t_item {
 	width: 50%;
 	height: 3.6rem;
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	font-family: PingFang SC;
 }

 .week_info_table .week_i_t_item .week_i_title {
 	height: 0.6rem;
 	line-height: 0.6rem;
 	margin-top: 0.72rem;
 	font-family: PingFang SC;
 	font-weight: 500;
 	color: #333333;
 }

 .week_info_table .week_i_t_item .weekIT_text {
 	height: 1.2rem;
 	margin-top: 0.56rem;
 	font-size: 1.2rem;
 	line-height: 1.2rem;
 	font-family: PingFang SC;
 	font-weight: bold;
 }

 .week_info_table .week_i_t_item .weekIT_text i {
 	font-size: 0.64rem;
 	font-family: PingFang SC;
 	font-weight: 500;
 	color: #333333;
 	font-style: normal;
 }

 .tomoreLook1 {
 	cursor: pointer;
 	user-select: none;
 	height: 1rem;
 	line-height: 1rem;
 }

 .tomoreLook1 img {
 	width: 0.48rem;
 	height: 0.4rem;

 }

 .tomoreLook1 :hover {
 	color: #1F85FC;
 }

 .planFlex {
 	justify-content: space-between;
 	flex-wrap: wrap;
 	display: flex;
 }

 .PlanList {
 	cursor: pointer;
 	user-select: none;
 	position: relative;
 	margin-top: 0.8rem;
 	width: calc(50% - 0.4rem);
 }

 .PlanList:hover .plan-title {
 	color: #1F85FC;
 }

 .PlanList:hover .plan-img img {
 	transform: scale(1.1) translateZ(0);
 	transition: transform .75s cubic-bezier(0, 1, .75, 1);
 }


 .PlanList .plan-img {
 	position: absolute;
 	width: 9.6rem;
 	height: 6.4rem;
 	border-radius: 0.4rem;
 	overflow: hidden;
 }

 .PlanList .plan-img img {
 	border-radius: 0.4rem;
 	width: 100%;
 	height: 100%;
 }

 .PlanList .plan-title {

 	margin-bottom: 0.6rem;
 	height: 1rem;
 	line-height: 1rem;
 	font-family: PingFang SC;
 	font-size: 0.72rem;
 	color: #333333;

 }

 .PlanList .plan-title .plan-tag {
 	margin-right: 0.2rem;
 	padding: 0 0.4rem;
 	height: 0.8rem;
 	line-height: 0.8rem;
 	font-size: 0.56rem;
 	background-color: #D7E8FC;
 	border-radius: 0.16rem;
 	color: #1F85FC;
 	transform: translateY(-1px);
 }

 .PlanList .plan-intro {
 	height: 1.4rem;
 	overflow: hidden;
 	-webkit-line-clamp: 2;
 	line-clamp: 2;
 	-webkit-box-orient: vertical;
 	box-orient: vertical;
 	display: -webkit-box;
 	display: box;
 	line-height: 0.72rem;
 	/* margin-bottom: 1.36rem; */
 	color: #999999;
 	/* margin-top: 0.4em; */
 }

 .PlanList .plan-core {
 	height: 6.4rem;
 	background: #FAFAFA;
 }

 .PlanList .plan-content {

 	margin-left: 10rem;
 	width: calc(100% - 10rem);
 	height: 100%;
 	padding: 0.8rem 0.8rem 0.4rem 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
 }

 .PlanList .plan-content .promotionMode {
 	color: #ff6666;
 	height: 0.72rem;
 	line-height: 0.72rem;
 	font-size: 0.4rem;
 }

 .PlanList .plan-content .plan-paramList {
 	line-height: 0.72rem;
 	height: 0.72rem;
 	justify-content: space-between;

 }

 .PlanList .plan-content .t-r-4y {
 	margin-left: 1px;
 	height: 0.72rem;
 	line-height: 0.72rem;

 }

 .PlanList .plan-content .txt {
 	height: 0.48rem;
 	line-height: 0.48rem;
 	font-size: 0.48rem;
 	color: #999;
 	text-decoration: line-through;
 	font-weight: normal;
 	transform: translateY(0.16rem);
 }

 .PlanList .plan-content .txt:before {
 	content: '￥';
 }

 .PlanList .plan-content .plan-buyNum {
 	/* margin-bottom: 1.6rem; */
 	/* height: 1.04rem;
 	line-height: 1.04rem; */
 }




 #swiperNew img {
 	height: 100%;
 	width: 100%;
 	border-radius: 0.4rem;
 }

 #swiperNew .Live-img {
 	width: 100%;
 	height: 6.4rem;
 	position: relative;
 	border-radius: 0.4rem;
 	overflow: hidden;


 }

 #swiperNew .Live-img .grades {
 	height: 0.72rem;
 	line-height: 0.72rem;
 	position: absolute;
 	bottom: 0.2rem;
 	right: 0.2rem;
 	padding: 0 0.4rem;
 	color: #fff;
 	background: rgba(0, 0, 0, 0.5);
 	font-size: 0.4rem;
 	border-radius: 0.2rem 0;
 }

 #swiperNew .Live-img .zjgx {
 	text-align: center;
 	width: 2.8rem;
 	height: 0.8rem;
 	line-height: 0.8rem;
 	background: #FF5962;
 	border-radius: 0.4rem;
 	font-size: 0.56rem;
 	color: #FFFFFF;
 	position: absolute;
 	top: 0;
 	left: 0;
 }

 #swiperNew {
 	margin-bottom: 1.2rem;





 }

 #swiperNew .newUpdates {
 	height: 0.72rem;
 	line-height: 0.72rem;
 	position: absolute;
 	top: -1px;
 	left: -1px;
 	padding: 0 0.4rem;
 	color: #ff6666;
 	background: #ffefef;
 	font-size: 0.4rem;
 	border-radius: 0.2rem 0;
 }

 #swiperNew .LiveDataList {
 	cursor: pointer;
 	user-select: none;
 	width: 9.6rem;
 	border-radius: 0.4rem;
 	background: #FAFAFA;
 }


 #swiperNew .LiveDataList .Live-content {
 	padding: 0.72rem 0.32rem 0.4rem;
 }

 #swiperNew .LiveDataList:hover .Live-title1 {
 	color: #1F85FC;
 }

 #swiperNew .LiveDataList:hover .Live-img img {
 	transform: scale(1.1) translateZ(0);
 	transition: transform .75s cubic-bezier(0, 1, .75, 1);
 }

 #swiperNew .Live-title1 {
 	overflow: hidden;
 	-webkit-line-clamp: 2;
 	line-clamp: 2;
 	-webkit-box-orient: vertical;
 	box-orient: vertical;
 	display: -webkit-box;
 	display: box;
 	height: 1.6rem;
 	line-height: 0.8rem;

 	font-size: 0.72rem;
 	color: #09274a;
 	margin-bottom: 0.56rem;
 }


 .h-25 {
 	height: 1rem;
 	line-height: 1rem;
 }

 .tomoreLook img {

 	height: 0.8rem;
 	width: 0.8rem;
 	vertical-align: sub;

 }


 .tomoreLook :hover {

 	color: #1F85FC;

 }

 .tip {
 	width: 0.2rem;
 	height: 1rem;
 	vertical-align: middle;
 	margin-right: 0.4rem;
 }



 .h-26 {
 	height: 1.04rem;
 }

 .h-20 {
 	height: 0.8rem;
 }



 .mc_C {
 	padding-top: 2rem;
 }

 .VideoList {
 	cursor: pointer;
 	user-select: none;
 	position: relative;
 	width: 9.6rem;
 	margin-top: 0.8rem;
 	border-radius: 0.4rem;
 	height: 17rem;
 	margin-bottom: 0.8rem;


 }



 .VideoList .video-img {
 	position: relative;
 	width: 100%;
 	height: 15.6rem;
 	border-radius: 0.4rem;
 }


 .VideoList .video-img .topic {
 	max-width: calc(100% - 0.8rem);
 	padding: 0 0.4rem;
 	height: 0.8rem;
 	line-height: 0.8rem;
 	background-color: #D7E8FC;
 	border-radius: 0.16rem;
 	color: #1F85FC;
 	position: absolute;
 	top: 0;
 	left: 0;

 }

 .VideoList:hover .video-title {
 	color: #1F85FC;
 }

 .VideoList .video-img .cover {
 	border-radius: 0.4rem;
 	width: 100%;
 	height: 100%;
 }

 .VideoList .video-img .lessonNum {
 	color: #ffffff;
 	bottom: 0;
 	position: absolute;
 	text-align: center;
 	width: 100%;
 	height: 10rem;
 	border-radius: 0.4rem;
 	background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
 	padding: 0 0.6rem;


 }

 .VideoList .video-img .lessonNum .videobg {
 	width: calc(100% - 1.2rem);
 	position: absolute;
 	bottom: 0;
 	height: 1.6rem;
 	line-height: 1.6rem;
 }


 .VideoList .video-paramList {
 	font-size: 0.56rem;
 }

 .VideoList .video-paramList img {


 	width: 0.56rem;
 	height: 0.56rem;
 }


 .VideoList .video-title {
 	overflow: hidden;
 	-webkit-line-clamp: 2;
 	line-clamp: 2;
 	-webkit-box-orient: vertical;
 	box-orient: vertical;
 	display: -webkit-box;
 	display: box;
 	line-height: 0.9rem;
 	font-weight: 600;
 	font-size: 0.72rem;
 	color: #333;
 }



 .VideoList .t-r-4y {
 	margin-left: 1px;
 	height: 1.6rem;
 	line-height: 1.6rem;

 }

 .VideoList .txt {
 	height: 0.48rem;
 	line-height: 0.48rem;
 	font-size: 0.4rem;
 	color: #fff;
 	text-decoration: line-through;
 	font-weight: normal;
 	transform: translateY(0.68rem);
 }

 .VideoList .txt:before {
 	content: '￥';
 }



 .microCours {
 	flex-wrap: wrap;
 	justify-content: space-between;
 	margin-bottom: 2rem;
 }

 .microCours .microCoursList:last-child {
 	margin-right: 0;
 }


 .microCours .microCoursList .tag {
 	width: 1.76rem;
 	height: 0.8rem;
 	line-height: 0.8rem;
 	position: absolute;
 	background-color: #ff6666;
 	border-radius: 0 0 0.1rem 0.1rem;
 	top: 0;
 	left: 0.4rem;
 	font-size: 0.4rem;
 	color: #fff;
 	text-align: center;
 }

 .microCours .microCoursList .mc-img {
 	border-radius: 0.4rem;
 	width: 9.6rem;
 	height: 6.4rem;
 	overflow: hidden;


 }

 .microCours .microCoursList .mc-img img {
 	width: 100%;
 	height: 100%;
 	border-radius: 0.4rem;
 }

 .microCours .microCoursList {
 	cursor: pointer;
 	user-select: none;
 	position: relative;
 	width: calc(50% - 0.4rem);
 	margin-top: 0.8rem;
 	border-radius: 0.4rem;
 	background: #FAFAFA;
 }




 .microCours .microCoursList .mc-content {
 	width: calc(100% - 10rem);
 	padding-right: 0.8rem;

 }

 .microCours .microCoursList .mc-content .Live-tag {
 	padding: 0 0.2rem;
 	height: 0.8rem;
 	line-height: 0.8rem;
 	padding: 0 0.4rem;
 	font-size: 0.4rem;
 	background: #D7E8FC;
 	border-radius: 0.16rem;
 	color: #1F85FC;
 	font-weight: 400;
 	display: inline-block;
 	transform: translateY(-1px);
 }

 .microCours .microCoursList .mc-content .mc-title {
 	overflow: hidden;
 	-webkit-line-clamp: 2;
 	line-clamp: 2;
 	-webkit-box-orient: vertical;
 	box-orient: vertical;
 	display: -webkit-box;
 	display: box;
 	line-height: 0.9rem;
 	font-weight: 600;
 	margin-top: 0.4em;
 	font-size: 0.72rem;
 	color: #333333;
 	margin-bottom: 0.8rem;
 }



 .microCours .microCoursList .mc-content .mc-intro {
 	height: 1.4rem;
 	overflow: hidden;
 	-webkit-line-clamp: 2;
 	line-clamp: 2;
 	-webkit-box-orient: vertical;
 	box-orient: vertical;
 	display: -webkit-box;
 	display: box;
 	line-height: 0.72rem;
 	margin-bottom: 1.2rem;
 	color: #999999;
 }


 .microCours .microCoursList .mc-content .mc-paramList {
 	margin-top: 0.32rem;
 	height: 0.64rem;
 	line-height: 0.64rem;
 	justify-content: space-between;
 }

 .microCours .microCoursList .mc-content .mc-tag1 {
 	line-height: 0.8rem;
 	background: #F9E9CD;
 	border-radius: 0.4rem;
 	padding: 0 0.4rem;
 	height: 0.8rem;
 	font-size: 0.56rem;
 	max-width: 3.5rem;
 	color: #E09104;
 	margin-right: 0.2rem;
 }

 .microCours .microCoursList .mc-content .mc-tag2 {
 	line-height: 0.8rem;
 	background: #D7E8FC;
 	border-radius: 0.4rem;
 	padding: 0 0.4rem;
 	height: 0.8rem;
 	font-size: 0.56rem;
 	max-width: 3.5rem;
 	color: #1F85FC;
 }

 .microCours .microCoursList .mc-content .mc-buyNum {
 	height: 0.72rem;
 	line-height: 0.72rem;
 	align-items: center;
 	font-size: 0.56rem;
 	color: #999999;

 }

 .microCours .microCoursList .mc-content .mc-buyNum img {
 	width: 0.72rem;
 	height: 0.72rem;
 	vertical-align: middle;
 	margin-right: 0.2rem;
 }

 .microCours .microCoursList:hover .mc-title {
 	color: #1F85FC;
 }

 .microCours .microCoursList:hover .mc-img img {
 	transform: scale(1.1) translateZ(0);
 	transition: transform .75s cubic-bezier(0, 1, .75, 1);
 }

 .scrollContent {
 	background-color: #fff;
 	border-radius: 0.6rem;
 	min-height: calc(100% - 8.5rem);
 	padding: 0 1.2rem 1.2rem 1.2rem;
 }

 #positioning2 {
 	z-index: 5;
 	position: sticky;
 	top: -1px;
 	margin-bottom: 1.4rem;
 	border-top: 0.0.2rem #fff solid;
 	width: 100%;
 	background: #fff;


 }


 #positioning2 .sronav {
	cursor: pointer;
	padding: 0.24rem;
 	display: flex;
 	width: 23.28rem;
 	border-radius: 1.2rem;
 	line-height: 2.4rem;
 	height: 2.4rem;
 	text-align: center;
 	margin: 0 auto;
 	background: #F5F9FF;


 }

 #positioning2 .sronav .taba {
 	padding: 0;
 	width: 50%;
 	height: 1.92rem;
 	line-height: 1.92rem;
 	font-size: 0.72rem;
 	color: #333;
 	font-weight: 500;
 	justify-content: center;
 	align-items: center;
 	background: transparent;
 	position: relative;

 }

 #positioning2 .sronav .cur {
 	color: #1F85FC;
 	background: url(../img/ico-tabbg-selected.png);
 	background-size: 100% 100%;


 }

 #positioning2 .sronav .cur .linet {
 	display: none;
 	position: absolute;
 	width: 1.6rem;
 	height: 0.16rem;
 	background: #2141A8;
 	bottom: 0.16rem;
 }

 #positioning2 .sronav :hover {
 	color: #1F85FC;
 }

 #positioning2 .cur .linet {
 	display: block !important;
 }

 .learning_content::-webkit-scrollbar {
 	display: none;
 }

 .rotationSeeding {
 	width: 100%;
 	user-select: none;
 	overflow-x: hidden;
 	border-radius: 0.4rem;
 	cursor: pointer;
 }

 .flex-between {
 	justify-content: space-between;
 }

 .learning_content {
 	margin-left: 1.2rem;
 	width: 49.2rem;
 	margin-top: 0.6rem;
 	height: calc(100% - 2.6rem);
 	overflow-x: hidden;
 	overflow-y: overlay;
 	position: relative;
 	top: 0;
 }


 .studyPlan {
 	position: absolute;
 	width: 49.2rem;
 	height: 2.12rem;
 	overflow-x: hidden;
 }

 .studyPlan .studyPlanHint {
 	position: relative;
 }

 .studyPlan .studyPlanHint img {
 	width: 1.48rem;
 	height: 2.12rem;
 	position: absolute;
 	top: 0;
 }

 .studyPlan .studyPlanHint .studyPlanSwiper {
 	width: calc(100% - 2rem);
 	height: 1.44rem;
 	line-height: 1.44rem;
 	text-align: center;
 	overflow: hidden;
 	overflow-x: hidden;
 	margin-left: 2rem;
 	background: #fff;
 	margin-top: 0.48rem;
 	border-radius: 0.2rem;
 }

 .studyPlan .studyPlanHint .studyPlanSwiper .studyPlanSwiperList {
 	height: 1.44rem;
 	width: 100%;
 }

 .studyPlan .studyPlanHint .studyPlanSwiper .studyPlan_title {
 	border-radius: 0.4rem;
 	height: 1.44rem;
 	width: 14.8rem;
 	line-height: 1.44rem;
 	color: #666;
 	text-align: left;
 	text-indent: 0.4rem;
 	font-size: 0.56rem;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }

 .studyPlan .studyPlanHint .studyPlanSwiper .studyPlanList:after {
 	content: '';
 	display: block;
 	width: 1px;
 	height: 0.8rem;
 	position: absolute;
 	right: 0;
 	bottom: 0.4rem;
 	background: rgba(204, 204, 204, 0.2);
 }

 .studyPlan .studyPlanHint .studyPlanSwiper .studyPlanList:last-child:after {
 	display: none;
 }

 .studyPlan .studyPlanHint .studyPlanSwiper .studyPlanItem {
 	padding: 0.6rem 0;
 }

 .studyPlan .studyPlanHint .studyPlanSwiper .studyPlanList {
 	width: 33.3%;
 	text-align: center;
 	position: relative;
 }


 .studyPlan .studyPlanHint .studyPlanSwiper .studyPlanList .studyPlan-value {
 	height: 0.8rem;
 	line-height: 0.8rem;
 	margin-bottom: 0.4rem;
 	color: #1f85fc;
 }

 .studyPlan .studyPlanHint .studyPlanSwiper .studyPlanList .studyPlan-label {
 	height: 0.48rem;
 	line-height: 0.48rem;
 }

 .swiper-box {
 	width: 100%;
 	overflow: hidden;
 	margin: 0.8rem 0 1.2rem 0;
 }

 .swiper-container {
 	width: 100%;
 	overflow: visible !important;
 	position: relative;
 }

 .none {
 	display: none;
 }



 .swiper-container .swiper-pagination-bullet {
 	width: 0.32rem;
 	height: 0.12rem;
 	display: inline-block;
 	border-radius: 100%;
 	border-radius: 0.06rem;
 	background: rgba(255, 255, 255, 0.4);
 	opacity: 1;
 }

 .swiper-container .swiper-pagination-bullet-active {
 	opacity: 1;
 	background: #fff;
 }



 .courseUpData {
 	text-align: right;
 	position: relative;
 	height: 7.2rem;
 }



 .courseUpData .closecoursead {
 	position: absolute;
 	right: 0;
 	top: 0;
 	width: 0.8rem;
 	height: 0.8rem;
 	z-index: 5;
 }


 .courseUpData .courseUpDataSwiper {
 	width: 100%;
 	text-align: center;
 	height: 7.2rem;
 	flex-wrap: wrap;
 	display: flex;
 }

 .courseUpData .courseUpDatalist {
 	height: 100%;
 	width: 24.2rem;




 }

 .courseUpData .courseUpDatalist .courseadfranklin {
 	height: 7.2rem;
 	width: 100%;
 	border-radius: 0.8rem;
 	display: block;
 }

 .courseUpData .courseUpDatalist .courseUpDataDiv {
 	height: 7.2rem;
 	width: 100%;
 	padding: 1.6rem 0.2rem;
 	border-radius: 0.8rem;

 }



 .courseUpData .courseUpDatalist .courseUpDataTitle {
 	height: 1.4rem;
 	font-size: 1.12rem;
 	font-family: PingFang SC;
 	color: #333333;
 	line-height: 1.4rem;
 	margin-bottom: 0.6rem;
 }

 .courseUpData .courseUpDatalist .courseUpDataIntro {
 	padding: 0 0.3rem;
 	line-height: 1rem;
 	font-size: 0.72rem;
 	color: #666666;
 	overflow: hidden;
 	-webkit-line-clamp: 2;
 	line-clamp: 2;
 	-webkit-box-orient: vertical;
 	box-orient: vertical;
 	display: -webkit-box;
 	display: box;

 }


 .bg_mc {
 	background: url(../img/img-coursead02.png) no-repeat;
 	background-size: 100% 100%;
 }

 .bg_read {
 	background: url(../img/img-coursead03.png) no-repeat;
 	background-size: 100% 100%;
 }

 .bg_oralT {
 	background: url(../img/img-coursead01.png) no-repeat;
 	background-size: 100% 100%;
 }

 .bg_video {
 	background: url(../img/img-coursead04.png) no-repeat;
 	background-size: 100% 100%;
 }

 .myjoinWrap {
 	height: 7.2rem;
 	width: calc(50% - 0.4rem);


 }

 .myjoinWrap .courseadfranklin {
 	width: 100%;
 	height: 7.2rem;
 	border-radius: 0.4rem;

 }

 .myjoinWrap .joinWrap {
 	width: 100%;
 	height: 7.2rem;
 	border-radius: 0.4rem;
 	background-size: 100% 100%;
 }

 .breadNav {
 	width: 100%;
 	align-items: center;
 }

 #wxLoginWrap {
 	width: 120px;
 	height: 120px;
 	margin: 0 auto;

 }

 #wxLoginWrap iframe {
 	width: 120px;
 	height:120px;
 }

 .publicity::-webkit-scrollbar {
 	display: none;
 }

 #userProtocol {
 	position: absolute;
 	width: 100%;
 	height: 100%;
 	top: 0;
 	left: 0;
 	bottom: 0;
 	right: 0;
 	background: rgba(0, 0, 0, 0.6);
 	z-index: 1000;
 }

 .content1 {
 	border-radius: 0.4rem;
 	position: relative;
 	width: 36rem;
 	height: 26rem;
 	top: 50%;
 	left: 50%;
 	transform: translate(-50%, -50%);


 }

 .content1 .back {
 	text-align: center;


 }

 .content1 .back img {
 	margin-top: 0.8rem;
 	width: 1.2rem;
 	height: 1.2rem;
 }

 .publicity .start-play {
 	cursor: pointer;
 	user-select: none;
 	width: 2rem;
 	height: 2rem;
 	background: linear-gradient(135deg, #1890ff 0%, #0059f4 100%);
 	opacity: 0.7;
 	border-radius: 50%;
 	display: block;
 	position: absolute;
 	margin: auto;
 	top: 0;
 	bottom: 0;
 	left: 0;
 	right: 0;

 }

 .publicity .start-play::after {
 	content: '';
 	width: 0;
 	height: 0;
 	border: 0.52rem solid transparent;
 	border-left: 0.76rem solid white;
 	position: absolute;
 	top: 24%;
 	left: 40%;
 }

 .publicity .content {

 	width: 100%;
 	position: absolute;

 }

 .publicity .video {
 	width: 15.08rem;
 	height: 9.12rem;
 	position: absolute;
 	top: 5.2rem;


 }

 .publicity {
 	position: relative;
 	border-radius: 0.4rem;

 	width: 36rem;
 	height: 24rem;
 	overflow-y: scroll;
 	overflow-x: hidden;
 }


 .publicity .video .videoHtml {
 	width: 100%;
 	height: 100%;
 	position: relative;
 	margin-left: 1.08rem;


 }

 .publicity video {
 	width: 15.08rem;
 	height: 9.12rem;

 }

 .publicity .bg {
 	display: block;
 	width: 100%;

 }




 .publicity .dcst {
 	width: 8rem;
 	height: 1.92rem;
 	line-height: 1.92rem;
 	background: #1F85FC;
 	border-radius: 0.96rem;
 	font-size: 0.8rem;
 	font-family: PingFang SC;
 	font-weight: bold;
 	color: #FFFFFF;
 	text-align: center;
 	position: absolute;
 	bottom: 1.28rem;
 	left: 50%;
 	transform: translateX(-50%);
 }

 .publicity .dcst a {
 	color: #FFFFFF;
 }

 #userProtocol1 {
 	position: absolute;
 	width: 100%;
 	height: 100%;
 	top: 0;
 	left: 0;
 	bottom: 0;
 	right: 0;
 	background: rgba(0, 0, 0, 0.6);
 	z-index: 1000;
 }

 #userProtocol1 .wxLoginContent {
 	width: 19.5rem;
 	border-radius: 0.4rem;
 	top: 50%;
 	left: 50%;
 	transform: translate(-50%, -50%);
 	background: #fff;
 	position: relative;
 	padding: 25px 25px 1.2rem;
 }

 #userProtocol1 .closeLogin {
 	width: 0.8rem;
 	height: 0.8rem;
 }

 .hotTopic .twowordlimit {
 	text-align: left;
 	margin: 0.36rem 0.4rem 0 0.4rem;
 	overflow: hidden;
 	-webkit-line-clamp: 2;
 	line-clamp: 2;
 	-webkit-box-orient: vertical;
 	box-orient: vertical;
 	display: -webkit-box;
 	display: box;
 	height: 2.4rem;
 	line-height: 0.8rem;
 	width: calc(100% - 10.4rem);
 	font-size: 0.72rem;
 	color: #09274a;
 	margin-bottom: 0.28rem;
 }

 .hotTopic {
 	position: relative;




 }


 .swiper-box .swiper-container .swiper-wrapper .swiper-slide .hotTopic-swiper {
 	height: 100%;
 }

 .swiper-box .swiper-container .swiper-wrapper .swiper-slide:hover .twowordlimit {
 	color: #1F85FC;
 }

 .swiper-box .swiper-container .swiper-wrapper .swiper-slide {


 	/* cursor: pointer;
 	user-select: none;
 	width: 20rem;
 	height: 6.4rem;
 	text-align: center;
 	border-radius: 0.4rem;
 	background: #FAFAFA; */

 }


 .swiper-box .swiper-container .swiper-wrapper .swiper-slide .hint {
 	position: absolute;
 	top: 0;
 	left: 0;
 	border-radius: 0.4rem;
 	height: 0.8rem;
 	line-height: 0.8rem;
 	z-index: 3;
 }

 .swiper-box .swiper-container .swiper-wrapper .swiper-slide .hint img {
 	border-radius: 0.4rem;
 	height: 0.8rem;
 }



 .swiper-box .swiper-container .swiper-wrapper .swiper-slide .ellipses-w-h {
 	border-radius: 0.4rem;
 	width: 9.6rem;
 	height: 6.4rem;
 	position: relative;
 	overflow: hidden;


 }

 .swiper-box .swiper-container .swiper-wrapper .swiper-slide .ellipses-w-h .image {
 	width: 100%;
 	height: 100%;
 	border-radius: 0.4rem;
 }

 .swiper-box .swiper-container .swiper-wrapper .swiper-slide .ellipses-w-h .grades {
 	height: 0.72rem;
 	line-height: 0.72rem;
 	position: absolute;
 	bottom: 0.4rem;
 	right: 0.2rem;
 	padding: 0 0.4rem;
 	color: #fff;
 	background: rgba(0, 0, 0, 0.5);
 	font-size: 0.4rem;
 	border-radius: 0.2rem 0;
 }

 .swiper-box .swiper-container .swiper-wrapper .swiper-slide .font-size-t {
 	font-size: 0.56rem;
 }

 .swiper-box .swiper-container .swiper-wrapper .swiper-slide .viewWrap {
 	position: absolute;
 	bottom: 0.48rem;
 	left: 10rem;
 	width: calc(100% - 10.4rem);
 }

 .swiper-box .swiper-container .swiper-wrapper .swiper-slide .viewWrap div {
 	width: 50%;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }

 .swiper-box .swiper-container .swiper-wrapper .swiper-slide:hover .ellipses-w-h .image {
 	transform: scale(1.1) translateZ(0);
 	transition: transform .75s cubic-bezier(0, 1, .75, 1);
 }

 .NewModule {
 	width: calc(100% - 16.8rem);
 	margin-left: 0.4rem;
 	height: 7.2rem;
 	position: relative;
 	background: #fff;
 	border-radius: 0.6rem;
 }

 .NewModule .module-tab {
 	position: absolute;
 	top: 50%;
 	width: 4rem;
 	transform: translateY(-50%);
 	z-index: 1;
 	left: 0.4rem;
 }

 .NewModule .module-tab .module-tab-list {
 	width: 4rem;
 	height: 1.6rem;
 	line-height: 1.6rem;
 	background: #F0F2F5;
 	opacity: 0.9;
 	border-radius: 0.32rem;
 	text-align: center;
 	font-family: PingFang SC;
 	font-weight: 500;
 	color: #666666;
 	margin-bottom: 0.2rem;
 }

 .NewModule .module-tab .modelActive {
 	background: #1F85FC;
 	color: #fff;
 	opacity: 1;
 }

 .courseSwiper {
 	width: 100%;
 	height: 7.2rem;
 }

 .h-130 {
 	width: 5.2rem;

 }

 .courseUpDataDiv {
 	width: calc(100% - 5.2rem);
 	height: 7.2rem;
 }

 .courseUpDataDiv img {
 	width: 9.6rem;
 	height: 7.2rem;
 	margin-right: 0.8rem;
 }

 .courseUpDataRight {
 	width: 16.5rem;
 	padding-right: 0.8rem;
 	text-align: left;
 	position: relative;
 }

 .courseUpDataRight .courseUpDataTitle {
 	margin-top: 1.6rem;
 	height: 1rem;
 	line-height: 1rem;
 	font-family: PingFang SC;
 	font-weight: bold;
 	color: #333333;
 }

 .courseUpDataRight .courseUpDataIntro {
 	margin-top: 0.88rem;
 	height: 0.72rem;
 	line-height: 0.72rem;
 	font-family: PingFang SC;
 	font-weight: 500;
 	color: #999999;
 }

 .courseUpDataRight .courseUpDatacH {
 	width: 3.2rem;
 	height: 1.2rem;
 	line-height: 1.2rem;
 	background: #F0F2F5;
 	border-radius: 0.6rem;
 	font-family: PingFang SC;
 	font-weight: 500;
 	color: #1F85FC;
 	text-align: center;
 	position: absolute;
 	bottom: 0.4rem;
 	right: 0.8rem;
 }

 .nobugCour {
 	margin-bottom: 0.25rem;
 	height: 0.6rem;
 	line-height: 0.6rem;
 }

 .remindlesson {
 	width: calc(100% - 5.2rem);
 	height: 7.2rem;
 	padding: 0.88rem 0.8rem 0.4rem 0;
 	text-align: left;
 }

 .remindlesson .classwrap {
 	width: 100%;
 	height: 1.6rem;
 	line-height: 1.6rem;
 	align-items: center;
 }

 .remindlesson .classwrap .classtype {
 	width: 2.2rem;
 	height: 0.8rem;
 	line-height: 0.8rem;
 	background: #41CC9E;
 	border-radius: 0.16rem;
 	text-align: center;
 	color: #fff;
 	margin-right: 0.36rem;
 }

 .remindlesson .classwrap .readType {
 	background: #FF8112;
 }

 .remindlesson .classwrap .oralTType {

 	background: #2041A8;
 }

 .remindlesson .classwrap .videoType {
 	background: #1dcff2;
 }

 .remindlesson .classwrap .classbigtime {

 	width: 20.5rem;
 	height: 0.8rem;
 	line-height: 0.8rem;
 	font-family: PingFang SC;
 	font-weight: bold;
 	color: #09274A;
 	margin-right: 0.4rem;
 }

 .remindlesson .classwrap .jionbtn {
 	/* width: 1.64rem; */
 	height: 0.8rem;
 	line-height: 0.8rem;
 	font-family: PingFang SC;
 	font-weight: 500;
 	color: #1F85FC;
 }

 .remindlesson .courseadfranklin {
 	width: 100%;
 	height: 5.92rem;
 }

 .jingpinke {
 	width: 1.9rem !important;
 	transform: translateY(0.1rem);
 	height: 0.72rem !important;
 }
 .read-card .mc-title{
	margin-top: 0 !important;
 }

 .paln-tag1 {
 	line-height: 0.8rem;
 	background: #F9E9CD;
 	border-radius: 0.4rem;
	text-align: center;
 	height: 0.8rem;
 	font-size: 0.56rem;
 	max-width: 3rem;
	min-width: 3.5rem;
 	color: #E09104;
 	margin-right: 0.2rem;
 }

 .paln-tag2 {
 	line-height: 0.8rem;
 	background: #D7E8FC;
 	border-radius: 0.4rem;
 text-align: center;
 	height: 0.8rem;
 	font-size: 0.56rem;
 	max-width: 3rem;
	min-width: 3.5rem;
 	color: #1F85FC;
 }


 .w-65{
	 width: 65%;
 }
 .w-35{
	 width: 35%;
	 text-align: right;
 }

 /* 泛读提示 */
 .bug-jxj {
  margin-bottom: 0.32rem;
  line-height: 0.6rem;
  height: 0.6rem;
  font-size: 0.6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #333;
}

.bug-free {
  margin-bottom: 1rem;
  line-height: 0.8rem;
  height: 0.8rem;
  font-size: 0.8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #333333;
}

.bug-img {
  width: 1.58rem;
  height: 1.4rem;
  margin-top: 0.72rem;
  margin-bottom: 0.42rem;
}

.clear-confirm-dialog {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1000;
}
.page-wrap3 {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1001;
	transform: translate(-50%, -50%);
	background-color: #fff;
	width: 15.2rem;
	padding: 0.6rem 0.8rem;
	height: auto;
	border-radius: 0.48rem;
	box-shadow: 0.1rem 0.12rem 0.72rem 0.06rem rgba(111, 131, 100, 0.29),
		-0.14rem 0.24rem 0.6rem 0.06rem rgba(111, 131, 100, 0.39);
	}
.bullet-bottom-wrap {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  text-align: center;
  height: 8.8rem;
  width: 15.2rem;
  background: #fff;
  box-shadow: 0.16rem 0.12rem 0.46rem 0.06rem rgba(168, 199, 232, 0.55);
  border-radius: 0.8rem;
}

.bug-bottom {
  padding: 0 2.2rem;
}

.bug-bottom .bug-invitation {
  cursor: pointer;
  width: 4.8rem;
  height: 1.6rem;
  line-height: 1.6rem;
  background: #F0F2F5;
  border-radius: 0.8rem;
  font-size: 0.64rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #1F85FC;
}

.bug-bottom .no-bug-btn {
  cursor: pointer;
  width: 4.8rem;
  height: 1.6rem;
  line-height: 1.6rem;
  background: linear-gradient(-90deg, #dcdcdc, #cecece);
  border-radius: 1.6rem;
  font-size: 0.64rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #999;
}

.bug-bottom .bug-btn {
  cursor: pointer;
  width: 4.8rem;
  height: 1.6rem;
  line-height: 1.6rem;
  background: #1F85FC;
  border-radius: 0.8rem;
  font-size: 0.64rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #ffffff;
}
.invitationContent {
  padding: 1.04rem 0 1.84rem 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  text-align: center;
  width: 15.2rem;
  background: #fff;
  box-shadow: 0.16rem 0.12rem 0.46rem 0.06rem rgba(168, 199, 232, 0.55);
  border-radius: 0.8rem;
}
.invitation-title {
  text-align: center;
  font-size: 0.72rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 0.72rem;
  height: 0.72rem;
  margin-bottom: 0.48rem;
}
.invitation-des {
  margin-top: 0.06rem;
  line-height: 0.6rem;
  height: 0.6rem;
  font-size: 0.6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #999;
  margin-bottom: 0.9rem;
}
.invitation-bottom {
  padding: 0 2.2rem;
}
.invitation-bottom .invitation-cancel {
  width: 4.8rem;
  height: 1.6rem;
  line-height: 1.6rem;
  background: #F0F2F5;
  border-radius: 0.8rem;
  font-size: 0.64rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #1F85FC;
}

.invitation-bottom .invitation-sub {
  width: 4.8rem;
  height: 1.6rem;
  line-height: 1.6rem;
  background: linear-gradient(-90deg, #77b4f9, #3585f7);
  box-shadow: -0.22rem -0.22rem 0.4rem 0px rgba(252, 250, 250, 0.8),
    0.22rem 0.22rem 0.4rem 0px rgba(138, 145, 153, 0.3), -1px -1px 0px 0px #b6d7fc;
  border-radius: 0.8rem;
  font-size: 0.64rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #ffffff;
}
.share-img{
  width: 4.8rem;
  height: 4.8rem;
}

.readNotice-title{
	font-size: 0.72rem;
	color: #1F85FC;
	margin-bottom: 0.8rem;
	text-align: center;
}
.readNotice-bot{
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align: center;
}

.readNotice-con{
  width: 3rem;
  height: 3rem;
  margin-bottom: 0.6rem;
  background: #EFF4EC;
  border-radius: 0.48rem;
  color: #1F85FC;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.feat-title{
	font-size: 0.6rem;
}
.feat-val{
	font-size: 0.8rem;
	font-weight: bold;
}
.featList{
  color: #333333;
  font-size: 0.48rem;
}
.feat-des{
	margin-bottom: 0.2rem;
}

.readNotice-btn{
	text-align: center;
}
.read-box-confirm{
	cursor: pointer; 
	width: 50%;
	margin: 0.8rem auto 0.4rem;
	padding: 0.2rem 0;
	background: #1F85FC;
	color: #fff;
	font-size: 0.6rem;
	border-radius: 0.6rem;
}

.mc-title {
	overflow: hidden;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	box-orient: vertical;
	display: -webkit-box;
	display: box;
	line-height: 0.9rem;
	font-weight: 500;
	font-size: 0.72rem;
	color: #333333;
	/* margin-bottom: 0.8rem; */
}