body, html {
    height: 100vh; /* 总是至少占满整个视口高度,不能用min-height */
    -webkit-tap-highlight-color: transparent;
    font-size: 16px !important; /*设置 html 的 font-size, rem 就是以这个为基准*/
    background-color: #f8f8f9;
    /*    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
*/
}
/*@media screen and (min-width: 1900px) {
    body, html {
        font-size: 21px !important;*/ /*设置 html 的 font-size, rem 就是以这个为基准*/
    /*}
}
@media screen and (min-width: 1930px) {
    body, html {
        font-size: 24px !important;*/ /*设置 html 的 font-size, rem 就是以这个为基准*/
    /*}
}*/
[type='file'] {
    background: unset;
    border-color: inherit;
    border-width: 1px;
    border-radius: 0.5rem;
    padding: 0;
    font-size: unset;
    line-height: inherit;
}

    [type='file']:focus {
        outline: 1px auto inherit;
    }

input[type=file]::-webkit-file-upload-button {
    color: white;
    background: #1F2937;
    border: 0;
    font-weight: 500;
    font-size: 0.875rem;
    cursor: pointer;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    padding-left: 2rem;
    padding-right: 1rem;
    -webkit-margin-start: -1rem;
    margin-inline-start: -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem;
}

input[type=file]::file-selector-button {
    color: white;
    background: #597fe6;
    border: 0;
    font-weight: 500;
    font-size: 0.875rem;
    cursor: pointer;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    padding-left: 2rem;
    padding-right: 1rem;
    -webkit-margin-start: -1rem;
    margin-inline-start: -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem;
}

input[type=file]::-webkit-file-upload-button:hover {
    background: #374151;
}

input[type=file]::file-selector-button:hover {
    background: #374151;
}

.dark input[type=file]::-webkit-file-upload-button {
    color: white;
    background: #4B5563;
}

.dark input[type=file]::file-selector-button {
    color: white;
    background: #4B5563;
}

.dark input[type=file]::-webkit-file-upload-button:hover {
    background: #6B7280;
}

.dark input[type=file]::file-selector-button:hover {
    background: #6B7280;
}

.icon-hospital {
    -webkit-mask-image: url("data:image/svg+xml,%3csvg  xmlns='http://www.w3.org/2000/svg'  width='24'  height='24'  viewBox='0 0 24 24'  fill='none'  stroke='currentColor'  stroke-width='2'  stroke-linecap='round'  stroke-linejoin='round'  class='icon icon-tabler icons-tabler-outline icon-tabler-hospital-circle'%3e%3cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3e%3cpath d='M10 16v-8' /%3e%3cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0' /%3e%3cpath d='M14 16v-8' /%3e%3cpath d='M10 12h4' /%3e%3c/svg%3e");
}

/*当内容多的时候, 会自动换成多行*/
.flex-container{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}

.text-primary {
    color: rgb(55 88 249);
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.weui-input {
    height: 2.25rem;
    border-style: dashed;
    border-width: 1px;
    border-color: #cdd2dd;
    border-radius: 5px;
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    font-size: 1rem;
    line-height: 2.25rem;
    --tw-shadow: 0 0 #0000;
}
.form-input, .form-textarea, .form-select, .form-multiselect {
    border-color: #cdd2dd;
    border-radius: 5px;
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
}
.header-logo {
    background-image: url('/logo/logo.png');
    --bg-opacity: 0.1;
    background-position: 40px;
    background-size: contain;
    background-repeat: no-repeat;
}
.table-compact :where(th, td) {
    padding: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
}
 

/*就是用于 ul 中的, 这样每个 li 前面就会打上一个 勾. */
.list-image-check {
    list-style-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNCAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSIjMzhiZGY4Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy42ODUuMTUzYS43NTIuNzUyIDAgMCAxIC4xNDMgMS4wNTJsLTggMTAuNWEuNzUuNzUgMCAwIDEtMS4xMjcuMDc1bC00LjUtNC41YS43NS43NSAwIDAgMSAxLjA2LTEuMDZsMy44OTQgMy44OTMgNy40OC05LjgxN2EuNzUuNzUgMCAwIDEgMS4wNS0uMTQzWiIgLz48L3N2Zz4=);
}
/*这一行非常的重要, 就是当里面没有内容的时候, 这个badge 就不显示了, 
    但是一定要注意中间没有任何的空格才行, 上次就是没弄好, 一直有内容, 坑死.  
    <span class="badge badge-primary">不要有空格@(item.ZUOFEIBZ == "1" ?"已作废":"")不要有空格</span>*/
.badge:empty {
    display: none;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color);
}

[x-cloak] {
    display: none !important;
}
/*移动端通过CSS隐藏滚动条, 给设置滚动的元素添加hideScrollbar这个类就可以。*/
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}
/*这个 tailwindcss 中没有, 有时候我自己会以为有, 所以还是加到这里吧..*/
border-none {
    border-width: 0;
}
/*主要是DaisyUI 中会把按钮的背景色全部给去掉了, 所以才这样处理.*/
.weui-btn_primary {
    background-color: #07c160 !important;
    background-color: var(--weui-BRAND) !important;
}
/*.btn-block {
    display: block;
    width: 100%;
}*/

.body-content {
    padding-left: 15px;
    padding-right: 15px;
}



/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

hr.space {
    background: #fff;
    color: #fff;
    visibility: hidden;
    margin: 0 0 6px;
}

hr.small {
    margin: 7px 0;
    border: 0;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #ffffff;
}

.validateerror {
    color: #8a1f11;
    margin-bottom: 1px;
    border-color: #fbc2c4;
}

hr.soften {
    height: 1px;
    margin: 7px 0; /* 54px 0 */
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
    background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
    background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
    border: 0;
}

.svg {
    height: 1.5rem;
}

    .svg path {
        fill: #336699;
    }



.validateerror {
    color: #8a1f11;
    margin-bottom: 1px;
    border-color: #fbc2c4;
}

[v-cloak] {
    display: none;
}

p.weui-tabbar__label {
    margin: 0;
    font-size: 11px;
}

p.weui-grid__label {
    /*  font-size: 13px;
    font-weight: 300;*/
    color: #333;
}

.alert {
    margin-bottom: 3px;
}

.weui-grids {
    background-color: #fff;
}

/*.weui-grid {
    padding: 26px 10px;
}
*/
.weui-tabbar:before {
    border-top: 1px solid #e0e0e0;
    color: #e0e0e0;
}

.weui-tabbar {
    background-color: #fff;
}

.weui-tabbar__icon + .weui-tabbar__label {
    margin: 0;
    margin-bottom: 5px;
}

.btn-title {
    margin-top: 0;
    background-color: #5A9BEF;
    border-color: #5A9BEF;
    height: 44px;
    font-size: 15px;
    border-radius: 0;
    width: 100%;
    font-weight: 400;
}

