/**index.wxss**/

.header{
  height: 6.16vh;
  border: gray 1px solid;
  border-radius: 20px;
  margin: 0 3.125vw;
}
.text{
  height: 5.28vh;
  width: 75vw;
  display: inline-block;
  /* background: blue; */
  margin-left: 6.25vw;
  line-height: 5.28vh;
  margin-top: 0.88vh;
  position: relative;
}
.text input{
  position: absolute;
  top: 0px;
}
.btn1{
  line-height: 7.04vh;
  margin-top: 0px;
  height: 5.28vh;
  width: 23vw;
  display: inline-block;
  position: absolute;
  top: 0.26vh;
  text-align: center;
  align-items: center;
  right: 3.8vw;
}
.btn1 button{
  font-size: 13px;
  border-radius:20px;
  background: orange;
  color: #ffff;
}

.serve{
  margin-top: 3.52vh;
  font-size: 13px;
}
.serve-con{
  width: auto;
  height: 71vh;
  background:		#F5F5F5	;
}
.content1{
  width: 90.66vw;
  height: 30vh;
  background: #ffff;
  margin: 3vh 5.33vw 0 5.33vw ;
  margin-left: 5vw;
  border-radius: 10px;
  float: left;
}

.content-num{
  width: 85.33vw;
  height: 5vh;
  margin: 1.5vh 0 0 2.6vw;

  font-size: 12px;
  border-bottom: gray 1px solid;
  display: inline-block;
}

.num-left{
  display: inline-block;
  margin-left: 33.61vw;
  width: 11.2vw;
}
.content-msg{
  margin: 1.5vh 0 0 2.6vw;
}
.msg-right{
  /* display: inline-block; */
  /* margin-left: 220px; */
  color: orange;
  float: right;
  margin-right: 3vh;
}
.msg-left{
  margin: 1.5vh 0 0 0;
}

.btn2{
  /* display: inline-block; */
  float: right;
  font-size: 12px;
 
  /* margin-left: 180px; */
  background: orange;
  color: #fff;
}
.footer{
position:fixed;
bottom : 0;
left:0;
right:0;
height:9vh;
}

.footer-img{
  width: 33.3vw;
  display: inline-block;
}
.img-box{
  text-align: center;
  font-size: 11px;
}

.userinfo {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #aaa;
}

.userinfo-avatar {
  overflow: hidden;
  width: 128rpx;
  height: 128rpx;
  margin: 20rpx;
  border-radius: 50%;
}

.usermotto {
  margin-top: 200px;


}