/*
 * 知行平台基础CSS
 * 1、body整体样式
 * 2、顶部样式-返回按钮-标题-右侧操作
 * 3、tab块样式，用于统计页的按钮-统计div-统计选中-统计未选中-统计搜索按钮
 * 5、edit编辑或新增样式-上层div样式-左侧名称-右侧输入框-提交按钮
 * 6、弹窗样式
 */

body{
    max-width: 600px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    background-color: white;
}

.flex-center {
    display: flex;
    align-items: center; /* 如果需要水平居中也可以加上 */
    justify-content: center;
}
.head-img-mini {
    width: 30px;
    height: 30px;
    border-radius: 4px;
}

.homeButton {
    position: fixed; /* 使用固定定位 */
    bottom: 80px; /* 距离底部20px */
    right: 5px; /* 距离右边20px */
    cursor: pointer; /* 鼠标悬停时显示指针 */
    z-index: 1000; /* 确保按钮在其他内容之上 */
    width: 35px;
    height: 35px;
    opacity: 0.7;
}
.padding0{
    padding: 0px;
}
.padding-right0{
    padding-right: 0px;
}

.bd-ghostwhite{
    background-color: ghostwhite;
}
.body-white{
     background-color: white;
 }
.bd-palewhite{
    background-color:  #f6f6f6;
}
.body-palewhite{
    background-color:  #f6f6f6;
}
.bd-headblue{
    background-color: #0f56a1;
}
.bd-white{
    background-color: white;
    position: fixed;
    top: 0;
    width: 100%;
    max-width: 600px;
    z-index: 1000;
}
.bd-white-top{
    background-color: white;
    position: fixed;
    top: 0;
    width: 100%;
    max-width: 600px;
    z-index: 1000;
    background-color: transparent;
}
.bd-white-pale{
    background-color: #f6f6f6;
    position: fixed;
    top: 0;
    width: 100%;
    max-width: 600px;
    z-index: 1000;
}
.bd-white-info{
    background-color: white;
}
.home_img{
    max-width: 60px;
    width : 100%;
    margin-top: 20px;
}
.page_img{
    max-width: 60px;
    width : 80%;
    margin-top: 15px;
}
.page_img60{
    max-width: 60px;
    width : 60%;
    margin-top: 15px;
}
.multiple_row{
    background-color: white;
    margin: 10px -5px;
    border-radius: 10px;
    padding: 10px 20px;
}

.bottom_img{
    max-width: 25px;
    width : 100%;
    margin-top: 10px;
}

.bottom_text{
    margin-top: 5px;
}


.bottom_select-no{
    filter: grayscale(100%);
    padding: 0px;
}
.bottom_select{
    padding: 0px;
}
.bottom_float_div{
    width:100%;
    max-width: 600px;
    background-color: #FFFFFF;
    font-size: medium;
    position: fixed;
    bottom: 0px;
    border-top: 1px solid #EEEEEE;
}
/**
表格奇数行背景色\表格偶数行背景色
 */
.td-bd-first-odd{
    background-color: #fbed50;
}
.td-bd-first-even{
    background-color: #74d2d9;
}
.td-bd-odd{
    background-color: #F5FBFF;
}
.td-bd-even{
    background-color: #F5FBFF;
}
.table-div{
    margin-top: 10px;
    padding:0px 0px;
    font-size: medium;
    overflow-x: scroll;
    background-color: #F5FBFF;
}
/**
    2、顶部样式-返回按钮-标题-右侧操作
 */
.head-back{
    margin-top: 17px;
    font-size:small;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 0px;
    color: #ffffff;
    font-size: larger;
}
.head-title{
    margin: 13px 0px;
    font-size:large;
    font-weight: bold;
    padding-left: 0px;
    color: #ffffff;
}
.head-operation{
    margin-top: 16px;
    font-size: 16px;
    padding-left: 0px;
    color: #ffffff;
}
.head-back-b{
    margin-top: 17px;
    font-size:small;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 0px;
    color: #707070;
    font-size: larger;
}
.head-back-br{
    margin-top: 17px;
    font-size:small;
    font-weight: bold;
    padding-left: 0px;
    padding-right: 5px;
    color: #707070;
    font-size: larger;
}
.head-back-brt{
    margin-top: 10px;
    margin-bottom: 8px;
    font-size:small;
    font-weight: bold;
    padding-left: 0px;
    padding-right: 5px;
    color: #707070;
    font-size: larger;
}
.head-back-top{
    margin-top: 10px;
    margin-bottom: 8px;
    font-size:small;
    font-weight: bold;
    padding-left: 0px;
    padding-right: 15px;
    color: #707070;
    font-size: larger;
}
.head-back-img{
    width: 18px;
    height: 16px;
    margin-top: -5px;
}
.head-back-text{
    margin-left: -3px;
    display: inline-block;
}
.head-title-b{
    margin: 17px 0px 7px 0px;
    font-size:large;
    font-weight: bold;
    padding-left: 0px;
    color: black;
}
.head-operation-b{
    margin-top: 17px;
    font-size: 16px;
    padding-left: 0px;
    padding-right: 5px;
    color: black;
}

