/* 主题样式 */
main {
    flex: 1;
}

/* 遮罩样式 */
.Mask {
    position: absolute;
    width: 30rem;
    height: 100%;
    right: 0;
    top: 0;
    background-color: #fff;
    display: none;
    padding: 2rem;
    text-align: right;
}

.Mask>img {
    cursor: pointer;
    margin-bottom: 1rem;
}

.Mask ul {
    text-align: left;
    width: 100%;
}

.Mask ul li {
    color: #7F7F7F;
    font-size: 1.5rem;
    margin-bottom: 1rem;
    cursor: pointer;
}

.Mask ul li.Mask-actiive{
color: #000;
}
.Mask ul li:hover {
    color: #000;
}


/* 动画 */
@keyframes Mask-open-width {
    0% {
        width: 0rem;
    }

    50% {
        width: 15rem;
    }

    100% {
        width: 30rem;
    }
}
@keyframes Mask-close-width {
    0% {
        width: 30rem;
    }

    50% {
        width: 15rem;
    }

    100% {
        width: 0rem;
    }
}