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.
75 lines
6.5 KiB
75 lines
6.5 KiB
page{background:#FFFFFF;} |
|
.nav{width:100%;padding:16rpx 0;background:#FFCB12;} |
|
.search{height:64rpx;width:90%;margin:0 auto;display:flex;justify-content: start;} |
|
.search .search-box{width:85%;border-radius: 180rpx;background-color:#fff;height:100%;margin:0 auto;display:flex;justify-content: start;} |
|
.search .search-box .search-icon{width:70rpx;height:100%;} |
|
.search .search-box .search-icon image{width:32rpx;height:32rpx;padding:16rpx 0rpx 16rpx 38rpx;} |
|
.search .search-box .search-input{width:580rpx;} |
|
.search .search-box .search-input input{height:100%;width:90%;padding-left:10rpx} |
|
.search .search-word{width:15%;font-size:28rpx;line-height:64rpx;text-align: right;} |
|
.search-title{width:94%;margin:0 auto;height:90rpx;line-height:90rpx;display:flex;justify-content: space-between;font-size:30rpx;} |
|
.search-title text{font-size:24rpx;color:#7C7C7C} |
|
.history{width:94%;margin:15rpx auto;} |
|
.history text{font-size: 28rpx;height:40rpx;line-height:40rpx;padding:8rpx 40rpx;display:inline-block;background: #ffffff; |
|
border: 1rpx solid #cfcfcf;border-radius: 61rpx;margin:0 12rpx 12rpx 0;color:#B0B0B0} |
|
.yesword{width:100%} |
|
.yesword .noresult{width:100%;} |
|
.yesword .noresult .noimg{width:200rpx;height:170rpx;margin:0 auto;border:1px dashed #969798;display: block;} |
|
.yesword .noresult .noforword{font-size:24rpx;color:#ADADAD;margin:24rpx 0;display: block;text-align: center;} |
|
.yesword .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 .club .club-left{width:28%;} |
|
.club-list .club .club-left image{width:100%;height:144rpx;border-radius:8rpx;} |
|
.club-list .club .club-right{width:69%;margin-left:3%;} |
|
.club-list .club .club-right .right-title{color:#F66A01;font-size:32rpx;line-height:45rpx;} |
|
.club-list .club .club-right .right-title image{width:28rpx;height:28rpx;margin-left:10rpx;vertical-align: middle;} |
|
.club-list .club .club-right .right-intro{color:#878787;font-size:28rpx;line-height:40rpx;word-break:keep-all; |
|
white-space:nowrap;overflow:hidden; text-overflow:ellipsis;} |
|
.club-list .club .club-right .right-num{color:#A3A3A3;font-size:24rpx;padding-top:24rpx;} |
|
.more{width:100%;height:64rpx;background:#fff;line-height:64rpx;display: flex;justify-content: center;} |
|
.more .more-left{height:2rpx;width:90rpx;background: linear-gradient(to left, #000000, #f1f1f1);margin-top:30rpx} |
|
.more .more-word{width:150rpx;text-align: center;font-size:20rpx;color:#A5A5A5} |
|
.more .more-right{height:2rpx;width:90rpx;background: linear-gradient(to left, #f1f1f1, #000000);margin-top:30rpx} |
|
.club-list .four-list{width:90%;padding:24rpx 5%;background:#fff;margin:2rpx auto;display:flex;justify-content: start;} |
|
.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;} |
|
.wonderful{width:100%;background: #FAFAFA;padding:5rpx 0;} |
|
.wonderful .wonder-name{width:90%;margin:22rpx auto;height:50rpx;line-height: 50rpx;display: flex;justify-content: space-between;} |
|
.wonderful .wonderful-title{display: flex;justify-content: start;} |
|
.wonderful .wonderful-title .name{font-size:36rpx;color:#FFCB12} |
|
.wonderful .wonderful-title .names{font-size:36rpx;} |
|
.wonderful .wonderful-title image{width:42rpx;height:42rpx;vertical-align: sub;} |
|
.wonderful .wonder-more{color:#F66A01;font-size: 24rpx;} |
|
.wonderful .wonder-more image{width:28rpx;height:28rpx;vertical-align: sub;} |
|
.wonderful .wonder-view{width:90%;margin:20rpx auto;display: flex;justify-content: space-around;} |
|
.wonderful .wonder-view .wonder-list{width:31%;background: #ffffff;border-radius: 16rpx;box-shadow: 0px 8rpx 8rpx 0px rgba(0,0,0,0.05)} |
|
.wonderful .wonder-view .wonder-list .list-top{width:128rpx;height:128rpx;margin:36rpx auto;position: relative;} |
|
.wonderful .wonder-view .wonder-list .list-top .top-ava{width:100%;height:100%;border-radius:50%;} |
|
.wonderful .wonder-view .wonder-list .list-top .top-log{position: absolute;bottom:0;right:0;width:20rpx;height:20rpx;} |
|
.wonderful .wonder-view .wonder-list .list-view{padding:5rpx 20rpx;} |
|
.wonderful .wonder-view .wonder-list .list-view .list-name{font-size:30rpx;text-align:center;} |
|
.wonderful .wonder-view .wonder-list .list-view .list-intro{color:#AEAEAE;font-size:22rpx;overflow: hidden;display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient: vertical; |
|
word-break:break-all;} |
|
.wonderful .wonder-view .wonder-list .list-view .join{height:56rpx;line-height: 56rpx;color:#FF6C01;background: #fdf6ec;border: 2rpx solid #ff6c01; |
|
border-radius: 148rpx; box-shadow: 0px 8rpx 8rpx 0px rgba(0,0,0,0.05);width:90%;margin:20rpx auto;text-align: center; font-size:28rpx;} |
|
.wonderful .youlike-view{display: flex;justify-content: space-between;flex-wrap: wrap;margin:20rpx auto;width:90%} |
|
.four-list{width:48%;border-radius:16rpx;overflow: hidden;margin-bottom:22rpx;background: #ffffff;box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.04);} |
|
.four-list .bigimg{width:100%;height:228rpx;} |
|
.four-list .four-word{padding: 5rpx 10rpx 10rpx;} |
|
.four-word .four-title{overflow: hidden;display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient: vertical; |
|
word-break:break-all;font-size:24rpx;color:#7E7B70;line-height:38rpx;} |
|
.four-word .four-log{height:40rpx;line-height:40rpx;font-size:18rpx;color:#C1C1C1;display: flex;justify-content: space-between;} |
|
.four-word .four-name{font-size:24rpx;color:#2A2A2A;line-height:40rpx;} |
|
.four-word .four-name image{width:20rpx;height:20rpx;margin-left:10rpx;vertical-align: sub;} |
|
.four-word .four-bottom{display: flex;justify-content: space-between;font-size:20rpx;color:#C9C9C9;height:40rpx;line-height:40rpx;} |
|
.four-word .four-bottom text{font-size:24rpx;color:#F66A01;font-weight:bold;} |
|
.four-word .four-bottom text text{font-size:18rpx;} |