* {
    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.forhonor.link/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.forhonor.link/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');
}