zj-teach/pages/stuNeed/stuNeed.wxss

/* pages/stuNeed/stuNeed.wxss */
.stuNeedArea{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.stuNeedArea:first-child{
    margin-top: 20rpx;
}

.stuInfo{
    width: 100%;
    display: flex;
    align-items: center;
    height: 60rpx;
    line-height: 60rpx;
    padding: 0 0 20rpx 20rpx;
    margin: 10rpx 0;
    border-bottom: 1rpx solid gray;
}
.stuInfo-title{
    width: 26%;
}

.stuInput{
    width: 66%;
    padding: 10rpx 0 10rpx 20rpx;
    border: 1rpx solid rgba(243,243,243,.3);
    background-color: rgba(243,243,243,.3);
    border-radius: 30rpx;
    /* font-size: 28rpx; */
}
/* 课程大类、小类、辅导方式 */
.stuNeedOptions{
    display: flex;
}
.stuCourse{
    padding-left: 20rpx;
}

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

.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 gray;
    border-bottom: 1rpx solid gray;
    text-align: center;
}

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

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

.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;
}
/* 期望目标 */
.stuGoal{
    margin-left: 20rpx;
}
.goal{
    width: 96%;
    border: 1rpx solid gray;
    margin-top: 20rpx;
}

/* 提交按钮样式 */
.submitBtn{
    margin-top: 40rpx;
    width: 100%;
}
/* 底部空白区域 */
.blank{
    height: 50rpx;
}

/* 课程类别、课程细分下拉空白区（背景） */
.mask{
    z-index: 2;
    background-color: rgba(0,0,0,.3);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
/* 课程类别、课程细分内容区 */
.courseTitle-wrapper,
.courseDetail-wrapper{
    z-index: 3;
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: fixed;
    bottom: 0;
}
/*课程类别、课程细分下拉选项内容区标题部分  */
.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;
}
/* 下拉选项内容区 */
.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;
}
/* 滚动区域 */
.CourseTitleScroll,
.courseDetailScroll{
    margin-top: 10rpx;
    height: 84vh;
}

/* 辅导方式内容区 */
.teachPosition-wrapper,
.stuSex-wrapper{
    z-index: 3;
    width: 100%;
    background-color: #fff;
    position: fixed;
    bottom: 0;
}