#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}.login-wrap[data-v-6eed3ff2]{background-image:url(/img/login-bg.abf2c87d.jpg);background-position:50%;background-size:cover;width:100vw;height:100vh;display:flex;flex-wrap:wrap;align-content:center;justify-content:center}.login-wrap .auth-wrap[data-v-6eed3ff2]{display:flex;flex-wrap:wrap;align-content:center;flex-direction:column;padding-top:43px;width:660px;height:406px;background:#313338;border-radius:6px 6px 6px 6px}.login-wrap .auth-wrap .p1[data-v-6eed3ff2]{margin-top:45px;margin-bottom:11px;text-align:center;height:45px;font-family:PingFang SC;font-weight:600;font-size:32px;color:#fff;line-height:38px;font-style:normal;text-transform:none}.login-wrap .auth-wrap .p2[data-v-6eed3ff2]{width:360px;height:34px;font-family:PingFang SC;font-weight:400;font-size:12px;color:hsla(0,0%,100%,.85);line-height:14px;text-align:center;font-style:normal;text-transform:none;margin-left:20px}.login-wrap .auth-wrap .auth-btn[data-v-6eed3ff2]{background:#9bd322;width:400px;height:43px;line-height:43px;border-radius:4px 4px 4px 4px;margin-top:60px;display:flex;align-content:center;justify-content:center;font-family:PingFang SC;font-weight:600;font-size:14px;color:#333;text-align:center;font-style:normal;text-transform:none;cursor:pointer}.login-wrap .auth-wrap .auth-btn[data-v-6eed3ff2]:hover{background-color:#aae823}.pay-wrap[data-v-fbc8b4cc]{display:flex;background-color:#0b0c0f;width:100vw;height:100vh;min-width:920px}.pay-wrap .left[data-v-fbc8b4cc]{width:210px;padding-top:24px;padding-left:24px;padding-bottom:24px;text-align:left;display:flex;flex-direction:column;justify-content:space-between}.pay-wrap .left .top .logo[data-v-fbc8b4cc]{width:120px;height:51px}.pay-wrap .left .top .btn1[data-v-fbc8b4cc]{margin-top:24px;width:159px;height:40px;line-height:40px;color:#fff;background:transparent;border-radius:78px 78px 78px 78px;border:none}.pay-wrap .left .top .btn1.active[data-v-fbc8b4cc],.pay-wrap .left .top .btn1[data-v-fbc8b4cc]:hover{background-color:#aae823;color:#333}.pay-wrap .left .bottom .menu .menu-item[data-v-fbc8b4cc]{font-size:14px;color:hsla(0,0%,100%,.65);text-align:left;height:30px;line-height:30px;color:#fff;opacity:.8}.pay-wrap .left .bottom .menu .menu-item[data-v-fbc8b4cc]:hover{opacity:1}.pay-wrap .left .bottom .menu .logout[data-v-fbc8b4cc]{cursor:pointer;padding-left:8px;transform:translateX(-8px);width:117px;height:32px;background:hsla(0,0%,100%,.15);border-radius:73px 73px 73px 73px;font-family:PingFang SC;font-weight:400;font-size:14px;color:hsla(0,0%,100%,.65)}.pay-wrap .left .bottom .menu .logout[data-v-fbc8b4cc]:hover{color:#fff}.pay-wrap .right[data-v-fbc8b4cc]{display:flex;flex-direction:column;align-content:center;flex:1;flex-wrap:nowrap}.pay-wrap .right .title[data-v-fbc8b4cc]{margin-top:48px;margin-bottom:48px;font-family:PingFang SC;font-weight:600;font-size:36px;color:#fff;line-height:42px;text-align:left;font-style:normal;text-align:center}.pay-wrap .right .scroll-wrap[data-v-fbc8b4cc]{height:450px;overflow-y:scroll;margin-bottom:50px;padding-left:calc(50% - 350px)}.pay-wrap .right .scroll-wrap[data-v-fbc8b4cc] ::-webkit-scrollbar,.pay-wrap .right .scroll-wrap[data-v-fbc8b4cc]::-webkit-scrollbar{width:0;height:0;display:none;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}.pay-wrap .right .scroll-wrap .plan-wrap[data-v-fbc8b4cc]{display:flex;text-align:left}.pay-wrap .right .scroll-wrap .plan-wrap .plan[data-v-fbc8b4cc]{width:323px;height:371px;background:hsla(0,0%,100%,.05);border-radius:16px 16px 16px 16px;border:1px solid hsla(0,0%,100%,.1);padding:24px}.pay-wrap .right .scroll-wrap .plan-wrap .plan1[data-v-fbc8b4cc]{margin-right:48px}.pay-wrap .right .scroll-wrap .plan-wrap .plan1 .plan-btn[data-v-fbc8b4cc]{color:#fff;background:hsla(0,0%,100%,.3);margin-top:10px;margin-bottom:8px;width:275px;height:40px;border-radius:4px 4px 4px 4px;text-align:center;font-size:14px;font-weight:600;line-height:40px}.pay-wrap .right .scroll-wrap .plan-wrap .plan1 .plan-des1[data-v-fbc8b4cc]{font-weight:500;font-size:18px;color:#fff}.pay-wrap .right .scroll-wrap .plan-wrap .plan1 .plan-des2[data-v-fbc8b4cc]{margin-top:12px;font-family:PingFang SC;font-weight:500;font-size:32px;color:#fff}.pay-wrap .right .scroll-wrap .plan-wrap .plan1 .plan-des2 .mon[data-v-fbc8b4cc]{font-family:PingFang SC;font-weight:400;font-size:16px;color:hsla(0,0%,100%,.65)}.pay-wrap .right .scroll-wrap .plan-wrap .plan1 .check-list[data-v-fbc8b4cc]{margin-top:105px}.pay-wrap .right .scroll-wrap .plan-wrap .plan1 .check-list.lv[data-v-fbc8b4cc]{margin-top:52px}.pay-wrap .right .scroll-wrap .plan-wrap .plan1 .check-list .check-item[data-v-fbc8b4cc]{font-family:PingFang SC;font-weight:400;line-height:22px;height:22px;font-size:14px;color:hsla(0,0%,100%,.85)}.pay-wrap .right .scroll-wrap .plan-wrap .plan2[data-v-fbc8b4cc]{margin-right:48px}.pay-wrap .right .scroll-wrap .plan-wrap .plan2 .plan-des1[data-v-fbc8b4cc]{font-weight:500;font-size:18px;color:#fff}.pay-wrap .right .scroll-wrap .plan-wrap .plan2 .plan-des2[data-v-fbc8b4cc]{margin-top:12px;font-family:PingFang SC;font-weight:500;font-size:32px;color:#fff}.pay-wrap .right .scroll-wrap .plan-wrap .plan2 .plan-des2 .mon[data-v-fbc8b4cc]{font-family:PingFang SC;font-weight:400;font-size:16px;color:hsla(0,0%,100%,.65)}.pay-wrap .right .scroll-wrap .plan-wrap .plan2 .plan-btn[data-v-fbc8b4cc]{background:#9bd322;cursor:pointer;margin-top:10px;margin-bottom:8px;width:275px;height:40px;border-radius:4px 4px 4px 4px;text-align:center;color:#333;font-size:14px;font-weight:600;line-height:40px}.pay-wrap .right .scroll-wrap .plan-wrap .plan2 .plan-btn[data-v-fbc8b4cc]:hover{background-color:#aae823}.pay-wrap .right .scroll-wrap .plan-wrap .plan2 .time[data-v-fbc8b4cc]{text-align:center;font-family:PingFang SC;font-weight:400;font-size:14px;color:hsla(0,0%,100%,.85)}.pay-wrap .right .scroll-wrap .plan-wrap .plan2 .check-list[data-v-fbc8b4cc]{margin-top:28px}.pay-wrap .right .scroll-wrap .plan-wrap .plan2 .check-list .check-item[data-v-fbc8b4cc]{font-family:PingFang SC;font-weight:400;line-height:22px;height:22px;font-size:12=4px;color:hsla(0,0%,100%,.85)}.pay-wrap .right .scroll-wrap .tip[data-v-fbc8b4cc]{font-family:PingFang SC;font-weight:400;font-size:14px;line-height:14px;text-align:left;font-style:normal;color:hsla(0,0%,100%,.85)}.pay-wrap .right .scroll-wrap .tip1[data-v-fbc8b4cc]{width:690px;margin-top:32px;margin-bottom:16px}.res-wrapper[data-v-18fcb177]{position:relative;background-color:#0b0c0f;width:100vw;height:100vh;display:flex;align-content:center;justify-content:center;flex-wrap:wrap}.res-wrapper .logo[data-v-18fcb177]{position:absolute;left:24px;top:24px}.res-wrapper .logo img[data-v-18fcb177]{width:100%}.res-wrapper .gif[data-v-18fcb177]{font-family:PingFang SC;font-weight:600;font-size:24px;color:#fff;line-height:28px;text-align:center}.res-wrapper .content-wrap[data-v-18fcb177]{width:400px;height:388px;font-family:PingFang SC;font-weight:400;font-size:12px;color:hsla(0,0%,100%,.85)}.res-wrapper .content-wrap .des1[data-v-18fcb177]{margin-top:16px;font-family:PingFang SC;font-weight:600;font-size:24px;color:#fff}.res-wrapper .content-wrap .des2[data-v-18fcb177]{display:flex;align-content:center;justify-content:space-between;margin-top:18px}.res-wrapper .content-wrap .des3[data-v-18fcb177]{margin-top:24px;text-align:left}.res-wrapper .content-wrap .btn-wrap[data-v-18fcb177]{display:flex;margin-top:24px}.res-wrapper .content-wrap .btn-wrap .btn1[data-v-18fcb177]{cursor:pointer;width:190px;height:36px;line-height:36px;text-align:center;border-radius:4px 4px 4px 4px;border:1px solid #9bd322;font-family:PingFang SC;font-weight:600;font-size:14px;color:#9bd322;background-color:#0b0c0f}.res-wrapper .content-wrap .btn-wrap .btn1[data-v-18fcb177]:hover{background-color:rgba(155,211,34,.2)}.res-wrapper .content-wrap .btn-wrap .btn2[data-v-18fcb177]{background:#9bd322;cursor:pointer;margin-left:24px;width:190px;height:36px;line-height:36px;text-align:center;border-radius:4px 4px 4px 4px;border:1px solid #0b0c0f;font-family:PingFang SC;font-weight:600;font-size:14px;color:#0b0c0f}.res-wrapper .content-wrap .btn-wrap .btn2[data-v-18fcb177]:hover{background-color:#aae823}.pay-wrap[data-v-0deab386]{min-width:710px;display:flex;background-color:#0b0c0f;width:100vw;height:100vh}.pay-wrap .left[data-v-0deab386]{width:210px;padding-top:24px;padding-left:24px;padding-bottom:24px;text-align:left;display:flex;flex-direction:column;justify-content:space-between}.pay-wrap .left .top .logo[data-v-0deab386]{width:120px;height:51px}.pay-wrap .left .top .btn1[data-v-0deab386]{margin-top:24px;width:159px;height:40px;line-height:40px;color:#fff;background:transparent;border-radius:78px 78px 78px 78px;border:none}.pay-wrap .left .top .btn1.active[data-v-0deab386]{background-color:#9bd322;color:#333}.pay-wrap .left .top .btn1[data-v-0deab386]:hover{background-color:#aae823;color:#333}.pay-wrap .left .bottom .menu .menu-item[data-v-0deab386]{font-size:14px;color:hsla(0,0%,100%,.65);text-align:left;height:30px;line-height:30px;color:#fff;opacity:.8}.pay-wrap .left .bottom .menu .menu-item[data-v-0deab386]:hover{opacity:1}.pay-wrap .left .bottom .menu .logout[data-v-0deab386]{cursor:pointer;padding-left:8px;transform:translateX(-8px);width:117px;height:32px;background:hsla(0,0%,100%,.15);border-radius:73px 73px 73px 73px;font-family:PingFang SC;font-weight:400;font-size:14px;color:hsla(0,0%,100%,.65)}.pay-wrap .left .bottom .menu .logout[data-v-0deab386]:hover{color:#fff}.pay-wrap .right[data-v-0deab386]{display:flex;flex-direction:column;align-content:center;flex:1;flex-wrap:nowrap;padding:26px}.pay-wrap .right .gallery[data-v-0deab386]{position:relative;display:flex;justify-content:center;flex-wrap:wrap;margin:-5px;height:90vh;overflow-y:scroll}.pay-wrap .right .gallery[data-v-0deab386] ::-webkit-scrollbar,.pay-wrap .right .gallery[data-v-0deab386]::-webkit-scrollbar{width:0;height:0;display:none;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}.pay-wrap .right .empty-wrap[data-v-0deab386]{margin-top:200px;display:flex;flex-direction:column;align-content:center;height:388px;font-family:PingFang SC;font-weight:400;font-size:12px;color:hsla(0,0%,100%,.85)}.pay-wrap .right .empty-wrap .des1[data-v-0deab386]{margin-top:16px;font-family:PingFang SC;font-weight:600;font-size:24px;color:#fff}.pay-wrap .right .empty-wrap .des2[data-v-0deab386]{width:100%;text-align:center;margin-top:8px}.pay-wrap .right .empty-wrap .btn-wrap[data-v-0deab386]{margin-top:8px;width:100%;display:flex;align-content:center;justify-content:center}.pay-wrap .right .empty-wrap .btn-wrap .btn2[data-v-0deab386]{background:#9bd322;cursor:pointer;width:190px;height:36px;line-height:36px;text-align:center;border-radius:4px 4px 4px 4px;border:1px solid #0b0c0f;font-family:PingFang SC;font-weight:600;font-size:14px;color:#0b0c0f}.pay-wrap .right .empty-wrap .btn-wrap .btn2[data-v-0deab386]:hover{background-color:#aae823}.pay-wrap .right .item[data-v-0deab386]{position:absolute;flex:0 0}.pay-wrap .right .item .hoverdiv[data-v-0deab386]{z-index:5;position:absolute;background-color:transparent;bottom:0;left:0;width:100%;height:100px}.pay-wrap .right .item:hover .hoverdiv[data-v-0deab386]{background:linear-gradient(180deg,transparent,rgba(0,0,0,.5));opacity:.5}.pay-wrap .right .item.loading[data-v-0deab386]{background-color:#333}.pay-wrap .right .item .img[data-v-0deab386]{width:100%;height:auto;display:block}.pay-wrap .right .item .loadimgicon[data-v-0deab386]{cursor:pointer;z-index:11;position:absolute;width:8.5%;height:auto;right:24px;bottom:24px}blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}audio,embed,iframe,img,object,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0;text-align:left}body,html{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Helvetica Neue,Arial,PingFang SC,PingFang TC,PingFang HK,Microsoft Yahei,Microsoft JhengHei;-webkit-font-smoothing:antialiased}