/**, *::before, *::after {*/ /* -webkit-box-sizing: border-box;*/ /* box-sizing: border-box;*/ /* margin: 0;*/ /* padding: 0;*/ /*}*/ * { font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif; } body { background-color: #fff; } #data-search-btn button { color: #595959; } input::placeholder { color: #b4b4b4; } input::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */ color: #b4b4b4; } .layui-input input:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */ color: #b4b4b4; } .layui-input input::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */ color: #b4b4b4; } .layui-input input:-ms-input-placeholder { /* Internet Explorer 10+ 适配ie*/ color: #b4b4b4; } /* layui优化 */ .layui-form-label { /*color: #595959;*/ } .layui-input:focus { border-color: #007bff !important; } /*搜索栏*/ .layui-form.layui-card-header { padding: 20px 0 5px 0; height: auto; } #search-box { margin-left: 10px; z-index: 999; position: relative; padding: 30px 30px 10px 30px; } #search-box .layui-inline{ margin-bottom: 10px; margin-right: 5px; } #search-box .layui-input-inline { width: 150px; } .layui-form-label{ font-size: 100%; padding: 13px 0 9px 5px; text-align: right; } #data-search-btn { display: inline-block; margin: 8px 0 0 10px; justify-content: center; align-items: center; } #data-search-btn.layui-btn-container .layui-btn{ margin-right: 20px; } /*头工具栏*/ .layui-table-tool-temp { padding-right: 70px; } .layui-btn .layui-icon { margin: 1px 5px; } #btn-add{ background: #007DDB } #btn-delete{ background: #ff5722 } #btn-export{ float: right; } /*表格*/ .layui-table thead th { /*font-weight: bold;*/ text-align: center; } div .layui-table-tool .layui-table-tool-self .layui-inline[title='导出']{ display: none; } .layui-form.layui-border-box.layui-table-view{ margin: 15px 0 35px 0; width: 100%; border-width: 0; } .layui-table-box{ padding-bottom: 10px; } .layui-table-body.layui-table-main{ overflow: hidden; } .layui-table-page{ border-width: 0; } .layui-table tbody tr:hover, .layui-table thead tr, .layui-table-click, .layui-table-header, .layui-table-hover, .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table-total, .layui-table-total tr, .layui-table[lay-even] tr:nth-child(even) { background-color: #f9f9f9; } .layui-table-tool { /*background-color: #fff;*/ } /* table (换行/详情)显示控制 */ /*.layui-table-cell {*/ /*font-size:14px;*/ /*padding:0 5px;*/ /*height:auto;*/ /*overflow:visible;*/ /*text-overflow:inherit;*/ /*white-space:normal;*/ /*word-break: break-all;*/ /*}*/ /*.layui-table-grid-down {*/ /*display: none;*/ /*}*/ /*详情*/ #detail .layui-form-label{ white-space: nowrap; font-size: 100%; padding: 9px 0 9px 5px; text-align: right; } #detail { padding: 25px 0; margin: 0 20px 0 30px; } #detail .layui-inline { margin: 10px 15px 15px 0; } #detail .layui-input-inline { margin-right: 40px; margin-left: 95px; display: block; } .layui-bg-gray { margin-top: 40px; } #prompt { margin-top: 20px; width: 90%; text-indent: 40px; color: #505050; } #data-detail-btn { padding-top: 25px; display: flex; justify-content: center; align-items: center; } #data-detail-btn.layui-btn-container .layui-btn{ margin-right: 30px; } .not-null { color:red; } #detail .layui-form-checkbox { top: 10px; } /*图片*/ .cool-img { cursor:pointer; width: 200px; height: 200px; } /* 布局 */ .col:empty{min-height:32px;height: inherit;z-index:1;position:relative;box-sizing: border-box;} .col:empty:after{ z-index:0;display:flex;align-items: center;justify-content: center; clear: both;content:attr(title);position:absolute; background:rgba(0,0,0,0.04);top:2px;left:2px;right:2px;bottom:2px; text-align:center;color:rgba(0,0,0,0.1); border-radius: inherit; } .col{ height: inherit; } /*权限*/ #btn-add { display: none; } .btn-edit { display: none; } #btn-delete { display: none; } #btn-export { display: none; } #btn-into { display: none; } /* 背景图 */ .bg-bubbles { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: url(../../static/image/bg.jpg); } /*修改复选框颜色*/ /*.layui-form-checked[lay-skin=primary] i {*/ /*border-color: #4c95b8!important;*/ /*background-color: #4c95b8;*/ /*color: #fff;*/ /*}*/ /*.layui-form-checkbox[lay-skin=primary]:hover i {*/ /*border-color: #4c95b8;*/ /*color: #fff;*/ /*}*/ /* 媒体查询 —— 响应布局 */ /* 做响应式布局时,不建议用固定尺寸,尽量用% */ @media only screen and (max-width: 800px) { } .form-required:before { content: "*"; display: inline-block; /* font-family: SimSun; */ margin-right: 4px; font-size: 14px; line-height: 1; color: #ed4014; } .admin-form { padding: 25px 30px 0 0 !important; margin: 0 !important; }