.dotgrid{font-family:"Microsoft YaHei",SimSun,Georgia,Serif;font-size:12px;background-color:#f8f8f8;position:relative;height:100%;width:100%;overflow:hidden;border:1px solid silver}.dotgrid,.dotgrid *{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.dotgrid .dg-toolbar{position:absolute;top:0;width:100%;height:30px;border-bottom:1px solid silver}.dotgrid .dg-toolbar button,.dotgrid .dg-toolbar input{float:left;height:24px;font-weight:400;font-style:normal;margin-left:4px;padding:0 10px;margin-top:2px}.dotgrid .dg-toolbar .dg-search{width:160px}.dotgrid .dg-head{position:absolute;top:30px;width:100%;height:30px;background-color:#e5e5e5;cursor:default}.dotgrid .dg-body{position:absolute;top:60px;bottom:60px;width:100%;height:auto!important;height:100%;overflow:auto;background-color:#f8f8f8}.dotgrid .dg-foot{position:absolute;bottom:30px;width:100%;height:30px;background-color:#e5e5e5;cursor:default}.dotgrid .dg-pager{position:absolute;bottom:0;width:100%;height:30px;line-height:30px;background-color:#e5e5e5}.dotgrid .dg-pager-nav,.dotgrid .dg-pager-set,.dotgrid .dg-pager-status{margin-left:4px}.dotgrid .dg-pager-nav span,.dotgrid .dg-pager-set span,.dotgrid .dg-pager-status span{width:20px;height:20px;padding:2px 6px;border:1px solid silver;cursor:pointer}.dotgrid ul{position:relative;white-space:nowrap;font-size:0;margin:0;padding:0}.dotgrid .dg-pager-set{float:right}.dotgrid .dg-pager-set .active{font-weight:700;font-style:italic}.dotgrid li{position:relative;display:inline-block;list-style-type:none;font-size:12px;height:30px;line-height:30px;left:0;padding:0 4px;z-index:88;background-color:#e5e5e5;border-right:1px solid silver;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dotgrid .dg-head li{border-bottom:1px solid silver}.dotgrid .dg-body li{border-bottom:1px solid silver}.dotgrid .dg-foot li{border-bottom:1px solid silver}.dotgrid .dg-foot li{border-top:1px solid silver}.dotgrid .fix{z-index:99}.dotgrid .odd li{background-color:#f0f0f0}.dotgrid .even li{background-color:#f8f8f8}.dotgrid .color li{background-color:#ddd}.dotgrid .rno{font-weight:700;font-style:italic}.dotgrid .dg-pager,.dotgrid>.dg-head{-moz-user-select:none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.dotgrid .dg-shade{position:absolute;display:none;padding-top:100px;width:100%;height:100%;z-index:999;background-color:#000;opacity:.1;text-align:center}.dotgrid .dg-message{display:none;z-index:998;right:4px;padding:4px 20px;height:29px;position:absolute;text-align:center;background-color:#9fa09c;color:#fff;font-weight:700;font-size:14px;border-radius:4px}.dotgrid .dg-body::-webkit-scrollbar{width:8px;height:8px;margin-right:2px}.dotgrid .dg-body::-webkit-scrollbar-track-piece{background-color:#f5f5f5;border-left:1px solid #d2d2d2}.dotgrid .dg-body::-webkit-scrollbar-thumb{background:#9fa09c;width:8px;height:8px}.dotgrid .dg-body::-webkit-scrollbar-thumb:hover{background:#b7b8ad}.dotgrid .dg-body::selection{background:#539c65;color:#fff}.dotgrid .dg-body::-moz-selection{background:#539c65;color:#fff}