_statement.css 1.92 KB
.cart-statement {
    margin: 50px auto;
    width: 100%;
    height: 194px;
    padding: 30px;
    border: 1px solid #eee;
    .toggle-chk {
        span {
            font-weight: bold;
        }
        .not-checked {
            color: #999;
        }
    }

    .checked {
        display: none;
    }

    .chk-group {
        .checked {
            display: inline-block;
        }
        .not-checked {
            display: none;
        }
    }

    .iconfont {
        font-size: 16px;
        line-height: 16px;
    }

    .action {
        display: inline-block;
        margin-right: 40px;
        font-size: 14px;
        line-height: 16px;
        padding: 1px 0;
        color: #1b1b1b;

        &:hover {
            cursor: pointer;
        }

        label {
            &:hover {
                cursor: pointer;
            }
        }
    }

    .selected-num {
        display: inline-block;
        font-size: 14px;
        color: #1b1b1b;
        font-weight: bold;
        margin: 0 60px 0 140px;
    }

    .checkout-total {
        position: relative;
        display: inline-block;
        font-size: 14px;
        color: #1b1b1b;
        font-weight: bold;
        width: 358px;

        div {
            display: inline-block;
        }

        .total-money {
            position: absolute;
            right: 0;
        }
    }

    .pay-total {
        float: right;
        border-top: 2px solid #1b1b1b;
        padding-top: 15px;
    }

    .calculate {
        margin-top: 15px;
        height: 31px;
    }

    .checkout {
        margin-top: 40px;
        float: right;
        margin-right: 200px;

        .btn {
            padding: 14px 59px;
            width: 160px;
            display: inline-block;
            height: 40px;
            font-size: 14px;
            line-height: 14px;
        }
    }

    .hoverable {
        &:hover {
            cursor: pointer;
            color: #379ed6;
        }
    }
}