.page-shopman-clock-in{background-color:#f7f7f7}.page-shopman-clock-in .userInformation{height:15vh;display:flex;align-items:center}.page-shopman-clock-in .userInformation .userImg{width:4.375rem;height:4.375rem;margin-left:4vw;border-radius:50%;background:#ffd33c;display:flex;justify-content:center;align-items:center}.page-shopman-clock-in .userInformation .userImg img{width:90%;height:90%;display:inline-block;border-radius:50%;background:pink}.page-shopman-clock-in .userInformation span{font-size:5.06667vw;font-weight:700;margin-left:2.4vw}.page-shopman-clock-in .clickInDetail{height:85vh;background:#fff;border-radius:1rem 1rem 0 0;overflow:hidden}.page-shopman-clock-in .clickInDetail .signinTime{height:16.8vw;margin-top:30px;display:flex;justify-content:space-between;margin-left:4vw;margin-right:4vw}.page-shopman-clock-in .clickInDetail .signinTime .goOffWork,.page-shopman-clock-in .clickInDetail .signinTime .goToWork{height:100%;width:44vw;background:#f8f8f8;border-radius:1.86667vw;padding-left:1rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-around}.page-shopman-clock-in .clickInDetail .signinTime .goOffWorkTime,.page-shopman-clock-in .clickInDetail .signinTime .goToWorkTime{font-weight:700}.page-shopman-clock-in .clickInDetail .signinTime .goOffWorkClickInDetail,.page-shopman-clock-in .clickInDetail .signinTime .goToWorkClickInDetail{display:flex;align-items:center;font-size:3.46667vw}.page-shopman-clock-in .clickInDetail .outerCircle{width:43.73333vw;height:43.73333vw;margin:12.53333vw auto 0;border-radius:50%;display:flex;justify-content:center;align-items:center}.page-shopman-clock-in .clickInDetail .outerCircle .middleCircle{width:38.93333vw;height:38.93333vw;background:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center}.page-shopman-clock-in .clickInDetail .outerCircle .middleCircle .clickInState{width:36vw;height:36vw;background:#ffd33c;border-radius:50%;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.page-shopman-clock-in .clickInDetail .signinPosition{height:2rem;margin-top:1rem;display:flex;justify-content:center;align-items:center}.page-shopman-clock-in .clickInDetail .uploadPhotos{margin-top:1.25rem;padding-left:4vw;display:flex}