|
- #BoxBg{
- background-color: #0E1119;
- overflow: hidden;
- font-size: 28rpx;
- min-height: 100vh;
- }
- .logoBox{
- width: 100%;
- height: 280rpx;
- border-radius: 20rpx;
- margin-top: 10rpx;
- }
-
- .courseBoxAll{
- width: 100%;
- overflow: hidden;
- background-color: #0E1119;
- z-index: 1000000;
- }
- .explainBox{
- overflow: hidden;
- border-radius: 20rpx;
- background-color: rgba(255, 255, 255, 0.1);
- margin: 50rpx 0;
- }
- .zText{
- font-size: 34rpx;
- width: 90%;
- line-height: 40rpx;
- line-height: 40rpx;
- color: #ffffff;
- margin: 10rpx auto;
- }
- .fText{
- width: 90%;
- line-height: 40rpx;
- line-height: 40rpx;
- margin: 10rpx auto;
- }
- .aivi{
- font-size: 34rpx;
- width: 90%;
- line-height: 40rpx;
- line-height: 40rpx;
- color: #ffffff;
- margin: 10rpx auto;
- }
- .courseBox{
- margin: 20rpx 0;
- }
- .cover{
- width: 300rpx;
- height: 200rpx;
- float: left;
- border-radius: 10rpx;
- /* background-color: cornflowerblue; */
- margin-right: 20rpx;
- margin-left: 20rpx;
-
- }
- .courseItem{
- width: 380rpx;
- float: left;
- }
- .courseName{
- height: 50rpx;
- line-height: 50rpx;
- font-size: 32rpx;
- overflow:hidden;
- text-overflow:ellipsis;
- display:-webkit-box;
- -webkit-box-orient:vertical;
- -webkit-line-clamp:1;
- color: #ffffff;
-
- }
- .headImg{
- float: left;
- width: 60rpx;
- height: 60rpx;
- border-radius: 50%;
- background-color: #00cc99;
- }
- .annotation{
- width: 240rpx;
- border-radius: 50rpx;
- height: 60rpx;
- background-color: #333;
- text-align: center;
- line-height: 60rpx;
- color: #9999cc;
- }
- .incomeBox{
- margin-top: 10rpx;
- }
- .money{
- float: left;
- color: #ff3366;
- font-size: 34rpx;
- }
- .py{
- font-size: 26rpx;
- float: left;
- color: #ff3366;
- line-height: 46rpx;
- }
- .moodsImg{
- float: right;
- width: 30rpx;
- height: 30rpx;
- margin-top: 8rpx;
- /* background-color: cornflowerblue; */
- }
- .moodsText{
- float: right;
- color: #ffffff;
- margin: 0 10rpx;
- }
- .moodsNum{
- float: right;
- color: #00cc99;
- }
- .sortNumBj_0{
- position: absolute;
- width: 52rpx;
- height: 65rpx;
- background-image: url('https://formall.oss-accelerate.aliyuncs.com/douyin/drawable-xhdpi/home_rmph_ic_1.png');
- background-size:52rpx 65rpx;
- color: #ffffff;
- text-align: center;
- line-height: 46rpx;
- top: 0rpx;
- left: 20rpx;
- }
- .sortNumBj_1{
- position: absolute;
- width: 52rpx;
- height: 65rpx;
- background-image: url('https://formall.oss-accelerate.aliyuncs.com/douyin/drawable-xhdpi/home_rmph_ic_2.png');
- background-size:52rpx 65rpx;
- color: #ffffff;
- text-align: center;
- line-height: 46rpx;
- top: 0rpx;
- left: 20rpx;
- }
- .sortNumBj_2{
- position: absolute;
- width: 52rpx;
- height: 65rpx;
- background-image: url('https://formall.oss-accelerate.aliyuncs.com/douyin/drawable-xhdpi/home_rmph_ic_3.png');
- background-size:52rpx 65rpx;
- color: #ffffff;
- text-align: center;
- line-height: 46rpx;
- top: 0rpx;
- left: 20rpx;
- }
- .sortNumBj_3{
- position: absolute;
- width: 52rpx;
- height: 65rpx;
- background-image: url('https://formall.oss-accelerate.aliyuncs.com/douyin/drawable-xhdpi/home_rmph_ic_4.png');
- background-size:52rpx 65rpx;
- color: #ffffff;
- text-align: center;
- line-height: 46rpx;
- top: 0rpx;
- left: 20rpx;
- }
|