body{background-color:#f5f5f5}#vue-app{padding:80px 0;color:#222}#vue-app .btn{background:none;border:0}#vue-app .main-wrapper{padding:20px 40px 60px;background-color:#fff}#vue-app .action-download,#vue-app .action-format{color:#019de1;font-weight:500;font-size:16px;line-height:20px}#vue-app .el-textarea__inner:focus{box-shadow:0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset}#vue-app .import-type-options{margin-top:40px;display:flex;gap:40px}#vue-app .import-type-options .import-type-option{padding:12px 20px;border:1px solid #CCCCCC;display:flex;align-items:center;gap:20px;transition:all .3s;cursor:pointer}#vue-app .import-type-options .import-type-option svg path{fill:#6f6f6f}#vue-app .import-type-options .import-type-option span{font-weight:500;font-size:18px;line-height:22px;color:#6f6f6f;transition-duration:0s}#vue-app .import-type-options .import-type-option p{margin-top:8px;line-height:20px;font-size:16px;transition-duration:0s;color:#6f6f6f}#vue-app .main-wrapper header{display:flex;align-items:center;justify-content:space-between;padding:40px 0;border-bottom:1px solid #CCCCCC}#vue-app .main-wrapper header h1{font-size:48px;font-weight:500;line-height:50px}#vue-app .main-wrapper header a{display:flex;align-items:center;gap:14px}#vue-app .uploader-wrapper,#vue-app .table-wrapper,#vue-app .el-textarea{margin-top:60px}#vue-app .uploader-wrapper .el-upload-dragger{aspect-ratio:1440 / 320;border-radius:8px;border:1px dotted #CCCCCC;padding:0;display:flex;justify-content:center;align-items:center}#vue-app .uploader-wrapper .el-upload-inner{display:flex;flex-direction:column;align-items:center}#vue-app .uploader-wrapper .el-upload-text{margin-top:12px;line-height:20px;font-size:16px;color:#222}#vue-app .row-error-msg{color:#f80000;font-size:12px;margin-top:12px;background:#fff}#vue-app .uploader-wrapper .el-upload-text span{background:linear-gradient(45.66deg,#009de1 37.02%,#55b94d);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#vue-app .uploader-wrapper .el-upload-tips{margin-top:8px;font-size:14px;line-height:14px;color:#6f6f6f}#vue-app .el-textarea__inner{padding:16px}#vue-app .uploader-result-wrapper{aspect-ratio:1440 / 320;border-radius:8px;border:1px dotted #CCCCCC;padding:0;display:flex;justify-content:center;align-items:center}#vue-app .uploader-result{display:flex;align-items:center;border-radius:10px;background-color:#fff;border:1px solid #E5E7EB;padding:12px 24px}#vue-app .uploader-result>div{margin-left:12px;margin-right:32px}#vue-app .uploader-result>div p{font-weight:600;font-size:14px}#vue-app .uploader-result>div span{font-size:14px;font-weight:600;color:#02060b99}#vue-app .uploader-result .del-file{cursor:pointer;background-color:unset;border:0}#vue-app .table-action{display:flex}#vue-app .table-action button{background-color:unset;border:none;cursor:pointer}#vue-app .ul-table{display:flex;gap:20px;padding:0;margin:0}#vue-app .el-input__wrapper{box-shadow:none;background-color:#f6f6f6}#vue-app .ul-table-list{margin-top:16px;display:flex;flex-direction:column;gap:32px}#vue-app .el-input__wrapper .el-input__inner{color:#222}#vue-app .table-action-li{display:flex;justify-content:center;align-items:center}#vue-app .table-head{min-height:56px}#vue-app .table-head li{display:flex;flex-direction:column}#vue-app .table-head li span:first-child{font-size:16px;line-height:20px}#vue-app .table-head li span:last-child{margin-top:8px;line-height:14px;font-size:14px;color:#6f6f6f}#vue-app .table-toolbar{display:flex;justify-content:space-between;align-items:center;margin-top:60px;gap:16px}.import-order-container{display:none}#vue-app .label1-main .table-toolbar{margin-top:60px}#vue-app .label2-main .table-toolbar,#vue-app .label3-main .table-toolbar{margin-top:12px}#vue-app .table-toolbar .btn{width:200px;height:48px;border-radius:100px;display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:500;line-height:20px;cursor:pointer;gap:12px}#vue-app .table-toolbar-right{display:flex;align-items:center;gap:20px}#vue-app .table-toolbar .action-reset{color:#6f6f6f;cursor:pointer}#vue-app .table-toolbar .action-reset svg{margin-left:4px}#vue-app .table-toolbar .action-add,#vue-app .table-toolbar .action-quoto{background:linear-gradient(45.66deg,#009de1 37.02%,#55b94d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;border:1px solid #009DE1}#vue-app .table-toolbar .submit-btn,#vue-app .table-toolbar .action-cart{background-color:#009de1;border:1px solid #009DE1;color:#fff}#vue-app .el-date-editor .el-input__prefix-inner{display:none!important}#vue-app .bottom-tips{margin-top:32px;font-size:16px;line-height:20px}#vue-app .label-main{margin-top:16px}#vue-app .label-main .top-tips{font-size:16px;line-height:20px}#vue-app .el-input{height:52px!important;width:100%!important;background-color:#f6f6f6}@media screen and (min-width: 1000px){#vue-app .ul-table li:nth-child(1),#vue-app .ul-table li:nth-child(3),#vue-app .ul-table li:nth-child(4){flex:2}#vue-app .ul-table li:nth-child(2){flex:1}#vue-app .ul-table li:nth-child(5){width:36px}#vue-app .input-line{flex:1}#vue-app .table-action-btn{width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer}#vue-app .table-action-btn span{display:flex}}#vue-app .import-type-options .import-type-option.active{color:#fff;background:linear-gradient(45.66deg,#009de1 37.02%,#55b94d)}#vue-app .import-type-options .import-type-option.active svg path{fill:#fff}#vue-app .import-type-options .import-type-option.active span,#vue-app .import-type-options .import-type-option.active p{color:#fff}@media screen and (max-width: 999px){#vue-app{padding:32px 0}#vue-app .uploader-result-wrapper{aspect-ratio:1}#vue-app .main-wrapper{padding:32px 16px}#vue-app .main-wrapper header{padding:18px 0}#vue-app .main-wrapper header h1{font-weight:500;font-size:24px;line-height:32px}#vue-app .main-wrapper header a{font-weight:500;font-size:14px;line-height:16px}#vue-app .label-main .top-tips{font-weight:400;line-height:16px;font-size:12px}#vue-app .import-type-options{margin-top:28px}#vue-app .label-main{margin-top:20px}#vue-app .uploader-wrapper,#vue-app .table-wrapper{margin-top:40px}#vue-app .ul-table{display:grid;grid-template-columns:1fr;gap:8px}#vue-app .ul-table-key{font-size:12px;line-height:14px;margin-bottom:8px;display:block}#vue-app .table-toolbar .btn{height:38px;font-weight:500;font-size:14px;line-height:16px;padding:0 24px;width:auto}.el-autocomplete-suggestion__list{display:flex;flex-direction:column;gap:12px}.el-autocomplete-suggestion li{line-height:24px;white-space:pre-wrap}#vue-app .bottom-tips{margin-top:40px;font-weight:400;font-size:14px;line-height:16px}#vue-app .table-toolbar .action-reset{font-size:16px}#vue-app .label1-main .table-toolbar{margin-top:20px}#vue-app .import-type-options{flex-direction:column;gap:12px}#vue-app .row-num{font-weight:500;font-size:18px;line-height:22px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}#vue-app .row-num svg{width:16px;height:16px}#vue-app .table-toolbar.toolbar-mobile{margin-top:20px;justify-content:center}#vue-app .action-cart,#vue-app .action-quoto{height:48px;padding:0 32px;display:flex;justify-content:center;align-items:center;font-size:16px;border-radius:100px}#vue-app .table-toolbar .action-quoto{background:#fff;gap:16px}#vue-app .table-toolbar .action-quoto span{background:linear-gradient(45.66deg,#009de1 37.02%,#55b94d);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#vue-app .import-type-options .import-type-option{padding:12px;gap:12px}#vue-app .import-type-options .import-type-option span{line-height:20px;font-size:16px}#vue-app .import-type-options .import-type-option p{font-size:12px;line-height:14px}#vue-app .action-download,#vue-app .action-format{font-weight:500;font-size:14px;line-height:16px}#vue-app .uploader-wrapper .el-upload-dragger{aspect-ratio:1}#vue-app .table-toolbar-right{align-self:stretch}#vue-app .table-toolbar{margin-top:40px}#vue-app .label3-main .table-toolbar{flex-direction:column;align-items:stretch}}@media screen and (max-width: 768px){#vue-app .el-textarea__inner::placeholder{color:#6f6f6f;font-size:14px}#vue-app .action-cart,#vue-app .action-quoto{flex:1;padding:0 18px}.el-popper{width:100%!important}.el-autocomplete-suggestion li{font-size:12px!important}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/main-import-order.css.map */