iOS9页面不兼容，找到原因但是无法解决，求各位大佬看看

ios9以下的版本不可以使用display：flex布局的align-items：flex-end进行显示div， 但在ios9中不支持flex弹性布局， 我想要div也按照flex-end的位置进行显示 怎么做
这是正常的样式：

这是在iOS9中的样式：

<div class="shoplist-search" >

 <div class="shoplist-search-classify">

 <div class="shoplist-cl-list">

 <p>服务</p >

 <ul>

  <li>
   <span >包邮</span>
  </li>

  <li>
   <span >包退</span>
  </li>
 
  <li>
   <span >分享</span>
  </li>
 
  <li>
   <span >保真</span>
  </li>
 
 </ul>
 </div>
 
 <div class="shoplist-cl-list">
  <p>性质</p >
  <ul>
   <li>
    <span >裸币</span>
   </li>
   <li>
    <span >评级币</span>
   </li>
  </ul>
  </div>
 </div>
 <div class="shoplist-search-bottom">
 <div class="shoplist-search-btn">
 <p>重置</p >
 <p>确定</p >
 </div>
 </div>
</div>

CSS

.shoplist-search {
width: 70%;
position: fixed;
background: #fff;
display: flex;
top: 0;
flex-direction: column;
align-items: center;
height: 100%;
z-index: 100;
max-width: 448px;
}

动画

    transition: all 0.5s !important;
}

.right-enter, .right-leave-to {
    margin-left: 100% !important;
}

.right-enter-to, .right-leave {
    margin-left: 0 !important;
}