Blame view

public/scss/home/installment/_bank-card.css 2.81 KB
徐炜 authored
1 2 3 4 5
.bank-card-page {
    .bank-card-list {
        padding: 30px 30px 0;
    }
李靖 authored
6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34
    .card-tips {
        width: 100%;
        height: 88px;
        background-color: #ff8080;
        font-size: 24px;
        padding: 10px 25px;

        .left {
            float: left;
            height: 68px;
            line-height: 34px;
            font-size: 24px;
            color: #fff;
        }

        .right {
            float: right;
            width: 170px;
            height: 68px;
            line-height: 68px;
            text-align: right;

            .iconfont {
                color: #fff;
                font-size: 20px;
            }
        }
    }
王水玲 authored
35
    .card-nav {
36
        width: 100%;
徐炜 authored
37 38 39 40 41 42
        height: 200px;
        margin-bottom: 30px;
        position: relative;
        background: #000;
        border-radius: 10px;
        background-size: contain;
王水玲 authored
43
        display: block;
徐炜 authored
44 45 46 47 48 49 50 51

        span {
            position: absolute;
            right: 30px;
            bottom: 30px;
            color: #fff;
            font-size: 40px;
        }
李靖 authored
52 53 54 55 56 57 58 59 60 61 62 63 64 65

        .out-of-service {
            width: 120px;
            height: 40px;
            border-radius: 6px;
            background-color: #fff;
            font-size: 24px;
            color: #ff575c;
            line-height: 40px;
            text-align: center;
            position: absolute;
            top: 20px;
            right: 20px;
        }
徐炜 authored
66
    }
王水玲 authored
67 68 69 70 71

    .card-bg-abc {
        background: resolve("home/bank-icons/bank-ABC.png") no-repeat;
        background-size: contain;
    }
王水玲 authored
72
王水玲 authored
73 74 75 76
    .card-bg-boc {
        background: resolve("home/bank-icons/bank-BOC.png") no-repeat;
        background-size: contain;
    }
王水玲 authored
77
王水玲 authored
78
    .card-bg-ccb {
79
        background: resolve("home/bank-icons/bank-CCB.png") no-repeat;
王水玲 authored
80 81
        background-size: contain;
    }
王水玲 authored
82
83 84
    .card-bg-cgb {
        background: resolve("home/bank-icons/bank-CGB.png") no-repeat;
王水玲 authored
85 86
        background-size: contain;
    }
王水玲 authored
87
王水玲 authored
88 89 90 91
    .card-bg-cib {
        background: resolve("home/bank-icons/bank-CIB.png") no-repeat;
        background-size: contain;
    }
王水玲 authored
92
王水玲 authored
93 94 95 96
    .card-bg-citic {
        background: resolve("home/bank-icons/bank-CITIC.png") no-repeat;
        background-size: contain;
    }
王水玲 authored
97
王水玲 authored
98 99 100 101
    .card-bg-cmbc {
        background: resolve("home/bank-icons/bank-CMBC.png") no-repeat;
        background-size: contain;
    }
王水玲 authored
102
103 104
    .card-bg-ceb {
        background: resolve("home/bank-icons/bank-CEB.png") no-repeat;
王水玲 authored
105 106
        background-size: contain;
    }
王水玲 authored
107
王水玲 authored
108 109 110 111
    .card-bg-icbc {
        background: resolve("home/bank-icons/bank-ICBC.png") no-repeat;
        background-size: contain;
    }
王水玲 authored
112
王水玲 authored
113 114 115 116
    .card-bg-payh {
        background: resolve("home/bank-icons/bank-PAYH.png") no-repeat;
        background-size: contain;
    }
王水玲 authored
117
王水玲 authored
118 119 120 121
    .card-bg-psbc {
        background: resolve("home/bank-icons/bank-PSBC.png") no-repeat;
        background-size: contain;
    }
徐炜 authored
122
}