<!--HTML-->
<div class="html_thems-wrapper">
   <div class="html_thems-header">
      <div class="html_thems-title"><span>сувенирная лавка</span></div>
      <div class="html_thems-desc">заберите моих хомяков и дайте мне это!</div>
   </div>
   <div class="html_thems-container_wrapper2">
      <div class="bank_button active">банк</div>
      <div class="bank_section-wrapper showme bank-main">
         <div class="bank_container obtain">
            <h5 class="bank_header">заработать</h5>
            <div class="bank_inner">
               <ul class="bank_list">
                  <li><b>за регистрацию (начисляется автоматически)</b> — 100</li>
                  <li><b>каждые 100 сообщений</b> — 50</li>
                  <li><b>каждые 100 репутации</b> — 30</li>
                  <li><b>каждые 100 позитива</b> — 30</li>
                  <li><b>игровой пост до 3к символов</b> — 50</li>
                  <li><b>каждая тысяча символом свыше</b> — 15</li>
                  <li><b>ответ в течении суток</b> — 20</li>
                  <li><b>открытие эпизода (при наличии 1 поста от каждого) </b> — 15</li>
                  <li><b>завершенный эпизод</b> — 50</li>
                  <li><b>каждые 5 постов в социальной сети</b> — 30</li>
                  <li><b>участие в квесте</b> — 500</li>
                  <li><b>забрать из «хочу к вам»</b> — 100</li>
                  <li><b>написать заявку в «нужные персонажи»</b> — 20</li>
                  <li><b>написать заявку в «хочу видеть»</b> — 10</li>
                  <li><b>попадание в таблицу (за каждую номинацию)</b> — 50</li>
                  <li><b>графический подарок игроку</b> — 50</li>
                  <li><b>каждые 10 взаимных реклам</b> — 20</li>
                  <li><b>баннер на рено в подписи</b> — 100 еженедельно</li>
                  <li><b>каждое выполненное достижение</b> — 50</li>
               </ul>
            </div>
         </div>
         <div class="bank_container spend">
            <h5 class="bank_header">потратить</h5>
            <div class="bank_inner">
               <ul class="bank_list">
                  <li><b>фон и плашка из галереи</b> — 100</li>
                  <li><b>индивидуальная плашка или фон</b> — 400</li>
                  <li><b>вторая роль</b> — бесплатно</li>
                  <li><b>третья роль и последующие</b> — 1000</li>
                  <li><b>выкуп внешности на месяц</b> — 700</li>
                  <li><b>выкуп внешности для нужного бессрочно</b> — 1200</li>
                  <li><b>создание рекламы с вашим нужным и 50 реклам</b> — 1500</li>
                  <li><b>защита от чистки</b> — 3000</li>
               </ul>
            </div>
         </div>
      </div>
      <div class="bank_button">украшения</div>
      <div class="bank_section-wrapper decorations-statics">
         <div class="bank_container bank_bgs">
            <h5 class="bank_header">фоны</h5>
            <div class="bank_inner">
               <ul class="bank_list">
                  <li><img src="https://forumupload.ru/uploads/001b/ae/ef/2/224358.png"></li>
                  <li><img src="https://forumupload.ru/uploads/001b/ae/ef/2/525592.png"></li>
                  <li><img src="https://forumupload.ru/uploads/001b/ae/ef/2/690247.png"></li>
                  <li><img src="https://forumupload.ru/uploads/001b/ae/ef/2/59015.png"></li>
                  <li><img src="https://forumupload.ru/uploads/001b/ae/ef/2/518010.png"></li>
                  <li><img src="https://forumupload.ru/uploads/001b/ae/ef/2/39027.png"></li>
                  <li><img src="https://forumupload.ru/uploads/001b/ae/ef/2/144243.png"></li>
                  <li><img src="https://forumupload.ru/uploads/001b/ae/ef/2/940088.png"></li>
                  <li><img src="https://forumupload.ru/uploads/001b/ae/ef/2/44846.png"></li>
                  <li><img src="https://forumupload.ru/uploads/001b/ae/ef/2/833119.png"></li>
                  <li><img src="https://forumupload.ru/uploads/001b/ae/ef/2/573796.png"></li>
                  <li><img src="https://forumupload.ru/uploads/001b/ae/ef/2/580157.png"></li>
                  <li><img src="https://forumupload.ru/uploads/001b/ae/ef/2/359149.png"></li>
                  <li><img src="https://forumupload.ru/uploads/001b/ae/ef/2/571378.png"></li>
                  <li><img src="https://forumupload.ru/uploads/001b/ae/ef/2/413975.png"></li>
                  <li><img src="https://forumupload.ru/uploads/001b/ae/ef/2/560055.png"></li>
                  <li><img src="https://forumupload.ru/uploads/001c/74/92/3/905710.png"></li>
                  <li><img src="https://forumupload.ru/uploads/001c/74/92/3/600091.png"></li>
                  <li><img src="https://forumupload.ru/uploads/001c/74/92/3/483776.png"></li>
                  <li><img src="https://forumupload.ru/uploads/001c/74/92/3/583457.png"></li>
                  <li><img src="https://forumupload.ru/uploads/001c/74/92/3/610034.png"></li>
                  <li><img src="https://forumupload.ru/uploads/001c/74/92/3/932438.png"></li>
                  <li><img src="https://forumupload.ru/uploads/001c/74/92/3/609182.png"></li>

               </ul>
               <div class="bank_cost_alter">стоимость: 100 хомяков</div>
            </div>
         </div>
         <div class="bank_container bank_banners">
            <h5 class="bank_header">плашки</h5>
            <div class="bank_inner">
               <ul class="bank_list">
                  <li>
