
.wb-breadcrumb {
    background: transparent;
}

.btn-favorites.active {
    background: #FFF;
}
.btn-favorites.active > .fa {
    color: #d1a04d;
}

/* 步骤条 */
.wb-steps {
    display: table;
    width: 100%;
}

.wb-step {
    display: table-cell;
    width: 1%;
    padding: 10px;
    position: relative;
}

.wb-step span {
    display: block;
    text-align: center;
}

.wb-step-icon {
    position: relative;
    z-index: 9;
    font-size: 18px;
    width: 46px;
    height: 46px;
    line-height: 46px;
    color: #888;
    border-radius: 50%;
    margin: 0 auto;
    box-shadow: 0 0 2px #ccc;
    text-align: center;
    background: #F7F7F8;
}

.wb-step-label {
    text-align: center;
    margin-top: 10px;
}

.wb-step.active>.wb-step-icon {
    background: var(--theme-color);
    color: #fff;
    box-shadow: 0 0 0 6px #D1E0FE;
    /*box-shadow: 0 0 0 6px #a4ebb8;*/
}

.wb-step.active>.wb-step-label {
    color: var(--theme-color);
}

.wb-step:before,
.wb-step:after {
    content: '';
    position: absolute;
    top: 32px;
    width: 50%;
    height: 1px;
    background: #eee;
    z-index: 8;
}

.wb-step:before {
    left: 0;
}

.wb-step:after {
    right: 0;
}

.wb-step:first-child::before {
    height: 0;
}

.wb-step:last-child::after {
    height: 0;
}

.wb-step.active::before,
.wb-step.active::after {
    background: var(--theme-color);
}
.wb-iframe {
    height: 100%;
    width: 100%;
    border: none;
}
.wb-apply-box {
    padding: 0px 15px 10px;
    background: #FFFFFF;
    box-shadow: 0px 4px 30px rgba(25, 26, 48, 0.05);
    margin-bottom: 20px;
}
.apply-panel {
    display: none;
}
.apply-panel.active {
    display: block;
}
/* 智能引导 */
.wb-part-name {
    font-size: 20px;
    color: #07111D;
    margin-bottom: 20px;
}
.wb-part-name.arrow {
    padding-left: 20px;
    background: url('../img/business/icon-arrow.png') no-repeat left center;
}
.wb-part-box {
    padding: 15px 10px;
    border: 1px solid #DADADA;
}
.wb-panel-control {
    margin: 50px 0 30px;
    text-align: center;
}
.wb-panel-control .btn {
    padding: 8px 12px;
}
.qa-matter-item.disabled > td {
    color: #DADADA;
}
/* 申报须知 */
.chain-agreement {
    list-style: none;
    padding: 10px 30px;
}

.chain-apply-agreement p ,
.chain-agreement li{
    font-size: 16px;
    line-height: 1.5;
    margin-top: 10px;
}

.chain-agreement-confirm {
    margin-top: 30px;
}
.chain-agreement-confirm .wb-checkbox {
    padding-left: 0;
}
.apply-form .form-label {
    margin-top: 6px;
}
/* 业务表单 */
.chain-iframe {
    width: 100%;
    height: 100%;
}

.chain-apply-panel.active {
    display: block;
}
.chain-panel-title h2 {
    color: var(--chain--theme-color) !important;
    font-size: 20px;
    padding: 15px 0px;
    font-weight: 700;
}

/* 节标题 */
.chain-part-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--theme-color);
    padding: 0 15px;
}
.chain-part-content {
    padding: 0 15px;
    margin-top: 20px;
    margin-bottom: 10px;
}
.chain-part-content .form-control {
    background: #FFFFFF;
    border: 1px solid #E7EBF3;
    box-shadow: none;
    height: 40px;
    padding: 10px 12px;
}
.required {
    color: red;
}

.chain-table {
    table-layout: fixed;
}

