1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192 |
- page {
- background-color: #161616;
- width:750rpx;height:100vh;
- }
- .page {
- background-color: #161616;
- }
- .list_info {
- display: flex;flex-direction: column;justify-content: flex-start;align-items: center;color:#fff;
- width:750rpx;
-
- .item {
- margin-top: 20rpx;color:#fff;font-size: 28rpx;
- display: flex;flex-direction: column;justify-content: center;align-items: center;
- width: 690rpx;
- .avator {
- width:258rpx;height:258rpx;
- .icon {
- width:258rpx;height:258rpx;border-radius: 18rpx;
- }
- }
- .tit {
- width:690rpx;display: flex;flex-direction: column;justify-content: center;align-items: center;
- margin-top:50rpx;
- .name {
- font-size: 32rpx;
- }
- .desc {
- color:#999;font-size: 28rpx;margin-top:12rpx;
- }
- }
- .title {
- width:690rpx;font-weight: normal;font-size: 28rpx;color: #FFFFFF;margin:20rpx 0;
- }
- .jindu {
- display: flex;flex-direction: row;justify-content: center;align-items: center;margin-top:30rpx;
- .bord {
- width: 386rpx;height: 20rpx;margin-left:50rpx;
- background: #28292D;
- border-radius: 24rpx 24rpx 24rpx 24rpx;
- .active {
- width: 0%;height: 20rpx;
- background: linear-gradient( 142deg, #FF5967 0%, #FF2A95 100%);
- border-radius: 24rpx;
- }
- }
- .tips {
- margin-left:20rpx;font-weight: 400;font-size: 24rpx;color: #FF3D83;
- }
- }
-
- .list_mem {
- width:100%;margin-top:0rpx;flex-wrap: wrap;
- display: flex;flex-direction: row;justify-content: flex-start;align-items: center;
- image {
- width:88rpx;height:88rpx;border-radius: 44rpx;
- }
- .mem {
- display: flex;flex-direction: column;justify-content: center;align-items: center;
- width:130rpx;height:160rpx;
- }
- }
- .list_record {
- width:100%;margin-top:0rpx;
- display: flex;flex-direction: column;justify-content: flex-start;align-items: center;
- image {
- width:76rpx;height:76rpx;margin-right:10rpx;border-radius: 44rpx;
- }
- .record {
- display: flex;flex-direction: row;justify-content: space-between;align-items: center;
- width:100%;margin-bottom:20rpx;font-size:28rpx;
- .left {
- display: flex;flex-direction: row;justify-content: space-between;align-items: center;
- }
- .right {
- color:#FF2A95;
- }
- }
- }
- .btn_submit {
- width: 390rpx;height: 96rpx;margin-top:30rpx;
- background: linear-gradient( 142deg, #FF5967 0%, #FF2A95 100%);
- border-radius: 28rpx 28rpx 28rpx 28rpx;
- display: flex;flex-direction: column;justify-content: center;align-items: center;
- }
- }
- }
- .blankHeight {
- height:300rpx;
- }
|