.weui-panel {
    margin-top: 0;
}

.weui-color {
    color: #888;
}

.yearchanged {
    float: right;
    font-size: 13px;
    margin-top: 12px;
    margin-right: -12px;
}

label {
    margin-bottom: 0;
}

.wzlcheck {
    margin-left: 10px;
    margin-bottom: 5px;
    margin-top: 0px;
}

.rpcheckbox, .rpradio {
    margin-left: 10px;
    margin-top: 5px;
}

.wzl-label {
    margin: 5px 5px 0 0;
    display: inline-block
}

.wzl-radio {
    display: none
}

.wzl-radioInput {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 100%;
    display: inline-block;
    height: 18px;
    margin-right: 6px;
    margin-top: -1px;
    vertical-align: middle;
    width: 18px;
    line-height: 1
}

.wzl-radio:checked + .wzl-radioInput:after {
    background-color: #57ad68;
    border-radius: 100%;
    content: "";
    display: inline-block;
    height: 12px;
    margin: 2px;
    width: 12px;
}

.wzl-checkbox.wzl-radioInput,
.wzl-radio:checked + .wzl-checkbox.wzl-radioInput:after {
    border-radius: 0
}

.weui-grid__icon + .weui-grid__label {
    margin-top: 10px;
}

.weui-cell__hd > p, .weui-cell__bd > p, .weui-cell__ft > p {
    margin-bottom: auto
}

/*a, a.disabled:hover, a:disabled:hover {
    color: #333;
}*/

.weui-media-box__hd > h1, h2, h3, h4, h5, h6, p, .weui-media-box__bd > h1, h2, h3, h4, h5, h6, p {
    margin-bottom: auto
}

.card.card-cascade.panel-cascade .view {
    text-align: center;
    color: #fff;
}

.card.card-cascade.panel-cascade .list-group .list-group-item {
    margin-bottom: 0;
    border: 0;
    border-bottom: 1px solid #eeeeee;
    color: #495057;
}

    .card.card-cascade.panel-cascade .list-group .list-group-item:hover {
        background-color: #eeeeee;
    }


.p-2-5 {
    padding: .7rem;
}

.text-menu-title {
    font-size: .81rem;
    height: auto;
}

.bq-callout {
    margin-top: .2rem;
    margin-bottom: .5rem;
    margin-left: .2rem;
    margin-right: .2rem;
    padding: .6rem;
    border: 1px solid #eee;
    border-left-width: .25rem;
    border-radius: .25rem;
}

.weui-cells_radio .weui-check + .weui-icon-checked {
    min-width: 16px;
    width: 20px;
    color: rgba(0, 0, 0, 0.3);
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjU2IDhDMTE5IDggOCAxMTkgOCAyNTZzMTExIDI0OCAyNDggMjQ4IDI0OC0xMTEgMjQ4LTI0OFMzOTMgOCAyNTYgOHptMjE2IDI0OGMwIDExOC43LTk2LjEgMjE2LTIxNiAyMTYtMTE4LjcgMC0yMTYtOTYuMS0yMTYtMjE2IDAtMTE4LjcgOTYuMS0yMTYgMjE2LTIxNiAxMTguNyAwIDIxNiA5Ni4xIDIxNiAyMTZ6Ii8+PC9zdmc+);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjU2IDhDMTE5IDggOCAxMTkgOCAyNTZzMTExIDI0OCAyNDggMjQ4IDI0OC0xMTEgMjQ4LTI0OFMzOTMgOCAyNTYgOHptMjE2IDI0OGMwIDExOC43LTk2LjEgMjE2LTIxNiAyMTYtMTE4LjcgMC0yMTYtOTYuMS0yMTYtMjE2IDAtMTE4LjcgOTYuMS0yMTYgMjE2LTIxNiAxMTguNyAwIDIxNiA5Ni4xIDIxNiAyMTZ6Ii8+PC9zdmc+);
}

.weui-cells_radio .weui-check:checked + .weui-icon-checked {
    color: #07c160;
    width: 20px;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjU2IDhDMTE5LjAzMyA4IDggMTE5LjAzMyA4IDI1NnMxMTEuMDMzIDI0OCAyNDggMjQ4IDI0OC0xMTEuMDMzIDI0OC0yNDhTMzkyLjk2NyA4IDI1NiA4em04MCAyNDhjMCA0NC4xMTItMzUuODg4IDgwLTgwIDgwcy04MC0zNS44ODgtODAtODAgMzUuODg4LTgwIDgwLTgwIDgwIDM1Ljg4OCA4MCA4MHoiLz48L3N2Zz4=);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjU2IDhDMTE5LjAzMyA4IDggMTE5LjAzMyA4IDI1NnMxMTEuMDMzIDI0OCAyNDggMjQ4IDI0OC0xMTEuMDMzIDI0OC0yNDhTMzkyLjk2NyA4IDI1NiA4em04MCAyNDhjMCA0NC4xMTItMzUuODg4IDgwLTgwIDgwcy04MC0zNS44ODgtODAtODAgMzUuODg4LTgwIDgwLTgwIDgwIDM1Ljg4OCA4MCA4MHoiLz48L3N2Zz4=);
}

.weui-cells_radio .weui-check__label:before {
    left: 55px;
}
/* 这个当时为什么设计就不知道了, 但是会造成 weui-cell__hd 中的字体大小为0 , 到时候再想办法吧*/
.weui-cells_radio .weui-cell__hd {
    padding-right: 16px;
    font-size: 0;
}

.weui-cells_checkbox .weui-cell {
    padding: 8px 16px
}

.weui-cells_radio .weui-cell {
    padding: 8px 16px
}


.weui-cells_checkbox .weui-icon-checked {
    color: rgba(0, 0, 0, 0.1);
    width: 20px;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBkPSJNNDAwIDMySDQ4QzIxLjUgMzIgMCA1My41IDAgODB2MzUyYzAgMjYuNSAyMS41IDQ4IDQ4IDQ4aDM1MmMyNi41IDAgNDgtMjEuNSA0OC00OFY4MGMwLTI2LjUtMjEuNS00OC00OC00OHoiLz48L3N2Zz4=);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBkPSJNNDAwIDMySDQ4QzIxLjUgMzIgMCA1My41IDAgODB2MzUyYzAgMjYuNSAyMS41IDQ4IDQ4IDQ4aDM1MmMyNi41IDAgNDgtMjEuNSA0OC00OFY4MGMwLTI2LjUtMjEuNS00OC00OC00OHoiLz48L3N2Zz4=);
}

