.none {
    display: none;
}

.pointer {
    cursor: pointer;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.link {
    color: #FF5722;
    cursor: pointer;
}

.aLink:hover {
    color: #2440b3;
    text-decoration: underline;
}

.bold {
    font-weight: bold;
}

.color-danger {
    color: #FF5722;
}

.border-transparent {
    border: transparent;
}

.layui-form-label.required:before,
.title.required:before {
    content: '* ';
    color: red;
    vertical-align: middle;
}

.form-paper {
    padding: 5px 20px;
    -moz-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.2);
    margin: 15px auto 10px auto;
    border: 1px solid #fafafa;
    border-radius: 2px;
    max-width: 1200px;
}

.form-audit-table .text-align-left,
.form-table .text-align-left {
    text-align: left;
}

.form-audit-table .text-align-center,
.form-table .text-align-center {
    text-align: center;
}

.form-audit-table .text-align-right,
.form-table .text-align-right {
    text-align: right;
}

.form-tools {
    padding-bottom: 10px;
    margin: 0 auto;
    text-align: right;
    border-bottom: 1px solid #e3e3e3;
    max-width: 1250px;
    position: relative;
    overflow: hidden;
}

.from-tools-tip {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -12px;
    margin-left: -200px;
    font-size: 18px;
    line-height: 25px;
    color: red;
    font-weight: bold;
}

.form-header {
    position: relative;
    margin: 20px auto 10px auto;
}

.form-header h1,
.form-header h2 {
    color: #333;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
}

.form-header .no {
    position: absolute;
    font-weight: bold;
    left: 10px;
    top: 5px;
    color: #e63e3e;
}

.form-tools .status {
    position: absolute;
    font-weight: bold;
    left: 10px;
    top: 10px;
    color: #333;
}

.form-tools .status .ing {
    color: #009688;
}

.form-tools .status .warn {
    color: #FF5722;
}

.form-header .more {
    text-align: right;
}

.form-table {
    margin-top: 10px;
    border: solid #333;
    border-width: 1px 0 0 0;
    color: #333;
    max-width: 1200px;
}

.form-table td {
    border: solid #333;
    border-width: 0 1px 1px 1px;
    font-size: 14px;
    text-align: left;
    height: 38px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.form-detail-table td {
    text-align: left;
    padding-left: 5px;
}

.form-detail-table td.split,
.form-table td.split {
    font-weight: bold;
    padding: 5px 0;
    height: 20px;
    text-align: center;
}

.form-detail-table td.title,
.form-table td.title {
    background: #D6D6D6;
    font-weight: bold;
    text-align: center;
}

.form-table td input,
.form-table td textarea {
    border: 0;
}

.form-table td textarea {
    min-height: 80px;
    resize: none;
}

.form-table td .required {
    color: red;
    margin-right: 8px;
    display: inline-block;
}

.form-table td .layui-form-radio {
    margin: 0;
}

.form-table .footer,
.form-table .footer td {
    border: 0;
}

.form-table td .btn-select {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -12px;
}

.form-table td .left {
    float: left;
    margin-left: 10px;
}

.form-table input:disabled,
.form-table select:disabled,
.form-table .layui-disabled,
.form-table .td-disabled,
.form-table textarea:disabled {
    background: #f6f6f6;
    color: #333 !important;
}

.form-table .layui-checkbox-disbaled em {
    color: #333 !important;
}

.form-table .layui-radio-disbaled {
    background: transparent;
}

.form-audit-table {
    margin-top: 5px;
    max-width: 1200px;
}

.form-audit-table input {
    border: 0;
    width: 250px;
    display: inline;
}

.form-audit-table td {
    color: #333;
    font-size: 14px;
    height: 38px;
}

.form-audit-table td.title {
    font-weight: bold;
    text-align: right;
}

.form-audit,
.form-sign {
    margin: 5px auto 0 auto;
    max-width: 1000px;
    overflow: hidden;
    text-align: left;
}

.form-sign {
    text-align: center;
    display: none;
}

.form-audit span,
.form-sign span {
    color: #333;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    width: 330px;
}

#formPreview {
    overflow: auto
}

