*{-webkit-overflow-scrolling:touch}body{margin:0;padding:0;font-family:Avenir,Helvetica,Arial,sans-serif;overflow:hidden;font-size:14px}body.page0 .crisp-client{opacity:0;pointer-events:none}body .crisp-client{opacity:1;transition:opacity .3s}body pre{font-size:16px}div{position:relative}img,span{vertical-align:middle;border:0}input{line-height:normal}input,textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}a:active,a:focus,a:hover{outline:none}a{text-decoration:none}button,label{cursor:pointer}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}.all_nowarp{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.all_warp{word-break:break-all;word-wrap:break-word}.all_clear:after{content:".";height:0;visibility:hidden;display:block;clear:both}.all_b{box-sizing:border-box}.all_trans1s{transition:all 1s}.boss{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px;background-color:#f5f5f5}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{border-radius:6px;background-color:#222}.el-pager li,.el-pagination .btn-next,.el-pagination .btn-prev,.el-pagination button:disabled{background-color:transparent}@-webkit-keyframes animate-down{0%{transform:translateY(0)}to{transform:translateY(8px)}}@keyframes animate-down{0%{transform:translateY(0)}to{transform:translateY(8px)}}.page1{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;padding:16px;height:100%;background-color:#5e5e5e;background-repeat:no-repeat;background-position:50%;background-size:100px;background-image:url(../img/logo-github.c054d83e.png)}.page1.show .info-box>div{transform:scale(1);letter-spacing:1px;margin-bottom:8px;opacity:1}.page1.show .info-box .dot{opacity:.7}.page1.show .info-box .title{opacity:1}.page1 .backImg{position:absolute;top:0;left:0;right:0;bottom:0;transition:opacity 1s;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;opacity:0}.page1 .backImg.show{opacity:1}.page1 .shadow{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0;z-index:1}.page1 .shadow.show{opacity:.2}.page1 .info-box{flex:auto;margin-top:20vh;color:#d0d0d0;text-align:center;z-index:2;font-size:12px;text-shadow:0 0 12px #222}.page1 .info-box>div{letter-spacing:8px;transform:scale(2);opacity:0}.page1 .info-box>div:nth-child(2){transition-delay:.4s}.page1 .info-box>div:nth-child(3){transition-delay:.6s}.page1 .info-box .title{display:block;font-size:36px;letter-spacing:2px;color:#f0f0f0;margin-bottom:32px;transition-delay:.6s;opacity:0}.page1 .down{flex:none;margin-bottom:8px;width:16px;z-index:2;cursor:pointer;padding:12px 8px;-webkit-animation:animate-down 1s;animation:animate-down 1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.canvas-back[data-v-4f91507c]{position:absolute;top:0;left:0;width:100%;height:100%}@-webkit-keyframes go-round-6b63a438{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes go-round-6b63a438{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@-webkit-keyframes animate-down-6b63a438{0%{transform:translateY(0)}to{transform:translateY(8px)}}@keyframes animate-down-6b63a438{0%{transform:translateY(0)}to{transform:translateY(8px)}}.menus[data-v-6b63a438]{position:relative;flex:none;width:25vw;min-width:320px;max-width:512px;height:100%;box-sizing:border-box;z-index:2}.menus .head[data-v-6b63a438]{position:absolute;top:0;left:0;width:100vw;height:45px;line-height:45px;letter-spacing:1px;text-align:center;background-color:#000;display:none;z-index:10;color:#fff}.menus .head .menu-btn[data-v-6b63a438]{position:absolute;top:0;left:0;width:45px;height:45px;color:#fff;font-size:18px}.menus .menu-body[data-v-6b63a438]{position:relative;width:100%;height:100%}.menus .menu-body .menu-body-box[data-v-6b63a438]{width:100%;height:100%;background-color:rgba(0,0,0,.3);pointer-events:none;opacity:0;transition:opacity 256ms;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.menus .menu-body .menu-body-box.show[data-v-6b63a438]{opacity:1;pointer-events:auto}.menus .menu-body .menu-body-box.show .back-img-box[data-v-6b63a438],.menus .menu-body .menu-body-box.show .info-box[data-v-6b63a438]{transform:translateX(0)}.menus .menu-body .menu-body-box .down[data-v-6b63a438]{position:absolute;bottom:8px;left:50%;margin-left:-8px;width:16px;z-index:2;cursor:pointer;padding:12px 8px;-webkit-animation:animate-down-6b63a438 1s;animation:animate-down-6b63a438 1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.menus .menu-body .back-img-box[data-v-6b63a438]{position:absolute;top:0;left:0;width:100%;height:100%;background-position:top;background-image:url(../img/menu.9f387f6f.jpg);background-size:cover;transform:translateX(-100px);transition:transform 256ms}.menus .menu-body .info-box[data-v-6b63a438]{width:100%;height:100%;color:#fff;box-sizing:border-box;letter-spacing:1px;text-align:center;z-index:2;padding-top:15vh;padding-bottom:24px;overflow-y:auto;overflow-x:hidden;transform:translateX(-100px);transition:transform 256ms}.menus .menu-body .info-box .photo-box[data-v-6b63a438]{position:relative;display:block;width:26%;margin:0 auto 0 auto;padding:13% 0 13% 0}.menus .menu-body .info-box .photo-box .photo[data-v-6b63a438]{position:absolute;display:block;box-sizing:border-box;top:2px;left:2px;width:calc(100% - 3px);height:calc(100% - 3px);border-radius:100%;border:3px solid hsla(0,0%,100%,.8);z-index:2}.menus .menu-body .info-box .photo-box .playing[data-v-6b63a438]{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;border-radius:100%;background:linear-gradient(#3b79d8,transparent);-webkit-animation:go-round-6b63a438 2s;animation:go-round-6b63a438 2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:1;z-index:1}.menus .menu-body .info-box .photo-box .playing.stop[data-v-6b63a438]{-webkit-animation-play-state:paused;animation-play-state:paused}.menus .menu-body .info-box .photo-box .play-btn[data-v-6b63a438]{cursor:pointer;position:absolute;box-sizing:border-box;top:2px;left:2px;width:calc(100% - 3px);height:calc(100% - 3px);border-radius:100%;background-color:rgba(0,0,0,.5);opacity:0;transition:all .2s;z-index:3}.menus .menu-body .info-box .photo-box .play-btn[data-v-6b63a438]:hover{opacity:1}.menus .menu-body .info-box .photo-box .play-btn .line[data-v-6b63a438]{position:absolute;height:25%;width:25%;top:37.5%;left:30%;transition:all .2s;transform:rotate(45deg);border:none;border-top:1px solid #fff;border-right:1px solid #fff}.menus .menu-body .info-box .photo-box .play-btn .line.play[data-v-6b63a438]{height:40%;width:10px;top:30%;left:calc(50% - 5px);transform:rotate(0);border:none;border-left:1px solid #fff;border-right:1px solid #fff}.menus .menu-body .info-box .name[data-v-6b63a438]{font-size:24px;margin-top:12px}.menus .menu-body .info-box .func[data-v-6b63a438]{font-size:12px;margin-top:6px}.menus .menu-body .info-box .tips[data-v-6b63a438]{font-size:12px;display:flex;align-items:center;justify-content:center;margin-top:24px}.menus .menu-body .info-box .tips span[data-v-6b63a438]{cursor:pointer;transition:all .3s;padding:2px 6px;border-radius:3px}.menus .menu-body .info-box .tips span[data-v-6b63a438]:hover{background-color:rgba(0,0,0,.5);color:#2df569}.menus .menu-body .info-box .tips .line[data-v-6b63a438]{height:2px;width:2px;margin:0 2px;background-color:#2df569}.menus .menu-body .info-box .link[data-v-6b63a438]{position:relative;display:flex;margin:24px auto 0 auto;padding:0;width:80%;max-width:300px;align-items:center}.menus .menu-body .info-box .link>li[data-v-6b63a438]{list-style:none;font-size:12px;padding:10px 0;width:100%;box-sizing:border-box;display:block;position:relative;transition:all .2s;cursor:pointer}.menus .menu-body .info-box .link>li>div[data-v-6b63a438]:first-child{font-size:18px;font-weight:600;color:#f0f0f0}.menus .menu-body .info-box .link>li>div[data-v-6b63a438]:nth-child(2){font-size:12px;color:#f8f8f8}.menus .menu-body .info-box .link>li[data-v-6b63a438]:after{content:"";position:absolute;top:50%;left:0;border-radius:3px;transform:translateY(-50%);width:100%;height:0;background-color:rgba(0,0,0,.4);transition:all .2s;z-index:-1}.menus .menu-body .info-box .link>li:hover>div[data-v-6b63a438]{color:#2df569!important}.menus .menu-body .info-box .link>li[data-v-6b63a438]:hover:after{height:100%}.menus.mobile[data-v-6b63a438]{position:fixed;top:0;left:0;width:0;height:0}.menus.mobile .head[data-v-6b63a438]{display:block}.menus.mobile .menu-body-box[data-v-6b63a438]{position:absolute;top:45px;left:0;width:100vw!important;height:calc(100vh - 45px)!important}.menus.mobile .menu-body-box .back-img-box[data-v-6b63a438]{width:80%;box-shadow:3px 0 12px rgba(0,0,0,.2)}.menus.mobile .menu-body-box .info-box[data-v-6b63a438]{width:80%}.page2[data-v-6d67d372]{height:100%;position:relative;display:flex}.page2 .body-box[data-v-6d67d372]{flex:auto;padding:32px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden}.page2.mobile .body-box[data-v-6d67d372]{padding-top:64px}.page3[data-v-25a95c84]{position:relative;background-color:#252526;height:100%;display:flex;flex-wrap:wrap;align-items:center;padding:0 20px;color:#ccc;box-sizing:border-box}.page3 .logo-box[data-v-25a95c84]{flex:1;box-sizing:border-box;padding:32px;display:flex;justify-content:center;align-items:center}.page3 .logo-box>div a[data-v-25a95c84]{display:inline-block;margin:0 16px 16px 0}.page3 .logo-box>div a img[data-v-25a95c84]{height:32px;width:auto}.page3 .hi-one[data-v-25a95c84]{flex:2;display:flex;font-size:14px;color:#888;justify-content:center;padding:20px}.page3 .hi-one>div[data-v-25a95c84]{text-align:right}.page3 .hi-one>div .from[data-v-25a95c84]{margin-top:10px}.page3 .hi-one>div .from[data-v-25a95c84]:before{content:"";display:inline-block;height:1px;width:100px;background-color:#666;transform:translate(-6px,-5px)}.page3 .friend-box[data-v-25a95c84]{display:flex;flex-wrap:wrap;justify-content:flex-end}.page3 .friend-box>a[data-v-25a95c84]{flex:none;padding:2px 4px;color:#fff;border-radius:4px;margin:0 0 4px 4px;transition:transform 256ms,box-shadow 256ms,background-color 256ms}.page3 .friend-box>a[data-v-25a95c84]:hover{transform:translate(-2px,-2px);box-shadow:0 2px 8px #000;background-color:#222}.page3 .friends-link[data-v-25a95c84]{list-style:none;font-size:14px;flex:1;letter-spacing:1px;text-align:right;min-width:200px}.page3 .friends-link .title[data-v-25a95c84]{font-size:18px}.page3 .friends-link .line[data-v-25a95c84]{height:1px;background-color:#666;border-bottom:1px solid #1e1e1e;width:100%;margin:10px 0 10px 0}.page3 .friends-link .friend+.friend[data-v-25a95c84]{margin-top:4px}.page3 .friends-link .find img[data-v-25a95c84]{cursor:pointer;height:24px;width:auto;opacity:.4;transition:opacity .2s}.page3 .friends-link .find img[data-v-25a95c84]:hover{opacity:.8}.page3 .friends-link .find .ml[data-v-25a95c84]{margin-left:8px}.page3 .info-box[data-v-25a95c84]{flex:1;align-self:center;text-align:center;letter-spacing:1px;font-size:14px;line-height:22px;min-width:200px;color:#aaa}.page3 .info-box .open-icons a[data-v-25a95c84]{display:inline-block;margin:0 16px 16px 0}.page3 .info-box .open-icons a img[data-v-25a95c84]{height:32px;width:auto}.page3 .last[data-v-25a95c84]{position:absolute;bottom:0;left:0;width:100%;background-color:#101010;text-align:center;margin-top:32px;color:#4e4e4e;font-size:12px;height:20px;line-height:20px;letter-spacing:1px}.page3 .last img[data-v-25a95c84]{height:40px;margin-right:8px}.page3 .last a[data-v-25a95c84]{color:#4e4e4e;transition:color .2s}.page3 .last a[data-v-25a95c84]:hover{color:#e0e0e0}.img-wechart[data-v-25a95c84]{width:128px;height:auto}@media (max-width:800px){.page3 .info-box[data-v-25a95c84]{display:none}}@media (max-width:420px){.page3 .friends-link[data-v-25a95c84],.page3 .info-box[data-v-25a95c84]{display:none}}.home[data-v-b8b87fa6]{background-color:#222;overflow:hidden}.home .scroller[data-v-b8b87fa6]{height:100vh;min-height:300px;display:block;overflow:hidden}.home .scroller .scroll-wrapper[data-v-b8b87fa6]{position:relative;display:block;margin:0;padding:0;width:100%}.home .scroller .scroll-wrapper .scroll-page[data-v-b8b87fa6]{display:block;list-style:none;margin:0;padding:0;width:100%;height:100vh;min-height:300px;background-color:#fcfcfc}.home .scroller .scroll-wrapper .scroll-page.foot-page[data-v-b8b87fa6]{height:300px}.artive-list[data-v-6a6e1d1c]{width:100%;box-sizing:border-box;border-left:5px solid #d3d3d3;padding:4px 15px;list-style:none}.artive-list+li[data-v-6a6e1d1c]{margin-top:32px}.artive-list .title[data-v-6a6e1d1c]{font-size:24px;margin-bottom:8px;color:#222;transition:all .2s;cursor:pointer;letter-spacing:1px;word-break:break-all;word-wrap:break-word}.artive-list .title[data-v-6a6e1d1c]:hover{color:#2b8ace}.artive-list .time[data-v-6a6e1d1c]{color:#888;margin-bottom:8px}.artive-list .pic[data-v-6a6e1d1c]{box-sizing:border-box;margin-bottom:8px}.artive-list .pic img[data-v-6a6e1d1c]{max-width:100%;max-height:350px;border-radius:4px}.artive-list .info[data-v-6a6e1d1c]{color:#888;font-size:14px;letter-spacing:1px;margin-bottom:8px}.artive-list .tags[data-v-6a6e1d1c]{margin-bottom:8px;display:flex}.artive-list .tags>div[data-v-6a6e1d1c]{font-size:12px;margin-right:4px;background-color:#2b8ace;color:#fff;padding:3px 5px;border-radius:3px}.artive-list .read-more[data-v-6a6e1d1c]{font-size:16px;color:#30634c;letter-spacing:1px;transition:all .2s;cursor:pointer}.artive-list .read-more[data-v-6a6e1d1c]:hover{color:#0366d6}.my-loading[data-v-32b97b46]{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);text-align:center;color:#ccc}.my-loading .nodata-icon[data-v-32b97b46]{font-size:32px}.my-loading div[data-v-32b97b46]{margin-top:15px}.list-enter-active[data-v-cf2acade]{transition:all .4s}.list-enter-from[data-v-cf2acade],.list-leave-to[data-v-cf2acade]{opacity:0;transform:translateX(10px)}.live-box[data-v-cf2acade]{position:relative;display:flex;flex-direction:column;width:100%;box-sizing:border-box;min-height:100%}.live-box .live[data-v-cf2acade]{display:block;width:100%;flex:auto;margin:0;padding:0;min-height:300px}.live-box .liveli+li[data-v-cf2acade]{margin-top:16px}.live-box .pagin[data-v-cf2acade]{margin-top:8px;flex:none}.live-box .bread[data-v-cf2acade]{display:flex;align-items:center;padding-bottom:16px}.live-box .bread i[data-v-cf2acade]{margin-right:8px;margin-left:-5px;color:#0acb79}.live-box .bread .search-input[data-v-cf2acade]{margin-left:20px;width:200px}.live-box .bread .search-input[data-v-cf2acade] .el-input__inner{background-color:transparent;border:none;border-bottom:1px solid #ccc}