.weui-cells_checkbox .weui-check:checked + .weui-icon-checked {
    color: #07c160;
    width: 20px;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBkPSJNNDAwIDQ4MEg0OGMtMjYuNTEgMC00OC0yMS40OS00OC00OFY4MGMwLTI2LjUxIDIxLjQ5LTQ4IDQ4LTQ4aDM1MmMyNi41MSAwIDQ4IDIxLjQ5IDQ4IDQ4djM1MmMwIDI2LjUxLTIxLjQ5IDQ4LTQ4IDQ4em0tMjA0LjY4Ni05OC4wNTlsMTg0LTE4NGM2LjI0OC02LjI0OCA2LjI0OC0xNi4zNzkgMC0yMi42MjdsLTIyLjYyNy0yMi42MjdjLTYuMjQ4LTYuMjQ4LTE2LjM3OS02LjI0OS0yMi42MjggMEwxODQgMzAyLjc0NWwtNzAuMDU5LTcwLjA1OWMtNi4yNDgtNi4yNDgtMTYuMzc5LTYuMjQ4LTIyLjYyOCAwbC0yMi42MjcgMjIuNjI3Yy02LjI0OCA2LjI0OC02LjI0OCAxNi4zNzkgMCAyMi42MjdsMTA0IDEwNGM2LjI0OSA2LjI1IDE2LjM3OSA2LjI1IDIyLjYyOC4wMDF6Ii8+PC9zdmc+);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBkPSJNNDAwIDQ4MEg0OGMtMjYuNTEgMC00OC0yMS40OS00OC00OFY4MGMwLTI2LjUxIDIxLjQ5LTQ4IDQ4LTQ4aDM1MmMyNi41MSAwIDQ4IDIxLjQ5IDQ4IDQ4djM1MmMwIDI2LjUxLTIxLjQ5IDQ4LTQ4IDQ4em0tMjA0LjY4Ni05OC4wNTlsMTg0LTE4NGM2LjI0OC02LjI0OCA2LjI0OC0xNi4zNzkgMC0yMi42MjdsLTIyLjYyNy0yMi42MjdjLTYuMjQ4LTYuMjQ4LTE2LjM3OS02LjI0OS0yMi42MjggMEwxODQgMzAyLjc0NWwtNzAuMDU5LTcwLjA1OWMtNi4yNDgtNi4yNDgtMTYuMzc5LTYuMjQ4LTIyLjYyOCAwbC0yMi42MjcgMjIuNjI3Yy02LjI0OCA2LjI0OC02LjI0OCAxNi4zNzkgMCAyMi42MjdsMTA0IDEwNGM2LjI0OSA2LjI1IDE2LjM3OSA2LjI1IDIyLjYyOC4wMDF6Ii8+PC9zdmc+);
}
/* 这个引起了 不通过的时候, 弹出框来输入理由的时候, 底下的输入边框不显示了, 所以先去掉..*/
/*.weui-input:focus {
    outline: none;
    border-bottom: 0px;
}*/

.weui-cell input[type="email"]:focus:not([readonly]),
.weui-cell input[type="text"]:focus:not([readonly]),
.weui-cell input[type="password"]:focus:not([readonly]),
.weui-cell input[type="number"]:focus:not([readonly]),
.weui-cell textarea.md-textarea:focus:not([readonly]) {
    box-shadow: 0 0 0 0 #007bff;
}

.weui-cell {
    padding: 10px 15px; /*weui 2.0 的全部为 16px*/
}

.weui-cell_select {
    padding: 0 0; /*以前是 0 15px , 不知道为啥变成这样了, 这个还不能去掉的.*/
}

.weui-cells__group_form .weui-cells__title {
    margin-top: 10px;
}
/*图像上传后的提示消息, 如果顶部是fixed-top 的话, 显示不出来, 顶部的z-index 为 1030, 只能大于他才能显示. 改的是 weui2.css 的.. */
.weui-toptips {
    z-index: 1040;
}
/*是为了对冲 jquery.weui.css 中 将 weui-toptips 的 opacity:0, 这样的话, weui.js 报错的时候, 就没有相应的提示信息了. */
.weui-toptips_warn {
    opacity: 1;
    background-color: #9c27b0; /*#fa5151; 这是原先的*/
}

.weui-cells {
    font-size: 16px;
    margin-top: 0;
}

.weui-uploader__bd {
    margin-bottom: .25rem !important;
}

/*a, a.disabled:hover, a:disabled:hover {
    color: #333;
}*/

.min-chart {
    position: relative;
    display: inline-block;
    width: 110px;
    height: 110px;
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
}

    .min-chart canvas {
        position: absolute;
        top: 0;
        left: 0;
    }

    .min-chart .percent {
        z-index: 2;
        display: inline-block;
        line-height: 110px;
    }

        .min-chart .percent::after {
            margin-left: 0.1em;
            font-size: 0.8rem;
            content: "%";
        }

.icheck {
    margin-left: 10px;
    margin-bottom: 3px;
    margin-top: 3px; /*wenzhili 由原来的 0px 改为 10px, 后来干脆把 mt, mb 都注释掉了.*/
}

    .icheck label {
        margin: 8px;
        display: inline-block; /*这样 icheckbox radio 的效果要好很多很多, 后来是直接在 label 中加了class inline-block, 即多个一行 , 因为有时候可能会用 block, 即每个一行 */
    }

.icheckbox {
    margin-right: 5px;
}

.iradio {
    margin-right: 5px;
}
/* 主要是 weui 显示出来的对话框位置 偏到左边了 */
/*.weui-dialog {
    margin: 0 45%;
}*/
/* 华为手机为了省电降分辨率, $.Confirm 就会弹出的对话框太小或是彻底隐藏了.. 就要考虑小屏幕的事情..*/
@media screen and (max-width: 352px) {
    .weui-dialog {
        /*width: 320px;*/
        /*margin: 0 auto;*/
        width: 250px;
        margin: 0 45%;
    }
}

/* WEUI Switch 需要这个函数　　<input class="weui-switch" type="checkbox" />　*/
/* 但是这个函数会引起 md中的 form-check-input 前面多一个 checkbox 还是哪里需要的, 就引用到哪里. 与 iCheckBox不冲突*/
/*[type=checkbox]:checked, [type=checkbox]:not(:checked) {
	opacity: initial;
	pointer-events: initial;
}*/

/* 主要是 LayDate 日期的 左右箭头, 如果使用 laydate.js , 会自动加载的 */
/*@font-face {
    font-family: layui-icon;
    src: url(../font/laydate/iconfont.eot?v=1.0.7);
    src: url(../font/laydate/iconfont.eot?v=1.0.7#iefix) format('embedded-opentype'),url(../font/laydate/iconfont.woff?v=1.0.7) format('woff'),url(../font/laydate/iconfont.ttf?v=1.0.7) format('truetype'),url(../font/laydate/iconfont.svg?v=1.0.7#iconfont) format('svg')
}

.layui-icon {
    font-family: layui-icon !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}*/

