| 1 |
- .teachingDetail{padding-bottom:80px}.teachingDetail .backPic{width:750rpx;position:relative}.teachingDetail .backPic image{width:100%;display:block}.teachingDetail .backPic .card{position:absolute;width:690rpx;height:256rpx;bottom:10px;left:50%;padding:30rpx;background-color:rgba(0,0,0,.26);border-radius:10px;-webkit-transform:translate(-50%);transform:translate(-50%);border:1rpx #667870 solid;color:#fff}.teachingDetail .backPic .card .cardTop{display:flex;justify-content:space-between}.teachingDetail .backPic .card .cardTop .title{margin-bottom:20rpx;width:506rpx;height:48rpx;color:#fff;font-family:PingFang SC;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.teachingDetail .backPic .card .cardTop .icons{flex:1;display:flex;align-items:center;justify-content:space-between}.teachingDetail .backPic .card .cardTop .icons .icon{width:48rpx;height:48rpx;display:flex;align-items:center;justify-content:center}.teachingDetail .backPic .card .col{margin-bottom:10rpx;font-weight:100;color:#f0edea}.teachingDetail .backPic .card .tag{display:flex}.teachingDetail .teaData{width:750rpx;display:flex;padding:20rpx 30rpx;justify-content:space-between}.teachingDetail .teaData .cla{width:49%;background:linear-gradient(180deg,#fcfcff 30%,#e8ecfd);border-radius:10px;padding:35rpx 30rpx;color:#424f85}.teachingDetail .teaData .cla .tit1{margin-bottom:10rpx;font-weight:700}.teachingDetail .teaData .cla2{width:45%;background:linear-gradient(180deg,#fcfcff 10%,#fef3ea);border-radius:10px;padding:35rpx 30rpx;color:#855e42}.teachingDetail .teaData .cla2 .tit1{margin-bottom:10rpx;font-weight:700}.teachingDetail .creator{display:flex;padding:30rpx;background-color:#fff;align-items:center;margin-top:20rpx;border-radius:10px}.teachingDetail .creator image{width:96rpx;height:96rpx;border-radius:50%;margin-right:20rpx}.teachingDetail .creator .creName{font-weight:700}.teachingDetail .member{background-color:#fff;margin-top:20rpx;padding:30rpx;border-radius:10px}.teachingDetail .member .memberTop{display:flex;justify-content:space-between;margin-bottom:10px}.teachingDetail .member .pers{display:flex;justify-content:space-between;align-items:center}.teachingDetail .member .pers .per{display:flex;flex-direction:column}.teachingDetail .member .pers .per image{width:72rpx;height:72rpx;border-radius:50%}.teachingDetail .member .pers .per .perName{text-align:center}.teachingDetail .btnBlock{position:fixed;bottom:0;width:750rpx;background-color:#fff;padding:2vh 0}.teachingDetail .btnBlock .btn{width:432rpx;height:88rpx;font-weight:500;display:flex;justify-content:center;align-items:center;margin:auto;background-color:#0056a8;color:#fff}
|