.chain-apply-success > h2 {
    color: #FFF;
    font-size: 42px;
    margin:25px 0 45px 0;
}
.chain-apply-success p {
    color: #FFF;
}


/* 单选框 复选框*/
.chain-radio {
    display: inline-block;
    padding: 5px 10px;
}

.chain-radio__input {
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    vertical-align: middle;
}

.chain-radio__original {
    display: none;
}

.chain-radio__inner {
    box-sizing: content-box;
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid #ccc;
    border-radius: 50%;
}
.chain-radio__inner:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    height: 6px;
    width: 6px;
    background: #FFF;
    border-radius: 50%;
    transform: scale(0);
    transition: all .15s linear;
}
.chain-radio__original:checked + .chain-radio__inner {
    background-color: #dc371e;
    border-color: #dc371e;
}

.chain-radio__original:checked + .chain-radio__inner:after {
    transform: scale(1);
}

.chain-radio__label {
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    vertical-align: middle;
    margin-left: 5px;
    -webkit-user-select: none;
    user-select: none;
}

.chain-checkbox {
    display: inline-block;
    padding: 5px 10px;
    white-space: nowrap;
}

.chain-checkbox__input {
    display: inline-block;
    line-height: 1;
    font-size: 14px;
    vertical-align: middle;
}

.chain-checkbox__original {
    display: none;
}

.chain-checkbox__inner {
    box-sizing: content-box;
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid #ccc;
    border-radius: 2px;
}
.chain-checkbox__inner:after {
    content: '';
    position: absolute;
    top: 1px;
    left: 5px;
    height: 8px;
    width: 4px;
    border: 1px solid #FFF;
    border-left: 0;
    border-top: 0;
    transform: rotate(45deg) scaleY(0);
    transition: all .15s linear;
}
.chain-checkbox__original:checked + .chain-checkbox__inner {
    background-color: #dc371e;
    border-color: #dc371e;
}

.chain-checkbox__original:checked + .chain-checkbox__inner:after {
    transform: rotate(45deg) scaleY(1);
}

.chain-checkbox__label {
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    margin-left: 5px;
    -webkit-user-select: none;
    user-select: none;
}

/* 打印 */
@page{size:A4 portrait; margin: 6mm auto}
@media print {
    a[href]:after {
        content: "";
    }

    /* 修改容器宽度 */
    .container {
        width: auto !important;
    }

    /* 修正打印颜色 */
    .chain-apply-success > h2,
    .chain-apply-success p,
    .chain-apply-success span{
        color: #FFF !important;
    }

    .container {

    }

    .print-hide {
        display: none;
    }
}

/* 申报标题 */
.declare-banner{
    height:150px;
    color: #333;
}
.er-con{
    margin: 0 auto;
    overflow: hidden;
}
.declare-banner .er-b-title	{
    font-size: 30px;
    line-height: 80px;
    min-height: 80px;
    font-weight: 600;
    letter-spacing:2px;
    margin-top: 10px;
}
.declare-banner .er-b-info{
    font-size: 14px;
    display: flex;
}
.declare-banner .er-b-info span{ margin-right: 10px;}


.required {
    color: red;
}

.form-text.error {
    color: red !important;
}

.chain-base-form {
    display: none;
}

/* 上传 */
.chain-upload-input {
    width: 100px;
    font-weight: 500;
    margin: 0;
    cursor: pointer;
}

.chain-upload__input {
    display: none !important;
}

.upload-material-tr td:first-child {
    border-bottom: none;
}

.upload-material-tr+.upload-material-tr td:first-child {
    border-top: none;
}

.upload-material-tr.disabled {
    background: #f2f2f2;
    opacity: .6;
}

.upload-material-tr.disabled .chain-upload-file__name {
    text-decoration: line-through;
}

.chain-upload-btn {
    padding: 2px 5px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
}

.remove-file {
    color: #f44336;
}

