.mx-auto{margin-left:auto;margin-right:auto}
.-mb-24{margin-bottom:-6rem}
.-ml-24{margin-left:-6rem}
.-mr-16{margin-right:-4rem}
.-mr-32{margin-right:-8rem}
.-mt-16{margin-top:-4rem}
.-mt-32{margin-top:-8rem}
.h-32{height:8rem}
.h-48{height:12rem}
.h-64{height:16rem}
.h-\[300px\]{height:300px}
.min-h-screen{min-height:100vh}
.w-14{width:3.5rem}
.w-32{width:8rem}
.w-48{width:12rem}
.w-64{width:16rem}
.max-w-md{max-width:28rem}
.max-w-2xl{max-width:42rem}
.max-w-5xl{max-width:64rem}
.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}
.rounded-2xl{border-radius:1rem}
.border-blue-100{--tw-border-opacity:1;border-color:rgb(219 234 254 / var(--tw-border-opacity, 1))}
.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}
.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}
.border-white\/30{border-color:rgb(255 255 255 / 0.3)}
.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}
.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}
.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}
.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}
.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}
.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}
.bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(224 231 255 / var(--tw-bg-opacity, 1))}
.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255 / var(--tw-bg-opacity, 1))}
.bg-purple-100{--tw-bg-opacity:1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}
.bg-purple-50{--tw-bg-opacity:1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}
.bg-purple-600{--tw-bg-opacity:1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))}
.bg-white\/10{background-color:rgb(255 255 255 / 0.1)}
.bg-white\/20{background-color:rgb(255 255 255 / 0.2)}
.bg-gradient-to-b{background-image:linear-gradient(to bottom, var(--tw-gradient-stops))}
.bg-gradient-to-br{background-image:linear-gradient(to bottom right, var(--tw-gradient-stops))}
.bg-gradient-to-r{background-image:linear-gradient(to right, var(--tw-gradient-stops))}
.from-blue-50{--tw-gradient-from:#eff6ff var(--tw-gradient-from-position);--tw-gradient-to:rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.from-blue-600{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.from-blue-600\/80{--tw-gradient-from:rgb(37 99 235 / 0.8) var(--tw-gradient-from-position);--tw-gradient-to:rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.to-indigo-50{--tw-gradient-to:#eef2ff var(--tw-gradient-to-position)}
.to-indigo-600{--tw-gradient-to:#4f46e5 var(--tw-gradient-to-position)}
.to-indigo-700{--tw-gradient-to:#4338ca var(--tw-gradient-to-position)}
.to-indigo-700\/80{--tw-gradient-to:rgb(67 56 202 / 0.8) var(--tw-gradient-to-position)}
.to-purple-50{--tw-gradient-to:#faf5ff var(--tw-gradient-to-position)}
.bg-clip-text{-webkit-background-clip:text;background-clip:text}
.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem}
.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem}
.pt-3{padding-top:0.75rem}
.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}
.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}
.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}
.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}
.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}
.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}
.text-indigo-500{--tw-text-opacity:1;color:rgb(99 102 241 / var(--tw-text-opacity, 1))}
.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}
.text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}
.text-transparent{color:transparent}
.text-white\/90{color:rgb(255 255 255 / 0.9)}
.opacity-50{opacity:0.5}
.opacity-70{opacity:0.7}
.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}
.transition-colors{transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}
.hover\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}
.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}
.hover\:bg-purple-700:hover{--tw-bg-opacity:1;background-color:rgb(126 34 206 / var(--tw-bg-opacity, 1))}
.hover\:bg-white\/30:hover{background-color:rgb(255 255 255 / 0.3)}
.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.focus\:border-transparent:focus{border-color:transparent}
.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}
.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}
.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246 / var(--tw-ring-opacity, 1))}
@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.sm\:flex-row{flex-direction:row}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}
@media (min-width: 768px){.md\:mb-0{margin-bottom:0;}.md\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.md\:flex-row{flex-direction:row}.md\:justify-start{justify-content:flex-start}.md\:text-left{text-align:left}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-5xl{font-size:3rem;line-height:1}}
@media (min-width: 1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}}

@keyframes moveUp {
    from {transform: translateY(0);}
    to {transform: translateY(-10px);}
}
.view_invite_btn:hover,
.copy_link_btn:hover{transform: scale(1.03) perspective(1000px) rotate(0deg);}
.block_box ._box:hover{animation: moveUp 0.5s ease forwards;}

