.type-all li.active,
.type-all li:hover {
    color: #5b99ee;

}

.type-all li span {
    cursor: pointer;
}

.p15 {
    padding: 15px;
}
/*========== 账户一览 ==========*/
.account ul {display:block; width:100%; padding-top:20px;}
.account ul li {display:inline-block;width:180px;height:100px;padding:18px;color:#fff;margin-right:30px;background:url(/images/media/bg-billList.png) left top no-repeat;}
.account ul li.ye {background-position:0 0;}
.account ul li.dk {background-position:0 -100px;}
.account ul li.ze {background-position:0 -200px;}
.account ul li span {display:block; font-size:1.2em; margin-bottom:5px;}
.account ul li font {font-size:2em;}
.account ul li font:hover {color:#f66;}
.space20{
    display: block;
    width: 100%;
    height: 20px;
    background: #f5f7fa;
}
.refresh {
    cursor: pointer;
    width: 24px;
    height: 24px;
    background: url(/images/icon-refresh.png) center no-repeat;
    background-size: 100% 100%;
}

.re {
    animation: refresh .9s ease infinite;
    -moz-animation: refresh .9s ease infinite;
    -webkit-animation: refresh .9s ease infinite;
    -o-animation: refresh .9s ease infinite;
}

@keyframes refresh {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes refresh {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
