#invite_wrap #invite{height:468px;width:384px;margin-top:-234px;margin-left:-192.5px;color:rgba(0,0,0,0.65);border-radius:4px}#invite_wrap #invite .qrcode-wrap-other{margin-top:53px}#invite_wrap #invite .qrcode-wrap-other #qrcode_other{height:150px;width:150px;margin:0 auto;border:1px solid #e9e9e9;padding:14px;margin-bottom:24px;box-sizing:border-box}#invite_wrap #invite .qrcode-wrap-other .btn.invite-ok{width:140px;margin:32px 0 16px 0}

#masking{position:fixed;top:0;left:0;bottom:0;right:0;background-color:#fff}#masking.opacity{background-color:rgba(0,0,0,0.6)}#masking.opacity p{color:rgba(255,255,255,0.6)}#masking p{font-size:14px}.loader{position:absolute;top:44%;left:50%}.loader p{margin-left:-50%;margin-top:20px}.line-spin-fade-loader{position:relative;top:-10px;left:-10px}.line-spin-fade-loader>div{background-color:#848282;border-radius:2px;margin:2px;animation-fill-mode:both;position:absolute;width:3px;height:7px}.line-spin-fade-loader>div:nth-child(1){top:10px;left:0;animation:line-spin-fade-loader 1.2s -.84s infinite ease-in-out}.line-spin-fade-loader>div:nth-child(2){top:6.64px;left:6.64px;transform:rotate(-45deg);animation:line-spin-fade-loader 1.2s -.72s infinite ease-in-out}.line-spin-fade-loader>div:nth-child(3){top:0;left:10px;transform:rotate(90deg);animation:line-spin-fade-loader 1.2s -.6s infinite ease-in-out}.line-spin-fade-loader>div:nth-child(4){top:-6.64px;left:6.64px;transform:rotate(45deg);animation:line-spin-fade-loader 1.2s -.48s infinite ease-in-out}.line-spin-fade-loader>div:nth-child(5){top:-10px;left:0;animation:line-spin-fade-loader 1.2s -.36s infinite ease-in-out}.line-spin-fade-loader>div:nth-child(6){top:-6.64px;left:-6.64px;transform:rotate(-45deg);animation:line-spin-fade-loader 1.2s -.24s infinite ease-in-out}.line-spin-fade-loader>div:nth-child(7){top:0;left:-10px;transform:rotate(90deg);animation:line-spin-fade-loader 1.2s -.12s infinite ease-in-out}.line-spin-fade-loader>div:nth-child(8){top:6.64px;left:-6.64px;transform:rotate(45deg);animation:line-spin-fade-loader 1.2s 0s infinite ease-in-out}@keyframes line-spin-fade-loader{50%{opacity:0.3}100%{opacity:1}}

