html {
    font-size: 13.333333vw;
}

body {
    font-size: .24rem;
    font-family: system-ui,-apple-system,Segoe UI,Rototo,Helvetica,Arial,sans-serif;
}

.toastr {
    position: fixed;
    font-size: .24rem;
    padding: .2rem;
    max-width: 50vw;
    border-radius: .1rem;
    color: white;
    text-align: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0,0,0,.7);
    z-index: 10000;
}

/* 自定义垂直滚动条 */
.vertical-scrollbar {
    overflow-x: hidden;
//overflow-y: scroll;
    overflow-y: auto;
}
/* 自定义滚动条 */
/* width */
.vertical-scrollbar::-webkit-scrollbar {
    width: 5px;
}
/* Track */
.vertical-scrollbar::-webkit-scrollbar-track {
    background: #E0E0E0;
    border-radius: 5px;
}
/* Handle */
.vertical-scrollbar::-webkit-scrollbar-thumb {
    background: #C5C5C5;
    border-radius: 5px;
}
/* Handle on hover */
.vertical-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #CCC;
}

/* 自定义水平滚动条 */
.horizontal-scrollbar {
//overflow-x: scroll;
    overflow-x: auto;
    overflow-y: hidden;
}
/* 自定义滚动条 */
/* width */
.horizontal-scrollbar::-webkit-scrollbar {
    height: 5px;
}
/* Track */
.horizontal-scrollbar::-webkit-scrollbar-track {
    background: #E0E0E0;
    border-radius: 5px;
}
/* Handle */
.horizontal-scrollbar::-webkit-scrollbar-thumb {
    background: #C5C5C5;
    border-radius: 5px;
}
/* Handle on hover */
.horizontal-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #CCC;
}