/* .wrap { } */ .wrap .company-info { width: 90rem; margin: 0 auto; padding: 1.875rem 0; border-bottom: 0.0625rem solid rgba(151, 151, 151, 0.2); } .company-info .name { font-size: 1.875rem; font-weight: 500; color: #222222; text-align: center; } .company-info .info { display: flex; align-items: center; padding-top: 1.875rem; } .company-info .info > :not(:last-child) { margin-right: 1.875rem; } .company-info .info .info-item { width: 27.5rem; } .company-info .info .info-item .top { height: 5rem; font-size: 1.375rem; font-weight: 400; color: #222222; line-height: 5rem; 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: 1rem; font-weight: 400; color: #222222; } .wrap .contact { width: 90rem; margin: 0 auto; padding: 3.125rem 0; } .contact .title { width: 100%; height: 2.8125rem; font-size: 2rem; font-weight: 600; color: #222222; line-height: 2.8125rem; text-align: center; } .contact .tips { width: 100%; font-size: 0.875rem; font-weight: 400; color: #666666; text-align: center; margin-top: 1.25rem; } .contact .card { height: 50rem; background: #f4f4f4; margin-top: 3.125rem; padding: 3.125rem 6.25rem 5rem; } .contact .card input { width: 100%; height: 3.5rem; background: #ffffff; font-size: 1rem; color: #222222; padding: 0 1.25rem; } .contact .card textarea { width: 100%; height: 15.375rem; background: #ffffff; font-size: 1rem; color: #222222; padding: 1.25rem; resize: none; } .contact .card .row { display: flex; align-items: center; } .contact .card .item-title { font-size: 1rem; font-weight: 400; color: #222222; height: 5rem; line-height: 5rem; } .contact .card .required::after { content: "*"; color: #e02020; } .contact .card .name { width: calc((100% - 1.875rem) / 2); } .contact .card .phone { width: calc((100% - 1.875rem) / 2); margin-left: 1.875rem; } .contact .card .email { width: 100%; } .contact .card .confirm { margin-top: 1.875rem; }