.weui-btn {
    /*padding:12px 24px;*/
    font-weight: 400;
    font-size: 15px;
}
/* 这个还是在 weui-btn 后面, 要不然不好生效.*/
.weui-btn_mini {
    font-size: 13px;
}
/*居中显示*/
.selector {
    display: grid;
    place-items: center;
}
/*居中显示, 垂直居中, 啥都居中.*/
.parent {
    display: flex;
    align-items: center;
    justify-content: center;
}
/* 
 * make year selection in new datepicker more visible 
 */
.picker__select-year {
    background-color: #eee;
}

/*这里的color调浅一些是我设置的, 是为了与后面的内容区分开. 去除了 color 后的 !important*/
.weui-label {
    margin-right: .5rem !important;
    color: rgba(0,0,0,.6);
}

.label-color {
    color: rgba(0,0,0,.6) !important;
}

.weui-cells__title {
    font-size: 1rem;
    margin-top:5px; /*初始值 为 16px*/
}
/*主要是应用 weuix icon 中的图标的时候要这样用一下 weui-tabbar ..*/
.weui-tabbar__icon .icon {
    line-height: 1;
    font-size: 26px;
}
/*主要是应用 weuix icon 中的图标的时候要这样用一下  weui-grids */
.weui-grid__icon .icon {
    line-height: 1;
    font-size: 28px;
}
/*党建平台中的消息列表*/
.weui-navbar__item {
    padding: 10px 0;
    font-size: 16px;
}

.bg-pink {
    background-color: #ec407a;
}

.icon {
    display: inline-block;
    vertical-align: middle;
    -webkit-mask-position: 50% 50%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%; /*如果加了这个, 像 fal-book 就会显示不全的, 但是不加这个, 首页顶上的3个图标就显示不全. weixin 中这个不能注释掉*/
    background-color: currentColor;
}

.icon-fix {
    -webkit-mask-size: initial !important;
}
/* < */
.icon-left {
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 19l-7-7 7-7' /%3e%3c/svg%3e");
}
/* <- */
.icon-arrow-left {
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrow-narrow-left' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3e  %3cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3e  %3cline x1='5' y1='12' x2='19' y2='12' /%3e  %3cline x1='5' y1='12' x2='9' y2='16' /%3e  %3cline x1='5' y1='12' x2='9' y2='8' /%3e%3c/svg%3e");
}
/* << */
.icon-chevrons-left {
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevrons-left' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3e  %3cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3e  %3cpolyline points='11 7 6 12 11 17' /%3e  %3cpolyline points='17 7 12 12 17 17' /%3e%3c/svg%3e");
}
/* >> */
.icon-chevrons-right {
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevrons-right' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3e  %3cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3e  %3cpolyline points='7 7 12 12 7 17' /%3e  %3cpolyline points='13 7 18 12 13 17' /%3e%3c/svg%3e");
}

.icon-right {
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 5l7 7-7 7' /%3e%3c/svg%3e");
}

.icon-up {
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 11l7-7 7 7M5 19l7-7 7 7' /%3e%3c/svg%3e");
}

.icon-bell {
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'   width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3e	%3cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3e%3c/path%3e%3cpath d='M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6'%3e%3c/path%3e%3cpath d='M9 17v1a3 3 0 0 0 6 0v-1'%3e%3c/path%3e%3c/svg%3e");
}

.icon-home {
    -webkit-mask-image: url("data:image/svg+xml,%3csvg class='h-5 w-5 mr-3' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6'%3e%3c/path%3e%3c/svg%3e");
}

.icon-square {
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-square' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3e   %3cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3e%3c/path%3e   %3crect x='4' y='4' width='16' height='16' rx='2'%3e%3c/rect%3e%3c/svg%3e");
}

