page{ height: 100%; width: 100%; background: #f4f4f4; } .container{ height: 100%; width: 100%; } .address-list{ padding-left: 31.25rpx; background: #fff url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/icon-normal/address-bg-bd30f2bfeb.png) 0 0 repeat-x; background-size: auto 10.5rpx; margin-bottom: 90rpx; } .address-list .item{ height: 156.55rpx; align-items: center; display: flex; border-bottom: 1rpx solid #DCD9D9; } .address-list .item:last-child{ border-bottom: none; } .address-list .l{ width: 125rpx; height: 80rpx; overflow: hidden; } .address-list .name{ width: 125rpx; height: 43rpx; font-size: 29rpx; color: #333; margin-bottom: 5.2rpx; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .address-list .default{ width: 62.5rpx; height: 33rpx; line-height: 28rpx; text-align: center; font-size: 20rpx; color: #b4282d; border: 1rpx solid #b4282d; visibility: visible; } .address-list .c{ flex: 1; height: auto; overflow: hidden; } .address-list .mobile{ height: 29rpx; font-size: 29rpx; line-height: 29rpx; overflow: hidden; color: #333; margin-bottom: 6.25rpx; } .address-list .address{ height: 37rpx; font-size: 25rpx; line-height: 37rpx; overflow: hidden; color: #666; } .address-list .r{ width: 52rpx; height: auto; overflow: hidden; margin-right: 16.5rpx; } .address-list .del{ display: block; width: 52rpx; height: 52rpx; } .add-address{ background: #b4282d; text-align: center; width: 100%; height: 99rpx; line-height: 99rpx; position: fixed; border-radius: 0; border: none; color: #fff; font-size: 29rpx; bottom: 0; left:0; } .empty-view{ height: 100%; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .empty-view .icon{ height: 248rpx; width: 258rpx; margin-bottom: 10rpx; } .empty-view .text{ width: auto; font-size: 28rpx; line-height: 35rpx; color: #999; }