.bottom{
    width: 100%;
    box-sizing: border-box;
    background: #f2f1f6;
    height:calc(100vh - 88rpx);
    margin-top: 88rpx;
  }
  .header_list{
    width:100vw;
    height: 88rpx;
    box-sizing: border-box;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: space-around;
    z-index: 9;
    background: white;
  }
  
  .header_list text{
    flex: 1;
    height: 100%;
    size: 26rpx;
    color: #666666;
    line-height: 84rpx;
    text-align: center;
    position: relative;
  }
  
  .header_list .active{
    color: #3476FE;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  
  .header_list .active::after{
    flex-shrink: 0;
    display: inline-block;
    content: '';
    width: 72rpx;
    height: 4rpx;
    background: #3476FE;
    position: relative;
    z-index: 100;
  }
  
  .header_list .dot::before{
    display: inline-block;
    content: '';
    width: 16rpx;
    height: 16rpx;
    background-color: red;
    border-radius: 50%;
    position: absolute;
    top: 20rpx;
    right: 12rpx;
  }
  .bottom_tip{
    width: 100%;
    height: 100rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999999;
    font-size: 26rpx;
  }
  .box{
    width: 100%;
    height: 700rpx;
  
    display: flex;
    flex-direction: column;
    align-items: center;
  
  }
  
  .box image{
    width: 302rpx;
    height: 242rpx;
    margin-top: 120rpx;
  }
  
  .box text{
    font-size: 28rpx;
    color: #999999;
    margin: 38rpx auto 24rpx;
  }
  
  .box .jump{
    padding: 12rpx 64rpx;
    color: white;
    background: #3476FE;
    border-radius: 30rpx;
    margin: 0;
    font-size: 28rpx;
  }
  .lack_currency {
    width: 488rpx;
  }