/*
* @author blic 自定义css - 针对 fastadmin
*/

/*定义整个滚动条高宽及背景：高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
    width: 3px;
    height: 6px;
    border-radius: 6px;
    background-color: #fafafa;
}

/*定义滚动条轨道：内阴影+圆角*/
::-webkit-scrollbar-track {
    background-color: transparent;
}

/*定义滑块：内阴影+圆角*/
::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #c1c1c1;
}

.img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

/* 链接下划线边框 */
.pointer {
    cursor: pointer;
}

.url {
    cursor: pointer;
}

.border {
    border: 1px solid rgb(0, 47, 167);
}

.noTextDecoration {
    text-decoration: none;
}

.noborder {
    border: none !important;
}

.lineThrough {
    text-decoration: line-through;
}

.textDecoration {
    text-decoration: underline;
}

.textDecoration:hover {
    text-decoration: underline;
}

/* 圆角边框 */
.circle {
    border-radius: 50%;
    overflow: hidden;
}

.borRadius10 {
    border-radius: 10px !important;
}

.borRadius15 {
    border-radius: 15px !important;
}

.borRadius20 {
    border-radius: 20px !important;
}

/* 边框阴影 */
.boxShadow {
    background-color: transparent;
    box-shadow: 0 2px 4px 0 rgba(189, 189, 189, 0.50);
}

.boxShadowBottom {
    background-color: transparent;
    box-shadow: 0px 7px 7px -7px rgba(0, 0, 0, 0.1);
}

/* 毛玻璃效果 */
.bgBlur,
.backgroundBlur,
.bgBlur10 {
    backdrop-filter: blur(10px);
}

.bgBlur20 {
    backdrop-filter: blur(20px);
}

/* 文字两行隐藏省略 */
.textHidden {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.textHidden1 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

/* 元素超出隐藏 */
.overflowHidden {
    overflow: hidden;
}

.overflowVisible {
    overflow: visible;
}

/* 设置字体大小 */
.font10 {
    font-size: 10px !important;
}

.font12 {
    font-size: 12px;
}

.font14 {
    font-size: 14px;
}

.font16 {
    font-size: 16px;
}

.font18 {
    font-size: 18px;
}

.font20 {
    font-size: 20px;
}

.font24 {
    font-size: 24px;
}

.font28 {
    font-size: 28px;
}

/* 设置文字粗体和颜色 */
.fontBold {
    font-weight: bold !important;
}

.fontWhite {
    color: #fff !important;
}

.fontRed {
    color: #df2616 !important;
}

.fontGray {
    color: #ccc !important;
}

/* 弹性布局 */
.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

/* 子元素平分宽度 */
.flex1 {
    flex: 1 !important;
}

/* 水平排列 */
.flexRow {
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    align-items: center;
}

/* 垂直排列 */
.flexColumn {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    justify-content: center;
}

/* 元素居中 */
.flexAlignC {
    align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
}

.flexAlignS {
    align-items: flex-start;
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
}

.flexAlignE {
    align-items: flex-end;
    -webkit-box-align: flex-end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -o-align-items: flex-end;
}

.flexJustifyC {
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
}

.flexJustifyS {
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
}

.flexJustifyE {
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
}

.flexJustifySpaceBetween {
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
}

/* 排满换行 */
.flexWrap {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-fflex-wrap: wrap;
    flex-wrap: wrap;
}

/* 外边距设置 */
.margin0,
.noMargin {
    margin: 0 !important;
}

.marginAuto,
.margin0Auto {
    margin: 0 auto !important;
}

.margin10 {
    margin: 10px !important;
}

.margin15 {
    margin: 15px !important;
}

.margin20 {
    margin: 20px !important;
}

.margin30 {
    margin: 30px !important;
}

.margin10Auto {
    margin: 10px auto !important;
}

.margin15Auto {
    margin: 15px auto !important;
}

.margin20Auto {
    margin: 20px auto !important;
}

.margin30Auto {
    margin: 30px auto !important;
}

.marginRow10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.marginRow15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.marginRow20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.marginRow30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
}

