
.mainPage{
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  background: #fff;
}

img.title{
  width: 2rem;
  display: block;
  margin: .44rem auto 0;
}

.userInfo{
  margin: .2rem auto 0;
}

.userInfo>div{
  font-size: 0;
  white-space: nowrap;
}

.userInfo>div:nth-child(1){
  margin-left: .38rem;
}

.userInfo>div>span{
  font-size: .14rem;
}

.userInfo>div:nth-child(2){
  margin-right: .38rem;
}

.userInfo>div>span:nth-child(1){
  font-weight: bold;
  margin-right: .05rem;
}

ul{
  width: 100%;
  position: relative;
  overflow: visible;
  box-sizing: border-box;
  border-left: .2rem solid transparent;
  border-right: .2rem solid transparent;
}

ul>li{
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: .04rem;
  box-shadow: 0 0 .02rem .02rem rgba(0, 0, 0, .03);
  margin-top: .2rem;
  padding: .12rem 0;
  align-items: center;
}

ul>li>i{
  font-size: .15rem;
  color: #e0e0e0;
  margin-right: .14rem;
}

ul>li>div{
  margin-left: .14rem;
  margin-right: .14rem;
}

ul>li>div>*{
  width: 100%;
  display: block;
  line-height: .2rem;
  font-size: .13rem;
}

ul>li>div>h1{
  line-height: .22rem;
  font-size: .17rem;
  margin-bottom: .1rem;
}

.mainPage .tip{
  width: 100%;
  display: block;
  box-sizing: border-box;
  border-left: .2rem solid transparent;
  border-right: .2rem solid transparent;
  line-height: .2rem;
  margin-top: .2rem;
  font-size: .15rem;
  margin-bottom: .2rem;
}

.mainPage .nodata {
  margin: .5rem .2rem;
  text-align: center;
}

.mainPage .view-report {
  margin: .2rem;
  text-align: right;
  font-size: 14px;
}

.mainPage .view-report a {
  color: #2F6CA4;
}
