.title { width: 100%; height: 30px; justify-content: start; } .title p { font-size: 14px; font-weight: bold; } span.required{ color: red; margin-left: 4px; font-weight: bold; line-height: 1.8em; top: 6px; right: 5px; } .upload-file{ flex-direction: column; justify-content: space-around; width: 200px;height: 120px; } blockquote { display: flex; align-items: center; } #test2 { width: 120px; height: 100px; background-color: rgb(240, 240, 240); display: flex; align-items: center; justify-content: center; cursor: pointer; } .uploader-list { margin-left: -15px; max-width: calc(100% - 200px); } .uploader-list .handle { position: relative; background-color: red; color: white; filter: alpha(Opacity=80); -moz-opacity: 0.5; opacity: 1; /*width: 212px;*/ text-align: right; height: 18px; width: 18px; border-radius: 18px; display: flex; align-items: center; justify-content: center; left: 87%; margin-bottom: -12px; /*display: none;*/ } .uploader-list .handle p { font-size: 18px; color: #fff; cursor: pointer; } .uploader-list .handle i { margin-right: 5px; } .uploader-list .handle i:hover { cursor: pointer; } .uploader-list .file-iteme { margin: 0 0 0 10px; padding: 1px; float: left; } .layui-upload-list { margin: 0; } /* 表格样式 start */ .table { width: 100%; overflow-x: auto; cursor: pointer; table-layout: fixed !important; word-break: break-all; } .layui-table-cell { line-height: 20px; } .layui-table-cell a { color: #2F82FB; font-size: 15px; text-decoration: none; cursor: pointer; } .splitLine { color: #D9D9D9; margin: 0 6px; vertical-align: top; display: inline-block; } .layui-table-view .layui-table th { font-size: 18px; color: #262626; letter-spacing: 1px; outline: none !important; } .layui-table, .layui-table-view { margin: 0 0 10px 0; } .layui-table-view .layui-table td { font-size: 15px; color: #262626; letter-spacing: 1px; } .layui-table thead tr { background-color: #f0f0f0; height: 50px; font-size: 18px; color: #262626 !important; } .layui-table-header { background-color: transparent; } .layui-table td, .layui-table th, .layui-table-col-set, .layui-table-fixed-r, .layui-table-grid-down, .layui-table-header, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-total, .layui-table-view, .layui-table[lay-skin="line"], .layui-table[lay-skin="row"] { border: none; } .layui-table td { border-bottom: 1px solid #d9d9d9; } .layui-table tbody tr { background-color: #fff; height: 50px; } #layui-table-page1 { float: right !important; } .layui-laypage .layui-laypage-curr .layui-laypage-em { background-color: #1890FF; } .layui-laypage a:hover { color: #1890FF; } .layui-laypage input:focus, .layui-laypage select:focus { border-color: #1890FF !important } .layui-laypage-default a, .layui-laypage-default span { font-size: 16px; color: #262626 !important; } .layui-table-page select { height: 24px; padding: 0; } .layui-laypage input, .layui-laypage select { border-color: #d9d9d9 !important; background-color: transparent; color: #262626 !important; } .layui-table-page .layui-laypage button { background: transparent; color: #262626; border: 1px solid #d9d9d9; } .layui-table-body { margin-bottom: 0px; } .layui-table-cell { height: auto; white-space: normal; } /* 表格样式 end */ /**自定义滚动条样式 */ ::-webkit-scrollbar { width: 6px; height: 6px } ::-webkit-scrollbar-track { background-color: transparent; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; } ::-webkit-scrollbar-thumb { background-color: #9c9da0; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em }