.marginCol10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.marginCol15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.marginCol20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.marginCol30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.marginTop10 {
    margin-top: 10px !important;
}

.marginTop15 {
    margin-top: 15px !important;
}

.marginTop20 {
    margin-top: 20px !important;
}

.marginTop30 {
    margin-top: 30px !important;
}

.marginRight10 {
    margin-right: 10px !important;
}

.marginRight15 {
    margin-right: 15px !important;
}

.marginRight20 {
    margin-right: 20px !important;
}

.marginRight30 {
    margin-right: 30px !important;
}

.marginBottom10 {
    margin-bottom: 10px !important;
}

.marginBottom15 {
    margin-bottom: 15px !important;
}

.marginBottom20 {
    margin-bottom: 20px !important;
}

.marginBottom30 {
    margin-bottom: 30px !important;
}

.marginLeft10 {
    margin-left: 10px !important;
}

.marginLeft15 {
    margin-left: 15px !important;
}

.marginLeft20 {
    margin-left: 20px !important;
}

.marginLeft30 {
    margin-left: 30px !important;
}

.marginLeftAuto {
    margin-left: auto !important;
}

.marginTopAuto {
    margin-top: auto !important;
}

.marginRightAuto {
    margin-right: auto !important;
}

.marginBottomAuto {
    margin-bottom: auto !important;
}

/* 内边距设置 */
.padding0,
.noPadding {
    padding: 0 !important;
}

.padding10 {
    padding: 10px !important;
}

.padding15 {
    padding: 15px !important;
}

.padding20 {
    padding: 20px !important;
}

.padding30 {
    padding: 30px !important;
}

.padding50 {
    padding: 50px !important;
}

.paddingRow10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.paddingRow15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.paddingRow20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.paddingRow30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.paddingCol10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.paddingCol15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.paddingCol20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.paddingCol30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.paddingTop10 {
    padding-top: 10px !important;
}

.paddingTop15 {
    padding-top: 15px !important;
}

.paddingTop20 {
    padding-top: 20px !important;
}

.paddingTop30 {
    padding-top: 30px !important;
}

.paddingRight10 {
    padding-right: 10px !important;
}

.paddingRight15 {
    padding-right: 15px !important;
}

.paddingRight20 {
    padding-right: 20px !important;
}

.paddingBottom10 {
    padding-bottom: 10px !important;
}

.paddingBottom15 {
    padding-bottom: 15px !important;
}

.paddingBottom20 {
    padding-bottom: 20px !important;
}

.paddingLeft10 {
    padding-left: 10px !important;
}

.paddingLeft15 {
    padding-left: 15px !important;
}

.paddingLeft20 {
    padding-left: 20px !important;
}

/* 悬浮放大 */
.hoverScale2:hover {
    transform: scale(1.02);
}

.hoverScale5:hover {
    transform: scale(1.05);
}

/* 悬浮阴影 */
.hoverBoxShadow:hover {
    box-shadow: 0 2px 4px 0 rgba(189, 189, 189, 0.50)
}

/* 文字对齐方式 */
.textLeft {
    text-align: left !important;
}

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

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

/* 向上三角形注意箭头 */
.triangle-warning {
    color: #fff;
    display: inline-block;
    font-style: normal;
    font-size: 10px;
    line-height: 16px;
    width: 0px;
    height: 0px;
    border-top: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 14px solid #D70010;
    position: relative;
    font-weight: bold;
}

.triangle-warning:before {
    content: '!';
    position: absolute;
    left: -2px;
}

/* 三角形箭头 */
.triangle-up {
    width: 0;
    height: 0;
    border-bottom: 9px solid #2C88F2;
    border-right: 9px solid transparent;
    border-left: 9px solid transparent;
}