.elec-material .table>thead>tr>th {
    vertical-align: middle;
    text-align: center;
}

.material-tr-tools {
    text-align: center;
}

.submit-type-window {
    height: 20px;
    width: 20px;
}

.select-all-window {
    height: 16px;
    width: 16px;
    margin: 0 !important;
}

.layer-page {
    text-align: center;
}

.submit-type-btn {
    padding: 0;
    margin-bottom: 0;
}

.material-library-modal .material-table {
    font-size: 14px;
}
.table-fixed {
    table-layout: fixed;
}

/* 标签	*/
.wb-tag {
    background-color: #FFF;
    display: inline-block;
    height: 32px;
    padding: 0 10px;
    line-height: 30px;
    font-size: 12px;
    color: #333;
    border: 1px solid #ccc;
    box-sizing: border-box;
    white-space: nowrap;
}
.wb-tag--small {
    height: 24px;
    padding: 0 8px;
    line-height: 22px;
}
.wb-tag--mini {
    height: 20px;
    padding: 0 5px;
    line-height: 19px;
}
.wb-tag--danger {
    background-color: #f56c6c;
    border-color: #f56c6c;
    color: #fff;
}
.wb-tag--success {
    background-color: #67c23a;
    border-color: #67c23a;
    color: #fff;
}
.web-tag__close {
    cursor: pointer;
    display: inline-block;
}
.web-tag__close:hover {
    color: #fff;
    background-color: #409eff;
}

.wb-tag__close.icon-text-close {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
}

.wb-tag__close.icon-text-close:hover{
    background: #ccc;
    border-radius: 50%;
    color: #67c23a;
}
.btn-material-submit.active {
    background: #0c7de7;
    color: #FFF;
    text-decoration: none !important;
}
.dropdown-material-submit {
    display: inline-block;
}
/* 补充custom.css	*/
.btn {
    outline: 0 !important;
}
.btn-chain {
    min-width: 150px;
    color: #FFF;
    background: #2875F2;
    height: auto;
    color: #FFF;
    padding: 10px 15px;
}
.btn-chain:hover {
    color: #FFF;
    background: #1e69e3;
}
/* 上传 */
.chain-upload-file {
    display: flex;
    box-shadow: 0 0 4px #ccc;
}
.chain-upload-file + .chain-upload-file {
    margin-top: 10px;
}
.chain-upload-file .chain-upload-file__name {
    flex: 1 1 auto;
    color: #606266;
    display: block;
    padding: 10px 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .3s;
    white-space: nowrap;
    font-size: 14px;
    height: 40px;
    position: relative;
}
.chain-upload-file .chain-upload-file__name:after {
    content: '';
    position: absolute;
    height: 20px;
    width: 1px;
    right: 0;
    background: #ccc;
}
.chain-upload-file .chain-upload-file__name .upload-file__progress {
    position: absolute;
    bottom: 0;
    height: 2px;
    width: 100%;
    left: 0;
    background: #f2f2f2;
    display: none;
}
.chain-upload-file .chain-upload-file__name .upload-file__progress .upload-file__progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    width: 20%;
    background: #0db0e5;
}
.chain-upload-file .chain-upload-file__name .upload-file__progress .upload-file__progress-value {
    position: absolute;
    bottom: 0;
    width: 20%;
    padding: 2px 5px;
    text-align: right;
}
.chain-upload-file .chain-upload-file__operation {
    line-height: 40px;
    padding: 0 5px;
}

.upload-files-td {
    position: relative;
}
.upload-files-td .resume-elec-submit-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    display: none;
}
.upload-files-td .resume-elec-submit-mask.active {
    display: block;
}
.resume-elec-submit-btn {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 120px;
    background: #0c7de7;
    color: #FFF !important;
    margin-top: -10px;

    margin-left: auto;
    margin-right: auto;
    z-index: 1000;
}

