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

body{
    max-width: 600px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    background-color: white;
}
.bd-ghostwhite{
    background-color: ghostwhite;
}
.bd-headblue{
    background-color: #0f56a1;
}
/**
    2、顶部样式-返回按钮-标题-右侧操作
 */
.head-back{
    margin-top: 17px;
    font-size:small;
    font-weight: bold;
    padding-left: 0px;
    color: #ffffff;
}
.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;
}

.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;
}


/*
    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-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-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;
}
/*
    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;
}
.edit-input{
    margin-top: 3px;
}
.edit-button {
    margin-top: 20px;
    width: 60%;
}


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

/*
=============================================列表页相关==============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-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;
}