@import "base.css";
@import "page.css";
@import "responsive.css";

.width-043 {
    width: 43% !important;
}
.width-019 {
    width: 19% !important;
}

.background-red {
    background-color: rgba(188,25,46, 0.8) !important;
}

/* 摇动 */
@keyframes shake {
    0% {
        transform: rotate(0);
    }
    25% {
        transform: rotate(10deg);
    }
    50% {
        transform: rotate(0);
    }
    75% {
        transform: rotate(-10deg);
    }
    100% {
        transform: rotate(0);
    }
}

/* 扭动 */
@keyframes twist {
    0% {
        transform: skew(0);
    }
    25% {
        transform: skew(10deg);
    }
    50% {
        transform: skew(0);
    }
    75% {
        transform: skew(-10deg);
    }
    100% {
        transform: skew(0);
    }
}


@keyframes arrowX {
    0%, 10% {
        opacity: 0;
        transform: translate(0, 0px);
    }
    50% {
        opacity: 1;
        transform: translate(10px, 0)
    }
    100% {
        opacity: 0.3;
        transform: translate(20px, 0)
    }
}

/*animation: shake 1s infinite;  无限次重复动画 */

/*

.zone-box {

}

.zone-header {

}

.zone-header .zone-title {

}

.zone-header .zone-summary {

}

.zone-container {

}

.zone-container .zone-body {

}

.zone-footer {

}

.zone-block {

}

.zone-list {

}

.zone-list .zone-item {

}


.zone-left {

}

.zone-middle {

}

.zone-right {

}


.zone-top {

}

.zone-middle {

}

.zone-bottom {

}
*/