page { background-color: #0F0F1D; width: 100%; height: 100vh; } .page { width: 750rpx; height: 1624rpx; background: linear-gradient( 180deg, #24234B 0%, #0F0F1D 100%); border-radius: 0rpx 0rpx 0rpx 0rpx; } .list_info { // display: flex;flex-direction: column;justify-content: flex-start;align-items: center;color:#fff; width:690rpx; display:flex;flex-direction: column;margin:30rpx 30rpx 60rpx;justify-content: flex-start; .numlist { display: flex;flex-direction: row;justify-content: flex-start;align-items: center; position: relative; width: 690rpx; height: 188rpx; background: url('http://c.yujianmate.com/images/v1/w3/bank_bg.png'); background-size: 690rpx 188rpx; .left { display: flex;flex-direction: row;justify-content: space-between;align-items: center; .icon { margin-left: 60rpx; margin-right: 42rpx; width:164rpx; height: 164rpx; } .num { font-weight: bold; font-size: 36rpx; color: #FFFFFF; text-align: left;display: flex;flex-direction: column;justify-content: left;align-items: left; .name { font-size: 28rpx;color: #999999;margin-top: 12rpx;font-weight: normal; } } } } .empty{ display: flex;flex-direction: column;justify-content: normal;align-items: center; width:690rpx; height: 560rpx; .bg { margin-top: 100rpx; width:434rpx; height: 234rpx; background: url('http://c.yujianmate.com/images/v1/w3/empty.png'); background-size: 434rpx 234rpx; } } .mingxiList { display: flex;flex-direction: row;justify-content: space-between;align-items: center; position: relative; .left { display: flex;flex-direction: row;justify-content: flex-start;align-items: center; padding-left:40rpx; padding-top: 20rpx; .icon{ padding-left:5rpx; height: 36rpx; } } .right{ display: flex;flex-direction: row;justify-content: flex-start;align-items: center; padding-right:80rpx; padding-top: 20rpx; .icon{ padding-left:5rpx; height: 36rpx; } } } .item { margin-top: 20rpx;color:#fff;font-size: 28rpx; display: flex;flex-direction: row;justify-content: space-between;align-items: center; width: 690rpx;height: 134rpx; background: #2D3458; border-radius: 24rpx 24rpx 24rpx 24rpx; .left { display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start; padding-left:30rpx; .name { margin-bottom:20rpx; font-weight: 400; font-size: 28rpx; color: #FFFFFF; } .desc { font-weight: 400; font-size: 24rpx; color: #999999; } } .right{ height: 40%; display: flex;flex-direction: row;justify-content: flex-start;align-items: flex-start; .num1{ padding-right:50rpx; text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center; font-weight: bold; font-size: 36rpx; color: #FE2D56; } .num2{ color: #FFFFFF; } } } } .blankHeight { height:300rpx; }