@font-face {
    font-family: "UnidreamLED";
    src: url(../../visualScreenImg/font/UnidreamLED.eot); /***兼容ie9***/
    src: url(../../visualScreenImg/font/UnidreamLED.eot?#iefix) format("embedded-opentype"),
    /***兼容ie6-ie8***/ url("../../visualScreenImg/font/UnidreamLED.woff") format("woff"), local("UnidreamLED"), url("../../visualScreenImg/font/UnidreamLED.woff"); /***默认使用本地的***/
}

@keyframes glow {

    from {
        box-shadow: 0 0 20px #fff, 0 0 20px #fff;
    }

    to {
        box-shadow: 0 0 20px #0095fbc2, 0 0 50px #0095fbc2;
    }
}


@keyframes center1 {
    0% {
        transform: rotate(0deg);
    }

    10% {
        transform: rotate(120deg);
    }

    20% {
        transform: rotate(60deg);
    }

    40% {
        transform: rotate(240deg);
    }

    60% {
        transform: rotate(120deg);
    }

    80% {
        transform: rotate(360deg);
    }

    90% {
        transform: rotate(180deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@keyframes border1 {
    0% {
        transform: rotate(0deg);
    }

    30% {
        transform: rotate(108deg) scale(0.9);
    }

    60% {
        transform: rotate(216deg) scale(1.1);
    }

    100% {
        transform: rotate(360deg);
    }
}


@keyframes backgroundMove {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@keyframes total_frames {
    0% {
        box-shadow: 0 0 20px #fff; /* 初始状态 */
    }

    50% {
        box-shadow: 0 0 20px #00f; /* 中间状态，颜色改变 */
    }

    100% {
        box-shadow: 0 0 20px #fff; /* 返回初始状态 */
    }
}

@keyframes progressRotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


@keyframes shake {
    0%, 100% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-5px);
    }

    50% {
        transform: translateX(5px);
    }

    75% {
        transform: translateX(-5px);
    }
}

.responsive-text {
    font-size: 12px;
}


/**  自适应字体大小   **/
@media (max-width: 599px) {
    .heads h3 {
        font-size: 22px !important;
    }

    .single_tb .dx-datagrid .dx-row > td {
        font-size: 12px !important;
    }

    .single_tb .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
        font-size: 14px !important;
        line-height: 16px !important;
    }
}

@media (min-width: 600px) and (max-width: 768px) {
    .heads h3 {
        font-size: 24px;
    }

    .single_tb .dx-datagrid .dx-row > td {
        font-size: 14px !important;
    }

    .single_tb .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
        font-size: 16px !important;
        line-height: 18px !important;
    }
}

@media (min-width: 769px) {
    .heads h3 {
        font-size: 26px;
    }

    .single_tb .dx-datagrid .dx-row > td {
        font-size: 16px !important;
    }

    .single_tb .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
        font-size: 18px !important;
        line-height: 20px !important;
    }
}

@media (min-width: 1920px) {
    .heads h3 {
        font-size: 30px;
    }

    .single_tb .dx-datagrid .dx-row > td {
        font-size: 20px !important;
    }

    .single_tb .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
        font-size: 22px !important;
        line-height: 24px !important;
    }
}

@media (min-width: 2560px) {
    .heads h3 {
        font-size: 36px;
    }

    .single_tb .dx-datagrid .dx-row > td {
        font-size: 30px !important;
    }

    .single_tb .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
        font-size: 32px !important;
        line-height: 34px !important;
    }
}