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.
 

52 lines
4.2 KiB

.nav{height:420rpx;width:100%;/*background: linear-gradient(to bottom,#FFCB12 0%,#ffffff 100%);*/}
.search{height:64rpx;width:100%;padding:16rpx 0;}
.search .search-box{width:92%;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:590rpx;}
.search .search-box .search-input input{height:100%;width:90%;padding-left:10rpx}
.club{width:92%;margin:0 auto;}
.club .club-title{font-size:40rpx;padding:32rpx 0;}
.scrollArea{height:auto;}
.scrollArea .scroll-view{width:100%;display:flex;height:100%;white-space:nowrap;}
.scrollArea .scrolllist{width:80%;height:500rpx;display: inline-block;margin-right:20rpx;background: #ffffff;
border-radius: 40rpx;box-shadow: 0px 8px 8px 0px rgba(224, 153, 153, 0.04);overflow: hidden;}
.scrollArea .scrolllist .type{height:88rpx;line-height:88rpx;position: relative;}
.scrollArea .scrolllist .type image{width:100%;height:100%;overflow: hidden;}
.scrollArea .scrolllist .type view{position: absolute;left:5%;line-height:88rpx;top:0;color:#fff;font-size:32rpx;font-weight:bold}
.scrollArea .scrolllist .list{width:90%;height:112rpx;padding:12rpx 5%;display: flex;border-bottom:2rpx solid #f1f1f1;justify-content: space-between;}
.scrollArea .scrolllist .list .list-left{width:28%;}
.scrollArea .scrolllist .list .list-left image{width:112rpx;height:112rpx;border-radius:12rpx;}
.scrollArea .scrolllist .list .list-right{width:72%;}
.scrollArea .scrolllist .list .list-right .name{font-size:30rpx;}
.scrollArea .scrolllist .list .list-right .mark {display:flex;justify-content: space-between;}
.scrollArea .scrolllist .list .list-right .mark .marklink text{background: rgba(255,203,18,0.15);padding:2rpx 16rpx;
border: 1px dashed #ffac0c;color:#FFAC0C;font-size:20rpx;border-radius: 5rpx;margin-right:8rpx}
.scrollArea .scrolllist .list .list-right .mark image{width:40rpx;height:40rpx;}
.scrollArea .scrolllist .list .list-right .people{font-size:20rpx;padding-top:10rpx}
.more{width:100%;height:64rpx;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}
.ciecle{width:94%;margin:12rpx auto;border-radius: 16rpx;box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.04); background:#fff;}
.titlebig{margin-top:8rpx;width:100%;height:100rpx;line-height:100rpx;border-bottom:2rpx solid #eee; }
.titlebig .navtop{width:92%;margin:0 auto;display:flex;box-sizing: border-box;}
.navtop> view{text-align:center;width:50%;}
.navtop> view text{height:70rpx; display:inline-block;line-height: 70rpx;color:#979797;font-size: 32rpx;}
.navtop .cur text{ border-bottom:4rpx solid #FE4C00; color:#494949;font-size: 34rpx;}
.myjoin{width:88%;margin:24rpx auto;}
.myjoin .joinlist{width:92%;padding:19rpx 3%;display: flex;justify-content: space-between;border-bottom:2rpx solid #eee;}
.myjoin .joinlist .list-left{width:22%;}
.myjoin .joinlist .list-left image{width:112rpx;height:112rpx;border-radius:12rpx;}
.myjoin .joinlist .list-right{width:78%;}
.myjoin .joinlist .list-right .name{font-size:30rpx;}
.myjoin .joinlist .list-right .activing{display:flex;justify-content: space-between;}
.myjoin .joinlist .list-right .ingleft text{background: rgba(255,203,18,0.15);padding:2rpx 16rpx;
border: 1px dashed #FF3C21;color:#FF3C21;font-size:20rpx;border-radius: 5rpx;margin-right:8rpx}
.myjoin .joinlist .list-right .ingright{font-size:28rpx}
.myjoin .joinlist .list-right .ingright image{width:32rpx;height:32rpx;margin-left:11rpx;transform:rotate(180deg);vertical-align: middle;}
.myjoin .joinlist .list-right .activeall{font-size:20rpx;padding-top:10rpx}
.create{width:100%;margin:48rpx 0;text-align: center;padding-bottom:60rpx;}
.create view{width:232rpx;margin: 0 auto;border: 1px dashed #f66a01;border-radius: 5rpx;font-size:24rpx;color:#f66a01;height:66rpx;line-height:66rpx;}
.create view image{width:27rpx;height:27rpx;margin-right:19rpx;vertical-align: middle;}