/*2019-07-23增加逻辑，即可以使tabel增长*/
.table-container {
    overflow: auto;
}

.layui-card-header {
    position: relative;
    height: 42px;
    line-height: 42px;
    padding: 0 15px;
    border-bottom: 1px solid #f6f6f6;
    color: #333;
    border-radius: 2px 2px 0 0;
    font-size: 14px;
}

.text-c {
    text-align: center;
}

table td {
    word-break: keep-all;
    white-space: nowrap;
}

table th {
    word-break: keep-all;
    white-space: nowrap;
}

.span-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

/*seq排序*/
.input-seq {
    margin: 0 auto;
    padding-left: 0px;
}

/*基础表现*/

.hidden {
    display: none !important;
    visibility: hidden !important
}

.text-l {
    text-align: left !important;
}

.text-r {
    text-align: right !important;
}

.text-c {
    text-align: center !important;
}

.img-rect-30 {
    width: 30px;
    height: 30px;
}

.img-rect-45 {
    width: 45px;
    height: 45px;
}

.radius-5 {
    border-radius: 5px
}

.radius-half {
    border-radius: 50%;
}

.curse-pointer {
    cursor: pointer;
}

/*主要颜色*/
.c-primary, .c-primary a, a.c-primary {
    color: #5a98de
}

.c-primary a:hover, a.c-primary:hover {
    color: #5a98de
}

/*次主色*/
.c-secondary, .c-secondary a, a.c-secondary {
    color: #3bb4f2
}

.c-secondary a:hover, a.c-secondary:hover {
    color: #3bb4f2
}

/*强调色—成功*/
.c-success, .c-success a, a.c-success {
    color: #5eb95e
}

.c-success a:hover, a.c-success:hover {
    color: #5eb95e
}

/*强调色—危险*/
.c-danger, .c-danger a, a.c-danger {
    color: #dd514c
}

.c-danger a:hover, a.c-danger:hover {
    color: #dd514c
}

/*强调色—警告*/
.c-warning, .c-warning a, a.c-warning {
    color: #f37b1d
}

.c-warning a:hover, a.c-warning:hover {
    color: #f37b1d
}

/*强调色—错误*/
.c-error, .c-error a, a.c-error {
    color: #c00
}

.c-error a:hover, a.c-error:hover {
    color: #c00
}

/*辅助色—浅黑*/
.c-333, .c-333 a, a.c-333 {
    color: #333
}

.c-333 a:hover, a.c-333:hover {
    color: #333
}

/*辅助色—灰色*/
.c-666, .c-666 a, a.c-666 {
    color: #666
}

.c-666 a:hover, a.c-666:hover {
    color: #666
}

.c-999, .c-999 a, a.c-999 {
    color: #999
}

.c-999 a:hover, a.c-999:hover {
    color: #999
}

/*标准色—红色*/
.c-red, .c-red a, a.c-red {
    color: red
}

.c-red a:hover, a.c-red:hover {
    color: red
}

/*标准色—绿色*/
.c-green, .c-green a, a.c-green {
    color: green
}

.c-red a:hover, a.c-red:hover {
    color: green
}

/*标准色—蓝色*/
.c-blue, .c-blue a, a.c-blue {
    color: blue
}

.c-blue a:hover, a.c-blue:hover {
    color: blue
}

/*标准色—白色*/
.c-white, .c-white a, a.c-white {
    color: white
}

.c-white a:hover, a.c-white:hover {
    color: white
}

/*标准色—黑色*/
.c-black, .c-black a {
    color: black
}

.c-black a:hover, a.c-black:hover {
    color: black
}

/*标准色—橙色*/
.c-orange, .c-orange a, a.c-orange {
    color: orange
}

.c-orange a:hover, a.c-orange:hover {
    color: orange
}

/*3.1.8 外边距
	Name:			style_margin
	Example:		class="mt-5|mt-10..."
	Explain:		.mt表示上边距|.mb表示下边距|.ml表示左边距|.mr表示右边距
*/
.mt-5 {
    margin-top: 5px
}

