        html {
            font-size: 100px;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
            background-color: #f5f5f5;
            font-size: 10rem;
            padding: 2rem;
            box-sizing: border-box;
        }
        .header{
          display: flex;
           font-size: 10rem;
           display: flex;
           justify-content: space-between;
        }
        .header1{
          display: flex;
        }
        .header2{
          text-align: center;
          flex: 1;
        }
        .logo{
          width: 30rem;
          height: 30rem;
        }
        .header-title{
          font-size: 13rem;
        }

        .part{
          font-size: 16rem;
          padding: 10rem 0;

        }


        .customer-table{
          border-collapse: collapse;
          border: 1rem solid #333;
          width: 100%;
        }
        .custome-label{
          background-color: #F8F4EE;
        }
        .kongjian-td{
          padding: 4rem 0;
        }
        .kongjian-title{
          background-color: #3F2D1A;
          color: white;
        }
        .flex{
          display: flex;
          justify-content: space-between;
        }
        .border{
          border: 1px solid #797878;
          border-top: none;
        }
  

        .biaozhun{
          display: flex;
          flex-wrap: nowrap;
          justify-content: space-between;
        }
        .biaozhun-item{
          width: 32%;
          border: 1px solid #797878;
          box-sizing: border-box;
        }
        .biaozhun-title{
          background-color: #F9F1EA;
          font-weight: bold;
          padding-left: 10rem;
          border-bottom: 1px solid #797878;

        }
        .biaozhun-desc{
          /* padding: 4rem; */
          box-sizing: border-box;
        }

        .four-title-area{
          display: flex;
          text-align: center;
          justify-content: space-between;
          padding: 4rem;
          box-sizing: border-box;
        }
        .four-item-area{
          display: flex;
          text-align: center;
          justify-content: space-between;
          padding: 4rem;
          box-sizing: border-box;
        }
        .four-title{
          width: 25%;
          background-color: #F2EAE1;
          border: 1px solid #797878;
          border-left: none;
        }
        .four-item{
          width: 25%;
          border: 1px solid #797878;
          border-left: none;
          display: flex;
          justify-content: center;
          align-items: center;
        }
        .boder-left{
            border-left: 1px solid #797878;
        }
        .color{
          width: 20rem;
          height: 20rem;
        }
        .flex-four{
          display: flex;
          align-items: center;
          padding: 4rem;
          box-sizing: border-box;
        }



        .confirm-area{
          border: 1px solid #797878;
          padding: 4rem;
        }
        .bold{
          font-weight: bold;
        }
        .confirm-item{
          padding-top: 40rem;
        }




        .part-td{
          padding: 4rem 0;
        }


        .sign-area{
          display: flex;
          justify-content: space-between;
        }
        .sign-item{
          width: 45%;
          border: 1rem solid #3F2D1A;
        }
        .sign-text{
          margin-top: 30rem;
          margin-bottom: 30rem;
          padding-left: 10rem;
        }
        
        .footer{
          margin-top: 10rem;
          display: flex;
          font-size: 9rem;
          justify-content: space-between;
          border: 1rem solid #797878;
          padding: 4rem;
          box-sizing: border-box;
          border-radius: 4rem;
        }
        .erweima{
          width: 50rem;
          height: 50rem;
        }
        .footer-tips{
          margin: 5rem 0;
        }
        .footer-item{
          margin: 4rem 0;
        }
        .erweima-area{
          display: flex;
          flex-direction: column;
          justify-content: center;
        }
        .bootom{
          text-align: center;
          padding: 10rem;
        }
        .print-center{
          text-align: center;
        }