You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
29 lines
2.5 KiB
29 lines
2.5 KiB
.nav{height:300rpx;width:100%;background: linear-gradient(135deg,#ffcb12, #ffa012); |
|
border-bottom-left-radius: 150rpx; border-bottom-right-radius: 150rpx;position: absolute;top:0} |
|
.nav .nav-title{height:60rpx;margin:44rpx auto;width:90%;color:#FFFFFF;font-size:44rpx;display: flex;justify-content: space-between;} |
|
.nav .nav-title image{width:48rpx;height:48rpx;vertical-align: middle;} |
|
.circle{position: absolute;top:144rpx;width:92%;left:4%;background: #fff; |
|
border-radius:12rpx;overflow: hidden;} |
|
.circle .noresult{width:100%;} |
|
.circle .noresult .noimg{width:200rpx;height:170rpx;margin:0 auto;border:1px dashed #969798;display: block;} |
|
.circle .noresult .noforword{font-size:24rpx;color:#ADADAD;margin:24rpx 0;display: block;text-align: center;} |
|
.circle .noresult .club-list{width:100%;background-color:#F1F1F1;border-top:6rpx solid #F1F1F1;border-bottom:6rpx solid #f1f1f1} |
|
.club-list .club{width:90%;padding:24rpx 5%;background:#fff;margin:2rpx auto;display:flex;justify-content: start;} |
|
.club-list .four-list{width:90%;padding:24rpx 5%;background:#fff;position: relative;margin:2rpx auto;display:flex;justify-content: start;border-bottom:2rpx solid #f1f1f1} |
|
.club-list .four-list .bigimg{width:38%;height:182rpx;border-radius: 12rpx;} |
|
.club-list .four-list .four-word{width:59%;margin-left:3%;} |
|
.club-list .four-word .four-title{display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient: vertical; |
|
word-break:break-all;font-size:24rpx;color:#7E7B70;height:60rpx;line-height:30rpx;} |
|
.club-list .four-word .four-log{height:40rpx;line-height:40rpx;font-size:18rpx;color:#C1C1C1;display: flex; |
|
justify-content: space-between;width:80%} |
|
.club-list .four-word .four-name{font-size:24rpx;color:#2A2A2A;line-height:40rpx;} |
|
.club-list .four-word .four-name image{width:20rpx;height:20rpx;margin-left:10rpx;vertical-align: sub;} |
|
.club-list .four-word .four-bottom{display: flex;justify-content: space-between;font-size:20rpx;color:#C9C9C9;height:40rpx;line-height:40rpx;} |
|
.club-list .four-word .four-bottom .price{font-size:24rpx;color:#F66A01;font-weight:bold;} |
|
.club-list .four-word .four-bottom .price text{font-size:18rpx;} |
|
.topmark{position: absolute;left:0;top:-2rpx;width:100rpx;height:40rpx;line-height:40rpx;text-align: center;color:#fff;border-top-left-radius: 20rpx; border-bottom-right-radius: 80rpx;font-size:24rpx;} |
|
.topmark image{width:22rpx;height:19rpx;vertical-align: middle;margin-right: 10rpx;} |
|
.topOne{background: #F66A01;} |
|
.topTwo{background: #FFCB12;} |
|
.topThree{background: #85EF60;} |
|
.topelse{background: #D0D0D0;} |