.modal-backdrop {
    position: fixed;
    bottom: 0;
    z-index: 999
}

.modal-backdrop.in {
    z-index: 999;
}
.preview-upload-img-wrapper {
    min-height: 300px;
    display: flex;
    align-items: center;
}
.preview-upload-img-wrapper > img {
    max-width: 100%;
    margin: 0 auto;
}

.ems-form .form-label {
    padding-left: 2px;
    padding-right: 2px;
    margin-top: 10px;
}

.Success{
    text-align: center;
}
.Success img{ margin-bottom: 20px;}
.SuccTitle{
    font-size: 32px;
    font-weight: 700;
    color: #2364e6;
}
.Succcon{ margin-top: 20px; line-height: 34px;margin-bottom: 20px;}

/* 单选框 复选框*/
.wb-radio {
    display: inline-block;
    padding: 5px 10px;
}

.wb-radio__input {
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    vertical-align: middle;
}

.wb-radio__original {
    display: none;
}

.wb-radio__inner {
    box-sizing: content-box;
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid #ccc;
    border-radius: 50%;
}
.wb-radio__inner:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    height: 6px;
    width: 6px;
    background: #FFF;
    border-radius: 50%;
    transform: scale(0);
    transition: all .15s linear;
}
.wb-radio__original:checked + .wb-radio__inner {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}

.wb-radio__original:checked + .wb-radio__inner:after {
    transform: scale(1);
}

.wb-radio__label {
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    vertical-align: middle;
    margin-left: 5px;
    -webkit-user-select: none;
    user-select: none;
}

.wb-checkbox {
    display: inline-block;
    padding: 5px 10px;
    white-space: nowrap;
}

.wb-checkbox__input {
    display: inline-block;
    line-height: 1;
    font-size: 14px;
    vertical-align: middle;
}

.wb-checkbox__original {
    display: none;
}

.wb-checkbox__inner {
    box-sizing: content-box;
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid #ccc;
    border-radius: 2px;
}
.wb-checkbox__inner:after {
    content: '';
    position: absolute;
    top: 1px;
    left: 5px;
    height: 8px;
    width: 4px;
    border: 1px solid #FFF;
    border-left: 0;
    border-top: 0;
    transform: rotate(45deg) scaleY(0);
    transition: all .15s linear;
}
.wb-checkbox__original:checked + .wb-checkbox__inner {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}

.wb-checkbox__original:checked + .wb-checkbox__inner:after {
    transform: rotate(45deg) scaleY(1);
}

.wb-checkbox__label {
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    margin-left: 5px;
    -webkit-user-select: none;
    user-select: none;
}
.apply-result-operas {
    margin-top: 20px;
    margin-bottom: 20px;
}

.material-header_row,
.material-body_row{
    display: flex;
    border: 1px solid #ccc;
    margin-top: -1px;
}
.material-header_row > div,
.material-body_row > div {
    padding: 5px 10px;
    font-size: 16px;
    border-right: 1px solid #ccc;
}
.material-header_row > div:nth-child(1),
.material-body_row > div:nth-child(1) {
    flex: 0 0 54px;
}

.material-header_row > div:nth-child(2),
.material-body_row > div:nth-child(2){
    flex: 1 0 0%;
    white-space: normal;
    word-wrap: break-word;
    min-width: 40px;
}

.material-header_row > div:nth-child(3),
.material-body_row > div:nth-child(3){
    flex: 0 0 80px;
}

.material-header_row > div:nth-child(4),
.material-body_row > div:nth-child(4){
    flex: 0 0 80px;
}

.material-header_row > div:nth-child(5),
.material-body_row > div:nth-child(5){
    flex: 0 0 100px;
}
.material-header_row > div:nth-child(6),
.material-body_row > div:nth-child(6){
    flex: 0 0 170px;
}
/* 材料补齐补正 */

.corr-material .material-header_row > div:nth-child(3),
.corr-material .material-body_row > div:nth-child(3){
    flex: 0 0 100px;
}

