/*
*反转文本色调
*/
.mask {
    background-color: rgba(33, 37, 41, 0.68);
    border-color: rgba(33, 37, 41, 0.68);
    cursor: pointer;
    opacity: 0;
}

.card:hover .mask {
    opacity: 1;
}
.absolute-2 {
    top: 0.5rem;
    left: 0.5rem;
    right: 0.5rem;
    bottom: 0.5rem;
}

@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none) {
    .absolute-2 {
        bottom:1.5rem;
    }　　　
}

.light-black {
    background-color: #2c2c2c;
    border-color: #2c2c2c;
    top:auto;
    opacity: 0;
}

.card:hover .light-black {
    opacity: 1;
}
/*
*bootstrap 部分栅格系统重置
*/

.card-deck {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.card-deck .card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
}

.col-6 {
    -ms-flex: 0 0 50% !important;
    flex: 0 0 50% !important;
    max-width: 50%;
}

@media (min-width: 768px) {
    .col-md-3 {
        -ms-flex: 0 0 25% !important;
        flex: 0 0 25% !important;
        max-width: 25%;
    }
}