@media (max-width: 992px) {
    .controller-home .ann {
        height: 50px;
        background: transparent;
        overflow:hidden;
    }

    .controller-home .ann li {
        float: left;
        margin-right: 10px;
    }

    .controller-home .ann li.title {
        font-size: 13px;
        color: rgba(0, 0, 0, 0.6);
    }

    .controller-home .ann li span {
        margin-right: 5px;
        color: rgba(0, 0, 0, 0.4);
        font-size: 13px;
    }

    .controller-home .ann li a {
        color: #2f90c6;
        font-size: 13px;
    }


    .controller-home .survey li {

        width: 50%;
        float: left;
        background: #ccc;
        padding: 5px 10px;
        text-align: center;
        color: rgba(255, 255, 255, 0.8);
    }

    .controller-home .survey li.user {
        background: #5cb85c;
    }

    .controller-home .survey li.plan {
        background: #337ab7;
    }

    .controller-home .survey li.product {
        background: #5bc0de;
    }

    .controller-home .survey li.thread {
        background: #f2a941;
    }

    .controller-home .survey li.user-today {
        background: #3eaf3e;
    }

    .controller-home .survey li.plan-today {
        background: #1d6cb0;
    }

    .controller-home .survey li.product-today {
        background: #38b1d5;
    }

    .controller-home .survey li.thread-today {
        background: #c78323;
    }

    .controller-home .survey li .number {
        font-size: 16px;
    }

    .controller-home .survey li .description {
        font-size: 13px;
    }

    .controller-home .system {
        padding: 10px;
    }

    .controller-home .system li {
        height: 36px;
        line-height: 36px;
    }

    .controller-home .system li span {
        font-size: 13px;
        width: 140px;
        display: inline-block;
    }

    .controller-home .system li b {
        font-size: 13px;
        font-weight: normal;
    }
}
@media (min-width: 992px) {
    .controller-home .ann {
        height: 50px;
        background: transparent;
        overflow:hidden;
    }

    .controller-home .ann li {
        float: left;
        margin-right: 20px;
    }

    .controller-home .ann li.title {
        font-size: 15px;
        color: rgba(0, 0, 0, 0.6);
    }

    .controller-home .ann li span {
        margin-right: 5px;
        color: rgba(0, 0, 0, 0.4);
        font-size: 14px;
    }

    .controller-home .ann li a {
        color: #2f90c6;
        font-size: 14px;
    }

    .controller-home .survey li {
        width: 33%;
        float: left;
        background: #ccc;
        padding: 5px 10px;
        text-align: center;
        color: rgba(255, 255, 255, 0.8);
    }

    .controller-home .survey li.user {
        background: #5cb85c;
    }

    .controller-home .survey li.plan {
        background: #337ab7;
    }

    .controller-home .survey li.product {
        background: #5bc0de;
    }

    .controller-home .survey li.thread {
        background: #5cb85c;
    }

    .controller-home .survey li.user-today {
        background: #337ab7;
    }

    .controller-home .survey li.plan-today {
        background: #5bc0de;
    }

    .controller-home .survey li.product-today {
        background: #38b1d5;
    }

    .controller-home .survey li.thread-today {
        background: #c78323;
    }

    .controller-home .survey li .number {
        font-size: 28px;
    }

    .controller-home .survey li .description {
        font-size: 14px;
    }

    .controller-home .system {
        padding: 10px;
    }

    .controller-home .system li {
        width: 50%;
        float: left;
        height: 36px;
        line-height: 36px;
    }

    .controller-home .system li span {
        font-size: 13px;
        width: 140px;
        display: inline-block;
    }

    .controller-home .system li b {
        font-size: 13px;
        font-weight: normal;
    }
}