.corr-material .material-header_row > div:nth-child(4),
.corr-material .material-body_row > div:nth-child(4){
    flex: 0 0 170px;
}

@media (max-width: 768px) {
    .chain-step {
        padding-left: 5px;
        padding-right: 5px;
    }
    .chain-step-index {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .chain-step:before,
    .chain-step:after {
        top: 25px;
    }

    .prev-step-btn,
    .next-step-btn {
        margin: 10px 0 !important;

    }

    .material-header_row {
        display: none;
    }

    .material-body_row{
        display: block;
        border: none;
        padding: 5px;
        background: #f5f5f5;
        margin-bottom: 10px;
        border-radius: 4px;
    }
    .material-body_row > div {
        padding: 0;
        border: none;

    }
    .material-body_row > div:nth-child(1) {
        float: left;
        width: 25px;
        margin-top: 4px;
    }

    .material-header_row > div:nth-child(2),
    .material-body_row > div:nth-child(2){

    }

    .material-body_row > div:nth-child(3),
    .material-body_row > div:nth-child(4){
        text-align: left;
        font-size: 14px;
        padding-left: 10px;
        margin-top: 4px;
    }

    .material-body_row > div:nth-child(5){
        text-align: left;
        font-size: 14px;
        padding-left: 10px;
    }

    .material-body_row > div:nth-child(6){
        margin-top: 10px;
        display: flex;
    }
    .material-body_row > div:nth-child(6) > .dropdown-material-submit {
        margin: 0 2px;
    }
    .material-body_row > div:nth-child(6) > .btn-material-submit {
        margin: 0 2px;
    }
    .btn-material-submit {
        background: #e6e6e6;
        width: 50%;
    }
    .dropdown-material-submit {
        display: block;
        width: 50%;

    }
    .dropdown-material-submit .btn-material-submit {
        width: 100%;
    }

    .upload-file-list {
        display: block;
        margin-bottom: 10px;
    }

}

@media (max-width: 992px) {

}

@media (max-width: 1200px) {

}

/* 问答 */
.chain-qa {
    box-shadow: 0 0 2px rgb(9 41 77/12%);
    background: #FFF;
    margin-top: 20px;
    margin-bottom: 20px;
}
.chain-qa-desc {
    padding: 10px 0;
    font-size: 20px;
    font-weight: 700;
    margin-top: 20px;
    border-bottom: 3px solid #666;
}

.chain-qa-list {
    min-height: 280px;
}

.chain-qa-list > .chain-qa-item .chain-qa-item {
    padding-left: 20px;
}
.chain-qa-item__options {
    padding: 5px 0px 10px 18px;
}
.chain-qa-item__title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 14px;
}

.chain-qa-item__option {
    min-width: 100px;
    font-size: 14px;
    padding: 5px 20px;
    border-radius: 4px;
    border: none;
    outline: 0 !important;
    color: #333;
    margin-left: 0 !important;
}

.chain-qa-item__option.active {
    color: #FFF;
    background: #2d83f5;
}
.chain-qa-item__option + .chain-qa-item__option {
    margin-left: 10px;
}
.chain-qa-item__option-remark {
    margin-top: 10px;
}
.chain-qa-remark {
    margin-top: 8px;
}
.chain-qa-remak-link {
    color: #0082e3;
    text-decoration: underline;
}
.chain-qa-remak-link:hover {
    color: #0082e3;
    text-decoration: underline;
}
.wb-table {
    table-layout: fixed;
    border: 1px solid #DADADA;
}
.wb-table > thead > tr > th {
    color: #07111D;
    background: #ebf4ff;
    padding: 10px;
    border-bottom: 1px solid #DADADA;
}

/* 材料上传 */

