移动系统liao
2024-05-09 5d6cb15ac86d9174393cb9d1538d69b567e2c26c
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
.card-item { position: relative; background-color: #fff; margin: 13px; border-radius: 5px; box-shadow: 0 0 10px #ccc; padding: 30px 20px 40px 20px;
    .card-item-tip { position: absolute; top: 0px; left: 0px; z-index: 10; border-top-left-radius: 5px; overflow: hidden; width: 50px; height: 50px;
        .cit-bg { position: absolute; top: 0; left: 0; z-index: 11; color: #ffffff; width: 0px; height: 0px; border-bottom: solid 50px transparent; border-right: solid 50px transparent; border-top: solid 50px #ff7159; }
        .cit-text { position: absolute; top: 0; left: 0; z-index: 12; color: #ffffff; margin-top: 4px; margin-left: 7px; font-size: 15px; }
    }
    .card-item-body {
        .cib-left { position: absolute; top: 60%; transform: translateY(-50%); width: 125px;
            .bank-logo { width: 120px; height: 35px; }
        }
        .cib-right { margin-left: 125px;
            .cibr-t { font-size: 15px; margin-bottom: 5px; text-align: center; }
            .cibr-b { font-size: 13px; text-align: center; }
        }
    }
 
    .mr-card { position: absolute; right: 70px; bottom: 6px; position: absolute; right: 70px; }
    .del-card { position: absolute; right: 15px; bottom: 6px; position: absolute; right: 15px; }
}