freeman/pages/list/list.wxss

.fontColorBox,
.fontColorBox1,
.fontColorBox2 {
    /* 文字默认颜色 */
    color: black;
}

.header{
  height: 250rpx;
  position: relative;
  width: 100%;
}
.input-container{
  position: relative;
  height: 50px;
  max-height: 50px;
  flex-direction: column;
}
.last{
  position: relative;
  height: 18%;
  flex-direction: column;
}

.container1 {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  position: relative;
  top: -80px; /* 使用负的 top 值让它往上移动 */
}

.fiimage{
  /* position: absolute;
  left: 100px;
  height: 80px; */
  width:80px;
}

.form-title {
  /* position: absolute; */
  font-family:"YouSheBiaoTiHei" ;
  /* right: 90px;
  top: 20px; */
  font-size: 30px;
}

.title{
  position: absolute;
  font-family: "xiaowei";
  font-weight: 300;
  font-size: 70px;
  color: #333;
  top:30px;
  left: 20px;
}

.logo{
  position: absolute;
  top: 12px;
  right: 15px;
  height: 120px;
  width:120px;
  z-index: 1;
}

.fimage {
  position: absolute;
  bottom: -10px;
  right: -10px;
  height: 90px;
  width:90px;
  z-index: 2;
}

.oimage {
  position: absolute;
  bottom: -10px;
  right: -10px;
  height: 90px;
  width:90px;
  z-index: 2;
}
.timage {
  position: absolute;
  bottom: -10px;
  right: -10px;
  height: 90px;
  width:90px;
  z-index: 2;
}
.thimage {
  position: absolute;
  bottom: -10px;
  right: -10px;
  height: 90px;
  width:90px;
  z-index: 2;
}
.navBox {
    /* border: 1px solid lightgreen; */
    /* 顶部tab盒子样式 */
    width: 100%;
    height: 8vh;
    background: white;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.titleBox {
    /* border: 1px solid lightgreen; */
    /* 未选中文字的样式 */
    font-family: 'Franklin Gothic Medium';
    font-weight: 200;
    box-sizing: border-box;
    height: 80%;
    width: 30%;
    color: rgb(168, 170, 175);
    font-size: 40rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    z-index: 1;
}
.lineBox,.notLineBox{
    /* 选中及未选中底线共同样式 */
    width: 32rpx;
    height: 8rpx;
}

.lineBox {
    /* 选中底线样式 */
    background: rgb(43, 44, 45);
    margin-top: 16rpx;
    border-radius: 4rpx;
}

.notLineBox {
    /* 未选中底线样式 */
    background: transparent;
}

.swiperTtemBox {
    /* border: 1px solid lightgreen; */
    /* 底部内容样式 */
    height: 500px;
    overflow: scroll;
    /* margin: 0rpx 0rpx; */
    background: white;
    font-size: 28rpx;
}
.setting-part {
    /* border: 1px solid lightgreen; */
    margin-bottom: 5px;
    box-sizing: border-box;
    width: 100%;
    padding-left: 8%;
    padding-right: 8%;
    padding-top: 5%;
    padding-bottom: 2%;
    flex-direction: column;
    justify-content: center;
}
.label-title {
    text-align: center;
    font-family: 'YouSheBiaoTiHei';
    font-size: 20px;
}
.input-box {
  height: 20px;
  padding: 10px;         /* 输入框内边距 */
  border: 5px solid #F6E0A3; /* 边框颜色为黄色，宽度为 2px */
  border-radius: 30px;   /* 圆角效果 */
  background-color: white; /* 背景颜色为白色 */
  font-size: larger;       /* 字体大小 */
  color: #333;           /* 输入框文字颜色 */
  /* box-sizing: border-box;  */
  /* margin-bottom: 5px; */
}
.text-box{
  position: absolute;
  top: 2px;
  height: 20px;
  width: 300px;
  padding: 10px;         /* 输入框内边距 */
  border: 5px solid #F6E0A3; /* 边框颜色为黄色，宽度为 2px */
  border-radius: 30px;   /* 圆角效果 */
  background-color: white; /* 背景颜色为白色 */
  font-size: larger;       /* 字体大小 */
  color: #333;           /* 输入框文字颜色 */
}
.right-switch {
    /* border: 1px solid lightgreen; */
    display: flex;
    justify-content: flex-end;
}

.preview-form {
    /* border: 1px solid lightgreen; */
    display: flex;
    background-color: rgb(255, 255, 255);
    margin-left: 20%;
    margin-right: 20%;
    margin-top: 5%;
    margin-bottom: 5%;
}
.form-subitem {
    font-size: 20px;
    height: 5%;
    /* margin-top: 2%; */
    padding-top: 1%;
    padding-bottom: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.form-number {
    /* font-family: "YouSheBiaoTiHei"; */
    /* font-weight: 600; */
    width: 70%;
    margin-right: 10%;
    display: flex;
    justify-content: flex-end;
}
.form-name {
    /* font-family: "YouSheBiaoTiHei"; */
    font-weight: bold;
    width: 50%;
    display: flex;
    justify-content: flex-start;
    /* text-shadow: 
        2px 2px 0px #FFF4D6,  
        -2px -2px 0px #FFF4D6,  
        2px -2px 0px #FFF4D6, 
        -2px 2px 0px #FFF4D6;  */
}

.enabled-button {
  position:fixed;
  bottom: 0%;
  width: 100%;
  background-color: #f1cf6f;  /* 背景颜色为黄色 */
  color: white;  /* 文字颜色为黑色 */
  border: none;
  padding: 10px;
  /* border-radius: 20px;  */
  font-size: 20px;
}

.disabled-button {
  position:fixed;
  bottom: 0%;
  width: 100%;
  background-color: grey;  /* 背景颜色为灰色 */
  color: white;  /* 禁用状态下文字颜色为白色 */
  border: none;
  padding: 10px;
  /* border-radius: 20px; */
  font-size: 20px;
}