.icon-check {
    -webkit-mask-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='red' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

.icon-new {
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3e   %3cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3e%3c/path%3e   %3crect x='4' y='4' width='16' height='16' rx='2'%3e%3c/rect%3e   %3cline x1='9' y1='12' x2='15' y2='12'%3e%3c/line%3e   %3cline x1='12' y1='9' x2='12' y2='15'%3e%3c/line%3e%3c/svg%3e");
}

.icon-edit {
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  fill='none' viewBox='0 0 24 24' stroke='currentColor'%3e  %3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z' /%3e%3c/svg%3e");
}

.icon-list {
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3e   %3cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3e%3c/path%3e   %3cline x1='9' y1='6' x2='20' y2='6'%3e%3c/line%3e   %3cline x1='9' y1='12' x2='20' y2='12'%3e%3c/line%3e   %3cline x1='9' y1='18' x2='20' y2='18'%3e%3c/line%3e   %3cline x1='5' y1='6' x2='5' y2='6.01'%3e%3c/line%3e   %3cline x1='5' y1='12' x2='5' y2='12.01'%3e%3c/line%3e   %3cline x1='5' y1='18' x2='5' y2='18.01'%3e%3c/line%3e%3c/svg%3e");
}

.icon-unlock {
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-lock-open' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3e   %3cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3e%3c/path%3e   %3crect x='5' y='11' width='14' height='10' rx='2'%3e%3c/rect%3e   %3ccircle cx='12' cy='16' r='1'%3e%3c/circle%3e   %3cpath d='M8 11v-5a4 4 0 0 1 8 0'%3e%3c/path%3e%3c/svg%3e");
}

.icon-save {
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3e   %3cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3e%3c/path%3e   %3ccircle cx='12' cy='12' r='9'%3e%3c/circle%3e   %3cpath d='M9 12l2 2l4 -4'%3e%3c/path%3e%3c/svg%3e");
}

.icon-search {
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3e%3c/path%3e%3ccircle cx='10' cy='10' r='7'%3e%3c/circle%3e%3cline x1='21' y1='21' x2='15' y2='15'%3e%3c/line%3e%3c/svg%3e");
}

.icon-settings {
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3e   %3cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3e%3c/path%3e   %3cpath d='M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z'%3e%3c/path%3e   %3ccircle cx='12' cy='12' r='3'%3e%3c/circle%3e%3c/svg%3e");
}

.icon-trash {
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3e   %3cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3e%3c/path%3e   %3cline x1='4' y1='7' x2='20' y2='7'%3e%3c/line%3e   %3cline x1='10' y1='11' x2='10' y2='17'%3e%3c/line%3e   %3cline x1='14' y1='11' x2='14' y2='17'%3e%3c/line%3e   %3cpath d='M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12'%3e%3c/path%3e   %3cpath d='M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3'%3e%3c/path%3e%3c/svg%3e");
}

.icon-calendar {
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3e   %3cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3e%3c/path%3e   %3crect x='4' y='5' width='16' height='16' rx='2'%3e%3c/rect%3e   %3cline x1='16' y1='3' x2='16' y2='7'%3e%3c/line%3e   %3cline x1='8' y1='3' x2='8' y2='7'%3e%3c/line%3e   %3cline x1='4' y1='11' x2='20' y2='11'%3e%3c/line%3e   %3cline x1='10' y1='16' x2='14' y2='16'%3e%3c/line%3e   %3cline x1='12' y1='14' x2='12' y2='18'%3e%3c/line%3e%3c/svg%3e");
}

.icon-clock {
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3e   %3cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3e%3c/path%3e   %3ccircle cx='12' cy='12' r='9'%3e%3c/circle%3e   %3cpolyline points='12 7 12 12 15 15'%3e%3c/polyline%3e%3c/svg%3e");
}
/*伤心的图标*/
.icon-sad {
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3e   %3cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3e%3c/path%3e   %3ccircle cx='12' cy='12' r='9'%3e%3c/circle%3e   %3cline x1='9' y1='10' x2='9.01' y2='10'%3e%3c/line%3e   %3cline x1='15' y1='10' x2='15.01' y2='10'%3e%3c/line%3e   %3cpath d='M9.5 15.25a3.5 3.5 0 0 1 5 0'%3e%3c/path%3e%3c/svg%3e");
}
/*没有开心与不开心, 主要用于 指标不上不下的那种 以前的是 none.png*/
.icon-mood-empty {
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3e   %3cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3e%3c/path%3e   %3ccircle cx='12' cy='12' r='9'%3e%3c/circle%3e   %3cline x1='9' y1='10' x2='9.01' y2='10'%3e%3c/line%3e   %3cline x1='15' y1='10' x2='15.01' y2='10'%3e%3c/line%3e   %3cline x1='9' y1='15' x2='15' y2='15'%3e%3c/line%3e%3c/svg%3e");
}
/* like 的图标 , 大拇指向上*/
.icon-thumb-up {
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3e   %3cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3e%3c/path%3e   %3cpath d='M7 11v8a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-7a1 1 0 0 1 1 -1h3a4 4 0 0 0 4 -4v-1a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1 -2 2h-7a3 3 0 0 1 -3 -3'%3e%3c/path%3e%3c/svg%3e");
}
/*fontawesom trash-alt*/

.icon-undo-alt {
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath d='M256.2 8c-57 0-109.5 19.2-151.5 51.5L54.6 9.4C34.6-10.7 0 3.5 0 32v128c0 17.7 14.3 32 32 32h128c28.5 0 42.7-34.5 22.6-54.6L129 83.7C165.3 56.9 209.5 42 256 42c118.4 0 214 96 214 214 0 118.4-96 214-214 214-53.7 0-104.2-19.8-143.1-54.9-4.7-4.3-12-4-16.5.5l-7.1 7.1c-4.9 4.9-4.6 12.8.5 17.4 44 39.7 102.3 63.9 166.2 63.9 136.8 0 247.7-110.8 248-247.5S392.8 8.1 256.2 8zM160 160H32V32z'/%3e%3c/svg%3e");
}

.icon-redo-alt {
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath d='M457.4 9.4l-50.1 50.1C365.4 27.2 312.8 8 255.8 8 119.2 8.1 7.7 119.8 8 256.5S119.2 504 256 504c63.9 0 122.2-24.2 166.2-63.9 5.1-4.6 5.4-12.6.5-17.4l-7.1-7.1c-4.5-4.5-11.7-4.7-16.5-.5-39 35.1-89.4 54.9-143.1 54.9-118 0-214-95.6-214-214 0-118 95.6-214 214-214 46.5 0 90.7 14.9 127 41.7l-53.6 53.6c-20.1 20.1-5.9 54.6 22.6 54.6h128c17.7 0 32-14.3 32-32V32c0-28.5-34.6-42.7-54.6-22.6zM480 160H352L480 32z'/%3e%3c/svg%3e");
}
/* x */
.icon-times {
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3e%3cpath d='M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z'/%3e%3c/svg%3e");
}

.icon-circle-check {
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-circle-check' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3e   %3cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3e%3c/path%3e   %3ccircle cx='12' cy='12' r='9'%3e%3c/circle%3e   %3cpath d='M9 12l2 2l4 -4'%3e%3c/path%3e%3c/svg%3e");
}

.weui-icon-success {
    -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm-1.177-7.86l-2.765-2.767L7%2012.431l3.119%203.121a1%201%200%20001.414%200l5.952-5.95-1.062-1.062-5.6%205.6z%22%2F%3E%3C%2Fsvg%3E);
}

.weui-icon_msg {
    width: 64px;
    height: 64px;
}
/*pagination start */
.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
}

    .pagination.pg-blue-grey .page-item.active .page-link, .pagination.pg-blue-grey .page-item.active .page-link:hover {
        background-color: #3f729b;
    }

    .pagination.pagination-circle .page-item .page-link:hover, .pagination.pagination-circle .page-item.active .page-link {
        border-radius: 50%;
    }

    .pagination.pagination-circle .page-item .page-link {
        margin-right: 2px;
        margin-left: 2px;
        border-radius: 50%;
    }

    .pagination .page-item.active .page-link {
        color: #fff;
        background-color: #4285f4;
        border-radius: .125rem;
        transition: all .2s linear;
    }

    .navbar, .pagination .page-item.active .page-link {
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    }

    .pagination .page-item .page-link {
        font-size: .9rem;
        color: #212529;
        background-color: transparent;
        border: 0;
        outline: 0;
        transition: all .3s linear;
    }

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .798rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
/*pagination end */

/* bootstrap5 table start */
.bg-primary {
    background-color: #0d6efd !important;
}

.bg-secondary {
    background-color: #6c757d !important;
}

.bg-success {
    background-color: #198754 !important;
}

.bg-info {
    background-color: #0dcaf0 !important;
}

.bg-warning {
    background-color: #ffc107 !important;
}

.bg-danger {
    background-color: #dc3545 !important;
}

.bg-light {
    background-color: #f8f9fa !important;
}

.bg-dark {
    background-color: #212529 !important;
}

.bg-body {
    background-color: #fff !important;
}


.bg-transparent {
    background-color: transparent !important;
}

.btn-light {
    color: #000;
    background-color: #e5e7ea !important;
    border-color: #f8f9fa !important;
}

    .btn-light:hover {
        color: #000;
        background-color: #f9fafb !important;
        border-color: #f9fafb !important;
    }