.triangle-down {
    width: 0;
    height: 0;
    border-top: 9px solid #2C88F2;
    border-right: 9px solid transparent;
    border-left: 9px solid transparent;
}

.triangle-left {
    width: 0;
    height: 0;
    border-right: 9px solid #2C88F2;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
}

.triangle-right {
    width: 0;
    height: 0;
    border-left: 9px solid #2C88F2;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
}

/* 背景和文本颜色 */
.bgWhite {
    background-color: #fff !important;
}

.bgGray {
    background-color: #f2f2f2 !important;
}

.bgRed {
    background-color: #df2616 !important;
    color: #fff !important;
}

.bgBlue {
    background-color: rgba(13, 110, 253, .75) !important
}

.bgIndigo {
    background-color: rgba(102, 16, 242, .75) !important
}

.bgPurple {
    background-color: rgba(111, 66, 193, .75) !important
}

.bgPink {
    background-color: rgba(214, 51, 132, .75) !important
}

.bgOrange {
    background-color: rgba(253, 126, 20, .75) !important
}

.bgYellow {
    background-color: rgba(255, 193, 7, .75) !important
}

.bgTeal {
    background-color: rgba(32, 201, 151, .75) !important
}

.bgCyan {
    background-color: rgba(13, 202, 240, .75) !important
}

.textBlue {
    color: #0d6efd !important
}

.textIndigo {
    color: #6610f2 !important
}

.textPurple {
    color: #6f42c1 !important
}

.textPink {
    color: #d63384 !important
}

.textOrange {
    color: #fd7e14 !important
}

.textYellow {
    color: #ffc107 !important
}

.textTeal {
    color: #20c997 !important
}

.textCyan {
    color: #0dcaf0 !important
}

/* 元素、文字渐变部分开始 */
/* 边框渐变-实线 */
.boxGradient {
    position: absolute;
    inset: 0;
    width: 200px;
    height: 200px;
}

