a:link {
    color: #000000;
    text-decoration: none;
}

.btn-outline-danger {
    color: #998675;
    border-color: #998675;
    border-radius: 0px !important;
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #de8a10;
    border-color: #de8a10
}

.btn-outline-danger.focus,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #de8a10;
    border-color: #de8a10
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.border {
    border: 1px solid #998675;
}

.radius {
    border-radius: 5px;
}

.btn-pink {
    padding: 4px 12px;
    font-size: 12px;
    border-radius: 5px;
    color: #fff;
    background-color: #fc427b;
}

.flash {
    color: #bb1224;
    font-weight: bold !important;
    animation: blink 2s linear infinite;
    /* 其它浏览器兼容性前缀 */
    -webkit-animation: blink 2s linear infinite;
    -moz-animation: blink 2s linear infinite;
    -ms-animation: blink 2s linear infinite;
    -o-animation: blink 2s linear infinite;
}

.flash-new {
    color: #222;
    font-weight: bold !important;
    animation: blink 2s linear infinite;
    /* 其它浏览器兼容性前缀 */
    -webkit-animation: blink 2s linear infinite;
    -moz-animation: blink 2s linear infinite;
    -ms-animation: blink 2s linear infinite;
    -o-animation: blink 2s linear infinite;
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/* 添加兼容性前缀 */
@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes blink {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-ms-keyframes blink {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes blink {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

table,
td,
th {
    border: 1px solid black;
    border-collapse: collapse;
    font-size: 20px;
    padding: 5px 20px;
}

@media (max-width: 1368px) {
    .card {
        width: 8rem !important;
    }
}

@media (max-width: 1180px) {
    .flash {
        font-size: 14px !important;
    }
}

@media (max-width: 1024px) {
    .card {
        width: 7.5rem !important;
    }

    table,
    tr,
    td {
        font-size: 18px;
        padding: 5px 5px;
    }
}

@media (max-width: 768px) {
    .card {
        width: 8rem !important;
    }

    .flash {
        font-size: 16px;
    }
}

@media (max-width: 414px) {
    table,
    td,
    th {
        font-size: 12px;
        padding: 5px 5px;
    }

    .flash {
        font-size: 12px !important;
    }
}