<div class="personal_banner" style="background: #686d6b"><span>ваш заголовок<br>текст</span></div>
                  </li>
                  <li>
<div class="personal_banner" style="background: #9a3d35"><span>ваш заголовок<br>текст</span></div>
                  </li>
                  <li>
<div class="personal_banner" style="background: #c6bdb1"><span>ваш заголовок<br>текст</span></div>
                  </li>
                  <li>
<div class="personal_banner" style="background: #a3c0d3"><span>ваш заголовок<br>текст</span></div>
                  </li>
                  <li>
<div class="personal_banner" style="background: #a29991"><span>ваш заголовок<br>текст</span></div>
                  </li>
                  <li>
<div class="personal_banner" style="background: #c08c65"><span>ваш заголовок<br>текст</span></div>
                  </li>
                  <li>
<div class="personal_banner" style="background: #8790b5"><span>ваш заголовок<br>текст</span></div>
                  </li>
                  <li>
<div class="personal_banner" style="background: #2c3547"><span>ваш заголовок<br>текст</span></div>
                  </li>
                  <li>
<div class="personal_banner" style="background: #666932"><span>ваш заголовок<br>текст</span></div>
                  </li>
                  <li>
<div class="personal_banner" style="background: #151413"><span>ваш заголовок<br>текст</span></div>
                  </li>
                  <li>
<div class="personal_banner" style="background: #7c725a"><span>ваш заголовок<br>текст</span></div>
                  </li>
                  <li>
<div class="personal_banner" style="background: #82807c"><span>ваш заголовок<br>текст</span></div>
                  </li>
                  <li>
<div class="personal_banner" style="background: #4e749c"><span>ваш заголовок<br>текст</span></div>
                  </li>
                  <li>
<div class="personal_banner" style="background: #738c65"><span>ваш заголовок<br>текст</span></div>
                  </li>
                  <li>
<div class="personal_banner" style="background: #5e686d"><span>ваш заголовок<br>текст</span></div>
                  </li>
                  <li>
<div class="personal_banner" style="background: #c7c7c7"><span>ваш заголовок<br>текст</span></div>
                  </li>
                  <li>
<div class="personal_banner" style="background: #898481"><span>ваш заголовок<br>текст</span></div>
                  </li>
                  <li>
<div class="personal_banner" style="background: #a6a8a7"><span>ваш заголовок<br>текст</span></div>
                  </li>
                  <li>
<div class="personal_banner" style="background: #59646a"><span>ваш заголовок<br>текст</span></div>
                  </li>
                  <li>
<div class="personal_banner" style="background: #dfc8b8"><span>ваш заголовок<br>текст</span></div>
                  </li>
                  <li>
<div class="personal_banner" style="background: #383448"><span>ваш заголовок<br>текст</span></div>
                  </li>
                  <li>
<div class="personal_banner" style="background: #ce8797"><span>ваш заголовок<br>текст</span></div>
                  </li>
                  <li>
<div class="personal_banner" style="background: #dea884"><span>ваш заголовок<br>текст</span></div>
                  </li>
                  <li>
<div class="personal_banner" style="background: #798494"><span>ваш заголовок<br>текст</span></div>
                  </li>
               </ul>
               <div class="bank_cost_alter">стоимость: 100 хомяков</div>
            </div>
         </div>
      </div>
   </div>
</div>
<script>
$('.bank_button').each(function() {
    $(this).on('click', function() { $('.bank_button').not($(this)).next().removeClass('showme');
      $(this).next().toggleClass('showme'); 
    });
  });
$('.bank_button').click(function() {  
    $('.bank_button').not(this).removeClass('active');
    $(this).toggleClass('active');
});
</script>