zj-teach/pages/coursePublish/coursePublish.wxss

/* pages/coursePublish/coursePublish.wxss */

/* 外层容器样式 */
.course-container{
    margin-left: 20rpx;
}
/* 授课科目 */
.course-title{
  margin-top: 20rpx;
}
.course-list {
    display: flex;
    margin-top: 20rpx;
    margin-left: -20rpx;
    padding-left: 20rpx;
    padding-bottom: 20rpx;
    border-bottom: 1rpx solid #D1D1D1;
}
.course{
  width: 25%;
}
.course-type,
.course-detail {
    display: flex;
}
.course-type{
    width: 28%;
    
}
.course-detail{
    width: 68%;
}
.iconImg{
  width: 30rpx;
  height: 30rpx;
}

/* 授课方式 */
.techporsiton{
    display: flex;
    margin-top: 20rpx;
}
.teachporsition-option{
    display: flex;
    height: 40rpx;
    line-height: 40rpx;
}

/* 授课时间 */
.tr-title{
    display: block;
    margin-top: 20rpx;
}
.tr-container{
    display: flex;
    position: relative;
    width: 98%;
    flex-direction: column;
    font-size: 26rpx;
    /* border: 1rpx solid gray; */
    margin: 20rpx 20rpx 20rpx 0;
}

.tr_1 {
    display: flex;
    position: relative;
    height: 80rpx;
    line-height: 80rpx;
}
.tr_2{
    display: block;
    height: 80rpx;
    line-height: 80rpx;
}

.th_0,
.th_1,
.th_2,
.th2_0,
.th2_1,
.th2_2{
    width: 12%;
    height: 80rpx;
    line-height: 80rpx;
    border-right: 1rpx solid #D1D1D1;
    border-bottom: 1rpx solid #D1D1D1;
    text-align: center;
}

.th_0,
.th_1,
.th_2{
    border-top: 1rpx solid #D1D1D1;
}

.th_0,
.th2_0{
    border-left: 1rpx solid #D1D1D1;
}

.th2_0{
    float: left;
    width: 12%;
    height: 80rpx;
    line-height: 80rpx;
    text-align: center;
    /* background-color: greenyellow; */
}

/* 复选框大小 */
.wx-checkbox-input{
    width: 22rpx !important;
    height: 22rpx !important;
}

/* 成功经验和自我介绍 */
.suc-exap,
.case{
    margin-top: 20rpx;
}
.case{
    width: 94%;
    border: 1rpx solid #D1D1D1;
    padding: 10rpx;
}

/* 提交按钮 */
.subBtn {
    margin-top: 40rpx;
}

/* 底部空白区域 */
.blank{
    height: 50rpx;
}

/* 授课方式下拉空白区（背景） */
.mask{
    z-index: 2;
    background-color: rgba(0,0,0,.3);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
/* 授课方式内容区 */
.options-wrapper{
    z-index: 3;
    width: 100%;
    background-color: #fff;
    position: fixed;
    bottom: 0;
}
/* 下拉选项内容区 */
.chooseContent{
    width: 100%;
    height: 80rpx;
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-bottom: 1rpx solid gray;
}
.chooseContent image{
    width: 50rpx;
    height: 50rpx;
}
/*授课方式下拉选项内容区标题部分  */
.chooseContent-title{
    background-color: rgb(230,230, 230);
    display: flex;
    height: 80rpx;
    line-height: 80rpx;
    align-content: center;
    justify-content: space-between;
    padding-right: 40rpx;
    padding-left: 40rpx;
}
/* 课程类别、课程细分内容区 */
.courseTitle-wrapper,
.courseDetail-wrapper{
    z-index: 3;
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: fixed;
    bottom: 0;
}
/* 滚动区域 */
.CourseTitleScroll,
.courseDetailScroll{
    margin-top: 10rpx;
    height: 84vh;
}
/* 课程详情选项区 */
.checkboxList{
    display: flex;
    flex-direction: column;
    padding-left: 40rpx;
    width: 100%;
    height: 80rpx;
    display: flex;
    /* align-items: center; */
    justify-content: space-around;
    border-bottom: 1rpx solid gray;
}
/* 添加和删除按钮 */
.addAndDelete{
    display: flex;
    /* flex-direction: column; */
    flex-direction: row-reverse;
    position: relative;
}
/* 添加和删除的图标 */
.addIconImg {
    width: 40rpx;
    height: 40rpx;
    margin-top: 10rpx;
}
/* 添加和删除的样式 */
.addCourse {
    display: flex;
    height: 60rpx;
    line-height: 60rpx;
    justify-content: flex-end;
    padding-right: 20rpx;
    right: 20rpx;
}