.ibox-content {
    position: relative;
}

#divDataOrder .ibox-content,
#divDataClock .ibox-content,
#divDataRecharge .ibox-content,
#divDataOrderPayed .ibox-content {
    height: 180px;
}

#divDataClock i, #divDataRecharge i, #divDataOrder i, #divDataOrderPayed i {
    border-radius: 100%;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    margin: 15px 0px;
}

#divDataClock i {
    background: #6054fe;
    animation: circle2 1s ease-in-out infinite;
}

#divDataRecharge i {
    background: #f7d379;
    animation: circle3 1s ease-in-out infinite;
}

#divDataOrder i {
    background: #54c3ff;
    animation: circle1 1s ease-in-out infinite;
}

#divDataOrderPayed i {
    background: pink;
    animation: circle4 1s ease-in-out infinite;
}

.amount {
    font-size: 24px;
    font-family: Impact, serif;
    letter-spacing: 1px;
    margin-top: -6px;
    color: rgba(0, 51, 62, .8);
    margin-bottom: 4px;
    text-shadow: 0 1px 0 #999;
}


@keyframes circle1 {
    0% {
        box-shadow: 0
    }
    to {
        box-shadow: 0 0 15px #54c3ff;
    }
}

@keyframes circle2 {
    0% {
        box-shadow: 0
    }
    to {
        box-shadow: 0 0 15px #6054fe;
    }
}

@keyframes circle3 {
    0% {
        box-shadow: 0
    }
    to {
        box-shadow: 0 0 15px #f7d379;
    }
}

@keyframes circle4 {
    0% {
        box-shadow: 0
    }
    to {
        box-shadow: 0 0 15px pink;
    }
}

.divData table {
    border-left: 1px solid #eee;
    width: 60%;
    position: absolute;
    top: -1px;
    right: -1px;
}

.divData table td {
    border: 1px solid #eee;
    height: 32px;
    line-height: 32px;
    text-align: center;
}

.divData table .tc {
    color: rgba(0, 51, 62, .8);
    font-weight: 700;
}

.divData table tr td:first-child {
    width: 60%;
}

.divData table tr td:last-child {
    width: 40%;
}

#divChartsRechargeOrder {
    position: relative;
    height: 300px;
    width: 60%;
    overflow: hidden;
    float: left;
    border-right: 1px solid rgb(238, 238, 238);
}

#divChartsInfo {
    float: right;
    width: 40%;
    text-align: center;
    padding-top: 10px;
}

.ant-divider-dashed {
    background: none;
    border: dashed #e8e8e8;
    border-width: 1px 0 0;
    padding: 10px 0px;
}

h3 {
    margin-top: 0;
    margin-bottom: 0.5em;
    color: rgba(0, 0, 0, .85);
    font-weight: 500;
}

#divChartsInfo .amount {
    margin-bottom: 15px;
}

#divDataMoneyGet table,
#divDataProject table {
    width: 100%;
    border-left: 1px solid #eee;
    text-align: center;
    border-collapse: collapse;
}

#divDataMoneyGet table th,
#divDataProject table th {
    background: #fafafa;
}

#divDataMoneyGet table th,
#divDataMoneyGet table td,
#divDataProject table th,
#divDataProject table td {
    text-align: center;
    border: 1px solid #eee;
    line-height: 32px !important;
    padding-right: 10px !important;
}

#divDataMoneyGet table .tr,
#divDataProject table .tr {
    text-align: right;
}

.color03 {
    color: rgba(0, 51, 62, .8);
    font-weight: 700;
    text-align: right !important;
    padding-right: 10px;
}

#divDataClock .color03,
#divDataOrderPayed .color03,
#divDataProject .color03 {
    text-align: center !important;
}

#divDataMoneyGet .ibox-content,
#divDataProject .ibox-content {
    /*height: 350px !important;*/
}