.form-header .c-invoice {
    position: absolute;
    right: 180px;
    top: 4px;
    display: inline;
}

.form-header .c-invoice span {
    color: #000;
}

.purchase-commodity-list {
    margin-top: 0;
    border-top: 0;
}

.purchase-commodity-list .sub-title {
    font-size: 18px;
    font-weight: bold;
}

.purchase-commodity-list .sub-total {
    font-weight: bold;
    color: red;
    background: #E6E6E6;
}

.common-company-wrapper {
    height: 22px;
    line-height: 22px;
    border-bottom: 1px solid #e6e6e6;
    padding: 4px 15px;
}

.common-company-select-list {
    height: 22px;
    padding-left: 10px;
    width: calc(100% - 90px);
    overflow: hidden;
}

.common-company-select-list .layui-badge {
    height: 22px;
    line-height: 22px;
    margin-right: 8px;
}

.common-company-select-list .layui-icon {
    font-size: 14px;
    cursor: pointer;
    float: right;
    margin-left: 2px;
}

.common-company-select-list .layui-icon:hover {
    color: red;
}


.tool-search {
    width: 100%;
    height: 100%;
}

.tool-search-wrapper {
    width: 100%;
    height: 100%;
    box-shadow: 0 0 10px #999;
}

.tool-search-title {
    position: absolute;
    top: 0;
    z-index: 1003;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #999;
    border-bottom: 1px solid #ddd;
    background: #fff;
}

.tool-search-item-wrapper {
    padding-top: 40px;
    max-height: 100%;
    overflow-y: auto;
    color: #666;
}

.tool-search-item-wrapper li {
    padding-left: 25px;
    cursor: pointer;
    border-bottom: 1px solid #ddd;
    background: #fff;
}

.tool-search-item-wrapper li .option-label {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    width: 100%;
    cursor: pointer;
}

.tool-search-second-wrapper {
    display: none;
    position: absolute;
    top: 0;
    right: 200px;
    z-index: -1;
    width: 300px;
    height: 100%;
    background: #fff;
    padding-top: 50px;
    overflow-y: auto;
}

.tool-search-second-wrapper::-webkit-scrollbar {
    width: 4px;
}

.tool-search-second-wrapper::-webkit-scrollbar-thumb {
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #999;
}

.tool-search-bottom {
    margin-left: 35px;
    margin-top: 20px;
}

.tool-search-wrapper .layui-form-label {
    width: 60px;
    float: left;
}

.tool-search-wrapper .layui-input-block {
    width: 182px;
    float: left;
    margin-left: 0
}

.more-search-list {
    height: 24px;
    padding-left: 10px;
    width: calc(100% - 140px);
    overflow: hidden;
}

.more-search-list .layui-bg-light-green {
    height: 22px;
    line-height: 19px;
    margin-right: 8px;
    color: #1BC489;
    border-radius: 4px;
    box-sizing: border-box;
    background-color: rgb(232, 249, 243);
    border: 1px solid rgb(209, 243, 231);
}

.more-search-list .layui-icon-close {
    cursor: pointer;
}

.more-search-cancel {
    color: #009688 !important;
    cursor: pointer;
    display: inline-block;
    line-height: 30px;
    background: #fff;
}

.tool-filter-wrapper {
    margin: 10px 10px 0 10px;
}

.tool-filter-wrapper .layui-tab-title li {
    padding: 0 10px;
}

.tool-filter-wrapper .layui-tab-content ul {
    margin-top: 15px;
    padding: 0 0 0 30px;
}

.tool-filter-wrapper .layui-tab-content li {
    display: inline-block;
    margin: 0 20px 25px 0;
    width: 140px;
}

.tool-filter-form .model-form-footer {
    margin-right: 20px;
}

