123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113 |
- /* pages/problem_list/problem_list.wxss */
- @import '../../templates/header/header.wxss';
- @import '../../templates/footer_parent/footer.wxss';
- @import '../../templates/nodata/nodata.wxss';
- .li{
- background:rgba(241,243,250,1);
- border-radius:16rpx;
- margin: 30rpx 24rpx;
- font-weight: 600;
- padding-bottom: 24rpx;
- position: relative;
- }
- .fixed {
- display: flex;
- justify-content: center;
- align-items: center;
- /* position: fixed;
- top: 88rpx; */
- width: 100%;
- height: 50rpx;
- background: rgba(255,255,255,1);
- /* margin-bottom: 37rpx; */
- z-index: 99;
- }
- .fixed-items {
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .fixed-item {
- color: #393939;
- border-bottom: solid 1rpx rgba(255,100,101,0);
- padding: 13rpx 0;
- margin: 0 30rpx;
- font-size: 30rpx;
- font-weight: bold;
- line-height: 40rpx;
- transition: all .3s;
- }
- .fixed-item-active {
- color: rgba(255,100,101,1);
- border-bottom: solid 4rpx rgba(255,100,101,1);
- }
- .li-head-img{
- margin: 30rpx 12rpx 30rpx 24rpx;
- width: 34rpx;
- height: 37rpx;
- }
- .li-head-times{
- display: inline-block;
- color: #393939;
- font-size: 30rpx;
- position: relative;
- bottom: 36rpx;
- }
- .li-head-guide{
- width: 30rpx;
- height: 24rpx;
- float: right;
- margin-right: 24rpx;
- margin-top: 30rpx;
- }
- .li-img{
- margin:0 24rpx;
- }
- .li-img-url{
- width: 100%;
- height: 300rpx;
- position: relative;
- }
- .list-items-img-tips{
- position: absolute;
- top: 0;
- right: 0;
- width: 120rpx;
- height: 117rpx;
- }
- .li-suggest{
- margin: 24rpx;
- padding-bottom: 32rpx;
- }
- .li-suggest-head{
- margin: 32rpx 24rpx 18rpx 24rpx;
- font-size: 30rpx;
- color: #7C819D;
- }
- .li-suggest-content{
- font-size: 24rpx;
- color: #393939;
- line-height: 34rpx;
- margin: 0 24rpx;
- }
- .li-logo{
- width: 120rpx;
- height: 117rpx;
- position: absolute;
- top: 0;
- right: 0;
- }
- .li-subject{
- margin: 27rpx 24rpx 0 24rpx;
- font-size: 24rpx;
- color: #778ADC;
- }
- .li-subject-img{
- width: 37rpx;
- height: 37rpx;
- margin-right: 10rpx;
- }
- .li-subject-items{
- position: relative;
- bottom: 10rpx;
- }
|