jzlife_wx_servant/pages/upgrade/courseDetail/courseDetail.wxss

page {
  background: #F3F3F3;
  color: #333;
  box-sizing: border-box;
  width:750rpx;
}

view,text{
  box-sizing: border-box;
  color: #1E1F1E;
  font-size: 34rpx;
}
.container{
  padding:24rpx 24rpx 80rpx;
}
.video-block{
  width: 702rpx;
height: 458rpx;
border-radius:0 0 18rpx 18rpx;
}
.course-title{
  /* height: 48rpx; */
color: #426D3B;
line-height: 48rpx;
margin-bottom:22rpx;
}
.course-type,.course-content{
  /* height: 48rpx; */
color: #494949;
line-height: 48rpx;
margin-bottom:22rpx;
}
.video-wrapper{
  width: 702rpx;
background: #FFFFFF;
border-radius: 18rpx;
padding-top:32rpx;
/* padding-bottom:24rpx; */
overflow: hidden;
margin-bottom:24rpx;
margin-top:24rpx;
}
.video-info{
  margin:0 24rpx 4rpx;
  /* height: 48rpx; */
  display:flex;
  align-items: center;
  justify-content: space-between;
}
.title-left{
  overflow: hidden;
  width:640rpx;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.title-right{
  height: 48rpx;
  display:flex;
  align-items: center;
}
.hour{
  /* line-height: 38rpx;
  padding-bottom:10rpx; */
  margin-left:12rpx;
  line-height: 48rpx;
  font-size: 28rpx;
  color:#777;
}
.video-status{
  color: #1E1F1E;
line-height: 48rpx;
height: 48rpx;
padding:0 24rpx;
margin-bottom:34rpx;
}
.common-line{
  /* height: 48rpx; */
  line-height: 48rpx;
  margin-bottom:14rpx;
}
.skill-line{
  line-height: 48rpx;
  margin-bottom:14rpx;
}
.operate-record{
  width: 702rpx;
background: #FFFFFF;
border-radius: 18rpx;
padding:24rpx 24rpx 18rpx;
margin-bottom:20rpx;
}
.operate-record .title{
margin-bottom:24rpx;
display: flex;
align-items: center;
justify-content: space-between;
}
.operate-record .title .left{

  color: #426D3B;
}
.relate-course{
  width: 702rpx;
height: 368rpx;
background: #FFFFFF;
border-radius: 18rpx;
padding:36rpx 24rpx 24rpx;
}
.relate-course .head{
  color: #426D3B;
}
.scroll-view{
  height: 246rpx;
  border-radius: 18rpx;
  white-space: nowrap;
}
.relate-item{
  width: 224rpx;
height: 246rpx;
background: #F5FAE8;
border-radius: 18rpx;
overflow: hidden;
margin-right:24rpx;
display: inline-block;
font-size: 0;
}
.relate-img{
  width: 222rpx;
  height: 168rpx;
  background: #F5FAE8;
  border-radius: 18rpx;
}
.relate-title{
  height: 78rpx;
  font-size: 30rpx;
  line-height: 82rpx;
  width: 222rpx;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
}
.detail {
  width: 702rpx;
  background: #FFFFFF;
  border-radius: 18rpx;
  margin:20rpx 0;
  padding:20rpx;

}
.detail image{
  width:662rpx;
}
.submit-btn{
  margin:56rpx 0rpx 80rpx;
  width:702rpx;
height: 108rpx;
background: #3D7FFF linear-gradient(270deg, rgba(0,202,255,0.5) 0%, rgba(9,175,255,0.5) 100%);
border-radius: 100rpx;
text-align: center;
font-size: 40rpx;
line-height: 108rpx;
color:#fff;
}
.duration-wrapper{
  display: flex;
  height: 50rpx;
  align-items: center;
  padding-left:24rpx;
}