@charset "utf-8";

.sample-request[data-v-b98e9942] { color: rgb(25, 25, 26); }

.sample-request[data-v-b98e9942] .validate_error .iconfont_error { margin-top: 5px; }

.sample-request .sample_main[data-v-b98e9942] { overflow-y: auto; padding: 16px 24px 0px; }

.sample-request .sample_main[data-v-b98e9942] .upload-file-wrap.is_new .file-box { display: flex; flex-wrap: wrap; gap: 10px; grid-column: span 2; margin-top: 16px; width: 100%; }

.sample-request .sample_main[data-v-b98e9942] .upload-file-wrap.is_new .file-box .file-item { margin-bottom: 0px; margin-right: 0px; }

.sample-request .sample_main .contact-type[data-v-b98e9942] { margin-top: 12px; }

.sample-request .sample_main .contact-type .texthint[data-v-b98e9942] { color: rgb(112, 112, 112); font-size: 12px; line-height: 20px; margin-bottom: 4px; }

.sample-request .sample_main .contact-type .inpbox_check[data-v-b98e9942], .sample-request .sample_main .contact-type .inpbox_check .custom-checkbox[data-v-b98e9942] { display: flex; -webkit-box-align: center; align-items: center; }

.sample-request .sample_main .contact-type .inpbox_check .custom-checkbox[data-v-b98e9942] { cursor: pointer; margin-right: 16px; }

.sample-request .sample_main .contact-type .inpbox_check .custom-checkbox input[type="checkbox"][data-v-b98e9942] { display: none; }

.sample-request .sample_main .contact-type .inpbox_check .custom-checkbox .checkbox-box[data-v-b98e9942] { background-color: rgb(255, 255, 255); border: 1px solid rgb(216, 216, 216); border-radius: 2px; height: 14px; position: relative; transition: 0.2s ease-in-out; width: 14px; flex-shrink: 0; }

.sample-request .sample_main .contact-type .inpbox_check .custom-checkbox input[type="checkbox"]:checked + .checkbox-box[data-v-b98e9942] { background-color: rgb(112, 112, 112); border-color: rgb(112, 112, 112); }

.sample-request .sample_main .contact-type .inpbox_check .custom-checkbox input[type="checkbox"]:checked + .checkbox-box[data-v-b98e9942]::after { border-style: solid; border-color: rgb(255, 255, 255); border-image: initial; border-width: 0px 2px 2px 0px; content: ""; height: 8px; left: 3px; position: absolute; top: 0px; transform: rotate(45deg); width: 4px; }

.sample-request .sample_main .contact-type .inpbox_check .custom-checkbox p[data-v-b98e9942] { color: rgb(25, 25, 26); font-size: 12px; margin-left: 6px; }

.sample-request .sample_main .add-pro-content[data-v-b98e9942] { -webkit-box-flex: 1; flex: 1 1 0%; margin-bottom: 12px; }

.sample-request .sample_main .add-pro-content .input-title[data-v-b98e9942] { color: rgb(112, 112, 112); font-size: 14px; line-height: 22px; margin-bottom: 4px; }

.sample-request .sample_main .add-pro-content .input-box[data-v-b98e9942] { background-color: rgb(246, 246, 246); display: flex; -webkit-box-align: center; align-items: center; border-radius: 4px; width: 179px; }

.sample-request .sample_main .add-pro-content .input-box .prefix[data-v-b98e9942] { display: flex; height: 42px; left: 1px; top: 1px; width: 48px; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; border-right: 0px; justify-content: center; flex-shrink: 0; }

.sample-request .sample_main .add-pro-content .input-box > input[data-v-b98e9942] { font-size: 13px; line-height: 20px; width: 179px; }

.sample-request .sample_main .upload[data-v-b98e9942] { margin-top: 12px; }

.sample-request .sample_main .upload .upload-title[data-v-b98e9942] { color: rgb(112, 112, 112); font-size: 12px; line-height: 20px; margin-bottom: 12px; }

.sample-request .sample_main .upload .fs-tip[data-v-b98e9942] { margin-left: 12px; margin-top: 3px; }

.sample-request .sample_main .upload .fs-tip .tip-ctn[data-v-b98e9942] { min-width: 300px; }

.sample-request .sample_main .upload .fs-tip .tip-ctn .info[data-v-b98e9942] { padding: 20px; }

.sample-request .sample_main .sign[data-v-b98e9942] { display: flex; -webkit-box-align: center; align-items: center; background: rgba(0, 96, 191, 0.04); font-size: 14px; line-height: 22px; margin-bottom: 12px; padding: 10px 16px; }

.sample-request .sample_main .sign_content[data-v-b98e9942] :first-child { color: rgb(0, 96, 191); cursor: pointer; }

.sample-request .sample_main .sign_content[data-v-b98e9942] :first-child:hover { text-decoration: underline; }

.sample-request .sample_main .signTip[data-v-b98e9942] { color: rgb(112, 112, 112); line-height: 22px; }

.sample-request .sample_main .iconfFont[data-v-b98e9942] { color: rgb(0, 96, 191); line-height: 22px; margin-right: 8px; }

.sample-request .sample_main .agreement-item[data-v-b98e9942] { margin-top: 12px; }

.sample-request .sample_main .agreement-item .custom-checkbox[data-v-b98e9942] { display: flex; -webkit-box-align: start; align-items: flex-start; cursor: pointer; }

.sample-request .sample_main .agreement-item .custom-checkbox input[type="checkbox"][data-v-b98e9942] { display: none; }

