/********************************************初始化样式*/ /********************************************公共样式*/ 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; }