.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;}