@charset "utf-8";
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
body{
    background: #f6f8fb;
}
.asset-top{
    position: relative;
    left: 50%;
    margin-left: -590px;
    padding: 32px 10px;
    width: 1180px;

}
h2{
    color: #444444;
    font-size: 24px;
}
.etitle{
    padding-left: 20px;
    color: #77809c;
    font-size: 24px;
}
.search-form-item,label,.search-control{
    float: left;
}
.search-box{
    border-top: 1px solid #e5eaf1;
    border-bottom: 1px solid #e5eaf1;
}
.tab-con {
    min-height: 773px;
}
.search-form,
.table-box {
    position: relative;
    left: 50%;
    margin-left: -590px;
    width: 1180px;
}
label,.search-control{
    border-left: 1px solid #e5eaf1;
    font-size: 14px;
    line-height: 20px;
}
.search-control{
    position: relative;
    padding: 15px 28px 15px 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100px;
    color: #5576ac;
}
.search-select.select-big{
    width: 134px;
}
.search-select.select-super{
    width: 229px;
}
.search-select{
    cursor: pointer;
}
label{
    padding: 15px 12px;
    color: #333333;
}
.arrow{
    display: inline-block;
    position: absolute;
    right: 12px;
}
.arrow.down{
    border-top: 4px solid #9aa2ac;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
    top: 23px;
}
.arrow.up{
    border-top: 4px solid transparent;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #9aa2ac;
    top: 19px;
}
.option-list{
    display: none;
    position: absolute;
    z-index: 100;
    top: 51px;
    left: -1px;
    border-left: 1px solid #e5eaf1;
    border-right: 1px solid #e5eaf1;
    border-bottom: 1px solid #e5eaf1;
    width: 100%;
    background: #f6f8fb;
    cursor: default;
    max-height: 300px;
    overflow: auto;
}
.option{
    border-bottom: 1px solid #e5eaf1;
    padding: 0 12px;
    line-height: 30px;
    color: #333;
    font-size: 14px;
    
}
.search-input{
    width: 205px;
}
.asset-input{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    line-height: 20px;
    width: 100%;
    background: none;
    font-size: 14px;
    color: #5576ac;
}
/* 搜索按钮 */
.search-btn{
    width: 130px;
    line-height: 50px;
    border: none;
    background: #c1cbd7;
    text-align: center;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}
.search-btn:hover,
.search-btn:active {
    background: #799bcf;
    color: #fff;
    cursor: pointer;
}
.search-icon{
    margin: -3px 3px 0 0;
}
.table-asset{
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid #e5eaf1;
    border-right: 1px solid #e5eaf1;
}
.table-striped tbody tr:hover {
    background: #f1f5f9;
}
.table-striped tbody tr:nth-of-type(odd){
    background: #f1f5f9;
}
/* .table-striped tr:nth-of-type(even){} */

.thead-item{
    padding: 50px 30px 20px;
    color: #5576ac;
    font-size: 14px;
    border-bottom: 1px solid #e5eaf1;
}
td{
    padding: 0 30px;
    font-size: 14px;
    color: #333;
    line-height: 50px;
    border-bottom: 1px solid #e5eaf1;
}
.odd td{
    background: #f1f5f9;
}
.number{
    text-align: right;
    color: #6e7790;
}
.detail-btn{
    cursor: pointer;
}
tfoot td{
    padding: 35px 0;
    text-align: center;
}


.dialog{
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;bottom:0;left:0;right:0;
    background: rgba(0,0,0,.3);
}
.dialog-con{
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -390px;
    margin-top: -270px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 40px;
    width: 780px;
    height: 540px;
    background: #fff;
    border-radius: 8px;
}
h3{
    font-size: 24px;
    color: #444;
    padding: 30px 0 20px;
}
.dialog-table{
    border-top: 1px solid #f0f2f5;
}
.dialog-table td,.dialog-table th{
    border-bottom: 1px solid #f0f2f5;
    line-height: 40px;
}
.dialog-table th{
    width: 105px;
    text-align: right;
    color: #6e7790;
}
.dialog-table td{
    padding: 0 50px;
}
.dialog-close-btn{
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.tab-list{
    position: absolute;
    top: 30px;
    right: 30px;
}
.tab{
    float: left;
    font-size: 18px;
    width: 160px;
    text-align: center;
}
.tab.current span{
    border-bottom: 1px solid #5576ac;
    color: #5576ac;
}
.tab span{
    display: inline-block;
    line-height: 30px;
    color: #999;
    cursor: pointer;
}
.search-option{

}

.iv-pagination{display:inline-block;overflow:hidden;font-family: "microsoft yahei";letter-spacing: -3px;-moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; -khtml-user-select:none; user-select:none;}
.iv-pagination a{position:relative;display:block;float:left;margin:0 3px;text-decoration: none;color: #999;letter-spacing: normal;}
.iv-pagination span{display:block;padding:0 2px;text-decoration:none;border: 1px solid #eee; min-width: 25px; height: 18px;line-height: 18px; text-align: center;font-size: 14px;border-radius: 2px;}
.iv-pagination .pi{line-height: 28px;}
.iv-pagination .pi img{margin-top: -11px;}
.iv-pagination .pt{width: 42px; font-size: 12px;}
.iv-pagination a:hover{color: #799bcf;}
.iv-pagination a:hover span{border: 1px solid #799bcf;}
.iv-pagination .current,.iv-pagination .current:hover{color: #fff;}
.iv-pagination .current span,.iv-pagination .current:hover span{background: #799bcf;border: 1px solid #799bcf;}
.iv-pagination .dispage,.iv-pagination .dispage:hover{color:#999;}
.iv-pagination .dispage span,.iv-pagination .dispage:hover span{background:#f3f3f3;border: 1px solid #e1e2e3; }