.vue-countdown-component{display:flex}@-webkit-keyframes animate-flip-face{0%{transform:rotateX(-.01deg);opacity:1}50%{opacity:1}51%{opacity:0}to{transform:rotateX(-180deg);opacity:0}}@keyframes animate-flip-face{0%{transform:rotateX(-.01deg);opacity:1}50%{opacity:1}51%{opacity:0}to{transform:rotateX(-180deg);opacity:0}}@-webkit-keyframes animate-flip-back{0%{transform:rotateX(180deg)}to{transform:rotateX(-.01deg)}}@keyframes animate-flip-back{0%{transform:rotateX(180deg)}to{transform:rotateX(-.01deg)}}.vue-countdown-component.ie .base .base-b{clip:rect(15px,auto,auto,auto)}.vue-countdown-component.ie .face{clip:rect(auto,auto,15px,auto)}.vue-countdown-component.ie .back{clip:rect(15px,auto,auto,auto)}.vue-countdown-component.theme2 .time-box{min-width:20px}.vue-countdown-component.theme2 .time-box+.time-box{margin-left:4px}.vue-countdown-component.theme2 .time-box:nth-child(3),.vue-countdown-component.theme2 .time-box:nth-child(5),.vue-countdown-component.theme2 .time-box:nth-child(7){margin-right:12px}.vue-countdown-component .time-unit{padding:0 4px;color:#222;font-size:14px;line-height:30px;white-space:nowrap}.vue-countdown-component .time-box{position:relative;box-sizing:border-box;width:41px;height:60px;min-width:28px;text-align:center;perspective:120px;line-height:60px;font-weight:600;font-size:36px;letter-spacing:.04em;color:var(--q-primary);background:linear-gradient(180deg,#fff 48.18%,#eff4ff 48.29%,#eff4ff 78.24%);border:1px solid var(--q-primary);overflow:hidden}.vue-countdown-component .time-box:before{left:-1px}.vue-countdown-component .time-box:after,.vue-countdown-component .time-box:before{content:"";position:absolute;background:var(--q-primary);width:1px;height:6px;top:50%;margin-top:-3px;z-index:-1}.vue-countdown-component .time-box:after{right:-1px}.vue-countdown-component .time-box+.time-box{margin-left:8px}.vue-countdown-component .time-box>div{overflow:hidden;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:.4s;animation-duration:.4s;transform:rotateX(-.01deg);border-radius:3px}.vue-countdown-component .time-box>div.base{position:relative}.vue-countdown-component .time-box>div.base .base-b{position:absolute;left:0;bottom:0;border-radius:0 0 3px 3px;width:100%;height:100%;background-color:#eff4ff;-webkit-clip-path:polygon(0 50%,100% 50%,100% 100%,0 100%);clip-path:polygon(0 50%,100% 50%,100% 100%,0 100%)}.vue-countdown-component .time-box>div.face{position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(180deg,#fff 48.18%,#eff4ff 48.29%,#eff4ff 78.24%);-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-clip-path:polygon(0 0,100% 0,100% 50%,0 50%);clip-path:polygon(0 0,100% 0,100% 50%,0 50%);z-index:2}.vue-countdown-component .time-box>div.face.anime{-webkit-animation-name:animate-flip-face;animation-name:animate-flip-face}.vue-countdown-component .time-box>div.back{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#eff4ff;transform:rotateX(-180deg);-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-clip-path:polygon(0 50%,100% 50%,100% 100%,0 100%);clip-path:polygon(0 50%,100% 50%,100% 100%,0 100%)}.vue-countdown-component .time-box>div.back.anime{-webkit-animation-name:animate-flip-back;animation-name:animate-flip-back}.q-dialog-plugin.q-transfer-card[data-v-c8b06ad8]{width:500px;max-width:80vw;background:#fff;font-weight:500;font-size:12px;line-height:24px;color:#4d5260}.custom-dialog-header[data-v-c8b06ad8]{height:40px;font-weight:400;font-size:14px;line-height:40px;color:#000;box-shadow:inset 0 -1px 0 #eee;border-radius:12px 12px 0 0;text-align:center}.custom-dialog-content[data-v-c8b06ad8]{padding:20px 20px 0 20px}.second[data-v-c8b06ad8]{color:#e74b71}.custom-dialog-btn[data-v-c8b06ad8]{width:224px;height:42px;border-radius:4px}.custom-dialog-footer[data-v-c8b06ad8]{padding:20px}.custom-dialog-btn.cancel[data-v-c8b06ad8]{color:var(--q-primary);border:1px solid var(--q-primary)}.custom-dialog-btn.ok[data-v-c8b06ad8]{color:#fff;background:var(--q-primary)}.q-dialog-plugin.q-transfer-card[data-v-2d439abe]{width:500px;max-width:80vw;background:#fff;font-weight:500;font-size:12px;line-height:24px;color:#4d5260}.custom-dialog-header[data-v-2d439abe]{height:40px;font-weight:400;font-size:14px;line-height:40px;color:#000;box-shadow:inset 0 -1px 0 #eee;border-radius:12px 12px 0 0;text-align:center}.custom-dialog-content[data-v-2d439abe]{padding:20px 20px 0 20px}.second[data-v-2d439abe]{color:#e74b71}.custom-dialog-btn[data-v-2d439abe]{width:224px;height:42px;border-radius:4px}.custom-dialog-footer[data-v-2d439abe]{padding:20px}.custom-dialog-btn.cancel[data-v-2d439abe]{color:var(--q-primary);border:1px solid var(--q-primary)}.custom-dialog-btn.ok[data-v-2d439abe]{color:#fff;background:var(--q-primary)}.staking-banner{height:320px;background-image:url(../img/staking_spline.65eb96d4.png);background-repeat:no-repeat;background-position:50%;background-size:cover}.staking-banner .staking-banner-layout{max-width:1200px;margin:0 auto}.staking-banner .staking-banner-layout .staking-banner-title{padding-top:50px;font-family:Roboto;font-style:normal;font-weight:700;font-size:56px;line-height:68px;color:#15171d}.staking-banner .staking-banner-layout .staking-banner-subtitle{margin-top:12px;font-family:Roboto;font-style:normal;font-weight:600;font-size:54px;line-height:58px;color:#15171d}.staking-main{width:1200px;margin:0 auto;padding:35px 0}.staking-top{height:103px;padding:20px 0;text-align:center;background-color:var(--q-primary);background-image:url(../img/group128.efdcb12f.png);background-repeat:no-repeat;background-position:0 100%;background-size:99px 66px}.staking-top .staking-title{font-weight:700;font-size:24px;line-height:28px}.staking-top .staking-subtitle,.staking-top .staking-title{font-family:Roboto;font-style:normal;letter-spacing:.1em;color:#fff}.staking-top .staking-subtitle{font-weight:400;font-size:20px;line-height:23px;margin-top:12px}.staking-products{background-image:url(../img/staking_products.3d622a4c.png);background-repeat:no-repeat;background-position:100% 0;background-size:200px 200px}.staking-products-header{font-family:Roboto;font-style:normal;font-weight:700;font-size:36px;line-height:68px;letter-spacing:.1em;color:#fff;margin-bottom:24px;margin-top:40px}.staking-list{flex-wrap:wrap}.staking-list,.staking-list .staking-item{display:flex;justify-content:space-between}.staking-list .staking-item{position:relative;align-items:center;width:360px;height:104px;padding:17px 21px 17px 33px;background:linear-gradient(90deg,#e7f0fe,#e6ecfc 56.77%,#e9eefd);border-radius:8px;margin:16px 0}.staking-list .staking-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;height:76px;margin:auto;background-image:url(../img/img_slider.f0890d98.svg);background-repeat:no-repeat;background-position:50%;background-size:cover}.staking-list .staking-item .staking-item-section{display:flex}.staking-list .staking-item .staking-item-section .staking-item-label .rate-label{font-weight:400;font-size:12px;line-height:16px;color:#222732;opacity:.5}.staking-list .staking-item .staking-item-section .staking-item-label .rate{font-weight:600;font-size:24px;line-height:34px;color:var(--q-primary)}.staking-list .staking-item .staking-item-section .staking-item-label .rate-sub{font-style:normal;font-weight:400;font-size:10px;line-height:14px;color:var(--q-primary)}.staking-list .staking-item .staking-item-section .staking-item-label .staking-cycle{margin-top:24px}.staking-list .staking-item .staking-item-section .choose-btn{height:36px;background:var(--q-primary);opacity:.5;border-radius:8px;font-weight:400;font-size:14px;line-height:20px;color:#fff}.to-hold{margin:100px 0;display:flex;justify-content:space-between}.to-hold .to-hold-section.second{position:relative;width:352px;height:336px;padding:40px 28px;background:var(--q-primary);border-radius:12px}.to-hold .to-hold-section.second:before{content:"";position:absolute;top:-12px;right:-13px;width:143px;height:143px;background-image:url(../img/to_hold_box.f476d9e6.png);background-repeat:no-repeat;background-position:50%;background-size:143px 143px}.to-hold .to-hold-section .to-hold-title{font-family:Roboto;font-style:normal;font-weight:700;font-size:36px;line-height:42px;letter-spacing:.1em;color:#fff;margin-bottom:41px}.to-hold .to-hold-section .to-hold-item{margin-bottom:40px}.to-hold .to-hold-section .to-hold-item .to-hold-item-label{font-weight:600;font-size:14px;line-height:20px;letter-spacing:.04em;color:hsla(0,0%,100%,.5)}.to-hold .to-hold-section .to-hold-item .to-hold-item-value{font-family:D-DIN-PRO;font-style:normal;font-weight:900;font-size:30px;line-height:40px;letter-spacing:.04em;color:#fff;margin-top:8px}.to-hold .to-hold-section .to-hold-item .to-hold-item-tips{font-weight:600;font-size:14px;line-height:20px;letter-spacing:.04em;color:hsla(0,0%,100%,.5)}.to-hold-form .to-hold-btn{width:248px;height:48px;background:var(--q-);border-radius:4px;font-weight:600;font-size:16px;line-height:22px;color:#fff}.hold .hold-header{font-family:Roboto;font-style:normal;font-weight:700;font-size:36px;line-height:42px;letter-spacing:.1em;color:#fff;margin:100px 0 40px 0}.hold .hold-info{position:relative;display:flex;height:316px;padding:42px 67px;border-radius:12px;background:var(--q-primary);background-repeat:no-repeat;background-position:50%;background-size:cover}.hold .hold-info:after{content:"";position:absolute;right:-32px;bottom:-32px;width:286px;height:286px;background-image:url(../img/staking_hold_box.6dbfea0b.png);background-repeat:no-repeat;background-position:50%;background-size:cover}.hold .hold-info .hold-info-section{position:relative;z-index:1}.hold .hold-info .hold-info-section .hold-left-time .left-time-label{font-weight:600;font-size:24px;line-height:34px;letter-spacing:.04em;color:#fff}.hold .hold-info .hold-info-section .hold-left-time .left-time-value{margin-top:20px}.hold .hold-info .hold-info-section .hold-info-tips{font-weight:400;font-size:14px;line-height:20px;letter-spacing:.04em;color:hsla(0,0%,100%,.5);margin-top:40px}.hold .hold-info .hold-info-section .hold-info-item{margin-bottom:24px}.hold .hold-info .hold-info-section .hold-info-item .hold-item-label{font-weight:600;font-size:14px;line-height:20px;letter-spacing:.04em;color:hsla(0,0%,100%,.5)}.hold .hold-info .hold-info-section .hold-info-item .hold-item-value{font-family:D-DIN-PRO;font-style:normal;font-weight:900;font-size:40px;line-height:40px;letter-spacing:.04em;color:#fff;margin-top:8px}.hold .hold-info .hold-info-section .hold-info-item .hold-info-btn{height:36px;opacity:.8;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.04em;color:#fff;border:1px solid #fff;border-radius:8px}.time-unit{display:flex;margin-top:9px;text-align:center}.time-unit .time-unit-section{flex:2;font-family:D-DIN-PRO;font-style:normal;font-weight:600;font-size:14px;line-height:14px;letter-spacing:.04em;color:#fff;opacity:.8}.time-unit .time-unit-section:first-child{flex:3}.time-unit .time-unit-section+.time-unit-section{margin-left:12px}.locked-amount{color:#fff;background:#2e3039;border-radius:4px;max-width:450px}.locked-amount .q-field__label,.locked-amount .q-field__marginal,.locked-amount .q-field__native{color:#fff}.amount-slider-container{position:relative;width:770px;margin-top:25px}.amount-slider{position:absolute;top:-4px;right:0;width:500px;padding-top:43px;background-image:url(../img/pross_web.95bce981.svg);background-repeat:no-repeat;background-position:top}.amount-slider .slider-top{color:var(--q-primary)}.amount-slider .slider-bottom{font-weight:600;font-size:14px;line-height:20px;letter-spacing:.04em;color:#fff;margin-top:-10px}.amount-slider .slider-bottom span{font-size:12px;line-height:17px;letter-spacing:.04em;color:#fff;opacity:.5}.to-hold-btn-container{margin-top:32px}