.payroll-calculation-detail{&__steps{width:260px}&__content{//padding:32px;//padding-bottom:16px}&__step{padding:32px;// step1 &.step1{.ant-card:not(:first-child){margin-top:16px}.advance-setting{.ant-card-body{padding:0;height:254px;-webkit-transition:height .5s ease-out;transition:height .5s ease-out;overflow:hidden;.content{padding:24px}}&.collapse{.ant-card-body{height:0}}.ant-checkbox-group{.ant-checkbox-group-item{display:block;margin-bottom:16px}}}.tips{padding:16px 44px;.ant-card-body{padding:0}.content{position:relative}}.period_and_calculate{padding:0;.title{font-size:18px;font-weight:400;margin:8px 0}.date{font-size:14px;color:#969696}.bold{font-size:15px;font-weight:500}.ant-form-item{margin-bottom:8px}}}&__drawer{.ant-drawer-wrapper-body{padding-top:55px;padding-bottom:55px}.ant-drawer-header{position:absolute;top:0;right:0;width:100%;z-index:2;border-radius:0}.employee-info{.title{font-size:18px;font-weight:700}.tags{margin:8px 0;.ant-tag{border:none;font-size:14px;&.tag-status{padding:0 20px;color:#8bc34a;background-color:#e8f3db}&.tag-code{color:#2e9eff;background-color:#e9f5ff}}}.description{font-size:14px;color:#969696}}.insurance-info{padding:28px 8px;.group{.info-row:first-child{font-weight:700}&:last-child{.info-row:not(:first-child){.value-col{//font-weight:bold}}}}.info-row{padding:16px 0;&.bottom-border{border-bottom:1px solid #e6eaf0}.value-col{min-width:100px;text-align:left}}}}}}.payroll-calculation-detail__loading-modal{&.success{.description-wrapper{width:84px;height:84px;border-radius:50%}}.progress{width:100%;//padding:22px 57px;//margin:21px 120px 68px;//border-radius:14px;//background-color:#f6f6f6;.percent{font-size:25px;color:#4a494a}.ant-progress-inner{background-color:#d1d1d1}}.success{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;//margin:45px 400px 74px;.success-icon{height:84px;width:84px;color:#2e9eff;font-size:40px;background-color:#f6f6f6;border-radius:50%;margin-bottom:17px}}}.payroll-calculation-detail__debug-modal{.ant-modal-content{.ant-modal-header{background:#eaeaee}}.description-content{padding:0 80px}.detail .description-detail-wrapper,.shorts .description-shorts-wrapper{max-height:400px;overflow:auto;background-color:#f6f6f6;padding:16px 24px;border-radius:8px;margin:16px 0}.detail{max-height:0}.btn-collapse,.detail{visibility:hidden}.description-title{height:0;visibility:hidden}.content-body{.message-body{margin:0}}}.payroll-calculation-detail__error-modal{.description-content{padding:0 80px}.detail .description-detail-wrapper,.shorts .description-shorts-wrapper{max-height:400px;overflow:auto;background-color:#f6f6f6;padding:16px 24px;border-radius:8px;margin:16px 0}.detail{max-height:0}.btn-collapse,.detail{visibility:hidden}.description-title{height:0;visibility:hidden}}.upload-modal .upload-wrapper{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.upload-modal .upload-wrapper .ant-upload.ant-upload-drag{width:526px}.upload-modal .upload-wrapper .ant-upload.ant-upload-drag .ant-upload-drag-container{display:table-cell;vertical-align:middle}.upload-modal .upload-wrapper .ant-upload.ant-upload-drag .ant-upload-drag-container .ant-upload-drag-text{color:#40a9ff}.upload-modal .edit-wrapper{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.upload-modal .edit-wrapper .form-group{width:526px;margin-top:8px}.upload-modal .content-body{margin-top:32px}.upload-modal .content-body .action-wrapper{padding:10px 16px;margin:64px -24px 32px -24px}.upload-modal .content-body .action-wrapper .action-btn{width:144px}.upload-modal .content-body .action-wrapper .action-btn:not(:first-child){margin-left:16px}.select-employee{margin-bottom:8px;padding:16px;border-radius:6px;border:1px solid #e9eff4}.payroll-calculation-detail__step .tax-tips{width:calc(100% + 63px);height:48px;background-color:#fffbe3;margin:-32px -32px 32px -32px;padding:0 32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.import-modal .ant-tabs-bar{width:527px;margin:0 auto 16px auto}.import-modal .ant-modal-title{text-align:center}.import-modal .upload-wrapper{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.import-modal .upload-wrapper .ant-upload.ant-upload-drag{width:526px;height:110px}.import-modal .upload-wrapper .ant-upload.ant-upload-drag .ant-upload-drag-container{display:table-cell;vertical-align:middle}.import-modal .upload-wrapper .ant-upload.ant-upload-drag .ant-upload-drag-container .ant-upload-drag-text{color:#40a9ff}.import-modal .edit-wrapper{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:527px;margin:0 auto 16px auto}.import-modal .edit-wrapper,.import-modal .edit-wrapper .form-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.import-modal .edit-wrapper .form-group{width:526px;margin-top:8px;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}.import-modal .edit-wrapper .form-group a{color:#2e9eff}.import-modal .edit-wrapper .form-group .error-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:8px;background-color:#fff5f5;color:#737373;padding:16px 16px}.import-modal .edit-wrapper .form-group .error-info .info-group{width:100%}.import-modal .edit-wrapper .form-group .error-info .info-group p{margin:0}.import-modal .edit-wrapper .form-group .error-info .error-info_btn{color:#e21616}.import-modal .edit-wrapper .tips-meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:8px 16px;margin:16px 0;border:1px solid #e9eef3;border-radius:4px}.import-modal .edit-wrapper .tips-meta .tips-meta-left{margin-right:8px}.import-modal .edit-wrapper .tips-meta .tips-meta-right{color:#2e2e2e}.import-modal .edit-wrapper .tips-meta .tips-meta-right .tips-title{font-size:13px;color:#747474;margin-bottom:4px}.import-modal .edit-wrapper .tips-meta .tips-meta-right div{font-size:13px}.payroll-calculation-detail__content .step3{padding:32px 32px 0}.payroll-calculation-detail__content .step3 .warning-card-wrap{margin-bottom:21px}.payroll-calculation-detail__content .step3 .ant-collapse{border:none;margin-left:-16px}.payroll-calculation-detail__content .step3 .ant-collapse .ant-collapse-header{padding:4px 0 4px 40px}.payroll-calculation-detail__content .step3 .ant-collapse .ant-collapse-header .anticon.arrow{line-height:30px}.payroll-calculation-detail__content .step3 .ant-collapse .ant-collapse-item{border-bottom:none;background-color:#fff}.payroll-calculation-detail__content .step3 .ant-collapse .ant-collapse-item .ant-collapse-content{border:none}.payroll-calculation-detail__content .step3 .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box{padding:0 42px}.payroll-calculation-detail__content .step3 .title{font-size:20px;margin-bottom:0}.payroll-calculation-detail__content .step3 .info-cards{margin-left:20px}.payroll-calculation-detail__content .step3 .info-cards .card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;background:#f7f7f7;border-radius:6px;height:80px;margin:10px}.payroll-calculation-detail__content .step3 .info-cards .card .project-title{width:80px;height:40px;border-right:1px solid #edebeb}.payroll-calculation-detail__content .step3 .info-cards .card .project-title,.payroll-calculation-detail__content .step3 .info-cards .card .type-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.payroll-calculation-detail__content .step3 .info-cards .card .type-box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.payroll-calculation-detail__content .step3 .info-cards .card .type-box span{text-decoration:underline;color:#1890ff;cursor:pointer;font-size:12px}.payroll-calculation-detail__content .step3 .info-cards .card .no-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.payroll-calculation-detail__content .step3 .info-cards .card .no-box span{color:#1890ff;font-size:12px}.payroll-calculation-detail__content .step3 .click-text{font-size:10px;color:#1890ff;text-decoration:underline;margin-left:30px;cursor:pointer}.payroll-calculation-detail__content .step3 .detail-item{display:-webkit-box;display:-ms-flexbox;display:flex}.payroll-calculation-detail__content .step3 .detail-item .name{margin-right:12px;text-decoration:underline}.payroll-calculation-detail__content .step3 .tips{margin:8px 0}.detail-modal{width:600px;margin:0 auto}.detail-modal .title{font-size:20px;margin-bottom:30px}.detail-modal .detail-desc{font-size:10px;color:#666;margin-top:10px;margin-bottom:10px}.detail-modal .check-table .ant-table-tbody td{padding:6px 16px}.reporting-party-declaration[data-v-0e3c46c0]{width:520px;margin:0 auto}.reporting-party-declaration .declaration-content[data-v-0e3c46c0]{width:520px;border-radius:9px;background:#f6f6f6;padding:21px 24px;margin-bottom:16px;color:#2e2e2e;line-height:32px}.reporting-party-declaration .declaration-content .declaration-title[data-v-0e3c46c0]{font-weight:500;font-size:14px}.reporting-party-declaration .declaration-sign[data-v-0e3c46c0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;color:#2e2e2e;line-height:32px}.reporting-party-declaration .declaration-sign .declaration-title[data-v-0e3c46c0]{font-weight:500;font-size:14px}.reporting-party-declaration .declaration-sign input[data-v-0e3c46c0]{width:246px;border-top:none;border-left:none;border-right:none;outline:none;text-align:right;font-size:24px;color:#2e2e2e;font-weight:500}.reporting-party-declaration .declaration-action[data-v-0e3c46c0]{margin:36px 0 12px 0}.reporting-party-declaration .declaration-action>.ant-btn[data-v-0e3c46c0]{width:144px}.reporting-party-declaration .ant-radio-group[data-v-0e3c46c0]{width:100%}.reporting-party-declaration .ant-radio-group .ant-radio-wrapper[data-v-0e3c46c0]{white-space:pre-wrap}.step4 .auto-pay-card-wrap{margin-bottom:26px}.step4 .stp-curd .ant-card-body{padding:0;border-top:1px solid #cbcbcb}.step4 .stp-curd .no_data{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:45px 0}.step4 .stp-curd .no_data .generate_btn{width:170px;margin:20px 0 0}.stp-modal .ant-modal-header{text-align:center}.stp-modal .ant-modal-body{padding:16px 96px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.stp-modal .ant-modal-body .declaration-content{width:560px;border-radius:9px;background:#f6f6f6;padding:21px 24px;margin-bottom:16px;color:#2e2e2e;line-height:32px}.stp-modal .ant-modal-body .declaration-content .declaration-title{font-weight:500;font-size:14px}.stp-modal .ant-modal-body .declaration-sign{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;color:#2e2e2e;line-height:32px}.stp-modal .ant-modal-body .declaration-sign .declaration-title{font-weight:500;font-size:14px}.stp-modal .ant-modal-body .declaration-sign input{width:246px;border-top:none;border-left:none;border-right:none;outline:none;text-align:right;font-size:24px;color:#2e2e2e;font-weight:500}.stp-modal .ant-modal-footer>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.stp-modal .ant-modal-footer>div .ant-btn{height:42px;padding:9px 56px}.payroll-calculation-detail__steps{width:260px}.payroll-calculation-detail__step{padding:32px}.payroll-calculation-detail__step.step1 .ant-card:not(:first-child){margin-top:16px}.payroll-calculation-detail__step.step1 .advance-setting .ant-card-body{padding:0;height:254px;-webkit-transition:height .5s ease-out;transition:height .5s ease-out;overflow:hidden}.payroll-calculation-detail__step.step1 .advance-setting .ant-card-body .content{padding:24px}.payroll-calculation-detail__step.step1 .advance-setting.collapse .ant-card-body{height:0}.payroll-calculation-detail__step.step1 .advance-setting .ant-checkbox-group .ant-checkbox-group-item{display:block;margin-bottom:16px}.payroll-calculation-detail__step.step1 .tips{padding:16px 44px}.payroll-calculation-detail__step.step1 .tips .ant-card-body{padding:0}.payroll-calculation-detail__step.step1 .tips .content{position:relative}.payroll-calculation-detail__step.step1 .period_and_calculate{padding:0}.payroll-calculation-detail__step.step1 .period_and_calculate .title{font-size:18px;font-weight:400;margin:8px 0}.payroll-calculation-detail__step.step1 .period_and_calculate .date{font-size:14px;color:#969696}.payroll-calculation-detail__step.step1 .period_and_calculate .bold{font-size:15px;font-weight:500}.payroll-calculation-detail__step.step1 .period_and_calculate .ant-form-item{margin-bottom:8px}.payroll-calculation-detail__step__drawer .ant-drawer-wrapper-body{padding-top:55px;padding-bottom:55px}.payroll-calculation-detail__step__drawer .ant-drawer-header{position:absolute;top:0;right:0;width:100%;z-index:2;border-radius:0}.payroll-calculation-detail__step__drawer .employee-info .title{font-size:18px;font-weight:700}.payroll-calculation-detail__step__drawer .employee-info .tags{margin:8px 0}.payroll-calculation-detail__step__drawer .employee-info .tags .ant-tag{border:none;font-size:14px}.payroll-calculation-detail__step__drawer .employee-info .tags .ant-tag.tag-status{padding:0 20px;color:#8bc34a;background-color:#e8f3db}.payroll-calculation-detail__step__drawer .employee-info .tags .ant-tag.tag-code{color:#2e9eff;background-color:#e9f5ff}.payroll-calculation-detail__step__drawer .employee-info .description{font-size:14px;color:#969696}.payroll-calculation-detail__step__drawer .insurance-info{padding:28px 8px}.payroll-calculation-detail__step__drawer .insurance-info .group .info-row:first-child{font-weight:700}.payroll-calculation-detail__step__drawer .insurance-info .info-row{padding:16px 0}.payroll-calculation-detail__step__drawer .insurance-info .info-row.bottom-border{border-bottom:1px solid #e6eaf0}.payroll-calculation-detail__step__drawer .insurance-info .info-row .value-col{min-width:100px;text-align:left}.payroll-calculation-detail__loading-modal.success .description-wrapper{width:84px;height:84px;border-radius:50%}.payroll-calculation-detail__loading-modal .progress{width:100%}.payroll-calculation-detail__loading-modal .progress .percent{font-size:25px;color:#4a494a}.payroll-calculation-detail__loading-modal .progress .ant-progress-inner{background-color:#d1d1d1}.payroll-calculation-detail__loading-modal .success{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.payroll-calculation-detail__loading-modal .success,.payroll-calculation-detail__loading-modal .success .success-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.payroll-calculation-detail__loading-modal .success .success-icon{height:84px;width:84px;color:#2e9eff;font-size:40px;background-color:#f6f6f6;border-radius:50%;margin-bottom:17px}.payroll-calculation-detail__debug-modal .ant-modal-content .ant-modal-header{background:#eaeaee}.payroll-calculation-detail__debug-modal .description-content{padding:0 80px}.payroll-calculation-detail__debug-modal .detail .description-detail-wrapper,.payroll-calculation-detail__debug-modal .shorts .description-shorts-wrapper{max-height:400px;overflow:auto;background-color:#f6f6f6;padding:16px 24px;border-radius:8px;margin:16px 0}.payroll-calculation-detail__debug-modal .detail{max-height:0;visibility:hidden}.payroll-calculation-detail__debug-modal .btn-collapse{visibility:hidden}.payroll-calculation-detail__debug-modal .description-title{height:0;visibility:hidden}.payroll-calculation-detail__debug-modal .content-body .message-body{margin:0}.payroll-calculation-detail__error-modal .description-content{padding:0 80px}.payroll-calculation-detail__error-modal .detail .description-detail-wrapper,.payroll-calculation-detail__error-modal .shorts .description-shorts-wrapper{max-height:400px;overflow:auto;background-color:#f6f6f6;padding:16px 24px;border-radius:8px;margin:16px 0}.payroll-calculation-detail__error-modal .detail{max-height:0;visibility:hidden}.payroll-calculation-detail__error-modal .btn-collapse{visibility:hidden}.payroll-calculation-detail__error-modal .description-title{height:0;visibility:hidden}.step5 .cycle-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:8px;color:#737373;font-size:14px}.step5 .cycle-wrap .item:first-child{margin-right:92px}