.mainPage{
  .top{
    align-items: center;
    margin-top: .18rem;
    position: relative;
    background: #fff;
    z-index: 3;
    >span{
      font-size: .12rem;
      color: #fc6243;
      margin-right: .2rem;
      margin-left: .2rem;
      em{
        font-size: .32rem;
        font-weight: bolder;
        color: #fc6243;
      }
    }
    >div{
      margin-right: .2rem;
      >div{
        width: 100%;
        position: relative;
        overflow: hidden;
        >span{
          width: 100%;
          display: block;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          line-height: .22rem;
          font-size: .12rem;
          color: #666;
          &:first-child{
            line-height: .28rem;
            font-size: .15rem;
            color: #333;
          }
        }
      }
    }
  }
  .numList{
    padding: .25rem .2rem .05rem;
    position: relative;
    z-index: 2;
    background: #fff;
    box-shadow: 0 0 .1rem .02rem rgba(0, 0, 0, .05);
    >li{
      >div{
        width: 100%;
        position: relative;
        overflow: hidden;
        >span{
          width: 100%;
          display: block;
          text-align: center;
          line-height: .22rem;
          font-size: .12rem;
          color: #fc6243;
          &:first-child{
            line-height: .2rem;
            color: #666;
          }
        }
      }
    }
  }
  >.flex-item{
    >div{
      width: 100%;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      overflow: hidden;
      >div{
        padding: 0 .2rem;
        position: relative;
        height: 100%;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        transform: translateZ(0);
        -webkit-transform: translateZ(0);
        ul{
          margin: .2rem auto 0;
          li{
            border-top: .01rem solid #eee;
            &:first-child{
              border: none;
            }
            span{
              line-height: .34rem;
              font-size: .12rem;
              text-align: center;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            }
            >span{
              min-width: 1rem;
              &:last-child{
                color: #fc6243;
              }
            }
            &:first-child{
              >span:last-child{
                color: #333;
              }
            }
            >div{
              >div{
                width: 100%;
                position: relative;
                overflow: hidden;
                span{
                  width: 100%;
                  display: block;
                }
              }
            }
          }
        }
      }
    }
  }
}