.el-scrollbar { position: relative; } .el-scrollbar .el-scrollbar__wrap { overflow-x: hidden; } .public-farm-oper-table { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1208px; background-color: transparent; z-index: 99; font-size: 16px; box-shadow: inset 0px 0px 30px 1px rgba(33, 186, 196, 0.16); border: 1px solid #69E2ED; background: rgba(20, 66, 104, 0.8); } .public-farm-oper-table .header { position: relative; border-radius: 8px 8px 0 0; width: 100%; height: 58px; line-height: 58px; background: linear-gradient(96deg, #142B4B 0%, #0F1525 100%); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ } .public-farm-oper-table .header .logo { position: aboslute; top: 0; left: 0; width: 8px; height: 100%; background: #69E2ED; } .public-farm-oper-table .header .title { position: absolute; top: 0; left: 25px; font-size: 18px; font-weight: bold; color: #66DDE9; } .public-farm-oper-table .header .close { position: absolute; right: 20px; top: 0; left: auto; bottom: 0; margin: auto; width: 28px; height: 28px; cursor: pointer; opacity: 0.6; } .public-farm-oper-table .content { display: flex; flex-direction: column; clear: both; width: 100%; height: 600px; margin-top: 0px; text-align: center; overflow: hidden; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ border-radius: 0 0 8px 8px; } .public-farm-oper-table .content .action-bar { padding: 0 30px; display: flex; align-items: center; justify-content: space-between; height: 74px; } .public-farm-oper-table .content .action-bar > .search .search-input input { color: #fff; background: rgba(33, 186, 196, 0.2); border-color: #21BAC4; } .public-farm-oper-table .content .action-bar > .search .select-type input { color: #fff; background: rgba(33, 186, 196, 0.2); border-color: #21BAC4; } .public-farm-oper-table .content .action-bar > .search .select-plot { margin-left: 30px; } .public-farm-oper-table .content .action-bar > .search .select-plot input { color: #fff; background: rgba(33, 186, 196, 0.2); border-color: #21BAC4; } .public-farm-oper-table .content .action-bar .btn-grounp .search { color: #fff; background: #21BAC4; border-color: #21BAC4; } .public-farm-oper-table .content .action-bar .btn-grounp .reset { color: #fff; background: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2); } .public-farm-oper-table .content .table-list { height: calc(100% - 74px); display: flex; flex-direction: column; } .public-farm-oper-table .content .table-list .t-header { display: flex; align-items: center; justify-content: space-between; height: 56px; font-size: 18px; font-weight: bold; color: #fff; background: linear-gradient(90deg, rgba(49, 137, 153, 0.5) 0%, rgba(49, 161, 168, 0.5) 44%, rgba(49, 137, 153, 0.5) 100%); } .public-farm-oper-table .content .table-list .t-body { height: calc(100% - 56px); overflow-y: auto; } .public-farm-oper-table .content .table-list .table-list { display: flex; flex-direction: row; align-items: center; justify-content: space-between; height: 65px; border-bottom: 1px solid #E8ECEF; color: #fff; } .public-farm-oper-table .content .table-list .table-list:last-child { border: none; } .public-farm-oper-table .content .table-list .t-header > div:first-child, .public-farm-oper-table .content .table-list .table-list > div:first-child { width: 132px; } .public-farm-oper-table .content .table-list .t-header > div:nth-child(2), .public-farm-oper-table .content .table-list .table-list > div:nth-child(2) { width: 124px; } .public-farm-oper-table .content .table-list .t-header > div:nth-child(3), .public-farm-oper-table .content .table-list .table-list > div:nth-child(3) { width: 172px; } .public-farm-oper-table .content .table-list .t-header > div:nth-child(4), .public-farm-oper-table .content .table-list .table-list > div:nth-child(4) { width: 144px; } .public-farm-oper-table .content .table-list .t-header > div:nth-child(5), .public-farm-oper-table .content .table-list .table-list > div:nth-child(5) { width: 132px; } .public-farm-oper-table .content .table-list .t-header > div:nth-child(6), .public-farm-oper-table .content .table-list .table-list > div:nth-child(6) { flex: 1; } .public-farm-oper-table .content .table-list .t-header > div:nth-child(7), .public-farm-oper-table .content .table-list .table-list > div:nth-child(7) { flex: 1; } .public-farm-oper-table .content .table-list .t-header > div:nth-child(8), .public-farm-oper-table .content .table-list .table-list > div:nth-child(8) { width: 120px; }