.items_block {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 349px;
  height: 500px;
  margin: 0 auto;
}

.items_block .character_wrapper {
  position: relative;
  width: 100%;
  flex: 1;
}

.items_block .location_background {
  position: absolute;
  top: 46px;
  left: 48px;
  width: 260px;
  height: 400px;
  background: url(/img/char_info/location_colosseum.png) no-repeat 0 0;
}

.items_block .icon_container {
  position: absolute;
  z-index: 1;
  bottom: 106px;
  left: calc(50% - 100px);
  width: 200px;
  height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.items_block .icon_container .icon {
  width: 100%;
  height: 100%;
  object-fit: contain;
}


.items_block .hp1 {
  position: absolute;
  z-index: 2;
  top: 31px;
  left: 19px;
  color: #e18a8a;
  font-size: 9px;
}

.items_block .hp2 {
  position: absolute;
  z-index: 2;
  top: 31px;
  left: 275px;
  color: #e18a8a;
  font-size: 9px;
}

.life_status {
  position: absolute;
  top: 28px;
  left: 5px;
  width: 343px;
  height: 192px;
  background: url(/img/char_info/character_items_slots_topinfo.png) no-repeat 0 0;
}

.inner_life {
  position: absolute;
  left: -8px;
  bottom: 14px;
  width: 357px;
  height: 150px;
  background: url(/img/interface/inner_left.gif) no-repeat left bottom;
}

.block_item {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 349px;
  height: 500px;
  background: url(/img/char_info/character_items_slots.png) no-repeat 0 0;
}

.items_block .nick_block {
  position: absolute;
  z-index: 1;
  top: 36px;
  left: 97px;
  width: 160px;
  height: 25px;
  overflow: hidden;
  font-weight: bold;
  font-size: 14px;
  color: #351d03;
  line-height: 25px;
}

.block_item .slot {
  position: absolute;
  z-index: 3;
  overflow: hidden;
}

.block_item .slot .item_container {
  width: 100%;
  height: 100%;
}

.block_item .slot .item_bg {
  width: 100%;
  height: 100%;
}

.block_item .slot .item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.block_item .slot1 {
  top: 17px;
  left: 150px;
  width: 55px;
  height: 55px;
}

.block_item .slot2 {
  top: 83px;
  left: 145px;
  width: 65px;
  height: 27px;
}

.block_item .slot3 {
  top: 78px;
  left: 46px;
  width: 55px;
  height: 55px;
}

.block_item .slot4 {
  top: 78px;
  left: 256px;
  width: 55px;
  height: 55px;
}

.block_item .slot5 {
  top: 151px;
  left: 23px;
  width: 55px;
  height: 100px;
}

.block_item .slot6 {
  top: 151px;
  left: 276px;
  width: 55px;
  height: 100px;
}

.block_item .slot7 {
  top: 280px;
  left: 23px;
  width: 55px;
  height: 70px;
}

.block_item .slot8 {
  top: 280px;
  left: 276px;
  width: 55px;
  height: 70px;
}

.block_item .slot9 {
  top: 368px;
  left: 46px;
  width: 55px;
  height: 55px;
}

.block_item .slot10 {
  top: 368px;
  left: 256px;
  width: 55px;
  height: 55px;
}

.block_item .slot11 {
  top: 389px;
  left: 145px;
  width: 65px;
  height: 27px;
}

.block_item .slot12 {
  top: 427px;
  left: 150px;
  width: 55px;
  height: 55px;
}