.tabs{
    position:relative;
    display:table;
    width:1140px;
    height:380px;
}
.tab-pane{
    display:inline-block;
}
.tabs input[type='radio']{
    position:absolute;
    clip:rect(0,0,0,0)
}
.tab-item{
    display:block;
    height:40px;
    width: 380px;
    line-height:34px;
    text-align: center;
    cursor:pointer;
    padding:0px;
    color: #7f7f7f;
    background-color: #f2f2f2;
}

.tabs input[type='radio']:checked+.tab-item{
    background:#2c88dd;
    color:#fff
}

.tab-content{
    position:absolute;
    border:0px solid;
    padding:5px;
    left:0;
    top:36px;
    bottom:0;
    right:0;
    background:#fff;
}

/*切换tab 每次切换请求后台*/
/*.tabs input[type='radio']:checked+.tab-item+.tab-content{*/
/*    z-index:1*/
/*}*/

/*设置表格样式*/

table{
    table-layout: fixed;
}
 table,table tr th, table tr td {
     border:1px solid #d7d7d7;
     color: #333333;
     font-size: 14px;
     font-family: 'Arial Normal', 'Arial', sans-serif;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     word-wrap: break-word;

 }


 table {
     width:1136px;
     min-height: 32px;
     line-height: 32px;
     text-align: center;
     border-collapse: collapse;
     padding:2px;
 }

 .font_cus{
     font-family: 'Microsoft Tai Le', sans-serif;
     font-size: 16px;
     color: rgba(0, 0, 0, 0.647058823529412);
 }

.condition{
    padding: 10px;
}

input {
    width: 242px;
    height: 30px;
    background: inherit;
    background-color: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(217, 217, 217, 1);
    border-radius: 4px;
    box-shadow: none;
    font-family: 'Microsoft Tai Le', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: black;
    text-align: left;
    line-height: 22px;
    outline: rgba(170, 170, 170, 0.647058823529412);
}
.condition > button{
    border: none;
    border-radius: 4px;
    height: 30px;
    width: 80px;
    margin-left: 40px;
    background-color: #1890ff;
    color: white;
    cursor: pointer;
}

/*===================页码样式=========================== */
/*设置div样式的整体布局*/
.page-icon{
    margin:40px 0 0 0;/*设置距离顶部20像素*/
    font-size:0;/*修复行内元素之间空隙间隔*/
    text-align:center;/*设置内容居中显示*/
}

/*设置共有的的样式布局，主要是进行代码优化，提高运行效率*/
.page-icon a,.page-disabled,.page-next{
    border:1px solid #ccc;
    /*border-radius:3px;*/
    /*padding:4px 10px 5px;*/
    font-size:14PX;/*修复行内元素之间空隙间隔*/
    margin-right:10px;
}

/*对 a 标签进行样式布局 */
.page-icon a{
    text-decoration:none;/*取消链接的下划线*/
    color:#5a5a5a;
}

.page-current{
    /*background-color:#1890ff;*/
    border:1px solid black;
    /*border-radius:3px;*/
    /*padding:4px 10px 5px;*/
    /*margin-right:10px;*/
    font-size:14px;/*修复行内元素之间空隙间隔*/
    padding:8px 20px;
    display:inline-block;

}

.page-disabled{
    color:#ccc;
}

.page-next i,.page-disabled i{
    cursor:pointer;/*设置鼠标经过时的显示状态，这里设置的是显示状态为小手状态*/
    display:inline-block;/*设置显示的方式为行内块元素*/
    width:5px;
    height:9px;
}
.page-disabled i{
    background-position:-80px -608px;
    margin-right:3px;
}

.page-next i{
    background-position:-62px -608px;
    margin-left:3px;
}
#table_page>a{
    cursor: pointer;
    padding:8px 20px;
    display:inline-block;
    margin:0 5px;border:1px solid #e8e8e8;
    background:#f4f4f4;
    font-size:14px;
}

span[class="page-disabled"],span[class="page-next"]{
    padding:8px 20px;
    display:inline-block;
    margin:0 5px;border:1px solid #e8e8e8;
    background:#f4f4f4;
    font-size:14px;
}
/*===================页码样式=========================== */