.header-div{width:100%}.header-div .btn_div{float:left;margin-right:10px}.header-div .search-div{float:left;text-align:left}.sgPunchList{overflow-x:hidden;overflow-y:scroll;background-color:#fff;padding:20px;border-radius:10px}.sgPunchList .srarch-con{width:calc(100vw - 300px);height:140px;line-height:24px;font-size:14px}.sgPunchList .srarch-con .srarch-item{display:flex;margin-bottom:10px}.sgPunchList .srarch-con .srarch-item .srarch-title{margin-right:15px;color:#999}.sgPunchList .srarch-con .srarch-item .item{margin-right:10px;padding:0 10px}.sgPunchList .srarch-con .srarch-item .item:hover{cursor:pointer}.sgPunchList .srarch-con .srarch-item .active,.sgPunchList .srarch-con .srarch-item .item:hover{background-color:#2d8cf0;color:#fff;border-radius:5px}.sgPunchList .btn-li{width:100%;display:flex;padding-bottom:10px;margin-top:-5px}.sgPunchList .data-list{width:100%;height:calc(100vh - 350px);overflow-x:hidden;overflow-y:scroll}.sgPunchList .data-list .view-ec{height:calc(100vh - 400px)}.sgPunchList .data-list .view-text{height:calc(33vh - 144px);text-align:left;padding-left:20px;padding-top:15px}.sgPunchList .data-list .view-text .view-text-title{color:#464c5b;font-size:14px;width:100%}.sgPunchList .data-list .view-text .view-text-int{font-size:12px;font-weight:300;color:#8492a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sgPunchList .data-list .view-text .view-text-num{font-size:35px}.sgPunchList .data-list .view-text .view-text-num span{margin-left:2px;font-size:12px;color:#8492a6}.sgPunchList .data-list .echarts-div{width:100%;border:1px solid #e9edf0;margin-bottom:20px}.sgPunchList .data-list .echarts-div .col-title{color:#464c5b;font-size:14px;text-align:center;width:100%;line-height:40px;padding:5px 0}.sgPunchList .data-list .echarts-div:hover{background-color:#fff;box-sizing:border-box;box-shadow:0 1px 6px rgba(0,0,0,.2)}.sgPunchList .data-list::-webkit-scrollbar{width:0;height:0}.sgPunchList #dataCon{width:100%;height:calc(100vh - 380px)}.sgPunchList::-webkit-scrollbar{width:0;height:0}