| 1 |
- @-webkit-keyframes flipY-d41c663e{0%{transform:perspective(500px) rotateX(0deg) rotateY(15deg)}50%{transform:perspective(500px) rotateX(0deg) rotateY(-15deg)}to{transform:perspective(500px) rotateX(0deg) rotateY(15deg)}}@keyframes flipY-d41c663e{0%{transform:perspective(500px) rotateX(0deg) rotateY(15deg)}50%{transform:perspective(500px) rotateX(0deg) rotateY(-15deg)}to{transform:perspective(500px) rotateX(0deg) rotateY(15deg)}}@-webkit-keyframes flipYLight-d41c663e{0%{left:-100vw;opacity:.3;width:25px}25%{left:45vw;opacity:0;width:45px}50%{left:150vw;opacity:.3;width:25px}75%{left:45vw;opacity:0;width:45px}to{left:-100vw;opacity:.3;width:25px}}@keyframes flipYLight-d41c663e{0%{left:-100vw;opacity:.3;width:25px}25%{left:45vw;opacity:0;width:45px}50%{left:150vw;opacity:.3;width:25px}75%{left:45vw;opacity:0;width:45px}to{left:-100vw;opacity:.3;width:25px}}.container[data-v-d41c663e]{background-color:#f5f7fa}.container .btn[data-v-d41c663e]{width:80px;height:34px;background:linear-gradient(135deg,#3ab200,#3ab200);border-radius:22px;color:#333230;font-size:16px;text-align:center;line-height:34px}.container .title[data-v-d41c663e]{font-size:20px;color:#000;line-height:30px;font-weight:700}.container .name[data-v-d41c663e]{font-size:12px;font-weight:400;color:#939599;line-height:22px;margin-top:4px}.container span[data-v-d41c663e]{color:#3ab200}.container .box[data-v-d41c663e]{display:flex;align-items:center;margin:0 auto;width:303px;background-image:linear-gradient(135deg,#3ab200,#3ab200);position:relative;padding:1px;border-radius:6px;overflow:hidden;cursor:pointer;box-sizing:border-box;height:88px;background:#1f2021}.container .box[data-v-d41c663e]:before{position:absolute;z-index:1;content:"";left:1px;right:1px;bottom:1px;top:1px;background-color:#1c1e26;border-radius:6px}.container .box[data-v-d41c663e]:after{position:absolute;z-index:0;content:"";left:0;right:0;bottom:0;top:0;background-image:linear-gradient(135deg,#3ab200,#3ab200);transform-origin:center center;-webkit-animation:spin 3s ease-in-out;animation:spin 3s ease-in-out;-webkit-animation-iteration-count:0;animation-iteration-count:0}.container .box [data-v-d41c663e]{z-index:3;position:relative}.container .box[data-v-d41c663e]:hover:after{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.container .box .img[data-v-d41c663e]{width:38px;height:38px;margin-left:30px}.container .box.box1[data-v-d41c663e]{margin-top:30px}.container .box .text[data-v-d41c663e]{font-size:16px;font-weight:700;margin:0 50px 0 16px;color:#000;line-height:24px}.top[data-v-d41c663e]{background-color:#fff;padding:10px 16px 12px}.auth-list[data-v-d41c663e]{padding:48px 30px 60px}.auth-list .auth[data-v-d41c663e]{display:flex;align-items:center;position:relative;background:#fff;height:88px;padding:0 30px;border-radius:8px}.auth-list .auth .img1[data-v-d41c663e]{width:38px;height:38px}.auth-list .auth .text1[data-v-d41c663e]{font-size:14px;color:#939599;line-height:24px;margin-left:16px}.auth-list .auth .img2[data-v-d41c663e]{width:32px;height:32px;position:absolute;right:-16px;top:50%;transform:translateY(-50%)}.auth-list .auth [data-v-d41c663e]{z-index:2}.auth-list .auth.active[data-v-d41c663e]{background:linear-gradient(135deg,#3ab200,#3ab200)}.auth-list .auth.active .text1[data-v-d41c663e]{color:#000}.auth-list .auth[data-v-d41c663e]:after{content:"";position:absolute;left:1px;top:1px;right:1px;bottom:1px;background:#fff;z-index:0;border-radius:8px}.auth-list .auth+.auth[data-v-d41c663e]{margin-top:30px}.btn-content[data-v-d41c663e]{margin:0 48px}.btn-content .van-button[data-v-d41c663e]{background:linear-gradient(135deg,#3ab200,#3ab200);color:#fff;font-size:14px;border-width:0}
|
