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