| 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:130px;bottom:10px;left:50%;padding:30rpx 20rpx;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);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{font-weight:500;color:#fff;font-size:35rpx}.teachingDetail .backPic .card .col{margin-bottom:10rpx;font-weight:100;font-size:30rpx}.teachingDetail .backPic .card .tag{display:flex}.teachingDetail .teaData{width:750rpx;display:flex;padding:20px 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{font-size:38rpx;margin-bottom:10rpx;font-weight:700}.teachingDetail .teaData .cla .tit2{font-size:30rpx}.teachingDetail .teaData .cla2{width:45%;background:linear-gradient(180deg,#fcfcff 10%,#fef3ea);border-radius:10px;padding:35rpx 30rpx;color:#855e42}.teachingDetail .teaData .cla2 .tit1{font-size:38rpx;margin-bottom:10rpx;font-weight:700}.teachingDetail .teaData .cla2 .tit2{font-size:30rpx}.teachingDetail .creator{display:flex;padding:10px 30px;background-color:#fff;align-items:center;margin-top:20px;border-radius:10px}.teachingDetail .creator image{width:60px;height:60px;border-radius:50%;margin-right:20rpx}.teachingDetail .creator .creName{font-weight:700}.teachingDetail .member{background-color:#fff;margin-top:20px;padding:10px 10px;border:10px;border-radius:10px}.teachingDetail .member .memberTop{display:flex;justify-content:space-between;margin-bottom:10px}.teachingDetail .member .pers{display:flex;justify-content:space-around;align-items:center}.teachingDetail .member .pers .per{display:inline-block}.teachingDetail .member .pers .per image{width:40px;height:40px;border-radius:50%}.teachingDetail .member .pers .per .perName{font-size:14px;text-align:center}.teachingDetail .btnBlock{position:fixed;bottom:0;width:750rpx;background-color:#fff;padding:2vh 0}.teachingDetail .btnBlock .btn{width:50%;margin:auto;background-color:#0056a8;color:#fff;font-size:14px}
|
