.headImg{width:100px;height:100px;border-radius:50%}.spin-icon-load{-webkit-animation:ani-spin 1s linear infinite;animation:ani-spin 1s linear infinite}@-webkit-keyframes ani-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes ani-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading-spin{height:150px;position:relative;border:1px solid #eee}.person-scroll{height:660px;overflow-x:hidden;overflow-y:scroll}.person-scroll::-webkit-scrollbar{width:5px;height:5px;background-color:#f5f5f5}.person-scroll::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:#f5f5f5}.person-scroll::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.1);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);background-color:#2c8df0}.df{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.df,.df-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.df-wrap{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.df-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.card-size{width:200px;height:240px;margin-right:10px}.department-outer{width:100%;height:100%;overflow:hidden}.view-box1{position:absolute;top:85px;bottom:0;left:0;right:0;z-index:1}