.layout { display: flex; align-items: center; justify-content: center; } #no_data_title { width: 100%; height: 200px; flex-direction: column; justify-content: space-evenly; margin-top: 2%; } #search-info { border-width: 1px; margin-bottom: 10px; } .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; display: flex; align-items: center; justify-content: center; cursor: pointer; background: url("../../images/svg/u289.svg") no-repeat 0 0 / 100% 100%; } #test3 { width: 159px; height: 100px; margin-left: 10px; background-color: rgb(240, 240, 240); display: flex; align-items: center; justify-content: center; cursor: pointer; background: url("../../images/car_icon.png") no-repeat 0 0 / 100% 100%; } #test4 { width: 159px; height: 100px; background-color: rgb(240, 240, 240); display: flex; align-items: center; justify-content: center; cursor: pointer; background: url("../../images/car_icon.png") no-repeat 0 0 / 100% 100%; } #test5 { width: 159px; height: 100px; background-color: rgb(240, 240, 240); display: flex; align-items: center; justify-content: center; cursor: pointer; background: url("../../images/svg/u326.svg") no-repeat 0 0 / 100% 100%; } #test6 { width: 120px; height: 100px; background-color: rgb(240, 240, 240); display: flex; align-items: center; justify-content: center; cursor: pointer; } .upload-title { text-align: center; color: #666; font-size: 14px; } .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: 89%; 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; } .classTable { width: 100%; table-layout: fixed; text-align: center; border-collapse: collapse; border-spacing: 1px; box-sizing: border-box; } .classTable tr td, .classTable tr th { height: 50px; box-sizing: border-box; border: 1px solid #ddd; padding: 10px; text-align: left; } .classTable tr th { background-color: #f2f2f2; } #baseTable tr td, #baseTable tr th { text-align: center; } /**自定义滚动条样式 */ ::-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 } .layui-tab-brief>.layui-tab-title .layui-this { color: #409eff; } .layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after { border-bottom: 2px solid #409eff; } a { color: #428bca; text-decoration: none; } a:hover, a:focus { color: #2a6496; text-decoration: underline; } #layui-tab-brief { border: 1px solid #f2f2f2; border-radius: 5px; background-color: #ffffff; overflow-x: auto; /* 启用横向滚动 */ white-space: nowrap; /* 不换行 */ }