.wrap { padding-top: 2.75rem; } .wrap .company-info { width: 100%; padding: 0.9375rem; border-bottom: 0.0625rem solid rgba(151, 151, 151, 0.2); } .company-info .name { font-size: 1.125rem; font-weight: 500; color: #222222; text-align: center; } .company-info .info { padding-top: 2.5rem; } .company-info .info .info-item { width: 100%; } .company-info .info .info-item .top { font-size: 1rem; font-weight: 400; color: #222222; padding-bottom: 1.25rem; border-bottom: 0.0625rem solid rgba(151, 151, 151, 0.2); } .company-info .info .info-item .bottom { padding: 1.875rem 0; height: 8.75rem; font-size: 0.875rem; font-weight: 400; color: #444444; } .wrap .contact { width: 100%; margin: 1.25rem auto 0; padding: 0.9375rem; } .contact .title { width: 100%; font-size: 1.125rem; font-weight: 600; color: #222222; text-align: center; } .contact .tips { width: 100%; font-size: 0.75rem; font-weight: 400; color: #666666; text-align: center; margin-top: 0.9375rem; } .contact .card { height: 35.625rem; background: #f4f4f4; margin: 3.125rem 0; padding: 1.25rem 0.9375rem; } .contact .card input { width: 100%; height: 2.375rem; background: #ffffff; font-size: 0.8125rem; color: #222222; padding: 0 0.625rem; } .contact .card textarea { width: 100%; height: 10rem; background: #ffffff; font-size: 0.8125rem; color: #222222; padding: 0.625rem; resize: none; } .contact .card .item-title { font-size: 0.8125rem; font-weight: 400; color: #222222; margin: 0.9375rem 0; } .contact .card .required::after { content: "*"; color: #e02020; } .contact .card .confirm { width: 8.5625rem; height: 2.625rem; line-height: 2.625rem; font-size: 0.875rem; margin: 1.25rem auto 0; }