.container { padding: 0; margin: 0; color: #333; } /* 顶部学生信息 */ .head-view { display: flex; width: 700rpx; margin: 25rpx; } .head-left { display: flex; width: 350rpx; } .head-img-view { width: 60rpx; margin-right: 10rpx; } .head-img-view image { height: 60rpx; width: 60rpx; border-radius: 60rpx; } .section { height: 60rpx; line-height: 60rpx; text-align: center; width: 350rpx; } .stuHead { opacity: 0.2; } .curStu { opacity: 1 !important; } /* end */ /* 轮播图 */ .banner { height: 600rpx; } .banner-box { width: 100%; } .bb-image { width: 750rpx; height: 563rpx; } .swiper { position: relative; } /* end */ /* 课程数据 */ .class-view { width: 700rpx; margin: 40rpx 25rpx; } .class-list { display: flex; } .class-box { width: 220rpx; height: 110rpx; display: flex; box-shadow: 0 20rpx 20rpx #ddd; margin: 20rpx auto; } .class-img { width: 60rpx; height: 60rpx; margin-top: 20rpx; margin-left: 10rpx; } .class-img image { height: 100%; width: 100%; } .class-detail { text-align: center; width: 160rpx; margin-left: auto; } .class-title { color: #999; font-size: 24rpx; height: 40rpx; line-height: 40rpx; } .class-num { color: #cc6031; height: 60rpx; line-height: 60rpx; } /* end */ /* 标题 */ .title { font-size: 36rpx; font-weight: 600; } /* end */ /* 我的应用 */ .app-view { width: 700rpx; margin: 40rpx 25rpx; } .app-list { display: flex; flex-wrap: wrap; } .app-box { flex: 0 0 25%; width: 150rpx; text-align: center; margin: 20rpx 0; } .app-img { height: 80rpx; width: 80rpx; margin: 0 auto; } .app-img image { width: 100%; height: 100%; } .app-title { font-size: 28rpx; height: 60rpx; line-height: 60rpx; } /* end */ /* 学生秀.老师秀 */ .show-view{ width: 700rpx; margin: 40rpx 25rpx; } .title-view{ display: flex; } .more{ margin-left: auto; color: #999; } .reset-btn{ width: 120rpx; padding: 10rpx; height: 40rpx; line-height: 40rpx; color: #999; text-align: center; margin: 20rpx auto; border: 1px solid #999; border-radius: 40rpx; } /* end */