| 1 |
- .study{background:#fff;padding:20rpx}.study .type-box{display:flex;justify-content:space-between}.study .type-box .left{width:224rpx}.study .type-box .right{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:space-between;padding-left:20rpx}.study .type-box .right .type-item .icon{width:224rpx;height:124rpx;border-radius:16rpx;vertical-align:bottom}.study .type-box .type-item{position:relative}.study .type-box .type-item .glass{position:absolute;bottom:0;left:0;width:100%;height:72rpx;padding-left:16rpx;box-sizing:border-box;border-radius:0 0 16rpx 16rpx;background:linear-gradient(180deg,rgba(0,188,255,0),var(--colour))}.study .type-box .type-item .glass .title{font-weight:700;color:#fff;font-size:24rpx;margin-top:8rpx}.study .type-box .type-item .glass .type{font-weight:400;color:#fff;font-size:16rpx;margin-top:6rpx}.study .type-box .type-item .icon{width:224rpx;height:268rpx;border-radius:16rpx;vertical-align:bottom}.study .swiper{height:272rpx;border-radius:16rpx;margin-top:28rpx}.study .swiper .swiper-item{width:100%;height:100%;border-radius:16rpx;object-fit:cover}.study .more-title{display:flex;justify-content:space-between;align-items:center}.study .more-title .more-box{display:flex;align-items:center;font-size:24rpx;color:#aaa}.study .more-title .more-box .more{width:20rpx;height:20rpx;display:block;margin-left:6rpx}.study .type-title{font-weight:700;color:#222;font-size:32rpx;margin:30rpx 0 20rpx}.study .tab-box{display:flex;align-items:flex-start}.study .tab-box .tab{flex-shrink:0;padding:10rpx 24rpx;color:#aaa;background:#eee;font-size:28rpx;margin-right:20rpx;border-radius:30rpx}.study .tab-box .tab.active{color:#3b83ff;background:#cee0ff}.study .list{display:flex;justify-content:space-between;flex-wrap:wrap}.study .list .item{box-shadow:0rpx 0rpx 24rpx 2rpx rgba(0,0,0,.08);border-radius:16rpx;width:344rpx;height:424rpx;margin-top:20rpx;display:flex;flex-direction:column}.study .list .item .info{padding:20rpx;flex:1;display:flex;flex-direction:column;justify-content:space-between}.study .list .item .info .title{color:#222;font-size:24rpx;width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.study .list .item .info .user-info{display:flex;align-items:center;margin-top:20rpx}.study .list .item .info .user-info .head{width:40rpx;height:40rpx;border-radius:50%}.study .list .item .info .user-info .user-name{color:#aaa;font-size:20rpx;margin-left:12rpx}.study .zs-list{display:flex;flex-wrap:wrap;justify-content:space-between}.study .zs-list .store-item{box-shadow:0rpx 0rpx 24rpx 2rpx rgba(0,0,0,.08);border-radius:16rpx;width:344rpx;margin-top:20rpx}.study .zs-list .store-item .info{padding:20rpx}.study .zs-list .store-item .info .title{color:#222;font-size:24rpx;width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.study .zs-list .store-item .info .user-info{display:flex;align-items:center;margin-top:20rpx}.study .zs-list .store-item .info .user-info .head{width:40rpx;height:40rpx;border-radius:50%}.study .zs-list .store-item .info .user-info .user-name{color:#aaa;font-size:20rpx;margin-left:12rpx}
|
