body {
  background-color: #fff;
  position: relative;
}

.all-cont {
  background-color: #fff;
  /*height: 85vh;*/
  /*height: 100%;*/
  /*overflow-y: auto;*/
  padding-bottom: 2rem;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

.top-cont {
  background-image: url(../images/banner.png);
  background-size: 100% 100%;
  width: 100%;
  height: 3.27rem;
}

.list-cont {
  padding-top: 1.38rem;
  position: relative;
}

.abso-cont {
  position: absolute;
  height: 1.6rem;
  width: 7.2rem;
  margin: auto;
  left: 0;
  right: 0;
  top: -0.32rem;
  z-index: 10;
  background-color: #fff;
  box-shadow: 0 2px 1px 1px #F6F4F4;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 .22rem;
}

.free-img {
  width: 1.36rem;
  height: 1.14rem;
}

.free-lock {
  font-size: .3rem;
  color: #333333;
}

.free-txt {
  line-height: .36rem;
}

.couse-data {
  font-size: .36rem;
  color: #FFBD41;
}

.frends-regis {
  font-size: .24rem;
  color: #999999;
}

.check-rule {
  font-size: .26rem;
  color: #F8A412;
}

.list-title {
  font-size: .3rem;
  color: #333333;
  line-height: .6rem;
  height: .6rem;
  padding-left: .6rem;
  font-weight: bold;
  border-bottom: 1px solid #F1F0F0;
}

.course-list li {
  background: #FAFAFA;
  border-bottom: 1px solid #F1F0F0;
  height: 1.3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 .57rem;

}

.list-left {
  font-size: .28rem;
  color: #666666;
  display: flex;
  max-width: 90%;
  position: relative;
  padding-left: .35rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: .42rem;
}

.lock-img {
  width: .28rem;
  height: .28rem;
  position: absolute;
  left: 0rem;
  top: 0;
  bottom: 0;
  margin: auto;
}

.play-img {
  width: .4rem;
  height: .4rem;
}

.list-right {
  font-size: .26rem;
  color: #FF4F46;
}

.fixed-cont {
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #fff;
  text-align: center;
  width: 100%;
  height: 1.8rem;
  z-index: 10;
}

.invit-firends {
  background-image: linear-gradient(-90deg, #F6B809 50%, #FA9817 95%);
  box-shadow: 0 4px 8px 0 #FCE299;
  border-radius: 47.5px;
  border: none;
  font-size: .29rem;
  color: #FFFFFF;
  width: 6.01rem;
  height: .77rem;
  z-index: 18;
}

.jz-time {
  font-size: .26rem;
  color: #F8A212;
  line-height: .6rem;
}

.modal-cont,
.lock-modal,
.open-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(51, 51, 51, 0.5);
  z-index: 1200;
  top: 0;
}

.rule-cont {
  position: absolute;
  width: 5.5rem;
  height: 9.2rem;
  left: 0;
  right: 0;
  top: 1rem;
  margin: auto;
  background-color: #FF4F46;
  padding: .32rem .24rem;
  box-sizing: border-box;
  border-radius: 4px;
}

.text-cont {
  width: 100%;
  height: 100%;
  background-color: #FFD5A0;
  border-radius: 4px;
  padding-top: 0.35rem;
}

.del-icon,
.del-down {
  position: absolute;
  width: .66rem;
  height: .66rem;
  bottom: -.8rem;
  left: 0;
  right: 0;
  margin: auto;
}

.rule-img {
  height: 0.66rem;
  margin: auto;
}

.text-cont>p {
  padding-top: .05rem;
  font-size: .26rem;
  color: #666666;
  width: 90%;
  margin: auto;
  line-height: .35rem;
}

.jsq {
  position: absolute;
  bottom: 0.42rem;
  left: 0;
  right: 0;
  margin: auto;
  font-size: .16rem;
  color: #666666;
  text-align: center;
}

.detail-cont {
  width: 100%;
  /*height: 92vh;*/
  background-color: #fff;
  box-sizing: border-box;
  padding: 0.2rem 0.1rem 1rem 0.1rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

.detail-title {
  font-size: 0.4rem;
  color: #181818;
  line-height: .7rem;
    overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.cur-detail {
  display: flex;
  justify-content: space-between;
  font-size: .26rem;
  line-height: .6rem;
}

.left-rice {
  color: #FF4F46;
}

.right-cont {
  color: #A5A5A5;
}

.video-cont {
  /*margin-top: .2rem;*/
}

.show-btn {
  width: 100%;
  margin-top: .1rem;
}

.rule-content>h2 {
  font-size: .3rem;
  color: #999999;
}

.rule-content>p {
  font-size: .26rem;
  color: #999999;
}

.rule-content {
  line-height: .5rem;
  /*margin-top: .2rem;*/
  box-sizing: border-box;
  padding: 0 .1rem;
}

.detail-bot {
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  display: flex;
  margin-top: .2rem;
}

.detail-bot>button {
  width: 50%;
  /*border: none;*/
  font-size: .28rem;
  height: .96rem;
}

.confirm-buy {
  background: #FFFFFF;
  border: 1px solid #F6B809;
  color: #F99C15;
}

.detail-bot>button>span {
  font-size: .28rem;
}

.free-learn {
  background-image: linear-gradient(-90deg, #F6B809 50%, #FA9817 95%);
  border: none;
  color: #FFFFFF;
}

.lc-cont {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 2.18rem;
  width: 5.62rem;
  height: 6.9rem;
  background-image: url(../images/locking.png);
  background-size: 100% 100%;
  text-align: center;
  padding-top: 3.41rem;
}

.lc-cont>h2 {
  font-size: .36rem;
  color: #ED693A;
  line-height: .6rem;
}

.lc-cont>button,
.sub-btn {
  background-image: linear-gradient(-90deg, #F6B809 50%, #FA9C15 97%, #FA9A16 100%);
  border-radius: 44px;
  border: none;
  font-size: .32rem;
  color: #FDF6DA;
  width: 4.34rem;
  height: .88rem;
  lighting-color: .88rem;
  margin-top: .6rem;
}

.act-cont {
  width: 100%;
  height: 100%;
  background-image: url(../images/re_bg.png);
  background-size: 100% 100%;
  text-align: center;
  padding-top: 8rem;
}

.act-cont>h2 {
  font-size: .44rem;
  color: #FFFFFF;
  line-height: .7rem;
}

.go-free {
  background-image: linear-gradient(-90deg, #F6B809 50%, #FA9817 95%);
  border-radius: 46.5px;
  border: none;
  font-size: .28rem;
  color: #FFFFFF;
  width: 5.67rem;
  height: .93rem;
  line-height: .93rem;
  margin-top: .5rem;
}

.confirm-ft.confirm-ft>a.confirm-btn.primary {
  color: #F99C15;
}

.down-cont {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 3.34rem;
  background: #FDF6DA;
  border-radius: 19px;
  width: 4.84rem;
  height: 5.66rem;
  text-align: center;
}

.m-logo {
  width: 1.44rem;
  height: 1.44rem;
  margin: auto;
  margin-top: .91rem;
}

.op-tips {
  font-size: .34rem;
  color: #ED693A;
  line-height: .5rem;
  width: 90%;
  margin: .36rem auto;
  font-weight: bold;
}

.op-btn {
  width: 2.22rem;
  height: .76rem;
  background-image: linear-gradient(-90deg, #F6B809 50%, #FA9C15 97%, #FA9A16 100%);
  border-radius: 44px;
  font-size: .32rem;
  color: #FFFFFF;
  border: none;
}

.hx-img {
  width: 7.2rem;
  margin: .27rem auto;
  height: 1.2rem;
}

.index-content {
  width: 100%;
  box-sizing: border-box;
  padding: .15rem;
  margin-top: .34rem;
}

.index-title {
  font-size: .3rem;
  color: #333333;
  font-weight: bold;
  padding-left: .2rem;
}

.index-title:before {
  position: absolute;
  content: '';
  width: .06rem;
  height: .28rem;
  left: .15rem;
  right: 0;
  background-color: #F9A811;
}

.topic-list {
  box-sizing: border-box;
  padding: .2rem .15rem;
}

.topic-list li {
  width: 100%;
  background-size: 100% 100%;
  height: 1.52rem;
  margin-bottom: .24rem;
}

.hr-ques {
  background-image: url(../images/hr.png);
}

.pw-ques {
  background-image: url(../images/pw.png);
}

.cp-ques {
  background-image: url(../images/cp.png);
}

.sub-cont {
  text-align: center;
}

.share-modal {
  /*position: fixed;
	z-index: ;*/
}

.share-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 120;
}

.i-know {
  width: 2.36rem;
  height: 1rem;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 2.74rem;
  z-index: 1000;
  position: absolute;
}

.tea-cont>img {
  width: 100%;
}

.video-img {
  width: 100%;
  height: 220px;
}

/*动画效果*/
.loading-img {
  width: .5rem;
  height: .5rem;
  margin: .2rem auto;
  /*animation (动画) :绑定选择器, 4s完成动画 linear(匀速) infinite(循环) */
  animation: que 2s linear infinite;
}

/*通过@keyframes规则,能够创建动画 , que 定义动画的名称 可自己定义*/
@keyframes que {

  /*以百分比来规定改变发生的时间 也可以通过"from"和"to",等价于0% 和 100%*/
  0% {
    /*rotate(2D旋转) scale(放大或者缩小) translate(移动) skew(翻转)*/
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.loading-txt {
  font-size: .28rem;
  line-height: 1rem;
  text-align: center;
  color: #666666;
}

.go-more {
  position: fixed;
  right: .2rem;
  bottom: 2.1rem;
  width: 1.2rem;
  z-index: 10;
}

.vlist-cont {
  position: relative;
}

.vall-cont {
  background-color: #fff;
}

.vlist-title {
  font-size: .36rem;
  font-weight: bold;
  color: #333;
  margin: .2rem .1rem;
  line-height: .5rem;
}

.vtop-cont {
  box-sizing: border-box;
  padding: .1rem;
}

.vlist-title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/*----------------------- 2019/11/18 第二版本 v6.6 start   -----------------------*/
/*---- 课程列表页 ----*/
.list-cont.version-2 {
	padding-top: 0;
}
.version-2 .list-title {
	font-size: .32rem;
	height: 1rem;
	line-height: 1rem;
	padding-left: .3rem;
	margin-top: -0.17rem;
}
.list-cont.version-2 .list-left {
	padding-left: 0;
	max-width: 97%;
}
.fixed-cont.version-2 {
	height: 1.97rem;
}
.download-label {
	width: 2.38rem;
	height: .84rem;
	position: fixed;
  bottom: 1.85rem;
  right: 1rem;
}
.version-2 .invit-firends {
	margin: .25rem auto .12rem auto;
	width: 6.2rem;
	height: .96rem;
	background: #F68509;
	box-shadow: 0 2px 6px 0 #F68509;
	border-radius: 6px;
}
.version-2 .jz-time {
	color: #F81F12;
}
.version-2 .download {
	width: .42rem;
	height: .36rem;
	margin-right: .17rem;
}
.version-2.go-more {
	bottom: 4rem;
	right: .8rem;
}
.back-catalog {
	position: fixed;
	right: 0;
	bottom: 2.3rem;
	width: 2.2rem;
	z-index: 10;
}
.time-icon {
	width: ;
}
.version-2 .course-list li {
	height: auto;
	padding: .19rem .3rem;
	background-color: #fafafa;
}
.course-list-left {
	width: 90%;
	max-width: 90%;
}
.course-list-left .video-time {
	display: flex;
  align-items: center;
	font-size: .24rem;
	color: #666;
	padding-top: .16rem;
}
.course-list-left .video-time .video-time-icon {
	width: .3rem;
	height: .3rem;
	background: url(../images/video_time.png) no-repeat center;
	background-size: 100%;
	margin-right: .08rem;
}
/*---- 目录列表 ----*/
.version-2 .hx-img {
	margin: .19rem auto .17rem auto;
}
.catalog .list-title {
	border-bottom: none;
	font-size: .32rem;
	height: .8rem;
	line-height: .8rem;
  margin-top: 0;
	padding-left: .6rem;
}
.catalog .course-list li {
	height: auto;
	padding: .3rem .42rem .3rem .46rem;
	margin: .18rem .15rem;
	background-color: #fff;
	border: 1px solid #F1F0F0;
	border-radius: 6px;
}
.catalog .list-a,
.course-list-a {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.catalog .course-list .list-left {
	max-width: 89%;
}
.list-more-img {
	width: .28rem;
	height: .28rem;
	background: url(../images/list_more.png) no-repeat center;
	background-size: 100% 100%;
}
/*--- 课程详情页 ----*/
.detail-cont.version-2  {
	padding: 0;
}
.version-2 .detail-title,
.version-2 .cur-detail,
.version-2 .video-body {
  padding: 0 .1rem;	
}
.version-2.version-2 .detail-title {
	padding: .2rem .3rem 0 .3rem;
	font-size: .37rem;
	font-weight: bold;
	line-height: .54rem;
	margin-bottom: .2rem;
}
.detail-list-cont {
	margin-bottom: 2rem;
}
.detail-list-cont .list-title {
	margin-top: 0;
}
.detail-list-cont .list-left {
	padding-left: 0;
	max-width: 97%;
}
.to-login {
	border: 2px solid #F68509;
	color: #F68509;
}
.download-app {
	background: #F68509;
	color: #fff;
	border: none;
}
/* 已登录 */
.download-app.has-login {
	width: 100%;
}
/* app */
.footer.version-2 .forword-app.forword-app {
	width: 100%;
	margin: .2rem 10% 0 10%;
}
.forword-app-div {
	color: #fff;
	border: none;
  width: 100%;
  height: 1.02rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: linear-gradient(90deg, #FF854C 50%, #F85548 95%);
	box-shadow: 0 2px 6px 0 #F68509;
	border-radius: 6px;
}
.forword-app.forword-app p {
	display: flex;
	justify-content: center;
	align-items: center;
}
.footer {
	position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  background-color: #fff;
}
.footer .detail-bot {
	position: static;
	margin-top: 0;
}
.footer .detail-bot>button {
	height: 1.08rem;
	border: none;
	color: #fff;
}
.to-login {
	background-color: #2CD0AA;
}
.user-icon,
.download-icon,
.return-icon,
.forword-icon {
	display: block;
	width: .36rem;
	height: .36rem;
	margin-right: .11rem;
	background: url(../images/video_user.png) no-repeat center;
	background-size: 100% 100%;
} 
.download-icon.download-icon {
	width: .34rem;
	height: .31rem;
	background: url(../images/video_download.png) no-repeat center;
	background-size: 100% 100%;
}
.return-icon.return-icon {
	width: .4rem;
	height: .4rem;
	background: url(../images/video_return.png) no-repeat center;
	background-size: 100% 100%;
}
.forword-icon.forword-icon {
	width: .34rem;
	height: .34rem;
	background: url(../images/video_forward.png) no-repeat center;
	background-size: 100% 100%;
	margin-right: .14rem;
}
.footer.version-2 .jz-time {
	line-height: .8rem;
}
/* video-img */
.version-2 .video-img {
	height: 220px;
}
/* 播放器 弹窗 */
.video-body {
	position: relative;
}
.video-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 220px;
	background-color: rgba(0, 0, 0, .7);
	font-size: .16rem;
}
.video-mask-detail {
	padding: 1.2rem .4rem;
	color: #fff
}
.video-mask-detail .video-mask-tips {
	text-align: center;
	font-size: .3rem;
}
.mask-btn-group {
	display: flex;
	justify-content: space-between;
	margin-top: .65rem;
}
.mask-btn-group > button {
	width: 48%;
	height: .8rem;
	border: none;
	color: #fff;
	font-size: .28rem;
	padding: .2rem .18rem;
	border-radius: 6px;
	border: none;
	color: #fff;
}
.play-end-app .mask-btn-group,
.no-permission-app .mask-btn-group {
	align-items: center;
	flex-flow: column;
}
.mask-to-login {
	background-color: #2CD0AA;
}
.mask-download-app {
	background-color: #F68509;
}
.mask-download-app.has-login {
	width: 56%;
	margin-left: 22%;
}
.no-permission.no-permission .mask-download-app {
	width: 64%;
	margin-top: -0.2rem;
	margin-left: 18%;
}
.mask-forword-app {
	background-color: mediumorchid;
}
/* 当前视频播放结束 */
.play-end .video-mask-tips,
.no-permission .video-mask-tips,
.play-end-app .video-mask-tips {
	text-align: center;
	font-size:  .28rem;
	line-height: .38rem;
}
.play-end-app .video-mask-detail {
	padding-top: .9rem;
}
.play-return .video-mask-detail .mask-btn-group {
	justify-content: center;
	margin-top: .6rem;
}
.mask-red-free {
	line-height: .8rem;
	color: #F88500;
	font-size: .32rem;
	font-weight: bold;
}
.play-end .video-mask-detail,
.no-permission .video-mask-detail {
	padding-top: 1rem;
}
.play-end .mask-btn-group {
	margin-top: .3rem;
}
.no-permission .mask-download-app  {
	width: 100%;
}
.play-end-app.video-mask .mask-paly-return {
	width: 34%;
}
.play-end-app.video-mask .mask-forword-app,
.no-permission-app.video-mask .mask-forword-app {
	width: 78%;
	background-image: linear-gradient(90deg, #FF854C 50%, #F85548 95%);
	border-radius: 6px;
	font-size: .28rem;
}
.play-end-app.video-mask .mask-forword-app p,
.no-permission-app.video-mask .mask-forword-app p {
	display: flex;
}
.play-end-app.video-mask .mask-forword-app.no-permission {
	width: 68%;
	margin-left: 16%;
}
/* app 下载引导页 */
.app-bg {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	background: url(../images/down_app_bg.png) no-repeat center;
	background-size: 100% 100%;
}
.app-logo {
	width: 3.72rem;
	height: 1.93rem;
	margin: 1.82rem auto;
	background: url(../images/down_app_logo.png) no-repeat center;
	background-size: 100%;
}
.app-info-group {
	color: #fff;
	font-size: .36rem;
}
.app-info-group h1 {
	font-size: .46rem;
	padding-bottom: .4rem;
}
.app-info-group .app-down-a {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 1rem auto;
	width: 6.15rem;
	height: .92rem;
	line-height: .92rem;
	background-color: #ffffff;
	box-shadow: 0px 19px 40px 0px 
		rgba(61, 236, 210, 0.6);
	border-radius: 10px;
	color: #10bfa7;
}
/* 解决解锁后，去除按钮出现的下边空白问题 */
/* list 课程列表 */
.all-cont.unlock.unlock {
	padding-bottom: .12rem
}
/* detail 视频详情页 */
.detail-list-cont.version-2.unlock.unlock {
	margin-bottom: 0
}
.fixed-cont.version-2 .mask-forword-app {
	margin: .25rem auto .12rem auto;
	width: 6.2rem;
	height: .96rem;
	border: none;
	border-radius: 6px;
	color: #fff;
	font-size: .29rem;
	background-image: linear-gradient(90deg, #FF854C 50%, #F85548 95%);
	z-index: 18;
} 
.fixed-cont.version-2.fixed-cont.version-2 span,
.footer .detail-bot>button span,
.mask-btn-group > button span {
	display: inline-block;
	vertical-align: middle;
}
.mask-paly-return.mask-paly-return.mask-paly-return.mask-paly-return {
	display: inline-block;
}
.banner-img.banner-img {
	width: 100%;
	height: 3.27rem;
}
/*----------------------- 2019/11/18 第二版本 v6.6 end -----------------------*/

/*----------------------- 2019/11/25 第三版本 start -----------------------*/
.version-2 .hx-img {
	margin: .19rem auto;
}
.version-2 .list-title {
	font-size: .3rem;
	background-color: #fafafa;
	margin-top: .2rem;
}
.catalog .version-2 .list-title {
	background-color: #fff;
}
.version-2.detail-list-cont {
	margin-bottom: 0;
}
.tab-wrapper {
	border-top: 10px solid #F7F5F5;
}
.tab-title {
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: space-around;
	margin-top: .38rem;
	padding: 0 .3rem;
}
.tab-title.no-teacher {
	justify-content: flex-start;
}
.tab-title .tab-title-item {
	font-size: .34rem;
	white-space: nowrap;
	color: #999;
	font-weight: bold;
	padding: 0 .2rem;
}
.tab-title .tab-title-item.zjmc{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tab-title .tab-title-item.active {
	color: #333;
}
.tab-title .tab-title-item.active:after,
.tab-title .tab-title-item:after {
	content: '';
	display: block;
	vertical-align: middle;
	width: .66rem;
	height: .06rem;
	margin: .12rem auto;
	background-color: #fff;
	border-radius: 7px;
}
.tab-title.tab-title.tab-title  .tab-title-item.active:after {
	background-color: #0BC99D;
  width: .4rem;
	height: .08rem;
	margin-top: .1rem;
}
.tab-cont {
	margin-top: .12rem;
	font-size: .26rem;
}
.detail-cont .tab-cont {
	margin: .12rem 0 2.1rem 0;
}
.detail-cont .tab-cont.unlock {
	margin-bottom: 0;
}
.tab-cont .tab-main {
	display: none;
}
.tab-cont .tab-main.selected {
	display: block;
}
.tea-card {
	margin: .3rem .15rem .25rem .15rem;
	padding: .4rem .5rem;
	box-shadow: 0 1px 6px 0 rgba(0,0,0,0.15);
	border-radius: 8px;
}
.tea-card-top {
	/*display: flex;
	align-items: center;*/
}
.tea-head {
	display: inline-block;
	width: 1.28rem;
	height: 1.28rem;
	border-radius: 100%;
	border: .04rem solid rgba(11,201,157,0.8);
}
.tea-name-title {
	padding-left: .3rem;
	display: inline-block;
	vertical-align: top;
  margin-top: .36rem;
}
.tea-card-name {
	font-size: .34rem;
	font-weight: bold;
	color: #0BC99D;
}
.tea-card-title {
	width: 4.3rem;
	padding-top: .12rem;
	font-size: .24rem;
	color: #999;
}
.tea-title-ul {
	list-style: none;
	margin-left: 1.7rem;
}
.tea-title-ul li {
	width: 4.5rem;
	color: #333;
	line-height: .38rem;
}
.tea-title-ul li:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: .1rem;
	height: .1rem;
	background-color: #0BC99D;;
	border-radius: 50%;
	margin-right: .12rem;
}
.similar-course-list {
	border-top: 10px solid #F7F5F5;
}
.similar-course-item {
	display: block;
	padding: 0 .6rem .22rem .6rem;
	border-bottom: 1px solid #f2f2f2;
}
.similar-course-item:last-child {
	border-bottom: none;
}
.similar-course-title {
  display: flex;
	align-items: center;
	font-weight: bold;
	font-size: .32rem;
	color: #333;
	padding: .38rem .6rem .1rem .6rem;
}
.similar-course-title:before {
	content: '';
	display: inline-block;
	width: .4rem;
	height: .4rem;
	background: url(../images/tea_xskc.png) no-repeat center;
	background-size: 100%;
	margin-right: .08rem;
}
.similar-course-item .similar-course-name {
	width: 5.5rem;
	padding: .2rem 0;
	color: #333;
	font-size: .28rem;
	font-weight: bold;
}
.similar-course-item .similar-course-name:after {
	content: '';
	position: absolute;
  right: .7rem;
	width: .28rem;
	height: .28rem;
	background: url(../images/list_more.png) no-repeat center;
	background-size: 100%;
}
.green-text {
	color: #0BC99D;
}
/* 导师主页 */
.tea-index header {
	height: 3.9rem;
	padding: .3rem .5rem;
	background-color: #0bc99d;
	font-size: .26rem;
	color: #fff;
}
.header-div {
	/*display: flex;
	align-items: center;*/
}
.tea-index .tea-header-img {
	display: inline-block;
	width: 2.4rem;
	height: 2.7rem;
	margin-right: .6rem;
}
.tea-header-right {
	display: inline-block;
	vertical-align: top;
	width: 3.2rem;
}
.tea-header-right .header-right-name {
	font-size: .44rem;
	margin-top: .34rem;
}
.tea-header-right .header-right-name:after {
	content: '';
	display: block;
	vertical-align: middle;
	width: .4rem;
	height: .04rem;
	margin: .12rem 0;
	background-color: #fff;
}
.tea-header-right .header-right-addr {
	width: 3.4rem;
	font-size: .26rem;
	padding: .38rem 0 .21rem 0;
}
.tea-card-title,
.tea-header-right .header-right-title,
.tea-title-ul li,
.similar-course-item .similar-course-name,
.tea-header-right .header-right-addr,
.tab-main.zxsk .course-title,
.cyhd .hd-addr {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tea-header-right .header-right-title {
	width: 3.4rem;
	text-align: center;
	padding: .1rem .14rem;
	background-color: #f68509;
	border-radius: .06rem;
} 
.tea-index-wrapper {
	border-radius: .4rem;
	margin-top: -.9rem;
  background: #fff;
}
.tea-index-wrapper .tab-title {
	padding: 0 .16rem;
}
.tea-index-wrapper .tab-title .tab-title-item {
	padding-top: .4rem;
	font-size: .32rem;
}
.tea-index-wrapper .tab-main {
	padding: .1rem .64rem;
}
.dsjs-li {
	margin-bottom: .36rem;
}
.dsjs-title {
	font-weight: bold;
	font-size: .28rem;
	color: #333;
}
.dsjs-info,
.dsjs-skfg-ul li {
	padding-top: .16rem;
	letter-spacing: .5px;
	line-height: .34rem;
}
.dsjs-skfg-ul li {
	display: flex;
	margin-bottom: .2rem;
}
.dsjs-skfg-ul li .dot {
	width: .14rem;
	height: .14rem;
	background-color: #0bc99d;
	border-radius: 100%;
	display: inline-block;
	margin: .1rem .14rem 0 0;
}
.dsjs-skfg-info {
	width: 5.9rem;
}
/* 在线授课 */
.tea-index-wrapper .tab-main.zxsk {
	padding: .1rem .05rem;
}
.zxsk-ul li {
	margin-bottom: .2rem;
}
.zxsk-ul li a {
	display: flex;
	flex-flow: column;
	align-items: baseline;
	border: 1px solid #ececec;
	border-radius: 6px;
	padding: .24rem .54rem;
	position: relative;
}
.zxsk-ul li a:after {
	content: '';
	position: absolute;
	right: .6rem;
	top: .58rem;
	width: .28rem;
	height: .28rem;
	background: url(../images/list_more.png) no-repeat center;
	background-size: 100%;
}
.tab-main.zxsk .course-label  {
	padding: 0 .14rem;
	color: #fff;
	font-size: .26rem;
	background-color: #f68509;
	border-radius: .06rem;
	margin-right: .16rem;
	text-align: center;
}
.tab-main.zxsk .course-name {
	display: flex;
	align-items: center;
	width: 5.5rem;
	height: .44rem;
	line-height: .44rem;
	color: #333;
}
.tab-main.zxsk .course-title{
	width: 4rem;
	font-size: .3rem;
	font-weight: bold;
}
.tab-main.zxsk .course-num {
	padding-top: .3rem;
}
/* 参与活动 */
.tea-index-wrapper .tab-main.cyhd {
	padding: 0;
}
.cyhd .cyhd-ul li {
	padding: .2rem;
	border: .01rem solid #E4E2E2;
	border-left: none;
	border-right: none;
	margin-bottom: .2rem;
}
.cyhd .cyhd-ul li a {
	display: inline-block;
}
.cyhd .cyhd-ul .hd-img {
	display: inline-block;
	width: 2.68rem;
	height: 1.6rem;
	margin-right: .2rem;
}
.cyhd .hd-right {
	display: inline-block;
	vertical-align: top;
	width: 4rem;
}
.hd-title {
	width: 4.2rem;
	font-size: .28rem;
	font-weight: bold;
	line-height: .38rem;
	color: #333;
	overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.hd-time {
	padding: .16rem 0;
}
.hd-time:before,
.hd-addr:before {
	content: '';
	display: inline-block;
	vertical-align: bottom;
	width: .24rem;
	height: .24rem;
	background: url(//img3.job1001.com/zhuanti/oAlcw/huodongfabu/yidongduan/img/shijian.png) no-repeat center;
	background-size: 100%;
	margin-right: .08rem;
}
.hd-addr:before {
	width: .24rem;
	height: .3rem;
	background: url(//img3.job1001.com/zhuanti/oAlcw/huodongfabu/yidongduan/img/didian.png) no-repeat center;
	background-size: 100%;
}
/*----------------------- 2019/11/25 第三版本 end -----------------------*/

/* 新增 行业 */
.dianqi-ques {
	background-image: url(../images/dianqi.jpg);
}
.zaojia-ques {
	background-image: url(../images/zaojia.jpg);
}
/* 新增 行业 end */


/* 音频  */
.audiojsZ {
	height: 1rem;
	padding: .2rem .24rem;
	overflow: hidden;
	border: 1px solid #e2e2e2;
	margin: 0 .2rem .2rem;
	box-sizing: border-box;
}
.audiojs.audiojs audio {
	position: absolute;
	left: -1px;
}
.audiojs.audiojs {
	font-size: 12px;
	background: #fff;
	box-shadow: none;
  width: 100%;
  height: .62rem;
  display: flex;
	justify-content: space-around;
}
.audiojsZ .audiojs .play-pause {
	width: .7rem;
	height: .7rem;
	border: none;
	padding: 0;
}
.audiojsZ .audiojs p {
	display: none;
	width: .6rem;
	height: .6rem;
}
.audiojsZ .audiojs .play {
	display: block;
}
.audiojsZ .audiojs .scrubber {
	position: relative;
	width: 54%;
	height: .18rem;
	margin: .2rem .08rem .24rem .24rem;
	background: #eee;
	overflow: hidden;
	border: none;
}
.audiojsZ .audiojs .progress {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 10px;
	width: 0px;
	background: #2CD0AA;
	z-index: 1;
}
.audiojsZ .audiojs .loaded {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 10px;
	width: 0px;
	background: lightgray;
}
.audiojsZ .audiojs .time {
	border: none;
	height: .6rem;
	line-height: .6rem;
	padding: 0;
	color: #2CD0AA;
	text-shadow: none;
	float: none;
	width: auto;
	margin-left: .1rem;
}
.audiojsZ .audiojs .time em {
	color: gray;
}
.audiojsZ .audiojs .time strong {
	padding: 0px 0px 0px 2px;
	font-weight: normal;
}
.audiojsZ .audiojs .error-message {
	position: absolute;
	float: left;
	display: none;
	margin: 0px 10px;
	height: .6rem;
	width: 6rem;
	overflow: hidden;
	line-height: .6rem;
	white-space: nowrap;
	color: #333;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-icab-text-overflow: ellipsis;
	-khtml-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}
.audiojsZ .audiojs .error-message  a {
	color: #333;
	text-decoration: none;
	padding-bottom: 1px;
	white-space: wrap;
}
.audiojsZ .audiojs .play {
	background: url('../images/audio_play.png') center no-repeat;
	background-size: 100%;
}
.audiojsZ .audiojs .loading {
	background: url('../images/jiazai.gif') center no-repeat;
	background-size: 78%;
}
.audiojsZ .errorZ {
	background: url('../images/jiazai.gif') center no-repeat;
	background-size: 78%;
}
.audiojsZ .audiojs .pause {
	background: url('../images/pause.png') center no-repeat;
	background-size: 100%;
}
.audiojsZ .playing .play,
.audiojsZ .playing .loading,
.audiojsZ .playing .error {
	display: none;
}
.audiojsZ .playing .pause {
	display: block;
}
.audiojsZ .loading .play,
.audiojsZ .loading .pause,
.audiojsZ .loading .error {
	display: none;
}
.audiojsZ .loading .loading {
	display: block;
}
.audiojsZ .error .time,
.audiojsZ .error .play,
.audiojsZ .error .pause,
.audiojsZ .error .scrubber,
.audiojsZ .error .loading {
	display: none;
}
.audiojsZ .error .error {
	display: block;
}
.audiojsZ .error .play-pause p {
	cursor: auto;
}
.audiojsZ .error .error-message {
	display: block;
}
#myVideo{
	width: 306px;
	height: 184px;
	margin: 5px auto;
}
.video-img2 {
    width: 306px;
    height: 184px;
    margin: 5px auto;
}
.audio-img{
    width: 336px;
    height: 50px;
    margin: 5px auto;
}
/* 音频  end  */
.detail-title{
  position: relative;
}
.i_zan {
  position: absolute;
  top: 15px;
  right: 65px;
   /* display: inline-block; */
  background: url(//img3.job1001.com/zhuanti/oAlcw/sqH5yh/img/like.png) no-repeat center;
  background-size: 100%;
  vertical-align: text-top;
  font-size:12px;
  font-weight: 100;
  text-indent: 20px;
  line-height: 1.5em;
  width: 17px;
  height: 17px;
}
.detail-title b {
  width: 80%;
  display: inline-block;
  word-break: break-all;
}