.start-checkin .img-box{background-position:50%;background-size:100px 100px;background-repeat:no-repeat;width:220px;height:220px;position:relative;overflow:hidden}.start-checkin .img-box[data-type=CLOCKIN]{background-color:#4ba5eb;background-image:url(../../static/img/checkin-clockin.57012bcc.png)}.start-checkin .img-box[data-type=SIMPLE]{background-color:#ef7f65;background-image:url(../../static/img/checkin-simple.0eb85fe4.png)}.start-checkin .img-box[data-type=POINT_9]{background-color:#a27ed9;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAEsCAMAAABOo35HAAAAkFBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9mVHhuAAAAL3RSTlMA/hD2ogPBMX3XzqljXRghS8nf9GzpUZQMBTX6tHOtFBywJUGgxHfvCFvYLY+E4AaB33EAAAlpSURBVHic7Z0JU9tIGoY/t42vNTiGcBkyIZmEmdRm+f+/w8UWW5BkMxAYk3AEA8a3B+JuyRw6Xgum5pt536oE2Zb1qNrtdqtb0pOWqJTLfclkK4X1THWYSqWys5m2PFX+4qxU6Kszw8Xi/TWGzcNUQx47Cljp4JfM3Er91+wDpZnKVvbemtZQHi86WIE169/t/7+XsGy+yv1XHidaWAGFlZvf35Co1Fa+PUaToof14Ndwrdt6tSiRWSwe/GvluySLJtYDNWtq6SC8oo5ns1rvyuTRxbpfWK9PfxIku5VPMmmUse4V1nR29c4z293MzNlyqy5LzXa50Ztav/P6l865TBZtrDuFNfXL7UZsM/9T87c7b3lZ3G3drs/1k0m+HvpYtwvr12Zl/OGOKdXloSxdDN6OPz4t/k/QKGTdKnBz9mLs0Vbha+dCHsxFp1v6OO8/LuwM0W6jRtZ4zTL5sWLdG0T9UD8zY7uw0xoIEpWssZplyq+95aN84YtEpPXSHBfdg7l2B/m8dbL8mjW1OuMt7+UPJE6qLf9DOD6M3/IqZfmF9d6vZI3f4tZz89Lfk/6mxI1Slrel6Tnv1fphX2JmeNkveYBmJ+a7tLJcYb3uuaKsfT8D2s/B5dlzt3y5fBrrPWpZtrCmBt6XdOZQoPTKU947+3F2Ry/LFtast836roA5Fldjy51mjPX1skaFNbOQsc83DrE+zE06uZxdynajB50Us0aF1a/aZ/fit4F+Bo1OebSUOYjeJcUsc/Nfzm3pKI+X/81W80d2qZ+LWlcz60fNWn5ln9uL9xNzL+dd+9OxGDkVo5l1U7Ny+/a17YpMmMq2XdiP+LhVs24Kq+/G8HO/y4T53e33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)}.start-checkin .img-box[data-type=HAND]{background-color:#0bd;background-image:url(../../static/img/checkin-simple.0eb85fe4.png)}.start-checkin .img-box.has-current:after{content:"进行中";position:absolute;width:100px;height:100px;top:-50px;right:-50px;transform:rotate(45deg);transform-origin:center center;background-color:#ff6555;color:#fff;line-height:170px;vertical-align:bottom;font-size:14px;text-align:center}.gesture-container{width:300px;height:300px;border:1px solid #ddd;border-radius:8px;display:flex;align-items:center;justify-content:center}.gesture-loading{color:#999;font-size:14px}