* {
    font-family: 'Arial', 'Microsoft YaHei', '黑体', '宋体', sans-serif;
}

/* 统一滚动条样式 */
*::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 8px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 8px;
    /* scrollbar-arrow-color:red; */
}

*::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    /* border-radius: 5px; */
    box-shadow: inset 0 0 5px rgba(255, 254, 254, 0.466);
    background: rgba(255, 255, 255, 0.205);
    /* scrollbar-arrow-color:red; */
}

*::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow: inset 0 0 5px rgba(99, 99, 99, 0.315);
    border-radius: 0;
    border-radius: 0;
    background: rgba(112, 112, 112, 0.11);
}

/* 颜色 */
.epic {
    color: #c6a007 !important;
}

.common {
    color: #959595 !important;
}

.heroic {
    color: #9600ff !important;
}

.legendary {
    color: #40b795 !important;
}

.rare {
    color: #399aff !important;
}

.dM2::before {
    content: attr(data-season);
    font-size: 16px;
    margin: 0 2px;
}

.unique::after {
    content: '✷';
    /* background-image       : attr(data-event); */
    /* background-repeat      : no-repeat;
        background-size       : auto 100%;
        background-position   : center; */
    /* margin-left            : .2vw; */
    /* width                  : .8vw; */
    /* display                : inline-block;
    margin                    : 0 2px; */
    /* height                 : .8vw; */
    font-size: inherit;
}

/* battlepass */
.battlepass::after {
    content: '';
    background-image: url('https://fhimg.959500.xyz/svg/battlepass.svg');
    font-size: 16px;
    /* color           : #40b795; */
    /* background-color: #40b795; */
    width: 16px;
    display: inline-block;
    vertical-align: middle;
    height: 16px;
    margin: 0 2px;
    background-repeat: no-repeat;
    background-position: center;
    /* font-size       : 16px; */
}

.event {
    overflow: hidden;
    background-size: 16px;
}

.event::after {
    content: '';
    background-image: url('https://fhimg.959500.xyz/svg/event.svg');
    font-size: 16px;
    /* background-size : 100%; */
    background-repeat: no-repeat;
    background-position: center;
    /* margin-left     : .2vw; */
    /* display         : inline-block; */
    width: 16px;
    margin: 0 2px;
    display: inline-block;
    height: 16px;
    /* font-size       : 16px; */
}

/* 图标 */
.eye {
    background-image: url('/svg/eye.svg');
}

.mail {
    background-image: url('/svg/mail.svg');
}

.search {
    background-image: url('/svg/search.svg');
}

.unlock {
    background-image: url('/svg/unlock.svg');
}

.user-plus {
    background-image: url('/svg/user-plus.svg');
}

.upload {
    background-image: url('/svg/upload.svg');
}

.union {
    background-image: url('/svg/union.svg');
}
.logo {
    background-image: url('/svg/logo.svg');
}