body,html{ width: 100%; height: 100%; margin: 0; padding: 0; float: left; background-image: url(../../img/info/bg.png); background-repeat: no-repeat; background-size: 100%; } #title{ width: 100%; height: 5%; float: left; font-size: 23px; line-height:40px; text-align: center; color: #fff; } #dataDiv{ width: 100%; height: 95%; float: left; } #dataTitle{ width: 100%; height: 12%; float: left; } .bootstrap-table{ height: 94% !important; } #dataTable{ width: 100%; height: 88%; float: left; overflow-x: scroll; overflow-y: scroll; } .span_sty{ display: block !important; float: left !important; color: #fff; font-size: 15px; margin-left: 1%; margin-top: 0.8%; } select{ width: 160px !important; height: 30px !important; display: block !important; float: left !important; margin-top: 0.5% !important; background-color: #023467 !important; border: 1px solid #0758AA !important; color: #ffffff !important; } .select2-container{ width: 160px !important; height: 30px !important; display:block !important; float: left !important; margin-top: 0.5% !important; margin-left: 2.7% !important; background-color: #023467 !important; border: 1px solid #0758AA !important; color: #ffffff !important; } .select2-selection--single{ width: 160px; } #keyWord,#countNum,#certificate{ width: 160px; height: 30px; display:block; float: left; margin-top: 0.5%; margin-left: 6.3%; background: none; border: 1px solid #0758AA; color: #ffffff; } #query{ width: 4%; height: 77.5%; float: left; margin-top: 0.5%; margin-left: 7%; border: 0; background-color: transparent; outline:none; background-image: url(../../img/info/query.png); background-repeat: no-repeat; } #reset{ width: 4%; height: 77.5%; float: left; margin-top: 0.5%; margin-left: 2%; border: 0; background-color: transparent; outline:none; background-image: url(../../img/info/resetQuery.png); background-repeat: no-repeat; } #dataCount{ width: 15%; height: 100%; float: right; font-size: 25px; line-height: 40px; color: #fff; text-align: center; } #selDiv{ width: 85%; height: 100%; float: left; } #div1,#div2{ width: 100%; height: 50%; float: left; } #span{ display:block; float: left; color: #fff; margin-top: 1%; margin-left: 0.5%; } #dataTable::-webkit-scrollbar { display: none; } .fixed-table-body::-webkit-scrollbar {/*滚动条整体样式*/ width: 10px; /*高宽分别对应横竖滚动条的尺寸*/ height: 10px; } .fixed-table-body::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #0758AA; } .fixed-table-body::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 10px; background: #003265; } .fixed-table-body::-webkit-scrollbar-corner { } /** * 表数据过长添加 JS width 不要使用百分比 */ .table {table-layout:fixed;word-break:break-all;}