.alert-fail{
    background-color: orangered;
    color: white;
    padding: 5px;
    font-size: medium;
    font-weight: bold;
}
.alert-succ{
    background-color: mediumseagreen;
    color: white;
    padding: 5px;
    font-size: medium;
    font-weight: bold;
}
/*
    3、tab块样式，用于统计页的按钮-统计div-统计选中-统计未选中-统计搜索按钮
 */
.tab-div{
    height: 35px;
    font-size: large;
    font-weight: bold;
    padding-top: 5px;
    color: black;
}
.tab-select{
    background-color: #428bca;
    border-right: 1px solid #adadad;
    color: white;
    padding: 5px 0px ;
}
.tab-select-no{
    background-color: #dddddd;
    border-right: 1px solid #adadad;
    padding: 5px 0px ;
}
.tab-search{
    background-color: #dddddd;
}

.top-select{
    color: #6e6e6e;
    padding: 5px 0px;
}

/*
    tab搜索样式
 */
.search-div{
    background-color: #fafafa;
    padding: 10px;
    text-align: left;
}
/*
    tab搜索input框演示
 */
.search-input{
    width: 25%;
    border-radius: 4px;
    height: 30px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    text-align: center;
    margin-right: 5px;
    margin-left: 3px;
}
.search-input-90{
    width: 90%;
    border-radius: 4px;
    height: 30px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    margin-right: 5px;
    margin-left: 3px;
    padding-left: 10px;
}
.search-input-80{
    width: 80%;
    border-radius: 4px;
    height: 30px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    margin-right: 5px;
    margin-left: 3px;
    padding-left: 10px;
}
.search-input-85{
    width: 85%;
    border-radius: 4px;
    height: 30px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    margin-right: 5px;
    margin-left: 3px;
    padding-left: 10px;
}
.search-input-70{
    width: 70%;
    border-radius: 4px;
    height: 30px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    margin-right: 5px;
    margin-left: 3px;
    padding-left: 10px;
}

.search-input-60{
     width: 60%;
     border-radius: 4px;
     height: 30px;
     background-color: #fff;
     background-image: none;
     border: 1px solid #ccc;
     margin-right: 5px;
     margin-left: 3px;
     padding-left: 10px;
 }
/*
    tab搜索input框演示
 */
.search-button {
    border-radius: 4px;
    height:28px;
    background-image: none;
    border: 0px solid #ccc;
    text-align: center;
    color: #fff;
    background-color: #337ab7;
    padding: 3px 12px;
}
.info-button {
    border-radius: 5px;
    background-image: none;
    border: 0px solid #ccc;
    text-align: center;
    padding: 3px 12px;
}
.soperation-button {
    border-radius: 4px;
    height:20px;
    background-image: none;
    border: 0px solid #ccc;
    text-align: center;
    color: #fff;
    padding: 1px 6px;
    font-size: small;
}

/*
    tab搜索input框演示
 */
.search-button-delete {
    border-radius: 4px;
    height:28px;
    background-image: none;
    border: 0px solid #ccc;
    text-align: center;
    color: #fff;
    background-color: #d9534f;
    padding: 3px 12px;
}
/*
    tab搜索input框演示
 */
.search-button2 {
    border-radius: 4px;
    height:28px;
    background-image: none;
    border: 0px solid #ccc;
    text-align: center;
    color: #fff;
    background-color: #eea236;
    padding: 3px 12px;
}

/*
    5、edit编辑或新增样式-上层div样式-左侧名称-右侧输入框-提交按钮
 */
.edit-div{
    padding-top: 15px;
}
.edit-name{
    font-size: medium;
    font-weight: bold;
    padding-top: 10px;
    padding-right: 0px;
}
.edit-input{
    margin-top: 3px;
}
.edit-button {
    margin-top: 20px;
    width: 60%;
}


.edit-button {
    margin-top: 20px;
    width: 60%;
}