.alert {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.alert-primary {
    color: #084298;
    background-color: #cfe2ff;
    border-color: #b6d4fe;
}

    .alert-primary .alert-link {
        color: #06357a;
    }

.alert-secondary {
    color: #41464b;
    background-color: #e2e3e5;
    border-color: #d3d6d8;
}

    .alert-secondary .alert-link {
        color: #34383c;
    }

.alert-success {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}

    .alert-success .alert-link {
        color: #0c4128;
    }

.alert-info {
    color: #055160;
    background-color: #cff4fc;
    border-color: #b6effb;
}

    .alert-info .alert-link {
        color: #04414d;
    }

.alert-warning {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5;
}

    .alert-warning .alert-link {
        color: #523e02;
    }

.alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}

    .alert-danger .alert-link {
        color: #6a1a21;
    }

.alert-light {
    color: #636464;
    background-color: #fefefe;
    border-color: #fdfdfe;
}

    .alert-light .alert-link {
        color: #4f5050;
    }

.alert-dark {
    color: #141619;
    background-color: #d3d3d4;
    border-color: #bcbebf;
}

    .alert-dark .alert-link {
        color: #101214;
    }

/*.table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #212529;
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: #212529;
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: #212529;
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    vertical-align: top;
    border-color: #dee2e6;
}

    .table > :not(caption) > * > * {
        padding: 0.5rem 0.5rem;
        background-color: var(--bs-table-bg);
        border-bottom-width: 1px;
        box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
    }

    .table > tbody {
        vertical-align: inherit;
    }

    .table > thead {
        vertical-align: bottom;
    }*/

/*    .table > :not(:last-child) > :last-child > * {
        border-bottom-color: currentColor;
    }*/

/*.caption-top {
    caption-side: top;
}

.table-sm > :not(caption) > * > * {
    padding: 0.5rem 0.25rem;*/ /*wenzhili 0.25rem改成 0.5rem*/
/*}

.table-bordered > :not(caption) > * {
    border-width: 1px 0;
}

    .table-bordered > :not(caption) > * > * {
        border-width: 0 1px;
    }

.table-borderless > :not(caption) > * > * {
    border-bottom-width: 0;
}*/

.table-striped > tbody > tr:nth-of-type(odd) {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color);
}

/*.table-active {
    --bs-table-accent-bg: var(--bs-table-active-bg);
    color: var(--bs-table-active-color);
}

.table-hover > tbody > tr:hover {
    --bs-table-accent-bg: var(--bs-table-hover-bg);
    color: var(--bs-table-hover-color);
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}*/
/* bootstrap5 table end */

/* bootstrap5 badge start */
/*.badge {
    display: inline-block;
    padding: 0.35em 0.65em;
    font-size: 0.75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

    .badge:empty {
        display: none;
    }

.btn .badge {
    position: relative;
    top: -1px;
}*/
/* bootstrap5 badge end */
/* 就是清除虚线, 现在感觉还是不要线的好 */
.weui-grid:before, .weui-grid:after {
    content: initial;
}

.text-muted {
    color: #6c757d !important;
}

.text-danger {
    color: #EF4444 !important;
}
/*这个还是有用的, weui_label中的字体是白色的.. */
/*.text-white {
    --tw-text-opacity: 1;
    color: rgba(255,255,255,var(--tw-text-opacity));
}*/
/* mdb blockquote start */
.blockquote {
    padding: 0.5rem 1rem;
    border-left: .25rem solid #eceeef;
}

    .blockquote.text-right {
        border-right: .25rem solid #eceeef;
        border-left: none;
    }

    .blockquote .bq-title {
        margin-bottom: 0;
        font-size: 1.5rem;
        font-weight: 400;
    }

    .blockquote p {
        padding: 1rem 0;
        font-size: 1.1rem;
    }

.bq-primary {
    border-left: 3px solid #4285f4 !important;
}

    .bq-primary .bq-title {
        color: #4285f4 !important;
    }

.bq-danger {
    border-left: 3px solid #ff3547 !important;
}

    .bq-danger .bq-title {
        color: #ff3547 !important;
    }

.bq-warning {
    border-left: 3px solid #fb3 !important;
}

    .bq-warning .bq-title {
        color: #fb3 !important;
    }

.bq-success {
    border-left: 3px solid #00c851 !important;
}

    .bq-success .bq-title {
        color: #00c851 !important;
    }

.bq-info {
    border-left: 3px solid #33b5e5 !important;
}

    .bq-info .bq-title {
        color: #33b5e5 !important;
    }
/* mdb blockquote end */

/* jquery weui start */
.weui-toptips {
    z-index: 100;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}

    .weui-toptips.weui-toptips_visible {
        opacity: 1;
    }

.weui-mask {
    z-index: 1000;
}

.weui-dialog,
.weui-toast {
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    visibility: hidden;
    margin: 0 45%;
    /*top: 45%;*/
    z-index: 2000;
}

    .weui-dialog .weui-dialog__btn.default,
    .weui-toast .weui-dialog__btn.default {
        color: #5f646e;
    }

    .weui-dialog .weui-dialog__btn + .weui-dialog__btn,
    .weui-toast .weui-dialog__btn + .weui-dialog__btn {
        position: relative;
    }

        .weui-dialog .weui-dialog__btn + .weui-dialog__btn:after,
        .weui-toast .weui-dialog__btn + .weui-dialog__btn:after {
            content: " ";
            position: absolute;
            left: 0;
            top: 0;
            width: 1px;
            height: 100%;
            border-left: 1px solid #D5D5D6;
            color: #D5D5D6;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: scaleX(0.5);
            transform: scaleX(0.5);
        }

    .weui-dialog.weui-dialog--visible,
    .weui-toast.weui-dialog--visible,
    .weui-dialog.weui-toast--visible,
    .weui-toast.weui-toast--visible {
        opacity: 1;
        visibility: visible;
    }

.weui-toast_forbidden {
    color: #F76260;
}

.weui-toast_cancel .weui-icon-toast:before {
    content: "\EA0D";
}

.weui-toast_forbidden .weui-icon-toast:before {
    content: "\EA0B";
    color: #F76260;
}

.weui-toast_text {
    min-height: 1em;
    width: auto;
    height: 45px;
    border-radius: 25px;
    margin-left: 0;
    -webkit-transform: scale(0.9) translate3d(-50%, 0, 0);
    transform: scale(0.9) translate3d(-50%, 0, 0);
    -webkit-transform-origin: left;
    transform-origin: left;
}

    .weui-toast_text.weui-toast--visible {
        -webkit-transform: scale(1) translate3d(-50%, 0, 0);
        transform: scale(1) translate3d(-50%, 0, 0);
    }

    .weui-toast_text .weui-icon-toast {
        display: none;
    }

    .weui-toast_text .weui-toast_content {
        margin: 10px 15px;
    }

.weui-mask {
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    visibility: hidden;
}

    .weui-mask.weui-mask--visible {
        opacity: 1;
        visibility: visible;
    }

