*{box-sizing:border-box;padding:0;margin:0}
body,html{width:100%;height:100%;font-family:Arial,'Microsoft YaHei','黑体','宋体',sans-serif}
body{background-image:url(https://gimg2.gateimg.com/image/20250519202505191417367126224097.webp);background-size:100%}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body{background-image:url(https://gimg2.gateimg.com/image/20250519202505191417367126224097.webp)}
}
#code-form{width:90%;margin-left:5%;min-height:100px;background:#fff;border-radius:8px;position:absolute;padding:10px;box-shadow:0 2px 2px 0 rgba(0,0,0,.5)}
.form-input{border:1px solid #eaebed;border-radius:8px;height:48px;position:relative;margin-top:10px;line-height:48px;padding:0 10px;display:flex;justify-content:space-between;align-items:center}
.form-input:first-child{margin-top:0}
.one-input input{width:100%}
.form-input input{font-size:14px;border:none;outline:0;color:#5d5d5d}
input:focus{border:none;outline:0}
input::-webkit-input-placeholder{color:#ccc}
input::-moz-input-placeholder{color:#ccc}
input::-ms-input-placeholder{color:#ccc}
#smsCode{width:60%}
.coderp-btn{background-image:linear-gradient(0deg,#ff9f18 7%,#fc0 84%);box-shadow:0 0 2px 0 rgba(214,98,0,.5);border-radius:4px;color:#fff;border:none;outline:0}
.coderp-btn:focus{border:none;outline:0}
.coderp-btn:active{background:#f2ab1e;background:-webkit-gradient(linear,left top,left bottom,from(#f2ab1e),to(#f2ab1e));background:-moz-linear-gradient(top,#f2ab1e,#f2ab1e);background:linear-gradient(to bottom,#f2ab1e,#f2ab1e)}
.sms-btn{height:30px;line-height:30px;padding:0 10px;font-size:14px}
.submit-btn{width:100%;height:48px;font-size:18px;margin-top:15px}
.coderp-get-container{width:90%;margin-left:5%;min-height:100px;background:#fff;border-radius:16px;position:absolute;padding-bottom:10px;box-shadow:0 2px 2px 0 rgba(0,0,0,.5)}
.rpget-top{display:flex;flex-direction:column;align-items:center;padding:20px 10px 30px 10px;color:#fff;font-size:20px;background:url(/images/code-rp/head_hongbao.png) no-repeat;background-size:100% 100%;min-height:30vh}
.rpget-top p{text-align:center}
.rp-top-img{width:100%}
.rp-sender-avatar{width:48px;border-radius:50%}
.rp-sender-info img{width:36px;margin-left:10px}
.mt8{margin-top:8px}
.rpget-bottom{padding:10px;text-align:center;height:40vh}
.coin-name{font-size:14px;color:#868686}
.coin-number{font-size:32px;color:#5d5d5d}
.rpget-bottom .tips{font-size:12px;color:#c6c6ca}
.rp-missed{font-size:32px;color:#5d5d5d;margin:20px 0}
.coderp-licence{margin-top:10px;font-size:12px}
.coderp-licence span{color:#868686;margin-left:4px}
.coderp-licence a{color:#f25050;text-decoration:none}
label .css-checkbox{display:none}
label .css-checkbox:checked+i:hover:after{opacity:1}
label .css-checkbox:checked+i:after{opacity:1;border-color:#f25050}
label .css-checkbox+i{position:relative;display:inline-block;top:-1px;width:14px;height:14px;margin:0;vertical-align:middle;border:1px solid #f25050;transition:background .2s ease;border-radius:50%;background:#f9f9f9;font-size:14px;cursor:pointer}
label .css-checkbox+i:after{content:'';opacity:0;-webkit-transform:translateZ(1px) rotate(-45deg);transform:translateZ(1px) rotate(-45deg);outline:1px solid transparent;position:absolute;top:20%;left:12%;width:.68em;height:.4em;border:.15em solid #222;border-top:none;border-right:none;background:rgba(0,0,0,0)}
*,:after,:before,body,body:after,body:before{box-sizing:border-box}
.readonly,.readonly input{background-color:#eee}
.coderp-get-container .submit-btn{position:absolute;bottom:10px;left:10px;right:10px;width:calc(100% - 20px)}
.iti__selected-flag:focus{border:none;outline:0}
.pwd-require{font-size:12px;color:#ccc;padding-left:10px}
.mt4{margin-top:4px}
.VIP-0{background:gray}
.VIP-1{background:#c1aecd}
.VIP-2{background:#c7c22c}
.VIP-3{background:#4fae00}
.VIP-4{background:#00c296}
.VIP-5{background:#00c5e6}
.VIP-6{background:#3190e4}
.VIP-7{background:#a148ff}
.VIP-8{background:#ff00de}
.VIP-9{background:red}
.VIP-10{background:#e68a53}
.VIP-11{background:#ff5300}
.VIP-12{background:#fba402}
.VIP-13{background:#63723d}
.VIP-14{background:#008079}
.last-two-avatar{border-radius:50%;color:#fff;text-align:center;font-size:16px;line-height:50px;min-width:50px}
.fancy_default{height:9vh;width:220px;margin:18px auto 0;background:url(/images/fancy_en.png) no-repeat}
.fancy_cn{background:url(/images/fancy_cn.png) no-repeat}
.fancy_en{background:url(/images/fancy_en.png) no-repeat}
.fancy_kr{background:url(/images/fancy_kr.png) no-repeat}
.fancy_vn{background:url(/images/fancy_vn.png) no-repeat}
/* google captcha */
.recaptcha-container{position: fixed; z-index: 100000; left: 0; top: 0; height: 100%; width: 100%; -moz-transition: opacity .5s; -o-transition: opacity .5s; -webkit-transition: opacity .5s; transition: opacity .5s}
.recaptcha-container .recaptcha-container-ghost{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: .6; filter: alpha(opacity=60); background-color: black;}
.recaptcha-container .recaptcha-panel{position: absolute; top: 50%; left: 50%; width: 340px; height: 165px; margin-left: -170px; margin-top: -60px; box-shadow: 0 1px 8px rgba(128,128,128,0.3); border: 1px solid #d1d1d1; border-radius: 2px; overflow: hidden; background-color: white;}
.recaptcha-container .recaptcha-title{padding: 24px; position: relative;}
.recaptcha-container .recaptcha-title .txt{color: #000; font-size: 20px;}
.recaptcha-container .recaptcha-title .recaptcha-close{position: absolute; right: 15px; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxwYXRoIGQ9Ik02Ljk4OCA1LjU5OEwxLjY5NS4zMDVBMSAxIDAgMDAuMjggMS43Mmw1LjI5MyA1LjI5M0wuMjggMTIuMzA1YTEgMSAwIDAwMS40MTQgMS40MTRsNS4yOTMtNS4yOTMgNS4yOTMgNS4yOTNhMSAxIDAgMDAxLjQxNC0xLjQxNEw4LjQwMiA3LjAxMmw1LjI5My01LjI5M0ExIDEgMCAxMDEyLjI4LjMwNUw2Ljk4OCA1LjU5OHoiIGlkPSJhIi8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iI2EiLz48L21hc2s+PHVzZSBmaWxsPSIjN0Y4RkE0IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiNhIi8+PGcgbWFzaz0idXJsKCNiKSIgZmlsbD0iI0M4Q0ZEQSI+PHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiByeD0iMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUgLTUpIi8+PC9nPjwvZz48L3N2Zz4=) no-repeat 50%; width: 24px; height: 24px; top: 15px; cursor: pointer; background-size: 16px 16px;}
.recaptcha-container #recaptcha-box{padding: 5px 24px; display: flex; justify-content: center; align-items: center;}
.recaptcha-container .loading{margin:auto; margin-top: 10px; width:50px; text-align: center;}
.recaptcha-container .loading > div{width: 10px; height: 10px; background-color:#e64e62; border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode: both; animation-fill-mode: both;}
.recaptcha-container .loading .bounce1{-webkit-animation-delay: -0.32s; animation-delay: -0.32s;}
.recaptcha-container .loading .bounce2{-webkit-animation-delay: -0.16s; animation-delay: -0.16s;}
@-webkit-keyframes bouncedelay{0%, 80%, 100%{-webkit-transform: scale(0.0)} 40%{-webkit-transform: scale(1.0)}}
@keyframes bouncedelay{0%, 80%, 100%{transform: scale(0.0); -webkit-transform: scale(0.0);} 40%{transform: scale(1.0); -webkit-transform: scale(1.0);}}
