
view,text,input{
  padding: 0;
  margin: 0;
  font-size: 30px;
}

.top-bg{
  background-image: url(./assets/bg2x.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position-x: left;
  &.mine{
    background-image: url(./assets/bg-big3x.png);
  }
}

.top-header{
  padding-top: 55px !important;
}

page, .page{
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
  // background-color: #f7f7f7;
}

.col-page{
  height: 100%;
  display: flex;
  flex-direction: column;
}

.layout {
  height: 100%;
  width: 100%;
}

.full{
  height: 100%;
  width: 100%;
}

.white-box{
  padding: 15px;
  background: #fff;
}

.pd-1{
  padding: 15px;
}

.pd-2{
  padding: 25px;
}

.avatar{
  width: 120px;
  height: 120px;
  border-radius: 50%;
}

.info-item{
  display: flex;
  justify-content: space-between;
  .title{
    color: #333;
  } 
  .value{
    color: #999;
  }
}