.sample-request .sample_main .agreement-item .custom-checkbox .checkbox-box[data-v-b98e9942] { background-color: rgb(255, 255, 255); border: 1px solid rgb(216, 216, 216); border-radius: 2px; height: 14px; margin-top: 2px; position: relative; transition: 0.2s ease-in-out; width: 14px; flex-shrink: 0; }

.sample-request .sample_main .agreement-item .custom-checkbox input[type="checkbox"]:checked + .checkbox-box[data-v-b98e9942] { background-color: rgb(112, 112, 112); border-color: rgb(112, 112, 112); }

.sample-request .sample_main .agreement-item .custom-checkbox input[type="checkbox"]:checked + .checkbox-box[data-v-b98e9942]::after { border-style: solid; border-color: rgb(255, 255, 255); border-image: initial; border-width: 0px 2px 2px 0px; content: ""; height: 8px; left: 3px; position: absolute; top: 0px; transform: rotate(45deg); width: 4px; }

.sample-request .sample_main .agreement-item .custom-checkbox p[data-v-b98e9942] { color: rgb(112, 112, 112); font-size: 12px; margin-left: 8px; }

.sample-request .sample_main .agreement-item .custom-checkbox p a[data-v-b98e9942] { color: rgb(0, 96, 191); }

.sample-request .sample_main .agreement-item .agreement[data-v-b98e9942] { display: flex; width: 100%; -webkit-box-align: start; align-items: flex-start; }

.sample-request .sample_main .agreement-item .agreement input[data-v-b98e9942] { margin: 0px 8px 0px 0px; }

.sample-request .sample_main .agreement-item .agreement > p[data-v-b98e9942] { color: rgb(112, 112, 112); font-size: 14px; line-height: 22px; }

.sample-request .sample_main .agreement-item .agreement > p a[data-v-b98e9942] { color: rgb(0, 96, 191); }

.sample-request .sample_main .agreement-item .agreement[data-v-b98e9942]:hover { cursor: pointer; }

.sample-request .sample_main .agreement-item .agreement:hover input[type="checkbox"][data-v-b98e9942]::before { color: rgb(112, 112, 112); }

.sample-request .sample_main .agreement-item .agreement_wrap[data-v-b98e9942] { color: rgb(112, 112, 112); font-size: 14px; line-height: 22px; }

.sample-request .sample_main .form[data-v-b98e9942] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }

.sample-request .sample_main .form .tit-num[data-v-b98e9942] { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }

.sample-request .sample_main .form .tit-num .numb[data-v-b98e9942] { color: rgb(112, 112, 112); font-size: 12px; line-height: 20px; }

.sample-request .sample_main .form .tit-num .numb .active[data-v-b98e9942] { color: rgb(192, 0, 0); }

.sample-request .sample_main .form .sample-item.line[data-v-b98e9942] { grid-column: span 2; }

.sample-request .sample_main .form .sample-item.protocol[data-v-b98e9942] { margin-top: -4px; }

.sample-request .sample_main .form .sample-item.sample-item-cn[data-v-b98e9942] { grid-area: 1 / 2 / 1 / 3; }

.sample-request .sample_main .form .sample-item .sample-item-title[data-v-b98e9942] { color: rgb(112, 112, 112); font-size: 12px; line-height: 20px; margin-bottom: 4px; }

.sample-request .sample_main .form .sample-item-comments .sample-item-title[data-v-b98e9942] { margin-bottom: 4px; }

.sample-request .sample_main .form .sample-item-line[data-v-b98e9942] { grid-column: 1 / -1; }

.sample-request .sample_main .form .sample-item-line .input-item[data-v-b98e9942] { cursor: pointer; }

.sample-request .sample_main .form .sample-item-line .input-txt[data-v-b98e9942] { font-size: 13px; line-height: 20px; margin-right: 48px; }

.sample-request .sample_main .form .sample-item-line .sample-item-title[data-v-b98e9942] { margin-bottom: 8px; }

.sample-request .sample_main .form .upload .upload-title[data-v-b98e9942] { color: rgb(112, 112, 112); font-size: 12px; line-height: 20px; margin-bottom: 12px; }

.sample-request .sample_main .form .upload .fs-tip[data-v-b98e9942] { margin-left: 12px; margin-top: 3px; }

.sample-request .sample_main .form .upload .fs-tip .tip-ctn[data-v-b98e9942] { min-width: 300px; }

.sample-request .sample_main .form .upload .fs-tip .tip-ctn .info[data-v-b98e9942] { padding: 20px; }

.sample-request .textarea[data-v-b98e9942] { resize: vertical; }

.sample-request .sbtn-box[data-v-b98e9942] { display: flex; -webkit-box-pack: end; background: rgb(255, 255, 255); bottom: 0px; justify-content: flex-end; padding: 16px 24px 24px; position: sticky; }

.sample-request .sbtn-box[data-v-b98e9942] .fs-button { font-weight: 400; height: 42px; padding: 10px 16px; }

@media (max-width: 768px) {
  .sample-request .sample_main[data-v-b98e9942] { padding: 16px 16px 0px; }
  .sample-request .sample_main .add-pro-content .input-box[data-v-b98e9942] { display: flex; width: 100%; -webkit-box-align: center; align-items: center; }
  .sample-request .sample_main .add-pro-content .input-box > input[data-v-b98e9942] { -webkit-box-flex: 1; flex: 1 1 0%; }
  .sample-request .sample_main .form .sample-item[data-v-b98e9942] { grid-column: span 2; }
  .sample-request .sbtn-box[data-v-b98e9942] { bottom: 0px; padding: 16px 16px 20px; position: sticky; }
  .sample-request .sbtn-box[data-v-b98e9942] .fs-button { width: 100%; }
}