app/pages/my/myCourse/myCourse.wxss

@import "../../common.wxss";

.view-img {
  width: 190rpx;
  height: 190rpx;
  border-radius: 20rpx;
  margin-right: 25rpx;
}

.list-view {
  border-bottom: 1px solid #F3F3F3;
  padding: 25rpx 30rpx;
}

.title {
  font-size: 31rpx;
  color: #2C2C2C;
}

.content {
  font-size: 24rpx;
  color: #848484;
}

.money {
  font-size: 30rpx;
  color: #EA3027;
}

.btn {
  padding: 5rpx 25rpx;
  color: #FFCE71;
  border: 1px solid #FFCE71;
  border-radius: 50rpx;
  font-size: 30rpx;
}

.view-content {
  width: calc(100% - 190rpx - 25rpx);
}

.page-body {
  width: 690rpx;
  margin: 25rpx auto;
}

.flex-list-item {
  background: white;
  width: 100%;
  border-radius: 20rpx;
  padding: 25rpx 30rpx;
  box-sizing: border-box;
}

.flex-list-item .view-content {
  flex: 1;
  padding-left: 30rpx;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.flex-list-item .view-content .title {
  font-size: 30rpx;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  text-align: left;
  color: #292929;
  line-height: 38rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.flex-list-item .view-content .content {
  margin-top:10rpx;
  font-size: 24rpx;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  text-align: left;
  color: #999999;
  line-height: 34rpx;
  letter-spacing: 0px;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  /** 对象作为伸缩盒子模型显示 **/
  -webkit-box-orient: vertical;
  /** 设置或检索伸缩盒对象的子元素的排列方式 **/
  -webkit-line-clamp: 2;
  /** 显示的行数 **/
  overflow: hidden;
}
.flex-price-content{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top:10rpx;
}
.flex-price-content .btns{
  width: 132rpx;
  height: 50rpx;
  opacity: 1;
  border: 1px solid #9DDB52;
  border-radius: 26rpx;
  font-size: 28rpx;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  text-align: left;
  color: #9DDB52;
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-price-content .prices{
  color:#999999;
  font-size: 24rpx;
}
.flex-price-content .prices .p1{
  font-size: 20rpx;
  color:#EC2E26;
}
.flex-price-content .prices  .money{
  font-size: 28rpx;
}