.pc .credits_rule{width:703px;margin:40px auto 24px;text-align:center;box-shadow:0 0 4px 0 rgba(0,0,0,0.12);border-radius:6px;background:#fff url(https://okay-pic.oss-cn-hangzhou.aliyuncs.com/acagrid/static/build/images/credits/credits_rule_bg.png) top no-repeat;background-size:100% auto}.pc .credits_rule .credits-bg{padding:70px 0 36px 0}.pc .credits_rule .logo{height:117px;padding-top:10px;border:0;outline:0}.pc .credits_rule .title{color:#333}.pc .credits_rule .get-gold{font-size:22px;margin-top:40px;color:#fff;font-weight:600}.pc .credits_rule .get-cred{color:#fff;font-size:16px}.pc .credits_rule .reward-rules{padding:52px 0 50px 0}.pc .credits_rule .rule-item{list-style:none;text-align:left;position:relative;padding:0 50px 28px}.pc .credits_rule .rule-item:last-child{padding-bottom:0}.rule-item span,.rule-item a{line-height:38px}.rule-item .item-name{color:rgba(0,0,0,0.65);font-size:18px;font-weight:bold}.rule-item .task-undo,.rule-item .task-done{position:absolute;height:40px;padding:0 26px;border:1px solid transparent;border-radius:2px;right:50px;top:0;text-align:center;display:none;font-size:16px}.rule-item.done .task-done{display:block}.rule-item.undo .task-undo{display:block}.rule-item .task-undo{text-decoration:none;border-color:#00b38a;color:#00b38a}.rule-item .task-undo:hover{color:#3dc5a6;border-color:#3dc5a6}.rule-item .task-done{border-color:#d9d9d9;color:#b4b4b4;background-color:#f7f7f7}.credits_rule .conversion{text-align:left;font-size:14px;padding:15px 66px 40px 66px}.reward-rules .rule-item .rule-reward{position:absolute;left:210px;color:#ffa403;font-size:18px;font-weight:600}.conversion span{margin-right:12px}.reward-rules .rule-item .rule-grow{position:absolute;left:210px;color:#00b38a;font-size:18px;font-weight:600}.footer-logo{text-align:center;margin-bottom:18px}.footer-logo a{display:inline-block;width:300px;cursor:pointer}.footer-logo img{width:100%;border:0;outline:0}.credits_rule{font-size:14px;background-color:#f6f6f6}.credits_rule .get.rule-item-mobile{line-height:34px;height:34px;background-color:#f6f6f6;padding-left:25px;color:#929292}.credits_rule .reward-rules-mobile{padding-left:25px;margin-bottom:40px;background:#fff}.credits_rule .reward-rules-mobile li:last-child{border-bottom:0}.credits_rule .reward-rules-mobile .rule-item-mobile{display:table;width:100%;border-bottom:1px solid #eaeaea;padding:16px 0}.credits_rule .reward-rules-mobile .rule-item-mobile.get{border-bottom:0;margin-left:-25px;padding:0 25px;box-sizing:initial}.credits_rule .reward-rules-mobile .rule-item-mobile.get span{float:right;padding-right:16px}.credits_rule .reward-rules-mobile .li-list-left{display:table-cell;vertical-align:middle}.credits_rule .reward-rules-mobile .li-list-left .item-name-mobile{font-size:16px;color:#4e4e4e;font-weight:bold}.credits_rule .reward-rules-mobile .li-list-left .rule-reward-mobile{font-size:12px;color:#8e8e8e}.credits_rule .reward-rules-mobile .li-list-right{display:table-cell;vertical-align:middle;width:100px}.credits_rule .reward-rules-mobile .li-list-right .task-done-mobile,.credits_rule .reward-rules-mobile .li-list-right .task-undo-mobile{border-radius:4px;width:67px;height:30px;line-height:30px;display:inline-block;text-align:center;box-sizing:initial}.credits_rule .reward-rules-mobile .li-list-right .task-done-mobile{border:2px solid #929292;color:#929292}.credits_rule .reward-rules-mobile .li-list-right .task-undo-mobile{border:2px solid #333;color:#333}

.notification-masking{position:fixed;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,0.6);z-index:101}.notification-masking .notification-wrap{top:50%;left:50%;position:fixed;background:#FFFFFF;box-shadow:0 8px 20px 0 rgba(121,121,121,0.5);text-align:center;color:#8f8f8f}.notification-masking .notification-wrap .notification-title{font-size:28px;color:rgba(0,0,0,0.65);font-weight:bold;margin-bottom:0}.notification-masking .notification-wrap .notification-message{line-height:21px;margin-bottom:0}.notification-masking .notification-wrap .notification-message.font-size-12{font-size:14px;line-height:20px;margin-top:10px;color:rgba(0,0,0,0.45)}.notification-masking .notification-wrap .btn{font-size:14px}.notification-masking .notification-wrap .notification-sub-title{font-size:12px;color:rgba(0,0,0,0.25);margin-bottom:0}.notification-masking .notification-wrap a.notification-sub-title{text-decoration:underline;font-size:12px;color:inherit}.notification-masking .notification-wrap a.notification-sub-title:hover{text-decoration:none}.notification-masking .notification-wrap .notification-close-coins{font-size:14px;position:absolute;padding:16px;top:0;right:0}