.search-form-main {
    width: 1200px;
    display: grid;
    grid-template-columns:80% 20%;
}

.search-form-main .search-form-grid > div {
    float: left;
    margin-top: 6px;
}

.search-form-main .search-form-more {
    display: none;
}

.search-form-main .search-form-item-1 {
    width: 11.11%;
    min-height: 38px;
}

.search-form-main .search-form-item-2 {
    width: 22.22%;
    min-height: 38px;
}

.search-form-main .search-form-item-5 {
    width: 55.55%;
    min-height: 38px;
}

.search-form-main .search-form-item-8 {
    width: 88.88%;
    min-height: 38px;
}

.search-form-main .search-form-xs-item-1 {
    width: 15%;
    min-height: 38px;
}

.search-form-main .search-form-xs-item-2 {
    width: 35%;
    min-height: 38px;
}

.search-form-main .search-form-xs-item-3 {
    width: 85%;
    min-height: 38px;
}


.search-form-main .search-form-ms-item-1 {
    width: 8%;
    min-height: 38px;
}

.search-form-main .search-form-ms-item-2 {
    width: 16%;
    min-height: 38px;
}

.search-form-main .search-form-ms-item-3 {
    width: 40%;
    min-height: 38px;
}

.search-form-main .search-form-ms-item-4 {
    width: 64%;
    min-height: 38px;
}

.search-form-main .search-form-ms-item-5 {
    width: 88%;
    min-height: 38px;
}

.search-form-main .search-form-mms-item-1 {
    width: 8%;
    min-height: 38px;
}

.search-form-main .search-form-mms-item-2 {
    width: 12%;
    min-height: 38px;
}

.search-form-main .search-form-mms-item-3 {
    width: 32%;
    min-height: 38px;
}

.search-form-main .search-form-mms-item-4 {
    width: 52%;
    min-height: 38px;
}

.search-form-main .search-form-mms-item-5 {
    width: 72%;
    min-height: 38px;
}

.search-form-main .search-form-mms-item-6 {
    width: 92%;
    min-height: 38px;
}

.search-form-main .search-form-mmms-item-1 {
    width: 7%;
    min-height: 38px;
}

.search-form-main .search-form-mmms-item-2 {
    width: 9%;
    min-height: 38px;
}

.search-form-main .search-form-mmms-item-3 {
    width: 25%;
    min-height: 38px;
}

.search-form-main .search-form-mmms-item-4 {
    width: 41%;
    min-height: 38px;
}

.search-form-main .search-form-mmms-item-5 {
    width: 57%;
    min-height: 38px;
}

.search-form-main .search-form-mmms-item-6 {
    width: 73%;
    min-height: 38px;
}

.search-form-main .search-form-mmms-item-7 {
    width: 89%;
    min-height: 38px;
}

.search-form-main .search-form-span {
    display: inline-block;
    width: 100%;
    text-align: center;
    line-height: 36px;
}

.search-form-main .layui-input, .search-form-main .layui-form-select, .search-form-main .layui-form-select .layui-select-title input {
    width: 100%;
}

.search-form-main .search-form-right {
    padding-top: 4px;
    padding-left: 6px;
}

/* 容器 <div> - 需要定位下拉内容 */
.dropdown {
    position: relative;
    display: inline-block;
}

/* 下拉内容 (默认隐藏) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    padding: 5px 0;
    min-width: 95px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}

/* 下拉菜单的链接 */
.dropdown-content li {
    color: black;
    padding: 5px;
    line-height: 26px;
    display: block;
    cursor: pointer;
    text-align: center;
    color: rgba(0, 0, 0, .8);
}

/* 鼠标移上去后修改下拉菜单链接颜色 */
.dropdown-content li:hover {
    background-color: #FFFF00;
}

/* 在鼠标移上去后显示下拉菜单 */
.dropdown:hover .dropdown-content {
    display: block;
    z-index: 99999;
}