.mapPeople {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 22.5%;
    display: flex;
    flex-direction: column;
    background: rgba(2, 46, 98, 0.8);
    .header {
        flex: 120;
        display: flex;
        .sumMsg {
            flex: 165;
            background: #183c7f;
            color: #fff;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            .amount {
                font-size: (28rem / 16);
                font-weight: bold;
            }
            .msg {
                font-size: (20rem / 16);
                margin-top: (20rem / 16);
            }
        }
        .sumType {
            flex: 260;
            display: flex;
            .icon {
                width: (26rem / 16);
                height: (26rem / 16);
                background: url(./iocn1.png) no-repeat;
                background-size: cover;
                margin: (10rem / 16);
            }
            .typeList {
                flex: 1;
                color: #b6deff;
                font-size: (20rem / 16);
                display: flex;
                flex-direction: column;
                .item {
                    flex: 1;
                    display: flex;
                    align-items: center;
                }
            }

        }
    }
    .blockList {
        flex: 140;
        display: flex;
        flex-direction: column;
        border:1px solid #116cb2;
        border-bottom: 0;
        justify-content: stretch;
        .blockHeader {
            height: (26rem / 16);
            border-bottom: 1px solid #116cb2;
            display: flex;
            color: #fff;
            align-items: center;
            padding-left: (10rem / 16);
            .icon {
                width: (12rem / 16);
                height: (13rem / 16);
                background: url(./icon2.png) no-repeat;
                background-size: cover;
                margin-right: (10rem / 16);
            }
        }
        .addressList {
            flex: 1;
            display: flex;
            color: #b6deff;
            flex-direction: column;
            padding-bottom: (10rem / 16);
            .line {
                flex: 1;
                display: flex;
                padding-right: (20rem / 16);
                margin-top: (10rem / 16);
                font-size: (14rem / 16);
                font-weight: bold;
                .addItem {
                    flex: 1;
                    display: flex;
                    align-items: center;
                    margin-left: (10rem / 16);
                    background: #05356a;
                    border: 1px solid #074b97;
                    padding-left: (5rem / 16);
                    .title {
                        width: (40rem / 16);
                    }
                }
            }
        }
    }
    .table {
        flex: 305;
        border:1px solid #116cb2;
        display: flex;
        flex-direction: column;
        .tableHeader {
            flex: 1;
            display: flex;
            background: #142c6d;
            color: #3789f5;
            align-items: center;
            .item {
                flex: 1;
                text-align: center;
                font-size: (18rem / 16);
            }
        }
        .line {
            flex: 1;
            display: flex;
            color: #b6deff;
            color: #3789f5;
            align-items: center;
            border-top: 1px solid #116cb2;
            .item {
                flex: 1;
                text-align: center;
            }
        }
    }
}