TSYWXT-WX-APP/pages/home/home.wxss

/**home.wxss**/
page {
  height: 100%;
  background-color: white;
}

.page-body{
  height:88%;
  width:100%;
  /* background-color: yellow */
}

.page-footer{
  /* height:10%; */
  width:100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.page-footer text{
   font-size:0.6rem;
   color:grey;
   text-align: center;
}

.login-container {
  height: 100%;
  width:100%;
  display: flex;
  flex-direction: column;
  padding: 0;
  box-sizing: border-box;
  /* position: absolute; */
  top: 0px;
  left: 0px;
  /* background-color:red; */
}

/*登录图片*/
.login-icon {
  height: 35%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* background-color: #426666; */

}



/*表单内容*/
.login-from {
  /* margin-top: 20px; */
  /* flex: auto; */
  height: 80%;
  width: 100%;
  align-items: center;
  /* background-color:green */
  display: flex;
  flex-direction: column;
  z-index:300;

}

.inputView {
  background-color: #fff;
  line-height: 44px;display: flex;
  flex-direction: row;
  margin-top: 20rpx;
  margin-bottom: 10rpx;
}

/*输入框*/
.nameImage,
.keyImage {
  margin-left: 12px;
  width: 20px;
  height: 20px;
  margin-top: 5px;
}

.loginLab {
  margin: 15px 15px 15px 10px;
  color: #545454;
  font-size: 0.8rem
  
}

.userText,
.pwText {

  text-align: left;
  color: #cccccc;
  font-size: 0.9rem
}

.line {
  width: 100%;
  height: 1px;
  background-color: #cccccc;
  margin-top: 1px;
}

/*按钮*/

.loginBtnView {
  width: 100%;
  height: auto;
  /* background-color: #f2f2f2; */
  position: relative;
  top: -20px;

}

.loginBtn {
  width: 60%;
  /* margin-top: 50px; */
  background-color:#426666;
}

.loginBtn-class{
  background-color:coral;
  }

.index-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  /* position: absolute; */
  top: 0px;
  left: 0px;
}

.index-line-full {
  height: 80px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 20px;
}

.index-line {
  height: 100px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content:center;
  margin-top: 20px;
}

.index-block {
  height: 80px;
  width: 32%;
  margin-top:10px;
  margin-left:10px;
  margin-right:10px;
  margin-bottom:10px;
}

.index-block-hidden {
  height: 80px;
  width: 32%;
  margin-top:5px;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:5px;
  visibility: hidden;
}

.index-block-content {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  
  /* box-shadow:0px 15px 10px -12px black; */
}

.index-block-content-image-line{
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 70%;
  width:100%;
  align-items: center;
}

.index-block-content-image-line image {
  width: 30px;
  height:30px;
  
  /* box-shadow:0px 15px 10px -7px wheat; */
}

.index-block-content-title-line{
  display: flex;
  justify-content: center;
  height: 30%;
  width:100%;

}

.index-block-content-title-line text{
  font: size 0.8;
  color: whitesmoke;
}

/* .inputBox{
  width: 80%;
  display: flex;
  flex-direction: column;
  border: 3rpx solid #426666;
	border-radius: 10rpx;
  padding: 10rpx;
  
} */

.inputBox{
  margin-top: 55rpx;
  width: 80%;
}

.inputBoxContainer{
  background-color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 50rpx;
  width: 80%;
  border-radius: 10rpx;
  padding: 30rpx;
  width: 80%;
  height: 50%;
  box-shadow:0px 0.5px 5px 0.5px #426666;
  
}

.inputText{
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.imagetp{
  width: 100%;
  height: 75%;
}

.imagebc{
  position: fixed;
  top: 0px;
  width: 100%;
  height: 50%;
}

.nameInput,
.pwInput{
  display: flex;
  align-items: center;
}

.menuBox{
  margin-top: 20rpx;
}

.topImage{
  width: 100%;
  height: 15%;
}