zj-teach/pages/teachAuthentication/teachAuthentication.wxss

/* pages/teachAuthentication/teachAuthentication.wxss */
.teachContainer{
    margin-left: 20rpx;
}
.input-item{
    display: flex;
    height: 100rpx;
    line-height: 100rpx;
    margin-right: 20rpx;
    border-bottom: 1rpx solid gray;
}

/* 输入框样式 */
.userInput{
    height: 100rpx;
    line-height: 100rpx;  
    padding-left: 20rpx;  
}

/* 姓名输入样式 */
.input-name{
    display: flex;
    flex-direction: column;
    margin-right: 20rpx;
    margin-top: 20rpx;
    border-bottom: 1rpx solid gray;
}
.input-yourName{
    display: flex;
    height: 100rpx;
    line-height: 100rpx;
}
.input-yourName .userInput{
    width: 170rpx;
    margin-right: 30rpx;
}
.input-yourName .input-ming{
    height: 100rpx;
    line-height: 100rpx;  
    width: 300rpx;
}

/* 身份证照片样式 */
.idCard{
    position: relative;
}
.idImag-tit{
    display: block;
    margin-top: 20rpx;
}
/* 说明文字样式 */
.explain{
    display: block;
    font-size: 26rpx;
    color: gray;
    margin: 10rpx 0 10rpx 10rpx;
}
.idImagUp{
    display: flex;
    justify-content: space-around;
    margin-left: -20rpx;
}
.idImag{
    display: flex;
    flex-direction: column;
    width: 45%;
    
}
.idImgContainer{
    height: 200rpx;
    width: 100%;
    border: 1rpx solid gray;
}
.idImag .iconfont{
    display: block;
    /* height: 200rpx; */
    /* border: 1rpx solid red; */
    line-height: 200rpx;
    font-size: 100rpx;
    color: gray;
    margin-bottom: 20rpx;
}

.idImag text{
    margin-top: 10rpx;
    text-align: center;
}

/* 毕业证,学生证，头像 */
.myCard,
.myHead{
    display: flex;
    margin: 20rpx 0;
    flex-direction: column;

}
.ImgContainer{
    width: 50%;
    height: 200rpx;
    border: 1rpx solid gray;
}
.myCard .iconfont,
.myHead .iconfont{
    display: block;
    line-height: 200rpx;
    font-size: 100rpx;
    color: gray;
    margin-top: 20rpx;
    text-align: center;
}

/* 老师身份属性、学历 */
.idAttribute,
.education{
    display: flex;
    height: 100rpx;
    line-height: 100rpx;
    margin-right: 20rpx;
    border-bottom: 1rpx solid gray;
}

.idAttribute-container,
.education-container{
    display: flex;
    width: 80%;
}

.teachAttribute,
.teachEducation{
    padding-left: 20rpx;
}
/* 老师身份属性和学历列表空白区 */
.mask{
    z-index: 2;
    background-color: rgba(0,0,0,.3);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
/* 老师身份属性内容区 */
.idAttr-wrapper,
.edu-wrapper{
    z-index: 3;
    width: 100%;
    /* height: 500rpx; */
    background-color: #fff;
    position: fixed;
    bottom: 0;
}
.idAttr-title,
.edu-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;
}

.idAttr-content,
.edu-content{
    width: 100%;
    height: 80rpx;
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-bottom: 1rpx solid gray;
}
.idAttr-content image,
.edu-content image{
    width: 50rpx;
    height: 50rpx;
}


/* 籍贯输入样式 */
.input-jiguan{
    display: flex;
    height: 100rpx;
    line-height: 100rpx;
}
.input-jiguan input{
    width: 130rpx;
    padding-left: 10rpx;
}

/* 提交审核按钮样式 */
.submit{
    margin-top: 40rpx;
}
/* 底部空白区域 */
.blank{
    height: 50rpx;
}