.model{ position: fixed; top: 0; width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; background-color: rgb(0 0 0 / 31%); z-index: 99; padding: 200rpx 20rpx; .list{ width: 560rpx; height: 700rpx; overflow-y: auto; background: white; text-align: center; position: relative; .post_title{ position: sticky; top: 0; height: 100rpx; line-height: 100rpx; z-index: 99; } .li{ width: 500rpx; background: #87cff9; margin: 20rpx auto; padding: 20rpx; border-radius: 10rpx; box-shadow: 0 0 12px #d6d6d6; .li_top{ display: flex; .logo{ width: 120rpx; height: 120rpx; margin-right: 40rpx; border-radius: 50%; } .li_title{ display: flex; flex-direction: column; font-size: 36rpx; .li_type{ font-size: 30rpx; margin-top: 20rpx; text-align: left; } } } .cardtitle{ margin: 20rpx 0 20rpx 100rpx; } } .del{ background: red; width: 160rpx; height: 100%; color: white; display: flex; justify-content: center; align-items: center; font-size: 34rpx; } .bank_img{ width: 400rpx; height: 400rpx; margin: 20rpx auto; } .title{ font-size: 34rpx; color: #808080; } .post_absotu{ position: absolute; right: 0; top: 0; } } .paw-box{ width: 660rpx; /* height: 400rpx; */ padding: 20rpx 0; overflow-y: auto; background: white; text-align: center; border-radius: 10rpx; position: relative; .model_title{ padding: 20rpx; font-weight: 600; } .hide_box{ height: 80rpx; .hide-paw{ width: 0; height: 0; } } .pay-password{ display: flex; justify-content: space-between; padding: 20rpx 20rpx 80rpx; .paw{ width: 90rpx; height: 90rpx; border-radius: 6rpx; background-color: #e2e2e2; display: flex; align-items: center; justify-content: center; font-size: 50rpx; font-weight: 800; } } .post_absotu{ position: absolute; top: 0; right: 4px; padding: 10rpx 10rpx 0; border-bottom: 1px solid; color: #3F51B5; } .btn{ width: 400rpx; height: 80rpx; background: #07c261; line-height: 80rpx; margin: auto; border-radius: 10rpx; color: white; } } }