app/pages/home/index/courseDetail/courseDetail.wxss

@import "../../../../pages/volunteer/detail.wxss";
@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1559792796005'); /* IE9 */
  src: url('iconfont.eot?t=1559792796005#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAN8AAsAAAAAB2QAAAMtAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCfAqCVIJHATYCJAMMCwgABCAFhG0HOhuHBlFUThpkX2HjGmgmUuyNPccugoc2IwA+opyBA4CIiQuzDAAAEEH8frTZ3XcmEu+aoFk0mSRSIRE6KUDVUGgkz+RveTvTqnlKoXS2H+2HULUsKVGIhGZrzVJAoSoztUCyCuGf9VF2j9PJsXEv/f/92kIenkT/MtBgOtU7UaxBJ1v6FdO76dBOLN3f2dAurVg7tYglIIAwbMBZzrlHPMELh9Ou+B1l5XLPoT4GGAcU6PmHpEACTMhTGN6J1WEsJzBolaGuH+/f0NWgXSDeeNqEbsapaVKkX+itGNqm40+P/nyb34B3wefjn2V0ST0FXW+9Pjiw/knXlY6HHgJrOj2kURSOQSPuVRpvaETBY9qgQdm0CZrGmIrj/ecJDUn0Qvow2OdCyU+jQyaNWeJc/SoFetGHp8B7Djsd29Tw8PgIulTsbZbNclxOEAo836D8fEhP/zbLVvJra4domK0bKdzizPess9Bq8bLrzrnb7EOWe8wJzwX+KW8coMtW7owt19c+Npc7vonUlkwi9J8isNkADWSzJUXrvW5AgN5sbPfpFSiKfkXkiuoa9KqaXFdVqOtPPHAgXWAfSOQw/+BMXXxjq+Ew7I12ffULLzTDaJ0DigKWx4l01geIMnCEj5JYwsDhAAxL8+huMf/a+xfxhNbhYQxJqr2B+EeVYLQdCRgA3fWhLgN02mLF/+U77n36jydjZ//7bQ18D54UsLulgn5JZ9ZfKGjnQFuUOVBV04UaswLl1Mj+xCDx0AXrpDdcOnO74dBvJoHUZwVKv21kwx5DjyEn0KvfJRh0JI4eMqVpiDaAQ5OBMG5BGvURyriDbNgLPWZ96DUeDRj0IKamHLIbXv+akJmSg6nCanOsqCbth5mfpLPQlDQnwP2SJJ4H/XSej5woJpmiR8/1cqQKWTjCwKxGYcgowj7Z6bSk6WtFM1X1oGnmCPquEcSUIg6UVFBlYzHlVU/1C+//RLRMyCQNZQ3qX0QkvPqRZ7kOyJMw7lR2K6d0OW1pSCmICRZBgdGTkAQZkupGPmJLTZUB/pcV4ipxV+F0eXH0fmtgEIZWZFQ0vc9ZmbHu+IYFAAAAAA==') format('woff2'),
  url('iconfont.woff?t=1559792796005') format('woff'),
  url('iconfont.ttf?t=1559792796005') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('iconfont.svg?t=1559792796005#iconfont') format('svg'); /* iOS 4.1- */
}
page{
  padding-bottom: 180rpx;
  box-sizing: border-box;
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-bofang:before {
  content: "\f001b";
}

.icon-bofang1:before {
  content: "\e606";
}


.course-container {
  display: flex;
  flex-direction: column;
}

.course-img {
  width: 100%;
}

.course-img live-player {
  height: 420rpx;
  width: 100%;
}

.signWrapper {
  margin-top: 108rpx;
  border-top: 1rpx solid #efefef;
}
.videoplayer{
  margin-left: 9rpx;
}
.course-top{
  margin-top: 20rpx;
  margin-bottom: 95rpx;
}
/* display: flex;
  align-items: center;
  padding: 0 30rpx;
  width: 87%;
  height: 62rpx;
  background: #f5f5f5;
  border-radius: 90rpx;
  font-size: 24rpx;
  box-sizing: border-box; */

.course-title {
  padding-left: 30rpx;
  padding-top: 10rpx;
  font-size: 36rpx;
  font-weight: 700;
  font-family: PingFang-SC-Bold;
  color: #292929;
  line-height: 50rpx;
}

.course-title2 {
  padding-left: 30rpx;
  padding-top: 18rpx;
  font-size: 26rpx;
  font-family: PingFang-SC-Regular;
  color: #7b7b7b;
  line-height: 50rpx;
}

.course-price {
  padding-top: 18rpx;
  line-height: 50rpx;
}

.course-price text:first-child {
  padding-left: 30rpx;
  padding-top: 18rpx;
  font-size: 26rpx;
  font-family: PingFang-SC-Regular;
  color: #7b7b7b;
}

.course-price .sale {
  padding-left: 20rpx;
  padding-top: 18rpx;
  font-size: 26rpx;
  color: #ff8000;
}

.course-price text:last-child {
  font-size: 36rpx;
  font-weight: 700;
  font-family: PingFang-SC-Boldr;
  color: #ff8000;
}

/* 课程亮点 */

.course-light {
  /* margin-left: 25rpx; */
  margin-top: 25rpx;
  width: 100%;
  height: 232rpx;
  background-color: rgba(255, 254, 214, 0.37);
}
.course-light-box{
  width:100%;
  background: white;
  border-radius: 20rpx;
  padding:30rpx 20rpx;
  box-sizing: border-box;
  min-height: 232rpx;
  height: auto;
}

.course-light-container {
  /* padding-left: 21rpx; */
  padding-top: 20rpx;
  position: relative;
}

.course-light .course-light-title {
  font-size: 36rpx;
  font-weight: 700;
  font-family: PingFang-SC-Bold;
  color: #292929;
  letter-spacing: 1rpx;
  border-left: 3px solid #36a891;
  padding-left:12rpx;
  height: 36rpx;
  line-height: 36rpx;
  display: block;
}

.course-light-txt {
  /* display: flex; */
  padding-top: 20rpx;
  line-height: 60rpx;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
}

.course-light-txt text {
  /* flex: 1; */
  display: flex;
  width: fit-content;
  padding:4rpx 34rpx;
  box-sizing: border-box;
  border-radius: 10rpx;
  font-size: 30rpx;
  color:white;
  /* background-color: rgba(255, 254, 214, 0.80); */
  margin-right: 20rpx;
  background: #9DDB52;
  /* border: 1px solid red */
}
.mask{
    width:100%;
    height:100%;
    position:fixed;
    background-color: rgba(0, 0, 0, 0.64);
    z-index:9999;
    top:0;
    left:0;
    overflow: hidden;
    transition: all .5s;
  }
.zindex{
  z-index: 9999;
}
.course-light-txt2 {
  font-size: 30rpx;
  margin-top: 23rpx;
  display: block;
}

/* 课程目录 */

.course-list {
  margin-left: 21rpx;
  margin-top: 25rpx;
  width: 700rpx;
}
.course-list-box{
  width: 100%;
  margin-left:0rpx;
  background: white;
  padding:30rpx 20rpx;
  box-sizing: border-box;
  border-radius: 20rpx;
}

.course-list-container {
  /* padding-left: 21rpx; */
  /* padding-top: 20rpx; */
  position: relative;
}

.course-list .course-list-title {
  font-size: 36rpx;
  font-weight: 700;
  font-family: PingFang-SC-Bold;
  color: #292929;
  letter-spacing: 1rpx;
  border-left: 3px solid #36a891;
  padding-left:12rpx;
  height: 36rpx;
  line-height: 36rpx;
  display: block;

}

.course-list .course-list-txt {
  display: flex;
  justify-content: space-between;
  line-height: 83rpx;
  font-size: 28rpx;
  font-family: PingFang-SC-Regular;
  color: #7b7b7b;
  border-bottom: 1rpx dashed #efefef;
}

/* 课程详情 */

.course-detail {
  margin-left: 21rpx;
  margin-top: 25rpx;
  width: 700rpx;
}
.course-detail-box{
  margin-left:0rpx;
  width: 100%;
  padding:30rpx 20rpx;
  box-sizing: border-box;
  border-radius: 20rpx;
  background: white;
}
.course-detail-box .course-top {
  margin-bottom: 0rpx;
}

.course-detail-container {
  /* padding-left: 21rpx; */
  padding-top: 20rpx;
  position: relative;
}

.course-detail .course-detail-title {
  font-size: 36rpx;
  font-weight: 700;
  font-family: PingFang-SC-Bold;
  color: #292929;
  letter-spacing: 1rpx;
  border-left: 3px solid #36a891;
  padding-left:12rpx;
  height: 36rpx;
  line-height: 36rpx;
  display: block;
}

.course-list-txt .voice {
  color: #37acaa;
  margin-left: 20rpx;
  font-size: 30rpx;
  border-radius: 30rpx;
  border: 1px solid #37acaa;
  padding-left: 18rpx;
  padding-right: 18rpx;
}

.circle {
  /* width: 49rpx;
  height: 49rpx;
  background: rgba(231, 231, 18, 0.329);
  border-radius: 50%;
  position: absolute;
  top: 10px;
  left: 145rpx; */
}
.course-c{
  width:690rpx;
  margin:0 auto;
  display: flex;
  flex-direction: column;
  /* padding-bottom: 150rpx; */
  box-sizing: border-box;
}
.course-p{
  width: 100%;
  height: 99rpx;
  opacity: 1;
  background: #9DDB52;
  border-radius: 20rpx 20rpx 0px 0px;
  margin-top:25rpx;
  color:white;
  padding:0 30rpx;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.course-pb{
  width:100%;
  padding:30rpx;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  background: white;
  border-radius: 0 0 20rpx 20rpx;
}
.course-pb .course-title {
  padding-left:0rpx;
  box-sizing: border-box;
}
.course-pb .course-title2{
  padding-left: 0rpx;
  padding-top: 10rpx;
  box-sizing: border-box;
}