page { background-color: #161616; } .page { background-color: #161616; } .topbg { } .topBody { width:750rpx; } .mainBody { width:750rpx;padding:1rpx 20rpx;display: flex;flex-direction: column; border-bottom: solid 2rpx #393939; .menu { display: flex;flex-direction: row;justify-content: space-between;padding:20rpx 0rpx 0rpx; .item { width:360rpx;border-radius: 18rpx;height:80rpx;display: flex;flex-direction:column;justify-content: center;align-items: center; margin:0 20rpx;color:#999999; .line { width: 36rpx;height: 8rpx;margin-top: 20rpx; background: #161616; border-radius: 4rpx 4rpx 4rpx 4rpx; } } .active { color:#fff; .line { width: 36rpx;height: 8rpx;margin-top: 20rpx; background: linear-gradient( 90deg, #FF5869 0%, #F83881 100%); border-radius: 4rpx 4rpx 4rpx 4rpx; } } } } .list_info { display: flex;flex-direction: column;justify-content: flex-start;align-items: center;color:#fff; width:750rpx; .item { width: 690rpx;height: 162rpx;margin-top: 10rpx;color:#fff;font-size: 28rpx; display: flex;flex-direction: row;justify-content: flex-start;align-items: center; .avator { width:110rpx; .icon { width:80rpx;height:80rpx; } } .tit { width:470rpx; .name { font-size: 28rpx; } .desc { color:#999;font-size: 24rpx; } } .state { width:110rpx;font-size: 28rpx;font-weight: normal;text-align: right; .status_1 { color:#999; } .status_9 { color:#63D4FF; } .status_2 { color:#FE2D56; } } } .huifu { width: 580rpx;height: 84rpx;margin-bottom:20rpx;margin-left:110rpx; background: #28292D; border-radius: 28rpx;padding:0rpx 30rpx;font-size: 28rpx; display: flex;flex-direction: row;justify-content: space-between;align-items: center; .right { color:#FF2A95; } } .doit { width: 690rpx;margin-bottom:20rpx;font-size: 28rpx; display: flex;flex-direction: row;justify-content: flex-end;align-items: flex-end; .btn1 { width: 132rpx;height: 64rpx;font-size: 28rpx; border-radius: 16rpx; border: 2rpx solid #404040; display: flex;flex-direction: row;justify-content: center;align-items: center; } .btn2 { width: 132rpx;height: 64rpx;font-size: 28rpx;margin-left: 20rpx; background: linear-gradient( 267deg, #FF2A95 0%, #FF5967 100%); border-radius: 16rpx; display: flex;flex-direction: row;justify-content: center;align-items: center; } } .line { width:580rpx;margin-left: 110rpx; border-bottom: solid 1px #393939; } } .btn_submit { width: 660rpx;height: 96rpx;position: fixed;bottom:50rpx;left:45rpx; border: 2rpx solid #404040; border-radius: 28rpx;font-weight: bold;font-size: 32rpx;color: #FF2A95; display: flex;flex-direction: row;justify-content: center;align-items: center; } .blankHeight { height:300rpx; }