/*通用*/
html, body {
    /*font-family: "Century Gothic", "Microsoft yahei";*/
    font: 12px/1.5 "PingFang SC", "Lantinghei SC", "Microsoft YaHei", "HanHei SC", "Helvetica Neue", "Open Sans", Arial, "Hiragino Sans GB", "微软雅黑", STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif;
    background: #f2f2f2;
}

.ass-more {
    white-space: pre-wrap;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    cursor: pointer; /* 当鼠标移动到元素上时，显示手形光标 */
}

.biaodan{
    overflow: hidden;    /* 隐藏溢出内容 */
    white-space: nowrap; /* 禁止换行 */
    text-overflow: ellipsis; /* 显示省略号 */
}

/* 通用列表搜索框 */
.search-box {
    margin-bottom: .8rem;
}

.layui-select-title .layui-input {
    color: #b00000;
}

.layui-input-block .layui-input {
    color: rgba(255, 106, 0, 0.73);
}

.layui-input#addtime {
    color: #008B8B;
}

/*导航*/
.layui-nav-item .line {
    margin: 15px 20px;
    border-bottom: 1px dashed #ccc;
}


ul.pagination li {
    font-size: 1rem;
    left: 0;
    float: left;
    border: 1px solid #ccc;
    border-right: 0;
    padding: 0 .6rem;
    height: 1.8rem;
    line-height: 1.8rem;
    text-align: center;
}

ul.pagination li.active {
    background: #337ab7;
    border-top: 1px solid #337ab7;
    border-bottom: 1px solid #337ab7;
    color: #fff;
}

ul.pagination li:first-child {
    border-radius: 2px 0 0 2px;
    font-size: 1.2rem;
    line-height: 1.8rem;
}

ul.pagination li:last-child {
    border-radius: 0 2px 2px 0;
    font-size: 1.2rem;
    line-height: 1.8rem;
    border-right: 1px solid #ccc;
}

.cl {
    clear: both;
    float: none;
}

.readonly {
    background: #dedede;
    color: #1B851B;
}

/*通用 - 搜索框 - 样式*/

/*通用 - ThinkPHP导航 - 样式*/
.pages {
    padding: 4px 0;
}

/*--Account--*/
/*----帐目---*/
/*----业务---*/
.acc_comp .time {
    width: 32px;
}

.acc_comp .time a {
    color: #00a7d0;
}

.acc_comp .money {
    width: 800px;
    color: #9B1F1F;
    font-weight: bold;
}

.acc_comp h3.acctitle {
    font-size: 90px;
    font-weight: bold;
    color: #1A4582;
    text-align: center;
    border-top: 2px solid #1B851B;
    background: #F8F8FF;
}

.acc_comp .layui-card-body .layui-table {
    margin-bottom: 100px;
    margin-top: 0;
}

.acc_comp .show-btn {
    padding: 8px 4px;
    cursor: pointer;
}

.acc_comp .show-less {
    height: 120px;
    overflow-y: scroll;
}

.acc_comp .show-more .show-less {
    height: 100%;
    overflow-y: hidden;
}

.acc_total .layui-card-body .layui-table {
    margin-bottom: 4px;
    margin-top: 0;
}

.acc_total td.AccMoney {
    text-align: right;
    color: #9f191f;
    font-weight: bold;
}

.acc_total h3.acctitle {
    color: #9a6e3a;
    font-size: 1.2rem;
    padding: .4rem 0;
    text-align: center;
    border-bottom: 1px dotted #dedede;
}

.acc_tb .layui-card-body .layui-table {
    margin-bottom: 100px;
    margin-top: 0;
}

.acc_tb h3.acctitle {
    font-size: 6px;
    font-weight: bold;
    color: #9a6e3a;
    text-align: center;
    border-top: 2px solid #1B851B;
    background: #F8F8FF;
}

.acc_loan .layui-card-body .layui-table {
    margin-bottom: 6px;
    margin-top: 0;
}

.acc_loan h3.acctitle {
    font-size: 9px;
    font-weight: bold;
    color: #1A4582;
    text-align: center;
    border-top: 2px solid #1B851B;
    background: #F8F8FF;
}

.acc_loan .AccMoneyTxt {
    font-size: 120px;
    text-align: center;
    color: #9f191f;
}

.acc_loan .AccMoney {
    font-size: 120px;
    text-align: right;
    color: #9f191f;
}

.acc_loan .AccMoney b {
    font-size: 6px;
    color: #08575B;
}

.layui-anim.layui-anim-upbit {
    z-index: 999999;
}

.marbtm {
    margin-bottom: 60px;
}

/*2022.01.27 单据CSS样式*/
.flex {
    display: flex;
    align-items: center;
}

.flex-cate {
    justify-content: space-between;
}

.flex-cate .kuai {
    width: 33%
}

.IDbox {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.IDbox input {
    height: 26px;
    line-height: 26px;
}

.IDbox .IDinput {
    width: 18rem;
}

.IDbox .IDbtn {
    border: 0;
    background: rgba(248, 61, 61, 0.73);
    color: #ffffff;
    width: 80px;
    border-radius: 0 1px 1px 0;
    font-size: 12px;
}

.tabNav {
    margin-left: 6px;
}

.tabNav.on {
    background: rgba(248, 61, 61, 0.73);
    color: #ffffff;
    padding: 1px 2px;
    border-radius: 2px;
}

.acc_tb {
    /*background:#f4f4f4;*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
}

.acc_tb_box {
    /*margin-right: 8px;*/

}

.acc_tb_box h3 {
    width: 100%;
    padding: 2px 0;
    text-align: center;
    font-size: 1rem;
    background: #185d8c;
    color: #fff;
}

.acc_tb_box table {
    width: 100%;
    margin: 0;
    padding: 0;
}

.acc_tb_box .layui-table[lay-size=sm] td,
.acc_tb_box .layui-table[lay-size=sm] th {
    font-size: .84rem;
    padding: .2rem .4rem;
}

.butie {
    position: absolute;
    top: 28%;
    left: 1%;
    font-size: 6px;
}

.nav {
    width: 9%;
    border-right: 1px dotted #C9C9C9;
    margin-right: 1%;
}

.nav .kuai {
    height: 30px;
    line-height: 30px;
    padding: 0 .1rem 0 0;
    border-radius: 4px;
    overflow: hidden;
}

.nav .kuai a {
    color: #f83d3d;
    font-size: .82rem;
}

.nav .kuai.on {
}

.nav .kuai.on a {
    color: #ffffff;
    background: #00a7d0;
    padding: .1rem;
    border-radius: .08rem;
}

.list {
    /*padding-left: 10px;*/

    /*display: flex;*/
    /*flex-direction: row;*/
    /*flex-wrap: wrap;*/
    /*align-items: flex-start;*/
    /*justify-content: flex-start;*/
    width: 90%;
}

.closed {
    color: #fff;
    border: 1px solid #fff;
    background: #ed5565;
    border-radius: 44px;
    padding: .8px 2.8px;
}

/*table.layui-table td,*/
table.layui-table th {
    text-align: center;
}

table.layui-table .money {
    width: 10px;
    font-size: 12px;
    color: darkred;
    text-align: right;
    position: relative;
}

table.layui-table .money_count {
    color: #993333;
    font-weight: 200;
    text-align: right;
}

table.layui-table .txt {
    cursor: pointer;
    text-align: left;
}

table.layui-table .txt.more {
    white-space: pre-wrap;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; /* 这里是超出几行省略 */
}