.mt-10 {
    margin-top: 10px
}

.mt-15 {
    margin-top: 15px
}

.mt-20 {
    margin-top: 20px
}

.mt-25 {
    margin-top: 25px
}

.mt-30 {
    margin-top: 30px
}

.mt-35 {
    margin-top: 35px
}

.mt-40 {
    margin-top: 40px
}

.mt-50 {
    margin-top: 50px
}

.mb-5 {
    margin-bottom: 5px
}

.mb-10 {
    margin-bottom: 10px
}

.mb-15 {
    margin-bottom: 15px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-40 {
    margin-bottom: 40px
}

.mb-50 {
    margin-bottom: 50px
}

.ml-5 {
    margin-left: 5px
}

.ml-10 {
    margin-left: 10px
}

.ml-15 {
    margin-left: 15px
}

.ml-20 {
    margin-left: 20px
}

.ml-30 {
    margin-left: 30px
}

.ml-40 {
    margin-left: 40px
}

.ml-50 {
    margin-left: 50px
}

.mr-5 {
    margin-right: 5px
}

.mr-10 {
    margin-right: 10px
}

.mr-15 {
    margin-right: 15px
}

.mr-20 {
    margin-right: 20px
}

.mr-30 {
    margin-right: 30px
}

.mr-40 {
    margin-right: 40px
}

.mr-50 {
    margin-right: 50px
}

/*3.1.9 内填充
	Name:			style_padding
	Example:		class="pt-5|pt-10|……"
	Explain:		.pt表示上填充|.pb表示下填充|.pl表示左填充|.pr表示右填充
*/
.pt-5 {
    padding-top: 5px
}

.pt-10 {
    padding-top: 10px
}

.pt-15 {
    padding-top: 15px
}

.pt-20 {
    padding-top: 20px
}

.pt-25 {
    padding-top: 25px
}

.pt-30 {
    padding-top: 30px
}

.pb-5 {
    padding-bottom: 5px
}

.pb-10 {
    padding-bottom: 10px
}

.pb-15 {
    padding-bottom: 15px
}

.pb-20 {
    padding-bottom: 20px
}

.pb-25 {
    padding-bottom: 25px
}

.pb-30 {
    padding-bottom: 30px
}

.pl-5 {
    padding-left: 5px
}

.pl-10 {
    padding-left: 10px
}

.pl-15 {
    padding-left: 15px
}

.pl-20 {
    padding-left: 20px
}

.pl-25 {
    padding-left: 25px
}

.pl-30 {
    padding-left: 30px
}

.pr-5 {
    padding-right: 5px
}

.pr-10 {
    padding-right: 10px
}

.pr-15 {
    padding-right: 15px
}

.pr-20 {
    padding-right: 20px
}

.pr-25 {
    padding-right: 25px
}

.pr-30 {
    padding-right: 30px
}

.pd-5 {
    padding: 5px
}

.pd-10 {
    padding: 10px
}

.pd-15 {
    padding: 15px
}

.pd-20 {
    padding: 20px
}

.pd-25 {
    padding: 25px
}

.pd-30 {
    padding: 30px
}

.pd-40 {
    padding: 40px
}

/*字体大小*/

.font-size-10 {
    font-size: 10px !important;
}

.font-size-12 {
    font-size: 12px !important;
}

.font-size-13 {
    font-size: 13px !important;
}

.font-size-14 {
    font-size: 14px !important;
}

.font-size-16 {
    font-size: 16px !important;
}

.font-size-18 {
    font-size: 18px !important;
}

.font-size-22 {
    font-size: 22px !important;
}

.font-weight {
    font-weight: bold;
}

/*
 * 文字换行
 */
.text-oneline {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-all;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-twoline {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-all;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-threeline {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-all;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-fourline {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-all;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*bootstrap分页*/
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.pagination > li {
    display: inline;
}

.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #009688;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #009688;
    border-color: #009688;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}