.materil-name,
.material-tools-tips,
.upload-file-name {
    flex: 1 0 0;
}
.apply-material-item {
    padding: 10px 0;
}
.apply-material-item.must .materil-name:before {
    content: '*';
    color: #FF3333;
}
.apply-material-item + .apply-material-item {
    border-top: 1px solid #DADADA;
}
.materil-name {
    font-size: 17px;
}
.material-info .wb-radio {
    margin: 0;
}
.material-submit-method,
.material-upload-method{
    flex: 0 0 auto;
}
.material-tools {
    align-items: center;
    margin: 5px 0 10px;
}
.hide {
    display: none !important;
}
.material-tools-tips {
    color: #999999;
    font-size: 14px;
    padding: 0 5px;
    height: 26px;
    line-height: 26px;
}
.material-tools-tips i {
    color: #FFB054;
}
.upload-files {
    padding: 10px 0;
    background: #FAFAFA;
}
.material-tools .online-method {
    min-width: 80px;
    padding: 2px 5px;
}
.material-tools .online-method + .online-method {
    margin-left: 4px;
}
.upload-file {
    padding: 5px 10px;
}
.upload-file-preview,
.upload-file-download,
.upload-file-upload {
    color: var(--theme-color)
}
.upload-file-delete {
    color: #FF3333;
}
/* 邮寄 */
.ems-part-title {
    font-weight: 700;
    font-size: 17px;
    border-left: 4px solid var(--theme-color);
    padding-left: 10px;
    line-height: 1;
    margin: 20px 0 10px;
}
.ems-position-wrapper {
    position: relative;
}
.chain-part-content .form-control {
    width: 100%;
}
.ems-position-wrapper .city-picker-span {
    border: 1px solid #E7EBF3;
    box-shadow: none;
    height: 40px !important;
    line-height: 1.42857143 !important;
    padding: 10px 12px;
    width: 100% !important;
    border-radius: 4px;
}
.city-picker-dropdown {
    width: 100% !important;
}
/* 申报结果 */
.apply-result {
    padding: 20px 0;
}
.apply-result-info {
    margin: 20px 0;
}
.apply-result-info > img {
    display: block;
    margin: 10px auto;
}
.apply-result-info > p {
    font-weight: 700;
    font-size: 24px;
    text-align: center;
}
.apply-result-desc {
    text-align: center;
    font-size: 16px;
    margin-bottom: 10px;
}
.receive-number,
.receive-password {
    color: var(--theme-color);
    margin: 0 5px;
}

/* 须知弹框 */
.notice-modal .modal-title {
    font-size: 24px;
}
.file-preview-modal {
    z-index: 9999;
}
.material-correction-notice {
    display: inline-block;
    font-size: 14px;
    color: #FFB054;
    padding: 5px;
    min-width: 200px;
}
.tag-original-file {
    background-color: #ff976a;
    color: #FFF;
    border: 1px solid #ff976a;
}

/* 样表空表处理 */
.apply-help-material {
    display: inline-block;
    margin-left: 4px;
}
.apply-help-material > .btn {
    min-width: auto;
}
.apply-help-material > .btn > i {
    color: var(--theme-color);
    margin-right: 4px;
}
.apply-help-material > .btn > span {

}
.apply-help-material .btn-wb-theme + .btn-wb-theme {
    margin-left: 4px;
}

.netdisk-file-item {
    display: flex;
}
.netdisk-file-item > .netdisk-file-item__name {
    flex: 1 0 auto;
}
.netdisk-file-item > .netdisk-file-item__tools {
    flex: 0 0 auto;
}
.netdisk-file-item__tools > .btn {
    color: var(--theme-color);
}
.net-disk-file-download {
    position: relative;
}
.material-badge {
    margin-top: -8px;
    position: absolute;
    top: 0;
    right: -8px;
    height: 14px;
    width: 14px;
    line-height: 14px;
    font-size: 14px;
    background: var(--theme-color);
    color: #FFF;
    border-radius: 100%;
}
