html, body { width: 100%; height: 100%; margin: 0; padding: 0; font-family: 'Microsoft YaHei'; color: #262626; } .layout { display: flex; align-items: center; justify-content: start; box-sizing: border-box; } .close { width: 100%; height: 48px; justify-content: space-between; padding: 0 2%; background-color: #F0F0F0; } .close p { font-size: 20px; margin-right: 74%; } .close div { width: 4px; height: 20px; background-color: #2F82FB; } #main-box { width: 100%; height: calc(100% - 48px); overflow-y: auto; } .btn-box { width: 100%; height: 80px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; } .model-title { width: 100%; height: 40px; display: flex; align-items: center; padding: 0 2%; box-sizing: border-box; } .model-title div { width: 4px; height: 16px; background-color: #2F82FB; } .model-title p:nth-child(2) { color: #262626; font-size: 16px; margin-left: 8px; } hr { border-bottom: 1px solid #c0c4cc !important; } .layui-form-item { display: flex; justify-content: center; margin-right: 10%; } .layui-form-label { width: 100px; font-size: 16px; } .layui-input, .layui-select, .layui-textarea { color: #262626 !important; border: 1px solid #d9d9d9 !important; height: 40px; font-size: 16px; background-color: transparent; padding: 3px 6px; } .layui-input:hover, .layui-select:hover, .layui-textarea:hover { border: 1px solid #595959 !important; } .layui-input:focus, .layui-select:focus, .layui-textarea:focus { border: 1px solid #595959 !important; } .layui-form-item .layui-input-inline { width: 300px; } 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; } .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; } .xm-select-parent .xm-select:hover { border-color: #595959 !important; } .xm-form-selected .xm-select, .xm-form-selected .xm-select:hover { border-color: #595959 !important; } #bhBox { width: 100%; height: 60px; flex-direction: column; align-items: start; justify-content: space-evenly; } #bhBox p { padding: 0px 26px; font-size: 16px; } /*滚动条样式start*/ ::-webkit-scrollbar { width: 5px; height: 10px; } ::-webkit-scrollbar-track { background: #e7e7f1 !important; border-radius: 0px; } ::-webkit-scrollbar-thumb { background: rgba(94, 96, 97, 0.43) !important; border-radius: 0px; } ::-webkit-scrollbar-thumb:hover { background: rgba(94, 96, 97, 0.43) !important; border-radius: 0px; } ::-webkit-scrollbar-thumb:active { background: rgba(94, 96, 97, 0.43) !important; border-radius: 0px; } /*滚动条样式end*/ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: rgb(191, 191, 191) !important; font-size: 16px; } input::-moz-placeholder, textarea::-webkit-input-placeholder { /* Mozilla Firefox 19+ */ color: rgb(191, 191, 191) !important; font-size: 16px; } input:-moz-placeholder, textarea::-webkit-input-placeholder { /* Mozilla Firefox 4 to 18 */ color: rgb(191, 191, 191) !important; font-size: 16px; } input:-ms-input-placeholder, textarea::-webkit-input-placeholder { /* Internet Explorer 10-11 */ color: rgb(191, 191, 191) !important; font-size: 16px; }