.color-preview {
      width: 100%;
      height: 100px;
      border-radius: 4px;
      margin-bottom: 15px;
    }
    .result-table {
      margin-top: 0px;
    }
    .form-section {
      padding: 20px;
      background-color: #f0f0f0;
      border-radius: 4px;
          height: 100%;
    }
    .layui-form-labels{
          float: left;
      display: block;
      padding: 9px 15px;
      width: 5%;
      font-weight: 400;
      line-height: 20px;
      text-align: right;
      background: #9e9e9e26;
    }
    .layui-form-lab-input{
      width: 60%;
    }
    .layui-input-lab-block{
      width: 26%;
      float: left;
      margin: 0px;
    }
    .layui-input-select-block{
      width: 23%;
      float: left;
      margin: 0px;
    }
    .layui-img-flex{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 5px;
    }
    .layui-img-flex span{
      font-size: 12px;
      margin-left: 4px;
    }
    .layui-img-flex img{
      width: 18px;
    }
    .layui-form-label{
      width: 15%;
    }
    


    .laayui-form-h3{
      margin-bottom: 5px;
    }
    .layui-rows {
      display: flex;
      align-items: stretch; /* 确保子项等高 */
    }
    .layui-table-header tr{
          background: #f8f8f8;
    }
   
    .layui-btn-xlg{
      height: 48px;
      line-height: 48px;
      padding: 0 48px;
      font-size: 16px;
    }
    .layui-daohang{
          background: #f0f0f0;
          width: 100%;
          text-align: center;
    }
    .layui-btn-white{
      background: #fff;
    }
    @media screen and (max-width: 992px) {
      .layui-rows {
      display: unset;
      }
      .layui-input, .layui-textarea{
        text-align: center;
      }
     .layui-form-label {
          min-width: 20%;
          font-size: 11px;
      }
      .laayui-form-h3{
        background: #9e9e9e36;
        height: 60px;
        line-height: 60px;
        text-align: center;
        margin: 0 auto 30px;
      }
      .layui-form-label{
        padding: 9px 5px;
      }
      .layui-input-lab-block{
            max-width: 25%;
      }
      .layui-form-labels{
        float: none;
        text-align: center;
        width: auto;
        border: 1px solid #9e9e9e36;
      }
      .layui-form-lab-input {
        width: 100%;
      }
      .layui-input-select-block{
        width: 75%;
      }
      .layui-input-but-block{
        margin-left: 0px;
      }
      .layui-btn-but{
        width: 100%;
      }
      .layui-table-cell{
        height:auto;
        white-space: unset;
      }
      .layui-btn-xlg {
        padding: 0;
      }
    }