.character-detail{
    width: 100%;
    height: 16.15rem;
    display: none;
    position: relative;
}

.character-detail.block{
    display: block;
}

.character-name{
    position: absolute;
    font-size: 0.8rem;
    font-weight: bold;
    color: #45220e;
    top: 10rem;
    left: 0.5rem;
}

.character-info{
    width: 6.5rem;
    height: 2.8rem;
    font-size: 0.3rem;
    color: #563431;
    white-space: pre-line;
    overflow: auto;
    position: absolute;
    top: 11.5rem;
    left: 0.5rem;
}

.character-icon{
    width: 6rem;
    position: absolute;
    top: 15.3rem;
    left: 50%;
    transform: translate(-50%,-50%);
}

.swiper-slide img{  
  width: 1.07rem;
  height: 1.16rem;
  cursor: pointer;
}

.icon-prev,
.icon-next {
  width: 0.53rem;
  height: 0.53rem;
  position: absolute;
  top: 0.3rem;
  z-index: 2;
}

.icon-prev {
  left: -0.65rem;
}

.icon-next {
  right: -0.6rem;
}