/********************************************初始化样式*/ /********************************************公共样式*/ html,body{ background-color: #f6f7fb; min-width: 1200px; font-family:”微软雅黑”; } ul,li{ list-style: none; padding-left: 0; } .float-left{ float: left; } .float-right{ float: right; } .cursorpointer{ cursor: pointer; } .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; }