12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182 |
- 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: 132rpx;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;border-radius: 40rpx;
- }
- }
- .tit {
- width:420rpx;
- .name {
- font-size: 28rpx;
- }
- .desc {
- color:#999;font-size: 24rpx;
- }
- }
- .state {
- width:160rpx;font-size: 26rpx;font-weight: normal;text-align: right;
- .status_9 {
- color:#999999;
- }
- }
- }
- .line {
- width: 580rpx;height:2rpx;margin-bottom:20rpx;margin-left:110rpx;
- background: #393939;
- border-radius: 28rpx;font-size: 28rpx;
- display: flex;flex-direction: row;justify-content: space-between;align-items: center;
-
- }
- }
- .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;
- }
|