.notesContent{padding:10px 16px}.notesContent,.punchtheclockcontent .punchtheclockHead{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.punchtheclockcontent .punchtheclockHead{height:64px;padding-top:24px;text-align:center;line-height:40px;color:#fff;background:#dd2828;font-size:16px}.punchtheclockcontent .flowChart{width:100%;margin-top:20px}.punchtheclockcontent .flowChart .flowChartPer{width:100%;height:auto;padding:10px 38px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;padding-bottom:35px}.punchtheclockcontent .flowChart .flowChartPer .slideDown{position:absolute;top:10px;left:18px;height:100%}.punchtheclockcontent .flowChart .flowChartPer .slideDown .spot{position:absolute;top:7px;width:10px;height:10px;background:#6294f8;border-radius:100%;z-index:99}.punchtheclockcontent .flowChart .flowChartPer .slideDown .line{width:1px;height:100%;position:absolute;top:7px;left:4.5px;background:#b2b2b2}.punchtheclockcontent .flowChart .flowChartPer .unchInformation{width:100%}.punchtheclockcontent .flowChart .flowChartPer .unchInformation .signinTime{color:#666;font-size:16px;width:100%}.punchtheclockcontent .flowChart .flowChartPer .unchInformation .checkInTimes{margin:10px 0}.punchtheclockcontent .flowChart .flowChartPer .unchInformation .boildTitle{font-weight:700;margin-top:10px}.punchtheclockcontent .flowChart .flowChartPer .unchInformation .place{height:24px;line-height:24px;color:#999;width:100%}.punchtheclockcontent .flowChart .flowChartPer .unchInformation .photoBox{width:100%;height:161px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.punchtheclockcontent .flowChart .flowChartPer .unchInformation .photoBox .photoBlock{width:120px;height:120px;margin-top:10px;position:relative}.punchtheclockcontent .flowChart .flowChartPer .unchInformation .photoBox .photoBlock img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.punchtheclockcontent .flowChart .flowChartPer .unchInformation .photoBox .photoBlock .icon-guanbi1{position:absolute;right:-8px;top:-8px;z-index:99}.punchtheclockcontent .flowChart .flowChartPer .unchInformation .photoBox .fileBox{width:120px;height:120px;margin-top:10px;border:1px solid #ebedf0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADIEAYAAAD9yHLdAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAABdJJREFUeNrt2zFo3HUfx/HfLzloyVKXYIeiIE5WcFAKDmlzwYauDkazVRyUbg11KnHpnNIOLQRKSqlIYpEGMnSQ3N0kRBStKBYCbYRiApkcSgPm8nuGo8/28Dz94nO/NPd6Lcc/5Aef/5C8c3e5lAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABg/8m1B8B+0i7t0i6NRu/q9deffX37zvad7Tvr61NTU1NTU91u7Z2wHwzVHgD7QS8cn33Wu9raSp3USZ3ff3/2OHpk9Mjoka2t9tn22fbZTz+tvRf2A89AGGide517nXvT0+VwOVwOf/XV/3zwUrqULn30UbPVbDVbS0u17wNq8AyEgVaWylJZ+vzz5z64mlbTauAcHCACwmC7mW6mm2+8ETv85pu150NNAsJg66RO6hw61LdzcIAICAAhAgJAiIAAECIgAIQICAAhAgJAiIAAECIgAIQICAAhAgJAiIAAECIgAIQICAAhAgJAiIAAECIgAIQICAAhAgJAiIAAECIgAIQICAAhAgJAiIAAECIgAIQICAAhAgJAiIAAECIgAIQICAAhAgJAiIAAECIgAIQICAAhAgJAiIAAECIgAIQICAAhAgJAiIAAECIgAIQICAAhAgJAiIAAECIgAIQICAAhAgJAiIAAECIgAIQICAAhAgJAiIAAECIgAIQICAAhAgJAiIAAECIgAIQICAAhAgJAiIAAECIgAIQ0ag+AF1nnXOdc59z8fO0d9Ee5Vq6Va3//3bv6+efe45dfNnMzN/POTu19/ZZrD6ildbx1vHV8cjLP5Jk88/HHeSWv5JXXXit3y91yd3i49j76pJM6qfP227Vn8GLKl/PlfPmXX4Zbw63h1nvvjT0ZezL2ZHu79q6+3X/tAf3WetR61Ho0M5M38kbemJurvQd48eXFvJgXFxbG58fnx+c/+aT2nr7dd+0B/bJ6YvXE6omXXx5aG1obWvvjj95fnocO1d4FHAB7aS/t7e4O3x++P3z/lVdOzpycOTmzuVl71v/bwLyJ3gvH2JhwAP+4oTSUhhqN7vnu+e75t96qPad/tz0gyu1yu9weGam9Azi48nJezsujo7V39MvABCQdS8fSsd9+qz0DOLjyQl7IC7/+WntHvwxMQCYmJiYmJn78MV/P1/P1Vqv2HuAAuZKupCvffntq5dTKqZWffqo9p18GJiDP7MztzO3MffBBvpVv5Vtff53G03ga73Zr7wJeIM9+bzxMD9PDxcXGhcaFxoUPP6w9q98G5r+w/pN2aZd2eeml3nskr77ae6mr4QOWAyLnnHP+4Yfo+VJKKeWdd2rfB33yOD1Oj3d3u0e7R7tHNzZOT56ePD3511+1Z9Uy8AFhsLXb7Xa7XUr0fLPZbDab2c8RA2ngXsIC4J8hIACECAgAIQICQIiAABAiIACECAgAIQICQIiAABAiIACECAgAIQICQIiAABAiIACECAgAIQICQIiAABAiIACECAgAIQICQIiAABAiIACECAgAIQICQIiAABAiIACECAgAIQICQIiAABAiIACECAgAIQICQIiAABAiIACECAgAIQICQIiAABAiIACECAgAIQICQIiAABAiIACECAgAIQICQIiAABAiIACECAgAIQICQIiAABAiIACECAgAIQICQIiAABAiIACECAgAIQICQIiAABAiIACECAgAIQICQIiAMNhm02ya3dvr2zk4QASEgZZH8kge2dp67oMX08V08c8/a++HmgSEgVYelAflwTffPPfBM+lMOhM4BweIgDDQdm/s3ti9MTubr+ar+er33//XA+NpPI2vrT1df7r+dP2LL2rvh5py7QGwH7RLu7RLo5E7uZM7779fpst0mX733X9/w2baTJvffde7WF5u5mZu5t3d2rsBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgIPoX9l5NOGMY/AZAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIwLTAzLTA0VDIyOjE2OjMyKzA4OjAw6v1MmAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMC0wMy0wNFQyMjoxNjozMiswODowMJug9CQAAABHdEVYdHN2ZzpiYXNlLXVyaQBmaWxlOi8vL2hvbWUvYWRtaW4vaWNvbi1mb250L3RtcC9pY29uX3RjYm0wOWE5cS9qaWFoYW8uc3Zn1wT+3QAAAABJRU5ErkJggg==) no-repeat;background-size:50% 50%;background-position:50%;background-repeat:no-repeat;position:relative}.punchtheclockcontent .flowChart .flowChartPer .unchInformation .photoBox .fileBox input{position:absolute;z-index:1;top:0;left:0;display:block;width:100%;height:100%;overflow:hidden;opacity:0}.punchtheclockcontent .flowChart .flowChartPer .punchCircle{width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap}.punchtheclockcontent .flowChart .flowChartPer .punchCircle,.punchtheclockcontent .flowChart .flowChartPer .punchCircle .contentCircle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.punchtheclockcontent .flowChart .flowChartPer .punchCircle .contentCircle{margin-top:10px;width:120px;height:120px;background:-webkit-gradient(linear,left top,left bottom,from(#62bdfd),color-stop(#22a3ff),to(#2f98fd));background:linear-gradient(#62bdfd,#22a3ff,#2f98fd);border-radius:100%;color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(98,189,253,.5);box-shadow:0 2px 12px 0 rgba(98,189,253,.5);font-size:16px}.punchtheclockcontent .flowChart .flowChartPer .punchCircle .place{color:#999;margin-top:10px;width:100%;text-align:center}