/*
    5、弹窗样式
 */
.zx-alert-div-hide{
    position:fixed;
    left:0%;
    top:0%;
    right: 0%;
    bottom: 0%;
    transform:translate(0%, 0%);
    z-index:1000;
    text-align: left;
    border: 1px solid #dddddd;
    opacity: 0.5;
}


.zx-alert-div-penging{
    border-radius: 8px 8px 8px 8px;
    position:fixed;
    left:30%; top:40%;
    transform:translate(-21%, -40%);
    z-index:1000;
    text-align: left;
    border: 1px solid #dddddd;
}


.zx-alert-div{
    border-radius: 8px 8px 8px 8px;
    position:fixed;
    left:30%; top:40%;
    transform:translate(-21%, -40%);
    z-index:1000;
    text-align: left;
    border: 1px solid #dddddd;
}
.zx-alert-head{
    margin :0px;
    border-radius: 8px 8px 0px 0px;
    padding:10px 15px;
    background-color: #008dff;
    font-size: large;
    color: white;
    font-weight: bold;
}
.zx-alert-info-title{
    font-weight: bold;
    font-size: medium;
    background-color: white;
    padding:10px 15px 0px 15px;
}
.zx-alert-info{
    font-size: medium;
    background-color: white;
    padding:10px 15px;
}
.zx-alert-bottom{
    border-radius: 0px 0px 8px 8px;
    background-color: white;
    height: 40px;
}
.zx-alert-button-send{
    border-radius: 6px;
    height: 28px;
    background-color: #008dff;
    border: 0px solid #ccc;
    text-align: center;
    color: #fff;
    width: 100%;

}

.zx-alert-button-cancel{
    border-radius: 6px;
    height: 28px;
    background-color: #adadad;
    border: 0px solid #ccc;
    text-align: center;
    color: #fff;
    width: 100%;

}
.zx-alert-button-div4{
    width: 33.33%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;

}
.zx-alert-button-div6{
    width: 50%;
    position: relative;
    min-height: 1px;
    padding-right: 20px;
    padding-left: 20px;
    float: left;

}


/*
=============================================列表页相关==============start=============================
 */


/*
    列表展示页头部首行内容样式
 */
.list-for—div {
    margin-right: 8px;
    margin-left: 8px;
    margin-top: 8px;
}
/*
    列表展示页头部首行内容样式
 */
.list—div {
    background-color: #FFFFFF;
    border-radius: 5px;
    text-align: left;
    padding: 8px 2px;
}


/*
    列表展示页头部首行内容样式
 */
.list-head {
    margin-top: 3px;
    font-size: larger;
    font-weight: bold;
}

/*
    列表展示页头部首行内容样式
 */
.list-table-head {
    margin-top: 3px;
    font-size: larger;
    font-weight: bold;
    text-align: center;
}


/*
    列表展示页具体内容样式
 */
.list-info {
    margin-top: 3px;
    font-size: medium;
}


.list-info-space {
    margin-top: 3px;
    font-size: medium;
    white-space: pre-wrap;
}
/*
    列表展示页具体内容样式
 */
.list-table-info {
    margin-top: 3px;
    font-size: medium;
    text-align: center;
    padding: 0px;
}
.table-info-20 {
    padding: 0px;
    font-size: medium;
    float:left;
    width: 20%;
    font-weight: bold;
}

.table-info-20-additional {
    padding: 0px;
    font-size: small;
    float:left;
    width: 20%;
}

/*
=============================================列表页相关==============end=============================
 */

/*
=============================================详情页页相关==============start=============================
 */

/*
    详情页头部首行内容样式
 */
.info-head {
    margin-top: 3px;
    font-size: x-large;
    font-weight: bold;
}
.info-table-head {
    margin-top: 3px;
    font-size: large;
    font-weight: bold;
    text-align: center;
    padding: 0px;
}
.info-table-detail {
    font-size: medium;
    padding: 0px;
}
/*
    详情页详情标题
 */
.info-name {
    margin-top: 8px;
    padding: 0;
    font-size: larger;
    color: #6e6e6e;
    text-align: justify;
    text-justify: inter-word;
    text-align-last: justify;
}
/*
    详情页详情标题后面的文案展示演示
 */
.info-detail {
    margin-top: 8px;
    font-size: larger;
}
/*
===================================
 */
.dingyue-div{
    border-radius: 10px;
    background-image: url('https://xhsh-1308234188.cos.ap-chengdu.myqcloud.com/base/dingyue.png');
    height: 40px;
}