.user-list{display:flex}.user-list .user-list-item{margin-right:2px}.user-list .user-list-item:last-child{margin-right:0}.user-list .user-list-item .user-list-item-top{color:#fff;font-size:18px;text-align:center}.user-list .user-list-item .user-list-item-bottom,.user-list .user-list-item .user-list-item-top{width:25px;height:25px;border-radius:50%;background:#ffb97b}.ace-balloon-medium{padding:6px}.invite-dialog{width:350px;padding:18px}.invite-dialog .ace-dialog-close{top:12px;right:12px}.invite-dialog .ace-dialog-footer{padding-top:0}.priorTaskId-dialog{width:360px}.ace-developer-common-clockin{background-image:url(https://img.alicdn.com/tfs/TB1IZm9DhD1gK0jSZFsXXbldVXa-2240-538.png);background-repeat:no-repeat;background-size:cover;border-radius:10px;width:1180px;margin:0 auto}.ace-developer-common-clockin .main-content{padding-bottom:46px;position:relative}.ace-developer-common-clockin .main-content .title{position:absolute;top:-25px;left:50%;transform:translateX(-50%);z-index:20;height:50px;line-height:50px;font-size:22px;padding:0 25px;background:linear-gradient(90deg,#ff9d3e,#ff503e);border-radius:25px;box-shadow:0 0 10px 0 rgba(0,0,0,.13);color:#fff}.ace-developer-common-clockin .main-content .info{margin:30px 0;font-size:16px;text-align:center;position:absolute;top:0;right:20px;color:#fff}.ace-developer-common-clockin .main-content .info span{color:#fff000;margin-left:5px}.ace-developer-common-clockin .main-content .rules{width:950px;margin:0 auto;font-size:16px;font-weight:400;color:#fff;line-height:20px;padding-top:60px}.ace-developer-common-clockin .main-content .rules>.ace-link{color:#fff;text-decoration:underline}.ace-developer-common-clockin .main-content .class-box{display:flex;justify-content:space-around;align-items:flex-start;width:1135px;margin:0 auto;min-height:30px}.ace-developer-common-clockin .main-content .class-box .class-item{text-decoration:none;display:flex;flex-direction:column;align-items:center;position:relative;cursor:pointer;width:86px;margin-top:66px;height:140px;flex:1}.ace-developer-common-clockin .main-content .class-box .class-item .class-buy-area{position:absolute;width:100%;height:100%}.ace-developer-common-clockin .main-content .class-box .class-item .class-buy-area .ace-developer-custom-buybtn{width:100%;height:100%}.ace-developer-common-clockin .main-content .class-box .class-item .class-buy-area .ace-developer-custom-buybtn .ace-btn{width:100%;height:100%;background:transparent;border:0}.ace-developer-common-clockin .main-content .class-box .class-item .item-img{margin:14px 0 5px;width:50px;height:50px;position:relative}.ace-developer-common-clockin .main-content .class-box .class-item .item-img .share-hover-box{display:none;position:absolute;top:55px;left:-100px}.ace-developer-common-clockin .main-content .class-box .class-item .item-img img{display:block;width:100%;height:100%;object-fit:contain}.ace-developer-common-clockin .main-content .class-box .class-item .item-img .item-index{position:absolute;left:0;right:0;bottom:0;top:0;margin:auto;font-size:25px;color:#ff6a00;text-align:center;line-height:50px}.ace-developer-common-clockin .main-content .class-box .class-item .item-img:hover .share-hover-box{display:flex}.ace-developer-common-clockin .main-content .class-box .class-item .class-name{font-size:16px;font-weight:400;color:#fff;width:90%;text-align:center}.ace-developer-common-clockin .main-content .class-box .class-item:after{content:"";pointer-events:none;position:absolute;left:88px;width:69%;height:1px;background:#fff;opacity:.3;top:40px}.ace-developer-common-clockin .main-content .class-box .class-item:last-child:after{content:"";display:none}.ace-developer-common-clockin .main-content .class-box .class-item.active .class-name{color:#fff}.ace-developer-common-clockin .main-content .class-box .class-item.active:after{content:"";position:absolute;left:88px;width:69%;height:1px;background:#fff;opacity:.3;top:40px}.ace-developer-common-clockin .main-content .class-box .class-item.active:last-child:after{content:"";display:none}.ace-developer-common-clockin .main-content .class-box .item-2.active:after,.ace-developer-common-clockin .main-content .class-box .item-2:after{left:375px}.ace-developer-common-clockin .main-content .class-box .item-3.active:after,.ace-developer-common-clockin .main-content .class-box .item-3:after{left:245px}.ace-developer-common-clockin .main-content .class-box .item-4.active:after,.ace-developer-common-clockin .main-content .class-box .item-4:after{left:185px}.ace-developer-common-clockin .main-content .class-box .item-5.active:after,.ace-developer-common-clockin .main-content .class-box .item-5:after{left:148px}.ace-developer-common-clockin .main-content .class-box .item-6.active:after,.ace-developer-common-clockin .main-content .class-box .item-6:after{left:124px}.ace-developer-common-clockin .main-content .class-box .item-7.active:after,.ace-developer-common-clockin .main-content .class-box .item-7:after{left:106px}.ace-developer-common-clockin .main-content .tip{margin-top:40px;font-size:16px;font-weight:400;color:#fff;text-align:center}.ace-developer-common-clockin .main-content .operate-box{width:570px;margin:0 auto;margin-top:18px;display:flex;justify-content:center;height:34px}.ace-developer-common-clockin .main-content .operate-box .btn-share{min-width:140px;height:40px;line-height:40px;font-size:16px;font-weight:400;color:#ff6a00;text-align:center;background:#fff;background-size:100% 100%;cursor:pointer;position:relative;padding:0 10px}.ace-developer-common-clockin .main-content .operate-box .btn-share .share-hover-area{display:none;position:absolute;left:50%;transform:translateX(-50%);top:40px;z-index:299}.ace-developer-common-clockin .main-content .operate-box .btn-share:hover{background:#ff791a;color:#fff}.ace-developer-common-clockin .main-content .operate-box .btn-share:hover .share-hover-area{display:block}.ace-developer-common-clockin .main-content .operate-box .ace-developer-common-task-sdk .ace-btn,.ace-developer-common-clockin .main-content .operate-box .btn-url{min-width:140px;height:40px;line-height:40px;font-size:16px;font-weight:400;color:#ff6a00;text-align:center;background:#fff;background-size:100% 100%;cursor:pointer;margin-left:10px;padding:0 10px}.ace-developer-common-clockin .main-content .operate-box .ace-developer-common-task-sdk .ace-btn:hover,.ace-developer-common-clockin .main-content .operate-box .btn-url:hover{background:#ff791a;color:#fff}.ace-developer-common-clockin .main-content .operate-box .ace-developer-common-task-sdk .ace-btn{line-height:36px}.ace-developer-common-clockin .main-content .operate-box .ace-developer-common-task-sdk{height:40px}.ace-developer-common-clockin .main-content .operate-box .ace-developer-common-task-sdk .ace-btn:disabled,.ace-developer-common-clockin .main-content .operate-box .ace-developer-common-task-sdk .ace-btn:disabled:hover,.ace-developer-common-clockin .main-content .operate-box .disabled,.ace-developer-common-clockin .main-content .operate-box .disabled:hover{background-color:#d8d8d8;color:#999;border:1px solid #d8d8d8}.ace-developer-common-clockin .is-apple-click{display:none}@media only screen and (max-width:768px){.ace-developer-common-clockin{background-image:url(https://img.alicdn.com/tfs/TB1hPjiDi_1gK0jSZFqXXcpaXXa-1300-1404.png);width:100%!important;border-radius:16px}.ace-developer-common-clockin .main-content{width:91%;margin:0 auto;padding-bottom:35px}.ace-developer-common-clockin .main-content .title{top:-17px;width:130px;height:35px;line-height:35px;font-size:16px;border-radius:17px;padding:0;color:#fff;text-align:center}.ace-developer-common-clockin .main-content .info{font-size:12px;text-align:center;padding:0;color:#fff;left:0;right:0;margin:30px auto 0}.ace-developer-common-clockin .main-content .info span{color:#fff000}.ace-developer-common-clockin .main-content .rules{width:95%;margin:0 auto -40px;font-size:12px;font-weight:400;color:#fff;line-height:20px;padding-top:60px}.ace-developer-common-clockin .main-content .class-box{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin:0 auto;padding-top:40px;width:250px}.ace-developer-common-clockin .main-content .class-box .class-item{display:flex;flex-direction:column;align-items:flex-start;position:relative;cursor:pointer;width:100%;margin-bottom:35px;margin-top:45px;height:auto}.ace-developer-common-clockin .main-content .class-box .class-item .item-img{width:38px;height:38px;margin:0}.ace-developer-common-clockin .main-content .class-box .class-item .item-img img{display:block;width:100%;height:100%}.ace-developer-common-clockin .main-content .class-box .class-item .item-img .item-index{font-size:20px;line-height:38px}.ace-developer-common-clockin .main-content .class-box .class-item .class-name{font-size:14px;font-weight:400;color:#fff!important;width:200px;text-align:left;position:absolute;left:50px;top:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ace-developer-common-clockin .main-content .class-box .class-item:after{content:"";display:block;pointer-events:none;width:1px;height:80px;background:#fff;opacity:.3;position:absolute;top:38px;left:18px;transform:translateY(0);background-size:auto 100%}.ace-developer-common-clockin .main-content .class-box .class-item:last-child{margin-bottom:0}.ace-developer-common-clockin .main-content .class-box .class-item:last-child:after{content:"";display:none}.ace-developer-common-clockin .main-content .class-box .class-item.active .class-name{color:#fff}.ace-developer-common-clockin .main-content .class-box .class-item.active:after{content:"";display:block;pointer-events:none;width:1px;height:80px;background:#fff;opacity:.3;position:absolute;top:38px;left:18px;transform:translateY(0);background-size:auto 100%}.ace-developer-common-clockin .main-content .class-box .class-item.active:last-child{margin-bottom:0}.ace-developer-common-clockin .main-content .class-box .class-item.active:last-child:after{content:"";display:none}.ace-developer-common-clockin .main-content .tip{margin-top:34px;font-size:14px;font-weight:400;color:#fff;text-align:center}.ace-developer-common-clockin .main-content .operate-box{width:100%;margin:0 auto;margin-top:20px;flex-direction:column;align-items:center;min-height:34px;max-height:none;height:auto}.ace-developer-common-clockin .main-content .operate-box .btn-share{display:none}.ace-developer-common-clockin .main-content .operate-box .ace-developer-common-task-sdk .ace-btn,.ace-developer-common-clockin .main-content .operate-box .btn-url{width:140px;height:35px;line-height:35px;font-size:14px;font-weight:400;text-align:center;color:#fff;background:none;margin:0;margin-top:8px;border:1px solid #fff}.ace-developer-common-clockin .main-content .operate-box .ace-developer-common-task-sdk .ace-btn:hover,.ace-developer-common-clockin .main-content .operate-box .btn-url:hover{background:none;color:#fff}.ace-developer-common-clockin .main-content .operate-box .ace-developer-common-task-sdk .ace-btn{line-height:32px}.ace-developer-common-clockin .main-content .operate-box .ace-developer-common-task-sdk{height:35px}}