.weui-prompt-input {
    padding: 4px 6px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    height: 2em;
    width: 80%;
    margin-top: 10px;
}
/* jquery weui end */
/*.req:before {
    content: ' *';
    color: #fa5151;
    font-weight: bold;
}*/
.req:after {
    content: ' *';
    color: #fa5151;
    font-weight: bold;
}
/*weui-search-bar 中 由于bootstrap 引起的取消按钮错位的问题... */
.weui-icon-clear {
    box-sizing: unset;
}

.text-nowrap {
    white-space: nowrap;
}

.weui-select {
    height: 42.7969px;
    line-height: 1.41176471;
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: 0.25rem;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 0.5rem 1rem;
    color: #212529;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

    .list-group-item:first-child {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit;
    }

    .list-group-item:last-child {
        border-bottom-right-radius: inherit;
        border-bottom-left-radius: inherit;
    }

    .list-group-item.disabled, .list-group-item:disabled {
        color: #6c757d;
        pointer-events: none;
        background-color: #fff;
    }

    .list-group-item.active {
        z-index: 2;
        color: #fff;
        background-color: #0d6efd;
        border-color: #0d6efd;
    }

    .list-group-item + .list-group-item {
        border-top-width: 0;
    }

        .list-group-item + .list-group-item.active {
            margin-top: -1px;
            border-top-width: 1px;
        }

/* === Jquery WeUI Grid === */
.weui-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

    .weui-row > [class*="col-"] {
        box-sizing: border-box;
    }

    .weui-row .col-auto {
        width: 100%;
    }

    .weui-row .weui-col-100 {
        width: 100%;
        width: calc((100% - 15px*0) / 1);
    }

    .weui-row.weui-no-gutter .weui-col-100 {
        width: 100%;
    }

    .weui-row .weui-col-95 {
        width: 95%;
        width: calc((100% - 15px*0.05263157894736836) / 1.0526315789473684);
    }

    .weui-row.weui-no-gutter .weui-col-95 {
        width: 95%;
    }

    .weui-row .weui-col-90 {
        width: 90%;
        width: calc((100% - 15px*0.11111111111111116) / 1.1111111111111112);
    }

    .weui-row.weui-no-gutter .weui-col-90 {
        width: 90%;
    }

    .weui-row .weui-col-85 {
        width: 85%;
        width: calc((100% - 15px*0.17647058823529416) / 1.1764705882352942);
    }

    .weui-row.weui-no-gutter .weui-col-85 {
        width: 85%;
    }

    .weui-row .weui-col-80 {
        width: 80%;
        width: calc((100% - 15px*0.25) / 1.25);
    }

    .weui-row.weui-no-gutter .weui-col-80 {
        width: 80%;
    }

    .weui-row .weui-col-75 {
        width: 75%;
        width: calc((100% - 15px*0.33333333333333326) / 1.3333333333333333);
    }

    .weui-row.weui-no-gutter .weui-col-75 {
        width: 75%;
    }

    .weui-row .weui-col-66 {
        width: 66.66666666666666%;
        width: calc((100% - 15px*0.5000000000000002) / 1.5000000000000002);
    }

    .weui-row.weui-no-gutter .weui-col-66 {
        width: 66.66666666666666%;
    }

    .weui-row .weui-col-60 {
        width: 60%;
        width: calc((100% - 15px*0.6666666666666667) / 1.6666666666666667);
    }

    .weui-row.weui-no-gutter .weui-col-60 {
        width: 60%;
    }

    .weui-row .weui-col-50 {
        width: 50%;
        width: calc((100% - 15px*1) / 2);
    }

    .weui-row.weui-no-gutter .weui-col-50 {
        width: 50%;
    }

    .weui-row .weui-col-40 {
        width: 40%;
        width: calc((100% - 15px*1.5) / 2.5);
    }

    .weui-row.weui-no-gutter .weui-col-40 {
        width: 40%;
    }

    .weui-row .weui-col-33 {
        width: 33.333333333333336%;
        width: calc((100% - 15px*2) / 3);
    }

    .weui-row.weui-no-gutter .weui-col-33 {
        width: 33.333333333333336%;
    }

    .weui-row .weui-col-25 {
        width: 25%;
        width: calc((100% - 15px*3) / 4);
    }

    .weui-row.weui-no-gutter .weui-col-25 {
        width: 25%;
    }

    .weui-row .weui-col-20 {
        width: 20%;
        width: calc((100% - 15px*4) / 5);
    }

    .weui-row.weui-no-gutter .weui-col-20 {
        width: 20%;
    }

    .weui-row .weui-col-15 {
        width: 15%;
        width: calc((100% - 15px*5.666666666666667) / 6.666666666666667);
    }

    .weui-row.weui-no-gutter .weui-col-15 {
        width: 15%;
    }

    .weui-row .weui-col-10 {
        width: 10%;
        width: calc((100% - 15px*9) / 10);
    }

    .weui-row.weui-no-gutter .weui-col-10 {
        width: 10%;
    }

    .weui-row .weui-col-5 {
        width: 5%;
        width: calc((100% - 15px*19) / 20);
    }

    .weui-row.weui-no-gutter .weui-col-5 {
        width: 5%;
    }

    .weui-row .weui-col-auto:nth-last-child(1),
    .weui-row .weui-col-auto:nth-last-child(1) ~ .weui-col-auto {
        width: 100%;
        width: calc((100% - 15px*0) / 1);
    }

    .weui-row.weui-no-gutter .weui-col-auto:nth-last-child(1),
    .weui-row.weui-no-gutter .weui-col-auto:nth-last-child(1) ~ .weui-col-auto {
        width: 100%;
    }

    .weui-row .weui-col-auto:nth-last-child(2),
    .weui-row .weui-col-auto:nth-last-child(2) ~ .weui-col-auto {
        width: 50%;
        width: calc((100% - 15px*1) / 2);
    }

    .weui-row.weui-no-gutter .weui-col-auto:nth-last-child(2),
    .weui-row.weui-no-gutter .weui-col-auto:nth-last-child(2) ~ .weui-col-auto {
        width: 50%;
    }

    .weui-row .weui-col-auto:nth-last-child(3),
    .weui-row .weui-col-auto:nth-last-child(3) ~ .weui-col-auto {
        width: 33.33333333%;
        width: calc((100% - 15px*2) / 3);
    }

    .weui-row.weui-no-gutter .weui-col-auto:nth-last-child(3),
    .weui-row.weui-no-gutter .weui-col-auto:nth-last-child(3) ~ .weui-col-auto {
        width: 33.33333333%;
    }

    .weui-row .weui-col-auto:nth-last-child(4),
    .weui-row .weui-col-auto:nth-last-child(4) ~ .weui-col-auto {
        width: 25%;
        width: calc((100% - 15px*3) / 4);
    }

    .weui-row.weui-no-gutter .weui-col-auto:nth-last-child(4),
    .weui-row.weui-no-gutter .weui-col-auto:nth-last-child(4) ~ .weui-col-auto {
        width: 25%;
    }

    .weui-row .weui-col-auto:nth-last-child(5),
    .weui-row .weui-col-auto:nth-last-child(5) ~ .weui-col-auto {
        width: 20%;
        width: calc((100% - 15px*4) / 5);
    }

    .weui-row.weui-no-gutter .weui-col-auto:nth-last-child(5),
    .weui-row.weui-no-gutter .weui-col-auto:nth-last-child(5) ~ .weui-col-auto {
        width: 20%;
    }

    .weui-row .weui-col-auto:nth-last-child(6),
    .weui-row .weui-col-auto:nth-last-child(6) ~ .weui-col-auto {
        width: 16.66666667%;
        width: calc((100% - 15px*5) / 6);
    }

    .weui-row.weui-no-gutter .weui-col-auto:nth-last-child(6),
    .weui-row.weui-no-gutter .weui-col-auto:nth-last-child(6) ~ .weui-col-auto {
        width: 16.66666667%;
    }

    .weui-row .weui-col-auto:nth-last-child(7),
    .weui-row .weui-col-auto:nth-last-child(7) ~ .weui-col-auto {
        width: 14.28571429%;
        width: calc((100% - 15px*6) / 7);
    }

    .weui-row.weui-no-gutter .weui-col-auto:nth-last-child(7),
    .weui-row.weui-no-gutter .weui-col-auto:nth-last-child(7) ~ .weui-col-auto {
        width: 14.28571429%;
    }

    .weui-row .weui-col-auto:nth-last-child(8),
    .weui-row .weui-col-auto:nth-last-child(8) ~ .weui-col-auto {
        width: 12.5%;
        width: calc((100% - 15px*7) / 8);
    }

    .weui-row.weui-no-gutter .weui-col-auto:nth-last-child(8),
    .weui-row.weui-no-gutter .weui-col-auto:nth-last-child(8) ~ .weui-col-auto {
        width: 12.5%;
    }

    .weui-row .weui-col-auto:nth-last-child(9),
    .weui-row .weui-col-auto:nth-last-child(9) ~ .weui-col-auto {
        width: 11.11111111%;
        width: calc((100% - 15px*8) / 9);
    }

    .weui-row.weui-no-gutter .weui-col-auto:nth-last-child(9),
    .weui-row.weui-no-gutter .weui-col-auto:nth-last-child(9) ~ .weui-col-auto {
        width: 11.11111111%;
    }

    .weui-row .weui-col-auto:nth-last-child(10),
    .weui-row .weui-col-auto:nth-last-child(10) ~ .weui-col-auto {
        width: 10%;
        width: calc((100% - 15px*9) / 10);
    }

    .weui-row.weui-no-gutter .weui-col-auto:nth-last-child(10),
    .weui-row.weui-no-gutter .weui-col-auto:nth-last-child(10) ~ .weui-col-auto {
        width: 10%;
    }

    .weui-row .weui-col-auto:nth-last-child(11),
    .weui-row .weui-col-auto:nth-last-child(11) ~ .weui-col-auto {
        width: 9.09090909%;
        width: calc((100% - 15px*10) / 11);
    }

    .weui-row.weui-no-gutter .weui-col-auto:nth-last-child(11),
    .weui-row.weui-no-gutter .weui-col-auto:nth-last-child(11) ~ .weui-col-auto {
        width: 9.09090909%;
    }

    .weui-row .weui-col-auto:nth-last-child(12),
    .weui-row .weui-col-auto:nth-last-child(12) ~ .weui-col-auto {
        width: 8.33333333%;
        width: calc((100% - 15px*11) / 12);
    }

    .weui-row.weui-no-gutter .weui-col-auto:nth-last-child(12),
    .weui-row.weui-no-gutter .weui-col-auto:nth-last-child(12) ~ .weui-col-auto {
        width: 8.33333333%;
    }

    .weui-row .weui-col-auto:nth-last-child(13),
    .weui-row .weui-col-auto:nth-last-child(13) ~ .weui-col-auto {
        width: 7.69230769%;
        width: calc((100% - 15px*12) / 13);
    }

    .weui-row.weui-no-gutter .weui-col-auto:nth-last-child(13),
    .weui-row.weui-no-gutter .weui-col-auto:nth-last-child(13) ~ .weui-col-auto {
        width: 7.69230769%;
    }

    .weui-row .weui-col-auto:nth-last-child(14),
    .weui-row .weui-col-auto:nth-last-child(14) ~ .weui-col-auto {
        width: 7.14285714%;
        width: calc((100% - 15px*13) / 14);
    }

    .weui-row.weui-no-gutter .weui-col-auto:nth-last-child(14),
    .weui-row.weui-no-gutter .weui-col-auto:nth-last-child(14) ~ .weui-col-auto {
        width: 7.14285714%;
    }

    .weui-row .weui-col-auto:nth-last-child(15),
    .weui-row .weui-col-auto:nth-last-child(15) ~ .weui-col-auto {
        width: 6.66666667%;
        width: calc((100% - 15px*14) / 15);
    }

    .weui-row.weui-no-gutter .weui-col-auto:nth-last-child(15),
    .weui-row.weui-no-gutter .weui-col-auto:nth-last-child(15) ~ .weui-col-auto {
        width: 6.66666667%;
    }

/* mdb profile card */
.testimonial-card .card-up {
    height: 120px;
    overflow: hidden;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.testimonial-card .avatar {
    width: 120px;
    margin-top: -60px;
    overflow: hidden;
    border: 5px solid #fff;
    border-radius: 50%;
}

    .testimonial-card .avatar img {
        width: 100%;
    }

.testimonial-card .card-body {
    text-align: center;
}

/*还是不要加了吧..*/
/*.card {
    border: 0;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}*/
.indigo.lighten-1 {
    background-color: #5c6bc0 !important;
}

.indigo {
    background-color: #3f51b5 !important;
}

.testimonial-card .avatar {
    width: 120px;
    margin-top: -60px;
    overflow: hidden;
    border: 5px solid #fff;
    border-radius: 50%;
}

.ml-auto, .mx-auto {
    margin-left: auto !important;
}

.mr-auto, .mx-auto {
    margin-right: auto !important;
}

.mr-4, .mx-4 {
    margin-right: 1.5rem !important;
}

.card .btn-action {
    margin-top: -1.44rem;
    margin-bottom: -1.44rem;
}

.mdb-color.lighten-3 {
    background-color: #929fba !important;
}

.btn-floating {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 0;
    margin: 10px;
    overflow: hidden;
    cursor: pointer;
    border-radius: 50%;
    box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
    transition: all .2s ease-in-out;
    width: 47px;
    height: 47px;
}
/* mdb profile card end */