/* pages/help/help.wxss */
page{
  background: white;
}

.list-container {
  width: 100%;
  height: 100px;
  flex: 1;
}
.headIconBox {
  margin-top: 20rpx;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.headIconBox image {
  width: 100%;
  height: auto;
}

.userNameBox {
  display: flex;
  flex-flow: row;
}

.inputBox {
  margin-top: 20rpx;
  height: 50rpx;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.inputBox input {
  width: 70%;
  height: 50rpx;
  background-color: transparent;
  font-size: 30rpx;
  border-bottom: 1px gray solid;
}

.inputBox image {
  height: 50rpx;
  width: 50rpx;
  margin-left: 20rpx;
}

.help-block{
  height: 200rpx;
  width: 80%;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.help-content{
  width: 100%;
  height: 100%;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.help-content-img{
  /* display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; */
  height: 100rpx;
  width: 100rpx;
  margin-left: 20px;
  margin-right: 10px;
}

.xcxImg,
.rtuImg{
  height: 100rpx;
  width: 100rpx;
}

.help-content-text{
  height: 30%;
  width: 100%;
  margin-left: 20px;
}

.helpBox{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  width: 100%;
  height: 90%;
}

.help-text{
  color: white;
  font-size: 1.2rem;
}

.helpFooter{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.footerText{
  font-size: 0.7rem;
  color: #acacac;
}