html, body { width: 100%; height: 100%; margin: 0; padding: 0; font-size: 18px; background-color: white; } .layui-icon-up:before { font-weight: 900; } .layui-icon-down:before { font-weight: 900; } .content-box-calculateInfo-center { width: 100%; height: 120px; display: flex; } .box { margin: 1% 0; text-align: center; /* margin: auto 0; */ display: flex; align-items: center; flex-direction: row; flex-wrap: nowrap; justify-content: center; } .content-box-calculateInfo-center hr { height: 100%; width: 2px; background-color: #C2C2C2; } .box p { margin: 10px 0; } .boxItem1 { font-size: 16px; display: flex; flex-direction: column; flex-wrap: wrap; align-content: space-around; justify-content: center; } .boxItem1 p { margin: 5px 0; } .boxItem2 { font-size: 16px; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; } .item { height: 100px; font-size: 16px; display: flex; flex-wrap: nowrap; flex-direction: column; align-content: stretch; justify-content: flex-start; } .item p { margin: 5px 0; } .itemAll { font-size: 16px; display: flex; flex-wrap: nowrap; flex-direction: row; align-content: flex-start; align-items: center; justify-content: space-evenly; } #center-item-first { width: 30%; height: 60%; margin-top: 1%; float: left; } #center-item-second { margin-top: 1%; margin-left: 0.5%; float: left; display: flex; } #center-item-third { margin-top: 1%; margin-left: 0.5%; float: left; display: flex; } .center-item-first-box { /* width: 100%; */ height: 41%; margin-top: 1%; text-align: center; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: flex-end; align-items: center; justify-content: center; } hr { margin: 0 0; } .layui-form-item { margin: 10px 0; } [lay-active="isShow"] { cursor: pointer; font-size: 13px; } form { margin: 10px 1%; } /*模块公共样式 start*/ .model-title { width: 100%; height: 40px; } .model-title p:nth-child(1) { font-weight: 400; font-style: normal; width: 16px; height: 4px; /* border: 1px solid #2F82FB; */ background-color: #2F82FB; /* border-radius: 14px 14px 0 0; */ -webkit-transform: rotate(90deg); margin: 2px 0 0 2px; /* -webkit-border-radius: 14px 14px 0 0; */ -moz-border-radius: 14px 14px 0 0; -ms-border-radius: 14px 14px 0 0; -o-border-radius: 14px 14px 0 0; } label { margin-bottom: 0 !important; } /** * 设置图片不失真 * */ img { image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /*Webkit (non-standard naming) */ image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */ } .boxItem4 { width: 30%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-end; align-items: flex-end; } .layui-table-header { background-color: transparent !important; } .layui-table-header { border: none; } .layui-table-body { margin-right: -5px; } .layui-table-view .layui-table { width: 96%; } .laytable-cell-1-0-0 { width: 66px !important; } .layui-table-view .layui-table th { height: 56px; color: #262626; } .layui-table td { font-size: 13px; } .layui-table th { font-size: 18px; } .layui-form-item .layui-inline { margin-right: unset; } .layui-table-cell { height: auto; white-space: normal; } [data-field="6"], [data-field="7"], [data-field="8"], [data-field="9"], [data-field="10"] { border-bottom: 1px solid #9b9b9b !important; border-left: 1px solid #9b9b9b !important; } [data-parentkey="0-6"]:nth-child(1), [data-parentkey="0-7"]:nth-child(6), [data-parentkey="0-8"]:nth-child(11), [data-parentkey="0-9"]:nth-child(16), [data-parentkey="0-10"]:nth-child(18) { border-left: 1px solid #9b9b9b !important; } .layui-form-item .layui-inline .layui-input-inline { width: 240px; } .layui-form-select dl dd, .layui-form-select dl dt { font-size: 14px; }