.body {
    background-image: url(../pic/infoBg1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    width: auto;
}

.amis-scope .cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active {
    background: #3f4581;
    border-color: #3f4581;
    position: relative;
    font-size: var(--Tabs--radio-hover-fontSize);
    z-index: 1;
}

.amis-scope .cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child {
    background: #3f4581;
    color: #f2f2f2;
    font-size: var(--Tabs--radio-hover-fontSize);
}

.amis-scope .cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li + li {
    margin-left: -1px;
}

.amis-scope .cxd-Tabs-links > .cxd-Tabs-link > a:first-child {
    font-size: var(--Tabs-linkFontSize);
    outline: none;
    border: var(--Tabs-borderWidth) solid transparent;
    border-top-left-radius: var(--Tabs-borderRadius);
    border-top-right-radius: var(--Tabs-borderRadius);
    color: #f2f2f2;
    margin: var(--Tabs-linkMargin);
    padding: var(--Tabs-linkPadding);
    text-decoration: none;
    cursor: pointer;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.amis-scope .cxd-Table-table > tbody > tr:hover, .amis-scope .cxd-Table-table > tbody > tr.is-hovered {
    background: #1d1e1f;
    border-color: transparent;
    color: #f2f2f2;
}

.amis-scope .cxd-Tabs-content {
    background: transparent;
    border-style: solid;
    border-width: 0 var(--Tabs-borderWidth) var(--Tabs-borderWidth);
    border-color: transparent;
}

.amis-scope .cxd-Tabs-pane {
    display: none;
    padding: 0;
    opacity: 0;
    transition: opacity var(--animation-duration) linear;
}

.amis-scope .cxd-Table-toolbar {
    display: flex;
    padding: var(--Table-toolbar-marginY) 0;
    flex-wrap: wrap;
}

/*table*/
.amis-scope .cxd-Table-table {
    width: 100%;
    min-width: 100%;
    margin-bottom: 0;
    font-size: 15px;
    color: #f2f2f2;
    background: transparent;
    border-spacing: 0;
    border-collapse: collapse;
    border-bottom: var(--Table-borderWidth) solid var(--Table-borderColor);
}

.amis-scope .cxd-Table-table > thead > tr > th {
    background: transparent;
    padding: var(--TableCell-paddingY) var(--TableCell-paddingX);
    text-align: left;
    border-bottom: var(--Table-thead-borderWidth) solid var(--Table-thead-borderColor);
    font-size: var(--Table-thead-fontSize);
    color: #f2f2f2;
    font-weight: var(--fontWeightNormal);
    white-space: nowrap;
}

/*text input*/

.amis-scope .cxd-TextControl-input {
    display: flex;
    background: #9f9f9f;
    border: var(--Form-input-borderWidth) solid #9f9f9f;
    border-radius: var(--Form-input-borderRadius);
    line-height: var(--Form-input-lineHeight);
    padding: var(--Form-input-paddingY) var(--Form-input-paddingX);
    font-size: var(--Form-input-fontSize);
    flex-wrap: wrap;
    justify-content: flex-start;
    /*width: 30%;*/
    margin-top: 0px;
}

.amis-scope .cxd-TextControl-input:hover {
    border-color: #9f9f9f;
}

.amis-scope .cxd-TextControl.is-focused > .cxd-TextControl-input {
    border-color: #9f9f9f;
    box-shadow: var(--Form-input-boxShadow);
    background: #9f9f9f;
    transition: all var(--animation-duration);
}

.amis-scope .cxd-Number:hover {
    border-color: whitesmoke;
}

/*输入框 手机模式*/
@media (max-width: 767px) {
    .amis-scope .cxd-TextControl-input {
        display: flex;
        background: #f2f2f2;;
        border: var(--Form-input-borderWidth) solid #f2f2f2;;
        border-radius: var(--Form-input-borderRadius);
        line-height: var(--Form-input-lineHeight);
        padding: var(--Form-input-paddingY) var(--Form-input-paddingX);
        font-size: var(--Form-input-fontSize);
        flex-wrap: wrap;
        justify-content: flex-start;
        width: 100%;
        margin-top: 0;
    }



    .amis-scope .cxd-Form .cxd-Form-item {
        display: flex;
        margin-bottom: 0;
        padding-top: 10px;
        padding-bottom: 10px;
        position: relative;
        flex-direction: column;
    }

    .amis-scope .cxd-Form::before {
        position: absolute;
        box-sizing: border-box;
        content: " ";
        pointer-events: none;
        right: 0;
        top: 0;
        left: 0;
        border: none;
    }

    .amis-scope .cxd-Form .cxd-Form-item {
        display: flex;
        margin-bottom: 0;
        padding-top: 10px;
        padding-bottom: 10px;
        position: relative;
        flex-direction: column;
    }

    .amis-scope .cxd-Form .cxd-Form-item > .cxd-Form-label {
        flex: 0 0 28%;
        max-width: 100%;
        min-height: 1px;
        text-align: left;
        padding-right: calc(var(--Form--horizontal-gutterWidth) / 2);
        overflow-wrap: break-word;
        margin-right: 0;
        margin-bottom: 0;
        font-size: var(--fontSizeLg);
    }

    .amis-scope .cxd-Form .cxd-Form-item::after {
        position: absolute;
        box-sizing: border-box;
        content: " ";
        pointer-events: none;
        right: 0;
        bottom: 0;
        left: 0;
        border-bottom: none;
    }

    .amis-scope .cxd-Panel--form .cxd-Panel-body {
        padding: 10px;
    }

    .amis-scope .cxd-Panel--form .cxd-Panel-footer {
        border-top: none;
        display: flex;
        padding: 10px;
    }

    .amis-scope .cxd-Table-table {
        width: 100%;
        min-width: 100%;
        margin-bottom: 0;
        font-size: 15px;
        color: #f2f2f2;
        background: transparent;
        border-spacing: 0;
        border-collapse: collapse;
        border-bottom: var(--Table-borderWidth) solid var(--Table-borderColor);
        margin-top: 50px;
    }
}

.amis-scope .cxd-Panel {
    margin-bottom: var(--Panel-marginBottom);
    background: transparent;
    border: var(--Panel-border);
    border-radius: var(--Panel-borderRadius);
    -webkit-box-shadow: var(--Panel-boxShadow);
    box-shadow: var(--Panel-boxShadow);
}

.amis-scope .cxd-Panel-footer {
    border-color: transparent;
    border-radius: var(--Panel-footerBorderRadius);
    background: transparent;
    padding: 10px;
    border-style: none;
    border-width: var(--Panel-borderWidth) 0 0 0;
    clear: both;
}

.amis-scope .cxd-Panel-body {
    padding: 0;
}

.amis-scope .cxd-Pagination > li.is-active > a, .amis-scope .cxd-Pagination > li.is-active > span, .amis-scope .cxd-Pagination > li.is-active > a:hover, .amis-scope .cxd-Pagination > li.is-active > span:hover, .amis-scope .cxd-Pagination > li.is-active > a:focus, .amis-scope .cxd-Pagination > li.is-active > span:focus {
    background: transparent;
    color: #2468f2;
    border: none;
    border-radius: var(--borderRadius);
}

.amis-scope .cxd-Pagination > li > a, .amis-scope .cxd-Pagination > li > span {
    user-select: none;
    cursor: pointer;
    position: relative;
    float: left;
    text-decoration: none;
    min-width: var(--Pagination-minWidth);
    height: var(--Pagination-height);
    border: 0;
    line-height: var(--Pagination-height);
    padding: var(--Pagination-padding);
    text-align: center;
    color: white;
    border-radius: 0;
    margin-left: 0;
    background: transparent;
    font-size: var(--Pagination-fontSize);
}

/*分页控件*/
.amis-scope .cxd-Pagination-inputGroup input {
    min-width: 3.125rem;
    width: 3.125rem;
    height: var(--Pagination-height);
    line-height: var(--Pagination-height);
    border: none;
    border-radius: 4px;
    padding: var(--Pagination-padding);
    margin-left: 0.5rem;
    text-align: center;
    background: #f7f8fa;
}

.amis-scope .cxd-Pagination-inputGroup-right {
    display: inline-block;
    width: 2rem;
    cursor: pointer;
    text-align: center;
    height: var(--Pagination-height);
    line-height: var(--Pagination-height);
    border: var(--borderWidth) solid var(--borderColor);
    border-left: none;
    border-radius: 0 var(--borderRadius) var(--borderRadius) 0;
    font-size: var(--fontSizeSm);
    color: white;
}


.amis-scope .cxd-Pagination-inputGroup-right:hover {
    color: var(--primary);
    border-color: var(--primary);
    border-left: var(--borderWidth) solid var(--primary);
    margin-left: 0;
}

.amis-scope .cxd-Pagination-wrap {
    line-height: 1.875rem;
    display: flex;
}

.amis-scope .cxd-Table-actions > * {
    margin-right: var(--Crud-toolbar-gap);
    margin-left: 10px;
}

.amis-scope .cxd-Panel-btnToolbar .cxd-Button {
    margin-left: 0;
}

.amis-scope .cxd-Panel-footer {
    border-color: transparent;
    border-radius: var(--Panel-footerBorderRadius);
    background: transparent;
    padding: 10px 0;
    border-style: none;
    border-width: var(--Panel-borderWidth) 0 0 0;
    clear: both;
    display: flex;
}

.amis-scope .cxd-Pagination-inputGroup input {
    min-width: 3.125rem;
    width: 3.125rem;
    height: var(--Pagination-height);
    line-height: var(--Pagination-height);
    border: none;
    border-radius: 4px;
    padding: var(--Pagination-padding);
    margin-left: 0.5rem;
    text-align: center;
    background: #9f9f9f;
}

.amis-scope .cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child {
    padding: 0;
    border-radius: 0;
    line-height: 1.875rem;
    font-size: 15px;
    border: none;
    color: whitesmoke;
}

.amis-scope .cxd-Form-item--inline {
    margin-right: 0;
}
.amis-scope .cxd-Form-item {
    margin-bottom: 10px;
}

.amis-scope .cxd-Select {
    display: inline-flex;
    vertical-align: middle;
    text-align: left;
    align-items: center;
    outline: none;
    position: relative;
    font-size: var(--select-base-default-fontSize);
    font-weight: var(--select-base-default-fontWeight);
    border-width: var(--Form-select-borderWidth);
    border-style: var(--select-base-default-top-border-style) var(--select-base-default-right-border-style) var(--select-base-default-bottom-border-style) var(--select-base-default-left-border-style);
    border-color: #9f9f9f;
    background: #9f9f9f;
    border-radius: var(--Form-select-borderRadius);
    min-height: var(--Form-selectOption-height);
    padding: var(--select-base-default-paddingTop) var(--select-base-default-paddingRight) var(--select-base-default-paddingBottom) var(--select-base-default-paddingLeft);
    cursor: pointer;
    color: black;
}

.amis-scope .cxd-Select:hover {
    background: #9f9f9f;
    border-width: var(--select-base-hover-top-border-width) var(--select-base-hover-right-border-width) var(--select-base-hover-bottom-border-width) var(--select-base-hover-left-border-width);
    border-style: var(--select-base-hover-top-border-style) var(--select-base-hover-right-border-style) var(--select-base-hover-bottom-border-style) var(--select-base-hover-left-border-style);
    border-color: #9f9f9f;
}

.amis-scope .cxd-Select.is-mobile {
    min-height: calc(var(--Form-input-lineHeight) * var(--fontSizeLg));
    height: 30px;
    border: none;
    padding: 0;
    font-size: var(--fontSizeLg);
}

@media (max-width: 767px) {
    .amis-scope .cxd-Form .cxd-Form-item .cxd-TextareaControl > textarea, .amis-scope .cxd-Form .cxd-Form-item .cxd-Form-control > .cxd-TextControl-input, .amis-scope .cxd-Form .cxd-Form-item .cxd-TextControl.is-focused > .cxd-TextControl-input {
        border: none;
        padding: 0 var(--Form-input-paddingX) 0 0;
        box-shadow: none;
        height: 30px;
    }
}

.amis-scope .cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:hover > a:first-child,
.amis-scope .cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:focus > a:first-child {
    font-size: var(--Tabs--radio-hover-fontSize);
    color: whitesmoke;
    font-weight: var(--Tabs--radio-hover-fontWeight);
    line-height: var(--Tabs--radio-hover-lineHeight);
}

.amis-scope .cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child {
    padding: 0;
    border-radius: 0;
    line-height: 1.875rem;
    font-size: var(--Tabs--radio-hover-fontSize);
    border: none;
    color: whitesmoke;
}

.amis-scope .cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li {
    margin: 0;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0;
    min-width: 68px;
    height: var(--Tabs--radio-height);
    background: transparent;
    border-style: none;
    border-color: transparent;
    border-width:0;
}

.amis-scope .cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:hover, .amis-scope .cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:focus {
    background: #3f4581;
    border-style: none;
    border-color: transparent;
    border-width: 0;
}

.amis-scope .cxd-Tabs--line > .cxd-Tabs-content {
    border-width: 0;
    padding-top: 10px;
}

.amis-scope .cxd-Tabs--line > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li > a:first-child, .amis-scope .cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child {
    border-width: 0;
    padding: 0 0 0.5rem;
    color: ghostwhite;
    font-size: var(--Tabs--line-fontSize);
    font-weight: var(--Tabs--line-fontWeight);
    line-height: var(--Tabs--line-lineHeight);
}

@media (max-width: 767px) {
    .amis-scope .cxd-Form .cxd-Form-item .cxd-TextareaControl > textarea, .amis-scope .cxd-Form .cxd-Form-item .cxd-Form-control > .cxd-TextControl-input, .amis-scope .cxd-Form .cxd-Form-item .cxd-TextControl.is-focused > .cxd-TextControl-input {
        border: none;
        padding: 0 var(--Form-input-paddingX) 0 0;
        box-shadow: none;
        height: 30px;
        background:#9f9f9f;
    }
}

.amis-scope .cxd-TextControl-input:hover {
    border-color: #9f9f9f;
    background: #9f9f9f;
}

.amis-scope .cxd-Button--default {
    color: #1d1e1f;
    background: #9f9f9f;
    border-color: transparent;
    border-width: 0;
    border-style: none;
    box-shadow: none;
}

.amis-scope .cxd-Table-actions > * {
    margin-right: 5px;
    margin-left: 0;
}