html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; font-family: "微软雅黑"; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /*公用class类*/ .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .fl { float: left; } .fr { float: right; } .cler { overflow: hidden; } /*定义滚动条宽高及背景,宽高分别对应横竖滚动条的尺寸*/ *::-webkit-scrollbar, *::-webkit-scrollbar { width: 10px; height: 18px; background-color: rgba(0,0,0,0.1); border-radius: 10px; } /*定义滚动条的轨道,内阴影及圆角*/ *::-webkit-scrollbar-track, *::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); border-radius: 10px; background-color: rgba(0,0,0,0.1); } /*定义滑块,内阴影及圆角*/ *::-webkit-scrollbar-thumb, *::-webkit-scrollbar-thumb { height: 20px; border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1); background-color: rgba(0,0,0,0.4); } /*隐藏数字输入框的上下图标*/ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } input[type="number"] { -moz-appearance: textfield; } /*表单按钮样式显示列表*/ /*新增*/ .btnAdd { background: #00B0FF; border: none; color: #fff; cursor: pointer; } .btnAdd:hover { background: #009CE2; } /*修改*/ .btnEdit { background: #0088BB; border: none; color: #fff; cursor: pointer; } .btnEdit:hover { background: #006287; } /*删除*/ .btnDel { background: #F44236; border: none; color: #fff; cursor: pointer; } .btnDel:hover { background: #DD3D32; } /*查询*/ .btnSearch { background: #4DB14F; border: none; color: #fff; cursor: pointer; } .btnSearch:hover { background: #439844; } /*选择*/ .btnSelect { background: #4DB14F; border: none; color: #fff; cursor: pointer; } .btnSelect:hover { background: #439844; } /*保存*/ .btnSave { background: #2B8BBD; border: none; color: #fff; cursor: pointer; } .btnSave:hover { background: #277CA9; } /*导出*/ .btnExport { background: #FFC144; border: none; color: #fff; cursor: pointer; } .btnExport:hover { background: #FFAC03; } /*下载*/ .btnDownload { background: #7C98AB; border: none; color: #fff; cursor: pointer; } .btnDownload:hover { background: #5E7D92; } /*上传,导入*/ .btnUpload { background: #AD8185; border: none; color: #fff; cursor: pointer; } .btnUpload:hover { background: #976267; } /*提交*/ .btnSubmit { background: #52A152; border: none; color: #fff; cursor: pointer; } .btnSubmit:hover { background: #328032; } /*审核*/ .btnCheck { background: #E5C33E; border: none; color: #fff; cursor: pointer; } .btnCheck:hover { background: #CAA61B; } /*取消*/ .btnCancel { background: #CA5100; border: none; color: #fff; cursor: pointer; } .btnCancel:hover { background: #A74300; } /*返回*/ .btnBack { background: #58AFA5; border: none; color: #fff; cursor: pointer; } .btnBack:hover { background: #47948B; } /*退出*/ .btnQuit { background: #DBC000; border: none; color: #fff; cursor: pointer; } .btnQuit:hover { background: #A79200; } /*列表设置*/ .btnGridCol { background: #58AFA5; border: none; color: #fff; cursor: pointer; } .btnGridCol:hover { background: #47948B; } /*参数设置*/ .btnParament { background: #7C98AB; border: none; color: #fff; cursor: pointer; } .btnParament:hover { background: #5E7D92; } /*确认*/ .btnSure { background: #0088BB; border: none; color: #fff; cursor: pointer; } .btnSure:hover { background: #006287; } /*按钮权限*/ .btnLimit { display: none; } /*列表按钮样式显示列表*/ .btnDetail { border: none; cursor: pointer; display: inline-block; width: 25px; height: 25px; line-height: 25px; vertical-align: middle; background: transparent; margin-left: 0px !important; } .btnDetail i { color: #0088BB; font-size: 18px !important; vertical-align: middle; } .btnDetail:hover { opacity: 0.5; } /***************** table ************/ /*编辑*/ .sp_edit { color: #328032; } /*删除*/ .sp_del { color: #0068A5; } /*详情*/ .sp_detail { color: #0068A5; } /*表单*号*/ .requiredStar { font-size: 14px; color: red; } /*padding*/ .padding15 { padding: 15px; } .paddingLeft5 { padding-left: 5px; } .margin15 { margin: 15px; } /*表单多列样式*/ .doubleItem { display: flex; } .doubleItem .layui-form-item { flex: 1; } .readonlyTxt { background: #ccc !important; } .texthidden { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }