@charset "utf-8";

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

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

.sample-request .sample_main[data-v-3f0e0762] { padding: 16px 24px 0px; }

.sample-request .sample_main[data-v-3f0e0762] .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-3f0e0762] .upload-file-wrap.is_new .file-box .file-item { margin-bottom: 0px; margin-right: 0px; }

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

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

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

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

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

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

.sample-request .sample_main .upload[data-v-3f0e0762] .upload-file-wrap .info-txt { font-size: 12px; line-height: 20px; }

.sample-request .sample_main .upload[data-v-3f0e0762] .upload-file-wrap:hover .info-txt { text-decoration: none; }

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

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

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

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

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

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

.sample-request .sample_main .agreement-item .agreement input[data-v-3f0e0762] { font-size: 14px; height: 14px; margin: 0px 8px 0px 0px; width: 14px; }

@media (max-width: 960px) {
  .sample-request .sample_main .agreement-item .agreement input[data-v-3f0e0762] { margin-top: 1px; }
}

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

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

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

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

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

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

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

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

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

.sample-request .sample_main .dynamics-form .select-box[data-v-3f0e0762] .fs-select .fs-select-active, .sample-request .sample_main .form .select-box[data-v-3f0e0762] .fs-select .fs-select-active { background-color: rgb(246, 246, 248); }

.sample-request .sample_main .dynamics-form .product-type[data-v-3f0e0762], .sample-request .sample_main .form .product-type[data-v-3f0e0762] { grid-column: span 2; }

.sample-request .sample_main .dynamics-form .product-type[data-v-3f0e0762] .fs-select, .sample-request .sample_main .form .product-type[data-v-3f0e0762] .fs-select { width: calc(50% - 6px); }

@media (max-width: 768px) {
  .sample-request .sample_main .dynamics-form .product-type[data-v-3f0e0762] .fs-select, .sample-request .sample_main .form .product-type[data-v-3f0e0762] .fs-select { width: 100%; }
}

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

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

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

.sample-request .sample_main .dynamics-form .sample-item[data-v-3f0e0762] .select-country .select-country-active, .sample-request .sample_main .form .sample-item[data-v-3f0e0762] .select-country .select-country-active { background-color: rgb(246, 246, 248); }

.sample-request .sample_main .dynamics-form .sample-item[data-v-3f0e0762] .textarea, .sample-request .sample_main .form .sample-item[data-v-3f0e0762] .textarea { resize: vertical; }

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

.sample-request .sample_main .dynamics-form[data-v-3f0e0762] { border-top: 1px solid rgb(238, 238, 238); margin-top: 20px; padding-top: 16px; }

.sample-request .sample_main .dynamics-form .switch_wrap[data-v-3f0e0762] { background: rgb(246, 246, 248); border-radius: 4px; display: flex; padding: 2px; width: fit-content; }

.sample-request .sample_main .dynamics-form .switch_wrap .btn_item[data-v-3f0e0762] { border-radius: 2px; cursor: pointer; font-size: 13px; line-height: 20px; padding: 4px 16px; text-align: center; }

.sample-request .sample_main .dynamics-form .switch_wrap .active[data-v-3f0e0762] { background-color: rgb(255, 255, 255); }

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

.sample-request .sbtn-box[data-v-3f0e0762] .fs-button { font-weight: 400; height: 36px; padding: 0px 16px; }

.sample-request .sbtn-box .cancel_btn[data-v-3f0e0762] { color: rgb(112, 112, 112); }

.sample-request .sbtn-box.page-style[data-v-3f0e0762] { position: static; -webkit-box-pack: start; justify-content: flex-start; padding: 0px 24px; }

.sample-request .sbtn-box.page-style[data-v-3f0e0762] .fs-button { font-weight: 400; height: 42px; padding: 10px 24px; }

@media (max-width: 768px) {
  .sample-request .sample_main[data-v-3f0e0762] { padding: 16px 16px 0px; }
  .sample-request .sample_main .form .sample-item[data-v-3f0e0762] { grid-column: span 2; }
  .sample-request .sbtn-box[data-v-3f0e0762] { bottom: 0px; padding: 16px 16px 20px; position: sticky; }
  .sample-request .sbtn-box[data-v-3f0e0762] .fs-button { height: 42px; width: 100%; }
}