.details {
    margin-top: 2%;
    min-height: 300px;
}
.details-item {
    min-height: 300px;
}
.title-item {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 3%;
}
.info-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 5%;
    font-size: 15px;
}
.info-label {
    font-size: 12px;
    font-weight: bold;
}
.info-class {
    margin-right: 2%;
}
.info-name {
    margin-right: 2%;
}
.info-type {
    margin-right: 2%;
}
.details-item {
    text-align: center;
}
.details-item-link {
    font-size: 16px;
}
.details-item-link a:hover {
    color: #ff4b68;
}
.details-item-img {
    margin: 2%;
}
.details-item-img a {
    font-size: 16px;
    color: #0F6BD6;
}
.float-area {
    position: fixed;
    bottom: 10%;
    right: 5%;
}
.float-item {
    border: 1px solid #bbb;
}
.float-item-top {
    font-size: 50px;
    color: #0C0C0C;
}
.float-item-top:hover {
    color: #ff4b68;
}