body,html{overflow-x:hidden;font-size:12px;height:100%}body,html,li,ul{padding:0;margin:0}li,ul{list-style:none}a{text-decoration:none}*{font-family:Kanit,sans-serif;box-sizing:border-box}.header-con{height:50px;position:fixed;top:0;left:0;right:0}.footer-con,.header-con{display:flex;align-items:center;justify-content:center;z-index:9999}.footer-con{background-color:#eee;height:6vh}.content-con{min-height:84vh}.dialog-con{position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:99999;background-color:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;flex-direction:column}.toast-con{position:fixed;background:#fff;color:#1fc7d4;top:10px;left:50px;right:10px;padding:15px 20px;z-index:999999;border-radius:16px;font-size:18px;display:block!important;box-shadow:0 0 8px rgba(0,0,0,.2)}.toast-con .title span{float:right;font-weight:lighter;font-size:24px;transform:scaleY(.8);margin-top:-5px;margin-right:-5px;padding:0 5px}.toast-con.error .title{color:red}.toast-con .sub-title{color:#7a6eaa;margin-top:10px;font-size:14px}.loading-con{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;background:rgba(0,0,0,.6);display:flex!important;flex-direction:column;align-items:center;justify-content:center}.loading-con #LoadingConMsg{font-size:13px;color:hsla(0,0%,100%,.6);margin-top:5px}.loading-con:before{display:block;content:" ";width:50px;height:50px;background-image:url(../img/loading.85a7efe2.png);background-size:100% 100%;background-position:50%;opacity:.5;animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn);transition:all 5s}}.no-data{display:flex;flex:1;align-items:center;justify-content:center;font-size:13px;min-height:160px;color:hsla(0,0%,100%,.6)}::-webkit-scrollbar{width:0;height:0;background-color:transparent}image{height:0}*{margin:0;padding:0}view{box-sizing:border-box}.flex-start{align-items:flex-start}.flex-end{align-items:flex-end}.w30{width:30%}.w50{width:50%}.w35{width:35%}.h100{height:100%}.f14{font-size:28rpx}.f15{font-size:30rpx}.f11,.f12{font-size:24px}.f17{font-size:34rpx}.f20{font-size:40rpx}.f16{font-size:32rpx}.bg-black{background-color:#3c3c3c}.bg-red{background-color:red}.bg-white{background-color:#fff}.pd0-10{padding:0 20rpx}.h40{height:80rpx}.center{text-align:center}.cf{color:#fff!important}.ml5{margin-left:5px}.f18{font-size:18px}.f11{font-size:11px}.f21{font-size:21px}.w33{width:33.3%}.flex{display:flex}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.flex-center{align-items:center}.flex-around{justify-content:space-around}.flex-between{justify-content:space-between}.flex-start{justify-content:start}.flex-end{justify-content:end}.flex-end1{align-items:flex-end}.flex-wrap{flex-wrap:wrap}.w100{width:100%}.mt5{margin-top:5px}.mr5{margin-right:5px}.mb5{margin-bottom:5px}.f10{font-size:10px}.f14{font-size:14px}.f20{font-size:20px}.f16{font-size:16px}.f12{font-size:12px}.f13{font-size:13px}.h8{height:8px}.h45{height:45px}.btn-1{background:linear-gradient(90deg,#ff945a,#ff3c00);color:#fff;width:160px;height:40px;line-height:40px;font-size:30rpx;font-weight:700;text-align:center;margin-left:5px;border-radius:5px;margin-top:30px}.bb-e{border-bottom:1px solid #f1f1f1}.fb{font-weight:700}.bg-w{background-color:#fff!important}.bg-g{background-color:#f5f5f8!important}.c9{color:#999}.c5{color:#555}.c3{color:#333}.cr{color:red}.cf{color:#fff}.t1{white-space:nowrap}.t1,.t2{overflow:hidden;text-overflow:ellipsis}.t2{display:-webkit-box;word-wrap:break-word;white-space:normal!important;-webkit-line-clamp:2;-webkit-box-orient:vertical}.p5{padding:0 5%}.p3,.p5{box-sizing:border-box}.p3{padding:0 3%}.l0{left:0}.r0{right:0}.b0{bottom:0}.t0{top:0}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.z1{z-index:1}@font-face{font-family:MyCustomFont;src:url(/font/SHANGSHOUXINGJIANTI.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@keyframes floatY{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}.float-up-down,.float-up-down2{animation:floatY 2s ease-in-out infinite}.float-up-down3{animation:floatY 3s ease-in-out infinite}.float-up-down4{animation:floatY 4s ease-in-out infinite}#app{height:100vh}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter,.fade-leave-to{opacity:0}.slide-left-enter-active,.slide-left-leave-active,.slide-right-enter-active,.slide-right-leave-active{transition:transform .4s ease}.slide-left-enter{transform:translateX(100%)}.slide-left-leave-to,.slide-right-enter{transform:translateX(-100%)}.slide-right-leave-to{transform:translateX(100%)}.zoom-enter-active,.zoom-leave-active{transition:all .3s ease}.zoom-enter,.zoom-leave-to{opacity:0;transform:scale(.95)}.view-task-btn span[data-v-1350693c]{color:#7645d9;margin-left:2px}.task-dialog[data-v-1350693c]{width:80%;padding:15px 0;background-color:#fff;border-radius:16px;min-height:300px}.task-dialog .con-title[data-v-1350693c]{font-size:16px;text-align:center;padding-bottom:15px;position:relative;border-bottom:1px solid #ddd}.task-dialog .con-title .right[data-v-1350693c]{color:#1fc7d4;display:flex;align-items:center;justify-content:center;font-size:14px;right:10px;top:-5px;height:30px;width:30px;position:absolute}.task-dialog .con-title .right img[data-v-1350693c]{height:12px}.task-dialog .con-title .right svg[data-v-1350693c]{width:24px;height:24px;fill:#280d5f;flex-shrink:0}.task-dialog .task-item[data-v-1350693c]{font-size:14px;border-bottom:1px solid #ddd;padding:10px 20px}.task-dialog .task-item .title[data-v-1350693c]{display:flex;align-items:center;justify-content:space-between}.task-dialog .task-item .title label[data-v-1350693c]{font-weight:700}.task-dialog .task-item .title span[data-v-1350693c]{font-weight:lighter;font-size:13px}.task-dialog .task-item .brief[data-v-1350693c]{font-weight:lighter;font-size:13px;padding-top:5px}.task-dialog .task-item .brief .right[data-v-1350693c]{color:brown;float:right;font-weight:400}.wallet-page-con[data-v-7ee35e08]{display:flex;align-items:center;justify-content:center}.connect-wallet-btn[data-v-7ee35e08]{width:100%;font-size:15px;color:#fff;text-align:center;cursor:default;box-sizing:border-box;line-height:32px;position:relative;background-color:#1fc7d4;padding:0 8px;border-radius:16px}.connect-wallet-btn[data-v-7ee35e08]:after{content:"";position:absolute;top:0;left:-5px;width:10px;height:10px;background-color:#7a6eaa;border-radius:50%}.my-wallet[data-v-7ee35e08]{cursor:default;font-size:14px;display:flex;align-items:center;background-color:rgba(88,86,214,.5);color:#fff;height:28px;padding:0 8px;border-radius:14px}.wallet-dialog[data-v-7ee35e08]{position:fixed;bottom:50px;right:0;left:0;background-size:100% 100%;height:245px;z-index:9999;background-color:#131629;border-radius:10px 10px 0 0}.wallet-dialog .title[data-v-7ee35e08]{line-height:50px;display:flex;position:relative}.wallet-dialog .title span[data-v-7ee35e08]{display:block;flex:1;font-size:16px;font-weight:700;text-align:center;color:#999}.wallet-dialog .title .close-btn[data-v-7ee35e08]{font-size:14px;cursor:default;position:absolute;right:0;top:10px;width:40px;height:40px}.sub-title[data-v-7ee35e08]{font-size:15px;line-height:30px;text-align:center;color:#7a6eaa;margin:10px 0 0 0}.wallet-dialog .balance-value[data-v-7ee35e08]{text-align:left;font-size:13px;line-height:20px;padding:0 20px;margin:15px 0 0 0;color:#7a6eaa;display:flex}.wallet-dialog .balance-value label[data-v-7ee35e08]{flex:1}.wallet-dialog .disconnect-btn[data-v-7ee35e08]{font-size:12px;line-height:46px;color:#7a6eaa;cursor:default;position:absolute;bottom:8px;padding-left:20px}.wallet-dialog-mask[data-v-7ee35e08]{position:fixed;top:0;left:0;bottom:0;right:0;background-color:transparent;z-index:9998}.my-address[data-v-7ee35e08]{position:relative;height:36px;margin:10px 20px 0 20px;line-height:36px;font-size:13px;background-size:100% 100%;color:#7a6eaa;border-bottom:1px solid rgba(122,110,170,.2)}.my-address .close-btn[data-v-7ee35e08]{float:right;width:30px;height:30px;margin-right:-10px;display:flex;align-items:center;justify-content:center}.my-address .close-btn svg[data-v-7ee35e08]{width:24px;height:24px;fill:#7a6eaa;flex-shrink:0}.header-con[data-v-b78c1fb8]{display:flex;align-items:center;background-color:#131629}.header-con .logo[data-v-b78c1fb8]{padding-left:12px;color:#fff;font-size:0;text-align:left;font-weight:700;width:100px}.header-con .logo img[data-v-b78c1fb8]{width:34px;height:34px}.header-con .logo svg[data-v-b78c1fb8]{width:46px!important;height:30px!important}.header-con .title[data-v-b78c1fb8]{flex:1;color:#fff;font-size:16px;text-align:center;font-weight:700}.header-con .wallet-btn[data-v-b78c1fb8]{font-size:12px;color:transparent;padding-left:5px;padding-right:12px;box-sizing:border-box;font-weight:700;display:flex;align-items:center;justify-content:flex-end;width:100px}.footer-con[data-v-277ac756]{position:fixed;bottom:0;left:0;right:0;height:50px;background-color:#131629}.footer-con .tab-item[data-v-277ac756]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.footer-con .tab-item img[data-v-277ac756]{width:24px;height:20px}.footer-con .tab-item span[data-v-277ac756]{font-size:12px;color:#999;font-weight:lighter;padding-top:4px}.footer-con .tab-item.on span[data-v-277ac756]{color:#ffd577}.page-container[data-v-2e2447d4]{background-color:transparent}.loading-page[data-v-2e2447d4]{height:calc(100vh - 50px);display:flex;align-items:center;justify-content:center;margin-top:50px}.loading-page .loading-icon[data-v-2e2447d4]{width:50px;height:50px;background-image:url(../img/loading.85a7efe2.png);background-size:100% 100%;background-position:50%;animation:rotate-2e2447d4 1s linear infinite}@keyframes rotate-2e2447d4{0%{transform:rotate(0deg)}to{transform:rotate(1turn);transition:all 5s}}