/*弹窗*/
.mask_box{display:none;position: fixed;top: 0;left: 0;transition: left 0.5s ease;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.3);z-index: 20;align-items: center;justify-content: center;}
.mask_box .box{display:none;position: relative;width:500px;background-color: #fff;padding:0;box-shadow: 10px 20px 15px rgba(0, 0, 0, 0.1)}
.mask_box .box .close{padding:15px;cursor: pointer;}
.mask_box .box .close::before,
.mask_box .box .close::after {cursor: pointer;content: '';position: absolute;top:25px;right: 8px;width: 15px;height: 1px;background-color: #b5b5b5;transform: translate(-50%, -50%);}
.mask_box .box .close::before {transform: translate(-50%, -50%) rotate(45deg);}
.mask_box .box .close::after {transform: translate(-50%, -50%) rotate(-45deg);}
.mask_box .box  .header{padding:15px;border-bottom: 1px solid #E5E7EB;box-shadow: none;font-weight: bold;}
.mask_box .invite_box{width: 750px;height: 577px;}
.mask_box .invite_box .content_box{padding:20px;}
.mask_box .invite_box .content_box .tb_box{width: 100%;}
.mask_box .invite_box .content_box .tb_box .top{display: grid;justify-content:center;align-items:center;grid-template-columns: repeat(3, 1fr);}
.mask_box .invite_box .content_box .tb_box .top .label{border:1px solid #F4F4F6;height: 40px;line-height: 40px;text-align: center;}
.mask_box .invite_box .content_box .tb_box .items .item{display: grid;justify-content:center;align-items:center;grid-template-columns: repeat(3, 1fr);}
.mask_box .invite_box .content_box .tb_box .items .item:nth-child(odd){background-color: #F4F4F6}
.mask_box .invite_box .content_box .tb_box .items .item .val{border:1px solid #F4F4F6;height: 40px;line-height: 40px;text-align: center;}
.mask_box .invite_box .content_box .tb_box .items.no_data{display: grid;justify-content:center;align-items:center;width: 100%;height: 400px;color: #ABABAB;}
.mask_box .invite_box .content_box #page{position: absolute;bottom: 0;}
.mask_box .bind_box{width: 300px;}
.mask_box .bind_box .content_box{padding:20px 20px 30px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.mask_box .bind_box .content_box .tip{color: #FF0000;}
.mask_box .bind_box .content_box .qrcode{padding:10px;}
.mask_box .bind_box .content_box .qrcode img{width: 180px;height: 180px;border:1px solid #F4F4F6;}
.mask_box .bind_box .content_box .refresh_qrcode{color: #9c9a9a;}
.mask_box .bind_box .content_box .sub{position: relative;}
.mask_box .bind_box .content_box .status_box{display:none;position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 99;
    background-color: rgba(0, 0, 0, .6);flex-direction: column;align-items: center;justify-content: center;cursor: pointer;color: #fff;}
.mask_box .bind_box .content_box .status_box i{width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;font-size: 1.5rem;margin-bottom: 5px;border-radius: 100px;}
.mask_box .bind_box .content_box .status_box i.icon-wancheng{background-color: #28c445;}
.mask_box .bind_box .content_box .status_box i.icon-shibai{background-color: #FF0000;font-size: 2.5rem;}
.mask_box .withdrawal_box{width: 540px;}
.mask_box .withdrawal_box .content_box{padding:20px 30px;}
.mask_box .withdrawal_box .content_box .top{display: flex;justify-content: center;align-items: baseline;gap: 5px;font-size: 12px;}
.mask_box .withdrawal_box .content_box .top .amount{font-size: 24px;font-weight: bold;color: #FF0000;}
.mask_box .withdrawal_box .content_box .top .unit{font-size: 12px;}
.mask_box .withdrawal_box .content_box .bottom{margin-top: 30px;}
.mask_box .withdrawal_box .content_box .bottom .tip{margin-top:15px;color: #FF0000;}
.mask_box .withdrawal_box .content_box .confirm_out{margin-top: 20px;border-radius: 5px;width: 100%;padding:8px;background-color: #1980FA;color: #fff;}
.mask_box .withdrawal_box .content_box .verify_code{display: grid;grid-template-columns: 65% 35%;}
.mask_box .withdrawal_box .content_box .verify_code input{border:1px solid #F4F4F6;height: 40px;line-height: 40px;padding:0 10px;}
.mask_box .withdrawal_box .content_box .verify_code .get_btn{height: 40px;line-height: 40px;text-align: center;font-size:12px;background-color: #1980FA;color: #fff;border-radius: 0 4px 4px 0;}
.mask_box .withdrawal_box .content_box .confirm_out:disabled{background-color: #ccc;cursor: not-allowed;}