resource/public/commoncss.css

/********************************************初始化样式*/
/********************************************公共样式*/
html,body{
    background-color: #f6f7fb;
    min-width: 1200px;
    font-family:"PingFang SC","微软雅黑","Microsoft YaHei",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif;
}
ul,li{
    list-style: none;
    padding-left: 0;
}
.float-left{
    float: left;
}
.float-right{
    float: right;
}
.cursorpointer{
    cursor: pointer;
    font-size: 14px;
}
.display-none{
    display: none;
}
.boxshadow{
    -moz-box-shadow:0 0 24px rgba(0,0,0,0.07); /* 老的 Firefox */
    box-shadow:0 0 24px rgba(0,0,0,0.07);
}
/********************************************头部公共样式*/
header{
    width: 100%;
    height: 90px;
    line-height: 90px;
    background-color: #fff;
    box-shadow: 0 2px  15px rgba(0,0,0,.1);
}
.nav-bar-wrap{
    width: 1200px;
    margin: 0 auto;
}
.login-name{
    font-size: 34px;
    color: #4886ff;
}
.login-name span:nth-of-type(2){
    font-size: 14px;
    color: rgba(0,0,0,.5);
}
.nav-bar-container li{
    float: left;
    width: 80px;
    height: 90px;
    line-height: 90px;
    border-bottom: 4px solid #fff;
    margin-left: 80px;
    display: inline-block;
    text-align: center;
}
.nav-bar-container li a{
    font-size: 16px;
    color: #363d5d;
}
 .nav-bar-container li.navbar-active{
     border-bottom: 4px solid #4886ff;
 }
.nav-bar-container li.navbar-active a{
    color:#4886ff ;
}
/********************************************内容公共样式*/
.main-con{
    width: 1200px;
    margin: 30px auto;
}
.nodata-icon{
    width: 100%;
    height: 400px;
    background: url("../../resource/img/nodata-icon.png") no-repeat center center;
}
/*
    ================================
    overflow 公共
    ================================
*/
.overflowhidden{
    overflow: hidden;
}
.overflowhidden-y{
    overflow-y:auto;
}
/*不换行 省略号*/
.hidden-nowrap{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.displayinline{
    display: inline-block;
}
/*
    ================================
    定位 公共
    ================================
*/
.pos-rel{
    position: relative;
}
.pos-abs{
    position: absolute;
}
/*
    ================================
    字体颜色  公共
    ================================
*/
.form-control,.btn-default{
    color: rgba(0,0,0,.5) !important;
}
/*
    ================================
    flex  公共
    ================================
*/
.common-display-flex{
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
}
.common-perflex{
    flex:1;
}
/*
    ================================
    @主题样式
    鼠标  公共
    ================================
*/
.cursor-pointer{
    cursor: pointer;
}
.display-inlineblock{
    display: inline-block;
}
.vertical-align-middle{
    vertical-align: middle;
}
/*bootstrap table  表头样式*/
/*
    table 无border
*/
.fixed-table-container{
    border:none;
}
/*
    table 样式
*/
.table>thead>tr>th {
    vertical-align: middle !important;
}
.fixed-table-container thead th {
    border-left: none !important;
}
.fixed-table-container thead th {
    border-left: none !important;
}
.fixed-table-container tbody td {
    border-left: none !important;
}
/*弹窗 提示*/
.ITD-modal-config, .ITD-modal-dialog {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)!important;
    -webkit-transform: translate(-50%,-50%)!important;
    -moz-transform: translate(-50%,-50%)!important;
    -ms-transform: translate(-50%,-50%)!important;
    -o-transform: translate(-50%,-50%)!important;
}
.blue-modal {
    width: 380px;
}
.modal-content {
    color: rgba(0,0,0,.7);
}
.modal-content {
    border-radius: 4px !important;
}
.ITD-model-header {
    line-height: 67px;
    height: 67px;
    padding: 0 15px 0 38px;
}
.ITD-alertmodel-contentmsg {
    height: 100px;
    line-height: 100px;
    text-align: center;
    width: 100%;
    margin-top: 8px;
}
.ITD-model-close {
    margin-top: 10px !important;
}
.ITD-common-fontsize16 {
    font-size: 16px;
}
.ITD-ztree-headername {
    border-left: 3px solid #4886ff;
    padding-left: 12px;
    height: 16px;
    color: #4886ff;
    line-height: 16px;
    display: inline-block;
}