.boxGradient::before {
    content: " ";
    position: absolute;
    inset: 0;
    background: linear-gradient(45deg, red, blue);
    -webkit-mask-image: linear-gradient(#fff 0 0),
    linear-gradient(#fff 0 0);
    -webkit-mask-clip: content-box,
    border-box;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 10px;
    border-radius: 50px;
}

/* 边框渐变-虚线 */
.boxGradient2 {
    position: absolute;
    inset: 0;
    width: 200px;
    height: 200px;
}

.boxGradient2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(45deg, gold, purple, cyan, deeppink);
    mask: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='57' ry='57' stroke='black' stroke-width='4' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
    border-radius: 57px;
}

/* 文字渐变 - 霓虹文字 */
.textGradient {
    color: transparent;
    background-image: linear-gradient(45deg, gold, purple, cyan, deeppink);
    -webkit-background-clip: text;
    background-clip: text;
}

/* 文字渐变、超两行省略 - 霓虹文字 */
.textGradientHidden {
    width: 500px;
    height: auto;
    color: transparent;
    background-image: radial-gradient(rgb(44, 234, 218) 15.4639%, rgb(0, 59, 255) 99.4845%);
    -webkit-background-clip: text;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/* 文字渐变带文字阴影 - 霓虹文字 */
.textGradientShadow {
    color: transparent;
    background-image: linear-gradient(45deg, gold, purple, cyan, deeppink);
    -webkit-background-clip: text;
    background-clip: text;
    filter: drop-shadow(#0ff 10px 10px 5px);
}

/* 元素、文字渐变部分结束 */

/* 复制文字 */
.copy-content, .view-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 30px;
    margin: 0 auto;
}

.copy-content .copy-text, .view-content .view-text {
    padding-right: 4px;
    font-size: 12px;
    line-height: 30px;
}

.copy-content .fa.copy, .view-content .fa.fa-eye {
    background-color: #f1f1f1;
    cursor: pointer;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 4px;
    margin-left: 4px;
}

/* layer弹出层的文字换行 */
.layui-layer-content {
    white-space: pre-line;
}

/* 表格 card-view */
.table .card-views {
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(189, 189, 189, 0.50);
    padding: 10px 15px;
    margin: -10px -15px 10px;
}

.table .card-views .card-view {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 10px;
}

.table .card-views .card-view .title {

}

.table .card-views .card-view .value {
    flex: 1;
    margin-left: auto;
}

.table .card-views .card-view .value img {
    margin-right: 10px;
}

.table .card-views .card-view:first-child {
    display: inline-block;
    width: 80px;
    height: 25px;
    line-height: 25px;
}

.table .card-views .card-view:nth-child(2) {
    display: inline-block;
    width: 200px;
    height: 25px;
    line-height: 25px;
}

.table .card-views .card-view:nth-child(3) {
    border-top: 1px solid #eee;
    padding-top: 10px;
}

.table .card-views .card-view:last-child {
    border-top: 1px solid #eee;
    padding-top: 10px;
}

.footer p {
    font-size: 12px;
    margin: 0;
    background-color: transparent !important;
}

.bootstrap-table .fixed-table-loading {
    padding: 10px 0;
}

.bootstrap-table .fixed-table-toolbar .dropdown-menu {
    overflow: inherit;
}

.bootstrap-table .fixed-table-toolbar .columns-right .dropdown-menu {
    overflow: auto;
}

.bootstrap-table .bs-bars .fixed-table-toolbar .dropdown-menu > li:hover > a {
    background-color: #e1e3e9;
    color: #333;
}

.bootstrap-table .fixed-table-pagination .pull-left {
    margin-left: 10px;
}

.bootstrap-table .fa-toggle-on.fa-2x {
    font-size: 1.86em;
}

.bootstrap-table .form-commonsearch .row > .form-group {
    margin-left: 0;
    margin-right: 0;
}

.bootstrap-table .form-commonsearch .row > .form-group > .control-label {
    white-space: nowrap;
}

.bootstrap-table .btn-commonsearch {
    position: relative;
}

.bootstrap-table .btn-commonsearch > span {
    position: absolute;
    top: -10px;
    right: -10px;
}

.bootstrap-table .table:not(.table-condensed) > tbody > tr > th,
.bootstrap-table .table:not(.table-condensed) > tfoot > tr > th,
.bootstrap-table .table:not(.table-condensed) > thead > tr > td,
.bootstrap-table .table:not(.table-condensed) > tbody > tr > td,
.bootstrap-table .table:not(.table-condensed) > tfoot > tr > td {
    padding: 10px 15px;
    height: 47px;
}

.fixed-table-container tbody td .th-inner,
.fixed-table-container thead th .th-inner {
    padding: 10px 10px;
}

.toolbar {
    margin-top: 10px;
    margin-bottom: 10px;
}

.fixed-table-toolbar .bs-bars,
.fixed-table-toolbar .columns,
.fixed-table-toolbar .search {
    line-height: inherit;
}

.fixed-table-toolbar .toolbar {
    margin-top: 0;
    margin-bottom: 0;
}

.bootstrap-table table tbody tr:first-child td .bs-checkbox {
    vertical-align: middle;
}

.bootstrap-table td.bs-checkbox {
    vertical-align: middle;
}

table.table-nowrap tbody > tr > td,
table.table-nowrap thead > tr > th {
    white-space: nowrap;
    min-width: 40px;
}

.fixed-table-container thead th .sortable {
    padding: 8px 15px;
}

.table td .img-center {
    margin-right: 10px;
}

.form-control-feedback.tips {
    right: 40px;
}

/*前台备案*/
.beian-wrap{
    text-align: center;
    font-size: 14px;
    color: #fff;
    width: 100%;
    padding: 1rem 0.5rem 3rem;
}

.beian-wrap a{
    color: #fff;
}