jzlife_wx_servant/pages/upgrade/learnCenter/learnCenter.wxss

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

view,text{
  box-sizing: border-box;
  color:#333;
  font-size: 30rpx;
}
.center-top{
  padding:30rpx 24rpx 0;
  /* height:478rpx; */
  background: url('https://jzmall.lifejingzhi.com/file/wx-servant/learn-bg.png') no-repeat center 8rpx;
  background-size: contain;
  position: relative;
}
.badge{
  width:140rpx;
  height:140rpx;
  position: absolute;
  top:84rpx;
  right:92rpx;
  z-index:999;
}
.learn-time{
  height:50rpx;
  display: flex;
  align-items: center;
  padding-left:28rpx;
}
.learn-time view{
  font-size: 36rpx;
  font-weight: bold;
  margin-left:12rpx;
}
.time-detail{
  margin:22rpx 0 30rpx;
  height:70rpx;
  display: flex;
  align-items: center;
  padding-left:34rpx;
  color: #426D3B;
  font-size: 34rpx;
}
.time-detail text{
  font-size: 50rpx;
  font-weight: bold;
  margin-right:12rpx;
  color: #426D3B;
}
.get-skill{
  width: 702rpx;
/* height: 126rpx; */
background: #FFFFFF;
border-radius: 18rpx;
/* padding:0 20rpx 0 34rpx; */
display: flex;
align-items: center;
padding:34rpx 20rpx 40rpx 34rpx;
flex-wrap: wrap;
}
.skill-title{
  color: #426D3B;
  font-size: 44rpx;
  /* font-weight: bold; */
  margin-bottom:10rpx;
}
.skill-list{
  display: flex;
  flex-wrap: wrap;
}
.skill-item{
  /* width: 110rpx; */
height: 56rpx;
background: #E6F7FF;
border-radius: 4rpx;
border: 2rpx solid #91D5FF;
color: #096DD9;
margin-right:14rpx;
font-size: 34rpx;
text-align: center;
padding:0 16rpx;
margin-top:14rpx;
}
.learned-content{
  width: 702rpx;
height: 126rpx;
background: #FFFFFF;
border-radius: 18rpx;
padding:0 24rpx 0 34rpx;
display: flex;
align-items: center;
justify-content: space-between;
margin:22rpx 0 34rpx;
}
.learned-content text{
  font-size: 44rpx;
  /* font-weight: bold; */
color: #426D3B;
}
.learned-content .arrow{
  width: 0;
  height: 0;
  border: 20rpx solid;
  border-color:transparent transparent transparent #014B00;
}
.tab-sticky{
  height:94rpx;
  display: flex;
  align-items: center;
  padding:0 24rpx;
  background: #F3F3F3;
}
.tab-sticky view{
  color: #8B938A;
  font-size: 34rpx;
  margin-right:22rpx;
}
.tab-sticky view.active-tab{
  color: #426D3B;
}
.course-list{
  padding:0 24rpx;
  min-height: 1600rpx;
}
.course-item{
  overflow: hidden;
  margin-bottom:20rpx;
  background:#fff;
  border-radius: 18rpx 18rpx 0px 0px;
}
.course-info{
  padding:0 24rpx 24rpx;
 
}
.video-cover{
  width:702rpx;
  height: 290rpx;
  margin-bottom:22rpx;
}
.course-title{
  height: 48rpx;
 display:flex;
 align-items: center;
 justify-content: space-between;
}
.title-left,.course-time,.finish-time{
  height: 48rpx;
font-size: 34rpx;
color: #1E1F1E;
line-height: 48rpx;
margin-bottom:10rpx;
}
.title-left{
  font-weight: bold;
}
.title-right{
  height: 48rpx;
  display:flex;
  align-items: center;
  justify-content: flex-end;
}
.title-right .hour{
  height: 48rpx;
  font-size: 34rpx;
  color: #1E1F1E;
  line-height: 42rpx;
  font-weight: bold;
 margin-left:6rpx;
}
.course-operate{
  height: 58rpx;
  display: flex;
  justify-content: flex-end;
  margin-top:18rpx;
}
.course-btn{
  width: 184rpx;
height: 58rpx;
line-height: 58rpx;
background: linear-gradient(224deg, #77A66D 0%, #426D3B 100%);
border-radius: 58rpx;
color: #FFFFFF;
font-size: 34rpx;
  text-align:center;
  margin-left:14rpx;
}
.tabs-wrapper{
  /* margin:0 0 14rpx; */
  padding:0 176rpx 0 24rpx;
  background: #F3F3F3;
  /* width:600rpx; */
}
.tabs-wrapper .van-ellipsis{
  font-size: 34rpx;
  color: #8B938A;
}
.drop-block .van-ellipsis{
  font-size: 38rpx;
}
.van-tab--active view.van-ellipsis {
  color: #426D3B;
}
.tabs-wrapper .van-tabs__scroll{
  background:transparent;
}
.van-tab{
  padding:0;
}
.van-tabs__line{
  width: 120rpx !important;
}
.drop-block .van-dropdown-menu{
  background:#f3f3f3;
}
.drop-block{
  display: flex;
  height: 94rpx;
  align-items: center;
  /* margin-top:4rpx; */
  background:#F3F3F3;
  justify-content: space-between;
  padding:0 28rpx;
  margin-bottom:20rpx;
}
.van-dropdown-menu{
  height:74rpx!important;
  box-shadow:none!important;
  padding-right:50rpx;
}
.after-wrapper{
  margin-left:-56rpx;
}
.date-wrapper{
  height: 74rpx;
  display: flex;
  align-items: center;
}
.date-wrapper view{
  font-size: 38rpx;
}
.after-wrapper .arrow{
  width: 0;
  height: 0;
  border: 12rpx solid;
  border-color: 
  #000 transparent transparent transparent ;
  margin:16rpx 0 0 8rpx;
}
.after-wrapper{
  flex:1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.van-dropdown-menu__title:after {
  /* border-width:8rpx!important;
  margin:16rpx 0 0 8rpx!important; */
  display:none!important
}
.overlay-wrapper{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  /* z-index:999; */
  padding:0 50rpx;
  flex-direction: column;
 
}
.star-wrapper{
  width: 650rpx;
height: 524rpx;
background: #FFFFFF;
border-radius: 33rpx;
border: 1px solid #979797;
padding:44rpx  40rpx 0;
display:flex;
flex-direction: column;
align-items: center;
}
.star-wrapper .title{
  font-size: 34rpx;
  height: 48rpx;
  margin-bottom:100rpx;
}
.submit-eval{
  width: 650rpx;
height: 110rpx;
background: #3D7FFF linear-gradient(270deg, rgba(0,202,255,0.5) 0%, rgba(9,175,255,0.5) 100%);
border-radius: 110rpx;
line-height: 110rpx;
font-size: 44rpx;
text-align: center;
color:#fff;
margin-top:40rpx;
}
.no-msg{
  text-align: center;
  margin-top:200rpx;
  color:#999;
  font-size: 28rpx;
}